@logora/debate 0.3.100 → 0.3.102

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

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as l, Fragment as h } from "react/jsx-runtime";
+import { jsx as o, jsxs as l, Fragment as f } from "react/jsx-runtime";
 import B from "classnames";
-import { useState as f, useEffect as le, useCallback as ne, Suspense as de, lazy as ce } from "react";
+import { useState as y, useEffect as le, useCallback as ne, Suspense as de, lazy as ce } from "react";
 import { useIntl as pe } from "react-intl";
 import s from "./Argument.module.scss.js";
 import { ReplyFooter as me } from "./ReplyFooter.js";
@@ -23,18 +23,18 @@ import { Button as Te } from "../../action/button/Button.js";
 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,
-  maxNestingLevel: I = 2,
-  groupType: C,
-  groupName: S,
-  positions: _ = [],
+  nestingLevel: _ = 0,
+  maxNestingLevel: S = 2,
+  groupType: R,
+  groupName: T,
+  positions: g = [],
   disableLinks: P = !1,
-  parentArgument: d,
+  parentArgument: c,
   flashParent: j,
   expandable: G,
-  disabled: g = !1,
-  hideFooter: R = !1,
-  hideReplies: T,
+  disabled: b = !1,
+  hideFooter: N = !1,
+  hideReplies: w,
   vote: H,
   fixedContentHeight: V = !1,
   enableEdition: z = !0,
@@ -45,7 +45,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
   replyRedirectUrl: K,
   hideContent: Q = !1
 }) => {
-  const i = pe(), { isLoggedIn: W, currentUser: c } = he(), N = c?.moderation_status === "banned", r = fe(), X = ye(), [p, b] = f(!1), [Z, w] = f(!1), [ee, te] = f(!1), A = ue(e), [m, x] = f(), u = D(
+  const a = pe(), { isLoggedIn: W, currentUser: p } = he(), A = p?.moderation_status === "banned", r = fe(), X = ye(), [m, M] = y(!1), [Z, x] = y(!1), [ee, te] = y(!1), L = ue(e), [u, v] = y(), h = D(
     e.content,
     e.language,
     "content",
@@ -55,54 +55,54 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
     e.position?.language,
     "name",
     e.position?.translation_entries
-  ), M = `argument_${e.id}`, v = e.position && _?.map((t) => t.id).indexOf(e.position.id) + 1;
+  ), I = `argument_${e.id}`, C = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
   le(() => {
     n !== void 0 && ae();
   }, [n]);
   const se = (t) => {
-    if (M === t) {
-      const $ = document.getElementById(t);
-      $ && $.scrollIntoView({ behavior: "smooth" }), w(!0);
+    if (I === t) {
+      const d = document.getElementById(t);
+      d && d.scrollIntoView({ behavior: "smooth" }), x(!0);
     }
-  }, L = () => {
+  }, U = () => {
     te((t) => !t);
   }, k = () => {
-    b((t) => !t), x([]);
+    M((t) => !t), v([]);
   }, re = (t) => {
-    if (!m?.find((a) => a.id === t.id))
+    if (!u?.find((i) => i.id === t.id))
       return t;
-  }, ie = ne((t, a) => /* @__PURE__ */ o(
+  }, ie = ne((t, i) => /* @__PURE__ */ o(
     _e,
     {
       publisher: t.publisher,
       url: t.source_url,
       title: t.title,
-      index: a
+      index: i
     },
-    a
+    i
   ), []), ae = () => {
     if (n && Array.isArray(n)) {
       const t = n.filter(
-        (a) => a.reply_to_id === e.id
+        (i) => i.reply_to_id === e.id
       );
-      t.length > 0 && (x(t), b(!0));
+      t.length > 0 && (v(t), M(!0));
     }
-  }, U = (t = null) => /* @__PURE__ */ o(
+  }, $ = (t = null) => /* @__PURE__ */ o(
     Ae,
     {
       ...t ? { argument: t } : {},
-      nestingLevel: y + 1,
-      maxNestingLevel: I,
-      disabled: g,
-      groupName: S,
-      groupType: C,
-      positions: _,
+      nestingLevel: _ + 1,
+      maxNestingLevel: S,
+      disabled: b,
+      groupName: T,
+      groupType: R,
+      positions: g,
       argumentReplies: n,
       parentArgument: e,
-      flashParent: (a) => se(`argument_${a}`)
+      flashParent: (i) => se(`argument_${i}`)
     }
   );
-  return /* @__PURE__ */ l(ge, { elementId: M, onScroll: () => w(!0), children: [
+  return /* @__PURE__ */ l(ge, { elementId: I, onScroll: () => x(!0), children: [
     /* @__PURE__ */ l(
       "div",
       {
@@ -112,10 +112,10 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
             [s.flash]: Z,
             [s.argumentReply]: e.is_reply === !0
           },
-          s[`level-${y}`],
-          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && v}`]
+          s[`level-${_}`],
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
         ),
-        id: M,
+        id: I,
         children: [
           /* @__PURE__ */ o(
             be,
@@ -124,7 +124,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
               author: e.author,
               tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : oe.translatedContent,
               date: e.created_at,
-              tagClassName: s[`headerPosition-${v}`],
+              tagClassName: s[`headerPosition-${C}`],
               disableLinks: P,
               isDeleted: e.is_deleted,
               showModerationFeedback: q ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
@@ -133,13 +133,13 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
               moderationPolicyUrl: r.provider?.userGuideUrl
             }
           ),
-          e.is_deleted ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: i.formatMessage({
+          e.is_deleted ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "info.deleted_by_user",
             defaultMessage: "Content deleted by the user"
-          }) }) : Q ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: i.formatMessage({
+          }) }) : Q ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "argument.argument.content_deleted",
             defaultMessage: "This content has been removed."
-          }) }) : /* @__PURE__ */ l(h, { children: [
+          }) }) : /* @__PURE__ */ l(f, { children: [
             /* @__PURE__ */ l(
               "div",
               {
@@ -147,21 +147,21 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                   [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? V : !1
                 }),
                 children: [
-                  e.is_reply && d && /* @__PURE__ */ l(
+                  e.is_reply && c && /* @__PURE__ */ l(
                     "div",
                     {
                       className: s.replyTo,
-                      onClick: () => j(d.id),
+                      onClick: () => j(c.id),
                       children: [
-                        i.formatMessage({
+                        a.formatMessage({
                           id: "info.replying_to",
                           defaultMessage: "Replying to"
                         }),
                         /* @__PURE__ */ l("span", { className: s.replyingTo, children: [
-                          d.is_deleted ? i.formatMessage({
+                          c.is_deleted ? a.formatMessage({
                             id: "info.deleted",
                             defaultMessage: "Deleted"
-                          }) : d.author.full_name,
+                          }) : c.author.full_name,
                           /* @__PURE__ */ o(E, { name: "chat", height: 16 })
                         ] })
                       ]
@@ -170,32 +170,32 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                   /* @__PURE__ */ o(
                     Me,
                     {
-                      content: /* @__PURE__ */ l(h, { children: [
-                        e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: i.formatMessage({
+                      content: /* @__PURE__ */ l(f, { children: [
+                        e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: a.formatMessage({
                           id: "argument.argument.updated",
                           defaultMessage: "Updated argument"
                         }) }),
-                        A && !u.isTranslated ? /* @__PURE__ */ o(
+                        L && !h.isTranslated ? /* @__PURE__ */ o(
                           "div",
                           {
                             className: s.argumentContent,
-                            dangerouslySetInnerHTML: { __html: F(A) }
+                            dangerouslySetInnerHTML: { __html: F(L) }
                           }
-                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: F(u.translatedContent) }),
-                        u.isTranslated && /* @__PURE__ */ o(
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: F(h.translatedContent) }),
+                        h.isTranslated && /* @__PURE__ */ o(
                           ve,
                           {
                             language: e.language,
-                            callback: () => u.toggleContent()
+                            callback: () => h.toggleContent()
                           }
                         )
                       ] }),
                       lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? J : void 0,
-                      readMoreText: i.formatMessage({
+                      readMoreText: a.formatMessage({
                         id: "action.read_more",
                         defaultMessage: "Read more"
                       }),
-                      readLessText: i.formatMessage({
+                      readLessText: a.formatMessage({
                         id: "action.read_less",
                         defaultMessage: "Read less"
                       }),
@@ -208,24 +208,24 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
             ),
             e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(ie) })
           ] }),
-          !R && !e.is_deleted && /* @__PURE__ */ o(
+          !N && !e.is_deleted && /* @__PURE__ */ o(
             Ie,
             {
               resource: e,
-              disabled: g || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || N,
+              disabled: b || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || A,
               reportType: "Message",
               softDelete: r.actions?.softDelete,
               deleteType: "messages",
               deleteListId: Y,
-              enableReply: y <= I || c.role === "editor" || c.role === "moderator",
-              handleReplyTo: L,
+              enableReply: _ <= S || p.role === "editor" || p.role === "moderator",
+              handleReplyTo: U,
               replyRedirectUrl: K,
               shareUrl: `https://app.logora.fr/share/a/${e.id}`,
-              shareTitle: i.formatMessage({
+              shareTitle: a.formatMessage({
                 id: "share.argument.title",
                 defaultMessage: "Share a debate"
               }),
-              shareText: i.formatMessage({
+              shareText: a.formatMessage({
                 id: "share.argument.text",
                 defaultMessage: "This argument may interest you"
               }),
@@ -243,18 +243,18 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: s[`voteButtonPosition-${v}`],
-                  disabled: e.status === "rejected" || c?.id === e?.author?.id || N
+                  activeClassName: s[`voteButtonPosition-${C}`],
+                  disabled: e.status === "rejected" || p?.id === e?.author?.id || A
                 }
               )
             }
           ),
-          !R && !T && /* @__PURE__ */ o(
+          !N && !w && /* @__PURE__ */ o(
             me,
             {
               numberReplies: e.number_replies,
               repliesAuthors: e.replies_authors,
-              expandReplies: p,
+              expandReplies: m,
               onToggleReplies: k,
               isReply: e.is_reply
             }
@@ -262,26 +262,33 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
         ]
       }
     ),
-    !T && /* @__PURE__ */ l(h, { children: [
+    !w && /* @__PURE__ */ l(f, { children: [
       ee && /* @__PURE__ */ o(de, { fallback: null, children: /* @__PURE__ */ o(
         Ne,
         {
           groupId: e.group_id,
-          groupType: C,
-          groupName: S,
-          positions: _,
+          groupType: R,
+          groupName: T,
+          positions: g,
           parentId: e.id,
           positionId: H?.position_id,
-          disabled: g,
+          disabled: b,
           hideSourceAction: r?.actions?.disableUserSources || !1,
           onSubmit: (t) => {
-            const a = `argument_${e.id}_reply_list`;
-            X.add(a, [t]), L(), b(!0);
+            const i = `argument_${e.id}_reply_list`;
+            X.add(i, [t]), U(), M(!0);
+          },
+          onUpdate: (t) => {
+            v(
+              (i) => i?.map(
+                (d) => d.id === t.id ? { ...d, ...t } : d
+              )
+            );
           },
           isReply: !0,
           autoFocus: !0,
           avatarSize: 40,
-          placeholder: i.formatMessage({
+          placeholder: a.formatMessage({
             id: "input.reply_input.your_answer",
             defaultMessage: "Your answer"
           }),
@@ -290,8 +297,8 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
         },
         `Reply${e.id}`
       ) }),
-      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(
+      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(
         Se,
         {
           voteableType: "Message",
@@ -307,18 +314,18 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
           perPage: 5,
           display: "column",
           resourcePropName: "argument",
-          emptyListComponent: /* @__PURE__ */ o(h, {}),
+          emptyListComponent: /* @__PURE__ */ o(f, {}),
           transformData: (t) => re(t),
-          children: U(e)
+          children: $(e)
         }
       ) }),
-      m?.length > 0 && !p && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
+      u?.length > 0 && !m && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
         Te,
         {
           role: "link",
           rightIcon: /* @__PURE__ */ o(E, { name: "lightArrow", height: 10, width: 10 }),
           handleClick: k,
-          children: i.formatMessage({
+          children: a.formatMessage({
             id: "argument.argument.see_more",
             defaultMessage: "See more"
           })

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

@@ -1,137 +1,138 @@
 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 p, Suspense as ke, lazy as je } from "react";
-import { useIntl as Re, FormattedMessage as ge } from "react-intl";
-import { useLocation as ze } from "react-router";
+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 { useIntl as ze, FormattedMessage as he } from "react-intl";
+import { useLocation as Oe } from "react-router";
 import S from "classnames";
 import n from "./ArgumentInput.module.scss.js";
-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 = je(() => import("../../modal/side_modal/index.js").then((x) => ({ default: x.SideModal }))), Lt = ({
+import { useDataProvider as Je } from "../../data/data_provider/useDataProvider.js";
+import { useList as Ke } from "../../list/list_provider/useList.js";
+import { useConfig as Ge } from "../../data/config_provider/useConfig.js";
+import { useInput as He } from "../input_provider/useInput.js";
+import { useAuth as Qe } from "../../auth/use_auth/useAuth.js";
+import { useFormValidation as Xe } from "../../forms/use_form_validation/useFormValidation.js";
+import { useResponsive as Ze } from "../../hooks/use_responsive/useResponsive.js";
+import { useAuthRequired as et } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { useModal as tt } from "../../dialog/modal/useModal.js";
+import { useToast as nt } from "../../dialog/toast_provider/useToast.js";
+import { TogglePosition as at } from "../toggle_position/TogglePosition.js";
+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,
-  avatarSize: he = 48,
+  avatarSize: pe = 48,
   disabled: O = !1,
   positions: a = [],
   disabledPositions: N = [],
   groupId: b,
-  groupName: pe,
+  groupName: _e,
   groupType: J,
-  hideSourceAction: _e = !1,
+  hideSourceAction: Me = !1,
   isReply: r = !1,
   onSubmit: K,
+  onUpdate: G,
   parentId: T,
-  placeholder: Me,
+  placeholder: ve,
   positionId: A,
-  focusOnInit: ve = !1,
+  focusOnInit: be = !1,
   activeOnInit: P = !1,
-  userGuideUrl: G,
-  hideUserGuideLink: be = !1,
-  hideCharCount: Ae = !1,
-  disableAutoActivate: Ce = !1,
-  autoFocus: H = !1
+  userGuideUrl: H,
+  hideUserGuideLink: Ae = !1,
+  hideCharCount: Ce = !1,
+  disableAutoActivate: we = !1,
+  autoFocus: Q = !1
 }) => {
-  const o = Re(), Q = Oe(), y = Je(), _ = Ke(), {
-    focus: X,
-    setFocus: Z,
-    setReset: we,
+  const o = ze(), X = Je(), y = Ke(), _ = Ge(), {
+    focus: Z,
+    setFocus: ee,
+    setReset: Ie,
     inputContent: B,
-    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, M] = l(null), [ae, se] = l(null), [ie, oe] = l(!1), [w, re] = l(!1), [I, ue] = l({}), [xe, Y] = l(!1), [f, Ne] = We(
+    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(
     "userSide",
     {}
-  ), [g, Te] = l(
+  ), [g, ye] = c(
     !C && _?.actions?.disableInputForVisitor
-  ), k = Ze(), { showModal: ye } = et(), { toast: j } = tt() || {}, de = new URLSearchParams(
-    typeof window < "u" ? window.location.search : Se.search
+  ), k = et(), { showModal: Le } = tt(), { toast: j } = nt() || {}, le = new URLSearchParams(
+    typeof window < "u" ? window.location.search : xe.search
   );
   p(() => {
-    Te(
+    ye(
       !C && _?.actions?.disableInputForVisitor
     );
   }, [C, _]);
-  const R = u?.role === "editor" || u?.role === "moderator", le = u?.moderation_status === "banned";
+  const R = u?.role === "editor" || u?.role === "moderator", ce = u?.moderation_status === "banned";
   p(() => {
     let e = null;
-    typeof window < "u" && (e = de.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);
+    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(() => {
-    H && Y(!0);
-  }, [H]), p(() => {
+    Q && Y(!0);
+  }, [Q]), p(() => {
     P && (z(), Y(!0), L());
   }, [P]), p(() => {
     if (typeof window < "u") {
-      const e = ve || de.get("initArgument");
-      (e === !0 || e === "true") && (Y(!0), L(), $e());
+      const e = be || le.get("initArgument");
+      (e === !0 || e === "true") && (Y(!0), L(), De());
     }
   }, []), p(() => {
-    X && (L(), Z(!1));
-  }, [X]), p(() => {
-    B?.id && (Le(B), Z(!0));
+    Z && (L(), ee(!1));
+  }, [Z]), p(() => {
+    B?.id && (Fe(B), ee(!0));
   }, [B]);
-  const Le = (e) => {
-    ue(e), re(!0), $(e.sources), D(e.content), W(e.rich_content), se(e.id), L(), M(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : ee(e.content);
+  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);
   }, L = () => {
-    te.current.scrollIntoView(!1);
-  }, ce = () => {
-    D(""), W(null), ue({}), se(null), $([]), we(!0), ee(null);
-  }, Fe = (e) => {
-    M(e), fe(e);
-  }, Pe = () => {
-    ye(
-      /* @__PURE__ */ s(ke, { fallback: null, children: /* @__PURE__ */ s(
-        rt,
+    ne.current.scrollIntoView(!1);
+  }, me = () => {
+    U(""), W(null), de({}), ie(null), q([]), Ie(!0), te(null);
+  }, Pe = (e) => {
+    M(e), ge(e);
+  }, Be = () => {
+    Le(
+      /* @__PURE__ */ s(je, { fallback: null, children: /* @__PURE__ */ s(
+        ut,
         {
           modalTitle: o.formatMessage({
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
-          onChooseSide: Fe,
+          onChooseSide: Pe,
           positions: a,
-          title: pe,
+          title: _e,
           disabledPositions: !r && N,
           isNeutral: f && f.groupId == b && f.positionId === a[2]?.id
         }
       ) })
     );
-  }, Be = () => {
-    C ? ae ? Ue() : !a || a?.length === 0 || !N?.find((e) => e?.id === d) && d || R && r ? fe(r && R && 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);
-  }, me = [
+  }, 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) => {
+    q(e);
+  }, fe = [
     { content: ["length", 3] },
     { content: ["required", null] },
     { content: ["url", null] },
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
-  ], fe = (e) => {
-    const t = e || d, c = {
-      content: q,
-      rich_content: ne,
+  ], ge = (e) => {
+    const t = e || d, l = {
+      content: D,
+      rich_content: ae,
       group_id: b,
       ...J && { group_type: J },
       ...t && { position_id: t },
       is_reply: !!T,
       message_id: T || null,
-      source_ids: U?.map((i) => i.id)
+      source_ids: $?.map((i) => i.id)
     };
-    V(c, me) && (t && a && a.map((i) => i.id).includes(t) && Ne({
+    V(l, fe) && (t && a && a.map((i) => i.id).includes(t) && Te({
       groupId: b,
       positionId: t
-    }), ce(), Q.create("messages", c).then((i) => {
+    }), me(), X.create("messages", l).then((i) => {
       if (i.data.success) {
         if (T)
           K(i.data.data.resource), j(
@@ -151,8 +152,8 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
           const h = i.data.data.resource;
           let F = x;
           t && !m && (F = `argumentList${h.position.id}`), K?.(
-            q,
-            a.find((De) => De.id === t) || null
+            D,
+            a.find((We) => We.id === t) || null
           ), y.add(F, [h]), j(
             o.formatMessage({
               id: "alert.argument_create",
@@ -178,42 +179,42 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
         );
       }
     }));
-  }, Ue = () => {
+  }, qe = () => {
     const e = {
-      content: q,
-      rich_content: ne,
-      source_ids: U?.map((t) => t.id),
+      content: D,
+      rich_content: ae,
+      source_ids: $?.map((t) => t.id),
       ...d && { position_id: d }
     };
-    V(e, me) && Q.update("messages", ae, e).then((t) => {
+    V(e, fe) && X.update("messages", se, e).then((t) => {
       if (t.data.success) {
-        const c = t.data.data.resource;
+        const l = t.data.data.resource;
         let i = x;
         if (I?.is_reply || r) {
           const h = I?.message_id || T;
           h && (i = `argument_${h}_reply_list`);
-        } else d && !m && (i = `argumentList${c.position?.id}`);
-        if (!I?.is_reply && I?.position?.id != c.position?.id && !m) {
-          const h = `argumentList${I.position.id}`, F = `argumentList${c.position.id}`;
-          y.remove(h, [c]), y.add(F, [c]);
+        } 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]);
         } else
-          y.update(i, [c]);
-        j(o.formatMessage({ id: "alert.argument_modify" }), {
+          y.update(i, [l]);
+        G && G(l), j(o.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
-        }), ce();
+        }), me();
       }
     });
-  }, $e = () => {
-    if (!ie) {
-      oe(!0);
+  }, De = () => {
+    if (!oe) {
+      re(!0);
       const e = setTimeout(() => {
-        oe(!1);
+        re(!1);
       }, 2e3);
       return () => clearTimeout(e);
     }
   }, z = () => {
-    g ? k({ loginAction: "argument" }) : re(!0);
-  }, qe = () => {
+    g ? k({ loginAction: "argument" }) : ue(!0);
+  }, Ue = () => {
     const e = N.find(
       (t) => t.id === d
     );
@@ -227,7 +228,7 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
       );
   };
   return /* @__PURE__ */ v("div", { className: n.inputContainer, children: [
-    O && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: le ? o.formatMessage({
+    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."
     }) : o.formatMessage({
@@ -238,17 +239,17 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
       "div",
       {
         className: S(n.argumentInput, {
-          [n.flash]: ie,
+          [n.flash]: oe,
           [n.replyInputContainer]: r
         }),
-        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: te, children: /* @__PURE__ */ v("div", { className: n.argumentInputBox, children: [
+        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: [
             /* @__PURE__ */ s("div", { children: o.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
             }) }),
             /* @__PURE__ */ s(
-              nt,
+              at,
               {
                 activeLabel: d === a[0].id ? 0 : d === a[1].id ? 1 : null,
                 firstLabel: a[0],
@@ -273,14 +274,14 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                       [n.argumentAuthorContainerActivated]: !m && w || r
                     }),
                     children: !m && w || r ? /* @__PURE__ */ s(
-                      at,
+                      st,
                       {
                         avatarUrl: u.image_url,
                         userName: u.full_name,
-                        size: he
+                        size: pe
                       }
                     ) : /* @__PURE__ */ s(
-                      st,
+                      it,
                       {
                         fullName: u?.full_name || o.formatMessage({ id: "default_author.full_name" }),
                         avatarUrl: u?.image_url,
@@ -300,35 +301,35 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                     }),
                     children: [
                       /* @__PURE__ */ s(
-                        it,
+                        ot,
                         {
                           handleChange: (e, t) => {
-                            Ee(e, t);
+                            Ve(e, t);
                           },
                           handleSourcesChange: (e) => {
-                            Ve(e);
+                            $e(e);
                           },
-                          placeholder: Me,
+                          placeholder: ve,
                           "aria-label": o.formatMessage({
                             id: "input.argument_input.aria_label",
                             defaultMessage: "Message input field"
                           }),
-                          onSubmit: Be,
-                          sources: U,
-                          hideSourceAction: _e || g,
+                          onSubmit: Ee,
+                          sources: $,
+                          hideSourceAction: Me || g,
                           uid: `Argument${b}`,
                           onActivation: z,
                           showStylesControls: w,
-                          disabled: O || g || le,
+                          disabled: O || g || ce,
                           maxLength: g ? !1 : _?.actions?.argumentMaxLength,
                           disableRichText: _?.actions?.disableRichText || g,
                           shortBar: r,
                           hideSubmit: g,
                           allowedDomains: _?.allowed_sources,
                           active: P,
-                          autoFocus: xe,
-                          hideCharCount: Ae,
-                          disableAutoActivate: Ce
+                          autoFocus: Ne,
+                          hideCharCount: Ce,
+                          disableAutoActivate: we
                         }
                       ),
                       E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
@@ -343,7 +344,7 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                           ),
                           children: [
                             /* @__PURE__ */ s(
-                              ot,
+                              rt,
                               {
                                 name: "announcement",
                                 className: n.warningIcon,
@@ -351,12 +352,12 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                                 width: 20
                               }
                             ),
-                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: qe() })
+                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: Ue() })
                           ]
                         }
                       ),
-                      w && G && !be && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
-                        ge,
+                      w && H && !Ae && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
+                        he,
                         {
                           id: "alert.guide_message",
                           defaultMessage: "Contributions must comply with our {userCharter}.",
@@ -365,11 +366,11 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                               "a",
                               {
                                 className: n.guideMessage,
-                                href: G,
+                                href: H,
                                 target: "_blank",
                                 rel: "noreferrer",
                                 children: /* @__PURE__ */ s(
-                                  ge,
+                                  he,
                                   {
                                     id: "alert.user_charter",
                                     defaultMessage: "user charter"
@@ -392,5 +393,5 @@ const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ def
   ] });
 };
 export {
-  Lt as ArgumentInput
+  Ft as ArgumentInput
 };

package/package.json

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