@logora/debate 0.3.50 → 0.3.51

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

@@ -1,9 +1,9 @@
-import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import { jsxs as _, jsx as s } 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 ce } from "react-intl";
 import { useLocation as ke } from "react-router";
-import w from "classnames";
+import x 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,19 +20,19 @@ 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 it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ default: I.SideModal }))), Nt = ({
-  argumentListId: I,
+const st = We(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Nt = ({
+  argumentListId: N,
   avatarSize: me = 48,
   disabled: j = !1,
   positions: a = [],
-  disabledPositions: S = [],
+  disabledPositions: y = [],
   groupId: v,
-  groupName: fe,
+  groupName: ge,
   groupType: z,
-  hideSourceAction: ge = !1,
+  hideSourceAction: fe = !1,
   isReply: u = !1,
   onSubmit: O,
-  parentId: L,
+  parentId: A,
   placeholder: he,
   positionId: b,
   focusOnInit: pe = !1,
@@ -42,71 +42,71 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
   hideCharCount: Me = !1,
   disableAutoActivate: ve = !1
 }) => {
-  const o = Ye(), K = Re(), x = je(), h = ze(), {
+  const r = Ye(), K = Re(), T = je(), h = ze(), {
     focus: G,
-    setFocus: N,
-    setReset: be,
+    setFocus: L,
+    setReset: Ae,
     inputContent: P,
-    setInputContent: Ae,
-    setInputRichContent: Ce
-  } = Oe(), { isLoggedIn: A, currentUser: d } = Je(), { errors: B, validate: E } = Ke(), { isMobile: m } = Ge(), we = ke(), H = qe(null), [V, U] = c([]), [$, q] = c(""), [Q, D] = c(null), [l, p] = c(null), [X, Z] = c(null), [ee, te] = c(!1), [C, ne] = c(!1), [ae, ie] = c({}), [f, Ie] = $e(
+    setInputContent: be,
+    setInputRichContent: we
+  } = Oe(), { isLoggedIn: w, currentUser: d } = Je(), { errors: B, validate: E } = Ke(), { isMobile: m } = Ge(), Ce = ke(), H = qe(null), [V, U] = c([]), [$, q] = c(""), [Q, D] = c(null), [l, p] = c(null), [X, Z] = c(null), [ee, te] = c(!1), [C, ne] = c(!1), [ae, se] = c({}), [g, Ie] = $e(
     "userSide",
     {}
-  ), [g, Se] = c(
-    !A && h?.actions?.disableInputForVisitor
-  ), W = He(), { showModal: xe } = Qe(), { toast: Y } = Xe() || {}, se = new URLSearchParams(
-    typeof window < "u" ? window.location.search : we.search
+  ), [f, Se] = c(
+    !w && h?.actions?.disableInputForVisitor
+  ), W = He(), { showModal: xe } = Qe(), { toast: Y } = Xe() || {}, oe = new URLSearchParams(
+    typeof window < "u" ? window.location.search : Ce.search
   );
   M(() => {
     Se(
-      !A && h?.actions?.disableInputForVisitor
+      !w && h?.actions?.disableInputForVisitor
     );
-  }, [A, h]);
-  const k = d?.role === "editor" || d?.role === "moderator", oe = d?.moderation_status === "banned";
+  }, [w, h]);
+  const k = d?.role === "editor" || d?.role === "moderator", ie = d?.moderation_status === "banned";
   M(() => {
     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) : f && f.groupId == v && f.positionId != a[2]?.id && p(f.positionId);
+    typeof window < "u" && (e = oe.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 == v && g.positionId != a[2]?.id && p(g.positionId);
   }, [b]), M(() => {
-    F && (R(), N(!0));
+    F && (R(), L(!0));
   }, [F]), M(() => {
     if (typeof window < "u") {
-      const e = pe || se.get("initArgument");
-      (e === !0 || e === "true") && (N(!0), Ee());
+      const e = pe || oe.get("initArgument");
+      (e === !0 || e === "true") && (L(!0), Ee());
     }
   }, []), M(() => {
-    G && (re(), N(!1));
+    G && (re(), L(!1));
   }, [G]), M(() => {
-    P?.id && (Ne(P), N(!0));
+    P?.id && (Ne(P), L(!0));
   }, [P]);
   const Ne = (e) => {
-    ie(e), ne(!0), U(e.sources), q(e.content), D(e.rich_content), Z(e.id), re(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ce(e.rich_content) : Ae(e.content);
+    se(e), ne(!0), U(e.sources), q(e.content), D(e.rich_content), Z(e.id), re(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? we(e.rich_content) : be(e.content);
   }, re = () => {
     H.current.scrollIntoView(!1);
   }, ue = () => {
-    q(""), D(null), ie({}), Z(null), U([]), be(!0);
-  }, Te = (e) => {
+    q(""), D(null), se({}), Z(null), U([]), Ae(!0);
+  }, ye = (e) => {
     p(e), le(e);
-  }, ye = () => {
+  }, Te = () => {
     xe(
-      /* @__PURE__ */ i(De, { fallback: null, children: /* @__PURE__ */ i(
-        it,
+      /* @__PURE__ */ s(De, { fallback: null, children: /* @__PURE__ */ s(
+        st,
         {
-          modalTitle: o.formatMessage({
+          modalTitle: r.formatMessage({
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
-          onChooseSide: Te,
+          onChooseSide: ye,
           positions: a,
-          title: fe,
-          disabledPositions: !u && S,
-          isNeutral: f && f.groupId == v && f.positionId === a[2]?.id
+          title: ge,
+          disabledPositions: !u && y,
+          isNeutral: g && g.groupId == v && g.positionId === a[2]?.id
         }
       ) })
     );
   }, Le = () => {
-    A ? X ? Be() : !a || a?.length === 0 || !S?.find((e) => e?.id === l) && l || k && u ? le(u && k && a[0]?.id) : ye() : W({ loginAction: "argument" });
+    w ? X ? Be() : !a || a?.length === 0 || !y?.find((e) => e?.id === l) && l || k && u ? le(u && k && a[0]?.id) : Te() : W({ loginAction: "argument" });
   }, Fe = (e, t) => {
-    g ? W({ loginAction: "argument" }) : (q(e), D(t), E({ content: e }, [{ content: ["url", null] }]));
+    f ? W({ loginAction: "argument" }) : (q(e), D(t), E({ content: e }, [{ content: ["url", null] }]));
   }, Pe = (e) => {
     U(e);
   }, de = [
@@ -115,49 +115,49 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
     { content: ["url", null] },
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
   ], le = (e) => {
-    const t = e || l, r = {
+    const t = e || l, o = {
       content: $,
       rich_content: Q,
       group_id: v,
       ...z && { group_type: z },
       ...t && { position_id: t },
-      is_reply: !!L,
-      message_id: L || null,
-      source_ids: V?.map((s) => s.id)
+      is_reply: !!A,
+      message_id: A || null,
+      source_ids: V?.map((i) => i.id)
     };
-    E(r, de) && (t && a && a.map((s) => s.id).includes(t) && Ie({
+    E(o, de) && (t && a && a.map((i) => i.id).includes(t) && Ie({
       groupId: v,
       positionId: t
-    }), ue(), K.create("messages", r).then((s) => {
-      if (s.data.success) {
-        if (L)
-          O(s.data.data.resource), Y(
-            o.formatMessage({
+    }), ue(), K.create("messages", o).then((i) => {
+      if (i.data.success) {
+        if (A)
+          O(i.data.data.resource), Y(
+            r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
             }),
             {
               type: "success",
-              points: o.formatMessage({
+              points: r.formatMessage({
                 id: "alert.reply_gain",
                 defaultMessage: " "
               })
             }
           );
         else {
-          const T = s.data.data.resource;
-          let y = I;
-          t && !m && (y = `argumentList${T.position.id}`), O?.(
+          const I = i.data.data.resource;
+          let S = N;
+          t && !m && (S = `argumentList${I.position.id}`), O?.(
             $,
             a.find((Ue) => Ue.id === t) || null
-          ), x.add(y, [T]), Y(
-            o.formatMessage({
+          ), T.add(S, [I]), Y(
+            r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
             }),
             {
               type: "success",
-              points: o.formatMessage({
+              points: r.formatMessage({
                 id: "alert.argument_create_gain",
                 defaultMessage: "Up to 10 eloquence points"
               }),
@@ -169,7 +169,7 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
         typeof window < "u" && window.dispatchEvent(
           new CustomEvent("logora:user_content:created", {
             detail: {
-              content: s.data.data?.resource
+              content: i.data.data?.resource
             }
           })
         );
@@ -184,14 +184,14 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
     };
     E(e, de) && K.update("messages", X, e).then((t) => {
       if (t.data.success) {
-        const r = t.data.data.resource;
-        let s = I;
-        if (r.is_reply ? s = `argument_${r.message_id}_reply_list` : l && !m && (s = `argumentList${r.position?.id}`), ae?.position?.id != r.position?.id && !m && !r.is_reply) {
-          const T = `argumentList${ae.position.id}`, y = `argumentList${r.position.id}`;
-          x.remove(T, [r]), x.add(y, [r]);
+        const o = t.data.data.resource;
+        let i = N;
+        if (console.log("[updateArgument] API response:", o), console.log("[updateArgument] is_reply:", o.is_reply, "| message_id:", o.message_id, "| parentId prop:", A), o.is_reply ? i = `argument_${o.message_id || A}_reply_list` : l && !m && (i = `argumentList${o.position?.id}`), console.log("[updateArgument] listId used for update:", i), ae?.position?.id != o.position?.id && !m && !o.is_reply) {
+          const I = `argumentList${ae.position.id}`, S = `argumentList${o.position.id}`;
+          console.log("[updateArgument] position changed, moving from", I, "to", S), T.remove(I, [o]), T.add(S, [o]);
         } else
-          x.update(s, [r]);
-        Y(o.formatMessage({ id: "alert.argument_modify" }), {
+          console.log("[updateArgument] calling list.update with listId:", i), T.update(i, [o]);
+        Y(r.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), ue();
       }
@@ -205,13 +205,13 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
       return () => clearTimeout(e);
     }
   }, R = () => {
-    g ? W({ loginAction: "argument" }) : ne(!0);
+    f ? W({ loginAction: "argument" }) : ne(!0);
   }, Ve = () => {
-    const e = S.find(
+    const e = y.find(
       (t) => t.id === l
     );
     if (e)
-      return o.formatMessage(
+      return r.formatMessage(
         {
           id: "info.argument_side_limit",
           defaultMessage: "You have reached the argument limit (10) for position {position}."
@@ -220,27 +220,27 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
       );
   };
   return /* @__PURE__ */ _("div", { className: n.inputContainer, children: [
-    j && /* @__PURE__ */ i("div", { className: n.disabledInputMask, children: oe ? o.formatMessage({
+    j && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ie ? r.formatMessage({
       id: "input.argument_input.user_banned",
       defaultMessage: "You are banned from the debate space."
-    }) : o.formatMessage({
+    }) : r.formatMessage({
       id: "info.debate_is_inactive",
       defaultMessage: "Debate is closed"
     }) }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ s(
       "div",
       {
-        className: w(n.argumentInput, {
+        className: x(n.argumentInput, {
           [n.flash]: ee,
           [n.replyInputContainer]: u
         }),
-        children: /* @__PURE__ */ i("div", { "data-tid": "action_add_argument", ref: H, children: /* @__PURE__ */ _("div", { className: n.argumentInputBox, children: [
-          a.length > 0 && A && (!u || !k) && /* @__PURE__ */ _("div", { className: n.userPosition, children: [
-            /* @__PURE__ */ i("div", { children: o.formatMessage({
+        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: H, children: /* @__PURE__ */ _("div", { className: n.argumentInputBox, children: [
+          a.length > 0 && w && (!u || !k) && /* @__PURE__ */ _("div", { className: n.userPosition, children: [
+            /* @__PURE__ */ s("div", { children: r.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
             }) }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ s(
               Ze,
               {
                 activeLabel: l === a[0].id ? 0 : l === a[1].id ? 1 : null,
@@ -253,29 +253,29 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
           /* @__PURE__ */ _(
             "div",
             {
-              className: w(n.argumentTextInputBox, {
+              className: x(n.argumentTextInputBox, {
                 [n.argumentTextInputBoxisTablet]: !m,
                 [n.replyEditorRow]: u
               }),
               children: [
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ s(
                   "div",
                   {
-                    className: w(n.argumentAuthorContainer, {
+                    className: x(n.argumentAuthorContainer, {
                       [n.argumentAuthorContainerMobile]: m,
                       [n.argumentAuthorContainerActivated]: !m && C || u
                     }),
-                    children: !m && C || u ? /* @__PURE__ */ i(
+                    children: !m && C || u ? /* @__PURE__ */ s(
                       et,
                       {
                         avatarUrl: d.image_url,
                         userName: d.full_name,
                         size: me
                       }
-                    ) : /* @__PURE__ */ i(
+                    ) : /* @__PURE__ */ s(
                       tt,
                       {
-                        fullName: d?.full_name || o.formatMessage({ id: "default_author.full_name" }),
+                        fullName: d?.full_name || r.formatMessage({ id: "default_author.full_name" }),
                         avatarUrl: d?.image_url,
                         points: d?.points || 0,
                         slug: d?.hash_id
@@ -288,11 +288,11 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
                   {
                     onClick: R,
                     "data-testid": "argument-input",
-                    className: w(n.textEditorBox, {
+                    className: x(n.textEditorBox, {
                       [n.replyTextEditorBox]: u
                     }),
                     children: [
-                      /* @__PURE__ */ i(
+                      /* @__PURE__ */ s(
                         nt,
                         {
                           handleChange: (e, t) => {
@@ -302,39 +302,39 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
                             Pe(e);
                           },
                           placeholder: he,
-                          "aria-label": o.formatMessage({
+                          "aria-label": r.formatMessage({
                             id: "input.argument_input.aria_label",
                             defaultMessage: "Message input field"
                           }),
                           onSubmit: Le,
                           sources: V,
-                          hideSourceAction: ge || g,
+                          hideSourceAction: fe || f,
                           uid: `Argument${v}`,
                           onActivation: R,
                           showStylesControls: C,
-                          disabled: j || g || oe,
-                          maxLength: g ? !1 : h?.actions?.argumentMaxLength,
-                          disableRichText: h?.actions?.disableRichText || g,
+                          disabled: j || f || ie,
+                          maxLength: f ? !1 : h?.actions?.argumentMaxLength,
+                          disableRichText: h?.actions?.disableRichText || f,
                           shortBar: u,
-                          hideSubmit: g,
+                          hideSubmit: f,
                           allowedDomains: h?.allowed_sources,
                           active: F,
                           hideCharCount: Me,
                           disableAutoActivate: ve
                         }
                       ),
-                      B?.content && /* @__PURE__ */ i("div", { className: n.argumentInputWarning, children: B && Object.values(B).map((e, t) => /* @__PURE__ */ i("div", { children: e }, t)) }),
-                      C && S?.find(
+                      B?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: B && Object.values(B).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
+                      C && y?.find(
                         (e) => e.id === l
                       ) && /* @__PURE__ */ _(
                         "div",
                         {
-                          className: w(
+                          className: x(
                             n.argumentInputWarning,
                             n.disabledPositionWarning
                           ),
                           children: [
-                            /* @__PURE__ */ i(
+                            /* @__PURE__ */ s(
                               at,
                               {
                                 name: "announcement",
@@ -343,24 +343,24 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
                                 width: 20
                               }
                             ),
-                            /* @__PURE__ */ i("div", { className: n.argumentInputWarningText, children: Ve() })
+                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: Ve() })
                           ]
                         }
                       ),
-                      C && J && !_e && /* @__PURE__ */ i("div", { className: n.guideMessage, children: /* @__PURE__ */ i(
+                      C && J && !_e && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
                         ce,
                         {
                           id: "alert.guide_message",
                           defaultMessage: "Contributions must comply with our {userCharter}.",
                           values: {
-                            userCharter: /* @__PURE__ */ i(
+                            userCharter: /* @__PURE__ */ s(
                               "a",
                               {
                                 className: n.guideMessage,
                                 href: J,
                                 target: "_blank",
                                 rel: "noreferrer",
-                                children: /* @__PURE__ */ i(
+                                children: /* @__PURE__ */ s(
                                   ce,
                                   {
                                     id: "alert.user_charter",

package/package.json

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