@logora/debate 0.3.98 → 0.3.100

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

@@ -1,9 +1,9 @@
 import { jsxs as v, jsx as s } from "react/jsx-runtime";
 import We from "@rooks/use-sessionstorage-state";
-import { useRef as Ye, useState as l, useEffect as h, Suspense as ke, lazy as Re } from "react";
-import { useIntl as je, FormattedMessage as ge } from "react-intl";
+import { useRef as Ye, useState as l, useEffect as p, Suspense as ke, lazy as je } from "react";
+import { useIntl as Re, FormattedMessage as ge } from "react-intl";
 import { useLocation as ze } from "react-router";
-import I from "classnames";
+import S from "classnames";
 import n from "./ArgumentInput.module.scss.js";
 import { useDataProvider as Oe } from "../../data/data_provider/useDataProvider.js";
 import { useList as Je } from "../../list/list_provider/useList.js";
@@ -20,19 +20,19 @@ import { Avatar as at } from "../../user/avatar/Avatar.js";
 import { AuthorBox as st } from "../../user/author_box/AuthorBox.js";
 import { TextEditor as it } from "../text_editor/TextEditor.js";
 import { Icon as ot } from "../../icons/icon/Icon.js";
-const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ default: S.SideModal }))), Lt = ({
-  argumentListId: S,
+const rt = je(() => import("../../modal/side_modal/index.js").then((x) => ({ default: x.SideModal }))), Lt = ({
+  argumentListId: x,
   avatarSize: he = 48,
   disabled: O = !1,
   positions: a = [],
-  disabledPositions: x = [],
+  disabledPositions: N = [],
   groupId: b,
   groupName: pe,
   groupType: J,
   hideSourceAction: _e = !1,
   isReply: r = !1,
   onSubmit: K,
-  parentId: F,
+  parentId: T,
   placeholder: Me,
   positionId: A,
   focusOnInit: ve = !1,
@@ -43,52 +43,52 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
   disableAutoActivate: Ce = !1,
   autoFocus: H = !1
 }) => {
-  const o = je(), Q = Oe(), N = Je(), p = Ke(), {
+  const o = Re(), Q = Oe(), y = Je(), _ = Ke(), {
     focus: X,
     setFocus: Z,
     setReset: we,
     inputContent: B,
     setInputContent: ee,
     setInputRichContent: Ie
-  } = Ge(), { isLoggedIn: C, currentUser: u } = He(), { errors: E, validate: V } = Qe(), { isMobile: m } = Xe(), Se = ze(), te = Ye(null), [U, $] = l([]), [q, D] = l(""), [ne, W] = l(null), [d, _] = l(null), [ae, se] = l(null), [ie, oe] = l(!1), [w, re] = l(!1), [M, ue] = l({}), [xe, Y] = l(!1), [f, Ne] = We(
+  } = Ge(), { isLoggedIn: C, currentUser: u } = He(), { errors: E, validate: V } = Qe(), { isMobile: m } = Xe(), Se = ze(), te = Ye(null), [U, $] = l([]), [q, D] = l(""), [ne, W] = l(null), [d, M] = l(null), [ae, se] = l(null), [ie, oe] = l(!1), [w, re] = l(!1), [I, ue] = l({}), [xe, Y] = l(!1), [f, Ne] = We(
     "userSide",
     {}
   ), [g, Te] = l(
-    !C && p?.actions?.disableInputForVisitor
-  ), k = Ze(), { showModal: ye } = et(), { toast: R } = tt() || {}, de = new URLSearchParams(
+    !C && _?.actions?.disableInputForVisitor
+  ), k = Ze(), { showModal: ye } = et(), { toast: j } = tt() || {}, de = new URLSearchParams(
     typeof window < "u" ? window.location.search : Se.search
   );
-  h(() => {
+  p(() => {
     Te(
-      !C && p?.actions?.disableInputForVisitor
+      !C && _?.actions?.disableInputForVisitor
     );
-  }, [C, p]);
-  const j = u?.role === "editor" || u?.role === "moderator", le = u?.moderation_status === "banned";
-  h(() => {
+  }, [C, _]);
+  const R = u?.role === "editor" || u?.role === "moderator", le = u?.moderation_status === "banned";
+  p(() => {
     let e = null;
-    typeof window < "u" && (e = de.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? _(A) : e && e != a[2]?.id ? _(e) : f && f.groupId == b && f.positionId != a[2]?.id && _(f.positionId);
-  }, [A]), h(() => {
+    typeof window < "u" && (e = de.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? M(A) : e && e != a[2]?.id ? M(e) : f && f.groupId == b && f.positionId != a[2]?.id && M(f.positionId);
+  }, [A]), p(() => {
     H && Y(!0);
-  }, [H]), h(() => {
-    P && (z(), Y(!0), T());
-  }, [P]), h(() => {
+  }, [H]), p(() => {
+    P && (z(), Y(!0), L());
+  }, [P]), p(() => {
     if (typeof window < "u") {
       const e = ve || de.get("initArgument");
-      (e === !0 || e === "true") && (Y(!0), T(), $e());
+      (e === !0 || e === "true") && (Y(!0), L(), $e());
     }
-  }, []), h(() => {
-    X && (T(), Z(!1));
-  }, [X]), h(() => {
+  }, []), p(() => {
+    X && (L(), Z(!1));
+  }, [X]), p(() => {
     B?.id && (Le(B), Z(!0));
   }, [B]);
   const Le = (e) => {
-    ue(e), re(!0), $(e.sources), D(e.content), W(e.rich_content), se(e.id), T(), _(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : ee(e.content);
-  }, T = () => {
+    ue(e), re(!0), $(e.sources), D(e.content), W(e.rich_content), se(e.id), L(), M(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : ee(e.content);
+  }, L = () => {
     te.current.scrollIntoView(!1);
   }, ce = () => {
     D(""), W(null), ue({}), se(null), $([]), we(!0), ee(null);
   }, Fe = (e) => {
-    _(e), fe(e);
+    M(e), fe(e);
   }, Pe = () => {
     ye(
       /* @__PURE__ */ s(ke, { fallback: null, children: /* @__PURE__ */ s(
@@ -101,13 +101,13 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
           onChooseSide: Fe,
           positions: a,
           title: pe,
-          disabledPositions: !r && x,
+          disabledPositions: !r && N,
           isNeutral: f && f.groupId == b && f.positionId === a[2]?.id
         }
       ) })
     );
   }, Be = () => {
-    C ? ae ? Ue() : !a || a?.length === 0 || !x?.find((e) => e?.id === d) && d || j && r ? fe(r && j && a[0]?.id) : Pe() : k({ loginAction: "argument" });
+    C ? ae ? Ue() : !a || a?.length === 0 || !N?.find((e) => e?.id === d) && d || R && r ? fe(r && R && a[0]?.id) : Pe() : k({ loginAction: "argument" });
   }, Ee = (e, t) => {
     g ? k({ loginAction: "argument" }) : (D(e), W(t), V({ content: e }, [{ content: ["url", null] }]));
   }, Ve = (e) => {
@@ -124,8 +124,8 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
       group_id: b,
       ...J && { group_type: J },
       ...t && { position_id: t },
-      is_reply: !!F,
-      message_id: F || null,
+      is_reply: !!T,
+      message_id: T || null,
       source_ids: U?.map((i) => i.id)
     };
     V(c, me) && (t && a && a.map((i) => i.id).includes(t) && Ne({
@@ -133,8 +133,8 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
       positionId: t
     }), ce(), Q.create("messages", c).then((i) => {
       if (i.data.success) {
-        if (F)
-          K(i.data.data.resource), R(
+        if (T)
+          K(i.data.data.resource), j(
             o.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -148,12 +148,12 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
             }
           );
         else {
-          const y = i.data.data.resource;
-          let L = S;
-          t && !m && (L = `argumentList${y.position.id}`), K?.(
+          const h = i.data.data.resource;
+          let F = x;
+          t && !m && (F = `argumentList${h.position.id}`), K?.(
             q,
             a.find((De) => De.id === t) || null
-          ), N.add(L, [y]), R(
+          ), y.add(F, [h]), j(
             o.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -188,13 +188,17 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
     V(e, me) && Q.update("messages", ae, e).then((t) => {
       if (t.data.success) {
         const c = t.data.data.resource;
-        let i = S;
-        if (M?.is_reply && M?.message_id ? i = `argument_${M.message_id}_reply_list` : d && !m && (i = `argumentList${c.position?.id}`), !M?.is_reply && M?.position?.id != c.position?.id && !m) {
-          const y = `argumentList${M.position.id}`, L = `argumentList${c.position.id}`;
-          N.remove(y, [c]), N.add(L, [c]);
+        let i = x;
+        if (I?.is_reply || r) {
+          const h = I?.message_id || T;
+          h && (i = `argument_${h}_reply_list`);
+        } else d && !m && (i = `argumentList${c.position?.id}`);
+        if (!I?.is_reply && I?.position?.id != c.position?.id && !m) {
+          const h = `argumentList${I.position.id}`, F = `argumentList${c.position.id}`;
+          y.remove(h, [c]), y.add(F, [c]);
         } else
-          N.update(i, [c]);
-        R(o.formatMessage({ id: "alert.argument_modify" }), {
+          y.update(i, [c]);
+        j(o.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), ce();
       }
@@ -210,7 +214,7 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
   }, z = () => {
     g ? k({ loginAction: "argument" }) : re(!0);
   }, qe = () => {
-    const e = x.find(
+    const e = N.find(
       (t) => t.id === d
     );
     if (e)
@@ -233,12 +237,12 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
     /* @__PURE__ */ s(
       "div",
       {
-        className: I(n.argumentInput, {
+        className: S(n.argumentInput, {
           [n.flash]: ie,
           [n.replyInputContainer]: r
         }),
         children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: te, children: /* @__PURE__ */ v("div", { className: n.argumentInputBox, children: [
-          a.length > 0 && C && (!r || !j) && /* @__PURE__ */ v("div", { className: n.userPosition, children: [
+          a.length > 0 && C && (!r || !R) && /* @__PURE__ */ v("div", { className: n.userPosition, children: [
             /* @__PURE__ */ s("div", { children: o.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
@@ -249,14 +253,14 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                 activeLabel: d === a[0].id ? 0 : d === a[1].id ? 1 : null,
                 firstLabel: a[0],
                 secondLabel: a[1],
-                onChange: (e) => _(a[e].id)
+                onChange: (e) => M(a[e].id)
               }
             )
           ] }),
           /* @__PURE__ */ v(
             "div",
             {
-              className: I(n.argumentTextInputBox, {
+              className: S(n.argumentTextInputBox, {
                 [n.argumentTextInputBoxisTablet]: !m,
                 [n.replyEditorRow]: r
               }),
@@ -264,7 +268,7 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: I(n.argumentAuthorContainer, {
+                    className: S(n.argumentAuthorContainer, {
                       [n.argumentAuthorContainerMobile]: m,
                       [n.argumentAuthorContainerActivated]: !m && w || r
                     }),
@@ -291,7 +295,7 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                   {
                     onClick: z,
                     "data-testid": "argument-input",
-                    className: I(n.textEditorBox, {
+                    className: S(n.textEditorBox, {
                       [n.replyTextEditorBox]: r
                     }),
                     children: [
@@ -316,11 +320,11 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                           onActivation: z,
                           showStylesControls: w,
                           disabled: O || g || le,
-                          maxLength: g ? !1 : p?.actions?.argumentMaxLength,
-                          disableRichText: p?.actions?.disableRichText || g,
+                          maxLength: g ? !1 : _?.actions?.argumentMaxLength,
+                          disableRichText: _?.actions?.disableRichText || g,
                           shortBar: r,
                           hideSubmit: g,
-                          allowedDomains: p?.allowed_sources,
+                          allowedDomains: _?.allowed_sources,
                           active: P,
                           autoFocus: xe,
                           hideCharCount: Ae,
@@ -328,12 +332,12 @@ const rt = Re(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                         }
                       ),
                       E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
-                      w && x?.find(
+                      w && N?.find(
                         (e) => e.id === d
                       ) && /* @__PURE__ */ v(
                         "div",
                         {
-                          className: I(
+                          className: S(
                             n.argumentInputWarning,
                             n.disabledPositionWarning
                           ),

package/package.json

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