@logora/debate 0.3.79 → 0.3.81

package/dist/components/argument/argument/Argument.js

@@ -20,7 +20,7 @@ import { VoteButton as Ce } from "../../vote/vote_button/VoteButton.js";
 import { VotePaginatedList as Se } from "../../list/paginated_list/VotePaginatedList.js";
 import { UserContentSkeleton as Re } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
 import { Button as Te } from "../../action/button/Button.js";
-const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), P = (e) => e?.replace(/ /g, " "), we = ({
+const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), F = (e) => e?.replace(/ /g, " "), we = ({
   argument: e,
   argumentReplies: n,
   nestingLevel: y = 0,
@@ -28,7 +28,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
   groupType: C,
   groupName: S,
   positions: _ = [],
-  disableLinks: F = !1,
+  disableLinks: P = !1,
   parentArgument: d,
   flashParent: j,
   expandable: G,
@@ -125,7 +125,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
               tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : oe.translatedContent,
               date: e.created_at,
               tagClassName: s[`headerPosition-${v}`],
-              disableLinks: F,
+              disableLinks: P,
               isDeleted: e.is_deleted,
               showModerationFeedback: q ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
               moderationReason: e.moderation_entry?.moderation_reason,
@@ -179,9 +179,9 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                           "div",
                           {
                             className: s.argumentContent,
-                            dangerouslySetInnerHTML: { __html: P(A) }
+                            dangerouslySetInnerHTML: { __html: F(A) }
                           }
-                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: P(u.translatedContent) }),
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: F(u.translatedContent) }),
                         u.isTranslated && /* @__PURE__ */ o(
                           ve,
                           {
@@ -279,7 +279,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
             X.add(a, [t]), L(), b(!0);
           },
           isReply: !0,
-          activeOnInit: !0,
+          autoFocus: !0,
           avatarSize: 40,
           placeholder: i.formatMessage({
             id: "input.reply_input.your_answer",

package/dist/components/icons/spiegel_icons/Downvote.js

@@ -1,6 +1,6 @@
 import { jsx as L } from "react/jsx-runtime";
 import "react";
-const e = (C) => /* @__PURE__ */ L("svg", { viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ L("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M25.1109 48.0906C29.3616 48.0903 32.8082 44.644 32.8082 40.3933V32.697H41.2457C44.8599 32.6967 47.5856 29.4125 46.9195 25.8601L43.3121 6.61792L43.2584 6.36401C42.6504 3.76613 40.329 1.9092 37.6383 1.90894H25.0035L24.5572 1.92261C23.6651 1.97446 22.7885 2.18144 21.9674 2.53394L21.5621 2.72241L16.3023 5.35132C15.835 5.58497 15.3253 5.72136 14.8053 5.75171L14.5816 5.75757H9.71738L2.01953 5.7578V28.8484L9.71738 28.8484H15.4898L19.0963 34.2576C19.2556 34.4966 19.3594 34.7691 19.4 35.0535L21.0269 46.4382C21.1624 47.3861 21.9738 48.0904 22.9312 48.0906H25.1109ZM21.5924 32.5935C22.0001 33.2052 22.2657 33.9009 22.3697 34.6287L23.8648 45.0906H25.1109C27.7047 45.0903 29.8082 42.9872 29.8082 40.3933V29.697H41.2457C42.9815 29.6967 44.2911 28.119 43.9713 26.4128L40.3629 7.17065C40.1169 5.85969 38.9721 4.90921 37.6383 4.90894H25.0035C24.2746 4.90899 23.5549 5.07912 22.9029 5.40503L17.6441 8.03491C16.6934 8.51025 15.6446 8.75748 14.5816 8.75757H12.7174V25.8484H17.0953L21.5924 32.5935Z", fill: "black" }) });
+const H = (C) => /* @__PURE__ */ L("svg", { viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ L("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M25.1109 48.0906C29.3616 48.0903 32.8082 44.644 32.8082 40.3933V32.697H41.2457C44.8599 32.6967 47.5856 29.4125 46.9195 25.8601L43.3121 6.61792L43.2584 6.36401C42.6504 3.76613 40.329 1.9092 37.6383 1.90894H25.0035L24.5572 1.92261C23.6651 1.97446 22.7885 2.18144 21.9674 2.53394L21.5621 2.72241L16.3023 5.35132C15.835 5.58497 15.3253 5.72136 14.8053 5.75171L14.5816 5.75757H9.71738L2.01953 5.7578V28.8484L9.71738 28.8484H15.4898L19.0963 34.2576C19.2556 34.4966 19.3594 34.7691 19.4 35.0535L21.0269 46.4382C21.1624 47.3861 21.9738 48.0904 22.9312 48.0906H25.1109ZM21.5924 32.5935C22.0001 33.2052 22.2657 33.9009 22.3697 34.6287L23.8648 45.0906H25.1109C27.7047 45.0903 29.8082 42.9872 29.8082 40.3933V29.697H41.2457C42.9815 29.6967 44.2911 28.119 43.9713 26.4128L40.3629 7.17065C40.1169 5.85969 38.9721 4.90921 37.6383 4.90894H25.0035C24.2746 4.90899 23.5549 5.07912 22.9029 5.40503L17.6441 8.03491C16.6934 8.51025 15.6446 8.75748 14.5816 8.75757H12.7174V25.8484H17.0953L21.5924 32.5935Z" }) });
 export {
-  e as Downvote
+  H as Downvote
 };

package/dist/components/icons/spiegel_icons/Upvote.js

@@ -1,6 +1,6 @@
 import { jsx as L } from "react/jsx-runtime";
 import "react";
-const o = (C) => /* @__PURE__ */ L("svg", { viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ L("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32.8082 9.60669C32.8082 5.35599 29.3616 1.90969 25.1109 1.90942H22.9312C21.9738 1.90957 21.1624 2.61392 21.0269 3.56177L19.4 14.9465C19.3594 15.2309 19.2556 15.5034 19.0963 15.7424L15.4898 21.1516H9.7164L2.01953 21.1516V44.2422L9.7164 44.2424H14.5816L14.8053 44.2483C15.3253 44.2786 15.835 44.415 16.3023 44.6487L21.5621 47.2776L21.9674 47.4661C22.7885 47.8186 23.6651 48.0255 24.5572 48.0774L25.0035 48.0911H37.6383C40.329 48.0908 42.6504 46.2339 43.2584 43.636L43.3121 43.3821L46.9195 24.1399C47.5856 20.5875 44.8599 17.3033 41.2457 17.303H32.8082V9.60669ZM21.5924 17.4065C22.0001 16.7948 22.2657 16.0991 22.3697 15.3713L23.8648 4.90942H25.1109C27.7047 4.90969 29.8082 7.01284 29.8082 9.60669V20.303H41.2457C42.9815 20.3033 44.2911 21.881 43.9713 23.5872L40.3629 42.8293C40.1169 44.1403 38.9721 45.0908 37.6383 45.0911H25.0035C24.2746 45.091 23.5549 44.9209 22.9029 44.595L17.6441 41.9651C16.6934 41.4897 15.6446 41.2425 14.5816 41.2424H12.7164V24.1516H17.0953L21.5924 17.4065Z", fill: "black" }) });
+const H = (C) => /* @__PURE__ */ L("svg", { viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ L("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32.8082 9.60669C32.8082 5.35599 29.3616 1.90969 25.1109 1.90942H22.9312C21.9738 1.90957 21.1624 2.61392 21.0269 3.56177L19.4 14.9465C19.3594 15.2309 19.2556 15.5034 19.0963 15.7424L15.4898 21.1516H9.7164L2.01953 21.1516V44.2422L9.7164 44.2424H14.5816L14.8053 44.2483C15.3253 44.2786 15.835 44.415 16.3023 44.6487L21.5621 47.2776L21.9674 47.4661C22.7885 47.8186 23.6651 48.0255 24.5572 48.0774L25.0035 48.0911H37.6383C40.329 48.0908 42.6504 46.2339 43.2584 43.636L43.3121 43.3821L46.9195 24.1399C47.5856 20.5875 44.8599 17.3033 41.2457 17.303H32.8082V9.60669ZM21.5924 17.4065C22.0001 16.7948 22.2657 16.0991 22.3697 15.3713L23.8648 4.90942H25.1109C27.7047 4.90969 29.8082 7.01284 29.8082 9.60669V20.303H41.2457C42.9815 20.3033 44.2911 21.881 43.9713 23.5872L40.3629 42.8293C40.1169 44.1403 38.9721 45.0908 37.6383 45.0911H25.0035C24.2746 45.091 23.5549 44.9209 22.9029 44.595L17.6441 41.9651C16.6934 41.4897 15.6446 41.2425 14.5816 41.2424H12.7164V24.1516H17.0953L21.5924 17.4065Z" }) });
 export {
-  o as Upvote
+  H as Upvote
 };

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

@@ -1,137 +1,140 @@
-import { jsxs as M, jsx as s } from "react/jsx-runtime";
-import De from "@rooks/use-sessionstorage-state";
-import { useRef as We, useState as l, useEffect as v, Suspense as Ye, lazy as ke } from "react";
-import { useIntl as Re, FormattedMessage as fe } from "react-intl";
-import { useLocation as je } from "react-router";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import We from "@rooks/use-sessionstorage-state";
+import { useRef as Ye, useState as l, useEffect as h, Suspense as ke, lazy as Re } from "react";
+import { useIntl as je, FormattedMessage as ge } from "react-intl";
+import { useLocation as ze } from "react-router";
 import I from "classnames";
 import n from "./ArgumentInput.module.scss.js";
-import { useDataProvider as ze } from "../../data/data_provider/useDataProvider.js";
-import { useList as Oe } from "../../list/list_provider/useList.js";
-import { useConfig as Je } from "../../data/config_provider/useConfig.js";
-import { useInput as Ke } from "../input_provider/useInput.js";
-import { useAuth as Ge } from "../../auth/use_auth/useAuth.js";
-import { useFormValidation as He } from "../../forms/use_form_validation/useFormValidation.js";
-import { useResponsive as Qe } from "../../hooks/use_responsive/useResponsive.js";
-import { useAuthRequired as Xe } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { useModal as Ze } from "../../dialog/modal/useModal.js";
-import { useToast as et } from "../../dialog/toast_provider/useToast.js";
-import { TogglePosition as tt } from "../toggle_position/TogglePosition.js";
-import { Avatar as nt } from "../../user/avatar/Avatar.js";
-import { AuthorBox as at } from "../../user/author_box/AuthorBox.js";
-import { TextEditor as st } from "../text_editor/TextEditor.js";
-import { Icon as it } from "../../icons/icon/Icon.js";
-const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ default: S.SideModal }))), yt = ({
+import { useDataProvider as Oe } from "../../data/data_provider/useDataProvider.js";
+import { useList as Je } from "../../list/list_provider/useList.js";
+import { useConfig as Ke } from "../../data/config_provider/useConfig.js";
+import { useInput as Ge } from "../input_provider/useInput.js";
+import { useAuth as He } from "../../auth/use_auth/useAuth.js";
+import { useFormValidation as Qe } from "../../forms/use_form_validation/useFormValidation.js";
+import { useResponsive as Xe } from "../../hooks/use_responsive/useResponsive.js";
+import { useAuthRequired as Ze } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { useModal as et } from "../../dialog/modal/useModal.js";
+import { useToast as tt } from "../../dialog/toast_provider/useToast.js";
+import { TogglePosition as nt } from "../toggle_position/TogglePosition.js";
+import { Avatar as at } from "../../user/avatar/Avatar.js";
+import { AuthorBox as st } from "../../user/author_box/AuthorBox.js";
+import { TextEditor as it } from "../text_editor/TextEditor.js";
+import { Icon as ot } from "../../icons/icon/Icon.js";
+const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ default: S.SideModal }))), Lt = ({
   argumentListId: S,
-  avatarSize: ge = 48,
-  disabled: j = !1,
+  avatarSize: he = 48,
+  disabled: O = !1,
   positions: a = [],
   disabledPositions: x = [],
   groupId: b,
-  groupName: he,
-  groupType: z,
-  hideSourceAction: pe = !1,
+  groupName: pe,
+  groupType: J,
+  hideSourceAction: _e = !1,
   isReply: r = !1,
-  onSubmit: O,
+  onSubmit: K,
   parentId: F,
-  placeholder: _e,
+  placeholder: Me,
   positionId: A,
-  focusOnInit: Me = !1,
+  focusOnInit: ve = !1,
   activeOnInit: P = !1,
-  userGuideUrl: J,
-  hideUserGuideLink: ve = !1,
-  hideCharCount: be = !1,
-  disableAutoActivate: Ae = !1
+  userGuideUrl: G,
+  hideUserGuideLink: be = !1,
+  hideCharCount: Ae = !1,
+  disableAutoActivate: Ce = !1,
+  autoFocus: H = !1
 }) => {
-  const o = Re(), K = ze(), N = Oe(), h = Je(), {
-    focus: G,
-    setFocus: H,
-    setReset: Ce,
+  const o = je(), Q = Oe(), N = Je(), p = Ke(), {
+    focus: X,
+    setFocus: Z,
+    setReset: we,
     inputContent: B,
-    setInputContent: Q,
-    setInputRichContent: we
-  } = Ke(), { isLoggedIn: C, currentUser: u } = Ge(), { errors: E, validate: V } = He(), { isMobile: m } = Qe(), Ie = je(), X = We(null), [U, $] = l([]), [q, D] = l(""), [Z, W] = l(null), [d, p] = l(null), [ee, te] = l(null), [ne, ae] = l(!1), [w, se] = l(!1), [_, ie] = l({}), [Se, oe] = l(!1), [f, xe] = De(
+    setInputContent: ee,
+    setInputRichContent: Ie
+  } = Ge(), { isLoggedIn: C, currentUser: u } = He(), { errors: E, validate: V } = Qe(), { isMobile: m } = Xe(), Se = ze(), te = Ye(null), [U, $] = l([]), [q, D] = l(""), [ne, W] = l(null), [d, _] = l(null), [ae, se] = l(null), [ie, oe] = l(!1), [w, re] = l(!1), [M, ue] = l({}), [xe, Y] = l(!1), [f, Ne] = We(
     "userSide",
     {}
-  ), [g, Ne] = l(
-    !C && h?.actions?.disableInputForVisitor
-  ), Y = Xe(), { showModal: Te } = Ze(), { toast: k } = et() || {}, re = new URLSearchParams(
-    typeof window < "u" ? window.location.search : Ie.search
+  ), [g, Te] = l(
+    !C && p?.actions?.disableInputForVisitor
+  ), k = Ze(), { showModal: ye } = et(), { toast: R } = tt() || {}, de = new URLSearchParams(
+    typeof window < "u" ? window.location.search : Se.search
   );
-  v(() => {
-    Ne(
-      !C && h?.actions?.disableInputForVisitor
+  h(() => {
+    Te(
+      !C && p?.actions?.disableInputForVisitor
     );
-  }, [C, h]);
-  const R = u?.role === "editor" || u?.role === "moderator", ue = u?.moderation_status === "banned";
-  v(() => {
+  }, [C, p]);
+  const j = u?.role === "editor" || u?.role === "moderator", le = u?.moderation_status === "banned";
+  h(() => {
     let e = null;
-    typeof window < "u" && (e = re.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? p(A) : e && e != a[2]?.id ? p(e) : f && f.groupId == b && f.positionId != a[2]?.id && p(f.positionId);
-  }, [A]), v(() => {
-    P && (oe(!0), T());
-  }, [P]), v(() => {
+    typeof window < "u" && (e = de.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? _(A) : e && e != a[2]?.id ? _(e) : f && f.groupId == b && f.positionId != a[2]?.id && _(f.positionId);
+  }, [A]), h(() => {
+    H && Y(!0);
+  }, [H]), h(() => {
+    P && (z(), Y(!0), T());
+  }, [P]), h(() => {
     if (typeof window < "u") {
-      const e = Me || re.get("initArgument");
-      (e === !0 || e === "true") && (oe(!0), T(), Ue());
+      const e = ve || de.get("initArgument");
+      (e === !0 || e === "true") && (Y(!0), T(), $e());
     }
-  }, []), v(() => {
-    G && (T(), H(!1));
-  }, [G]), v(() => {
-    B?.id && (ye(B), H(!0));
+  }, []), h(() => {
+    X && (T(), Z(!1));
+  }, [X]), h(() => {
+    B?.id && (Le(B), Z(!0));
   }, [B]);
-  const ye = (e) => {
-    ie(e), se(!0), $(e.sources), D(e.content), W(e.rich_content), te(e.id), T(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? we(e.rich_content) : Q(e.content);
+  const Le = (e) => {
+    ue(e), re(!0), $(e.sources), D(e.content), W(e.rich_content), se(e.id), T(), _(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : ee(e.content);
   }, T = () => {
-    X.current.scrollIntoView(!1);
-  }, de = () => {
-    D(""), W(null), ie({}), te(null), $([]), Ce(!0), Q(null);
-  }, Le = (e) => {
-    p(e), ce(e);
-  }, Fe = () => {
-    Te(
-      /* @__PURE__ */ s(Ye, { fallback: null, children: /* @__PURE__ */ s(
-        ot,
+    te.current.scrollIntoView(!1);
+  }, ce = () => {
+    D(""), W(null), ue({}), se(null), $([]), we(!0), ee(null);
+  }, Fe = (e) => {
+    _(e), fe(e);
+  }, Pe = () => {
+    ye(
+      /* @__PURE__ */ s(ke, { fallback: null, children: /* @__PURE__ */ s(
+        rt,
         {
           modalTitle: o.formatMessage({
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
-          onChooseSide: Le,
+          onChooseSide: Fe,
           positions: a,
-          title: he,
+          title: pe,
           disabledPositions: !r && x,
           isNeutral: f && f.groupId == b && f.positionId === a[2]?.id
         }
       ) })
     );
-  }, Pe = () => {
-    C ? ee ? Ve() : !a || a?.length === 0 || !x?.find((e) => e?.id === d) && d || R && r ? ce(r && R && a[0]?.id) : Fe() : Y({ loginAction: "argument" });
-  }, Be = (e, t) => {
-    g ? Y({ loginAction: "argument" }) : (D(e), W(t), V({ content: e }, [{ content: ["url", null] }]));
-  }, Ee = (e) => {
+  }, Be = () => {
+    C ? ae ? Ue() : !a || a?.length === 0 || !x?.find((e) => e?.id === d) && d || j && r ? fe(r && j && a[0]?.id) : Pe() : k({ loginAction: "argument" });
+  }, Ee = (e, t) => {
+    g ? k({ loginAction: "argument" }) : (D(e), W(t), V({ content: e }, [{ content: ["url", null] }]));
+  }, Ve = (e) => {
     $(e);
-  }, le = [
+  }, me = [
     { content: ["length", 3] },
     { content: ["required", null] },
     { content: ["url", null] },
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
-  ], ce = (e) => {
+  ], fe = (e) => {
     const t = e || d, c = {
       content: q,
-      rich_content: Z,
+      rich_content: ne,
       group_id: b,
-      ...z && { group_type: z },
+      ...J && { group_type: J },
       ...t && { position_id: t },
       is_reply: !!F,
       message_id: F || null,
       source_ids: U?.map((i) => i.id)
     };
-    V(c, le) && (t && a && a.map((i) => i.id).includes(t) && xe({
+    V(c, me) && (t && a && a.map((i) => i.id).includes(t) && Ne({
       groupId: b,
       positionId: t
-    }), de(), K.create("messages", c).then((i) => {
+    }), ce(), Q.create("messages", c).then((i) => {
       if (i.data.success) {
         if (F)
-          O(i.data.data.resource), k(
+          K(i.data.data.resource), R(
             o.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -147,10 +150,10 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
         else {
           const y = i.data.data.resource;
           let L = S;
-          t && !m && (L = `argumentList${y.position.id}`), O?.(
+          t && !m && (L = `argumentList${y.position.id}`), K?.(
             q,
-            a.find((qe) => qe.id === t) || null
-          ), N.add(L, [y]), k(
+            a.find((De) => De.id === t) || null
+          ), N.add(L, [y]), R(
             o.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -175,38 +178,38 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
         );
       }
     }));
-  }, Ve = () => {
+  }, Ue = () => {
     const e = {
       content: q,
-      rich_content: Z,
+      rich_content: ne,
       source_ids: U?.map((t) => t.id),
       ...d && { position_id: d }
     };
-    V(e, le) && K.update("messages", ee, e).then((t) => {
+    V(e, me) && Q.update("messages", ae, e).then((t) => {
       if (t.data.success) {
         const c = t.data.data.resource;
         let i = S;
-        if (_?.is_reply && _?.message_id ? i = `argument_${_.message_id}_reply_list` : d && !m && (i = `argumentList${c.position?.id}`), !_?.is_reply && _?.position?.id != c.position?.id && !m) {
-          const y = `argumentList${_.position.id}`, L = `argumentList${c.position.id}`;
+        if (M?.is_reply && M?.message_id ? i = `argument_${M.message_id}_reply_list` : d && !m && (i = `argumentList${c.position?.id}`), !M?.is_reply && M?.position?.id != c.position?.id && !m) {
+          const y = `argumentList${M.position.id}`, L = `argumentList${c.position.id}`;
           N.remove(y, [c]), N.add(L, [c]);
         } else
           N.update(i, [c]);
-        k(o.formatMessage({ id: "alert.argument_modify" }), {
+        R(o.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
-        }), de();
+        }), ce();
       }
     });
-  }, Ue = () => {
-    if (!ne) {
-      ae(!0);
+  }, $e = () => {
+    if (!ie) {
+      oe(!0);
       const e = setTimeout(() => {
-        ae(!1);
+        oe(!1);
       }, 2e3);
       return () => clearTimeout(e);
     }
-  }, me = () => {
-    g ? Y({ loginAction: "argument" }) : se(!0);
-  }, $e = () => {
+  }, z = () => {
+    g ? k({ loginAction: "argument" }) : re(!0);
+  }, qe = () => {
     const e = x.find(
       (t) => t.id === d
     );
@@ -219,8 +222,8 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
         { position: e.name }
       );
   };
-  return /* @__PURE__ */ M("div", { className: n.inputContainer, children: [
-    j && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ue ? o.formatMessage({
+  return /* @__PURE__ */ v("div", { className: n.inputContainer, children: [
+    O && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: le ? o.formatMessage({
       id: "input.argument_input.user_banned",
       defaultMessage: "You are banned from the debate space."
     }) : o.formatMessage({
@@ -231,26 +234,26 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
       "div",
       {
         className: I(n.argumentInput, {
-          [n.flash]: ne,
+          [n.flash]: ie,
           [n.replyInputContainer]: r
         }),
-        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: X, children: /* @__PURE__ */ M("div", { className: n.argumentInputBox, children: [
-          a.length > 0 && C && (!r || !R) && /* @__PURE__ */ M("div", { className: n.userPosition, children: [
+        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: te, children: /* @__PURE__ */ v("div", { className: n.argumentInputBox, children: [
+          a.length > 0 && C && (!r || !j) && /* @__PURE__ */ v("div", { className: n.userPosition, children: [
             /* @__PURE__ */ s("div", { children: o.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
             }) }),
             /* @__PURE__ */ s(
-              tt,
+              nt,
               {
                 activeLabel: d === a[0].id ? 0 : d === a[1].id ? 1 : null,
                 firstLabel: a[0],
                 secondLabel: a[1],
-                onChange: (e) => p(a[e].id)
+                onChange: (e) => _(a[e].id)
               }
             )
           ] }),
-          /* @__PURE__ */ M(
+          /* @__PURE__ */ v(
             "div",
             {
               className: I(n.argumentTextInputBox, {
@@ -266,14 +269,14 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                       [n.argumentAuthorContainerActivated]: !m && w || r
                     }),
                     children: !m && w || r ? /* @__PURE__ */ s(
-                      nt,
+                      at,
                       {
                         avatarUrl: u.image_url,
                         userName: u.full_name,
-                        size: ge
+                        size: he
                       }
                     ) : /* @__PURE__ */ s(
-                      at,
+                      st,
                       {
                         fullName: u?.full_name || o.formatMessage({ id: "default_author.full_name" }),
                         avatarUrl: u?.image_url,
@@ -283,51 +286,51 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                     )
                   }
                 ),
-                /* @__PURE__ */ M(
+                /* @__PURE__ */ v(
                   "div",
                   {
-                    onClick: me,
+                    onClick: z,
                     "data-testid": "argument-input",
                     className: I(n.textEditorBox, {
                       [n.replyTextEditorBox]: r
                     }),
                     children: [
                       /* @__PURE__ */ s(
-                        st,
+                        it,
                         {
                           handleChange: (e, t) => {
-                            Be(e, t);
+                            Ee(e, t);
                           },
                           handleSourcesChange: (e) => {
-                            Ee(e);
+                            Ve(e);
                           },
-                          placeholder: _e,
+                          placeholder: Me,
                           "aria-label": o.formatMessage({
                             id: "input.argument_input.aria_label",
                             defaultMessage: "Message input field"
                           }),
-                          onSubmit: Pe,
+                          onSubmit: Be,
                           sources: U,
-                          hideSourceAction: pe || g,
+                          hideSourceAction: _e || g,
                           uid: `Argument${b}`,
-                          onActivation: me,
+                          onActivation: z,
                           showStylesControls: w,
-                          disabled: j || g || ue,
-                          maxLength: g ? !1 : h?.actions?.argumentMaxLength,
-                          disableRichText: h?.actions?.disableRichText || g,
+                          disabled: O || g || le,
+                          maxLength: g ? !1 : p?.actions?.argumentMaxLength,
+                          disableRichText: p?.actions?.disableRichText || g,
                           shortBar: r,
                           hideSubmit: g,
-                          allowedDomains: h?.allowed_sources,
+                          allowedDomains: p?.allowed_sources,
                           active: P,
-                          autoFocus: Se,
-                          hideCharCount: be,
-                          disableAutoActivate: Ae
+                          autoFocus: xe,
+                          hideCharCount: Ae,
+                          disableAutoActivate: Ce
                         }
                       ),
                       E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
                       w && x?.find(
                         (e) => e.id === d
-                      ) && /* @__PURE__ */ M(
+                      ) && /* @__PURE__ */ v(
                         "div",
                         {
                           className: I(
@@ -336,7 +339,7 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                           ),
                           children: [
                             /* @__PURE__ */ s(
-                              it,
+                              ot,
                               {
                                 name: "announcement",
                                 className: n.warningIcon,
@@ -344,12 +347,12 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                                 width: 20
                               }
                             ),
-                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: $e() })
+                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: qe() })
                           ]
                         }
                       ),
-                      w && J && !ve && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
-                        fe,
+                      w && G && !be && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
+                        ge,
                         {
                           id: "alert.guide_message",
                           defaultMessage: "Contributions must comply with our {userCharter}.",
@@ -358,11 +361,11 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                               "a",
                               {
                                 className: n.guideMessage,
-                                href: J,
+                                href: G,
                                 target: "_blank",
                                 rel: "noreferrer",
                                 children: /* @__PURE__ */ s(
-                                  fe,
+                                  ge,
                                   {
                                     id: "alert.user_charter",
                                     defaultMessage: "user charter"
@@ -385,5 +388,5 @@ const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ def
   ] });
 };
 export {
-  yt as ArgumentInput
+  Lt as ArgumentInput
 };

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

@@ -1,80 +1,78 @@
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { $isListNode as R, ListNode as D, INSERT_ORDERED_LIST_COMMAND as $ } from "@lexical/list";
-import { useLexicalComposerContext as K } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as q, $createQuoteNode as F } from "@lexical/rich-text";
-import { $setBlocksType as y } from "@lexical/selection";
-import { $getNearestNodeOfType as P, mergeRegister as U } from "@lexical/utils";
-import o from "classnames";
-import { $getSelection as b, $isRangeSelection as M, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as g } from "lexical";
-import { useRef as H, useState as c, useCallback as Q, useEffect as G } from "react";
+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 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 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 ce = (i) => {
-  const n = X(), T = 1, [l] = K(), k = H(null), [f, h] = c("paragraph"), [J, C] = c(null), [x, I] = c(!1), [A, S] = c(!1), [E, L] = c(!1), p = i.hideSubmit && i.hideSourceAction && i.disableRichText, u = Q(() => {
-    const a = b();
-    if (M(a)) {
-      const d = a.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), N = r.getKey();
-      if (l.getElementByKey(N) !== null)
-        if (C(N), R(r)) {
-          const m = P(d, D), O = m ? m.getTag() : r.getTag();
-          h(O);
+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);
         } else {
-          const m = q(r) ? r.getTag() : r.getType();
-          h(m);
+          const u = q(r) ? r.getTag() : r.getType();
+          f(u);
         }
-      I(a.hasFormat("bold")), S(a.hasFormat("italic")), L(a.hasFormat("underline"));
+      I(i.hasFormat("bold")), A(i.hasFormat("italic")), E(i.hasFormat("underline"));
     }
-  }, [l]);
-  G(() => U(
-    l.registerUpdateListener(({ editorState: a }) => {
-      a.read(() => {
-        u();
+  }, [o]);
+  V(() => U(
+    o.registerUpdateListener(({ editorState: i }) => {
+      i.read(() => {
+        b();
       });
     }),
-    l.registerCommand(
+    o.registerCommand(
       j,
-      (a, d) => (u(), !1),
-      T
+      (i, d) => (b(), !1),
+      y
     )
-  ), [l, u]);
-  const v = () => {
-    l.update(() => {
-      const a = b();
-      M(a) && y(a, () => $createParagraphNode());
-    });
-  }, w = () => {
-    f !== "number" ? l.dispatchCommand($) : v();
-  }, B = () => {
-    f !== "quote" && l.update(() => {
-      const a = b();
-      y(a, () => F());
+  ), [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());
     });
   };
-  return p ? null : /* @__PURE__ */ _(
+  return p ? null : /* @__PURE__ */ N(
     "div",
     {
-      className: o(e.toolbar, {
-        [e.toolbarIsActive]: p ? !1 : i.isActive
+      className: a(e.toolbar, {
+        [e.toolbarIsActive]: p ? !1 : l.isActive
       }),
-      ref: k,
+      ref: C,
       children: [
-        i.isActive ? !i.disableRichText && /* @__PURE__ */ _(
+        l.isActive ? !l.disableRichText && /* @__PURE__ */ N(
           "div",
           {
-            className: o(e.iconToolbar, {
-              [e.shortBar]: i.shortBar
+            className: a(e.iconToolbar, {
+              [e.shortBar]: l.shortBar
             }),
             children: [
               /* @__PURE__ */ t(
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "bold");
+                    o.dispatchCommand(h, "bold");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, { [e.active]: x }),
+                  className: a(e.toolbarItem, { [e.active]: k }),
                   "data-testid": "format-bold",
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -86,7 +84,7 @@ const ce = (i) => {
                       name: "bold",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.bold)
+                      className: a(e.format, e.bold)
                     }
                   )
                 }
@@ -95,11 +93,11 @@ const ce = (i) => {
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "italic");
+                    o.dispatchCommand(h, "italic");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, {
-                    [e.active]: A
+                  className: a(e.toolbarItem, {
+                    [e.active]: x
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -111,7 +109,7 @@ const ce = (i) => {
                       name: "italic",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.italic)
+                      className: a(e.format, e.italic)
                     }
                   )
                 }
@@ -120,11 +118,11 @@ const ce = (i) => {
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "underline");
+                    o.dispatchCommand(h, "underline");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, {
-                    [e.active]: E
+                  className: a(e.toolbarItem, {
+                    [e.active]: S
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -136,7 +134,7 @@ const ce = (i) => {
                       name: "underline",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.underline)
+                      className: a(e.format, e.underline)
                     }
                   )
                 }
@@ -144,9 +142,9 @@ const ce = (i) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => B(),
+                  onClick: () => v(),
                   type: "button",
-                  className: e.toolbarItem,
+                  className: a(e.toolbarItem, { [e.active]: m === "quote" }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
@@ -157,7 +155,7 @@ const ce = (i) => {
                       name: "blockquote",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.quote)
+                      className: a(e.format, e.quote)
                     }
                   )
                 }
@@ -165,9 +163,9 @@ const ce = (i) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => w(),
+                  onClick: () => L(),
                   type: "button",
-                  className: e.toolbarItem,
+                  className: a(e.toolbarItem, { [e.active]: m === "ol" }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
@@ -178,15 +176,15 @@ const ce = (i) => {
                       name: "orderedList",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.numberedList)
+                      className: a(e.format, e.numberedList)
                     }
                   )
                 }
               ),
-              !i.hideSourceAction && /* @__PURE__ */ t(
+              !l.hideSourceAction && /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: i.onAddSource,
+                  onClick: l.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
                   "aria-label": n.formatMessage({
@@ -199,7 +197,7 @@ const ce = (i) => {
                       name: "link",
                       width: 20,
                       height: 20,
-                      className: o(e.format, e.link)
+                      className: a(e.format, e.link)
                     }
                   )
                 }
@@ -207,13 +205,13 @@ const ce = (i) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ t("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ t(
           z,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: i.onSubmit,
-            className: o(e.inputSubmitActionButton, e.submitAction),
+            handleClick: l.onSubmit,
+            className: a(e.inputSubmitActionButton, e.submitAction),
             "aria-label": n.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
@@ -226,5 +224,5 @@ const ce = (i) => {
   );
 };
 export {
-  ce as ToolbarPlugin
+  me as ToolbarPlugin
 };

package/package.json

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