@logora/debate 0.4.73 → 0.4.75

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

@@ -1,8 +1,8 @@
 import { jsxs as C, jsx as s } from "react/jsx-runtime";
 import We from "@rooks/use-sessionstorage-state";
-import { useRef as Ye, useState as c, useEffect as p, Suspense as Re, lazy as je } from "react";
-import { useIntl as ze, FormattedMessage as he } from "react-intl";
-import { useLocation as Oe } from "react-router";
+import { useRef as Ye, useState as c, useEffect as p, Suspense as je, lazy as ze } from "react";
+import { useIntl as Oe, FormattedMessage as he } from "react-intl";
+import { useLocation as Re } from "react-router";
 import x from "classnames";
 import n from "./ArgumentInput.module.scss.js";
 import { useDataProvider as Je } from "../../data/data_provider/useDataProvider.js";
@@ -20,17 +20,17 @@ 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 = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Ft = ({
   argumentListId: N,
   avatarSize: pe = 48,
-  disabled: O = !1,
+  disabled: R = !1,
   positions: a = [],
-  disabledPositions: y = [],
+  disabledPositions: T = [],
   groupId: _,
   groupName: _e,
   groupType: J,
   hideSourceAction: Me = !1,
-  isReply: r = !1,
+  isReply: i = !1,
   onSubmit: K,
   onUpdate: G,
   parentId: M,
@@ -44,34 +44,34 @@ 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 = Oe(), X = Je(), y = 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 = 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(
+  } = He(), { isLoggedIn: S, currentUser: u } = Qe(), { errors: E, validate: $ } = Xe(), { isMobile: m } = Ze(), xe = Re(), 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, Te] = We(
     "userSide",
     {}
-  ), [g, Te] = c(
+  ), [g, ye] = c(
     !S && v?.actions?.disableInputForVisitor
-  ), Y = 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(() => {
-    Te(
+    ye(
       !S && v?.actions?.disableInputForVisitor
     );
   }, [S, v]);
-  const j = u?.role === "editor" || u?.role === "moderator", ce = u?.moderation_status === "banned";
+  const z = 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 && W(!0);
   }, [Q]), p(() => {
-    P && (z(), W(!0), L());
+    P && (O(), W(!0), L());
   }, [P]), p(() => {
     if (typeof window < "u") {
       const e = be || le.get("initArgument");
@@ -80,7 +80,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
   }, []), p(() => {
     Z && (L(), ee(!1));
   }, [Z]), p(() => {
-    B?.id && (Fe(B), ee(!0));
+    B?.id && !i && (Fe(B), ee(!0));
   }, [B]);
   const Fe = (e) => {
     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);
@@ -92,23 +92,23 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     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: !i && T,
           isNeutral: f && f.groupId == _ && f.positionId === a[2]?.id
         }
       ) })
     );
   }, Ee = () => {
-    S ? se ? ke() : !a || a?.length === 0 || !y?.find((e) => e?.id === d) && d || j && r ? ge(r && j && a[0]?.id) : Be() : Y({ loginAction: "argument" });
+    S ? se ? ke() : !a || a?.length === 0 || !T?.find((e) => e?.id === d) && d || z && i ? ge(i && z && a[0]?.id) : Be() : Y({ loginAction: "argument" });
   }, $e = (e, t) => {
     g ? Y({ loginAction: "argument" }) : (D(e), U(t), $({ content: e }, [{ content: ["url", null] }]));
   }, Ve = (e) => {
@@ -127,41 +127,41 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       ...t && { position_id: t },
       is_reply: !!M,
       message_id: M || null,
-      source_ids: V?.map((i) => i.id)
+      source_ids: V?.map((o) => o.id)
     };
-    $(l, fe) && (t && a && a.map((i) => i.id).includes(t) && ye({
+    $(l, fe) && (t && a && a.map((o) => o.id).includes(t) && Te({
       groupId: _,
       positionId: t
-    }), me(), X.create("messages", l).then((i) => {
-      if (i.data.success) {
+    }), me(), X.create("messages", l).then((o) => {
+      if (o.data.success) {
         if (M)
-          K(i.data.data.resource), R(
-            o.formatMessage({
+          K(o.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: " "
               })
             }
           );
         else {
-          const h = i.data.data.resource;
+          const h = o.data.data.resource;
           let F = N;
           t && !m && (F = `argumentList${h.position.id}`), K?.(
             q,
             a.find((Ue) => Ue.id === t) || null
-          ), T.add(F, [h]), R(
-            o.formatMessage({
+          ), y.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"
               }),
@@ -173,7 +173,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
         typeof window < "u" && window.dispatchEvent(
           new CustomEvent("logora:user_content:created", {
             detail: {
-              content: i.data.data?.resource
+              content: o.data.data?.resource
             }
           })
         );
@@ -189,17 +189,17 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     $(e, fe) && X.update("messages", se, e).then((t) => {
       if (t.data.success) {
         const l = t.data.data.resource;
-        let i = N;
-        if (A?.is_reply || r) {
+        let o = N;
+        if (A?.is_reply || i) {
           const h = A?.message_id || A?.reply_to_id || M;
-          h && (i = `argument_${h}_reply_list`);
-        } else d && !m && (i = `argumentList${l.position?.id}`);
+          h && (o = `argument_${h}_reply_list`);
+        } else d && !m && (o = `argumentList${l.position?.id}`);
         if (!A?.is_reply && A?.position?.id != l.position?.id && !m) {
           const h = `argumentList${A.position.id}`, F = `argumentList${l.position.id}`;
-          T.remove(h, [l]), T.add(F, [l]);
+          y.remove(h, [l]), y.add(F, [l]);
         } else
-          T.update(i, [l]);
-        G && G(l), R(o.formatMessage({ id: "alert.argument_modify" }), {
+          y.update(o, [l]);
+        G && G(l), j(r.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), me();
       }
@@ -212,14 +212,14 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       }, 2e3);
       return () => clearTimeout(e);
     }
-  }, z = () => {
+  }, O = () => {
     g ? Y({ loginAction: "argument" }) : ue(!0);
   }, De = () => {
-    const e = y.find(
+    const e = T.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({
+    R && /* @__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]: i
         }),
         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 && (!i || !z) && /* @__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]: i
               }),
               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 || i
                     }),
-                    children: !m && I || r ? /* @__PURE__ */ s(
+                    children: !m && I || i ? /* @__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
@@ -294,10 +294,10 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                 /* @__PURE__ */ C(
                   "div",
                   {
-                    onClick: z,
+                    onClick: O,
                     "data-testid": "argument-input",
                     className: x(n.textEditorBox, {
-                      [n.replyTextEditorBox]: r
+                      [n.replyTextEditorBox]: i
                     }),
                     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"
                           }),
@@ -318,12 +318,13 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                           sources: V,
                           hideSourceAction: Me || g,
                           uid: M ? `Reply${_}_${M}` : `Argument${_}`,
-                          onActivation: z,
+                          onActivation: O,
                           showStylesControls: I,
-                          disabled: O || g || ce,
+                          disabled: R || g || ce,
                           maxLength: g ? !1 : v?.actions?.argumentMaxLength,
                           disableRichText: v?.actions?.disableRichText || g,
-                          shortBar: r,
+                          shortBar: i,
+                          isReply: i,
                           hideSubmit: g,
                           allowedDomains: v?.allowed_sources,
                           active: P,
@@ -333,7 +334,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                         }
                       ),
                       E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
-                      I && y?.find(
+                      I && T?.find(
                         (e) => e.id === d
                       ) && /* @__PURE__ */ C(
                         "div",

package/dist/components/input/text_editor/TextEditor.js

@@ -1,187 +1,188 @@
-import { jsxs as S, Fragment as oe, jsx as e } from "react/jsx-runtime";
-import { ListNode as re, ListItemNode as ie } from "@lexical/list";
-import { OverflowNode as ne } from "@lexical/overflow";
-import { CharacterLimitPlugin as se } from "@lexical/react/LexicalCharacterLimitPlugin";
-import { LexicalComposer as ce } from "@lexical/react/LexicalComposer";
-import { ContentEditable as le } from "@lexical/react/LexicalContentEditable";
-import { EditorRefPlugin as me } from "@lexical/react/LexicalEditorRefPlugin";
-import { LexicalErrorBoundary as ae } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as de } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as ue } from "@lexical/react/LexicalListPlugin";
-import { OnChangePlugin as fe } from "@lexical/react/LexicalOnChangePlugin";
-import { RichTextPlugin as pe } from "@lexical/react/LexicalRichTextPlugin";
-import { QuoteNode as he } from "@lexical/rich-text";
-import b from "classnames";
-import { $getRoot as ge } from "lexical";
-import { useState as f, useId as Se, useRef as xe, useEffect as M } from "react";
-import { useIntl as Pe } from "react-intl";
-import Ce from "./EditorTheme.js";
+import { jsxs as S, Fragment as re, jsx as e } from "react/jsx-runtime";
+import { ListNode as ie, ListItemNode as ne } from "@lexical/list";
+import { OverflowNode as se } from "@lexical/overflow";
+import { CharacterLimitPlugin as ce } from "@lexical/react/LexicalCharacterLimitPlugin";
+import { LexicalComposer as le } from "@lexical/react/LexicalComposer";
+import { ContentEditable as me } from "@lexical/react/LexicalContentEditable";
+import { EditorRefPlugin as ae } from "@lexical/react/LexicalEditorRefPlugin";
+import { LexicalErrorBoundary as de } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as ue } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as fe } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin as pe } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as he } from "@lexical/react/LexicalRichTextPlugin";
+import { QuoteNode as ge } from "@lexical/rich-text";
+import M from "classnames";
+import { $getRoot as Se } from "lexical";
+import { useState as f, useId as xe, useRef as Pe, useEffect as w } from "react";
+import { useIntl as Ce } from "react-intl";
+import Te from "./EditorTheme.js";
 import i from "./TextEditor.module.scss.js";
-import { AutoSavePlugin as Te } from "./plugins/AutoSavePlugin.js";
-import { FocusPlugin as Ie } from "./plugins/FocusPlugin.js";
-import { IOSInsertParagraphFallbackPlugin as Ne } from "./plugins/IOSInsertParagraphFallbackPlugin.js";
-import { MaxLengthPlugin as ve } from "./plugins/MaxLengthPlugin.js";
-import { ResetPlugin as Ee } from "./plugins/ResetPlugin.js";
+import { AutoSavePlugin as Ie } from "./plugins/AutoSavePlugin.js";
+import { FocusPlugin as Ne } from "./plugins/FocusPlugin.js";
+import { IOSInsertParagraphFallbackPlugin as ve } from "./plugins/IOSInsertParagraphFallbackPlugin.js";
+import { MaxLengthPlugin as Ee } from "./plugins/MaxLengthPlugin.js";
+import { ResetPlugin as be } from "./plugins/ResetPlugin.js";
 import { SetContentPlugin as Re } from "./plugins/SetContentPlugin.js";
-import { SetRichContentPlugin as be } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as Me } from "./plugins/ToolbarPlugin.js";
+import { SetRichContentPlugin as Me } from "./plugins/SetRichContentPlugin.js";
+import { ToolbarPlugin as we } from "./plugins/ToolbarPlugin.js";
 import { useModal as ye } from "../../dialog/modal/useModal.js";
-import { SourceModal as we } from "../../source/source_modal/SourceModal.js";
-import { SourceListItem as Le } from "../../source/source_list_item/SourceListItem.js";
-const y = (l) => l?.replace(/ /g, " "), lt = ({
+import { SourceModal as Le } from "../../source/source_modal/SourceModal.js";
+import { SourceListItem as _e } from "../../source/source_list_item/SourceListItem.js";
+const y = (l) => l?.replace(/ /g, " "), mt = ({
   placeholder: l,
-  initialContent: w,
-  initialRichContent: L,
+  initialContent: L,
+  initialRichContent: _,
   onSubmit: x,
   sources: p,
-  hideSubmit: _ = !1,
-  hideSourceAction: A = !1,
+  hideSubmit: A = !1,
+  hideSourceAction: O = !1,
   onActivation: n,
-  disabled: O = !1,
+  disabled: k = !1,
   handleChange: P,
   handleSourcesChange: h,
-  shortBar: k = !1,
+  shortBar: B = !1,
   active: g = !1,
   maxLength: m,
-  disableRichText: B = !1,
-  editorRef: U,
+  disableRichText: U = !1,
+  editorRef: j,
   uid: C,
   allowedDomains: T = [],
-  hideCharCount: j = !1,
-  disableAutoActivate: z = !1,
+  hideCharCount: z = !1,
+  disableAutoActivate: F = !1,
   autoFocus: a = !1,
-  ...F
+  isReply: I = !1,
+  ...H
 }) => {
-  const [s, H] = f(a || g), [J, Q] = f(""), [W, $] = f(""), [d, u] = f([]), { showModal: q } = ye(), I = Pe(), N = Se(), v = xe(!1);
-  M(() => {
-    a && !v.current && n && (v.current = !0, n());
-  }, [a, n]), M(() => {
+  const [s, J] = f(a || g), [Q, W] = f(""), [$, q] = f(""), [d, u] = f([]), { showModal: D } = ye(), N = Ce(), v = xe(), E = Pe(!1);
+  w(() => {
+    a && !E.current && n && (E.current = !0, n());
+  }, [a, n]), w(() => {
     p && u(p);
   }, [p]);
-  const E = () => {
-    s || (H(!0), n && n());
-  }, D = {
-    editable: !O,
-    theme: Ce,
+  const b = () => {
+    s || (J(!0), n && n());
+  }, G = {
+    editable: !k,
+    theme: Te,
     onError(t) {
       console.error("TextEditor error:", t);
     },
-    nodes: [re, ie, he, ne]
-  }, G = () => {
-    E();
-  }, K = (t) => {
+    nodes: [ie, ne, ge, se]
+  }, K = () => {
+    b();
+  }, V = (t) => {
     t.read(() => {
-      const o = ge().getTextContent(), r = y(o), c = JSON.stringify(t), R = y(c);
-      Q(r), $(R), P && P(r, R);
+      const o = Se().getTextContent(), r = y(o), c = JSON.stringify(t), R = y(c);
+      W(r), q(R), P && P(r, R);
     });
-  }, V = (t) => {
-    const o = J, r = W, c = d;
+  }, X = (t) => {
+    const o = Q, r = $, c = d;
     x && (t.preventDefault(), x(o, r, c)), u([]), h?.([]);
-  }, X = () => {
-    q(
+  }, Y = () => {
+    D(
       /* @__PURE__ */ e(
-        we,
+        Le,
         {
-          onAddSource: Y,
+          onAddSource: Z,
           allowedSources: T
         }
       )
     );
-  }, Y = (t) => {
+  }, Z = (t) => {
     u((o) => {
       const r = [...o, t];
       return h?.(r), r;
     });
-  }, Z = (t) => {
+  }, ee = (t) => {
     u((o) => {
       const r = o.filter(
         (c) => c.source_url !== t.source_url
       );
       return h?.(r), r;
     });
-  }, ee = (t, o) => /* @__PURE__ */ e(
-    Le,
+  }, te = (t, o) => /* @__PURE__ */ e(
+    _e,
     {
       publisher: t.publisher,
       url: t.source_url,
       title: t.title,
       index: o,
-      onRemove: () => Z(t)
+      onRemove: () => ee(t)
     },
     o
-  ), te = () => /* @__PURE__ */ e("div", { className: i.editorPlaceholder, children: l });
-  return /* @__PURE__ */ S(oe, { children: [
-    /* @__PURE__ */ e(ce, { initialConfig: D, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: G, children: /* @__PURE__ */ S(
+  ), oe = () => /* @__PURE__ */ e("div", { className: i.editorPlaceholder, children: l });
+  return /* @__PURE__ */ S(re, { children: [
+    /* @__PURE__ */ e(le, { initialConfig: G, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: K, children: /* @__PURE__ */ S(
       "div",
       {
-        className: b(i.editorInner, {
+        className: M(i.editorInner, {
           [i.editorInnerInactive]: !s && !g
         }),
         children: [
           /* @__PURE__ */ e(
-            pe,
+            he,
             {
               contentEditable: /* @__PURE__ */ e(
-                le,
+                me,
                 {
-                  className: b(i.editorInput, {
+                  className: M(i.editorInput, {
                     [i.editorInputInactive]: !s
                   }),
-                  ...F
+                  ...H
                 }
               ),
-              placeholder: l && /* @__PURE__ */ e(te, {}),
-              ErrorBoundary: ae
+              placeholder: l && /* @__PURE__ */ e(oe, {}),
+              ErrorBoundary: de
             }
           ),
           /* @__PURE__ */ e(
-            Me,
+            we,
             {
-              hideSourceAction: A,
-              hideSubmit: _,
-              disableRichText: B,
-              shortBar: k,
-              onSubmit: V,
-              onAddSource: X,
+              hideSourceAction: O,
+              hideSubmit: A,
+              disableRichText: U,
+              shortBar: B,
+              onSubmit: X,
+              onAddSource: Y,
               isActive: s || g,
-              sourceTooltip: T?.length > 0 && I.formatMessage({
+              sourceTooltip: T?.length > 0 && N.formatMessage({
                 id: "input.allowed_domains_tooltip",
                 defaultMessage: "With the new source function, you can add links to your article."
               })
             }
           ),
-          s && m && !j && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
-            /* @__PURE__ */ e(se, { maxLength: m }),
+          s && m && !z && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
+            /* @__PURE__ */ e(ce, { maxLength: m }),
             " ",
-            I.formatMessage({
+            N.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
           ] }),
+          /* @__PURE__ */ e(fe, {}),
           /* @__PURE__ */ e(ue, {}),
-          /* @__PURE__ */ e(de, {}),
-          /* @__PURE__ */ e(fe, { onChange: K, ignoreSelectionChange: !0 }),
+          /* @__PURE__ */ e(pe, { onChange: V, ignoreSelectionChange: !0 }),
           /* @__PURE__ */ e(
-            Te,
+            Ie,
             {
-              onSetContent: z ? () => {
-              } : E,
-              storageUid: C || N
+              onSetContent: F ? () => {
+              } : b,
+              storageUid: C || v
             }
           ),
-          /* @__PURE__ */ e(Re, { content: w }),
-          /* @__PURE__ */ e(be, { richContent: L }),
-          /* @__PURE__ */ e(Ie, { autoFocus: a }),
-          /* @__PURE__ */ e(Ne, {}),
-          m && /* @__PURE__ */ e(ve, { maxLength: m }),
-          /* @__PURE__ */ e(Ee, { storageUid: C || N }),
-          /* @__PURE__ */ e(me, { editorRef: U })
+          /* @__PURE__ */ e(Re, { content: L, isReply: I }),
+          /* @__PURE__ */ e(Me, { richContent: _, isReply: I }),
+          /* @__PURE__ */ e(Ne, { autoFocus: a }),
+          /* @__PURE__ */ e(ve, {}),
+          m && /* @__PURE__ */ e(Ee, { maxLength: m }),
+          /* @__PURE__ */ e(be, { storageUid: C || v }),
+          /* @__PURE__ */ e(ae, { editorRef: j })
         ]
       }
     ) }) }),
-    d && d.length !== 0 ? /* @__PURE__ */ e("div", { className: i.sourcesBox, children: /* @__PURE__ */ e("div", { className: i.sourceList, children: d.map(ee) }) }) : null
+    d && d.length !== 0 ? /* @__PURE__ */ e("div", { className: i.sourcesBox, children: /* @__PURE__ */ e("div", { className: i.sourceList, children: d.map(te) }) }) : null
   ] });
 };
 export {
-  lt as TextEditor
+  mt as TextEditor
 };

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

@@ -1,18 +1,18 @@
-import { useLexicalComposerContext as s } from "@lexical/react/LexicalComposerContext";
-import { $getRoot as a, $createParagraphNode as c, $createTextNode as u } from "lexical";
-import { useEffect as f } from "react";
-import { useInput as m } from "../../input_provider/useInput.js";
-const x = ({ content: e }) => {
-  const [p] = s(), { inputContent: o, setInputContent: i } = m(), t = e || (typeof o == "string" ? o : void 0);
-  return f(() => {
-    typeof t == "string" && t && p.update(() => {
-      const n = a();
+import { useLexicalComposerContext as a } from "@lexical/react/LexicalComposerContext";
+import { $getRoot as c, $createParagraphNode as f, $createTextNode as u } from "lexical";
+import { useEffect as m } from "react";
+import { useInput as d } from "../../input_provider/useInput.js";
+const $ = ({ content: e, isReply: p = !1 }) => {
+  const [s] = a(), { inputContent: o, setInputContent: i } = d(), t = e || (!p && typeof o == "string" ? o : void 0);
+  return m(() => {
+    typeof t == "string" && t && s.update(() => {
+      const n = c();
       n.clear();
-      const r = c();
+      const r = f();
       r.append(u(t)), n.append(r), !e && o && i(null);
     });
   }, [t]), null;
 };
 export {
-  x as SetContentPlugin
+  $ as SetContentPlugin
 };

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

@@ -1,15 +1,15 @@
-import { useLexicalComposerContext as s } from "@lexical/react/LexicalComposerContext";
-import { useEffect as u } from "react";
-import { useInput as c } from "../../input_provider/useInput.js";
-const m = ({ richContent: e }) => {
-  const [t] = s(), { inputRichContent: n, setInputRichContent: i } = c(), o = e || n;
-  return u(() => {
+import { useLexicalComposerContext as u } from "@lexical/react/LexicalComposerContext";
+import { useEffect as c } from "react";
+import { useInput as p } from "../../input_provider/useInput.js";
+const l = ({ richContent: e, isReply: i = !1 }) => {
+  const [t] = u(), { inputRichContent: n, setInputRichContent: r } = p(), o = e || (i ? void 0 : n);
+  return c(() => {
     o && t.update(() => {
-      const r = t.parseEditorState(o);
-      t.setEditorState(r), !e && n && i(null);
+      const s = t.parseEditorState(o);
+      t.setEditorState(s), !e && n && r(null);
     });
   }, [o]), null;
 };
 export {
-  m as SetRichContentPlugin
+  l as SetRichContentPlugin
 };

package/package.json

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