sykpcomposer 0.0.37 → 0.0.38

package/dist/index.es.js

@@ -2,7 +2,7 @@ var ek = Object.defineProperty;
 var tk = (c, t, n) => t in c ? ek(c, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : c[t] = n;
 var td = (c, t, n) => (tk(c, typeof t != "symbol" ? t + "" : t, n), n);
 import * as gn from "react";
-import iC, { createContext as Vh, useContext as Gh, useMemo as hi, useLayoutEffect as To, useEffect as tr, useState as Qn, useCallback as Db, useRef as Yh, Suspense as Xh } from "react";
+import iC, { createContext as Vh, useContext as Gh, useMemo as hi, useLayoutEffect as To, useEffect as Yn, useState as er, useCallback as Db, useRef as Yh, Suspense as Xh } from "react";
 import * as nk from "react-dom";
 import { flushSync as Zh, createPortal as Qh } from "react-dom";
 function rk(c) {
@@ -868,7 +868,7 @@ function ux(c, t) {
   return (n === null || n === r) && (e === null || e === o) && (s === null || s === i);
 }
 function dx(c, t) {
-  const n = c.mergeWithSibling(t), e = er()._normalizedNodes;
+  const n = c.mergeWithSibling(t), e = tr()._normalizedNodes;
   return e.add(c.__key), e.add(t.__key), n;
 }
 function DC(c) {
@@ -988,7 +988,7 @@ function BC(c, t) {
     return;
   }
   Zr(), vE();
-  const n = er(), e = Vi(), s = Dk();
+  const n = tr(), e = Vi(), s = Dk();
   e._nodeMap.set(s, c), At(c) ? n._dirtyElements.set(s, !0) : n._dirtyLeaves.add(s), n._cloneNotNeeded.add(s), n._dirtyType = NC, c.__key = s;
 }
 function Hk(c, t, n) {
@@ -1041,7 +1041,7 @@ function pl(c) {
 }
 function ch(c) {
   vE();
-  const t = c.getLatest(), n = t.__parent, e = Vi(), s = er(), r = e._nodeMap, o = s._dirtyElements;
+  const t = c.getLatest(), n = t.__parent, e = Vi(), s = tr(), r = e._nodeMap, o = s._dirtyElements;
   n !== null && Hk(n, r, o);
   const i = t.__key;
   s._dirtyType = NC, At(c) ? o.set(i, !0) : s._dirtyLeaves.add(i);
@@ -1052,7 +1052,7 @@ function Kk(c) {
 }
 function jr(c) {
   Zr();
-  const t = er(), n = t._compositionKey;
+  const t = tr(), n = t._compositionKey;
   if (c !== n) {
     if (t._compositionKey = c, n !== null) {
       const e = Qr(n);
@@ -1065,14 +1065,14 @@ function jr(c) {
   }
 }
 function ra() {
-  return nu() ? null : er()._compositionKey;
+  return nu() ? null : tr()._compositionKey;
 }
 function Qr(c, t) {
   const e = (t || Vi())._nodeMap.get(c);
   return e === void 0 ? null : e;
 }
 function FC(c, t) {
-  const n = er(), e = c[`__lexicalKey_${n._key}`];
+  const n = tr(), e = c[`__lexicalKey_${n._key}`];
   return e !== void 0 ? Qr(e, t) : null;
 }
 function nf(c, t) {
@@ -1126,11 +1126,11 @@ function zi(c) {
 }
 function qk() {
   Zr();
-  const c = er();
+  const c = tr();
   RC(c);
 }
 function Mc(c) {
-  const t = er(), n = Jk(c, t);
+  const t = tr(), n = Jk(c, t);
   if (n === null) {
     const e = t.getRootElement();
     return c === e ? Qr("root") : null;
@@ -1197,7 +1197,7 @@ function cv(c, t, n, e, s) {
     if (s || i !== u) {
       if (i === "") {
         if (jr(null), !Ub && !tg && !Hb) {
-          const m = er();
+          const m = tr();
           setTimeout(() => {
             m.update(() => {
               r.isAttached() && r.remove();
@@ -1449,10 +1449,10 @@ function OA(c, t, n) {
   }
 }
 function TA(c) {
-  return er()._updateTags.has(c);
+  return tr()._updateTags.has(c);
 }
 function NA(c) {
-  Zr(), er()._updateTags.add(c);
+  Zr(), tr()._updateTags.add(c);
 }
 function kA(c) {
   const t = Vn();
@@ -1503,7 +1503,7 @@ function YC(c) {
   return BC(t, null), t;
 }
 function of(c) {
-  const t = er(), n = c.constructor.getType(), e = t._nodes.get(n);
+  const t = tr(), n = c.constructor.getType(), e = t._nodes.get(n);
   if (e === void 0)
     throw Error('$initializeNode failed. Ensure node has been registered to the editor. You can do this by passing the node class via the "nodes" array in the editor config.');
   const s = e.replace;
@@ -1605,7 +1605,7 @@ function w0(c, t) {
   return t(n) ? n : null;
 }
 function DA() {
-  return er();
+  return tr();
 }
 function LA(c, t) {
   const n = c._decorators;
@@ -1916,7 +1916,7 @@ let sf = 0, oE = 0, iE = 0, mc = null;
 const ph = /* @__PURE__ */ new WeakMap();
 let gy = !1, my = !1, wd = !1, ud = !1, sE = [0, "", 0, "root", 0];
 function aE(c, t, n, e, s) {
-  const r = c.anchor, o = c.focus, i = r.getNode(), u = er(), a = Ji(u._window), f = a !== null ? a.anchorNode : null, l = r.key, d = u.getElementByKey(l), p = n.length;
+  const r = c.anchor, o = c.focus, i = r.getNode(), u = tr(), a = Ji(u._window), f = a !== null ? a.anchorNode : null, l = r.key, d = u.getElementByKey(l), p = n.length;
   return l !== o.key || // If we're working with a non-text node.
   !rn(i) || // If we are replacing a range with a single character or grapheme, and not composing.
   (!s && (!rh || // We check to see if there has been
@@ -2726,7 +2726,7 @@ class ug {
    *
    */
   isDirty() {
-    const n = er()._dirtyLeaves;
+    const n = tr()._dirtyLeaves;
     return n !== null && n.has(this.__key);
   }
   /**
@@ -2747,7 +2747,7 @@ class ug {
    */
   getWritable() {
     Zr();
-    const t = Vi(), n = er(), e = t._nodeMap, s = this.__key, r = this.getLatest(), o = r.__parent, i = n._cloneNotNeeded, u = Vn();
+    const t = Vi(), n = tr(), e = t._nodeMap, s = this.__key, r = this.getLatest(), o = r.__parent, i = n._cloneNotNeeded, u = Vn();
     if (u !== null && u.setCachedNodes(null), i.has(s))
       return ch(r), r;
     const f = r.constructor.clone(r);
@@ -3024,7 +3024,7 @@ class ug {
   }
 }
 function aP(c, t) {
-  const n = er()._nodes.get(c);
+  const n = tr()._nodes.get(c);
   if (n === void 0)
     throw Error(`Create node: Attempted to create node ${t.name} that was not configured to be used on the editor.`);
   const e = n.klass;
@@ -4072,7 +4072,7 @@ class Oa {
    * @param range a DOM Selection range conforming to the StaticRange interface.
    */
   applyDOMRange(t) {
-    const n = er(), s = n.getEditorState()._selection, r = yE(t.startContainer, t.startOffset, t.endContainer, t.endOffset, n, s);
+    const n = tr(), s = n.getEditorState()._selection, r = yE(t.startContainer, t.startOffset, t.endContainer, t.endOffset, n, s);
     if (r === null)
       return;
     const [o, i] = r;
@@ -4433,7 +4433,7 @@ class Oa {
         return;
       }
     }
-    const u = er(), a = Ji(u._window);
+    const u = tr(), a = Ji(u._window);
     if (!a)
       return;
     const f = u._blockCursorElement, l = u._rootElement;
@@ -4495,7 +4495,7 @@ class Oa {
           const i = _y();
           i.add(o.__key), zi(i);
         } else
-          o.remove(), er().dispatchCommand(eg, void 0);
+          o.remove(), tr().dispatchCommand(eg, void 0);
         return;
       } else if (!t && At(o) && At(s) && s.isEmpty()) {
         s.remove(), o.selectStart();
@@ -4669,7 +4669,7 @@ function mE(c, t, n) {
   if (c.type === "text" && t.type === "text") {
     const e = c.isBefore(t), s = c.is(t);
     Px(c, e, s), Px(t, !e, s), s && (t.key = c.key, t.offset = c.offset, t.type = c.type);
-    const r = er();
+    const r = tr();
     if (r.isComposing() && r._compositionKey !== c.key && bn(n)) {
       const o = n.anchor, i = n.focus;
       oa(c, o.key, o.offset, o.type), oa(t, i.key, i.offset, i.type);
@@ -4733,7 +4733,7 @@ function Vn() {
   return Vi()._selection;
 }
 function tu() {
-  return er()._editorState._selection;
+  return tr()._editorState._selection;
 }
 function hh(c, t, n, e = 1) {
   const s = c.anchor, r = c.focus, o = s.getNode(), i = r.getNode();
@@ -4917,7 +4917,7 @@ function Vi() {
     throw Error("Unable to find an active editor state. State helpers or node methods can only be used synchronously during the callback of editor.update() or editorState.read().");
   return Lr;
 }
-function er() {
+function tr() {
   if (Br === null)
     throw Error("Unable to find an active editor. This method can only be used synchronously during the callback of editor.update().");
   return Br;
@@ -4972,7 +4972,7 @@ function jP(c, t) {
   t._dirtyLeaves = n, t._dirtyElements = e;
 }
 function DP(c) {
-  return bv(c, er()._nodes);
+  return bv(c, tr()._nodes);
 }
 function bv(c, t) {
   const n = c.type, e = t.get(n);
@@ -5253,7 +5253,7 @@ let hg = class extends ug {
     return this.getChildrenSize() === 0;
   }
   isDirty() {
-    const n = er()._dirtyElements;
+    const n = tr()._dirtyElements;
     return n !== null && n.has(this.__key);
   }
   isLastChild() {
@@ -5570,7 +5570,7 @@ let gg = class SE extends hg {
   }
   getTextContent() {
     const t = this.__cachedText;
-    return (nu() || er()._dirtyType === xl) && t !== null ? t : super.getTextContent();
+    return (nu() || tr()._dirtyType === xl) && t !== null ? t : super.getTextContent();
   }
   remove() {
     throw Error("remove: cannot be called on root nodes");
@@ -10442,7 +10442,7 @@ const AI = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   LexicalComposerContext: t2,
   createLexicalComposerContext: NI,
   useLexicalComposerContext: kI
-}, Symbol.toStringTag, { value: "Module" })), Vv = process.env.NODE_ENV === "development" ? OI : AI, Gv = Vv.LexicalComposerContext, n2 = Vv.createLexicalComposerContext, mr = Vv.useLexicalComposerContext, r2 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", PI = r2 ? To : tr;
+}, Symbol.toStringTag, { value: "Module" })), Vv = process.env.NODE_ENV === "development" ? OI : AI, Gv = Vv.LexicalComposerContext, n2 = Vv.createLexicalComposerContext, mr = Vv.useLexicalComposerContext, r2 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", PI = r2 ? To : Yn;
 var MI = PI;
 const yp = {
   tag: "history-merge"
@@ -10523,7 +10523,7 @@ const jI = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LexicalComposer: II
 }, Symbol.toStringTag, { value: "Module" })), o2 = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
-var DI = o2 ? To : tr;
+var DI = o2 ? To : Yn;
 const bp = { tag: "history-merge" };
 function LI({ initialConfig: c, children: t }) {
   const n = hi(() => {
@@ -10576,7 +10576,7 @@ function $I({
   defaultSelection: c
 }) {
   const [t] = mr();
-  return tr(() => {
+  return Yn(() => {
     t.focus(() => {
       const n = document.activeElement, e = t.getRootElement();
       e !== null && (n === null || !e.contains(n)) && e.focus({
@@ -10593,7 +10593,7 @@ const zI = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 function UI({ defaultSelection: c }) {
   const [t] = mr();
-  return tr(() => {
+  return Yn(() => {
     t.focus(() => {
       const n = document.activeElement, e = t.getRootElement();
       e === null || n !== null && e.contains(n) || e.focus({ preventScroll: !0 });
@@ -10614,7 +10614,7 @@ function zy() {
     return c;
   }, zy.apply(this, arguments);
 }
-const WI = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", qI = WI ? To : tr;
+const WI = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", qI = WI ? To : Yn;
 var JI = qI;
 function VI({
   ariaActiveDescendant: c,
@@ -10637,7 +10637,7 @@ function VI({
   "data-testid": y,
   ...b
 }) {
-  const [v] = mr(), [_, w] = Qn(!1), x = Db((S) => {
+  const [v] = mr(), [_, w] = er(!1), x = Db((S) => {
     S && S.ownerDocument && S.ownerDocument.defaultView && v.setRootElement(S);
   }, [v]);
   return JI(() => (w(v.isEditable()), v.registerEditableListener((S) => {
@@ -10680,9 +10680,9 @@ function Uy() {
     return c;
   }, Uy.apply(this, arguments);
 }
-var YI = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : tr;
+var YI = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : Yn;
 function XI({ ariaActiveDescendant: c, ariaAutoComplete: t, ariaControls: n, ariaDescribedBy: e, ariaExpanded: s, ariaLabel: r, ariaLabelledBy: o, ariaMultiline: i, ariaOwns: u, ariaRequired: a, autoCapitalize: f, className: l, id: d, role: p = "textbox", spellCheck: h = !0, style: m, tabIndex: g, "data-testid": y, ...b }) {
-  const [v] = mr(), [_, w] = Qn(!1), x = Db((S) => {
+  const [v] = mr(), [_, w] = er(!1), x = Db((S) => {
     S && S.ownerDocument && S.ownerDocument.defaultView && v.setRootElement(S);
   }, [v]);
   return YI(() => (w(v.isEditable()), v.registerEditableListener((S) => {
@@ -12409,7 +12409,7 @@ const FR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), N2 = process.env.NODE_ENV === "development" ? PR : FR, Yg = N2.createEmptyHistoryState, k2 = N2.registerHistory;
 function $R(c, t, n = 1e3) {
   const e = hi(() => t || Yg(), [t]);
-  tr(() => k2(c, e, n), [n, c, e]);
+  Yn(() => k2(c, e, n), [n, c, e]);
 }
 function zR({
   externalHistoryState: c
@@ -12426,17 +12426,17 @@ function HR({ externalHistoryState: c }) {
   const [t] = mr();
   return function(n, e, s = 1e3) {
     const r = hi(() => e || Yg(), [e]);
-    tr(() => k2(n, r, s), [s, n, r]);
+    Yn(() => k2(n, r, s), [s, n, r]);
   }(t, c), null;
 }
 const KR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   HistoryPlugin: HR,
   createEmptyHistoryState: Yg
-}, Symbol.toStringTag, { value: "Module" })), WR = process.env.NODE_ENV === "development" ? UR : KR, A2 = WR.HistoryPlugin, qR = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", JR = qR ? To : tr;
+}, Symbol.toStringTag, { value: "Module" })), WR = process.env.NODE_ENV === "development" ? UR : KR, A2 = WR.HistoryPlugin, qR = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", JR = qR ? To : Yn;
 var VR = JR;
 function GR(c) {
-  const [t] = mr(), n = hi(() => c(t), [t, c]), e = Yh(n.initialValueFn()), [s, r] = Qn(e.current);
+  const [t] = mr(), n = hi(() => c(t), [t, c]), e = Yh(n.initialValueFn()), [s, r] = er(e.current);
   return VR(() => {
     const {
       initialValueFn: o,
@@ -12460,13 +12460,13 @@ const ZR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: XR
 }, Symbol.toStringTag, { value: "Module" }));
-var QR = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : tr;
+var QR = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : Yn;
 function ej(c) {
   return { initialValueFn: () => c.isEditable(), subscribe: (t) => c.registerEditableListener(t) };
 }
 function tj() {
   return function(c) {
-    const [t] = mr(), n = hi(() => c(t), [t, c]), e = Yh(n.initialValueFn()), [s, r] = Qn(e.current);
+    const [t] = mr(), n = hi(() => c(t), [t, c]), e = Yh(n.initialValueFn()), [s, r] = er(e.current);
     return QR(() => {
       const { initialValueFn: o, subscribe: i } = n, u = o();
       return e.current !== u && (e.current = u, r(u)), i((a) => {
@@ -14211,13 +14211,13 @@ const uD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   QuoteNode: wf,
   eventFiles: hd,
   registerRichText: cD
-}, Symbol.toStringTag, { value: "Module" })), dD = process.env.NODE_ENV === "development" ? Qj : uD, rT = dD.registerRichText, fD = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", pD = fD ? To : tr;
+}, Symbol.toStringTag, { value: "Module" })), dD = process.env.NODE_ENV === "development" ? Qj : uD, rT = dD.registerRichText, fD = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", pD = fD ? To : Yn;
 var n_ = pD;
 function Uw(c) {
   return c.getEditorState().read(Zg(c.isComposing()));
 }
 function hD(c) {
-  const [t, n] = Qn(() => Uw(c));
+  const [t, n] = er(() => Uw(c));
   return n_(() => {
     function e() {
       const s = Uw(c);
@@ -14231,12 +14231,12 @@ function hD(c) {
   }, [c]), t;
 }
 function gD(c, t) {
-  const [n, e] = Qn(() => c.getDecorators());
+  const [n, e] = er(() => c.getDecorators());
   return n_(() => c.registerDecoratorListener((s) => {
     Zh(() => {
       e(s);
     });
-  }), [c]), tr(() => {
+  }), [c]), Yn(() => {
     e(c.getDecorators());
   }, [c]), hi(() => {
     const s = [], r = Object.keys(n);
@@ -14274,18 +14274,18 @@ const vD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RichTextPlugin: yD
 }, Symbol.toStringTag, { value: "Module" }));
-var Xy = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : tr;
+var Xy = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : Yn;
 function Hw(c) {
   return c.getEditorState().read(Zg(c.isComposing()));
 }
 function _D({ contentEditable: c, placeholder: t, ErrorBoundary: n }) {
   const [e] = mr(), s = function(r, o) {
-    const [i, u] = Qn(() => r.getDecorators());
+    const [i, u] = er(() => r.getDecorators());
     return Xy(() => r.registerDecoratorListener((a) => {
       Zh(() => {
         u(a);
       });
-    }), [r]), tr(() => {
+    }), [r]), Yn(() => {
       u(r.getDecorators());
     }, [r]), hi(() => {
       const a = [], f = Object.keys(i);
@@ -14302,7 +14302,7 @@ function _D({ contentEditable: c, placeholder: t, ErrorBoundary: n }) {
 }
 function xD({ content: c }) {
   const [t] = mr(), n = function(s) {
-    const [r, o] = Qn(() => Hw(s));
+    const [r, o] = er(() => Hw(s));
     return Xy(() => {
       function i() {
         const u = Hw(s);
@@ -18039,7 +18039,7 @@ const c4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CollaborationContext: CT,
   useCollaborationContext: l4
-}, Symbol.toStringTag, { value: "Module" })), u4 = process.env.NODE_ENV === "development" ? a4 : c4, d4 = u4.useCollaborationContext, f4 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", p4 = f4 ? To : tr;
+}, Symbol.toStringTag, { value: "Module" })), u4 = process.env.NODE_ENV === "development" ? a4 : c4, d4 = u4.useCollaborationContext, f4 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", p4 = f4 ? To : Yn;
 var h4 = p4;
 function g4({
   onClear: c
@@ -18057,7 +18057,7 @@ const m4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ClearEditorPlugin: g4
 }, Symbol.toStringTag, { value: "Module" }));
-var y4 = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : tr;
+var y4 = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : Yn;
 function b4({ onClear: c }) {
   const [t] = mr();
   return y4(() => t.registerCommand(mf, (n) => (t.update(() => {
@@ -18202,7 +18202,7 @@ function N4({ children: c, onError: t }) {
 const k4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: N4
-}, Symbol.toStringTag, { value: "Module" })), A4 = process.env.NODE_ENV === "development" ? O4 : k4, P4 = A4.default, M4 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", I4 = M4 ? To : tr;
+}, Symbol.toStringTag, { value: "Module" })), A4 = process.env.NODE_ENV === "development" ? O4 : k4, P4 = A4.default, M4 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", I4 = M4 ? To : Yn;
 var R4 = I4;
 function j4({
   ignoreHistoryMergeTagChange: c = !0,
@@ -18227,7 +18227,7 @@ const D4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   OnChangePlugin: j4
 }, Symbol.toStringTag, { value: "Module" }));
-var L4 = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : tr;
+var L4 = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : Yn;
 function B4({ ignoreHistoryMergeTagChange: c = !0, ignoreSelectionChange: t = !1, onChange: n }) {
   const [e] = mr();
   return L4(() => {
@@ -18458,13 +18458,13 @@ function oL(c) {
 const iL = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   registerPlainText: oL
-}, Symbol.toStringTag, { value: "Module" })), sL = process.env.NODE_ENV === "development" ? X4 : iL, OT = sL.registerPlainText, aL = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", lL = aL ? To : tr;
+}, Symbol.toStringTag, { value: "Module" })), sL = process.env.NODE_ENV === "development" ? X4 : iL, OT = sL.registerPlainText, aL = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", lL = aL ? To : Yn;
 var g_ = lL;
 function tS(c) {
   return c.getEditorState().read(Zg(c.isComposing()));
 }
 function cL(c) {
-  const [t, n] = Qn(() => tS(c));
+  const [t, n] = er(() => tS(c));
   return g_(() => {
     function e() {
       const s = tS(c);
@@ -18478,12 +18478,12 @@ function cL(c) {
   }, [c]), t;
 }
 function uL(c, t) {
-  const [n, e] = Qn(() => c.getDecorators());
+  const [n, e] = er(() => c.getDecorators());
   return g_(() => c.registerDecoratorListener((s) => {
     Zh(() => {
       e(s);
     });
-  }), [c]), tr(() => {
+  }), [c]), Yn(() => {
     e(c.getDecorators());
   }, [c]), hi(() => {
     const s = [], r = Object.keys(n);
@@ -18521,18 +18521,18 @@ const hL = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PlainTextPlugin: fL
 }, Symbol.toStringTag, { value: "Module" }));
-var ub = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : tr;
+var ub = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? To : Yn;
 function nS(c) {
   return c.getEditorState().read(Zg(c.isComposing()));
 }
 function gL({ contentEditable: c, placeholder: t, ErrorBoundary: n }) {
   const [e] = mr(), s = function(r, o) {
-    const [i, u] = Qn(() => r.getDecorators());
+    const [i, u] = er(() => r.getDecorators());
     return ub(() => r.registerDecoratorListener((a) => {
       Zh(() => {
         u(a);
       });
-    }), [r]), tr(() => {
+    }), [r]), Yn(() => {
       u(r.getDecorators());
     }, [r]), hi(() => {
       const a = [], f = Object.keys(i);
@@ -18549,7 +18549,7 @@ function gL({ contentEditable: c, placeholder: t, ErrorBoundary: n }) {
 }
 function mL({ content: c }) {
   const [t] = mr(), n = function(s) {
-    const [r, o] = Qn(() => nS(s));
+    const [r, o] = er(() => nS(s));
     return ub(() => {
       function i() {
         const u = nS(s);
@@ -32299,7 +32299,7 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  "));
     }
     (0, u.unstable_now)();
     var On = 8;
-    function Yn(C) {
+    function Xn(C) {
       if (1 & C)
         return On = 15, 1;
       if (2 & C)
@@ -32314,10 +32314,10 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  "));
       if (q === 0)
         return On = 0;
       var ie, oe = 0, ae = 0, ue = C.expiredLanes, _e = C.suspendedLanes, me = C.pingedLanes;
-      if (ue !== 0 ? (oe = ue, ae = On = 15) : (ue = 134217727 & q) != 0 ? (ie = ue & ~_e) != 0 ? (oe = Yn(ie), ae = On) : (me &= ue) != 0 && (oe = Yn(me), ae = On) : (ue = q & ~_e) != 0 ? (oe = Yn(ue), ae = On) : me !== 0 && (oe = Yn(me), ae = On), oe === 0)
+      if (ue !== 0 ? (oe = ue, ae = On = 15) : (ue = 134217727 & q) != 0 ? (ie = ue & ~_e) != 0 ? (oe = Xn(ie), ae = On) : (me &= ue) != 0 && (oe = Xn(me), ae = On) : (ue = q & ~_e) != 0 ? (oe = Xn(ue), ae = On) : me !== 0 && (oe = Xn(me), ae = On), oe === 0)
         return 0;
       if (oe = q & (((oe = 31 - ti(oe)) < 0 ? 0 : 1 << oe) << 1) - 1, P !== 0 && P !== oe && !(P & _e)) {
-        if (Yn(P), ae <= On)
+        if (Xn(P), ae <= On)
           return P;
         On = ae;
       }
@@ -32677,7 +32677,7 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  "));
       if (xe)
         throw C = Be, xe = !1, Be = null, C;
     }
-    function Xn(C, P) {
+    function Zn(C, P) {
       var q = q_(P), ie = C + "__bubble";
       q.has(ie) || (F_(P, C, 2, !1), q.add(ie));
     }
@@ -33479,12 +33479,12 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  "));
         if (Jf(mt)) {
           for (var mn = Ve, on = rt, tn = mt, Rn = Lt, Fn = null, zn = null, Cn = on, kn = on = 0, wn = null; Cn !== null && kn < tn.length; kn++) {
             Cn.index > kn ? (wn = Cn, Cn = null) : wn = Cn.sibling;
-            var Zn = Dt(mn, Cn, tn[kn], Rn);
-            if (Zn === null) {
+            var Qn = Dt(mn, Cn, tn[kn], Rn);
+            if (Qn === null) {
               Cn === null && (Cn = wn);
               break;
             }
-            C && Cn && Zn.alternate === null && P(mn, Cn), on = ae(Zn, on, kn), zn === null ? Fn = Zn : zn.sibling = Zn, zn = Zn, Cn = wn;
+            C && Cn && Qn.alternate === null && P(mn, Cn), on = ae(Qn, on, kn), zn === null ? Fn = Qn : zn.sibling = Qn, zn = Qn, Cn = wn;
           }
           if (kn === tn.length)
             return q(mn, Cn), Fn;
@@ -34206,7 +34206,7 @@ Error generating stack: ` + ae.message + `
               } else
                 q || (ue = ue || []).push(He, q), q = me;
             else
-              He === "dangerouslySetInnerHTML" ? (me = me ? me.__html : void 0, _e = _e ? _e.__html : void 0, me != null && _e !== me && (ue = ue || []).push(He, me)) : He === "children" ? typeof me != "string" && typeof me != "number" || (ue = ue || []).push(He, "" + me) : He !== "suppressContentEditableWarning" && He !== "suppressHydrationWarning" && (l.hasOwnProperty(He) ? (me != null && He === "onScroll" && Xn("scroll", C), ue || _e === me || (ue = [])) : typeof me == "object" && me !== null && me.$$typeof === z ? me.toString() : (ue = ue || []).push(He, me));
+              He === "dangerouslySetInnerHTML" ? (me = me ? me.__html : void 0, _e = _e ? _e.__html : void 0, me != null && _e !== me && (ue = ue || []).push(He, me)) : He === "children" ? typeof me != "string" && typeof me != "number" || (ue = ue || []).push(He, "" + me) : He !== "suppressContentEditableWarning" && He !== "suppressHydrationWarning" && (l.hasOwnProperty(He) ? (me != null && He === "onScroll" && Zn("scroll", C), ue || _e === me || (ue = [])) : typeof me == "object" && me !== null && me.$$typeof === z ? me.toString() : (ue = ue || []).push(He, me));
         }
         q && (ue = ue || []).push("style", q);
         var He = ue;
@@ -34591,7 +34591,7 @@ Error generating stack: ` + ae.message + `
     function qo(C, P) {
       for (var q = C.callbackNode, ie = C.suspendedLanes, oe = C.pingedLanes, ae = C.expirationTimes, ue = C.pendingLanes; 0 < ue; ) {
         var _e, me = 31 - ti(ue), He = 1 << me, it = ae[me];
-        it === -1 ? He & ie && !(He & oe) || (it = P, Yn(He), _e = On, ae[me] = 10 <= _e ? it + 250 : 6 <= _e ? it + 5e3 : -1) : it <= P && (C.expiredLanes |= He), ue &= ~He;
+        it === -1 ? He & ie && !(He & oe) || (it = P, Xn(He), _e = On, ae[me] = 10 <= _e ? it + 250 : 6 <= _e ? it + 5e3 : -1) : it <= P && (C.expiredLanes |= He), ue &= ~He;
       }
       if (ie = _i(C, C === lo ? Yr : 0), P = On, ie === 0)
         q !== null && (q !== Om && Cm(q), C.callbackNode = null, C.callbackPriority = 0);
@@ -34917,40 +34917,40 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
                     var it, ft = ue.memoizedProps;
                     switch (me[js] = ue, me[Lf] = ft, _e) {
                       case "dialog":
-                        Xn("cancel", me), Xn("close", me);
+                        Zn("cancel", me), Zn("close", me);
                         break;
                       case "iframe":
                       case "object":
                       case "embed":
-                        Xn("load", me);
+                        Zn("load", me);
                         break;
                       case "video":
                       case "audio":
                         for (ae = 0; ae < Pu.length; ae++)
-                          Xn(Pu[ae], me);
+                          Zn(Pu[ae], me);
                         break;
                       case "source":
-                        Xn("error", me);
+                        Zn("error", me);
                         break;
                       case "img":
                       case "image":
                       case "link":
-                        Xn("error", me), Xn("load", me);
+                        Zn("error", me), Zn("load", me);
                         break;
                       case "details":
-                        Xn("toggle", me);
+                        Zn("toggle", me);
                         break;
                       case "input":
-                        se(me, ft), Xn("invalid", me);
+                        se(me, ft), Zn("invalid", me);
                         break;
                       case "select":
-                        me._wrapperState = { wasMultiple: !!ft.multiple }, Xn("invalid", me);
+                        me._wrapperState = { wasMultiple: !!ft.multiple }, Zn("invalid", me);
                         break;
                       case "textarea":
-                        ye(me, ft), Xn("invalid", me);
+                        ye(me, ft), Zn("invalid", me);
                     }
                     for (it in Oe(_e, ft), ae = null, ft)
-                      ft.hasOwnProperty(it) && (He = ft[it], it === "children" ? typeof He == "string" ? me.textContent !== He && (ae = ["children", He]) : typeof He == "number" && me.textContent !== "" + He && (ae = ["children", "" + He]) : l.hasOwnProperty(it) && He != null && it === "onScroll" && Xn("scroll", me));
+                      ft.hasOwnProperty(it) && (He = ft[it], it === "children" ? typeof He == "string" ? me.textContent !== He && (ae = ["children", He]) : typeof He == "number" && me.textContent !== "" + He && (ae = ["children", "" + He]) : l.hasOwnProperty(it) && He != null && it === "onScroll" && Zn("scroll", me));
                     switch (_e) {
                       case "input":
                         Z(me), we(me, ft, !0);
@@ -34968,41 +34968,41 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
                   } else {
                     switch (it = He.nodeType === 9 ? He : He.ownerDocument, (ae = ae === Ie ? Te(_e) : ae) === Ie ? _e === "script" ? ((ae = it.createElement("div")).innerHTML = "<script><\/script>", ae = ae.removeChild(ae.firstChild)) : typeof me.is == "string" ? ae = it.createElement(_e, { is: me.is }) : (ae = it.createElement(_e), _e === "select" && (it = ae, me.multiple ? it.multiple = !0 : me.size && (it.size = me.size))) : ae = it.createElementNS(ae, _e), ae[js] = ue, ae[Lf] = me, UN(ae, ue), ue.stateNode = ae, it = tt(_e, me), _e) {
                       case "dialog":
-                        Xn("cancel", ae), Xn("close", ae), He = me;
+                        Zn("cancel", ae), Zn("close", ae), He = me;
                         break;
                       case "iframe":
                       case "object":
                       case "embed":
-                        Xn("load", ae), He = me;
+                        Zn("load", ae), He = me;
                         break;
                       case "video":
                       case "audio":
                         for (He = 0; He < Pu.length; He++)
-                          Xn(Pu[He], ae);
+                          Zn(Pu[He], ae);
                         He = me;
                         break;
                       case "source":
-                        Xn("error", ae), He = me;
+                        Zn("error", ae), He = me;
                         break;
                       case "img":
                       case "image":
                       case "link":
-                        Xn("error", ae), Xn("load", ae), He = me;
+                        Zn("error", ae), Zn("load", ae), He = me;
                         break;
                       case "details":
-                        Xn("toggle", ae), He = me;
+                        Zn("toggle", ae), He = me;
                         break;
                       case "input":
-                        se(ae, me), He = te(ae, me), Xn("invalid", ae);
+                        se(ae, me), He = te(ae, me), Zn("invalid", ae);
                         break;
                       case "option":
                         He = je(ae, me);
                         break;
                       case "select":
-                        ae._wrapperState = { wasMultiple: !!me.multiple }, He = i({}, me, { value: void 0 }), Xn("invalid", ae);
+                        ae._wrapperState = { wasMultiple: !!me.multiple }, He = i({}, me, { value: void 0 }), Zn("invalid", ae);
                         break;
                       case "textarea":
-                        ye(ae, me), He = Me(ae, me), Xn("invalid", ae);
+                        ye(ae, me), He = Me(ae, me), Zn("invalid", ae);
                         break;
                       default:
                         He = me;
@@ -35010,7 +35010,7 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
                     Oe(_e, He);
                     var Dt, Nn = He;
                     for (ft in Nn)
-                      Nn.hasOwnProperty(ft) && (Dt = Nn[ft], ft === "style" ? Ze(ae, Dt) : ft === "dangerouslySetInnerHTML" ? (Dt = Dt ? Dt.__html : void 0) != null && he(ae, Dt) : ft === "children" ? typeof Dt == "string" ? _e === "textarea" && Dt === "" || de(ae, Dt) : typeof Dt == "number" && de(ae, "" + Dt) : ft !== "suppressContentEditableWarning" && ft !== "suppressHydrationWarning" && ft !== "autoFocus" && (l.hasOwnProperty(ft) ? Dt != null && ft === "onScroll" && Xn("scroll", ae) : Dt != null && x(ae, ft, Dt, it)));
+                      Nn.hasOwnProperty(ft) && (Dt = Nn[ft], ft === "style" ? Ze(ae, Dt) : ft === "dangerouslySetInnerHTML" ? (Dt = Dt ? Dt.__html : void 0) != null && he(ae, Dt) : ft === "children" ? typeof Dt == "string" ? _e === "textarea" && Dt === "" || de(ae, Dt) : typeof Dt == "number" && de(ae, "" + Dt) : ft !== "suppressContentEditableWarning" && ft !== "suppressHydrationWarning" && ft !== "autoFocus" && (l.hasOwnProperty(ft) ? Dt != null && ft === "onScroll" && Zn("scroll", ae) : Dt != null && x(ae, ft, Dt, it)));
                     switch (_e) {
                       case "input":
                         Z(ae), we(ae, me, !1);
@@ -35152,10 +35152,10 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
             try {
               (function() {
                 for (; Qt !== null; ) {
-                  var kn = Qt.alternate, wn = (lp || Zu === null || (8 & Qt.flags ? pe(Qt, Zu) && (lp = !0) : Qt.tag === 13 && function(Zn, pr) {
-                    return Zn !== null && ((Zn = Zn.memoizedState) === null || Zn.dehydrated !== null) && (pr = pr.memoizedState) !== null && pr.dehydrated === null;
+                  var kn = Qt.alternate, wn = (lp || Zu === null || (8 & Qt.flags ? pe(Qt, Zu) && (lp = !0) : Qt.tag === 13 && function(Qn, pr) {
+                    return Qn !== null && ((Qn = Qn.memoizedState) === null || Qn.dehydrated !== null) && (pr = pr.memoizedState) !== null && pr.dehydrated === null;
                   }(kn, Qt) && pe(Qt, Zu) && (lp = !0)), Qt.flags);
-                  256 & wn && function(Zn, pr) {
+                  256 & wn && function(Qn, pr) {
                     switch (pr.tag) {
                       case 0:
                       case 11:
@@ -35168,7 +35168,7 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
                         return;
                       case 1:
                         var Vo, Ii;
-                        return 256 & pr.flags && Zn !== null && (Vo = Zn.memoizedProps, Ii = Zn.memoizedState, pr = (Zn = pr.stateNode).getSnapshotBeforeUpdate(pr.elementType === pr.type ? Vo : oi(pr.type, Vo), Ii), Zn.__reactInternalSnapshotBeforeUpdate = pr);
+                        return 256 & pr.flags && Qn !== null && (Vo = Qn.memoizedProps, Ii = Qn.memoizedState, pr = (Qn = pr.stateNode).getSnapshotBeforeUpdate(pr.elementType === pr.type ? Vo : oi(pr.type, Vo), Ii), Qn.__reactInternalSnapshotBeforeUpdate = pr);
                       case 3:
                         return 256 & pr.flags && bm(pr.stateNode.containerInfo);
                     }
@@ -35218,8 +35218,8 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
               Js(Qt, kn), Qt = Qt.nextEffect;
             }
           while (Qt !== null);
-          if (on = mm, mn = A_(), tn = on.focusedElem, He = on.selectionRange, mn !== tn && tn && tn.ownerDocument && function kn(wn, Zn) {
-            return !(!wn || !Zn) && (wn === Zn || (!wn || wn.nodeType !== 3) && (Zn && Zn.nodeType === 3 ? kn(wn, Zn.parentNode) : "contains" in wn ? wn.contains(Zn) : !!wn.compareDocumentPosition && !!(16 & wn.compareDocumentPosition(Zn))));
+          if (on = mm, mn = A_(), tn = on.focusedElem, He = on.selectionRange, mn !== tn && tn && tn.ownerDocument && function kn(wn, Qn) {
+            return !(!wn || !Qn) && (wn === Qn || (!wn || wn.nodeType !== 3) && (Qn && Qn.nodeType === 3 ? kn(wn, Qn.parentNode) : "contains" in wn ? wn.contains(Qn) : !!wn.compareDocumentPosition && !!(16 & wn.compareDocumentPosition(Qn))));
           }(tn.ownerDocument.documentElement, tn)) {
             for (He !== null && dm(tn) && (mn = He.start, (on = He.end) === void 0 && (on = mn), "selectionStart" in tn ? (tn.selectionStart = mn, tn.selectionEnd = Math.min(on, tn.value.length)) : (on = (mn = tn.ownerDocument || document) && mn.defaultView || window).getSelection && (on = on.getSelection(), it = tn.textContent.length, Rn = Math.min(He.start, it), He = He.end === void 0 ? Rn : Math.min(He.end, it), !on.extend && He < Rn && (it = He, He = Rn, Rn = it), it = k_(tn, Rn), _e = k_(tn, He), it && _e && (on.rangeCount !== 1 || on.anchorNode !== it.node || on.anchorOffset !== it.offset || on.focusNode !== _e.node || on.focusOffset !== _e.offset) && ((mn = mn.createRange()).setStart(it.node, it.offset), on.removeAllRanges(), He < Rn ? (on.addRange(mn), on.extend(_e.node, _e.offset)) : (mn.setEnd(_e.node, _e.offset), on.addRange(mn))))), mn = [], on = tn; on = on.parentNode; )
               on.nodeType === 1 && mn.push({ element: on, left: on.scrollLeft, top: on.scrollTop });
@@ -37067,10 +37067,10 @@ To resolve this only create new StyledComponents outside of any render method an
               var io, Ho, vo, Jr = _i;
               for (io in Jr = w(Jr) ? Jr(yn) : Jr)
                 yn[io] = qn[io] = io === "className" ? (Ho = qn[io], vo = Jr[io], Ho && vo ? Ho + " " + vo : Ho || vo) : Jr[io];
-            }), nr = (Sr = [yn, qn])[1], Sr = Sr[0], Mn = o.env.NODE_ENV !== "production" ? Mn.warnTooManyClasses : void 0, No = Pe(), ln = he(), wr = Jn ? wr.generateAndInjectStyles(_, No, ln) : wr.generateAndInjectStyles(Sr, No, ln), o.env.NODE_ENV !== "production" && a.useDebugValue(wr), o.env.NODE_ENV !== "production" && !Jn && Mn && Mn(wr), Sr = wr, Jt), jn = nr.$as || Pt.$as || nr.as || Pt.as || bo, As = Tt(jn), On = nr !== Pt ? g({}, Pt, {}, nr) : Pt, Yn = {};
+            }), nr = (Sr = [yn, qn])[1], Sr = Sr[0], Mn = o.env.NODE_ENV !== "production" ? Mn.warnTooManyClasses : void 0, No = Pe(), ln = he(), wr = Jn ? wr.generateAndInjectStyles(_, No, ln) : wr.generateAndInjectStyles(Sr, No, ln), o.env.NODE_ENV !== "production" && a.useDebugValue(wr), o.env.NODE_ENV !== "production" && !Jn && Mn && Mn(wr), Sr = wr, Jt), jn = nr.$as || Pt.$as || nr.as || Pt.as || bo, As = Tt(jn), On = nr !== Pt ? g({}, Pt, {}, nr) : Pt, Xn = {};
             for (xn in On)
-              xn[0] !== "$" && xn !== "as" && (xn === "forwardedAs" ? Yn.as = On[xn] : (ks ? ks(xn, h, jn) : !As || h(xn)) && (Yn[xn] = On[xn]));
-            return Pt.style && nr.style !== Pt.style && (Yn.style = g({}, Pt.style, {}, nr.style)), Yn.className = Array.prototype.concat(Da, Uo, Sr !== Uo ? Sr : null, Pt.className, nr.className).filter(Boolean).join(" "), Yn.ref = No, a.createElement(jn, Yn);
+              xn[0] !== "$" && xn !== "as" && (xn === "forwardedAs" ? Xn.as = On[xn] : (ks ? ks(xn, h, jn) : !As || h(xn)) && (Xn[xn] = On[xn]));
+            return Pt.style && nr.style !== Pt.style && (Xn.style = g({}, Pt.style, {}, nr.style)), Xn.className = Array.prototype.concat(Da, Uo, Sr !== Uo ? Sr : null, Pt.className, nr.className).filter(Boolean).join(" "), Xn.ref = No, a.createElement(jn, Xn);
           }
           Q = De.shouldForwardProp, Ke && pe.shouldForwardProp && (Q = De.shouldForwardProp ? function(Pt, Jt, ln) {
             return pe.shouldForwardProp(Pt, Jt, ln) && De.shouldForwardProp(Pt, Jt, ln);
@@ -44778,7 +44778,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         Oe = $e;
       }, 1), gt = 14, Bt = 16, $t = 20, qt = 21, Ut = 501, Rt = l, Wt = Ee.codoxLogger, En = Ee.startCb, Ne = Ee.sockOpenTimer, lt = Ee.editorInstance, pt = y.reportError.bind(y), wt = y.addBreadcrumb.bind(y), Tt = y.addTag.bind(y), Re = (this.breadCrumb = wt, console.log("codoxwave constructor (begin)  codox4.0xxx--x-2024-6 new1draft-lex start ", Ee), this.editorInstance = lt, wt("[codoxi]* ccw: t = 0; CV=" + _t + "; seid = " + Ee.sid, b), Tt("clientVersion", _t), Ee.ver), ze = this, ct = (this.app = Ee).appType, be = Ee.sid, fe = Ee.domains, xe = Ee.cid, Be = (fe.b(), fe.c()), dt = (Be.sw && Be.sw(this), Ee.sysInfo), St = Ee.anyClient, Nt = Ee.founder, Mt = Te.Write, Zt = (Ee.role && (Mt = Ee.role), En), vt = { sid: Oe, jointime: /* @__PURE__ */ new Date(), userinfo: Object.assign({}, Ee.user), role: Mt, founder: Nt }, pe = (this.minfo = vt, null), De = null, Ue = null, Ke = (d || (this.rangy || (this.rangy = e("rangy/lib/rangy-selectionsaverestore")), this.rangy.initialized || this.rangy.init()), this.rangy = e("rangy/lib/rangy-selectionsaverestore"), this.rangy.init(), 0), qe = null, ot = null, Q = null, le = [], ve = null, Je = u.now(), et = 0, Xe = v, Ye = re.pmod(), yt = !1, Et = null, Ht = !1, Pt = (this.setSMC = function($e) {
         Ht = $e;
-      }, null), Jt = null, ln = null, yn = null, qn = null, xn = null, Mn = null, Jn = null, nr = null, wr = null, Sr = !0, Da = !0, ks = !0, Uo = !0, bo = !0, No = !0, jn = !0, As = !0, On = null, Yn = null, _i = null, io = null, Ho = null, vo = null, Jr = null, La = null, ti = null, ko = null, In = null, Pf = null, Cu = null, Ao = null, Mf = null, Eu = null, Ba = null;
+      }, null), Jt = null, ln = null, yn = null, qn = null, xn = null, Mn = null, Jn = null, nr = null, wr = null, Sr = !0, Da = !0, ks = !0, Uo = !0, bo = !0, No = !0, jn = !0, As = !0, On = null, Xn = null, _i = null, io = null, Ho = null, vo = null, Jr = null, La = null, ti = null, ko = null, In = null, Pf = null, Cu = null, Ao = null, Mf = null, Eu = null, Ba = null;
       function xi($e) {
         return $e && $e !== "pt" && In.mbs.length, Xe !== x && In && In.mbs && In.mbs.length === 1;
       }
@@ -44815,7 +44815,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       function Yi($e, nt) {
         var ht;
-        Xe != w && (Xe = w, 0 < le.length && (h(le), le = []), Ce && (Ce.onclose = null, Ce.onmessage = null, Ce.onerror = null, Ce.onopen = null), g(ve), g(ot), g(Q), g(Ne), Ya.clean(), ht = (u.now() - he) / 1e3, yt ? (wt("[codoxi]* cdxclose: t = " + ht + "; r=" + nt + "; hbc = " + Is + "; sid = " + Yn && Oe, b), Ee.a.a($e, nt)) : ((0, i.default)(nt) !== "object" ? wt("[codoxi]* cdxcb(n): t = " + ht + "; r=" + nt, b) : nt.message, Zt(null, nt)), Ee.domains = null, vt = Be = fe = Yn = Zt = ze = null, ko && ko.clean(), ko = null);
+        Xe != w && (Xe = w, 0 < le.length && (h(le), le = []), Ce && (Ce.onclose = null, Ce.onmessage = null, Ce.onerror = null, Ce.onopen = null), g(ve), g(ot), g(Q), g(Ne), Ya.clean(), ht = (u.now() - he) / 1e3, yt ? (wt("[codoxi]* cdxclose: t = " + ht + "; r=" + nt + "; hbc = " + Is + "; sid = " + Xn && Oe, b), Ee.a.a($e, nt)) : ((0, i.default)(nt) !== "object" ? wt("[codoxi]* cdxcb(n): t = " + ht + "; r=" + nt, b) : nt.message, Zt(null, nt)), Ee.domains = null, vt = Be = fe = Xn = Zt = ze = null, ko && ko.clean(), ko = null);
       }
       function jl() {
         return Mt === Te.Read;
@@ -44973,7 +44973,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var an, Vt;
           le.length != 0 && (Vt = u.now() - qe, Ye && !es() && Xe === _ && Vt < 250 && sn < 2e3 ? (g(ot), ot = setTimeout(function() {
             pn(sn + 250), ot = null;
-          }, 250)) : (le.length, Vt = le.shift(), Sr && (bo = !bo), bo || Xe === v || !Vt.context || Vt.context.sid === Oe || ze.bium() || Oi("ROH"), Vt.so ? M(Vt, ze) : z(Vt) || (Vt.hasOwnProperty("to") && Yn && (Yn.rto = Vt.to, Vt.context && (Vt.context.to = Vt.to), Vt.to, Yn.rto), Vt.cmd ? Pf(Vt) : (an = {}, !Qi || Vt.t && Vt.t === "sl" ? an.op = Vt.op : (an.op = Vt.op[0].po, an.ao = Vt.op[0].ao), an.context = Vt.context, Vt.t && (an.t = Vt.t), bo || (se(Vt = an) ? Ee.a.j(xe, { coords: Vt.op, sid: Vt.context.sid }) : (Vt = _i(Vt)) != null && Vt.op.length !== 0 && (te(Vt) ? Tu(Vt) : !Bl() && !qa() || bo ? (Vt.context.CAID = !1, an = Me.ccp, In.DCPRops = an(In.DCPRops, Vt.op, ze, "ROHdmod"), In.DCPRopsN++, In.DCPRopsN, h(In.DCPRops)) : (ce(ze) ? B.roh(Vt, ze) : R(Vt, ze), !ze.bium() && Vt.context.CAID && (h(Vt), If(Fl(), Vt.context.caidinfo)))))), u.now()), 0 < le.length && pn(1500)));
+          }, 250)) : (le.length, Vt = le.shift(), Sr && (bo = !bo), bo || Xe === v || !Vt.context || Vt.context.sid === Oe || ze.bium() || Oi("ROH"), Vt.so ? M(Vt, ze) : z(Vt) || (Vt.hasOwnProperty("to") && Xn && (Xn.rto = Vt.to, Vt.context && (Vt.context.to = Vt.to), Vt.to, Xn.rto), Vt.cmd ? Pf(Vt) : (an = {}, !Qi || Vt.t && Vt.t === "sl" ? an.op = Vt.op : (an.op = Vt.op[0].po, an.ao = Vt.op[0].ao), an.context = Vt.context, Vt.t && (an.t = Vt.t), bo || (se(Vt = an) ? Ee.a.j(xe, { coords: Vt.op, sid: Vt.context.sid }) : (Vt = _i(Vt)) != null && Vt.op.length !== 0 && (te(Vt) ? Tu(Vt) : !Bl() && !qa() || bo ? (Vt.context.CAID = !1, an = Me.ccp, In.DCPRops = an(In.DCPRops, Vt.op, ze, "ROHdmod"), In.DCPRopsN++, In.DCPRopsN, h(In.DCPRops)) : (ce(ze) ? B.roh(Vt, ze) : R(Vt, ze), !ze.bium() && Vt.context.CAID && (h(Vt), If(Fl(), Vt.context.caidinfo)))))), u.now()), 0 < le.length && pn(1500)));
         }(0), u.now());
       }, this.gls = function() {
         if (Xe !== _)
@@ -45063,7 +45063,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return Xe === _;
       }, this.dop2sm = B.plop, this.udoc = L, this.gop2sm = G, this.hacm = function($e) {
         var nt;
-        $e ? Xe !== _ || xi() || (Oi("cmv"), Yn.dmid = Be.dmid, io(nt = { t: "sl", op: $e }), Ps(nt, null)) : p($e);
+        $e ? Xe !== _ || xi() || (Oi("cmv"), Xn.dmid = Be.dmid, io(nt = { t: "sl", op: $e }), Ps(nt, null)) : p($e);
       }, this.slotimer = function($e) {
         var nt = qe;
         qe = u.now(), nt === null && (g(ve), ve = setTimeout(function() {
@@ -45171,7 +45171,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         0 < nt.length && Be.updateContents(nt), Mf($e);
       }, this.sjsloh = function($e, nt, ht) {
         var Ot;
-        nt === "e" ? (Ee.a.i({ source: "l" }), Xi.push($e), $e.data.n < $e.data.tn || (Ot = { op: [], ao: Xi, inverse: [] }, Xi = [], null(Ot) && B.plop(Ot, "loh", ze))) : nt === "c" ? $e.type === "set_selection" && ($e = { start: (Ot = Be.c()).anchor.offset, end: Ot.focus.offset, path: Ot.anchor.path, startpath: Ot.anchor.path, endpath: Ot.focus.path }, Ot = $e, Xe === _ && Ot.start !== null && Ot.end !== null && Ot.path !== null && (Oi("SJScmv"), Yn.dmid = Be.dmid, io(Ot = { t: "sl", op: Ot }), Ps(Ot, Fl()))) : nt == "u" && La();
+        nt === "e" ? (Ee.a.i({ source: "l" }), Xi.push($e), $e.data.n < $e.data.tn || (Ot = { op: [], ao: Xi, inverse: [] }, Xi = [], null(Ot) && B.plop(Ot, "loh", ze))) : nt === "c" ? $e.type === "set_selection" && ($e = { start: (Ot = Be.c()).anchor.offset, end: Ot.focus.offset, path: Ot.anchor.path, startpath: Ot.anchor.path, endpath: Ot.focus.path }, Ot = $e, Xe === _ && Ot.start !== null && Ot.end !== null && Ot.path !== null && (Oi("SJScmv"), Xn.dmid = Be.dmid, io(Ot = { t: "sl", op: Ot }), Ps(Ot, Fl()))) : nt == "u" && La();
       }, this.subm = function() {
         var $e, nt = Ee.waveId, ht = Ee.user, Ot = Ee.subId, pn = Ee.mid, sn = (Ee.sub, Ee.token, Ee.url), an = Ee.docId, Vt = Ee.prevAid;
         if (5e7 <= ((nt = { a: E, c: ct, cx: lt ? lt.type : null, v: _t, u: { memberinfo: vt, waveid: nt, username: ht && ht.name, sysinfo: dt, f: Nt, any: St, subid: Ot, mid: pn, paid: Vt || "First", v: { token: Ee.token }, u: sn, d: an, tabId: m(), jsConf: Ee.jsonConfig, isBFM: !1 } }).u.jsConf, Xe == x && (ht = k(), nt.rjn = { offCaid: ht.offCaid, offTo: ht.offTo, sts: ht.sessiontimestamp }, nt.rjn), nt.gcs = (Ot = null, ct == "quilljs" ? ($e = Be.getContents(), p($e), Ot = Qe($e.ops, ["delete", "insert", "retain", "attributes"]), p(Ot)) : ct == "codemirror" ? ($e = Be.getContents(), p($e), p(Ot = [{ cr: $e }])) : ct == "json" && (ni || Ei) ? (Ot = Be.d(), p(Ot)) : (fe.a(), Ot = fe.e()), Ot), je(nt), pn = nt.gcs.length))
@@ -45225,7 +45225,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 }
                 Ll = Ka || so || Ha || ri;
               }
-              if (ht.sot && (Pt = ht.sot, ze.jstp = Pt), ht.tmk && (ht.tmk, xn = ht.tmk.o, Mn = ht.tmk.c, wr = ht.tmk.tn, Jn = ht.tmk.m, nr = '<span id="' + Jn + "_"), ht.lmt && (ht.lmt, ht.lmt.mos, yn = ht.lmt.mms, qn = ht.lmt.dms, ze.lmt = ht.lmt), ht.dt && (ln = ht.dt, ze.dlttp = ln), No || (Ot = Oe, On = new T(ze, !1, No), (Yn = On.gct()).sid = Ot, _i = On.pr, On.pl, io = On.sc, Ho = On.aptm, vo = On.rstm, On.satm, ze.pt = On, Jr = new I(ze, On, No, Pt), La = Jr.pu, Jr.prd, ti = Jr.gfdt, ze.pu = Jr), !Uo && !jn)
+              if (ht.sot && (Pt = ht.sot, ze.jstp = Pt), ht.tmk && (ht.tmk, xn = ht.tmk.o, Mn = ht.tmk.c, wr = ht.tmk.tn, Jn = ht.tmk.m, nr = '<span id="' + Jn + "_"), ht.lmt && (ht.lmt, ht.lmt.mos, yn = ht.lmt.mms, qn = ht.lmt.dms, ze.lmt = ht.lmt), ht.dt && (ln = ht.dt, ze.dlttp = ln), No || (Ot = Oe, On = new T(ze, !1, No), (Xn = On.gct()).sid = Ot, _i = On.pr, On.pl, io = On.sc, Ho = On.aptm, vo = On.rstm, On.satm, ze.pt = On, Jr = new I(ze, On, No, Pt), La = Jr.pu, Jr.prd, ti = Jr.gfdt, ze.pu = Jr), !Uo && !jn)
                 if (As || !lr && !Wa)
                   if (so || Ci) {
                     ht = { obf: jn, types: Pt }, Ae.type.init(ht), Ot = { obf: Uo, ob: xn, cb: Mn, tiny: ri, tinysc: wr };
@@ -45249,7 +45249,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 }
                 !Pe && Zt && Zt(Oe), Ot = (u.now() - he) / 1e3, wt("[codoxi]* jnd1: t = " + Ot + "; s=" + Xe + "; ss=" + In.mbs.length + "; sid = " + Oe, b);
               }
-            } else if (Yn.sid, Yn.sid = Oe, h(Yn), g(Ne), Nt) {
+            } else if (Xn.sid, Xn.sid = Oe, h(Xn), g(Ne), Nt) {
               Xe = _, yt = !0, p(In.mbs), In.mbs = [], In.mbs.push(vt), p(In.mbs), ht = ze.pt.stm, Ot = ze.pt.gtm, p(Ot()), ht([]), Ho(In.mbs), p(Ot()), Va(gt);
               try {
                 Ir(S);
@@ -55600,13 +55600,13 @@ function X0() {
   return /* @__PURE__ */ hn.jsx("div", { className: "divider" });
 }
 function JB() {
-  const [c] = mr(), t = Yh(null), [n, e] = Qn(!1), [s, r] = Qn(!1), [o, i] = Qn(!1), [u, a] = Qn(!1), [f, l] = Qn(!1), [d, p] = Qn(!1), [h, m] = Qn(!1), [g, y] = Qn(!1), [b, v] = Qn("11px"), [_, w] = Qn(() => c.isEditable()), x = Db(() => {
+  const [c] = mr(), t = Yh(null), [n, e] = er(!1), [s, r] = er(!1), [o, i] = er(!1), [u, a] = er(!1), [f, l] = er(!1), [d, p] = er(!1), [h, m] = er(!1), [g, y] = er(!1), [b, v] = er("11px"), [_, w] = er(() => c.isEditable()), x = Db(() => {
     const S = st();
     at(S) && (i(S.hasFormat("bold")), a(S.hasFormat("italic")), l(S.hasFormat("underline")), p(S.hasFormat("strikethrough")), m(S.hasFormat("subscript")), y(S.hasFormat("superscript")), v(
       g2(S, "font-size", "11px")
     ));
   }, []);
-  return tr(() => oo(
+  return Yn(() => oo(
     c.registerUpdateListener(({ editorState: S }) => {
       S.read(() => {
         x();
@@ -58033,29 +58033,29 @@ const F$ = {
   // The editor theme
   theme: $B
 }, $$ = () => /* @__PURE__ */ hn.jsx(hn.Fragment, { children: "hello" });
-function l9({ collabApiKey: c }) {
-  const [t, n] = Qn(!1), [e, s] = Qn("demo_docId_1"), [r, o] = Qn({ root: null }), i = Yh(), u = {
-    docId: e,
+function l9({ collabApiKey: c, spfList: t }) {
+  const [n, e] = er(!1), [s, r] = er("demo_docId_1"), [o, i] = er({ root: null }), u = Yh(), a = {
+    docId: s,
     apiKey: c,
     // api key provided by codox
     username: "demo_user",
     // client user name
     hooks: {
-      contentChanged: ({ source: d, content: p }) => {
-        console.log("[Lexical Demo][contentChanged hook] hook invoked by Codox: ", { source: d, content: p });
+      contentChanged: ({ source: p, content: h }) => {
+        console.log("[Lexical Demo][contentChanged hook] hook invoked by Codox: ", { source: p, content: h });
       },
-      usersUpdate: (d) => {
-        console.log("[Lexical Demo][usersUpdate hook] hook invoked by Codox: ", d);
+      usersUpdate: (p) => {
+        console.log("[Lexical Demo][usersUpdate hook] hook invoked by Codox: ", p);
       }
     }
-  }, a = () => {
-    i.current && i.current.start(u).then(() => {
-      console.log("[Lexical Demo][codox.start] success"), n(!0);
-    }).catch((d) => console.log("[Lexical Demo][codox.start] error", d));
   }, f = () => {
-    i.current && i.current.stop(), n(!1);
+    u.current && u.current.start(a).then(() => {
+      console.log("[Lexical Demo][codox.start] success"), e(!0);
+    }).catch((p) => console.log("[Lexical Demo][codox.start] error", p));
+  }, l = () => {
+    u.current && u.current.stop(), e(!1);
   };
-  let l = {
+  let d = {
     root: {
       children: [
         {
@@ -58075,34 +58075,36 @@ function l9({ collabApiKey: c }) {
       version: 1
     }
   };
-  return tr(() => {
+  return Yn(() => {
     (async () => {
-      if (!e)
+      if (!s)
         return;
-      t && f();
-      let d = l;
-      if (d)
+      n && l();
+      let p = d;
+      if (p)
         try {
-          FB(d, oC), o(d);
-        } catch (p) {
-          console.error("[APP] error: ", p);
+          FB(p, oC), i(p);
+        } catch (h) {
+          console.error("[APP] error: ", h);
         }
     })();
-  }, [e]), tr(() => {
-    r && e && !t && a();
-  }, [r, e, t]), hi(
+  }, [s]), Yn(() => {
+    console.log("inside lexical package spfList is ", t);
+  }, [t]), Yn(() => {
+    o && s && !n && f();
+  }, [o, s, n]), hi(
     () => ({
-      editorState: r ? JSON.stringify({ root: r.root }) : null,
+      editorState: o ? JSON.stringify({ root: o.root }) : null,
       namespace: "Playground",
       nodes: oC,
       //register nodes wrapped with codox meta-data
-      onError: (d) => {
-        throw d;
+      onError: (p) => {
+        throw p;
       },
       theme: {}
       // css theme
     }),
-    [r]
+    [o]
   ), /* @__PURE__ */ hn.jsx(i2, { initialConfig: F$, children: /* @__PURE__ */ hn.jsxs("div", { className: "editor-container", children: [
     /* @__PURE__ */ hn.jsx(JB, {}),
     /* @__PURE__ */ hn.jsxs("div", { className: "editor-inner", children: [
@@ -58117,7 +58119,7 @@ function l9({ collabApiKey: c }) {
       /* @__PURE__ */ hn.jsx(
         LB,
         {
-          ref: i
+          ref: u
         }
       ),
       /* @__PURE__ */ hn.jsx(A2, {}),