@logora/debate 0.3.61 → 0.3.62

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

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import { jsx as o, jsxs as l, Fragment as h } from "react/jsx-runtime";
 import B from "classnames";
-import { useState as _, useEffect as ae, useCallback as le, Suspense as ne, lazy as de } from "react";
+import { useState as f, useEffect as ae, useCallback as le, Suspense as ne, lazy as de } from "react";
 import { useIntl as ce } from "react-intl";
 import s from "./Argument.module.scss.js";
 import { ReplyFooter as pe } from "./ReplyFooter.js";
@@ -22,18 +22,18 @@ import { Button as Se } from "../../action/button/Button.js";
 const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), P = (e) => e?.replace(/ /g, " "), Te = ({
   argument: e,
   argumentReplies: n,
-  nestingLevel: g = 0,
-  maxNestingLevel: S = 2,
-  groupType: R,
-  groupName: T,
-  positions: b = [],
+  nestingLevel: y = 0,
+  maxNestingLevel: C = 2,
+  groupType: S,
+  groupName: R,
+  positions: _ = [],
   disableLinks: F = !1,
-  parentArgument: c,
+  parentArgument: d,
   flashParent: j,
   expandable: G,
-  disabled: M = !1,
-  hideFooter: N = !1,
-  hideReplies: w,
+  disabled: g = !1,
+  hideFooter: T = !1,
+  hideReplies: N,
   vote: H,
   fixedContentHeight: V = !1,
   enableEdition: z = !0,
@@ -44,7 +44,7 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
   replyRedirectUrl: K,
   hideContent: Q = !1
 }) => {
-  const i = ce(), { isLoggedIn: W, currentUser: p } = ue(), A = p?.moderation_status === "banned", r = he(), [m, v] = _(!1), [X, x] = _(!1), [Z, ee] = _(!1), L = me(e), [u, h] = _(), f = D(
+  const i = ce(), { isLoggedIn: W, currentUser: c } = ue(), w = c?.moderation_status === "banned", r = he(), [p, b] = f(!1), [X, A] = f(!1), [Z, ee] = f(!1), x = me(e), [m, M] = f(), u = D(
     e.content,
     e.language,
     "content",
@@ -54,21 +54,21 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
     e.position?.language,
     "name",
     e.position?.translation_entries
-  ), I = `argument_${e.id}`, C = e.position && b?.map((t) => t.id).indexOf(e.position.id) + 1;
+  ), v = `argument_${e.id}`, I = e.position && _?.map((t) => t.id).indexOf(e.position.id) + 1;
   ae(() => {
     n !== void 0 && ie();
   }, [n]);
   const oe = (t) => {
-    if (I === t) {
-      const d = document.getElementById(t);
-      d && d.scrollIntoView({ behavior: "smooth" }), x(!0);
+    if (v === t) {
+      const $ = document.getElementById(t);
+      $ && $.scrollIntoView({ behavior: "smooth" }), A(!0);
     }
-  }, U = () => {
+  }, L = () => {
     ee((t) => !t);
   }, k = () => {
-    v((t) => !t), h([]);
+    b((t) => !t), M([]);
   }, se = (t) => {
-    if (!u?.find((a) => a.id === t.id))
+    if (!m?.find((a) => a.id === t.id))
       return t;
   }, re = le((t, a) => /* @__PURE__ */ o(
     fe,
@@ -84,24 +84,24 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
       const t = n.filter(
         (a) => a.reply_to_id === e.id
       );
-      t.length > 0 && (h(t), v(!0));
+      t.length > 0 && (M(t), b(!0));
     }
-  }, $ = (t = null) => /* @__PURE__ */ o(
+  }, U = (t = null) => /* @__PURE__ */ o(
     Ne,
     {
       ...t ? { argument: t } : {},
-      nestingLevel: g + 1,
-      maxNestingLevel: S,
-      disabled: M,
-      groupName: T,
-      groupType: R,
-      positions: b,
+      nestingLevel: y + 1,
+      maxNestingLevel: C,
+      disabled: g,
+      groupName: R,
+      groupType: S,
+      positions: _,
       argumentReplies: n,
       parentArgument: e,
       flashParent: (a) => oe(`argument_${a}`)
     }
   );
-  return /* @__PURE__ */ l(ye, { elementId: I, onScroll: () => x(!0), children: [
+  return /* @__PURE__ */ l(ye, { elementId: v, onScroll: () => A(!0), children: [
     /* @__PURE__ */ l(
       "div",
       {
@@ -111,10 +111,10 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
             [s.flash]: X,
             [s.argumentReply]: e.is_reply === !0
           },
-          s[`level-${g}`],
-          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
+          s[`level-${y}`],
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && I}`]
         ),
-        id: I,
+        id: v,
         children: [
           /* @__PURE__ */ o(
             _e,
@@ -123,7 +123,7 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
               author: e.author,
               tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : te.translatedContent,
               date: e.created_at,
-              tagClassName: s[`headerPosition-${C}`],
+              tagClassName: s[`headerPosition-${I}`],
               disableLinks: F,
               isDeleted: e.is_deleted,
               showModerationFeedback: q ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
@@ -138,7 +138,7 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
           }) }) : Q ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: i.formatMessage({
             id: "argument.argument.content_deleted",
             defaultMessage: "This content has been removed."
-          }) }) : /* @__PURE__ */ l(y, { children: [
+          }) }) : /* @__PURE__ */ l(h, { children: [
             /* @__PURE__ */ l(
               "div",
               {
@@ -146,21 +146,21 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
                   [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? V : !1
                 }),
                 children: [
-                  e.is_reply && c && /* @__PURE__ */ l(
+                  e.is_reply && d && /* @__PURE__ */ l(
                     "div",
                     {
                       className: s.replyTo,
-                      onClick: () => j(c.id),
+                      onClick: () => j(d.id),
                       children: [
                         i.formatMessage({
                           id: "info.replying_to",
                           defaultMessage: "Replying to"
                         }),
                         /* @__PURE__ */ l("span", { className: s.replyingTo, children: [
-                          c.is_deleted ? i.formatMessage({
+                          d.is_deleted ? i.formatMessage({
                             id: "info.deleted",
                             defaultMessage: "Deleted"
-                          }) : c.author.full_name,
+                          }) : d.author.full_name,
                           /* @__PURE__ */ o(E, { name: "chat", height: 16 })
                         ] })
                       ]
@@ -169,23 +169,23 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
                   /* @__PURE__ */ o(
                     ge,
                     {
-                      content: /* @__PURE__ */ l(y, { children: [
+                      content: /* @__PURE__ */ l(h, { children: [
                         e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: i.formatMessage({
                           id: "argument.argument.updated",
                           defaultMessage: "Updated argument"
                         }) }),
-                        L && !f.isTranslated ? /* @__PURE__ */ o(
+                        x && !u.isTranslated ? /* @__PURE__ */ o(
                           "div",
                           {
                             className: s.argumentContent,
-                            dangerouslySetInnerHTML: { __html: P(L) }
+                            dangerouslySetInnerHTML: { __html: P(x) }
                           }
-                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: P(f.translatedContent) }),
-                        f.isTranslated && /* @__PURE__ */ o(
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: P(u.translatedContent) }),
+                        u.isTranslated && /* @__PURE__ */ o(
                           be,
                           {
                             language: e.language,
-                            callback: () => f.toggleContent()
+                            callback: () => u.toggleContent()
                           }
                         )
                       ] }),
@@ -207,17 +207,17 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
             ),
             e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(re) })
           ] }),
-          !N && !e.is_deleted && /* @__PURE__ */ o(
+          !T && !e.is_deleted && /* @__PURE__ */ o(
             Me,
             {
               resource: e,
-              disabled: M || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || A,
+              disabled: g || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || w,
               reportType: "Message",
               softDelete: r.actions?.softDelete,
               deleteType: "messages",
               deleteListId: Y,
-              enableReply: g <= S || p.role === "editor" || p.role === "moderator",
-              handleReplyTo: U,
+              enableReply: y <= C || c.role === "editor" || c.role === "moderator",
+              handleReplyTo: L,
               replyRedirectUrl: K,
               shareUrl: `https://app.logora.fr/share/a/${e.id}`,
               shareTitle: i.formatMessage({
@@ -242,18 +242,18 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: s[`voteButtonPosition-${C}`],
-                  disabled: e.status === "rejected" || p?.id === e?.author?.id || A
+                  activeClassName: s[`voteButtonPosition-${I}`],
+                  disabled: e.status === "rejected" || c?.id === e?.author?.id || w
                 }
               )
             }
           ),
-          !N && !w && /* @__PURE__ */ o(
+          !T && !N && /* @__PURE__ */ o(
             pe,
             {
               numberReplies: e.number_replies,
               repliesAuthors: e.replies_authors,
-              expandReplies: m,
+              expandReplies: p,
               onToggleReplies: k,
               isReply: e.is_reply
             }
@@ -261,26 +261,21 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
         ]
       }
     ),
-    !w && /* @__PURE__ */ l(y, { children: [
+    !N && /* @__PURE__ */ l(h, { children: [
       Z && /* @__PURE__ */ o(ne, { fallback: null, children: /* @__PURE__ */ o(
         Re,
         {
           groupId: e.group_id,
-          groupType: R,
-          groupName: T,
-          positions: b,
+          groupType: S,
+          groupName: R,
+          positions: _,
           parentId: e.id,
           positionId: H?.position_id,
-          disabled: M,
+          disabled: g,
           hideSourceAction: r?.actions?.disableUserSources || !1,
           argumentListId: `argument_${e.id}_reply_list`,
           onSubmit: (t) => {
-            U(), h([t]), v(!0);
-          },
-          onUpdate: (t) => {
-            h(
-              (a) => a.map((d) => d.id === t.id ? t : d)
-            );
+            L(), M([t]), b(!0);
           },
           isReply: !0,
           avatarSize: 40,
@@ -293,8 +288,8 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
         },
         `Reply${e.id}`
       ) }),
-      u?.length > 0 && m && /* @__PURE__ */ o("div", { className: s.repliesList, children: u.map((t) => $(t)) }),
-      m && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
+      m?.length > 0 && p && /* @__PURE__ */ o("div", { className: s.repliesList, children: m.map((t) => U(t)) }),
+      p && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
         Ie,
         {
           voteableType: "Message",
@@ -310,12 +305,12 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
           perPage: 5,
           display: "column",
           resourcePropName: "argument",
-          emptyListComponent: /* @__PURE__ */ o(y, {}),
+          emptyListComponent: /* @__PURE__ */ o(h, {}),
           transformData: (t) => se(t),
-          children: $(e)
+          children: U(e)
         }
       ) }),
-      u?.length > 0 && !m && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
+      m?.length > 0 && !p && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
         Se,
         {
           role: "link",

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

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

package/package.json

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