@logora/debate 0.4.17 → 0.4.19

package/dist/assets/components/vote/vote_box/VoteBox.module-uT1IZ6Ag.css

@@ -0,0 +1 @@
+._voteBox_1k8f1_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_1k8f1_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_1k8f1_11{padding:0!important}._voteProgressHeader_1k8f1_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_1k8f1_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_1k8f1_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_1k8f1_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_1k8f1_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_1k8f1_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_1k8f1_74{grid-template-columns:1fr}._voteAction_1k8f1_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_1k8f1_78._buttonAlignLeft_1k8f1_88{justify-content:flex-start!important}button._voteButton_1k8f1_92,a._voteButton_1k8f1_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_1k8f1_103{justify-content:flex-start!important}._voteBoxShowResultContainer_1k8f1_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_1k8f1_107{cursor:pointer}._voteBoxShowResult_1k8f1_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_1k8f1_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_1k8f1_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_1k8f1_107 ._boldShowResult_1k8f1_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_1k8f1_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_1k8f1_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_1k8f1_155{text-align:center!important}}._voteBoxActionsBody_1k8f1_66 ._voteAction_1k8f1_78:first-child ._voteButton_1k8f1_92,._voteBoxActionsBody_1k8f1_66 ._voteAction_1k8f1_78:first-child ._voteButton_1k8f1_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_1k8f1_66 ._voteAction_1k8f1_78:nth-child(2) ._voteButton_1k8f1_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1k8f1_66 ._voteAction_1k8f1_78:nth-child(2) ._voteButton_1k8f1_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1k8f1_66 ._voteAction_1k8f1_78:nth-child(3) ._voteButton_1k8f1_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_1k8f1_66 ._voteAction_1k8f1_78:nth-child(3) ._voteButton_1k8f1_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1k8f1_194 ._voteAction_1k8f1_78:first-child ._voteButton_1k8f1_92,._voteBoxActionsBodyOutlined_1k8f1_194 ._voteAction_1k8f1_78:first-child ._voteButton_1k8f1_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_1k8f1_194 ._voteAction_1k8f1_78:nth-child(2) ._voteButton_1k8f1_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1k8f1_194 ._voteAction_1k8f1_78:nth-child(2) ._voteButton_1k8f1_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1k8f1_194 ._voteAction_1k8f1_78:nth-child(3) ._voteButton_1k8f1_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1k8f1_194 ._voteAction_1k8f1_78:nth-child(3) ._voteButton_1k8f1_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_1k8f1_233{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_1k8f1_233:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_1k8f1_248 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_1k8f1_253{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));color:var(--text-secondary, #5F5F5F);height:2.2em}._progressBar_1k8f1_259{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:100%}._voteResults_1k8f1_11>div:first-child ._progress_1k8f1_253 ._progressBar_1k8f1_259{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_1k8f1_11>div:nth-child(2) ._progress_1k8f1_253 ._progressBar_1k8f1_259{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_1k8f1_11 div:nth-child(3) ._progress_1k8f1_253 ._progressBar_1k8f1_259{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_1k8f1_276{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_1k8f1_284{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_1k8f1_293{white-space:nowrap}._showResultButton_1k8f1_297{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_1k8f1_297:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_1k8f1_310{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}

package/dist/components/argument/argument/Argument.js

@@ -1,321 +1,309 @@
-import { jsx as s, jsxs as n, Fragment as y } from "react/jsx-runtime";
-import P from "classnames";
-import { useState as _, useEffect as j, useCallback as me, Suspense as he, lazy as fe } from "react";
-import { useIntl as ye } from "react-intl";
-import o from "./Argument.module.scss.js";
-import { ReplyFooter as _e } from "./ReplyFooter.js";
-import { useRichContent as ge } from "./useRichContent.js";
-import { useAuth as be } from "../../auth/use_auth/useAuth.js";
-import { useConfig as Me } from "../../data/config_provider/useConfig.js";
-import { useList as Ie } from "../../list/list_provider/useList.js";
-import { useTranslatedContent as G } from "../../translation/translated_content/useTranslatedContent.js";
-import { SourceListItem as Ce } from "../../source/source_list_item/SourceListItem.js";
-import { HashScroll as ve } from "../../tools/hash_scroll/HashScroll.js";
-import { ContentHeader as Se } from "../../user_content/content_header/ContentHeader.js";
-import { Icon as H } from "../../icons/icon/Icon.js";
-import { ReadMore as Re } from "../../text/read_more/ReadMore.js";
-import { TranslationButton as Te } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as Ne } from "../../user_content/content_footer/ContentFooter.js";
-import { VoteButton as we } from "../../vote/vote_button/VoteButton.js";
-import { VotePaginatedList as xe } from "../../list/paginated_list/VotePaginatedList.js";
-import { UserContentSkeleton as Ae } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-import { Button as Le } from "../../action/button/Button.js";
-const Ue = fe(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), V = (e) => e?.replace(/ /g, " "), $e = ({
+import { jsx as o, jsxs as l, Fragment as f } from "react/jsx-runtime";
+import B from "classnames";
+import { useState as y, useEffect as le, useCallback as ne, Suspense as de, lazy as ce } from "react";
+import { useIntl as pe } from "react-intl";
+import s from "./Argument.module.scss.js";
+import { ReplyFooter as me } from "./ReplyFooter.js";
+import { useRichContent as ue } from "./useRichContent.js";
+import { useAuth as he } from "../../auth/use_auth/useAuth.js";
+import { useConfig as fe } from "../../data/config_provider/useConfig.js";
+import { useList as ye } from "../../list/list_provider/useList.js";
+import { useTranslatedContent as D } from "../../translation/translated_content/useTranslatedContent.js";
+import { SourceListItem as _e } from "../../source/source_list_item/SourceListItem.js";
+import { HashScroll as ge } from "../../tools/hash_scroll/HashScroll.js";
+import { ContentHeader as be } from "../../user_content/content_header/ContentHeader.js";
+import { Icon as E } from "../../icons/icon/Icon.js";
+import { ReadMore as Me } from "../../text/read_more/ReadMore.js";
+import { TranslationButton as ve } from "../../translation/translation_button/TranslationButton.js";
+import { ContentFooter as Ie } from "../../user_content/content_footer/ContentFooter.js";
+import { VoteButton as Ce } from "../../vote/vote_button/VoteButton.js";
+import { VotePaginatedList as Se } from "../../list/paginated_list/VotePaginatedList.js";
+import { UserContentSkeleton as Re } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { Button as Te } from "../../action/button/Button.js";
+const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), F = (e) => e?.replace(/ /g, " "), we = ({
   argument: e,
-  argumentReplies: d,
-  nestingLevel: g = 0,
-  maxNestingLevel: T = 2,
-  groupType: N,
-  groupName: w,
-  positions: b = [],
-  disableLinks: z = !1,
+  argumentReplies: n,
+  nestingLevel: _ = 0,
+  maxNestingLevel: S = 2,
+  groupType: R,
+  groupName: T,
+  positions: g = [],
+  disableLinks: P = !1,
   parentArgument: c,
-  flashParent: O,
-  expandable: Y,
-  disabled: M = !1,
-  hideFooter: x = !1,
-  hideReplies: A,
-  vote: q,
-  fixedContentHeight: J = !1,
-  enableEdition: K = !0,
-  enableDeletion: Q = !0,
-  deleteListId: W,
-  showModerationFeedback: X,
-  lineCount: Z = 5,
-  replyRedirectUrl: ee,
-  hideContent: te = !1
+  flashParent: j,
+  expandable: G,
+  disabled: b = !1,
+  hideFooter: N = !1,
+  hideReplies: w,
+  vote: H,
+  fixedContentHeight: V = !1,
+  enableEdition: z = !0,
+  enableDeletion: O = !0,
+  deleteListId: Y,
+  showModerationFeedback: q,
+  lineCount: J = 5,
+  replyRedirectUrl: K,
+  hideContent: Q = !1
 }) => {
-  const l = ye(), { isLoggedIn: se, currentUser: p } = be(), L = p?.moderation_status === "banned", i = Me(), I = Ie(), [u, C] = _(!1), [oe, U] = _(!1), [re, ie] = _(!1), $ = ge(e), [m, h] = _(), f = G(
+  const a = pe(), { isLoggedIn: W, currentUser: p } = he(), A = p?.moderation_status === "banned", r = fe(), X = ye(), [m, M] = y(!1), [Z, x] = y(!1), [ee, te] = y(!1), L = ue(e), [u, v] = y(), h = D(
     e.content,
     e.language,
     "content",
     e.translation_entries
-  ), ae = G(
+  ), oe = D(
     e.position?.name,
     e.position?.language,
     "name",
     e.position?.translation_entries
-  ), v = `argument_${e.id}`, S = e.position && b?.map((t) => t.id).indexOf(e.position.id) + 1;
-  j(() => {
-    d !== void 0 && ce();
-  }, [d]), j(() => {
-    const t = `argument_${e.id}_reply_list`, r = I.updateElements?.[t];
-    r?.length > 0 && h((a) => {
-      if (!a || a.length === 0)
-        return a;
-      let D = !1;
-      const pe = a.map((R) => {
-        const F = r.find((ue) => ue.id === R.id);
-        return F ? (D = !0, { ...R, ...F }) : R;
-      });
-      return D ? pe : a;
-    });
-  }, [I.updateElements, e.id]);
-  const le = (t) => {
-    if (v === t) {
-      const a = document.getElementById(t);
-      a && a.scrollIntoView({ behavior: "smooth" }), U(!0);
+  ), I = `argument_${e.id}`, C = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
+  le(() => {
+    n !== void 0 && ae();
+  }, [n]);
+  const se = (t) => {
+    if (I === t) {
+      const d = document.getElementById(t);
+      d && d.scrollIntoView({ behavior: "smooth" }), x(!0);
     }
+  }, U = () => {
+    te((t) => !t);
   }, k = () => {
-    ie((t) => !t);
-  }, B = () => {
-    C((t) => !t), h([]);
-  }, ne = (t) => {
-    if (!m?.find((r) => r.id === t.id))
+    M((t) => !t), v([]);
+  }, re = (t) => {
+    if (!u?.find((i) => i.id === t.id))
       return t;
-  }, de = me((t, r) => /* @__PURE__ */ s(
-    Ce,
+  }, ie = ne((t, i) => /* @__PURE__ */ o(
+    _e,
     {
       publisher: t.publisher,
       url: t.source_url,
       title: t.title,
-      index: r
+      index: i
     },
-    r
-  ), []), ce = () => {
-    if (d && Array.isArray(d)) {
-      const t = d.filter(
-        (r) => r.reply_to_id === e.id
+    i
+  ), []), ae = () => {
+    if (n && Array.isArray(n)) {
+      const t = n.filter(
+        (i) => i.reply_to_id === e.id
       );
-      t.length > 0 && (h(t), C(!0));
+      t.length > 0 && (v(t), M(!0));
     }
-  }, E = (t = null) => /* @__PURE__ */ s(
-    ke,
+  }, $ = (t = null) => /* @__PURE__ */ o(
+    Ae,
     {
       ...t ? { argument: t } : {},
-      nestingLevel: g + 1,
-      maxNestingLevel: T,
-      disabled: M,
-      groupName: w,
-      groupType: N,
-      positions: b,
-      argumentReplies: d,
+      nestingLevel: _ + 1,
+      maxNestingLevel: S,
+      disabled: b,
+      groupName: T,
+      groupType: R,
+      positions: g,
+      argumentReplies: n,
       parentArgument: e,
-      flashParent: (r) => le(`argument_${r}`)
+      flashParent: (i) => se(`argument_${i}`)
     }
   );
-  return /* @__PURE__ */ n(ve, { elementId: v, onScroll: () => U(!0), children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ l(ge, { elementId: I, onScroll: () => x(!0), children: [
+    /* @__PURE__ */ l(
       "div",
       {
-        className: P(
-          o.argument,
+        className: B(
+          s.argument,
           {
-            [o.flash]: oe,
-            [o.argumentReply]: e.is_reply === !0
+            [s.flash]: Z,
+            [s.argumentReply]: e.is_reply === !0
           },
-          o[`level-${g}`],
-          o[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && S}`]
+          s[`level-${_}`],
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
         ),
-        id: v,
+        id: I,
         children: [
-          /* @__PURE__ */ s(
-            Se,
+          /* @__PURE__ */ o(
+            be,
             {
               selectedContent: e.is_selected,
               author: e.author,
-              tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : ae.translatedContent,
+              tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : oe.translatedContent,
               date: e.created_at,
-              tagClassName: o[`headerPosition-${S}`],
-              disableLinks: z,
+              tagClassName: s[`headerPosition-${C}`],
+              disableLinks: P,
               isDeleted: e.is_deleted,
-              showModerationFeedback: X ?? (e.status === "rejected" && i.moderation?.showFeedback === !0),
+              showModerationFeedback: q ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
               moderationReason: e.moderation_entry?.moderation_reason,
               moderationNotes: e.moderation_entry?.moderator_notes,
-              moderationPolicyUrl: i.provider?.userGuideUrl
+              moderationPolicyUrl: r.provider?.userGuideUrl
             }
           ),
-          e.is_deleted ? /* @__PURE__ */ s("div", { className: o.argumentDeletedBody, children: l.formatMessage({
+          e.is_deleted ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "info.deleted_by_user",
             defaultMessage: "Content deleted by the user"
-          }) }) : te ? /* @__PURE__ */ s("div", { className: o.argumentDeletedBody, children: l.formatMessage({
+          }) }) : Q ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "argument.argument.content_deleted",
             defaultMessage: "This content has been removed."
-          }) }) : /* @__PURE__ */ n(y, { children: [
-            /* @__PURE__ */ n(
+          }) }) : /* @__PURE__ */ l(f, { children: [
+            /* @__PURE__ */ l(
               "div",
               {
-                className: P(o.argumentBody, {
-                  [o.fixedHeight]: i?.layout?.showAllArgumentInEmbed !== !0 ? J : !1
+                className: B(s.argumentBody, {
+                  [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? V : !1
                 }),
                 children: [
-                  e.is_reply && c && /* @__PURE__ */ n(
+                  e.is_reply && c && /* @__PURE__ */ l(
                     "div",
                     {
-                      className: o.replyTo,
-                      onClick: () => O(c.id),
+                      className: s.replyTo,
+                      onClick: () => j(c.id),
                       children: [
-                        l.formatMessage({
+                        a.formatMessage({
                           id: "info.replying_to",
                           defaultMessage: "Replying to"
                         }),
-                        /* @__PURE__ */ n("span", { className: o.replyingTo, children: [
-                          c.is_deleted ? l.formatMessage({
+                        /* @__PURE__ */ l("span", { className: s.replyingTo, children: [
+                          c.is_deleted ? a.formatMessage({
                             id: "info.deleted",
                             defaultMessage: "Deleted"
                           }) : c.author.full_name,
-                          /* @__PURE__ */ s(H, { name: "chat", height: 16 })
+                          /* @__PURE__ */ o(E, { name: "chat", height: 16 })
                         ] })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ s(
-                    Re,
+                  /* @__PURE__ */ o(
+                    Me,
                     {
-                      content: /* @__PURE__ */ n(y, { children: [
-                        e.is_edited && /* @__PURE__ */ s("div", { className: o.edited, children: l.formatMessage({
+                      content: /* @__PURE__ */ l(f, { children: [
+                        e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: a.formatMessage({
                           id: "argument.argument.updated",
                           defaultMessage: "Updated argument"
                         }) }),
-                        $ && !f.isTranslated ? /* @__PURE__ */ s(
+                        L && !h.isTranslated ? /* @__PURE__ */ o(
                           "div",
                           {
-                            className: o.argumentContent,
-                            dangerouslySetInnerHTML: { __html: V($) }
+                            className: s.argumentContent,
+                            dangerouslySetInnerHTML: { __html: F(L) }
                           }
-                        ) : /* @__PURE__ */ s("div", { className: o.argumentContent, children: V(f.translatedContent) }),
-                        f.isTranslated && /* @__PURE__ */ s(
-                          Te,
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: F(h.translatedContent) }),
+                        h.isTranslated && /* @__PURE__ */ o(
+                          ve,
                           {
                             language: e.language,
-                            callback: () => f.toggleContent()
+                            callback: () => h.toggleContent()
                           }
                         )
                       ] }),
-                      lineCount: i?.layout?.showAllArgumentInEmbed !== !0 ? Z : void 0,
-                      readMoreText: l.formatMessage({
+                      lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? J : void 0,
+                      readMoreText: a.formatMessage({
                         id: "action.read_more",
                         defaultMessage: "Read more"
                       }),
-                      readLessText: l.formatMessage({
+                      readLessText: a.formatMessage({
                         id: "action.read_less",
                         defaultMessage: "Read less"
                       }),
-                      expandable: i?.layout?.showAllArgumentInEmbed !== !0 ? Y : !1,
-                      readMoreClassName: e.is_reply ? o.replyStyle : o.argumentStyle
+                      expandable: r?.layout?.showAllArgumentInEmbed !== !0 ? G : !1,
+                      readMoreClassName: e.is_reply ? s.replyStyle : s.argumentStyle
                     }
                   )
                 ]
               }
             ),
-            e.sources?.length > 0 && /* @__PURE__ */ s("div", { className: o.argumentSourcesList, children: e.sources.map(de) })
+            e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(ie) })
           ] }),
-          !x && !e.is_deleted && /* @__PURE__ */ s(
-            Ne,
+          !N && !e.is_deleted && /* @__PURE__ */ o(
+            Ie,
             {
               resource: e,
-              disabled: M || e.status === "rejected" || !se && i?.actions?.disableInputForVisitor === !0 || L,
+              disabled: b || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || A,
               reportType: "Message",
-              softDelete: i.actions?.softDelete,
+              softDelete: r.actions?.softDelete,
               deleteType: "messages",
-              deleteListId: W,
-              enableReply: g <= T || p.role === "editor" || p.role === "moderator",
-              handleReplyTo: k,
-              replyRedirectUrl: ee,
+              deleteListId: Y,
+              enableReply: _ <= S || p.role === "editor" || p.role === "moderator",
+              handleReplyTo: U,
+              replyRedirectUrl: K,
               shareUrl: `https://app.logora.fr/share/a/${e.id}`,
-              shareTitle: l.formatMessage({
+              shareTitle: a.formatMessage({
                 id: "share.argument.title",
                 defaultMessage: "Share a debate"
               }),
-              shareText: l.formatMessage({
+              shareText: a.formatMessage({
                 id: "share.argument.text",
                 defaultMessage: "This argument may interest you"
               }),
-              shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${i.shortname}&id=${e.id}&resource=argument" frameborder="0" width="100%" height="275px" scrolling="no"></iframe>`,
-              showShareCode: i?.actions?.hideCodeShare !== !0,
+              shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${r.shortname}&id=${e.id}&resource=argument" frameborder="0" width="100%" height="275px" scrolling="no"></iframe>`,
+              showShareCode: r?.actions?.hideCodeShare !== !0,
               showShareText: !0,
-              showShareButton: i?.actions?.hideShareButton !== !0,
+              showShareButton: r?.actions?.hideShareButton !== !0,
               enableReport: !(e.score === 100 && e.manual_score),
-              enableEdition: K,
-              enableDeletion: Q,
-              children: /* @__PURE__ */ s(
-                we,
+              enableEdition: z,
+              enableDeletion: O,
+              children: /* @__PURE__ */ o(
+                Ce,
                 {
                   voteableType: "Message",
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: o[`voteButtonPosition-${S}`],
-                  disabled: e.status === "rejected" || p?.id === e?.author?.id || L
+                  activeClassName: s[`voteButtonPosition-${C}`],
+                  disabled: e.status === "rejected" || p?.id === e?.author?.id || A
                 }
               )
             }
           ),
-          !x && !A && /* @__PURE__ */ s(
-            _e,
+          !N && !w && /* @__PURE__ */ o(
+            me,
             {
               numberReplies: e.number_replies,
               repliesAuthors: e.replies_authors,
-              expandReplies: u,
-              onToggleReplies: B,
+              expandReplies: m,
+              onToggleReplies: k,
               isReply: e.is_reply
             }
           )
         ]
       }
     ),
-    !A && /* @__PURE__ */ n(y, { children: [
-      re && /* @__PURE__ */ s(he, { fallback: null, children: /* @__PURE__ */ s(
-        Ue,
+    !w && /* @__PURE__ */ l(f, { children: [
+      ee && /* @__PURE__ */ o(de, { fallback: null, children: /* @__PURE__ */ o(
+        Ne,
         {
           groupId: e.group_id,
-          groupType: N,
-          groupName: w,
-          positions: b,
+          groupType: R,
+          groupName: T,
+          positions: g,
           parentId: e.id,
-          positionId: q?.position_id,
-          disabled: M,
-          hideSourceAction: i?.actions?.disableUserSources || !1,
+          positionId: H?.position_id,
+          disabled: b,
+          hideSourceAction: r?.actions?.disableUserSources || !1,
           onSubmit: (t) => {
-            const r = `argument_${e.id}_reply_list`;
-            I.add(r, [t]), k(), C(!0);
+            const i = `argument_${e.id}_reply_list`;
+            X.add(i, [t]), U(), M(!0);
           },
           onUpdate: (t) => {
-            h(
-              (r) => r?.map(
-                (a) => a.id === t.id ? { ...a, ...t } : a
+            v(
+              (i) => i?.map(
+                (d) => d.id === t.id ? { ...d, ...t } : d
               )
             );
           },
           isReply: !0,
           autoFocus: !0,
           avatarSize: 40,
-          placeholder: l.formatMessage({
+          placeholder: a.formatMessage({
             id: "input.reply_input.your_answer",
             defaultMessage: "Your answer"
           }),
-          userGuideUrl: i?.provider?.userGuideUrl,
-          hideUserGuideLink: i?.provider?.hideUserGuideLink
+          userGuideUrl: r?.provider?.userGuideUrl,
+          hideUserGuideLink: r?.provider?.hideUserGuideLink
         },
         `Reply${e.id}`
       ) }),
-      m?.length > 0 && u && /* @__PURE__ */ s("div", { className: o.repliesList, children: m.map((t) => E(t)) }),
-      u && /* @__PURE__ */ s("div", { className: o.repliesList, children: /* @__PURE__ */ s(
-        xe,
+      u?.length > 0 && m && /* @__PURE__ */ o("div", { className: s.repliesList, children: u.map((t) => $(t)) }),
+      m && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
+        Se,
         {
           voteableType: "Message",
           currentListId: `argument_${e.id}_reply_list`,
-          loadingComponent: /* @__PURE__ */ s(Ae, {}),
+          loadingComponent: /* @__PURE__ */ o(Re, {}),
           resource: "messages",
           sort: "+created_at",
           filters: {
@@ -326,18 +314,18 @@ const Ue = fe(() => import("../../input/argument_input/index.js").then((e) => ({
           perPage: 5,
           display: "column",
           resourcePropName: "argument",
-          emptyListComponent: /* @__PURE__ */ s(y, {}),
-          transformData: (t) => ne(t),
-          children: E(e)
+          emptyListComponent: /* @__PURE__ */ o(f, {}),
+          transformData: (t) => re(t),
+          children: $(e)
         }
       ) }),
-      m?.length > 0 && !u && /* @__PURE__ */ s("div", { className: o.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ s("div", { className: o.readMoreLink, children: /* @__PURE__ */ s(
-        Le,
+      u?.length > 0 && !m && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
+        Te,
         {
           role: "link",
-          rightIcon: /* @__PURE__ */ s(H, { name: "lightArrow", height: 10, width: 10 }),
-          handleClick: B,
-          children: l.formatMessage({
+          rightIcon: /* @__PURE__ */ o(E, { name: "lightArrow", height: 10, width: 10 }),
+          handleClick: k,
+          children: a.formatMessage({
             id: "argument.argument.see_more",
             defaultMessage: "See more"
           })
@@ -345,8 +333,8 @@ const Ue = fe(() => import("../../input/argument_input/index.js").then((e) => ({
       ) }) })
     ] })
   ] });
-}, ke = $e;
+}, Ae = we;
 export {
-  $e as Argument,
-  ke as ArgumentContainer
+  we as Argument,
+  Ae as ArgumentContainer
 };

package/dist/components/argument/argument/useRichContent.js

@@ -1,18 +1,16 @@
-import { useState as l, useEffect as s } from "react";
-import { lexicalToHtml as i } from "../../input/text_editor/lexicalToHtml.js";
+import { useState as r, useEffect as i } from "react";
+import { lexicalToHtml as s } from "../../input/text_editor/lexicalToHtml.js";
 const f = (t) => {
-  const [n, e] = l(null);
-  return s(() => {
+  const [e, n] = r(null);
+  return i(() => {
     if (t.rich_content && t.is_deleted != !0) {
       const o = JSON.parse(t.rich_content);
       if (o.hasOwnProperty("root")) {
-        const c = i(o);
-        e(c);
-      } else
-        e(null);
-    } else
-      e(null);
-  }, [t.rich_content, t.is_deleted]), n;
+        const c = s(o);
+        n(c);
+      }
+    }
+  }, [t.rich_content]), e;
 };
 export {
   f as useRichContent

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

@@ -1,4 +1,4 @@
-import { jsxs as A, jsx as s } from "react/jsx-runtime";
+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 { useIntl as ze, FormattedMessage as he } from "react-intl";
@@ -35,7 +35,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
   onUpdate: G,
   parentId: M,
   placeholder: ve,
-  positionId: C,
+  positionId: w,
   focusOnInit: be = !1,
   activeOnInit: P = !1,
   userGuideUrl: H,
@@ -51,24 +51,24 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     inputContent: B,
     setInputContent: te,
     setInputRichContent: Ie
-  } = He(), { isLoggedIn: w, 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), [S, ue] = c(!1), [I, 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 = 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(
     "userSide",
     {}
   ), [g, Te] = c(
-    !w && v?.actions?.disableInputForVisitor
+    !S && v?.actions?.disableInputForVisitor
   ), k = et(), { showModal: Le } = tt(), { toast: R } = nt() || {}, le = new URLSearchParams(
     typeof window < "u" ? window.location.search : xe.search
   );
   p(() => {
     Te(
-      !w && v?.actions?.disableInputForVisitor
+      !S && v?.actions?.disableInputForVisitor
     );
-  }, [w, v]);
+  }, [S, v]);
   const j = u?.role === "editor" || u?.role === "moderator", ce = u?.moderation_status === "banned";
   p(() => {
     let e = null;
-    typeof window < "u" && (e = le.get("positionId")), C && C != a[2]?.id && a?.find((t) => t.id === C) ? b(C) : e && e != a[2]?.id ? b(e) : f && f.groupId == _ && f.positionId != a[2]?.id && b(f.positionId);
-  }, [C]), p(() => {
+    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]), p(() => {
     P && (z(), Y(!0), L());
@@ -108,7 +108,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       ) })
     );
   }, Ee = () => {
-    w ? 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 ? qe() : !a || a?.length === 0 || !y?.find((e) => e?.id === d) && d || j && r ? ge(r && j && a[0]?.id) : Be() : k({ loginAction: "argument" });
   }, $e = (e, t) => {
     g ? k({ loginAction: "argument" }) : (U(e), W(t), $({ content: e }, [{ content: ["url", null] }]));
   }, Ve = (e) => {
@@ -190,12 +190,12 @@ 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 (I?.is_reply || r) {
-          const h = I?.message_id || M;
+        if (A?.is_reply || r) {
+          const h = A?.message_id || A?.reply_to_id || M;
           h && (i = `argument_${h}_reply_list`);
         } else d && !m && (i = `argumentList${l.position?.id}`);
-        if (!I?.is_reply && I?.position?.id != l.position?.id && !m) {
-          const h = `argumentList${I.position.id}`, F = `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]);
         } else
           T.update(i, [l]);
@@ -227,7 +227,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
         { position: e.name }
       );
   };
-  return /* @__PURE__ */ A("div", { className: n.inputContainer, children: [
+  return /* @__PURE__ */ C("div", { className: n.inputContainer, children: [
     O && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ce ? o.formatMessage({
       id: "input.argument_input.user_banned",
       defaultMessage: "You are banned from the debate space."
@@ -242,8 +242,8 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
           [n.flash]: oe,
           [n.replyInputContainer]: r
         }),
-        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: ne, children: /* @__PURE__ */ A("div", { className: n.argumentInputBox, children: [
-          a.length > 0 && w && (!r || !j) && /* @__PURE__ */ A("div", { className: n.userPosition, children: [
+        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({
               id: "input.position",
               defaultMessage: "Your position"
@@ -258,7 +258,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
               }
             )
           ] }),
-          /* @__PURE__ */ A(
+          /* @__PURE__ */ C(
             "div",
             {
               className: x(n.argumentTextInputBox, {
@@ -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 && S || r
+                      [n.argumentAuthorContainerActivated]: !m && I || r
                     }),
-                    children: !m && S || r ? /* @__PURE__ */ s(
+                    children: !m && I || r ? /* @__PURE__ */ s(
                       st,
                       {
                         avatarUrl: u.image_url,
@@ -291,7 +291,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                     )
                   }
                 ),
-                /* @__PURE__ */ A(
+                /* @__PURE__ */ C(
                   "div",
                   {
                     onClick: z,
@@ -319,7 +319,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                           hideSourceAction: Me || g,
                           uid: M ? `Reply${_}_${M}` : `Argument${_}`,
                           onActivation: z,
-                          showStylesControls: S,
+                          showStylesControls: I,
                           disabled: O || g || ce,
                           maxLength: g ? !1 : v?.actions?.argumentMaxLength,
                           disableRichText: v?.actions?.disableRichText || g,
@@ -333,9 +333,9 @@ 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)) }),
-                      S && y?.find(
+                      I && y?.find(
                         (e) => e.id === d
-                      ) && /* @__PURE__ */ A(
+                      ) && /* @__PURE__ */ C(
                         "div",
                         {
                           className: x(
@@ -356,7 +356,7 @@ const ut = je(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                           ]
                         }
                       ),
-                      S && H && !Ae && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
+                      I && H && !Ae && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
                         he,
                         {
                           id: "alert.guide_message",

package/dist/components/list/paginated_list/PaginatedList.js

@@ -1,6 +1,6 @@
-import { jsxs as Q, jsx as g, Fragment as $e } from "react/jsx-runtime";
-import Qe from "@rooks/use-previous";
-import Ue from "classnames";
+import { jsxs as U, jsx as g, Fragment as Qe } from "react/jsx-runtime";
+import Ue from "@rooks/use-previous";
+import $e from "classnames";
 import We, { useState as f, useEffect as p } from "react";
 import { useIntl as ze } from "react-intl";
 import { useLocation as Ge } from "react-router";
@@ -18,7 +18,7 @@ const ct = ({
   sortOptions: o,
   sort: M,
   filters: m,
-  tagList: se,
+  tagList: ne,
   pinnedTagList: ae,
   currentPage: R,
   resource: A,
@@ -31,8 +31,8 @@ const ct = ({
   queryParam: de = "query",
   tagParam: re = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: U,
-  onElementsLoad: _,
+  onUpdateTotal: $,
+  onElementsLoad: b,
   transformData: W,
   uniqueIdKey: S = "id",
   children: fe,
@@ -55,44 +55,44 @@ const ct = ({
   withUrlParams: Ne = !1,
   onLoadNewPage: Z
 }) => {
-  const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [b, E] = f(!1), [Re, _e] = f(!1), [d, y] = Ze(a, []), [O, be] = f(
+  const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [k, E] = f(!1), [Re, be] = f(!1), [d, y] = Ze(a, []), [O, ke] = f(
     d?.length || 0
-  ), [h, j] = f(R || 1), [w, B] = f(N || null), [k, q] = f(null), [ke, ee] = f(null), c = new URLSearchParams(
+  ), [h, j] = f(R || 1), [w, B] = f(N || null), [C, q] = f(null), [Ce, ee] = f(null), c = new URLSearchParams(
     typeof window < "u" ? window.location.search : I.search
-  ), Ce = () => o && o[0].type === "sort" && o[0].value || M || "", Te = () => {
+  ), Te = () => o && o[0].type === "sort" && o[0].value || M || "", Fe = () => {
     let e = {};
     return o && o[0].type === "filter" && (e[o[0].name] = o[0].value), m && (e = Object.assign({}, e, m)), e;
-  }, [C, T] = f(Ce()), [$, F] = f(Te()), te = Qe(m);
-  R && R !== h && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !== C && T(M), te && JSON.stringify(m) !== JSON.stringify(te) && JSON.stringify(m) !== JSON.stringify($) && F(m), p(() => {
+  }, [T, F] = f(Te()), [Q, _] = f(Fe()), te = Ue(m);
+  R && R !== h && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !== T && F(M), te && JSON.stringify(m) !== JSON.stringify(te) && JSON.stringify(m) !== JSON.stringify(Q) && _(m), p(() => {
     if (c.get("tagId") && q(Number.parseInt(c.get("tagId"))), c.get("search") && B(c.get("search")), c.get("sort")) {
-      T(c.get("sort"));
+      F(c.get("sort"));
       for (const e of c.values()) {
-        o?.map((n) => {
-          n.value === e && ee(n.name);
+        o?.map((s) => {
+          s.value === e && ee(s.name);
         });
         break;
       }
     }
     for (const e of c.keys()) {
-      o?.map((n) => {
-        n.name === e && (F({
+      o?.map((s) => {
+        s.name === e && (_({
           ...m,
-          [n.name]: n.value
-        }), ee(n.name));
+          [s.name]: s.value
+        }), ee(s.name));
       });
       break;
     }
   }, [I.search]), p(() => {
-    A ? (j(1), y([]), E(!0), ne(1)) : E(!1);
+    A ? (j(1), y([]), E(!0), se(1)) : E(!1);
   }, [
-    C,
-    $,
+    T,
+    Q,
     w,
     A,
-    k,
+    C,
     v
   ]), p(() => {
-    h > 1 && (E(!0), ne(h));
+    h > 1 && (E(!0), se(h));
   }, [h]), p(() => {
     if (t.addElements && a in t.addElements && t.addElements[a].length > 0) {
       Ae(t.addElements[a]);
@@ -103,15 +103,15 @@ const ct = ({
     if (t.updateElements && a in t.updateElements) {
       const e = t.updateElements[a];
       if (e.length > 0) {
-        const n = e.filter(
-          (i) => d.some((s) => s.id === i.id)
+        const s = e.filter(
+          (i) => d.some((n) => n.id === i.id)
         );
-        if (n.length > 0) {
-          De(n);
+        if (s.length > 0) {
+          De(s);
           const i = e.filter(
             (r) => !d.some((u) => u.id === r.id)
-          ), s = { ...t.updateElements };
-          i.length > 0 ? s[a] = i : delete s[a], t.setUpdateElements(s);
+          ), n = { ...t.updateElements };
+          i.length > 0 ? n[a] = i : delete n[a], t.setUpdateElements(n);
         }
       }
     }
@@ -122,71 +122,71 @@ const ct = ({
       delete e[a], t.setRemoveElements(e);
     }
   }, [t.removeElements, d]);
-  const Fe = (e) => {
-    e.type === "filter" ? (T(""), F({
+  const _e = (e) => {
+    e.type === "filter" ? (F(""), _({
       ...m,
       [e.name]: e.value
-    })) : (T(e.value), F(m ? { ...m } : {}));
+    })) : (F(e.value), _(m ? { ...m } : {}));
   }, xe = () => {
     typeof Z == "function" && Z() !== null || j(h + 1);
-  }, ne = (e) => {
-    const n = le ? H.getListWithToken : H.getList;
+  }, se = (e) => {
+    const s = le ? H.getListWithToken : H.getList;
     if ((e - 1) * v <= (Y || O) || e === 1) {
       const i = {
         [oe]: e,
         [ie]: v,
-        ...C && !w && { [me]: C },
+        ...T && !w && { [me]: T },
         ...w && { [de]: w },
         ...ye === !0 && { countless: !0 },
-        ...$,
-        ...k && { [re]: k }
+        ...Q,
+        ...C && { [re]: C }
       };
-      n(A, i).then((s) => {
-        const r = s.headers;
-        r && D in r && (be(
+      s(A, i).then((n) => {
+        const r = n.headers;
+        r && D in r && (ke(
           Number.parseInt(r[D || "total"], 10)
-        ), U && U(r[D || "total"]));
-        let u = s?.data?.data;
-        _ && _(u), W && (u = u.filter(W)), t.addElements && a in t.addElements && t.addElements[a].length > 0 && (u = [...t.addElements[a], u]), Le(u), E(!1);
-      }).catch((s) => {
-        console.error(s), s?.response?.status !== 404 && _e(!0), E(!1);
+        ), $ && $(r[D || "total"]));
+        let u = n?.data?.data;
+        b && b(u), W && (u = u.filter(W)), t.addElements && a in t.addElements && t.addElements[a].length > 0 && (u = [...t.addElements[a], u]), Le(u), E(!1);
+      }).catch((n) => {
+        console.error(n), n?.response?.status !== 404 && be(!0), E(!1);
       });
     } else
       E(!1);
   }, Ae = (e) => {
     y(
-      (n) => x([...e, ...n], S || "id")
-    ), _ && _(e);
+      (s) => x([...e, ...s], S || "id")
+    ), b && b(e);
   }, De = (e) => {
-    y((n) => {
-      let i = n;
+    y((s) => {
+      let i = s;
       return e.forEach(
-        (s) => i = i.map(
-          (r) => r.id === s.id ? s : r
+        (n) => i = i.map(
+          (r) => r.id === n.id ? n : r
         )
       ), x(i, S || "id");
     });
   }, Je = (e) => {
-    const n = e.map((s) => s.id), i = d.filter(
-      (s) => n.indexOf(s.id) === -1
+    const s = e.map((n) => n.id), i = d.filter(
+      (n) => s.indexOf(n.id) === -1
     );
     y(x(i, S || "id"));
   }, Le = (e) => {
     y(
-      (n) => x([...n, ...e], S || "id")
+      (s) => x([...s, ...e], S || "id")
     );
-  }, je = (e, n) => e !== void 0 ? /* @__PURE__ */ g(
+  }, je = (e, s) => e !== void 0 ? /* @__PURE__ */ g(
     "li",
     {
       className: l.paginatedListItem,
       "data-testid": "list-item",
       onClick: we,
       children: /* @__PURE__ */ g(Ie, { hideMessage: !0, children: We.cloneElement(fe, {
-        index: n,
+        index: s,
         [ce]: e
       }) })
     },
-    `${e[S || "id"]}_${e.updated_at || ""}_${e.rich_content || e.content || ""}`
+    `${e[S || "id"]}_${e.updated_at || e.content}`
   ) : null, Be = (e) => z ? /* @__PURE__ */ g("li", { className: l.paginatedListItem, children: z }, e) : null;
   if (Re)
     throw new Error(
@@ -195,7 +195,7 @@ const ct = ({
         defaultMessage: "Error when loading content."
       })
     );
-  return /* @__PURE__ */ Q("div", { className: l.listContainer, children: [
+  return /* @__PURE__ */ U("div", { className: l.listContainer, children: [
     /* @__PURE__ */ g(
       Pe,
       {
@@ -203,25 +203,25 @@ const ct = ({
         subtitle: Ee,
         showDebateConsultationSubtitle: he,
         sortOptions: o,
-        defaultSelectOption: ke,
+        defaultSelectOption: Ce,
         searchBar: ue,
-        tagList: se,
+        tagList: ne,
         pinnedTagList: ae,
-        activeTagId: k,
+        activeTagId: C,
         onSearch: (e) => B(e),
-        onSortChange: Fe,
+        onSortChange: _e,
         onTagChange: (e) => q(e),
         withUrlParams: Ne
       }
     ),
-    !b && d.length === 0 ? G ? /* @__PURE__ */ g("div", { className: l.emptyListElement, children: G }) : /* @__PURE__ */ g("div", { className: l.emptyList, children: P || J.formatMessage({
+    !k && d.length === 0 ? G ? /* @__PURE__ */ g("div", { className: l.emptyListElement, children: G }) : /* @__PURE__ */ g("div", { className: l.emptyList, children: P || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
-    }) }) : /* @__PURE__ */ Q($e, { children: [
-      /* @__PURE__ */ Q(
+    }) }) : /* @__PURE__ */ U(Qe, { children: [
+      /* @__PURE__ */ U(
         "ul",
         {
-          className: Ue(l.paginatedList, {
+          className: $e(l.paginatedList, {
             [l.paginatedListIsTablet]: !K && !L,
             [l.centeredList]: V === "column",
             [l.column]: V === "column",
@@ -235,11 +235,11 @@ const ct = ({
           style: { gap: ve },
           children: [
             d.map(je),
-            b ? Array(v).fill().map((e, n) => n).map(Be) : null
+            k ? Array(v).fill().map((e, s) => s).map(Be) : null
           ]
         }
       ),
-      !b && Se !== !1 && /* @__PURE__ */ g(
+      !k && Se !== !1 && /* @__PURE__ */ g(
         He,
         {
           buttonText: J.formatMessage({
@@ -250,7 +250,7 @@ const ct = ({
           perPage: v,
           totalElements: Y || O,
           onLoad: xe,
-          isLoading: b,
+          isLoading: k,
           hideLoader: !0,
           "data-tid": "list_read_more"
         }

package/dist/components/vote/vote_box/VoteBox.module.scss.js

@@ -1,65 +1,65 @@
-import '../../../assets/components/vote/vote_box/VoteBox.module-DXymYDHj.css';const t = "_voteBox_1tf6x_3", o = "_voteResultsBox_1tf6x_11", e = "_voteResults_1tf6x_11", s = "_voteProgressHeader_1tf6x_22", n = "_voteProgressHeaderAgainst_1tf6x_35", _ = "_voteResultsNumberVoters_1tf6x_39", u = "_voteBoxFooter_1tf6x_47", x = "_voteBoxActions_1tf6x_56", v = "_voteBoxActionsBody_1tf6x_66", B = "_voteBoxActionsBodyColumn_1tf6x_74", c = "_voteAction_1tf6x_78", r = "_buttonAlignLeft_1tf6x_88", i = "_voteButton_1tf6x_92", l = "_textAlignLeft_1tf6x_103", f = "_voteBoxShowResultContainer_1tf6x_107", d = "_voteBoxShowResult_1tf6x_107", b = "_boldShowResult_1tf6x_131", A = "_outlined_1tf6x_136", a = "_voteButtonThesis_1tf6x_143", R = "_voteButtonThesisSynthesisMobile_1tf6x_155", g = "_voteBoxActionsBodyOutlined_1tf6x_194", h = "_voteActionButton_1tf6x_233", m = "_sideIcon_1tf6x_248", y = "_progress_1tf6x_253", w = "_progressBar_1tf6x_259", C = "_voteCommentCounts_1tf6x_276", S = "_debateNumberItem_1tf6x_284", I = "_debateNumberLabel_1tf6x_293", L = "_showResultButton_1tf6x_297", N = "_voteResultInfoText_1tf6x_310", T = {
-  voteBox: t,
-  voteResultsBox: o,
+import '../../../assets/components/vote/vote_box/VoteBox.module-uT1IZ6Ag.css';const o = "_voteBox_1k8f1_3", t = "_voteResultsBox_1k8f1_11", e = "_voteResults_1k8f1_11", s = "_voteProgressHeader_1k8f1_22", n = "_voteProgressHeaderAgainst_1k8f1_35", _ = "_voteResultsNumberVoters_1k8f1_39", u = "_voteBoxFooter_1k8f1_47", v = "_voteBoxActions_1k8f1_56", B = "_voteBoxActionsBody_1k8f1_66", c = "_voteBoxActionsBodyColumn_1k8f1_74", r = "_voteAction_1k8f1_78", i = "_buttonAlignLeft_1k8f1_88", l = "_voteButton_1k8f1_92", f = "_textAlignLeft_1k8f1_103", d = "_voteBoxShowResultContainer_1k8f1_107", x = "_voteBoxShowResult_1k8f1_107", k = "_boldShowResult_1k8f1_131", b = "_outlined_1k8f1_136", A = "_voteButtonThesis_1k8f1_143", a = "_voteButtonThesisSynthesisMobile_1k8f1_155", R = "_voteBoxActionsBodyOutlined_1k8f1_194", g = "_voteActionButton_1k8f1_233", h = "_sideIcon_1k8f1_248", m = "_progress_1k8f1_253", y = "_progressBar_1k8f1_259", w = "_voteCommentCounts_1k8f1_276", C = "_debateNumberItem_1k8f1_284", S = "_debateNumberLabel_1k8f1_293", I = "_showResultButton_1k8f1_297", L = "_voteResultInfoText_1k8f1_310", N = {
+  voteBox: o,
+  voteResultsBox: t,
   voteResults: e,
   voteProgressHeader: s,
   voteProgressHeaderAgainst: n,
   voteResultsNumberVoters: _,
   voteBoxFooter: u,
-  voteBoxActions: x,
-  voteBoxActionsBody: v,
-  voteBoxActionsBodyColumn: B,
-  voteAction: c,
-  buttonAlignLeft: r,
-  voteButton: i,
-  textAlignLeft: l,
-  voteBoxShowResultContainer: f,
-  voteBoxShowResult: d,
-  boldShowResult: b,
-  outlined: A,
-  voteButtonThesis: a,
-  voteButtonThesisSynthesisMobile: R,
-  voteBoxActionsBodyOutlined: g,
-  voteActionButton: h,
-  sideIcon: m,
-  progress: y,
-  progressBar: w,
-  voteCommentCounts: C,
-  debateNumberItem: S,
-  debateNumberLabel: I,
-  showResultButton: L,
-  voteResultInfoText: N
+  voteBoxActions: v,
+  voteBoxActionsBody: B,
+  voteBoxActionsBodyColumn: c,
+  voteAction: r,
+  buttonAlignLeft: i,
+  voteButton: l,
+  textAlignLeft: f,
+  voteBoxShowResultContainer: d,
+  voteBoxShowResult: x,
+  boldShowResult: k,
+  outlined: b,
+  voteButtonThesis: A,
+  voteButtonThesisSynthesisMobile: a,
+  voteBoxActionsBodyOutlined: R,
+  voteActionButton: g,
+  sideIcon: h,
+  progress: m,
+  progressBar: y,
+  voteCommentCounts: w,
+  debateNumberItem: C,
+  debateNumberLabel: S,
+  showResultButton: I,
+  voteResultInfoText: L
 };
 export {
-  b as boldShowResult,
-  r as buttonAlignLeft,
-  S as debateNumberItem,
-  I as debateNumberLabel,
-  T as default,
-  A as outlined,
-  y as progress,
-  w as progressBar,
-  L as showResultButton,
-  m as sideIcon,
-  l as textAlignLeft,
-  c as voteAction,
-  h as voteActionButton,
-  t as voteBox,
-  x as voteBoxActions,
-  v as voteBoxActionsBody,
-  B as voteBoxActionsBodyColumn,
-  g as voteBoxActionsBodyOutlined,
+  k as boldShowResult,
+  i as buttonAlignLeft,
+  C as debateNumberItem,
+  S as debateNumberLabel,
+  N as default,
+  b as outlined,
+  m as progress,
+  y as progressBar,
+  I as showResultButton,
+  h as sideIcon,
+  f as textAlignLeft,
+  r as voteAction,
+  g as voteActionButton,
+  o as voteBox,
+  v as voteBoxActions,
+  B as voteBoxActionsBody,
+  c as voteBoxActionsBodyColumn,
+  R as voteBoxActionsBodyOutlined,
   u as voteBoxFooter,
-  d as voteBoxShowResult,
-  f as voteBoxShowResultContainer,
-  i as voteButton,
-  a as voteButtonThesis,
-  R as voteButtonThesisSynthesisMobile,
-  C as voteCommentCounts,
+  x as voteBoxShowResult,
+  d as voteBoxShowResultContainer,
+  l as voteButton,
+  A as voteButtonThesis,
+  a as voteButtonThesisSynthesisMobile,
+  w as voteCommentCounts,
   s as voteProgressHeader,
   n as voteProgressHeaderAgainst,
-  N as voteResultInfoText,
+  L as voteResultInfoText,
   e as voteResults,
-  o as voteResultsBox,
+  t as voteResultsBox,
   _ as voteResultsNumberVoters
 };

package/package.json

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

package/dist/assets/components/vote/vote_box/VoteBox.module-DXymYDHj.css

@@ -1 +0,0 @@
-._voteBox_1tf6x_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_1tf6x_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_1tf6x_11{padding:0!important}._voteProgressHeader_1tf6x_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_1tf6x_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_1tf6x_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_1tf6x_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_1tf6x_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_1tf6x_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_1tf6x_74{grid-template-columns:1fr}._voteAction_1tf6x_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_1tf6x_78._buttonAlignLeft_1tf6x_88{justify-content:flex-start!important}button._voteButton_1tf6x_92,a._voteButton_1tf6x_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_1tf6x_103{justify-content:flex-start!important}._voteBoxShowResultContainer_1tf6x_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_1tf6x_107{cursor:pointer}._voteBoxShowResult_1tf6x_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_1tf6x_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_1tf6x_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_1tf6x_107 ._boldShowResult_1tf6x_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_1tf6x_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_1tf6x_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_1tf6x_155{text-align:center!important}}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92,._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92,._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_1tf6x_233{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_1tf6x_233:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_1tf6x_248 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_1tf6x_253{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));color:var(--text-secondary, #5F5F5F);height:25px}._progressBar_1tf6x_259{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:25px}._voteResults_1tf6x_11>div:first-child ._progress_1tf6x_253 ._progressBar_1tf6x_259{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_1tf6x_11>div:nth-child(2) ._progress_1tf6x_253 ._progressBar_1tf6x_259{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_1tf6x_11 div:nth-child(3) ._progress_1tf6x_253 ._progressBar_1tf6x_259{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_1tf6x_276{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_1tf6x_284{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_1tf6x_293{white-space:nowrap}._showResultButton_1tf6x_297{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_1tf6x_297:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_1tf6x_310{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}