@logora/debate 0.4.72 → 0.4.74

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

@@ -1,6 +1,6 @@
 import { jsxs as C, jsx as s } from "react/jsx-runtime";
-import Ye from "@rooks/use-sessionstorage-state";
-import { useRef as ke, useState as c, useEffect as p, Suspense as Re, lazy as je } from "react";
+import We from "@rooks/use-sessionstorage-state";
+import { useRef as Ye, 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 x from "classnames";
@@ -20,7 +20,7 @@ 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 = je(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Ft = ({
+const ut = Re(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Ft = ({
   argumentListId: N,
   avatarSize: pe = 48,
   disabled: O = !1,
@@ -30,7 +30,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
   groupName: _e,
   groupType: J,
   hideSourceAction: Me = !1,
-  isReply: r = !1,
+  isReply: o = !1,
   onSubmit: K,
   onUpdate: G,
   parentId: M,
@@ -44,19 +44,19 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
   disableAutoActivate: we = !1,
   autoFocus: Q = !1
 }) => {
-  const o = ze(), X = Je(), T = Ke(), v = Ge(), {
+  const r = ze(), X = Je(), T = Ke(), v = Ge(), {
     focus: Z,
     setFocus: ee,
     setReset: Se,
     inputContent: B,
     setInputContent: te,
     setInputRichContent: Ie
-  } = He(), { isLoggedIn: S, currentUser: u } = Qe(), { errors: E, validate: $ } = Xe(), { isMobile: m } = Ze(), xe = Oe(), ne = ke(null), [V, q] = c([]), [D, U] = c(""), [ae, W] = c(null), [d, b] = c(null), [se, ie] = c(null), [oe, re] = c(!1), [I, ue] = c(!1), [A, de] = c({}), [Ne, Y] = c(!1), [f, ye] = Ye(
+  } = He(), { isLoggedIn: S, currentUser: u } = Qe(), { errors: E, validate: $ } = Xe(), { isMobile: m } = Ze(), xe = Oe(), ne = Ye(null), [V, k] = c([]), [q, D] = c(""), [ae, U] = c(null), [d, b] = c(null), [se, ie] = c(null), [oe, re] = c(!1), [I, ue] = c(!1), [A, de] = c({}), [Ne, W] = c(!1), [f, ye] = We(
     "userSide",
     {}
   ), [g, Te] = c(
     !S && v?.actions?.disableInputForVisitor
-  ), k = et(), { showModal: Le } = tt(), { toast: R } = nt() || {}, le = new URLSearchParams(
+  ), Y = et(), { showModal: Le } = tt(), { toast: j } = nt() || {}, le = new URLSearchParams(
     typeof window < "u" ? window.location.search : xe.search
   );
   p(() => {
@@ -64,55 +64,55 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       !S && v?.actions?.disableInputForVisitor
     );
   }, [S, v]);
-  const j = u?.role === "editor" || u?.role === "moderator", ce = 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 = le.get("positionId")), w && w != a[2]?.id && a?.find((t) => t.id === w) ? b(w) : e && e != a[2]?.id ? b(e) : f && f.groupId == _ && f.positionId != a[2]?.id && b(f.positionId);
   }, [w]), p(() => {
-    Q && Y(!0);
+    Q && W(!0);
   }, [Q]), p(() => {
-    P && (z(), Y(!0), L());
+    P && (z(), W(!0), L());
   }, [P]), p(() => {
     if (typeof window < "u") {
       const e = be || le.get("initArgument");
-      (e === !0 || e === "true") && (Y(!0), L(), De());
+      (e === !0 || e === "true") && (W(!0), L(), qe());
     }
   }, []), p(() => {
     Z && (L(), ee(!1));
   }, [Z]), p(() => {
-    B?.id && (Fe(B), ee(!0));
+    B?.id && !o && (Fe(B), ee(!0));
   }, [B]);
   const Fe = (e) => {
-    de(e), ue(!0), q(e.sources), U(e.content), W(e.rich_content), ie(e.id), L(), b(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : te(e.content);
+    de(e), ue(!0), k(e.sources), D(e.content), U(e.rich_content), ie(e.id), L(), b(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : te(e.content);
   }, L = () => {
-    ne.current.scrollIntoView(!1);
+    ne.current.scrollIntoView({ behavior: "smooth", block: "center" });
   }, me = () => {
-    U(""), W(null), de({}), ie(null), q([]), Se(!0), te(null);
+    D(""), U(null), de({}), ie(null), k([]), Se(!0), te(null);
   }, Pe = (e) => {
     b(e), ge(e);
   }, Be = () => {
     Le(
-      /* @__PURE__ */ s(Re, { fallback: null, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(je, { fallback: null, children: /* @__PURE__ */ s(
         ut,
         {
-          modalTitle: o.formatMessage({
+          modalTitle: r.formatMessage({
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
           onChooseSide: Pe,
           positions: a,
           title: _e,
-          disabledPositions: !r && y,
+          disabledPositions: !o && y,
           isNeutral: f && f.groupId == _ && f.positionId === a[2]?.id
         }
       ) })
     );
   }, Ee = () => {
-    S ? se ? qe() : !a || a?.length === 0 || !y?.find((e) => e?.id === d) && d || j && r ? ge(r && j && a[0]?.id) : Be() : k({ loginAction: "argument" });
+    S ? se ? ke() : !a || a?.length === 0 || !y?.find((e) => e?.id === d) && d || R && o ? ge(o && R && a[0]?.id) : Be() : Y({ loginAction: "argument" });
   }, $e = (e, t) => {
-    g ? k({ loginAction: "argument" }) : (U(e), W(t), $({ content: e }, [{ content: ["url", null] }]));
+    g ? Y({ loginAction: "argument" }) : (D(e), U(t), $({ content: e }, [{ content: ["url", null] }]));
   }, Ve = (e) => {
-    q(e);
+    k(e);
   }, fe = [
     { content: ["length", 3] },
     { content: ["required", null] },
@@ -120,7 +120,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
   ], ge = (e) => {
     const t = e || d, l = {
-      content: D,
+      content: q,
       rich_content: ae,
       group_id: _,
       ...J && { group_type: J },
@@ -135,14 +135,14 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     }), me(), X.create("messages", l).then((i) => {
       if (i.data.success) {
         if (M)
-          K(i.data.data.resource), R(
-            o.formatMessage({
+          K(i.data.data.resource), j(
+            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: " "
               })
@@ -152,16 +152,16 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
           const h = i.data.data.resource;
           let F = N;
           t && !m && (F = `argumentList${h.position.id}`), K?.(
-            D,
-            a.find((We) => We.id === t) || null
-          ), T.add(F, [h]), R(
-            o.formatMessage({
+            q,
+            a.find((Ue) => Ue.id === t) || null
+          ), T.add(F, [h]), j(
+            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"
               }),
@@ -179,9 +179,9 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
         );
       }
     }));
-  }, qe = () => {
+  }, ke = () => {
     const e = {
-      content: D,
+      content: q,
       rich_content: ae,
       source_ids: V?.map((t) => t.id),
       ...d && { position_id: d }
@@ -190,7 +190,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       if (t.data.success) {
         const l = t.data.data.resource;
         let i = N;
-        if (A?.is_reply || r) {
+        if (A?.is_reply || o) {
           const h = A?.message_id || A?.reply_to_id || M;
           h && (i = `argument_${h}_reply_list`);
         } else d && !m && (i = `argumentList${l.position?.id}`);
@@ -199,12 +199,12 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
           T.remove(h, [l]), T.add(F, [l]);
         } else
           T.update(i, [l]);
-        G && G(l), R(o.formatMessage({ id: "alert.argument_modify" }), {
+        G && G(l), j(r.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), me();
       }
     });
-  }, De = () => {
+  }, qe = () => {
     if (!oe) {
       re(!0);
       const e = setTimeout(() => {
@@ -213,13 +213,13 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       return () => clearTimeout(e);
     }
   }, z = () => {
-    g ? k({ loginAction: "argument" }) : ue(!0);
-  }, Ue = () => {
+    g ? Y({ loginAction: "argument" }) : ue(!0);
+  }, De = () => {
     const e = y.find(
       (t) => t.id === d
     );
     if (e)
-      return o.formatMessage(
+      return r.formatMessage(
         {
           id: "info.argument_side_limit",
           defaultMessage: "You have reached the argument limit (10) for position {position}."
@@ -228,10 +228,10 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       );
   };
   return /* @__PURE__ */ C("div", { className: n.inputContainer, children: [
-    O && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ce ? o.formatMessage({
+    O && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ce ? 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"
     }) }),
@@ -240,11 +240,11 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       {
         className: x(n.argumentInput, {
           [n.flash]: oe,
-          [n.replyInputContainer]: r
+          [n.replyInputContainer]: o
         }),
         children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: ne, children: /* @__PURE__ */ C("div", { className: n.argumentInputBox, children: [
-          a.length > 0 && S && (!r || !j) && /* @__PURE__ */ C("div", { className: n.userPosition, children: [
-            /* @__PURE__ */ s("div", { children: o.formatMessage({
+          a.length > 0 && S && (!o || !R) && /* @__PURE__ */ C("div", { className: n.userPosition, children: [
+            /* @__PURE__ */ s("div", { children: r.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
             }) }),
@@ -263,7 +263,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
             {
               className: x(n.argumentTextInputBox, {
                 [n.argumentTextInputBoxisTablet]: !m,
-                [n.replyEditorRow]: r
+                [n.replyEditorRow]: o
               }),
               children: [
                 /* @__PURE__ */ s(
@@ -271,9 +271,9 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                   {
                     className: x(n.argumentAuthorContainer, {
                       [n.argumentAuthorContainerMobile]: m,
-                      [n.argumentAuthorContainerActivated]: !m && I || r
+                      [n.argumentAuthorContainerActivated]: !m && I || o
                     }),
-                    children: !m && I || r ? /* @__PURE__ */ s(
+                    children: !m && I || o ? /* @__PURE__ */ s(
                       st,
                       {
                         avatarUrl: u.image_url,
@@ -283,7 +283,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                     ) : /* @__PURE__ */ s(
                       it,
                       {
-                        fullName: u?.full_name || o.formatMessage({ id: "default_author.full_name" }),
+                        fullName: u?.full_name || r.formatMessage({ id: "default_author.full_name" }),
                         avatarUrl: u?.image_url,
                         points: u?.points || 0,
                         slug: u?.hash_id
@@ -297,7 +297,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                     onClick: z,
                     "data-testid": "argument-input",
                     className: x(n.textEditorBox, {
-                      [n.replyTextEditorBox]: r
+                      [n.replyTextEditorBox]: o
                     }),
                     children: [
                       /* @__PURE__ */ s(
@@ -310,7 +310,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                             Ve(e);
                           },
                           placeholder: ve,
-                          "aria-label": o.formatMessage({
+                          "aria-label": r.formatMessage({
                             id: "input.argument_input.aria_label",
                             defaultMessage: "Message input field"
                           }),
@@ -323,7 +323,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                           disabled: O || g || ce,
                           maxLength: g ? !1 : v?.actions?.argumentMaxLength,
                           disableRichText: v?.actions?.disableRichText || g,
-                          shortBar: r,
+                          shortBar: o,
                           hideSubmit: g,
                           allowedDomains: v?.allowed_sources,
                           active: P,
@@ -352,7 +352,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                                 width: 20
                               }
                             ),
-                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: Ue() })
+                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: De() })
                           ]
                         }
                       ),

package/dist/components/input/text_editor/plugins/FocusPlugin.js

@@ -1,18 +1,18 @@
 import { useLexicalComposerContext as u } from "@lexical/react/LexicalComposerContext";
-import { useRef as c, useEffect as s } from "react";
-import { useInput as f } from "../../input_provider/useInput.js";
-const E = ({ autoFocus: t = !1 }) => {
-  const [o] = u(), { focus: e } = f(), r = c(!1);
-  return s(() => {
-    e && o.focus(() => {
-      o.getRootElement().focus();
+import { useRef as c, useEffect as n } from "react";
+import { useInput as l } from "../../input_provider/useInput.js";
+const p = ({ autoFocus: o = !1 }) => {
+  const [e] = u(), { focus: t } = l(), r = c(!1);
+  return n(() => {
+    t && e.focus(() => {
+      e.getRootElement().focus({ preventScroll: !0 });
     });
-  }, [e, o]), s(() => {
-    t && !r.current && (r.current = !0, o.focus(() => {
-      o.getRootElement().focus();
+  }, [t, e]), n(() => {
+    o && !r.current && (r.current = !0, e.focus(() => {
+      e.getRootElement().focus({ preventScroll: !0 });
     }));
-  }, [t, o]), null;
+  }, [o, e]), null;
 };
 export {
-  E as FocusPlugin
+  p as FocusPlugin
 };

package/dist/components/suggestion/suggestion_input/SuggestionInput.js

@@ -21,25 +21,25 @@ const ve = ({
   userGuideUrl: d,
   hideUserGuideLink: N = !1
 }) => {
-  const o = K(), C = Q(), x = W(), { toast: T } = X() || {}, { isLoggedIn: y } = Z(), { focus: f, setFocus: q } = $(), { errors: p, validate: F } = G(), [h, E] = l(!0), [Y, v] = l(!1), [i, a] = l(""), [S, A, R] = z("userSuggestion", {}), V = b(null), u = b(null), j = U();
+  const o = K(), C = Q(), x = W(), { toast: T } = X() || {}, { isLoggedIn: y } = Z(), { focus: f, setFocus: q } = $(), { errors: p, validate: F } = G(), [h, E] = l(!0), [Y, v] = l(!1), [i, a] = l(""), [S, k, A] = z("userSuggestion", {}), R = b(null), u = b(null), V = U();
   c(() => {
     S?.suggestion && a(S.suggestion);
   }, []), c(() => {
     if (h) {
       const s = setInterval(() => {
-        i?.length > 0 && A({
+        i?.length > 0 && k({
           suggestion: i
         });
       }, 1e3);
       return () => clearInterval(s);
     }
   }, [h, i]), c(() => {
-    f && (k(), w(), O(), q(!1));
+    f && (j(), w(), O(), q(!1));
   }, [f]);
-  const k = () => {
-    u.current.scrollIntoView({ behavior: "smooth" });
+  const j = () => {
+    u.current.scrollIntoView({ behavior: "smooth", block: "center" });
   }, w = () => {
-    u.current.focus();
+    u.current.focus({ preventScroll: !0 });
   }, O = () => {
     if (!Y) {
       v(!0);
@@ -49,7 +49,7 @@ const ve = ({
       return () => clearTimeout(s);
     }
   }, L = () => {
-    a(""), R();
+    a(""), A();
   }, B = () => {
     if (y) {
       const s = {
@@ -80,13 +80,13 @@ const ve = ({
         }
       }));
     } else
-      j({});
+      V({});
   };
   return /* @__PURE__ */ e(
     "div",
     {
       className: t.suggestionInputContainer,
-      ref: V,
+      ref: R,
       children: /* @__PURE__ */ g(P, { children: [
         /* @__PURE__ */ g("div", { className: H(t.suggestionInputItem), children: [
           /* @__PURE__ */ e("div", { className: t.suggestionInputTitle, children: /* @__PURE__ */ e(

package/package.json

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