@logora/debate 0.3.58 → 0.3.60

package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-CZB4qRb2.css

@@ -0,0 +1 @@
+._container_jsaa0_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background:var(--background-color-primary, white)}._container_jsaa0_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImageBox_jsaa0_18{position:relative}._consultationImage_jsaa0_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:var(--img-aspect-ratio, 16/9);object-fit:cover;display:block}._consultationTime_jsaa0_31{display:flex!important;align-items:center!important;position:absolute;left:var(--space-unit, 1em);bottom:var(--space-unit, 1em);padding-right:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-left:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px);font-size:var(--font-size-normal, 16px);color:var(--text-light, white);max-width:93%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._consultationTime_jsaa0_31 span{color:var(--text-light, white)}._consultationTime_jsaa0_31._ended_jsaa0_53{background-color:var(--call-primary-color, #434343)}._consultationTitle_jsaa0_57{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._iconVote_jsaa0_66{padding-top:3px!important}._iconChat_jsaa0_70{padding-top:6px!important}._consultationButtonContainer_jsaa0_74{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_jsaa0_74:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_jsaa0_74 ._arrowIcon_jsaa0_86{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_jsaa0_94{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;min-height:50px}._consultationInformations_jsaa0_94 ._consultationLeft_jsaa0_104{display:flex!important}._consultationInformations_jsaa0_94 ._consultationGroupInformation_jsaa0_107{display:flex!important;align-items:center!important}._consultationInformations_jsaa0_94 ._consultationGroupInformation_jsaa0_107._consultationGroupRight_jsaa0_111{padding-right:var(--space-unit, 1em)!important}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._progress_jsaa0_114{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._bar_jsaa0_128{background-color:var(--call-primary-color, #434343)}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._totalVotes_jsaa0_131{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._totalVotesPercentage_jsaa0_134{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_jsaa0_94 ._consultationTextInformation_jsaa0_137{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;padding-top:10px!important}

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

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

package/dist/components/consultation/consultation_box/ConsultationBox.module.scss.js

@@ -1,18 +1,18 @@
-import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-BPJksgZ-.css';const o = "_container_e2zsr_3", n = "_consultationImageBox_e2zsr_18", t = "_consultationImage_e2zsr_18", s = "_consultationTime_e2zsr_31", a = "_ended_e2zsr_53", e = "_consultationTitle_e2zsr_57", i = "_iconVote_e2zsr_66", r = "_iconChat_e2zsr_70", c = "_consultationInformations_e2zsr_94", _ = "_consultationLeft_e2zsr_104", u = "_consultationGroupInformation_e2zsr_107", l = "_consultationGroupRight_e2zsr_111", m = "_progressBarContainer_e2zsr_114", z = "_progress_e2zsr_114", g = "_bar_e2zsr_128", I = "_consultationTextInformation_e2zsr_137", f = {
+import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-CZB4qRb2.css';const o = "_container_jsaa0_3", n = "_consultationImageBox_jsaa0_18", t = "_consultationImage_jsaa0_18", a = "_consultationTime_jsaa0_31", s = "_ended_jsaa0_53", i = "_consultationTitle_jsaa0_57", c = "_iconVote_jsaa0_66", _ = "_iconChat_jsaa0_70", e = "_consultationInformations_jsaa0_94", r = "_consultationLeft_jsaa0_104", u = "_consultationGroupInformation_jsaa0_107", l = "_consultationGroupRight_jsaa0_111", m = "_progressBarContainer_jsaa0_114", j = "_progress_jsaa0_114", g = "_bar_jsaa0_128", I = "_consultationTextInformation_jsaa0_137", f = {
   container: o,
   consultationImageBox: n,
   consultationImage: t,
-  consultationTime: s,
-  ended: a,
-  consultationTitle: e,
-  iconVote: i,
-  iconChat: r,
-  consultationInformations: c,
-  consultationLeft: _,
+  consultationTime: a,
+  ended: s,
+  consultationTitle: i,
+  iconVote: c,
+  iconChat: _,
+  consultationInformations: e,
+  consultationLeft: r,
   consultationGroupInformation: u,
   consultationGroupRight: l,
   progressBarContainer: m,
-  progress: z,
+  progress: j,
   bar: g,
   consultationTextInformation: I
 };
@@ -22,16 +22,16 @@ export {
   l as consultationGroupRight,
   t as consultationImage,
   n as consultationImageBox,
-  c as consultationInformations,
-  _ as consultationLeft,
+  e as consultationInformations,
+  r as consultationLeft,
   I as consultationTextInformation,
-  s as consultationTime,
-  e as consultationTitle,
+  a as consultationTime,
+  i as consultationTitle,
   o as container,
   f as default,
-  a as ended,
-  r as iconChat,
-  i as iconVote,
-  z as progress,
+  s as ended,
+  _ as iconChat,
+  c as iconVote,
+  j as progress,
   m as progressBarContainer
 };

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

@@ -1,26 +1,26 @@
-import { jsxs as P, jsx as c, Fragment as je } from "react/jsx-runtime";
+import { jsxs as $, jsx as c, Fragment as je } from "react/jsx-runtime";
 import Be from "@rooks/use-previous";
 import Le from "classnames";
 import Qe, { useState as m, useEffect as h } from "react";
-import { useIntl as Pe } from "react-intl";
-import { useLocation as Ue } from "react-router";
+import { useIntl as $e } from "react-intl";
+import { useLocation as Pe } from "react-router";
 import a from "./PaginatedList.module.scss.js";
-import { ActionBar as We } from "./action_bar/ActionBar.js";
-import { useList as ze } from "../list_provider/useList.js";
-import { useDataProvider as Ge } from "../../data/data_provider/useDataProvider.js";
-import { useResponsive as Ve } from "../../hooks/use_responsive/useResponsive.js";
-import { useData as Xe } from "../../data/data_provider/useData.js";
-import { uniqueBy as A } from "../../util/unique_by/uniqueBy.js";
-import { Pagination as Ye } from "../pagination/Pagination.js";
-import { StandardErrorBoundary as Ze } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
-const rt = ({
+import { ActionBar as Ue } from "./action_bar/ActionBar.js";
+import { useList as We } from "../list_provider/useList.js";
+import { useDataProvider as ze } from "../../data/data_provider/useDataProvider.js";
+import { useResponsive as Ge } from "../../hooks/use_responsive/useResponsive.js";
+import { useData as Ve } from "../../data/data_provider/useData.js";
+import { uniqueBy as x } from "../../util/unique_by/uniqueBy.js";
+import { Pagination as Xe } from "../pagination/Pagination.js";
+import { StandardErrorBoundary as Ye } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
+const dt = ({
   query: w,
   sortOptions: i,
   sort: N,
   filters: o,
   tagList: ne,
   currentPage: M,
-  resource: _,
+  resource: A,
   currentListId: n,
   withToken: ae,
   perPage: p,
@@ -28,51 +28,51 @@ const rt = ({
   pageParam: ie = "page",
   sortParam: oe = "sort",
   queryParam: me = "query",
-  tagParam: re = "tag_id",
+  tagParam: de = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: U,
+  onUpdateTotal: P,
   onElementsLoad: R,
-  transformData: W,
+  transformData: U,
   uniqueIdKey: v = "id",
-  children: de,
+  children: re,
   resourcePropName: fe,
-  loadingComponent: z,
+  loadingComponent: W,
   searchBar: ce = !1,
   title: ue,
-  emptyListComponent: G,
-  emptyText: V,
-  display: X,
-  elementsPerLine: Y,
+  emptyListComponent: z,
+  emptyText: G,
+  display: V,
+  elementsPerLine: X,
   indexLayout: Ee = !1,
   gap: ge = "1em",
   withPagination: he = !0,
-  numberElements: Z,
+  numberElements: Y,
   countless: pe,
   onElementClick: ve,
   withUrlParams: Se = !1,
-  onLoadNewPage: $
+  onLoadNewPage: Z
 }) => {
-  const J = Pe(), t = ze(), H = Ge(), I = Ue(), { isMobile: K, isTablet: ye, isDesktop: j } = Ve(), [b, u] = m(!1), [we, Ne] = m(!1), [k, S] = Xe(n, []), [O, Me] = m(
+  const J = $e(), t = We(), H = ze(), I = Pe(), { isMobile: K, isTablet: ye, isDesktop: j } = Ge(), [b, u] = m(!1), [we, Ne] = m(!1), [k, S] = Ve(n, []), [O, Me] = m(
     k?.length || 0
-  ), [E, B] = m(M || 1), [y, L] = m(w || null), [C, q] = m(null), [Re, ee] = m(null), r = new URLSearchParams(
+  ), [E, B] = m(M || 1), [y, L] = m(w || null), [C, q] = m(null), [Re, ee] = m(null), d = new URLSearchParams(
     typeof window < "u" ? window.location.search : I.search
   ), be = () => i && i[0].type === "sort" && i[0].value || N || "", ke = () => {
     let e = {};
     return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
-  }, [F, T] = m(be()), [Q, x] = m(ke()), te = Be(o);
-  M && M !== E && B(M), w !== void 0 && w !== y && L(w), N !== void 0 && N !== F && T(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && x(o), h(() => {
-    if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && L(r.get("search")), r.get("sort")) {
-      T(r.get("sort"));
-      for (const e of r.values()) {
+  }, [F, T] = m(be()), [Q, _] = m(ke()), te = Be(o);
+  M && M !== E && B(M), w !== void 0 && w !== y && L(w), N !== void 0 && N !== F && T(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && _(o), h(() => {
+    if (d.get("tagId") && q(Number.parseInt(d.get("tagId"))), d.get("search") && L(d.get("search")), d.get("sort")) {
+      T(d.get("sort"));
+      for (const e of d.values()) {
         i?.map((s) => {
           s.value === e && ee(s.name);
         });
         break;
       }
     }
-    for (const e of r.keys()) {
+    for (const e of d.keys()) {
       i?.map((s) => {
-        s.name === e && (x({
+        s.name === e && (_({
           ...o,
           [s.name]: s.value
         }), ee(s.name));
@@ -80,12 +80,12 @@ const rt = ({
       break;
     }
   }, [I.search]), h(() => {
-    _ ? (B(1), S([]), u(!0), se(1)) : u(!1);
+    A ? (B(1), S([]), u(!0), se(1)) : u(!1);
   }, [
     F,
     Q,
     y,
-    _,
+    A,
     C,
     p
   ]), h(() => {
@@ -98,43 +98,43 @@ const rt = ({
     }
   }, [t.addElements]), h(() => {
     if (t.updateElements && n in t.updateElements && (console.log("[PaginatedList] update received for listId:", n, t.updateElements[n]), t.updateElements[n].length > 0)) {
-      xe(t.updateElements[n]);
+      _e(t.updateElements[n]);
       const e = t.updateElements;
       delete e[n], t.setUpdateElements(e);
     }
   }, [t.updateElements]), h(() => {
     if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
-      Ae(t.removeElements[n]);
+      xe(t.removeElements[n]);
       const e = t.removeElements;
       delete e[n], t.setRemoveElements(e);
     }
   }, [t.removeElements]);
   const Ce = (e) => {
-    e.type === "filter" ? (T(""), x({
+    e.type === "filter" ? (T(""), _({
       ...o,
       [e.name]: e.value
-    })) : (T(e.value), x(o ? { ...o } : {}));
+    })) : (T(e.value), _(o ? { ...o } : {}));
   }, Fe = () => {
-    typeof $ == "function" && $() !== null || B(E + 1);
+    typeof Z == "function" && Z() !== null || B(E + 1);
   }, se = (e) => {
     const s = ae ? H.getListWithToken : H.getList;
-    if ((e - 1) * p <= (Z || O) || e === 1) {
-      const d = {
+    if ((e - 1) * p <= (Y || O) || e === 1) {
+      const r = {
         [ie]: e,
         [le]: p,
         ...F && !y && { [oe]: F },
         ...y && { [me]: y },
         ...pe === !0 && { countless: !0 },
         ...Q,
-        ...C && { [re]: C }
+        ...C && { [de]: C }
       };
-      s(_, d).then((l) => {
+      s(A, r).then((l) => {
         const f = l.headers;
         f && D in f && (Me(
           Number.parseInt(f[D || "total"], 10)
-        ), U && U(f[D || "total"]));
+        ), P && P(f[D || "total"]));
         let g = l?.data?.data;
-        R && R(g), W && (g = g.filter(W)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), _e(g), u(!1);
+        R && R(g), U && (g = g.filter(U)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), Ae(g), u(!1);
       }).catch((l) => {
         console.error(l), l?.response?.status !== 404 && Ne(!0), u(!1);
       });
@@ -142,25 +142,25 @@ const rt = ({
       u(!1);
   }, Te = (e) => {
     S(
-      (s) => A([...e, ...s], v || "id")
+      (s) => x([...e, ...s], v || "id")
     ), R && R(e);
-  }, xe = (e) => {
+  }, _e = (e) => {
     S((s) => {
-      let d = s;
+      let r = s;
       return e.forEach(
-        (l) => d = d.map(
+        (l) => r = r.map(
           (f) => f.id === l.id ? l : f
         )
-      ), A(d, v || "id");
+      ), x(r, v || "id");
     });
-  }, Ae = (e) => {
-    const s = e.map((l) => l.id), d = k.filter(
+  }, xe = (e) => {
+    const s = e.map((l) => l.id), r = k.filter(
       (l) => s.indexOf(l.id) === -1
     );
-    S(A(d, v || "id"));
-  }, _e = (e) => {
+    S(x(r, v || "id"));
+  }, Ae = (e) => {
     S(
-      (s) => A([...s, ...e], v || "id")
+      (s) => x([...s, ...e], v || "id")
     );
   }, De = (e, s) => e !== void 0 ? /* @__PURE__ */ c(
     "li",
@@ -168,13 +168,13 @@ const rt = ({
       className: a.paginatedListItem,
       "data-testid": "list-item",
       onClick: ve,
-      children: /* @__PURE__ */ c(Ze, { hideMessage: !0, children: Qe.cloneElement(de, {
+      children: /* @__PURE__ */ c(Ye, { hideMessage: !0, children: Qe.cloneElement(re, {
         index: s,
         [fe]: e
       }) })
     },
-    e[v || "id"]
-  ) : null, Je = (e) => z ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: z }, e) : null;
+    `${e[v || "id"]}_${e.updated_at || e.content}`
+  ) : null, Je = (e) => W ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: W }, e) : null;
   if (we)
     throw new Error(
       J.formatMessage({
@@ -182,9 +182,9 @@ const rt = ({
         defaultMessage: "Error when loading content."
       })
     );
-  return /* @__PURE__ */ P("div", { className: a.listContainer, children: [
+  return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
     /* @__PURE__ */ c(
-      We,
+      Ue,
       {
         title: ue,
         sortOptions: i,
@@ -198,19 +198,19 @@ const rt = ({
         withUrlParams: Se
       }
     ),
-    !b && k.length === 0 ? G ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: G }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: V || J.formatMessage({
+    !b && k.length === 0 ? z ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: z }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: G || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
-    }) }) : /* @__PURE__ */ P(je, { children: [
-      /* @__PURE__ */ P(
+    }) }) : /* @__PURE__ */ $(je, { children: [
+      /* @__PURE__ */ $(
         "ul",
         {
           className: Le(a.paginatedList, {
             [a.paginatedListIsTablet]: !K && !j,
-            [a.centeredList]: X === "column",
-            [a.column]: X === "column",
-            [a.twoElementsPerLine]: Y === 2,
-            [a.oneElementPerLine]: Y === 1,
+            [a.centeredList]: V === "column",
+            [a.column]: V === "column",
+            [a.twoElementsPerLine]: X === 2,
+            [a.oneElementPerLine]: X === 1,
             [a.indexLayoutList]: Ee,
             [a.listIsDesktop]: j,
             [a.listIsTablet]: ye && !j,
@@ -224,7 +224,7 @@ const rt = ({
         }
       ),
       !b && he !== !1 && /* @__PURE__ */ c(
-        Ye,
+        Xe,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
@@ -232,7 +232,7 @@ const rt = ({
           }),
           currentPage: E,
           perPage: p,
-          totalElements: Z || O,
+          totalElements: Y || O,
           onLoad: Fe,
           isLoading: b,
           hideLoader: !0,
@@ -243,5 +243,5 @@ const rt = ({
   ] });
 };
 export {
-  rt as PaginatedList
+  dt as PaginatedList
 };

package/package.json

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

package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-BPJksgZ-.css

@@ -1 +0,0 @@
-._container_e2zsr_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background:var(--background-color-primary, white)}._container_e2zsr_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImageBox_e2zsr_18{position:relative}._consultationImage_e2zsr_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:16/9;object-fit:cover;display:block}._consultationTime_e2zsr_31{display:flex!important;align-items:center!important;position:absolute;left:var(--space-unit, 1em);bottom:var(--space-unit, 1em);padding-right:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-left:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px);font-size:var(--font-size-normal, 16px);color:var(--text-light, white);max-width:93%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._consultationTime_e2zsr_31 span{color:var(--text-light, white)}._consultationTime_e2zsr_31._ended_e2zsr_53{background-color:var(--call-primary-color, #434343)}._consultationTitle_e2zsr_57{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._iconVote_e2zsr_66{padding-top:3px!important}._iconChat_e2zsr_70{padding-top:6px!important}._consultationButtonContainer_e2zsr_74{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_e2zsr_74:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_e2zsr_74 ._arrowIcon_e2zsr_86{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_e2zsr_94{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;min-height:50px}._consultationInformations_e2zsr_94 ._consultationLeft_e2zsr_104{display:flex!important}._consultationInformations_e2zsr_94 ._consultationGroupInformation_e2zsr_107{display:flex!important;align-items:center!important}._consultationInformations_e2zsr_94 ._consultationGroupInformation_e2zsr_107._consultationGroupRight_e2zsr_111{padding-right:var(--space-unit, 1em)!important}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._progress_e2zsr_114{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._bar_e2zsr_128{background-color:var(--call-primary-color, #434343)}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._totalVotes_e2zsr_131{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._totalVotesPercentage_e2zsr_134{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_e2zsr_94 ._consultationTextInformation_e2zsr_137{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;padding-top:10px!important}