@logora/debate 0.3.113 → 0.3.115

package/dist/components/input/argument_input/ArgumentInput.js

@@ -1,9 +1,9 @@
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { jsxs as A, jsx as s } from "react/jsx-runtime";
 import Ye from "@rooks/use-sessionstorage-state";
-import { useRef as ke, useState as c, useEffect as p, Suspense as je, lazy as Re } from "react";
+import { useRef as ke, useState as c, useEffect as p, Suspense as Re, lazy as je } from "react";
 import { useIntl as ze, FormattedMessage as he } from "react-intl";
 import { useLocation as Oe } from "react-router";
-import S from "classnames";
+import x from "classnames";
 import n from "./ArgumentInput.module.scss.js";
 import { useDataProvider as Je } from "../../data/data_provider/useDataProvider.js";
 import { useList as Ke } from "../../list/list_provider/useList.js";
@@ -20,22 +20,22 @@ import { Avatar as st } from "../../user/avatar/Avatar.js";
 import { AuthorBox as it } from "../../user/author_box/AuthorBox.js";
 import { TextEditor as ot } from "../text_editor/TextEditor.js";
 import { Icon as rt } from "../../icons/icon/Icon.js";
-const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ default: x.SideModal }))), Ft = ({
-  argumentListId: x,
+const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Ft = ({
+  argumentListId: N,
   avatarSize: pe = 48,
   disabled: O = !1,
   positions: a = [],
-  disabledPositions: N = [],
-  groupId: b,
+  disabledPositions: y = [],
+  groupId: _,
   groupName: _e,
   groupType: J,
   hideSourceAction: Me = !1,
   isReply: r = !1,
   onSubmit: K,
   onUpdate: G,
-  parentId: T,
+  parentId: M,
   placeholder: ve,
-  positionId: A,
+  positionId: C,
   focusOnInit: be = !1,
   activeOnInit: P = !1,
   userGuideUrl: H,
@@ -44,31 +44,31 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
   disableAutoActivate: we = !1,
   autoFocus: Q = !1
 }) => {
-  const o = ze(), X = Je(), y = Ke(), _ = Ge(), {
+  const o = ze(), X = Je(), T = Ke(), v = Ge(), {
     focus: Z,
     setFocus: ee,
-    setReset: Ie,
+    setReset: Se,
     inputContent: B,
     setInputContent: te,
-    setInputRichContent: Se
-  } = He(), { isLoggedIn: C, currentUser: u } = Qe(), { errors: E, validate: V } = Xe(), { isMobile: m } = Ze(), xe = Oe(), ne = ke(null), [$, q] = c([]), [D, U] = c(""), [ae, W] = c(null), [d, M] = c(null), [se, ie] = c(null), [oe, re] = c(!1), [w, ue] = c(!1), [I, de] = c({}), [Ne, Y] = c(!1), [f, Te] = Ye(
+    setInputRichContent: Ie
+  } = He(), { isLoggedIn: w, currentUser: u } = Qe(), { errors: E, validate: $ } = Xe(), { isMobile: m } = Ze(), xe = Oe(), ne = ke(null), [V, q] = c([]), [D, U] = c(""), [ae, W] = c(null), [d, b] = c(null), [se, ie] = c(null), [oe, re] = c(!1), [S, ue] = c(!1), [I, de] = c({}), [Ne, Y] = c(!1), [f, ye] = Ye(
     "userSide",
     {}
-  ), [g, ye] = c(
-    !C && _?.actions?.disableInputForVisitor
-  ), k = et(), { showModal: Le } = tt(), { toast: j } = nt() || {}, le = new URLSearchParams(
+  ), [g, Te] = c(
+    !w && v?.actions?.disableInputForVisitor
+  ), k = et(), { showModal: Le } = tt(), { toast: R } = nt() || {}, le = new URLSearchParams(
     typeof window < "u" ? window.location.search : xe.search
   );
   p(() => {
-    ye(
-      !C && _?.actions?.disableInputForVisitor
+    Te(
+      !w && v?.actions?.disableInputForVisitor
     );
-  }, [C, _]);
-  const R = u?.role === "editor" || u?.role === "moderator", ce = u?.moderation_status === "banned";
+  }, [w, v]);
+  const j = u?.role === "editor" || u?.role === "moderator", ce = u?.moderation_status === "banned";
   p(() => {
     let e = null;
-    typeof window < "u" && (e = le.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? M(A) : e && e != a[2]?.id ? M(e) : f && f.groupId == b && f.positionId != a[2]?.id && M(f.positionId);
-  }, [A]), p(() => {
+    typeof window < "u" && (e = le.get("positionId")), C && C != a[2]?.id && a?.find((t) => t.id === C) ? b(C) : e && e != a[2]?.id ? b(e) : f && f.groupId == _ && f.positionId != a[2]?.id && b(f.positionId);
+  }, [C]), p(() => {
     Q && Y(!0);
   }, [Q]), p(() => {
     P && (z(), Y(!0), L());
@@ -83,16 +83,16 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
     B?.id && (Fe(B), ee(!0));
   }, [B]);
   const Fe = (e) => {
-    de(e), ue(!0), q(e.sources), U(e.content), W(e.rich_content), ie(e.id), L(), M(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Se(e.rich_content) : te(e.content);
+    de(e), ue(!0), q(e.sources), U(e.content), W(e.rich_content), ie(e.id), L(), b(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : te(e.content);
   }, L = () => {
     ne.current.scrollIntoView(!1);
   }, me = () => {
-    U(""), W(null), de({}), ie(null), q([]), Ie(!0), te(null);
+    U(""), W(null), de({}), ie(null), q([]), Se(!0), te(null);
   }, Pe = (e) => {
-    M(e), ge(e);
+    b(e), ge(e);
   }, Be = () => {
     Le(
-      /* @__PURE__ */ s(je, { fallback: null, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(Re, { fallback: null, children: /* @__PURE__ */ s(
         ut,
         {
           modalTitle: o.formatMessage({
@@ -102,16 +102,16 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
           onChooseSide: Pe,
           positions: a,
           title: _e,
-          disabledPositions: !r && N,
-          isNeutral: f && f.groupId == b && f.positionId === a[2]?.id
+          disabledPositions: !r && y,
+          isNeutral: f && f.groupId == _ && f.positionId === a[2]?.id
         }
       ) })
     );
   }, Ee = () => {
-    C ? se ? qe() : !a || a?.length === 0 || !N?.find((e) => e?.id === d) && d || R && r ? ge(r && R && a[0]?.id) : Be() : k({ loginAction: "argument" });
-  }, Ve = (e, t) => {
-    g ? k({ loginAction: "argument" }) : (U(e), W(t), V({ content: e }, [{ content: ["url", null] }]));
-  }, $e = (e) => {
+    w ? se ? qe() : !a || a?.length === 0 || !y?.find((e) => e?.id === d) && d || j && r ? ge(r && j && a[0]?.id) : Be() : k({ loginAction: "argument" });
+  }, $e = (e, t) => {
+    g ? k({ loginAction: "argument" }) : (U(e), W(t), $({ content: e }, [{ content: ["url", null] }]));
+  }, Ve = (e) => {
     q(e);
   }, fe = [
     { content: ["length", 3] },
@@ -122,20 +122,20 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
     const t = e || d, l = {
       content: D,
       rich_content: ae,
-      group_id: b,
+      group_id: _,
       ...J && { group_type: J },
       ...t && { position_id: t },
-      is_reply: !!T,
-      message_id: T || null,
-      source_ids: $?.map((i) => i.id)
+      is_reply: !!M,
+      message_id: M || null,
+      source_ids: V?.map((i) => i.id)
     };
-    V(l, fe) && (t && a && a.map((i) => i.id).includes(t) && Te({
-      groupId: b,
+    $(l, fe) && (t && a && a.map((i) => i.id).includes(t) && ye({
+      groupId: _,
       positionId: t
     }), me(), X.create("messages", l).then((i) => {
       if (i.data.success) {
-        if (T)
-          K(i.data.data.resource), j(
+        if (M)
+          K(i.data.data.resource), R(
             o.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -150,11 +150,11 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
           );
         else {
           const h = i.data.data.resource;
-          let F = x;
+          let F = N;
           t && !m && (F = `argumentList${h.position.id}`), K?.(
             D,
             a.find((We) => We.id === t) || null
-          ), y.add(F, [h]), j(
+          ), T.add(F, [h]), R(
             o.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -183,23 +183,23 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
     const e = {
       content: D,
       rich_content: ae,
-      source_ids: $?.map((t) => t.id),
+      source_ids: V?.map((t) => t.id),
       ...d && { position_id: d }
     };
-    V(e, fe) && X.update("messages", se, e).then((t) => {
+    $(e, fe) && X.update("messages", se, e).then((t) => {
       if (t.data.success) {
         const l = t.data.data.resource;
-        let i = x;
+        let i = N;
         if (I?.is_reply || r) {
-          const h = I?.message_id || T;
+          const h = I?.message_id || M;
           h && (i = `argument_${h}_reply_list`);
         } else d && !m && (i = `argumentList${l.position?.id}`);
         if (!I?.is_reply && I?.position?.id != l.position?.id && !m) {
           const h = `argumentList${I.position.id}`, F = `argumentList${l.position.id}`;
-          y.remove(h, [l]), y.add(F, [l]);
+          T.remove(h, [l]), T.add(F, [l]);
         } else
-          y.update(i, [l]);
-        G && G(l), j(o.formatMessage({ id: "alert.argument_modify" }), {
+          T.update(i, [l]);
+        G && G(l), R(o.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), me();
       }
@@ -215,7 +215,7 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
   }, z = () => {
     g ? k({ loginAction: "argument" }) : ue(!0);
   }, Ue = () => {
-    const e = N.find(
+    const e = y.find(
       (t) => t.id === d
     );
     if (e)
@@ -227,7 +227,7 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
         { position: e.name }
       );
   };
-  return /* @__PURE__ */ v("div", { className: n.inputContainer, children: [
+  return /* @__PURE__ */ A("div", { className: n.inputContainer, children: [
     O && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ce ? o.formatMessage({
       id: "input.argument_input.user_banned",
       defaultMessage: "You are banned from the debate space."
@@ -238,12 +238,12 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
     /* @__PURE__ */ s(
       "div",
       {
-        className: S(n.argumentInput, {
+        className: x(n.argumentInput, {
           [n.flash]: oe,
           [n.replyInputContainer]: r
         }),
-        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: ne, children: /* @__PURE__ */ v("div", { className: n.argumentInputBox, children: [
-          a.length > 0 && C && (!r || !R) && /* @__PURE__ */ v("div", { className: n.userPosition, children: [
+        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: ne, children: /* @__PURE__ */ A("div", { className: n.argumentInputBox, children: [
+          a.length > 0 && w && (!r || !j) && /* @__PURE__ */ A("div", { className: n.userPosition, children: [
             /* @__PURE__ */ s("div", { children: o.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
@@ -254,14 +254,14 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                 activeLabel: d === a[0].id ? 0 : d === a[1].id ? 1 : null,
                 firstLabel: a[0],
                 secondLabel: a[1],
-                onChange: (e) => M(a[e].id)
+                onChange: (e) => b(a[e].id)
               }
             )
           ] }),
-          /* @__PURE__ */ v(
+          /* @__PURE__ */ A(
             "div",
             {
-              className: S(n.argumentTextInputBox, {
+              className: x(n.argumentTextInputBox, {
                 [n.argumentTextInputBoxisTablet]: !m,
                 [n.replyEditorRow]: r
               }),
@@ -269,11 +269,11 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: S(n.argumentAuthorContainer, {
+                    className: x(n.argumentAuthorContainer, {
                       [n.argumentAuthorContainerMobile]: m,
-                      [n.argumentAuthorContainerActivated]: !m && w || r
+                      [n.argumentAuthorContainerActivated]: !m && S || r
                     }),
-                    children: !m && w || r ? /* @__PURE__ */ s(
+                    children: !m && S || r ? /* @__PURE__ */ s(
                       st,
                       {
                         avatarUrl: u.image_url,
@@ -291,12 +291,12 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                     )
                   }
                 ),
-                /* @__PURE__ */ v(
+                /* @__PURE__ */ A(
                   "div",
                   {
                     onClick: z,
                     "data-testid": "argument-input",
-                    className: S(n.textEditorBox, {
+                    className: x(n.textEditorBox, {
                       [n.replyTextEditorBox]: r
                     }),
                     children: [
@@ -304,10 +304,10 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                         ot,
                         {
                           handleChange: (e, t) => {
-                            Ve(e, t);
+                            $e(e, t);
                           },
                           handleSourcesChange: (e) => {
-                            $e(e);
+                            Ve(e);
                           },
                           placeholder: ve,
                           "aria-label": o.formatMessage({
@@ -315,17 +315,17 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                             defaultMessage: "Message input field"
                           }),
                           onSubmit: Ee,
-                          sources: $,
+                          sources: V,
                           hideSourceAction: Me || g,
-                          uid: `Argument${b}`,
+                          uid: M ? `Reply${_}_${M}` : `Argument${_}`,
                           onActivation: z,
-                          showStylesControls: w,
+                          showStylesControls: S,
                           disabled: O || g || ce,
-                          maxLength: g ? !1 : _?.actions?.argumentMaxLength,
-                          disableRichText: _?.actions?.disableRichText || g,
+                          maxLength: g ? !1 : v?.actions?.argumentMaxLength,
+                          disableRichText: v?.actions?.disableRichText || g,
                           shortBar: r,
                           hideSubmit: g,
-                          allowedDomains: _?.allowed_sources,
+                          allowedDomains: v?.allowed_sources,
                           active: P,
                           autoFocus: Ne,
                           hideCharCount: Ce,
@@ -333,12 +333,12 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                         }
                       ),
                       E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
-                      w && N?.find(
+                      S && y?.find(
                         (e) => e.id === d
-                      ) && /* @__PURE__ */ v(
+                      ) && /* @__PURE__ */ A(
                         "div",
                         {
-                          className: S(
+                          className: x(
                             n.argumentInputWarning,
                             n.disabledPositionWarning
                           ),
@@ -356,7 +356,7 @@ const ut = Re(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                           ]
                         }
                       ),
-                      w && H && !Ae && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
+                      S && H && !Ae && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
                         he,
                         {
                           id: "alert.guide_message",

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

@@ -1,107 +1,100 @@
-import { jsxs as T, jsx as o } from "react/jsx-runtime";
-import { $isListNode as q, ListNode as P, INSERT_ORDERED_LIST_COMMAND as $, REMOVE_LIST_COMMAND as K } from "@lexical/list";
-import { useLexicalComposerContext as F } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as U, $createQuoteNode as k } from "@lexical/rich-text";
-import { $setBlocksType as w } from "@lexical/selection";
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { $isListNode as $, ListNode as q, INSERT_ORDERED_LIST_COMMAND as K, REMOVE_LIST_COMMAND as F } from "@lexical/list";
+import { useLexicalComposerContext as U } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as P, $createQuoteNode as S } from "@lexical/rich-text";
+import { $setBlocksType as C } from "@lexical/selection";
 import { $getNearestNodeOfType as j, mergeRegister as H } from "@lexical/utils";
 import a from "classnames";
-import { $getSelection as h, $isRangeSelection as p, SELECTION_CHANGE_COMMAND as Q, $createParagraphNode as G } from "lexical";
-import { useRef as V, useState as b, useCallback as z, useEffect as J } from "react";
+import { $getSelection as N, $isRangeSelection as M, SELECTION_CHANGE_COMMAND as Q, FORMAT_TEXT_COMMAND as G, $createParagraphNode as V } from "lexical";
+import { useRef as X, useState as m, useCallback as z, useEffect as J } from "react";
 import { useIntl as W } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
-import { Icon as d } from "../../../icons/icon/Icon.js";
-import { Button as X } from "../../../action/button/Button.js";
-const be = (i) => {
-  const c = W(), x = 1, [n] = F(), C = V(null), [g, _] = b("paragraph"), [Y, D] = b(null), [I, E] = b(!1), [S, v] = b(!1), [A, L] = b(!1), M = i.hideSubmit && i.hideSourceAction && i.disableRichText, m = z(() => {
-    const t = h();
-    if (p(t)) {
-      const s = t.anchor.getNode(), r = s.getKey() === "root" ? s : s.getTopLevelElementOrThrow(), u = r.getKey();
+import { Icon as c } from "../../../icons/icon/Icon.js";
+import { Button as Y } from "../../../action/button/Button.js";
+const he = (l) => {
+  const r = W(), k = 1, [n] = U(), x = X(null), [b, T] = m("paragraph"), [Z, I] = m(null), [E, A] = m(!1), [v, w] = m(!1), [D, L] = m(!1), _ = l.hideSubmit && l.hideSourceAction && l.disableRichText, h = z(() => {
+    const t = N();
+    if (M(t)) {
+      const d = t.anchor.getNode(), s = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), u = s.getKey();
       if (n.getElementByKey(u) !== null)
-        if (D(u), q(r)) {
-          const f = j(s, P), R = f ? f.getTag() : r.getTag();
-          _(R);
+        if (I(u), $(s)) {
+          const g = j(d, q), B = g ? g.getTag() : s.getTag();
+          T(B);
         } else {
-          const f = U(r) ? r.getTag() : r.getType();
-          _(f);
+          const g = P(s) ? s.getTag() : s.getType();
+          T(g);
         }
-      E(t.hasFormat("bold")), v(t.hasFormat("italic")), L(t.hasFormat("underline"));
+      A(t.hasFormat("bold")), w(t.hasFormat("italic")), L(t.hasFormat("underline"));
     }
   }, [n]);
   J(() => H(
     n.registerUpdateListener(({ editorState: t }) => {
       t.read(() => {
-        m();
+        h();
       });
     }),
     n.registerCommand(
       Q,
-      (t, s) => (m(), !1),
-      x
+      () => (h(), !1),
+      k
     )
-  ), [n, m]);
-  const l = (t) => {
+  ), [n, h]);
+  const i = (t) => {
     t.preventDefault();
-  }, y = () => {
-    queueMicrotask(() => {
-      requestAnimationFrame(() => {
-        n.getEditorState().read(() => {
-          m();
-        });
+  }, f = () => {
+    setTimeout(() => {
+      n.getEditorState().read(() => {
+        h();
       });
-    });
-  }, N = (t) => {
-    n.update(() => {
-      const s = h();
-      p(s) && (s.formatText(t), m());
-    });
+    }, 0);
+  }, p = (t) => {
+    n.dispatchCommand(G, t), f();
   }, O = () => {
-    g !== "ol" ? n.dispatchCommand($) : n.dispatchCommand(K), y();
-  }, B = () => {
-    g !== "quote" ? n.update(() => {
-      const t = h();
-      if (p(t))
+    b !== "ol" ? n.dispatchCommand(K) : n.dispatchCommand(F), f();
+  }, R = () => {
+    b !== "quote" ? n.update(() => {
+      const t = N();
+      if (M(t))
         if (t.isCollapsed()) {
-          const r = t.anchor.getNode().getTopLevelElementOrThrow(), u = k();
-          r.insertAfter(u), u.selectEnd();
+          const s = t.anchor.getNode().getTopLevelElementOrThrow(), u = S();
+          s.insertAfter(u), u.selectEnd();
         } else
-          w(t, () => k());
+          C(t, () => S());
     }) : n.update(() => {
-      const t = h();
-      p(t) && w(t, () => G());
-    }), y();
+      const t = N();
+      M(t) && C(t, () => V());
+    }), f();
   };
-  return M ? null : /* @__PURE__ */ T(
+  return _ ? null : /* @__PURE__ */ y(
     "div",
     {
       className: a(e.toolbar, {
-        [e.toolbarIsActive]: M ? !1 : i.isActive
+        [e.toolbarIsActive]: _ ? !1 : l.isActive
       }),
-      ref: C,
+      ref: x,
       children: [
-        i.isActive ? !i.disableRichText && /* @__PURE__ */ T(
+        l.isActive ? !l.disableRichText && /* @__PURE__ */ y(
           "div",
           {
             className: a(e.iconToolbar, {
-              [e.shortBar]: i.shortBar
+              [e.shortBar]: l.shortBar
             }),
             children: [
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onPointerDown: l,
-                  onMouseDown: l,
-                  onClick: () => {
-                    N("bold");
-                  },
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => p("bold"),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: I }),
+                  className: a(e.toolbarItem, { [e.active]: E }),
                   "data-testid": "format-bold",
-                  "aria-label": c.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
                     defaultMessage: "Make text bold"
                   }),
                   children: /* @__PURE__ */ o(
-                    d,
+                    c,
                     {
                       name: "bold",
                       width: 24,
@@ -114,21 +107,19 @@ const be = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onPointerDown: l,
-                  onMouseDown: l,
-                  onClick: () => {
-                    N("italic");
-                  },
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => p("italic"),
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: S
+                    [e.active]: v
                   }),
-                  "aria-label": c.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
                     defaultMessage: "Make text italic"
                   }),
                   children: /* @__PURE__ */ o(
-                    d,
+                    c,
                     {
                       name: "italic",
                       width: 24,
@@ -141,21 +132,19 @@ const be = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onPointerDown: l,
-                  onMouseDown: l,
-                  onClick: () => {
-                    N("underline");
-                  },
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => p("underline"),
                   type: "button",
                   className: a(e.toolbarItem, {
-                    [e.active]: A
+                    [e.active]: D
                   }),
-                  "aria-label": c.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
                     defaultMessage: "Underline text"
                   }),
                   children: /* @__PURE__ */ o(
-                    d,
+                    c,
                     {
                       name: "underline",
                       width: 24,
@@ -168,17 +157,19 @@ const be = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onPointerDown: l,
-                  onMouseDown: l,
-                  onClick: () => B(),
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: () => R(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: g === "quote" }),
-                  "aria-label": c.formatMessage({
+                  className: a(e.toolbarItem, {
+                    [e.active]: b === "quote"
+                  }),
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
                   }),
                   children: /* @__PURE__ */ o(
-                    d,
+                    c,
                     {
                       name: "blockquote",
                       width: 24,
@@ -191,17 +182,19 @@ const be = (i) => {
               /* @__PURE__ */ o(
                 "button",
                 {
-                  onPointerDown: l,
-                  onMouseDown: l,
+                  onTouchStart: i,
+                  onMouseDown: i,
                   onClick: () => O(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: g === "ol" }),
-                  "aria-label": c.formatMessage({
+                  className: a(e.toolbarItem, {
+                    [e.active]: b === "ol"
+                  }),
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
                   }),
                   children: /* @__PURE__ */ o(
-                    d,
+                    c,
                     {
                       name: "orderedList",
                       width: 24,
@@ -211,18 +204,20 @@ const be = (i) => {
                   )
                 }
               ),
-              !i.hideSourceAction && /* @__PURE__ */ o(
+              !l.hideSourceAction && /* @__PURE__ */ o(
                 "button",
                 {
-                  onClick: i.onAddSource,
+                  onTouchStart: i,
+                  onMouseDown: i,
+                  onClick: l.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
-                  "aria-label": c.formatMessage({
+                  "aria-label": r.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
                     defaultMessage: "Add hyperlink"
                   }),
                   children: /* @__PURE__ */ o(
-                    d,
+                    c,
                     {
                       name: "link",
                       width: 20,
@@ -235,18 +230,18 @@ const be = (i) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ o("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ o(
-          X,
+        /* @__PURE__ */ o("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ o(
+          Y,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: i.onSubmit,
+            handleClick: l.onSubmit,
             className: a(e.inputSubmitActionButton, e.submitAction),
-            "aria-label": c.formatMessage({
+            "aria-label": r.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
             }),
-            children: /* @__PURE__ */ o(d, { name: "send", width: 20, height: 20 })
+            children: /* @__PURE__ */ o(c, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -254,5 +249,5 @@ const be = (i) => {
   );
 };
 export {
-  be as ToolbarPlugin
+  he as ToolbarPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.113",
+  "version": "0.3.115",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",