@logora/debate 0.3.62 → 0.3.64

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

@@ -1,9 +1,9 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { jsxs as _, jsx as i } 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 { useRef as qe, useState as c, useEffect as v, 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 C from "classnames";
 import n from "./ArgumentInput.module.scss.js";
 import { useDataProvider as Re } from "../../data/data_provider/useDataProvider.js";
 import { useList as je } from "../../list/list_provider/useList.js";
@@ -20,95 +20,95 @@ 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: ge = 48,
+const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ default: I.SideModal }))), xt = ({
+  argumentListId: I,
+  avatarSize: fe = 48,
   disabled: z = !1,
   positions: a = [],
   disabledPositions: S = [],
-  groupId: A,
-  groupName: fe,
+  groupId: M,
+  groupName: ge,
   groupType: O,
   hideSourceAction: he = !1,
-  isReply: u = !1,
+  isReply: d = !1,
   onSubmit: J,
-  parentId: F,
+  parentId: L,
   placeholder: pe,
-  positionId: b,
+  positionId: w,
   focusOnInit: _e = !1,
-  activeOnInit: P = !1,
+  activeOnInit: F = !1,
   userGuideUrl: K,
-  hideUserGuideLink: Me = !1,
-  hideCharCount: ve = !1,
-  disableAutoActivate: Ae = !1
+  hideUserGuideLink: ve = !1,
+  hideCharCount: Me = !1,
+  disableAutoActivate: we = !1
 }) => {
-  const r = Ye(), G = Re(), x = je(), h = ze(), {
+  const r = Ye(), G = Re(), y = je(), h = ze(), {
     focus: H,
-    setFocus: N,
+    setFocus: x,
     setReset: be,
-    inputContent: B,
+    inputContent: E,
     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(
+    setInputRichContent: Ae
+  } = Oe(), { isLoggedIn: b, currentUser: u } = Je(), { errors: P, validate: B } = Ke(), { isMobile: m } = Ge(), Ce = ke(), X = qe(null), [V, U] = c([]), [$, q] = c(""), [Z, D] = c(null), [l, p] = c(null), [ee, te] = c(null), [ne, ae] = c(!1), [A, ie] = c(!1), [W, se] = c({}), [f, Ie] = $e(
     "userSide",
     {}
-  ), [f, Se] = c(
-    !C && h?.actions?.disableInputForVisitor
-  ), Y = He(), { showModal: xe } = Qe(), { toast: k } = Xe() || {}, se = new URLSearchParams(
-    typeof window < "u" ? window.location.search : we.search
+  ), [g, Se] = c(
+    !b && h?.actions?.disableInputForVisitor
+  ), Y = He(), { showModal: ye } = Qe(), { toast: k } = Xe() || {}, oe = new URLSearchParams(
+    typeof window < "u" ? window.location.search : Ce.search
   );
-  M(() => {
+  v(() => {
     Se(
-      !C && h?.actions?.disableInputForVisitor
+      !b && h?.actions?.disableInputForVisitor
     );
-  }, [C, h]);
-  const R = d?.role === "editor" || d?.role === "moderator", re = d?.moderation_status === "banned";
-  M(() => {
+  }, [b, h]);
+  const R = u?.role === "editor" || u?.role === "moderator", re = u?.moderation_status === "banned";
+  v(() => {
     let e = null;
-    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(() => {
+    typeof window < "u" && (e = oe.get("positionId")), w && w != a[2]?.id && a?.find((t) => t.id === w) ? p(w) : e && e != a[2]?.id ? p(e) : f && f.groupId == M && f.positionId != a[2]?.id && p(f.positionId);
+  }, [w]), v(() => {
+    F && (j(), x(!0));
+  }, [F]), v(() => {
     if (typeof window < "u") {
-      const e = _e || se.get("initArgument");
-      (e === !0 || e === "true") && (N(!0), Ee());
+      const e = _e || oe.get("initArgument");
+      (e === !0 || e === "true") && (x(!0), Be());
     }
-  }, []), M(() => {
-    H && (ue(), N(!1));
-  }, [H]), M(() => {
-    B?.id && (Ne(B), N(!0));
-  }, [B]);
-  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);
+  }, []), v(() => {
+    H && (de(), x(!1));
+  }, [H]), v(() => {
+    E?.id && (xe(E), x(!0));
+  }, [E]);
+  const xe = (e) => {
+    se(e), ie(!0), U(e.sources), q(e.content), D(e.rich_content), te(e.id), de(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ae(e.rich_content) : Q(e.content);
   }, de = () => {
-    D(""), W(null), ie({}), te(null), $([]), be(!0), Q(null);
-  }, ye = (e) => {
+    X.current.scrollIntoView(!1);
+  }, ue = () => {
+    q(""), D(null), se({}), te(null), U([]), be(!0), Q(null);
+  }, Ne = (e) => {
     p(e), ce(e);
   }, Te = () => {
-    xe(
-      /* @__PURE__ */ o(De, { fallback: null, children: /* @__PURE__ */ o(
-        ot,
+    ye(
+      /* @__PURE__ */ i(De, { fallback: null, children: /* @__PURE__ */ i(
+        it,
         {
           modalTitle: r.formatMessage({
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
-          onChooseSide: ye,
+          onChooseSide: Ne,
           positions: a,
-          title: fe,
-          disabledPositions: !u && S,
-          isNeutral: g && g.groupId == A && g.positionId === a[2]?.id
+          title: ge,
+          disabledPositions: !d && S,
+          isNeutral: f && f.groupId == M && f.positionId === a[2]?.id
         }
       ) })
     );
   }, 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" });
+    b ? ee ? Pe() : !a || a?.length === 0 || !S?.find((e) => e?.id === l) && l || R && d ? ce(d && 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);
+    g ? Y({ loginAction: "argument" }) : (q(e), D(t), B({ content: e }, [{ content: ["url", null] }]));
+  }, Ee = (e) => {
+    U(e);
   }, le = [
     { content: ["length", 3] },
     { content: ["required", null] },
@@ -116,22 +116,22 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
   ], ce = (e) => {
     const t = e || l, s = {
-      content: q,
+      content: $,
       rich_content: Z,
-      group_id: A,
+      group_id: M,
       ...O && { group_type: O },
       ...t && { position_id: t },
-      is_reply: !!F,
-      message_id: F || null,
-      source_ids: U?.map((i) => i.id)
+      is_reply: !!L,
+      message_id: L || null,
+      source_ids: V?.map((o) => o.id)
     };
-    V(s, le) && (t && a && a.map((i) => i.id).includes(t) && Ie({
-      groupId: A,
+    B(s, le) && (t && a && a.map((o) => o.id).includes(t) && Ie({
+      groupId: M,
       positionId: t
-    }), de(), G.create("messages", s).then((i) => {
-      if (i.data.success) {
-        if (F)
-          J(i.data.data.resource), k(
+    }), ue(), G.create("messages", s).then((o) => {
+      if (o.data.success) {
+        if (L)
+          J(o.data.data.resource), k(
             r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -145,12 +145,12 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
             }
           );
         else {
-          const T = i.data.data.resource;
-          let L = v;
-          t && !m && (L = `argumentList${T.position.id}`), J?.(
-            q,
+          const N = o.data.data.resource;
+          let T = I;
+          t && !m && (T = `argumentList${N.position.id}`), J?.(
+            $,
             a.find((Ue) => Ue.id === t) || null
-          ), x.add(L, [T]), k(
+          ), y.add(T, [N]), k(
             r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -162,42 +162,45 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                 defaultMessage: "Up to 10 eloquence points"
               }),
               category: "ARGUMENT",
-              contentKey: d.messages_count === 2 ? "alert.third_argument" : "alert.first_argument"
+              contentKey: u.messages_count === 2 ? "alert.third_argument" : "alert.first_argument"
             }
           );
         }
         typeof window < "u" && window.dispatchEvent(
           new CustomEvent("logora:user_content:created", {
             detail: {
-              content: i.data.data?.resource
+              content: o.data.data?.resource
             }
           })
         );
       }
     }));
-  }, Be = () => {
+  }, Pe = () => {
     const e = {
-      content: q,
+      content: $,
       rich_content: Z,
-      source_ids: U?.map((t) => t.id),
+      source_ids: V?.map((t) => t.id),
       ...l && { position_id: l }
     };
-    V(e, le) && G.update("messages", ee, e).then((t) => {
+    B(e, le) && G.update("messages", ee, e).then((t) => {
       if (t.data.success) {
         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]);
+        let o = I;
+        if (s.is_reply ? o = `argument_${s.reply_to_id || W?.reply_to_id}_reply_list` : l && !m && (o = `argumentList${s.position?.id}`), W?.position?.id != s.position?.id && !m && !s.is_reply) {
+          const N = `argumentList${W.position.id}`, T = `argumentList${s.position.id}`;
+          y.remove(N, [s]), y.add(T, [s]);
         } else
-          x.update(i, [s]);
+          y.update(o, [s]), s.is_reply && typeof window < "u" && window.dispatchEvent(
+            new CustomEvent("logora:reply:updated", {
+              detail: { reply: s }
+            })
+          );
         k(r.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
-        }), de();
+        }), ue();
       }
     });
-  }, Ee = () => {
+  }, Be = () => {
     if (!ne) {
       ae(!0);
       const e = setTimeout(() => {
@@ -206,7 +209,7 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
       return () => clearTimeout(e);
     }
   }, j = () => {
-    f ? Y({ loginAction: "argument" }) : oe(!0);
+    g ? Y({ loginAction: "argument" }) : ie(!0);
   }, Ve = () => {
     const e = S.find(
       (t) => t.id === l
@@ -221,27 +224,27 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
       );
   };
   return /* @__PURE__ */ _("div", { className: n.inputContainer, children: [
-    z && /* @__PURE__ */ o("div", { className: n.disabledInputMask, children: re ? r.formatMessage({
+    z && /* @__PURE__ */ i("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__ */ o(
+    /* @__PURE__ */ i(
       "div",
       {
-        className: I(n.argumentInput, {
+        className: C(n.argumentInput, {
           [n.flash]: ne,
-          [n.replyInputContainer]: u
+          [n.replyInputContainer]: d
         }),
-        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__ */ o("div", { children: r.formatMessage({
+        children: /* @__PURE__ */ i("div", { "data-tid": "action_add_argument", ref: X, children: /* @__PURE__ */ _("div", { className: n.argumentInputBox, children: [
+          a.length > 0 && b && (!d || !R) && /* @__PURE__ */ _("div", { className: n.userPosition, children: [
+            /* @__PURE__ */ i("div", { children: r.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
             }) }),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               Ze,
               {
                 activeLabel: l === a[0].id ? 0 : l === a[1].id ? 1 : null,
@@ -254,32 +257,32 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
           /* @__PURE__ */ _(
             "div",
             {
-              className: I(n.argumentTextInputBox, {
+              className: C(n.argumentTextInputBox, {
                 [n.argumentTextInputBoxisTablet]: !m,
-                [n.replyEditorRow]: u
+                [n.replyEditorRow]: d
               }),
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ i(
                   "div",
                   {
-                    className: I(n.argumentAuthorContainer, {
+                    className: C(n.argumentAuthorContainer, {
                       [n.argumentAuthorContainerMobile]: m,
-                      [n.argumentAuthorContainerActivated]: !m && w || u
+                      [n.argumentAuthorContainerActivated]: !m && A || d
                     }),
-                    children: !m && w || u ? /* @__PURE__ */ o(
+                    children: !m && A || d ? /* @__PURE__ */ i(
                       et,
                       {
-                        avatarUrl: d.image_url,
-                        userName: d.full_name,
-                        size: ge
+                        avatarUrl: u.image_url,
+                        userName: u.full_name,
+                        size: fe
                       }
-                    ) : /* @__PURE__ */ o(
+                    ) : /* @__PURE__ */ i(
                       tt,
                       {
-                        fullName: d?.full_name || r.formatMessage({ id: "default_author.full_name" }),
-                        avatarUrl: d?.image_url,
-                        points: d?.points || 0,
-                        slug: d?.hash_id
+                        fullName: u?.full_name || r.formatMessage({ id: "default_author.full_name" }),
+                        avatarUrl: u?.image_url,
+                        points: u?.points || 0,
+                        slug: u?.hash_id
                       }
                     )
                   }
@@ -289,18 +292,18 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                   {
                     onClick: j,
                     "data-testid": "argument-input",
-                    className: I(n.textEditorBox, {
-                      [n.replyTextEditorBox]: u
+                    className: C(n.textEditorBox, {
+                      [n.replyTextEditorBox]: d
                     }),
                     children: [
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ i(
                         nt,
                         {
                           handleChange: (e, t) => {
                             Fe(e, t);
                           },
                           handleSourcesChange: (e) => {
-                            Pe(e);
+                            Ee(e);
                           },
                           placeholder: pe,
                           "aria-label": r.formatMessage({
@@ -308,34 +311,34 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                             defaultMessage: "Message input field"
                           }),
                           onSubmit: Le,
-                          sources: U,
-                          hideSourceAction: he || f,
-                          uid: `Argument${A}`,
+                          sources: V,
+                          hideSourceAction: he || g,
+                          uid: `Argument${M}`,
                           onActivation: j,
-                          showStylesControls: w,
-                          disabled: z || f || re,
-                          maxLength: f ? !1 : h?.actions?.argumentMaxLength,
-                          disableRichText: h?.actions?.disableRichText || f,
-                          shortBar: u,
-                          hideSubmit: f,
+                          showStylesControls: A,
+                          disabled: z || g || re,
+                          maxLength: g ? !1 : h?.actions?.argumentMaxLength,
+                          disableRichText: h?.actions?.disableRichText || g,
+                          shortBar: d,
+                          hideSubmit: g,
                           allowedDomains: h?.allowed_sources,
-                          active: P,
-                          hideCharCount: ve,
-                          disableAutoActivate: Ae
+                          active: F,
+                          hideCharCount: Me,
+                          disableAutoActivate: we
                         }
                       ),
-                      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(
+                      P?.content && /* @__PURE__ */ i("div", { className: n.argumentInputWarning, children: P && Object.values(P).map((e, t) => /* @__PURE__ */ i("div", { children: e }, t)) }),
+                      A && S?.find(
                         (e) => e.id === l
                       ) && /* @__PURE__ */ _(
                         "div",
                         {
-                          className: I(
+                          className: C(
                             n.argumentInputWarning,
                             n.disabledPositionWarning
                           ),
                           children: [
-                            /* @__PURE__ */ o(
+                            /* @__PURE__ */ i(
                               at,
                               {
                                 name: "announcement",
@@ -344,24 +347,24 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                                 width: 20
                               }
                             ),
-                            /* @__PURE__ */ o("div", { className: n.argumentInputWarningText, children: Ve() })
+                            /* @__PURE__ */ i("div", { className: n.argumentInputWarningText, children: Ve() })
                           ]
                         }
                       ),
-                      w && K && !Me && /* @__PURE__ */ o("div", { className: n.guideMessage, children: /* @__PURE__ */ o(
+                      A && K && !ve && /* @__PURE__ */ i("div", { className: n.guideMessage, children: /* @__PURE__ */ i(
                         me,
                         {
                           id: "alert.guide_message",
                           defaultMessage: "Contributions must comply with our {userCharter}.",
                           values: {
-                            userCharter: /* @__PURE__ */ o(
+                            userCharter: /* @__PURE__ */ i(
                               "a",
                               {
                                 className: n.guideMessage,
                                 href: K,
                                 target: "_blank",
                                 rel: "noreferrer",
-                                children: /* @__PURE__ */ o(
+                                children: /* @__PURE__ */ i(
                                   me,
                                   {
                                     id: "alert.user_charter",
@@ -385,5 +388,5 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
   ] });
 };
 export {
-  Nt as ArgumentInput
+  xt as ArgumentInput
 };

package/package.json

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