@logora/debate 0.3.52 → 0.3.53

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

@@ -3,7 +3,7 @@ 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 S 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,8 +20,8 @@ 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 st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ default: x.SideModal }))), Nt = ({
-  argumentListId: x,
+const st = We(() => import("../../modal/side_modal/index.js").then((y) => ({ default: y.SideModal }))), yt = ({
+  argumentListId: y,
   avatarSize: me = 48,
   disabled: z = !1,
   positions: a = [],
@@ -32,7 +32,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
   hideSourceAction: fe = !1,
   isReply: d = !1,
   onSubmit: J,
-  parentId: y,
+  parentId: T,
   placeholder: he,
   positionId: A,
   focusOnInit: pe = !1,
@@ -42,19 +42,19 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
   hideCharCount: Me = !1,
   disableAutoActivate: ve = !1
 }) => {
-  const r = Ye(), G = Re(), T = je(), h = ze(), {
+  const r = Ye(), G = Re(), L = je(), h = ze(), {
     focus: H,
-    setFocus: L,
+    setFocus: F,
     setReset: Ae,
-    inputContent: B,
+    inputContent: E,
     setInputContent: be,
     setInputRichContent: we
-  } = Oe(), { isLoggedIn: b, currentUser: u } = Je(), { errors: E, validate: V } = Ke(), { isMobile: m } = Ge(), Ce = ke(), Q = qe(null), [U, $] = c([]), [q, D] = c(""), [X, W] = c(null), [l, p] = c(null), [Z, ee] = c(null), [te, ne] = c(!1), [w, ae] = c(!1), [F, se] = c({}), [g, Ie] = $e(
+  } = Oe(), { isLoggedIn: b, currentUser: u } = Je(), { errors: B, validate: V } = Ke(), { isMobile: m } = Ge(), Ce = ke(), Q = qe(null), [U, $] = c([]), [q, D] = c(""), [X, W] = c(null), [l, p] = c(null), [Z, ee] = c(null), [te, ne] = c(!1), [w, ae] = c(!1), [C, se] = c({}), [g, Ie] = $e(
     "userSide",
     {}
   ), [f, Se] = c(
     !b && h?.actions?.disableInputForVisitor
-  ), Y = He(), { showModal: xe } = Qe(), { toast: k } = Xe() || {}, ie = new URLSearchParams(
+  ), Y = He(), { showModal: xe } = Qe(), { toast: k } = Xe() || {}, oe = new URLSearchParams(
     typeof window < "u" ? window.location.search : Ce.search
   );
   M(() => {
@@ -62,29 +62,29 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
       !b && h?.actions?.disableInputForVisitor
     );
   }, [b, h]);
-  const R = u?.role === "editor" || u?.role === "moderator", oe = u?.moderation_status === "banned";
+  const R = u?.role === "editor" || u?.role === "moderator", ie = u?.moderation_status === "banned";
   M(() => {
     let e = null;
-    typeof window < "u" && (e = ie.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? p(A) : e && e != a[2]?.id ? p(e) : g && g.groupId == v && g.positionId != a[2]?.id && p(g.positionId);
+    typeof window < "u" && (e = oe.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? p(A) : e && e != a[2]?.id ? p(e) : g && g.groupId == v && g.positionId != a[2]?.id && p(g.positionId);
   }, [A]), M(() => {
-    P && (j(), L(!0));
+    P && (j(), F(!0));
   }, [P]), M(() => {
     if (typeof window < "u") {
-      const e = pe || ie.get("initArgument");
-      (e === !0 || e === "true") && (L(!0), Ee());
+      const e = pe || oe.get("initArgument");
+      (e === !0 || e === "true") && (F(!0), Be());
     }
   }, []), M(() => {
-    H && (re(), L(!1));
+    H && (re(), F(!1));
   }, [H]), M(() => {
-    B?.id && (Ne(B), L(!0));
-  }, [B]);
-  const Ne = (e) => {
+    E?.id && (ye(E), F(!0));
+  }, [E]);
+  const ye = (e) => {
     se(e), ae(!0), $(e.sources), D(e.content), W(e.rich_content), ee(e.id), re(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? we(e.rich_content) : be(e.content);
   }, re = () => {
     Q.current.scrollIntoView(!1);
   }, de = () => {
     D(""), W(null), se({}), ee(null), $([]), Ae(!0);
-  }, ye = (e) => {
+  }, Ne = (e) => {
     p(e), le(e);
   }, Te = () => {
     xe(
@@ -95,7 +95,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
-          onChooseSide: ye,
+          onChooseSide: Ne,
           positions: a,
           title: ge,
           disabledPositions: !d && N,
@@ -104,7 +104,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
       ) })
     );
   }, Le = () => {
-    b ? Z ? Be() : !a || a?.length === 0 || !N?.find((e) => e?.id === l) && l || R && d ? le(d && R && a[0]?.id) : Te() : Y({ loginAction: "argument" });
+    b ? Z ? Ee() : !a || a?.length === 0 || !N?.find((e) => e?.id === l) && l || R && d ? le(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) => {
@@ -115,23 +115,23 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
     { content: ["url", null] },
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
   ], le = (e) => {
-    const t = e || l, i = {
+    const t = e || l, o = {
       content: q,
       rich_content: X,
       group_id: v,
       ...O && { group_type: O },
       ...t && { position_id: t },
-      is_reply: !!y,
-      message_id: y || null,
-      source_ids: U?.map((o) => o.id)
+      is_reply: !!T,
+      message_id: T || null,
+      source_ids: U?.map((i) => i.id)
     };
-    V(i, ue) && (t && a && a.map((o) => o.id).includes(t) && Ie({
+    V(o, ue) && (t && a && a.map((i) => i.id).includes(t) && Ie({
       groupId: v,
       positionId: t
-    }), de(), G.create("messages", i).then((o) => {
-      if (o.data.success) {
-        if (y)
-          J(o.data.data.resource), k(
+    }), de(), G.create("messages", o).then((i) => {
+      if (i.data.success) {
+        if (T)
+          J(i.data.data.resource), k(
             r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -145,12 +145,12 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
             }
           );
         else {
-          const C = o.data.data.resource;
-          let I = x;
-          t && !m && (I = `argumentList${C.position.id}`), J?.(
+          const I = i.data.data.resource;
+          let S = y;
+          t && !m && (S = `argumentList${I.position.id}`), J?.(
             q,
             a.find((Ue) => Ue.id === t) || null
-          ), T.add(I, [C]), k(
+          ), L.add(S, [I]), k(
             r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -169,13 +169,13 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
         typeof window < "u" && window.dispatchEvent(
           new CustomEvent("logora:user_content:created", {
             detail: {
-              content: o.data.data?.resource
+              content: i.data.data?.resource
             }
           })
         );
       }
     }));
-  }, Be = () => {
+  }, Ee = () => {
     const e = {
       content: q,
       rich_content: X,
@@ -184,19 +184,19 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
     };
     V(e, ue) && G.update("messages", Z, e).then((t) => {
       if (t.data.success) {
-        const i = t.data.data.resource;
-        let o = x;
-        if (console.log("[updateArgument] API response:", i), console.log("[updateArgument] is_reply:", i.is_reply, "| message_id:", i.message_id, "| editElement.message_id:", F?.message_id, "| parentId prop:", y), i.is_reply ? o = `argument_${i.message_id || F?.message_id}_reply_list` : l && !m && (o = `argumentList${i.position?.id}`), console.log("[updateArgument] listId used for update:", o), F?.position?.id != i.position?.id && !m && !i.is_reply) {
-          const C = `argumentList${F.position.id}`, I = `argumentList${i.position.id}`;
-          console.log("[updateArgument] position changed, moving from", C, "to", I), T.remove(C, [i]), T.add(I, [i]);
+        const o = t.data.data.resource;
+        let i = y;
+        if (console.log("[updateArgument] API response:", o), console.log("[updateArgument] editElement complet:", C), console.log("[updateArgument] is_reply:", o.is_reply, "| message_id:", o.message_id, "| editElement.message_id:", C?.message_id, "| parentId prop:", T), o.is_reply ? i = `argument_${o.reply_to_id || C?.reply_to_id}_reply_list` : l && !m && (i = `argumentList${o.position?.id}`), console.log("[updateArgument] listId used for update:", i), C?.position?.id != o.position?.id && !m && !o.is_reply) {
+          const I = `argumentList${C.position.id}`, S = `argumentList${o.position.id}`;
+          console.log("[updateArgument] position changed, moving from", I, "to", S), L.remove(I, [o]), L.add(S, [o]);
         } else
-          console.log("[updateArgument] calling list.update with listId:", o), T.update(o, [i]);
+          console.log("[updateArgument] calling list.update with listId:", i), L.update(i, [o]);
         k(r.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), de();
       }
     });
-  }, Ee = () => {
+  }, Be = () => {
     if (!te) {
       ne(!0);
       const e = setTimeout(() => {
@@ -220,7 +220,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
       );
   };
   return /* @__PURE__ */ _("div", { className: n.inputContainer, children: [
-    z && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: oe ? r.formatMessage({
+    z && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ie ? r.formatMessage({
       id: "input.argument_input.user_banned",
       defaultMessage: "You are banned from the debate space."
     }) : r.formatMessage({
@@ -230,7 +230,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
     /* @__PURE__ */ s(
       "div",
       {
-        className: S(n.argumentInput, {
+        className: x(n.argumentInput, {
           [n.flash]: te,
           [n.replyInputContainer]: d
         }),
@@ -253,7 +253,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
           /* @__PURE__ */ _(
             "div",
             {
-              className: S(n.argumentTextInputBox, {
+              className: x(n.argumentTextInputBox, {
                 [n.argumentTextInputBoxisTablet]: !m,
                 [n.replyEditorRow]: d
               }),
@@ -261,7 +261,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: S(n.argumentAuthorContainer, {
+                    className: x(n.argumentAuthorContainer, {
                       [n.argumentAuthorContainerMobile]: m,
                       [n.argumentAuthorContainerActivated]: !m && w || d
                     }),
@@ -288,7 +288,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                   {
                     onClick: j,
                     "data-testid": "argument-input",
-                    className: S(n.textEditorBox, {
+                    className: x(n.textEditorBox, {
                       [n.replyTextEditorBox]: d
                     }),
                     children: [
@@ -312,7 +312,7 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                           uid: `Argument${v}`,
                           onActivation: j,
                           showStylesControls: w,
-                          disabled: z || f || oe,
+                          disabled: z || f || ie,
                           maxLength: f ? !1 : h?.actions?.argumentMaxLength,
                           disableRichText: h?.actions?.disableRichText || f,
                           shortBar: d,
@@ -323,13 +323,13 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
                           disableAutoActivate: ve
                         }
                       ),
-                      E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
+                      B?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: B && Object.values(B).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
                       w && N?.find(
                         (e) => e.id === l
                       ) && /* @__PURE__ */ _(
                         "div",
                         {
-                          className: S(
+                          className: x(
                             n.argumentInputWarning,
                             n.disabledPositionWarning
                           ),
@@ -384,5 +384,5 @@ const st = We(() => import("../../modal/side_modal/index.js").then((x) => ({ def
   ] });
 };
 export {
-  Nt as ArgumentInput
+  yt as ArgumentInput
 };

package/package.json

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