@logora/debate 0.3.57 → 0.3.58

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

@@ -1,7 +1,7 @@
 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 ce } from "react-intl";
+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";
@@ -22,39 +22,39 @@ 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: me = 48,
+  avatarSize: ge = 48,
   disabled: z = !1,
   positions: a = [],
   disabledPositions: S = [],
   groupId: A,
-  groupName: ge,
+  groupName: fe,
   groupType: O,
-  hideSourceAction: fe = !1,
+  hideSourceAction: he = !1,
   isReply: u = !1,
   onSubmit: J,
   parentId: F,
-  placeholder: he,
+  placeholder: pe,
   positionId: b,
-  focusOnInit: pe = !1,
+  focusOnInit: _e = !1,
   activeOnInit: P = !1,
   userGuideUrl: K,
-  hideUserGuideLink: _e = !1,
-  hideCharCount: Me = !1,
-  disableAutoActivate: ve = !1
+  hideUserGuideLink: Me = !1,
+  hideCharCount: ve = !1,
+  disableAutoActivate: Ae = !1
 }) => {
   const r = Ye(), G = Re(), x = je(), h = ze(), {
     focus: H,
     setFocus: N,
-    setReset: Ae,
+    setReset: be,
     inputContent: B,
-    setInputContent: be,
+    setInputContent: Q,
     setInputRichContent: Ce
-  } = Oe(), { isLoggedIn: C, currentUser: d } = Je(), { errors: E, validate: V } = Ke(), { isMobile: m } = Ge(), we = 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), [y, oe] = c({}), [g, Ie] = $e(
+  } = 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, Se] = c(
     !C && h?.actions?.disableInputForVisitor
-  ), Y = He(), { showModal: xe } = Qe(), { toast: k } = Xe() || {}, ie = new URLSearchParams(
+  ), Y = He(), { showModal: xe } = Qe(), { toast: k } = Xe() || {}, se = new URLSearchParams(
     typeof window < "u" ? window.location.search : we.search
   );
   M(() => {
@@ -62,30 +62,30 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
       !C && h?.actions?.disableInputForVisitor
     );
   }, [C, h]);
-  const R = d?.role === "editor" || d?.role === "moderator", se = 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 = ie.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 = pe || ie.get("initArgument");
+      const e = _e || se.get("initArgument");
       (e === !0 || e === "true") && (N(!0), Ee());
     }
   }, []), M(() => {
-    H && (re(), N(!1));
+    H && (ue(), N(!1));
   }, [H]), M(() => {
     B?.id && (Ne(B), N(!0));
   }, [B]);
   const Ne = (e) => {
-    oe(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") ? Ce(e.rich_content) : be(e.content);
-  }, re = () => {
-    Q.current.scrollIntoView(!1);
+    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 = () => {
-    D(""), W(null), oe({}), ee(null), $([]), Ae(!0);
+    X.current.scrollIntoView(!1);
+  }, de = () => {
+    D(""), W(null), ie({}), te(null), $([]), be(!0), Q(null);
   }, ye = (e) => {
-    p(e), le(e);
+    p(e), ce(e);
   }, Te = () => {
     xe(
       /* @__PURE__ */ o(De, { fallback: null, children: /* @__PURE__ */ o(
@@ -97,27 +97,27 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
           }),
           onChooseSide: ye,
           positions: a,
-          title: ge,
+          title: fe,
           disabledPositions: !u && S,
           isNeutral: g && g.groupId == A && g.positionId === a[2]?.id
         }
       ) })
     );
   }, Le = () => {
-    C ? Z ? Be() : !a || a?.length === 0 || !S?.find((e) => e?.id === l) && l || R && u ? le(u && R && a[0]?.id) : Te() : Y({ loginAction: "argument" });
+    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);
-  }, de = [
+  }, le = [
     { content: ["length", 3] },
     { content: ["required", null] },
     { content: ["url", null] },
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
-  ], le = (e) => {
+  ], ce = (e) => {
     const t = e || l, s = {
       content: q,
-      rich_content: X,
+      rich_content: Z,
       group_id: A,
       ...O && { group_type: O },
       ...t && { position_id: t },
@@ -125,10 +125,10 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
       message_id: F || null,
       source_ids: U?.map((i) => i.id)
     };
-    V(s, de) && (t && a && a.map((i) => i.id).includes(t) && Ie({
+    V(s, le) && (t && a && a.map((i) => i.id).includes(t) && Ie({
       groupId: A,
       positionId: t
-    }), ue(), G.create("messages", s).then((i) => {
+    }), de(), G.create("messages", s).then((i) => {
       if (i.data.success) {
         if (F)
           J(i.data.data.resource), k(
@@ -178,11 +178,11 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
   }, Be = () => {
     const e = {
       content: q,
-      rich_content: X,
+      rich_content: Z,
       source_ids: U?.map((t) => t.id),
       ...l && { position_id: l }
     };
-    V(e, de) && G.update("messages", Z, e).then((t) => {
+    V(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);
@@ -194,19 +194,19 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
           x.update(i, [s]);
         k(r.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
-        }), ue();
+        }), de();
       }
     });
   }, Ee = () => {
-    if (!te) {
-      ne(!0);
+    if (!ne) {
+      ae(!0);
       const e = setTimeout(() => {
-        ne(!1);
+        ae(!1);
       }, 2e3);
       return () => clearTimeout(e);
     }
   }, j = () => {
-    f ? Y({ loginAction: "argument" }) : ae(!0);
+    f ? Y({ loginAction: "argument" }) : oe(!0);
   }, Ve = () => {
     const e = S.find(
       (t) => t.id === l
@@ -221,7 +221,7 @@ 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: se ? 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({
@@ -232,10 +232,10 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
       "div",
       {
         className: I(n.argumentInput, {
-          [n.flash]: te,
+          [n.flash]: ne,
           [n.replyInputContainer]: u
         }),
-        children: /* @__PURE__ */ o("div", { "data-tid": "action_add_argument", ref: Q, 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__ */ o("div", { children: r.formatMessage({
               id: "input.position",
@@ -271,7 +271,7 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                       {
                         avatarUrl: d.image_url,
                         userName: d.full_name,
-                        size: me
+                        size: ge
                       }
                     ) : /* @__PURE__ */ o(
                       tt,
@@ -302,26 +302,26 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                           handleSourcesChange: (e) => {
                             Pe(e);
                           },
-                          placeholder: he,
+                          placeholder: pe,
                           "aria-label": r.formatMessage({
                             id: "input.argument_input.aria_label",
                             defaultMessage: "Message input field"
                           }),
                           onSubmit: Le,
                           sources: U,
-                          hideSourceAction: fe || f,
+                          hideSourceAction: he || f,
                           uid: `Argument${A}`,
                           onActivation: j,
                           showStylesControls: w,
-                          disabled: z || f || se,
+                          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: Me,
-                          disableAutoActivate: ve
+                          hideCharCount: ve,
+                          disableAutoActivate: Ae
                         }
                       ),
                       E?.content && /* @__PURE__ */ o("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ o("div", { children: e }, t)) }),
@@ -348,8 +348,8 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                           ]
                         }
                       ),
-                      w && K && !_e && /* @__PURE__ */ o("div", { className: n.guideMessage, children: /* @__PURE__ */ o(
-                        ce,
+                      w && K && !Me && /* @__PURE__ */ o("div", { className: n.guideMessage, children: /* @__PURE__ */ o(
+                        me,
                         {
                           id: "alert.guide_message",
                           defaultMessage: "Contributions must comply with our {userCharter}.",
@@ -362,7 +362,7 @@ const ot = We(() => import("../../modal/side_modal/index.js").then((v) => ({ def
                                 target: "_blank",
                                 rel: "noreferrer",
                                 children: /* @__PURE__ */ o(
-                                  ce,
+                                  me,
                                   {
                                     id: "alert.user_charter",
                                     defaultMessage: "user charter"

package/package.json

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