@logora/debate 0.4.42 → 0.4.43

package/dist/components/input/text_editor/TextEditor.js

@@ -14,20 +14,21 @@ import { QuoteNode as he } from "@lexical/rich-text";
 import b from "classnames";
 import { $getRoot as ge } from "lexical";
 import { useState as f, useId as Se, useRef as xe, useEffect as M } from "react";
-import { useIntl as Ce } from "react-intl";
-import Pe from "./EditorTheme.js";
+import { useIntl as Pe } from "react-intl";
+import Ce from "./EditorTheme.js";
 import i from "./TextEditor.module.scss.js";
 import { AutoSavePlugin as Te } from "./plugins/AutoSavePlugin.js";
-import { FocusPlugin as Ne } from "./plugins/FocusPlugin.js";
+import { FocusPlugin as Ie } from "./plugins/FocusPlugin.js";
+import { IOSInsertParagraphFallbackPlugin as Ne } from "./plugins/IOSInsertParagraphFallbackPlugin.js";
 import { MaxLengthPlugin as ve } from "./plugins/MaxLengthPlugin.js";
 import { ResetPlugin as Ee } from "./plugins/ResetPlugin.js";
-import { SetContentPlugin as Ie } from "./plugins/SetContentPlugin.js";
-import { SetRichContentPlugin as Re } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as be } from "./plugins/ToolbarPlugin.js";
-import { useModal as Me } from "../../dialog/modal/useModal.js";
-import { SourceModal as ye } from "../../source/source_modal/SourceModal.js";
-import { SourceListItem as we } from "../../source/source_list_item/SourceListItem.js";
-const y = (l) => l?.replace(/ /g, " "), st = ({
+import { SetContentPlugin as Re } from "./plugins/SetContentPlugin.js";
+import { SetRichContentPlugin as be } from "./plugins/SetRichContentPlugin.js";
+import { ToolbarPlugin as Me } from "./plugins/ToolbarPlugin.js";
+import { useModal as ye } from "../../dialog/modal/useModal.js";
+import { SourceModal as we } from "../../source/source_modal/SourceModal.js";
+import { SourceListItem as Le } from "../../source/source_list_item/SourceListItem.js";
+const y = (l) => l?.replace(/ /g, " "), lt = ({
   placeholder: l,
   initialContent: w,
   initialRichContent: L,
@@ -36,50 +37,50 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
   hideSubmit: _ = !1,
   hideSourceAction: A = !1,
   onActivation: n,
-  disabled: B = !1,
-  handleChange: C,
+  disabled: O = !1,
+  handleChange: P,
   handleSourcesChange: h,
-  shortBar: O = !1,
+  shortBar: k = !1,
   active: g = !1,
   maxLength: m,
-  disableRichText: U = !1,
-  editorRef: j,
-  uid: P,
+  disableRichText: B = !1,
+  editorRef: U,
+  uid: C,
   allowedDomains: T = [],
-  hideCharCount: k = !1,
+  hideCharCount: j = !1,
   disableAutoActivate: z = !1,
   autoFocus: a = !1,
-  ...H
+  ...F
 }) => {
-  const [s, J] = f(a || g), [Q, W] = f(""), [$, q] = f(""), [d, u] = f([]), { showModal: D } = Me(), N = Ce(), v = Se(), E = xe(!1);
+  const [s, H] = f(a || g), [J, Q] = f(""), [W, $] = f(""), [d, u] = f([]), { showModal: q } = ye(), I = Pe(), N = Se(), v = xe(!1);
   M(() => {
-    a && !E.current && n && (E.current = !0, n());
+    a && !v.current && n && (v.current = !0, n());
   }, [a, n]), M(() => {
     p && u(p);
   }, [p]);
-  const I = () => {
-    s || (J(!0), n && n());
-  }, F = {
-    editable: !B,
-    theme: Pe,
+  const E = () => {
+    s || (H(!0), n && n());
+  }, D = {
+    editable: !O,
+    theme: Ce,
     onError(t) {
       console.error("TextEditor error:", t);
     },
     nodes: [re, ie, he, ne]
   }, G = () => {
-    I();
+    E();
   }, K = (t) => {
     t.read(() => {
       const o = ge().getTextContent(), r = y(o), c = JSON.stringify(t), R = y(c);
-      W(r), q(R), C && C(r, R);
+      Q(r), $(R), P && P(r, R);
     });
   }, V = (t) => {
-    const o = Q, r = $, c = d;
+    const o = J, r = W, c = d;
     x && (t.preventDefault(), x(o, r, c)), u([]), h?.([]);
   }, X = () => {
-    D(
+    q(
       /* @__PURE__ */ e(
-        ye,
+        we,
         {
           onAddSource: Y,
           allowedSources: T
@@ -99,7 +100,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
       return h?.(r), r;
     });
   }, ee = (t, o) => /* @__PURE__ */ e(
-    we,
+    Le,
     {
       publisher: t.publisher,
       url: t.source_url,
@@ -110,7 +111,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
     o
   ), te = () => /* @__PURE__ */ e("div", { className: i.editorPlaceholder, children: l });
   return /* @__PURE__ */ S(oe, { children: [
-    /* @__PURE__ */ e(ce, { initialConfig: F, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: G, children: /* @__PURE__ */ S(
+    /* @__PURE__ */ e(ce, { initialConfig: D, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: G, children: /* @__PURE__ */ S(
       "div",
       {
         className: b(i.editorInner, {
@@ -126,7 +127,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
                   className: b(i.editorInput, {
                     [i.editorInputInactive]: !s
                   }),
-                  ...H
+                  ...F
                 }
               ),
               placeholder: l && /* @__PURE__ */ e(te, {}),
@@ -134,25 +135,25 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
             }
           ),
           /* @__PURE__ */ e(
-            be,
+            Me,
             {
               hideSourceAction: A,
               hideSubmit: _,
-              disableRichText: U,
-              shortBar: O,
+              disableRichText: B,
+              shortBar: k,
               onSubmit: V,
               onAddSource: X,
               isActive: s || g,
-              sourceTooltip: T?.length > 0 && N.formatMessage({
+              sourceTooltip: T?.length > 0 && I.formatMessage({
                 id: "input.allowed_domains_tooltip",
                 defaultMessage: "With the new source function, you can add links to your article."
               })
             }
           ),
-          s && m && !k && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
+          s && m && !j && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
             /* @__PURE__ */ e(se, { maxLength: m }),
             " ",
-            N.formatMessage({
+            I.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
@@ -164,16 +165,17 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
             Te,
             {
               onSetContent: z ? () => {
-              } : I,
-              storageUid: P || v
+              } : E,
+              storageUid: C || N
             }
           ),
-          /* @__PURE__ */ e(Ie, { content: w }),
-          /* @__PURE__ */ e(Re, { richContent: L }),
-          /* @__PURE__ */ e(Ne, { autoFocus: a }),
+          /* @__PURE__ */ e(Re, { content: w }),
+          /* @__PURE__ */ e(be, { richContent: L }),
+          /* @__PURE__ */ e(Ie, { autoFocus: a }),
+          /* @__PURE__ */ e(Ne, {}),
           m && /* @__PURE__ */ e(ve, { maxLength: m }),
-          /* @__PURE__ */ e(Ee, { storageUid: P || v }),
-          /* @__PURE__ */ e(me, { editorRef: j })
+          /* @__PURE__ */ e(Ee, { storageUid: C || N }),
+          /* @__PURE__ */ e(me, { editorRef: U })
         ]
       }
     ) }) }),
@@ -181,5 +183,5 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
   ] });
 };
 export {
-  st as TextEditor
+  lt as TextEditor
 };

package/dist/components/input/text_editor/TextEditor.module.scss.js

@@ -1,45 +1,45 @@
-import '../../../assets/components/input/text_editor/TextEditor.module-CxuSL3l3.css';const t = "_ltr_1k7lj_3", e = "_editorContainer_1k7lj_7", o = "_editorInner_1k7lj_14", r = "_editorInnerInactive_1k7lj_18", i = "_editorPlaceholder_1k7lj_23", n = "_editorInput_1k7lj_35", d = "_editorInputInactive_1k7lj_46", _ = "_editorTextBold_1k7lj_51", s = "_editorTextItalic_1k7lj_55", l = "_editorTextUnderline_1k7lj_59", c = "_editorTextStrikethrough_1k7lj_63", a = "_editorTextUnderlineStrikethrough_1k7lj_67", I = "_editorParagraph_1k7lj_71", k = "_editorQuote_1k7lj_81", u = "_editorListOl_1k7lj_91", h = "_editorListItem_1k7lj_98", j = "_editorNestedListItem_1k7lj_105", x = "_sourcesBox_1k7lj_118", T = "_sourceList_1k7lj_129", L = "_charactersCount_1k7lj_140", p = {
+import '../../../assets/components/input/text_editor/TextEditor.module-KPtqT1Y6.css';const t = "_ltr_43sv6_3", e = "_editorContainer_43sv6_7", o = "_editorInner_43sv6_15", r = "_editorInnerInactive_43sv6_19", i = "_editorPlaceholder_43sv6_24", s = "_editorInput_43sv6_36", n = "_editorInputInactive_43sv6_47", d = "_editorTextBold_43sv6_52", _ = "_editorTextItalic_43sv6_57", c = "_editorTextUnderline_43sv6_61", a = "_editorTextStrikethrough_43sv6_65", I = "_editorTextUnderlineStrikethrough_43sv6_69", l = "_editorParagraph_43sv6_73", v = "_editorQuote_43sv6_83", u = "_editorListOl_43sv6_93", h = "_editorListItem_43sv6_100", x = "_editorNestedListItem_43sv6_107", T = "_sourcesBox_43sv6_120", L = "_sourceList_43sv6_131", p = "_charactersCount_43sv6_142", g = {
   ltr: t,
   editorContainer: e,
   editorInner: o,
   editorInnerInactive: r,
   editorPlaceholder: i,
-  editorInput: n,
-  editorInputInactive: d,
-  editorTextBold: _,
-  editorTextItalic: s,
-  editorTextUnderline: l,
-  editorTextStrikethrough: c,
-  editorTextUnderlineStrikethrough: a,
-  editorParagraph: I,
-  editorQuote: k,
+  editorInput: s,
+  editorInputInactive: n,
+  editorTextBold: d,
+  editorTextItalic: _,
+  editorTextUnderline: c,
+  editorTextStrikethrough: a,
+  editorTextUnderlineStrikethrough: I,
+  editorParagraph: l,
+  editorQuote: v,
   editorListOl: u,
   editorListItem: h,
-  editorNestedListItem: j,
-  sourcesBox: x,
-  sourceList: T,
-  charactersCount: L
+  editorNestedListItem: x,
+  sourcesBox: T,
+  sourceList: L,
+  charactersCount: p
 };
 export {
-  L as charactersCount,
-  p as default,
+  p as charactersCount,
+  g as default,
   e as editorContainer,
   o as editorInner,
   r as editorInnerInactive,
-  n as editorInput,
-  d as editorInputInactive,
+  s as editorInput,
+  n as editorInputInactive,
   h as editorListItem,
   u as editorListOl,
-  j as editorNestedListItem,
-  I as editorParagraph,
+  x as editorNestedListItem,
+  l as editorParagraph,
   i as editorPlaceholder,
-  k as editorQuote,
-  _ as editorTextBold,
-  s as editorTextItalic,
-  c as editorTextStrikethrough,
-  l as editorTextUnderline,
-  a as editorTextUnderlineStrikethrough,
+  v as editorQuote,
+  d as editorTextBold,
+  _ as editorTextItalic,
+  a as editorTextStrikethrough,
+  c as editorTextUnderline,
+  I as editorTextUnderlineStrikethrough,
   t as ltr,
-  T as sourceList,
-  x as sourcesBox
+  L as sourceList,
+  T as sourcesBox
 };

package/dist/components/input/text_editor/plugins/IOSInsertParagraphFallbackPlugin.js

@@ -0,0 +1,34 @@
+import { useLexicalComposerContext as u } from "@lexical/react/LexicalComposerContext";
+import { IS_IOS as d, INSERT_PARAGRAPH_COMMAND as l } from "lexical";
+import { useRef as f, useEffect as m } from "react";
+const E = 100, p = (t) => t.key === "Enter" && !t.shiftKey && !t.altKey && !t.ctrlKey && !t.metaKey && !t.isComposing, i = (t) => JSON.stringify(t.toJSON()), A = () => {
+  const [t] = u(), r = f([]);
+  return m(() => {
+    if (!d)
+      return;
+    const s = (e) => {
+      if (!p(e) || e.defaultPrevented)
+        return;
+      const o = i(t.getEditorState()), n = {
+        timeoutId: null
+      };
+      n.timeoutId = setTimeout(() => {
+        r.current = r.current.filter(
+          (c) => c !== n
+        ), i(t.getEditorState()) === o && t.dispatchCommand(l, void 0);
+      }, E), r.current.push(n);
+    }, a = t.registerRootListener(
+      (e, o) => {
+        o?.removeEventListener("keydown", s), e?.addEventListener("keydown", s);
+      }
+    );
+    return () => {
+      r.current.forEach((e) => {
+        clearTimeout(e.timeoutId);
+      }), r.current = [], a();
+    };
+  }, [t]), null;
+};
+export {
+  A as IOSInsertParagraphFallbackPlugin
+};

package/dist/components/input/text_editor/plugins/ToolbarPlugin.js

@@ -1,85 +1,129 @@
-import { jsxs as N, jsx as t } from "react/jsx-runtime";
-import { $isListNode as R, ListNode as w, INSERT_ORDERED_LIST_COMMAND as B, REMOVE_LIST_COMMAND as D } from "@lexical/list";
-import { useLexicalComposerContext as $ } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as q, $createQuoteNode as K } from "@lexical/rich-text";
-import { $setBlocksType as M } from "@lexical/selection";
-import { $getNearestNodeOfType as F, mergeRegister as U } from "@lexical/utils";
+import { jsxs as L, jsx as i } from "react/jsx-runtime";
+import { $isListNode as k, ListNode as z, INSERT_ORDERED_LIST_COMMAND as G, $isListItemNode as w, $createListNode as X } from "@lexical/list";
+import { useLexicalComposerContext as J } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as W, $createQuoteNode as A } from "@lexical/rich-text";
+import { $setBlocksType as v } from "@lexical/selection";
+import { $getNearestNodeOfType as Y, mergeRegister as Z } from "@lexical/utils";
 import a from "classnames";
-import { $getSelection as g, $isRangeSelection as P, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as h, $createParagraphNode as H } from "lexical";
-import { useRef as Q, useState as c, useCallback as G, useEffect as V } from "react";
-import { useIntl as X } from "react-intl";
+import { $getSelection as N, $isRangeSelection as _, SELECTION_CHANGE_COMMAND as ee, FORMAT_TEXT_COMMAND as te, $createParagraphNode as E } from "lexical";
+import { useRef as oe, useState as g, useCallback as ie, useEffect as ae } from "react";
+import { useIntl as ne } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
-import { Icon as s } from "../../../icons/icon/Icon.js";
-import { Button as z } from "../../../action/button/Button.js";
-const me = (l) => {
-  const n = X(), y = 1, [o] = $(), C = Q(null), [m, f] = c("paragraph"), [J, T] = c(null), [k, I] = c(!1), [x, A] = c(!1), [S, E] = c(!1), p = l.hideSubmit && l.hideSourceAction && l.disableRichText, b = G(() => {
-    const i = g();
-    if (P(i)) {
-      const d = i.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), _ = r.getKey();
-      if (o.getElementByKey(_) !== null)
-        if (T(_), R(r)) {
-          const u = F(d, w), O = u ? u.getTag() : r.getTag();
-          f(O);
+import { Icon as u } from "../../../icons/icon/Icon.js";
+import { Button as le } from "../../../action/button/Button.js";
+const ye = (n) => {
+  const r = ne(), D = 1, [l] = J(), O = oe(null), [h, I] = g("paragraph"), [se, P] = g(null), [B, R] = g(!1), [$, q] = g(!1), [K, F] = g(!1), S = n.hideSubmit && n.hideSourceAction && n.disableRichText, p = ie(() => {
+    const t = N();
+    if (_(t)) {
+      const c = t.anchor.getNode(), s = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), d = s.getKey();
+      if (l.getElementByKey(d) !== null)
+        if (P(d), k(s)) {
+          const o = Y(c, z), f = o ? o.getTag() : s.getTag();
+          I(f);
         } else {
-          const u = q(r) ? r.getTag() : r.getType();
-          f(u);
+          const o = W(s) ? s.getTag() : s.getType();
+          I(o);
         }
-      I(i.hasFormat("bold")), A(i.hasFormat("italic")), E(i.hasFormat("underline"));
+      R(t.hasFormat("bold")), q(t.hasFormat("italic")), F(t.hasFormat("underline"));
     }
-  }, [o]);
-  V(() => U(
-    o.registerUpdateListener(({ editorState: i }) => {
-      i.read(() => {
-        b();
+  }, [l]);
+  ae(() => Z(
+    l.registerUpdateListener(({ editorState: t }) => {
+      t.read(() => {
+        p();
       });
     }),
-    o.registerCommand(
-      j,
-      (i, d) => (b(), !1),
-      y
+    l.registerCommand(
+      ee,
+      () => (p(), !1),
+      D
     )
-  ), [o, b]);
-  const L = () => {
-    m !== "ol" ? o.dispatchCommand(B) : o.dispatchCommand(D);
-  }, v = () => {
-    m !== "quote" ? o.update(() => {
-      const i = g();
-      M(i, () => K());
-    }) : o.update(() => {
-      const i = g();
-      M(i, () => H());
+  ), [l, p]);
+  const b = (t) => {
+    t.pointerType !== "touch" && t.pointerType !== "pen" && t.preventDefault();
+  }, x = () => {
+    setTimeout(() => {
+      l.getEditorState().read(() => {
+        p();
+      });
+    }, 0);
+  }, T = (t) => {
+    l.dispatchCommand(te, t);
+  }, U = () => {
+    l.update(() => {
+      const t = N();
+      if (!_(t))
+        return;
+      const c = t.getNodes(), s = /* @__PURE__ */ new Set();
+      for (const m of c) {
+        let o = m;
+        for (; o !== null && !w(o); )
+          o = o.getParent();
+        w(o) && s.add(o);
+      }
+      const d = Array.from(s).reverse();
+      for (const m of d) {
+        const o = m.getParent();
+        if (!k(o))
+          continue;
+        const f = E(), Q = m.getChildren();
+        for (const M of Q)
+          f.append(M);
+        const y = m.getNextSiblings();
+        if (o.insertAfter(f), y.length > 0) {
+          const M = y[0].getValue(), C = X(o.getListType(), M);
+          for (const V of y)
+            C.append(V);
+          f.insertAfter(C);
+        }
+        m.remove(), o.getChildrenSize() === 0 && o.remove();
+      }
     });
+  }, j = () => {
+    h !== "ol" ? l.dispatchCommand(G) : U(), x();
+  }, H = () => {
+    h !== "quote" ? l.update(() => {
+      const t = N();
+      if (_(t))
+        if (t.isCollapsed()) {
+          const s = t.anchor.getNode().getTopLevelElementOrThrow(), d = A();
+          s.insertAfter(d), d.selectEnd();
+        } else
+          v(t, () => A());
+    }) : l.update(() => {
+      const t = N();
+      _(t) && v(t, () => E());
+    }), x();
   };
-  return p ? null : /* @__PURE__ */ N(
+  return S ? null : /* @__PURE__ */ L(
     "div",
     {
       className: a(e.toolbar, {
-        [e.toolbarIsActive]: p ? !1 : l.isActive
+        [e.toolbarIsActive]: S ? !1 : n.isActive
       }),
-      ref: C,
+      ref: O,
       children: [
-        l.isActive ? !l.disableRichText && /* @__PURE__ */ N(
+        n.isActive ? !n.disableRichText && /* @__PURE__ */ L(
           "div",
           {
             className: a(e.iconToolbar, {
-              [e.shortBar]: l.shortBar
+              [e.shortBar]: n.shortBar
             }),
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: () => {
-                    o.dispatchCommand(h, "bold");
-                  },
+                  onPointerDown: b,
+                  onClick: () => T("bold"),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: k }),
+                  className: a(e.toolbarItem, { [e.active]: B }),
                   "data-testid": "format-bold",
-                  "aria-label": n.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
                     defaultMessage: "Make text bold"
                   }),
-                  children: /* @__PURE__ */ t(
-                    s,
+                  children: /* @__PURE__ */ i(
+                    u,
                     {
                       name: "bold",
                       width: 24,
@@ -89,22 +133,21 @@ const me = (l) => {
                   )
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: () => {
-                    o.dispatchCommand(h, "italic");
-                  },
+                  onPointerDown: b,
+                  onClick: () => T("italic"),
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: x
+                    [e.active]: $
                   }),
-                  "aria-label": n.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
                     defaultMessage: "Make text italic"
                   }),
-                  children: /* @__PURE__ */ t(
-                    s,
+                  children: /* @__PURE__ */ i(
+                    u,
                     {
                       name: "italic",
                       width: 24,
@@ -114,22 +157,21 @@ const me = (l) => {
                   )
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: () => {
-                    o.dispatchCommand(h, "underline");
-                  },
+                  onPointerDown: b,
+                  onClick: () => T("underline"),
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: S
+                    [e.active]: K
                   }),
-                  "aria-label": n.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
                     defaultMessage: "Underline text"
                   }),
-                  children: /* @__PURE__ */ t(
-                    s,
+                  children: /* @__PURE__ */ i(
+                    u,
                     {
                       name: "underline",
                       width: 24,
@@ -139,18 +181,21 @@ const me = (l) => {
                   )
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: () => v(),
+                  onPointerDown: b,
+                  onClick: () => H(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: m === "quote" }),
-                  "aria-label": n.formatMessage({
+                  className: a(e.toolbarItem, {
+                    [e.active]: h === "quote"
+                  }),
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
                   }),
-                  children: /* @__PURE__ */ t(
-                    s,
+                  children: /* @__PURE__ */ i(
+                    u,
                     {
                       name: "blockquote",
                       width: 24,
@@ -160,18 +205,21 @@ const me = (l) => {
                   )
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: () => L(),
+                  onPointerDown: b,
+                  onClick: () => j(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: m === "ol" }),
-                  "aria-label": n.formatMessage({
+                  className: a(e.toolbarItem, {
+                    [e.active]: h === "ol"
+                  }),
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
                   }),
-                  children: /* @__PURE__ */ t(
-                    s,
+                  children: /* @__PURE__ */ i(
+                    u,
                     {
                       name: "orderedList",
                       width: 24,
@@ -181,18 +229,19 @@ const me = (l) => {
                   )
                 }
               ),
-              !l.hideSourceAction && /* @__PURE__ */ t(
+              !n.hideSourceAction && /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: l.onAddSource,
+                  onPointerDown: b,
+                  onClick: n.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
-                  "aria-label": n.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
                     defaultMessage: "Add hyperlink"
                   }),
-                  children: /* @__PURE__ */ t(
-                    s,
+                  children: /* @__PURE__ */ i(
+                    u,
                     {
                       name: "link",
                       width: 20,
@@ -205,18 +254,18 @@ const me = (l) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ t("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ t(
-          z,
+        /* @__PURE__ */ i("div", { className: e.actionButton, children: n.hideSubmit ? null : /* @__PURE__ */ i(
+          le,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: l.onSubmit,
+            handleClick: n.onSubmit,
             className: a(e.inputSubmitActionButton, e.submitAction),
-            "aria-label": n.formatMessage({
+            "aria-label": r.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
             }),
-            children: /* @__PURE__ */ t(s, { name: "send", width: 20, height: 20 })
+            children: /* @__PURE__ */ i(u, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -224,5 +273,5 @@ const me = (l) => {
   );
 };
 export {
-  me as ToolbarPlugin
+  ye as ToolbarPlugin
 };