ct-rich-text-editor 1.2.2 → 1.2.4

package/dist/{index-645b5b2f.js → index-0e027fdf.js}

@@ -1,20 +1,22 @@
-import { u as Y, L as J, c as le, j as ce, a, b as Ce, d as be, $ as H, R as he, C as xe, e as Ee, O as Ie, H as Re, f as De, i as ve } from "./index-7dc03909.js";
-import { CodeNode as Oe } from "@lexical/code";
-import { LinkNode as we } from "@lexical/link";
-import { useEffect as z, createContext as ue, useContext as W, useRef as T, useMemo as me, useState as K, useCallback as L, Suspense as Me } from "react";
-import { calculateZoomLevel as Z, mergeRegister as Se } from "@lexical/utils";
-import { $getSelection as $, $isNodeSelection as X, $setSelection as Q, $isRangeSelection as Pe, SELECTION_CHANGE_COMMAND as _e, COMMAND_PRIORITY_LOW as A, CLICK_COMMAND as ye, DRAGSTART_COMMAND as Ve, KEY_DELETE_COMMAND as Ae, KEY_BACKSPACE_COMMAND as Te, KEY_ENTER_COMMAND as ze, KEY_ESCAPE_COMMAND as je, RootNode as ke, TextNode as Le, LineBreakNode as Xe, ParagraphNode as Ue, createCommand as $e, $getNodeByKey as ee } from "lexical";
+import { jsxDEV as l, Fragment as Ce } from "react/jsx-dev-runtime";
+import { CodeNode as be } from "@lexical/code";
+import { LinkNode as he } from "@lexical/link";
+import { u as Y, L as W, c as le, a as Ie, b as Re, $ as j, R as xe, C as ve, d as Oe, O as Ee, H as we, e as Me, i as Se } from "./index-bd25a91b.js";
+import { useEffect as k, createContext as ce, useContext as H, useRef as z, useMemo as ue, useState as K, useCallback as V, Suspense as De } from "react";
+import { jsx as me } from "react/jsx-runtime";
+import { calculateZoomLevel as Z, mergeRegister as Pe } from "@lexical/utils";
+import { $getSelection as J, $isNodeSelection as U, $setSelection as Q, $isRangeSelection as _e, SELECTION_CHANGE_COMMAND as ye, COMMAND_PRIORITY_LOW as T, CLICK_COMMAND as Ae, DRAGSTART_COMMAND as Te, KEY_DELETE_COMMAND as ze, KEY_BACKSPACE_COMMAND as ke, KEY_ENTER_COMMAND as Le, KEY_ESCAPE_COMMAND as Xe, RootNode as Ve, TextNode as Ue, LineBreakNode as $e, ParagraphNode as Je, createCommand as We, $getNodeByKey as ee } from "lexical";
 import "axios";
 import "@emotion/styled";
 import "react-dom";
 import "@lexical/table";
 import "@emotion/react";
 import "emoji-picker-react";
-function Je({
+function He({
   defaultSelection: e
 }) {
   const [r] = Y();
-  return z(() => {
+  return k(() => {
     r.focus(() => {
       const o = document.activeElement, N = r.getRootElement();
       N !== null && (o === null || !N.contains(o)) && N.focus({
@@ -25,86 +27,86 @@ function Je({
     });
   }, [e, r]), null;
 }
-const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AutoFocusPlugin: Je
+  AutoFocusPlugin: He
 }, Symbol.toStringTag, { value: "Module" }));
-function He({ defaultSelection: e }) {
+function Ke({ defaultSelection: e }) {
   const [r] = Y();
-  return z(() => {
+  return k(() => {
     r.focus(() => {
       const o = document.activeElement, N = r.getRootElement();
       N === null || o !== null && N.contains(o) || N.focus({ preventScroll: !0 });
     }, { defaultSelection: e });
   }, [e, r]), null;
 }
-const Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AutoFocusPlugin: He
-}, Symbol.toStringTag, { value: "Module" })), Fe = process.env.NODE_ENV !== "production" ? We : Ke, Be = Fe.AutoFocusPlugin, te = [["Cat", "rgb(125, 50, 0)"], ["Dog", "rgb(100, 0, 0)"], ["Rabbit", "rgb(150, 0, 0)"], ["Frog", "rgb(200, 0, 0)"], ["Fox", "rgb(200, 75, 0)"], ["Hedgehog", "rgb(0, 75, 0)"], ["Pigeon", "rgb(0, 125, 0)"], ["Squirrel", "rgb(75, 100, 0)"], ["Bear", "rgb(125, 100, 0)"], ["Tiger", "rgb(0, 0, 150)"], ["Leopard", "rgb(0, 0, 200)"], ["Zebra", "rgb(0, 0, 250)"], ["Wolf", "rgb(0, 100, 150)"], ["Owl", "rgb(0, 100, 100)"], ["Gull", "rgb(100, 0, 100)"], ["Squid", "rgb(150, 0, 150)"]], oe = te[Math.floor(Math.random() * te.length)], de = /* @__PURE__ */ ue({
+  AutoFocusPlugin: Ke
+}, Symbol.toStringTag, { value: "Module" })), Be = process.env.NODE_ENV !== "production" ? je : Fe, Ye = Be.AutoFocusPlugin, te = [["Cat", "rgb(125, 50, 0)"], ["Dog", "rgb(100, 0, 0)"], ["Rabbit", "rgb(150, 0, 0)"], ["Frog", "rgb(200, 0, 0)"], ["Fox", "rgb(200, 75, 0)"], ["Hedgehog", "rgb(0, 75, 0)"], ["Pigeon", "rgb(0, 125, 0)"], ["Squirrel", "rgb(75, 100, 0)"], ["Bear", "rgb(125, 100, 0)"], ["Tiger", "rgb(0, 0, 150)"], ["Leopard", "rgb(0, 0, 200)"], ["Zebra", "rgb(0, 0, 250)"], ["Wolf", "rgb(0, 100, 150)"], ["Owl", "rgb(0, 100, 100)"], ["Gull", "rgb(100, 0, 100)"], ["Squid", "rgb(150, 0, 150)"]], oe = te[Math.floor(Math.random() * te.length)], de = /* @__PURE__ */ ce({
   clientID: 0,
   color: oe[1],
   isCollabActive: !1,
   name: oe[0],
   yjsDocMap: /* @__PURE__ */ new Map()
 });
-function Ye(e, r) {
-  const o = W(de);
+function Ge(e, r) {
+  const o = H(de);
   return e != null && (o.name = e), r != null && (o.color = r), o;
 }
-const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CollaborationContext: de,
-  useCollaborationContext: Ye
-}, Symbol.toStringTag, { value: "Module" })), re = [["Cat", "rgb(125, 50, 0)"], ["Dog", "rgb(100, 0, 0)"], ["Rabbit", "rgb(150, 0, 0)"], ["Frog", "rgb(200, 0, 0)"], ["Fox", "rgb(200, 75, 0)"], ["Hedgehog", "rgb(0, 75, 0)"], ["Pigeon", "rgb(0, 125, 0)"], ["Squirrel", "rgb(75, 100, 0)"], ["Bear", "rgb(125, 100, 0)"], ["Tiger", "rgb(0, 0, 150)"], ["Leopard", "rgb(0, 0, 200)"], ["Zebra", "rgb(0, 0, 250)"], ["Wolf", "rgb(0, 100, 150)"], ["Owl", "rgb(0, 100, 100)"], ["Gull", "rgb(100, 0, 100)"], ["Squid", "rgb(150, 0, 150)"]], se = re[Math.floor(Math.random() * re.length)], pe = ue({ clientID: 0, color: se[1], isCollabActive: !1, name: se[0], yjsDocMap: /* @__PURE__ */ new Map() });
-function qe(e, r) {
-  const o = W(pe);
+  useCollaborationContext: Ge
+}, Symbol.toStringTag, { value: "Module" })), re = [["Cat", "rgb(125, 50, 0)"], ["Dog", "rgb(100, 0, 0)"], ["Rabbit", "rgb(150, 0, 0)"], ["Frog", "rgb(200, 0, 0)"], ["Fox", "rgb(200, 75, 0)"], ["Hedgehog", "rgb(0, 75, 0)"], ["Pigeon", "rgb(0, 125, 0)"], ["Squirrel", "rgb(75, 100, 0)"], ["Bear", "rgb(125, 100, 0)"], ["Tiger", "rgb(0, 0, 150)"], ["Leopard", "rgb(0, 0, 200)"], ["Zebra", "rgb(0, 0, 250)"], ["Wolf", "rgb(0, 100, 150)"], ["Owl", "rgb(0, 100, 100)"], ["Gull", "rgb(100, 0, 100)"], ["Squid", "rgb(150, 0, 150)"]], se = re[Math.floor(Math.random() * re.length)], pe = ce({ clientID: 0, color: se[1], isCollabActive: !1, name: se[0], yjsDocMap: /* @__PURE__ */ new Map() });
+function Ze(e, r) {
+  const o = H(pe);
   return e != null && (o.name = e), r != null && (o.color = r), o;
 }
-const Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CollaborationContext: pe,
-  useCollaborationContext: qe
-}, Symbol.toStringTag, { value: "Module" })), Qe = process.env.NODE_ENV !== "production" ? Ge : Ze, G = Qe.useCollaborationContext;
+  useCollaborationContext: Ze
+}, Symbol.toStringTag, { value: "Module" })), et = process.env.NODE_ENV !== "production" ? qe : Qe, G = et.useCollaborationContext;
 function ne(e) {
   const r = e.transform();
   return r !== null ? /* @__PURE__ */ new Set([r]) : /* @__PURE__ */ new Set();
 }
-function et({
+function tt({
   initialEditor: e,
   children: r,
   initialNodes: o,
   initialTheme: N,
-  skipCollabChecks: S
+  skipCollabChecks: D
 }) {
-  const I = T(!1), x = W(J);
-  if (x == null)
+  const x = z(!1), I = H(W);
+  if (I == null)
     throw Error("Unexpected parent context null on a nested composer");
   const [d, {
-    getTheme: v
-  }] = x, _ = me(
+    getTheme: E
+  }] = I, _ = ue(
     () => {
-      const p = N || v() || void 0, y = le(x, p);
+      const p = N || E() || void 0, y = le(I, p);
       if (p !== void 0 && (e._config.theme = p), e._parentEditor = d, o)
         for (let i of o) {
-          let E = null, t = null;
+          let R = null, t = null;
           if (typeof i != "function") {
             const b = i;
-            i = b.replace, E = b.with, t = b.withKlass || null;
+            i = b.replace, R = b.with, t = b.withKlass || null;
           }
-          const w = e._nodes.get(i.getType());
+          const M = e._nodes.get(i.getType());
           e._nodes.set(i.getType(), {
-            exportDOM: w ? w.exportDOM : void 0,
+            exportDOM: M ? M.exportDOM : void 0,
             klass: i,
-            replace: E,
+            replace: R,
             replaceWithKlass: t,
             transforms: ne(i)
           });
         }
       else {
         const i = e._nodes = new Map(d._nodes);
-        for (const [E, t] of i)
-          e._nodes.set(E, {
+        for (const [R, t] of i)
+          e._nodes.set(R, {
             exportDOM: t.exportDOM,
             klass: t.klass,
             replace: t.replace,
@@ -118,26 +120,26 @@ function et({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   ), {
-    isCollabActive: R,
-    yjsDocMap: O
-  } = G(), c = S || I.current || O.has(e.getKey());
-  return z(() => {
-    c && (I.current = !0);
-  }, [c]), z(() => d.registerEditableListener((p) => {
+    isCollabActive: v,
+    yjsDocMap: w
+  } = G(), c = D || x.current || w.has(e.getKey());
+  return k(() => {
+    c && (x.current = !0);
+  }, [c]), k(() => d.registerEditableListener((p) => {
     e.setEditable(p);
-  }), [e, d]), /* @__PURE__ */ ce.jsx(J.Provider, {
+  }), [e, d]), /* @__PURE__ */ me(W.Provider, {
     value: _,
-    children: !R || c ? r : null
+    children: !v || c ? r : null
   });
 }
-const tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LexicalNestedComposer: et
+  LexicalNestedComposer: tt
 }, Symbol.toStringTag, { value: "Module" }));
-function ot(e) {
+function rt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var rt = ot(function(e) {
+var st = rt(function(e) {
   const r = new URLSearchParams();
   r.append("code", e);
   for (let o = 1; o < arguments.length; o++)
@@ -148,62 +150,62 @@ function ie(e) {
   const r = e.transform();
   return r !== null ? /* @__PURE__ */ new Set([r]) : /* @__PURE__ */ new Set();
 }
-function st({ initialEditor: e, children: r, initialNodes: o, initialTheme: N, skipCollabChecks: S }) {
-  const I = T(!1), x = W(J);
-  x == null && rt(9);
-  const [d, { getTheme: v }] = x, _ = me(() => {
-    const p = N || v() || void 0, y = le(x, p);
+function nt({ initialEditor: e, children: r, initialNodes: o, initialTheme: N, skipCollabChecks: D }) {
+  const x = z(!1), I = H(W);
+  I == null && st(9);
+  const [d, { getTheme: E }] = I, _ = ue(() => {
+    const p = N || E() || void 0, y = le(I, p);
     if (p !== void 0 && (e._config.theme = p), e._parentEditor = d, o)
       for (let i of o) {
-        let E = null, t = null;
+        let R = null, t = null;
         if (typeof i != "function") {
           const b = i;
-          i = b.replace, E = b.with, t = b.withKlass || null;
+          i = b.replace, R = b.with, t = b.withKlass || null;
         }
-        const w = e._nodes.get(i.getType());
-        e._nodes.set(i.getType(), { exportDOM: w ? w.exportDOM : void 0, klass: i, replace: E, replaceWithKlass: t, transforms: ie(i) });
+        const M = e._nodes.get(i.getType());
+        e._nodes.set(i.getType(), { exportDOM: M ? M.exportDOM : void 0, klass: i, replace: R, replaceWithKlass: t, transforms: ie(i) });
       }
     else {
       const i = e._nodes = new Map(d._nodes);
-      for (const [E, t] of i)
-        e._nodes.set(E, { exportDOM: t.exportDOM, klass: t.klass, replace: t.replace, replaceWithKlass: t.replaceWithKlass, transforms: ie(t.klass) });
+      for (const [R, t] of i)
+        e._nodes.set(R, { exportDOM: t.exportDOM, klass: t.klass, replace: t.replace, replaceWithKlass: t.replaceWithKlass, transforms: ie(t.klass) });
     }
     return e._config.namespace = d._config.namespace, e._editable = d._editable, [e, y];
-  }, []), { isCollabActive: R, yjsDocMap: O } = G(), c = S || I.current || O.has(e.getKey());
-  return z(() => {
-    c && (I.current = !0);
-  }, [c]), z(() => d.registerEditableListener((p) => {
+  }, []), { isCollabActive: v, yjsDocMap: w } = G(), c = D || x.current || w.has(e.getKey());
+  return k(() => {
+    c && (x.current = !0);
+  }, [c]), k(() => d.registerEditableListener((p) => {
     e.setEditable(p);
-  }), [e, d]), ce.jsx(J.Provider, { value: _, children: !R || c ? r : null });
+  }), [e, d]), me(W.Provider, { value: _, children: !v || c ? r : null });
 }
-const nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const it = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LexicalNestedComposer: st
-}, Symbol.toStringTag, { value: "Module" })), it = process.env.NODE_ENV !== "production" ? tt : nt, at = it.LexicalNestedComposer;
+  LexicalNestedComposer: nt
+}, Symbol.toStringTag, { value: "Module" })), at = process.env.NODE_ENV !== "production" ? ot : it, lt = at.LexicalNestedComposer;
 function F(e, r, o) {
   return Math.min(Math.max(e, r), o);
 }
-const l = {
+const a = {
   east: 1,
   north: 8,
   south: 2,
   west: 4
 };
-function lt({
+function ct({
   onResizeStart: e,
   onResizeEnd: r,
   buttonRef: o,
   imageRef: N,
-  maxWidth: S,
-  editor: I,
-  showCaption: x,
+  maxWidth: D,
+  editor: x,
+  showCaption: I,
   setShowCaption: d,
-  captionsEnabled: v
+  captionsEnabled: E
 }) {
-  const _ = T(null), R = T({
+  const _ = z(null), v = z({
     priority: "",
     value: "default"
-  }), O = T({
+  }), w = z({
     currentHeight: 0,
     currentWidth: 0,
     direction: 0,
@@ -213,8 +215,8 @@ function lt({
     startWidth: 0,
     startX: 0,
     startY: 0
-  }), c = I.getRootElement(), p = S || (c !== null ? c.getBoundingClientRect().width - 20 : 100), y = c !== null ? c.getBoundingClientRect().height - 20 : 100, i = 100, E = 100, t = (s) => {
-    const u = s === l.east || s === l.west, n = s === l.north || s === l.south, M = s & l.north && s & l.west || s & l.south && s & l.east, h = u ? "ew" : n ? "ns" : M ? "nwse" : "nesw";
+  }), c = x.getRootElement(), p = D || (c !== null ? c.getBoundingClientRect().width - 20 : 100), y = c !== null ? c.getBoundingClientRect().height - 20 : 100, i = 100, R = 100, t = (s) => {
+    const u = s === a.east || s === a.west, n = s === a.north || s === a.south, S = s & a.north && s & a.west || s & a.south && s & a.east, h = u ? "ew" : n ? "ns" : S ? "nwse" : "nesw";
     c !== null && c.style.setProperty(
       "cursor",
       `${h}-resize`,
@@ -223,55 +225,55 @@ function lt({
       "cursor",
       `${h}-resize`,
       "important"
-    ), R.current.value = document.body.style.getPropertyValue(
+    ), v.current.value = document.body.style.getPropertyValue(
       "-webkit-user-select"
-    ), R.current.priority = document.body.style.getPropertyPriority(
+    ), v.current.priority = document.body.style.getPropertyPriority(
       "-webkit-user-select"
     ), document.body.style.setProperty(
       "-webkit-user-select",
       "none",
       "important"
     ));
-  }, w = () => {
+  }, M = () => {
     c !== null && c.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
       "-webkit-user-select",
-      R.current.value,
-      R.current.priority
+      v.current.value,
+      v.current.priority
     ));
   }, b = (s, u) => {
-    if (!I.isEditable())
+    if (!x.isEditable())
       return;
-    const n = N.current, M = _.current;
-    if (n !== null && M !== null) {
+    const n = N.current, S = _.current;
+    if (n !== null && S !== null) {
       s.preventDefault();
-      const { width: h, height: D } = n.getBoundingClientRect(), g = Z(n), f = O.current;
-      f.startWidth = h, f.startHeight = D, f.ratio = h / D, f.currentWidth = h, f.currentHeight = D, f.startX = s.clientX / g, f.startY = s.clientY / g, f.isResizing = !0, f.direction = u, t(u), e(), M.classList.add("image-control-wrapper--resizing"), n.style.height = `${D}px`, n.style.width = `${h}px`, document.addEventListener("pointermove", j), document.addEventListener("pointerup", k);
+      const { width: h, height: O } = n.getBoundingClientRect(), g = Z(n), f = w.current;
+      f.startWidth = h, f.startHeight = O, f.ratio = h / O, f.currentWidth = h, f.currentHeight = O, f.startX = s.clientX / g, f.startY = s.clientY / g, f.isResizing = !0, f.direction = u, t(u), e(), S.classList.add("image-control-wrapper--resizing"), n.style.height = `${O}px`, n.style.width = `${h}px`, document.addEventListener("pointermove", L), document.addEventListener("pointerup", X);
     }
-  }, j = (s) => {
-    const u = N.current, n = O.current, M = n.direction & (l.east | l.west), h = n.direction & (l.south | l.north);
+  }, L = (s) => {
+    const u = N.current, n = w.current, S = n.direction & (a.east | a.west), h = n.direction & (a.south | a.north);
     if (u !== null && n.isResizing) {
-      const D = Z(u);
-      if (M && h) {
-        let g = Math.floor(n.startX - s.clientX / D);
-        g = n.direction & l.east ? -g : g;
+      const O = Z(u);
+      if (S && h) {
+        let g = Math.floor(n.startX - s.clientX / O);
+        g = n.direction & a.east ? -g : g;
         const f = F(
           n.startWidth + g,
           i,
           p
-        ), U = f / n.ratio;
-        u.style.width = `${f}px`, u.style.height = `${U}px`, n.currentHeight = U, n.currentWidth = f;
+        ), $ = f / n.ratio;
+        u.style.width = `${f}px`, u.style.height = `${$}px`, n.currentHeight = $, n.currentWidth = f;
       } else if (h) {
-        let g = Math.floor(n.startY - s.clientY / D);
-        g = n.direction & l.south ? -g : g;
+        let g = Math.floor(n.startY - s.clientY / O);
+        g = n.direction & a.south ? -g : g;
         const f = F(
           n.startHeight + g,
-          E,
+          R,
           y
         );
         u.style.height = `${f}px`, n.currentHeight = f;
       } else {
-        let g = Math.floor(n.startX - s.clientX / D);
-        g = n.direction & l.east ? -g : g;
+        let g = Math.floor(n.startX - s.clientX / O);
+        g = n.direction & a.east ? -g : g;
         const f = F(
           n.startWidth + g,
           i,
@@ -280,21 +282,21 @@ function lt({
         u.style.width = `${f}px`, n.currentWidth = f;
       }
     }
-  }, k = () => {
-    const s = N.current, u = O.current, n = _.current;
+  }, X = () => {
+    const s = N.current, u = w.current, n = _.current;
     if (s !== null && n !== null && u.isResizing) {
-      const M = u.currentWidth, h = 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, n.classList.remove("image-control-wrapper--resizing"), w(), r(M, h), document.removeEventListener("pointermove", j), document.removeEventListener("pointerup", k);
+      const S = u.currentWidth, h = 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, n.classList.remove("image-control-wrapper--resizing"), M(), r(S, h), document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", X);
     }
   };
-  return /* @__PURE__ */ a.jsxDEV("div", { ref: _, children: [
-    !x && v && /* @__PURE__ */ a.jsxDEV(
+  return /* @__PURE__ */ l("div", { ref: _, children: [
+    !I && E && /* @__PURE__ */ l(
       "button",
       {
         className: "image-caption-button",
         ref: o,
         onClick: () => {
-          d(!x);
+          d(!I);
         },
         children: "Add Caption"
       },
@@ -307,12 +309,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-n",
         onPointerDown: (s) => {
-          b(s, l.north);
+          b(s, a.north);
         }
       },
       void 0,
@@ -324,12 +326,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-ne",
         onPointerDown: (s) => {
-          b(s, l.north | l.east);
+          b(s, a.north | a.east);
         }
       },
       void 0,
@@ -341,12 +343,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-e",
         onPointerDown: (s) => {
-          b(s, l.east);
+          b(s, a.east);
         }
       },
       void 0,
@@ -358,12 +360,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-se",
         onPointerDown: (s) => {
-          b(s, l.south | l.east);
+          b(s, a.south | a.east);
         }
       },
       void 0,
@@ -375,12 +377,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-s",
         onPointerDown: (s) => {
-          b(s, l.south);
+          b(s, a.south);
         }
       },
       void 0,
@@ -392,12 +394,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-sw",
         onPointerDown: (s) => {
-          b(s, l.south | l.west);
+          b(s, a.south | a.west);
         }
       },
       void 0,
@@ -409,12 +411,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-w",
         onPointerDown: (s) => {
-          b(s, l.west);
+          b(s, a.west);
         }
       },
       void 0,
@@ -426,12 +428,12 @@ function lt({
       },
       this
     ),
-    /* @__PURE__ */ a.jsxDEV(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "image-resizer image-resizer-nw",
         onPointerDown: (s) => {
-          b(s, l.north | l.west);
+          b(s, a.north | a.west);
         }
       },
       void 0,
@@ -449,8 +451,8 @@ function lt({
     columnNumber: 5
   }, this);
 }
-const B = /* @__PURE__ */ new Set(), ae = $e("RIGHT_CLICK_IMAGE_COMMAND");
-function ct(e) {
+const B = /* @__PURE__ */ new Set(), ae = We("RIGHT_CLICK_IMAGE_COMMAND");
+function ut(e) {
   if (!B.has(e))
     throw new Promise((r) => {
       const o = new Image();
@@ -461,17 +463,17 @@ function ct(e) {
       };
     });
 }
-function ut({
+function mt({
   altText: e,
   className: r,
   imageRef: o,
   src: N,
-  width: S,
-  height: I,
-  maxWidth: x,
+  width: D,
+  height: x,
+  maxWidth: I,
   onError: d
 }) {
-  return ct(N), /* @__PURE__ */ a.jsxDEV(
+  return ut(N), /* @__PURE__ */ l(
     "img",
     {
       className: r || void 0,
@@ -479,9 +481,9 @@ function ut({
       alt: e,
       ref: o,
       style: {
-        height: I,
-        maxWidth: x,
-        width: S
+        height: x,
+        maxWidth: I,
+        width: D
       },
       onError: d,
       draggable: "false"
@@ -496,8 +498,8 @@ function ut({
     this
   );
 }
-function mt() {
-  return /* @__PURE__ */ a.jsxDEV(
+function dt() {
+  return /* @__PURE__ */ l(
     "img",
     {
       src: "",
@@ -518,60 +520,60 @@ function mt() {
     this
   );
 }
-function Dt({
+function Mt({
   src: e,
   altText: r,
   nodeKey: o,
   width: N,
-  height: S,
-  maxWidth: I,
-  resizable: x,
+  height: D,
+  maxWidth: x,
+  resizable: I,
   showCaption: d,
-  caption: v,
+  caption: E,
   captionsEnabled: _
 }) {
-  const R = T(null), O = T(null), [c, p, y] = Ce(o), [i, E] = K(!1);
+  const v = z(null), w = z(null), [c, p, y] = Ie(o), [i, R] = K(!1);
   G();
-  const [t] = Y(), [w, b] = K(null), j = T(null), [k, s] = K(!1), u = be(), n = L(
+  const [t] = Y(), [M, b] = K(null), L = z(null), [X, s] = K(!1), u = Re(), n = V(
     (C) => {
-      const m = $();
-      return c && X(m) && (C.preventDefault(), t.update(() => {
-        m.getNodes().forEach((V) => {
-          H(V) && V.remove();
+      const m = J();
+      return c && U(m) && (C.preventDefault(), t.update(() => {
+        m.getNodes().forEach((A) => {
+          j(A) && A.remove();
         });
       })), !1;
     },
     [t, c]
-  ), M = L(
+  ), S = V(
     (C) => {
-      const m = $(), P = O.current;
-      if (c && X(m) && m.getNodes().length === 1) {
+      const m = J(), P = w.current;
+      if (c && U(m) && m.getNodes().length === 1) {
         if (d)
-          return Q(null), C.preventDefault(), v.focus(), !0;
+          return Q(null), C.preventDefault(), E.focus(), !0;
         if (P !== null && P !== document.activeElement)
           return C.preventDefault(), P.focus(), !0;
       }
       return !1;
     },
-    [v, c, d]
-  ), h = L(
-    (C) => j.current === v || O.current === C.target ? (Q(null), t.update(() => {
+    [E, c, d]
+  ), h = V(
+    (C) => L.current === E || w.current === C.target ? (Q(null), t.update(() => {
       p(!0);
       const m = t.getRootElement();
       m !== null && m.focus();
     }), !0) : !1,
-    [v, t, p]
-  ), D = L(
+    [E, t, p]
+  ), O = V(
     (C) => {
       const m = C;
-      return i ? !0 : m.target === R.current ? (m.shiftKey ? p(!c) : (y(), p(!0)), !0) : !1;
+      return i ? !0 : m.target === v.current ? (m.shiftKey ? p(!c) : (y(), p(!0)), !0) : !1;
     },
     [i, c, p, y]
-  ), g = L(
+  ), g = V(
     (C) => {
       t.getEditorState().read(() => {
-        const m = $();
-        C.target.tagName === "IMG" && Pe(m) && m.getNodes().length === 1 && t.dispatchCommand(
+        const m = J();
+        C.target.tagName === "IMG" && _e(m) && m.getNodes().length === 1 && t.dispatchCommand(
           ae,
           C
         );
@@ -579,47 +581,47 @@ function Dt({
     },
     [t]
   );
-  z(() => {
+  k(() => {
     let C = !0;
-    const m = t.getRootElement(), P = Se(
-      t.registerUpdateListener(({ editorState: V }) => {
-        C && b(V.read(() => $()));
+    const m = t.getRootElement(), P = Pe(
+      t.registerUpdateListener(({ editorState: A }) => {
+        C && b(A.read(() => J()));
       }),
       t.registerCommand(
-        _e,
-        (V, Ne) => (j.current = Ne, !1),
-        A
+        ye,
+        (A, Ne) => (L.current = Ne, !1),
+        T
       ),
       t.registerCommand(
-        ye,
-        D,
-        A
+        Ae,
+        O,
+        T
       ),
       t.registerCommand(
         ae,
-        D,
-        A
+        O,
+        T
       ),
       t.registerCommand(
-        Ve,
-        (V) => V.target === R.current ? (alert("s"), V.preventDefault(), !0) : !1,
-        A
+        Te,
+        (A) => A.target === v.current ? (alert("s"), A.preventDefault(), !0) : !1,
+        T
       ),
       t.registerCommand(
-        Ae,
+        ze,
         n,
-        A
+        T
       ),
       t.registerCommand(
-        Te,
+        ke,
         n,
-        A
+        T
       ),
-      t.registerCommand(ze, M, A),
+      t.registerCommand(Le, S, T),
       t.registerCommand(
-        je,
+        Xe,
         h,
-        A
+        T
       )
     );
     return m == null || m.addEventListener("contextmenu", g), () => {
@@ -632,42 +634,42 @@ function Dt({
     c,
     o,
     n,
-    M,
+    S,
     h,
-    D,
+    O,
     g,
     p
   ]);
   const f = () => {
     t.update(() => {
       const C = ee(o);
-      H(C) && C.setShowCaption(!0);
+      j(C) && C.setShowCaption(!0);
     });
-  }, U = (C, m) => {
+  }, $ = (C, m) => {
     setTimeout(() => {
-      E(!1);
+      R(!1);
     }, 200), t.update(() => {
       const P = ee(o);
-      H(P) && P.setWidthAndHeight(C, m);
+      j(P) && P.setWidthAndHeight(C, m);
     });
   }, ge = () => {
-    E(!0);
-  }, fe = c && X(w) && !i, q = (c || i) && u;
-  return /* @__PURE__ */ a.jsxDEV(Me, { fallback: null, children: /* @__PURE__ */ a.jsxDEV(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsxDEV("div", { draggable: fe, children: k ? /* @__PURE__ */ a.jsxDEV(mt, {}, void 0, !1, {
+    R(!0);
+  }, fe = c && U(M) && !i, q = (c || i) && u;
+  return /* @__PURE__ */ l(De, { fallback: null, children: /* @__PURE__ */ l(Ce, { children: [
+    /* @__PURE__ */ l("div", { draggable: fe, children: X ? /* @__PURE__ */ l(dt, {}, void 0, !1, {
       fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
       lineNumber: 406,
       columnNumber: 13
-    }, this) : /* @__PURE__ */ a.jsxDEV(
-      ut,
+    }, this) : /* @__PURE__ */ l(
+      mt,
       {
-        className: q ? `focused ${X(w) ? "draggable" : ""}` : null,
+        className: q ? `focused ${U(M) ? "draggable" : ""}` : null,
         src: e,
         altText: r,
-        imageRef: R,
+        imageRef: v,
         width: N,
-        height: S,
-        maxWidth: I,
+        height: D,
+        maxWidth: x,
         onError: () => s(!0)
       },
       void 0,
@@ -683,32 +685,32 @@ function Dt({
       lineNumber: 404,
       columnNumber: 9
     }, this),
-    d && /* @__PURE__ */ a.jsxDEV("div", { className: "image-caption-container", children: /* @__PURE__ */ a.jsxDEV(
-      at,
+    d && /* @__PURE__ */ l("div", { className: "image-caption-container", children: /* @__PURE__ */ l(
+      lt,
       {
-        initialEditor: v,
+        initialEditor: E,
         initialNodes: [
-          ke,
-          Le,
-          Xe,
+          Ve,
           Ue,
-          we,
-          Oe
+          $e,
+          Je,
+          he,
+          be
         ],
         children: [
-          /* @__PURE__ */ a.jsxDEV(Be, {}, void 0, !1, {
+          /* @__PURE__ */ l(Ye, {}, void 0, !1, {
             fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
             lineNumber: 438,
             columnNumber: 15
           }, this),
-          /* @__PURE__ */ a.jsxDEV(
-            he,
+          /* @__PURE__ */ l(
+            xe,
             {
-              contentEditable: /* @__PURE__ */ a.jsxDEV(
-                xe,
+              contentEditable: /* @__PURE__ */ l(
+                ve,
                 {
                   "aria-placeholder": "Enter a caption...",
-                  placeholder: () => /* @__PURE__ */ a.jsxDEV("span", { children: "Enter a caption..." }, void 0, !1, {
+                  placeholder: () => /* @__PURE__ */ l("span", { children: "Enter a caption..." }, void 0, !1, {
                     fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
                     lineNumber: 444,
                     columnNumber: 40
@@ -724,7 +726,7 @@ function Dt({
                 },
                 this
               ),
-              ErrorBoundary: Ee
+              ErrorBoundary: Oe
             },
             void 0,
             !1,
@@ -735,17 +737,17 @@ function Dt({
             },
             this
           ),
-          /* @__PURE__ */ a.jsxDEV(Ie, { onChange: (C) => console.log("e") }, void 0, !1, {
+          /* @__PURE__ */ l(Ee, { onChange: (C) => console.log("e") }, void 0, !1, {
             fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
             lineNumber: 451,
             columnNumber: 15
           }, this),
-          /* @__PURE__ */ a.jsxDEV(Re, {}, void 0, !1, {
+          /* @__PURE__ */ l(we, {}, void 0, !1, {
             fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
             lineNumber: 452,
             columnNumber: 15
           }, this),
-          /* @__PURE__ */ a.jsxDEV(De, { namespace: ve.namespace }, void 0, !1, {
+          /* @__PURE__ */ l(Me, { namespace: Se.namespace }, void 0, !1, {
             fileName: "C:/Users/M S I/Desktop/CRAXINNO PROJECT/editor/apps/editor/src/components/ImageView/index.tsx",
             lineNumber: 453,
             columnNumber: 15
@@ -765,18 +767,18 @@ function Dt({
       lineNumber: 426,
       columnNumber: 11
     }, this),
-    x && X(w) && q && /* @__PURE__ */ a.jsxDEV(
-      lt,
+    I && U(M) && q && /* @__PURE__ */ l(
+      ct,
       {
         showCaption: d,
         setShowCaption: f,
         editor: t,
-        buttonRef: O,
-        imageRef: R,
-        maxWidth: I,
+        buttonRef: w,
+        imageRef: v,
+        maxWidth: x,
         onResizeStart: ge,
-        onResizeEnd: U,
-        captionsEnabled: !k && _
+        onResizeEnd: $,
+        captionsEnabled: !X && _
       },
       void 0,
       !1,
@@ -799,6 +801,6 @@ function Dt({
 }
 export {
   ae as RIGHT_CLICK_IMAGE_COMMAND,
-  Dt as default
+  Mt as default
 };
-//# sourceMappingURL=index-645b5b2f.js.map
+//# sourceMappingURL=index-0e027fdf.js.map