@logora/debate 0.3.54 → 0.3.56

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

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

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

@@ -186,7 +186,7 @@ const it = We(() => import("../../modal/side_modal/index.js").then((I) => ({ def
       if (t.data.success) {
         const r = t.data.data.resource;
         let s = I;
-        if (r.is_reply ? s = `argument_${r.reply_to_id || W?.reply_to_id}_reply_list` : l && !m && (s = `argumentList${r.position?.id}`), W?.position?.id != r.position?.id && !m && !r.is_reply) {
+        if (r.is_reply ? s = `argument_${r.reply_to_id || W?.reply_to_id}_reply_list` : l && !m && (s = `argumentList${r.position?.id}`), console.log("[updateArgument] listId:", s), W?.position?.id != r.position?.id && !m && !r.is_reply) {
           const y = `argumentList${W.position.id}`, T = `argumentList${r.position.id}`;
           x.remove(y, [r]), x.add(T, [r]);
         } else

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

@@ -1,13 +1,13 @@
-import { jsxs as U, jsx as c, Fragment as Le } from "react/jsx-runtime";
-import je from "@rooks/use-previous";
-import Be from "classnames";
+import { jsxs as P, 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 Ue } from "react-intl";
-import { useLocation as We } from "react-router";
+import { useIntl as Pe } from "react-intl";
+import { useLocation as Ue } from "react-router";
 import a from "./PaginatedList.module.scss.js";
-import { ActionBar as ze } from "./action_bar/ActionBar.js";
-import { useList as Ge } from "../list_provider/useList.js";
-import { useDataProvider as Pe } from "../../data/data_provider/useDataProvider.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";
@@ -30,16 +30,16 @@ const rt = ({
   queryParam: me = "query",
   tagParam: re = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: W,
+  onUpdateTotal: U,
   onElementsLoad: R,
-  transformData: z,
+  transformData: W,
   uniqueIdKey: v = "id",
   children: de,
   resourcePropName: fe,
-  loadingComponent: G,
+  loadingComponent: z,
   searchBar: ce = !1,
   title: ue,
-  emptyListComponent: P,
+  emptyListComponent: G,
   emptyText: V,
   display: X,
   elementsPerLine: Y,
@@ -52,16 +52,16 @@ const rt = ({
   withUrlParams: Se = !1,
   onLoadNewPage: $
 }) => {
-  const J = Ue(), t = Ge(), H = Pe(), I = We(), { isMobile: K, isTablet: ye, isDesktop: L } = Ve(), [b, u] = m(!1), [we, Ne] = m(!1), [k, S] = Xe(n, []), [O, Me] = m(
+  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(
     k?.length || 0
-  ), [E, j] = m(M || 1), [y, B] = 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), r = 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 = je(o);
-  M && M !== E && j(M), w !== void 0 && w !== y && B(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") && B(r.get("search")), r.get("sort")) {
+  }, [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()) {
         i?.map((s) => {
@@ -80,7 +80,7 @@ const rt = ({
       break;
     }
   }, [I.search]), h(() => {
-    _ ? (j(1), S([]), u(!0), se(1)) : u(!1);
+    _ ? (B(1), S([]), u(!0), se(1)) : u(!1);
   }, [
     F,
     Q,
@@ -97,7 +97,7 @@ const rt = ({
       delete e[n], t.setAddElements(e);
     }
   }, [t.addElements]), h(() => {
-    if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
+    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]);
       const e = t.updateElements;
       delete e[n], t.setUpdateElements(e);
@@ -115,7 +115,7 @@ const rt = ({
       [e.name]: e.value
     })) : (T(e.value), x(o ? { ...o } : {}));
   }, Fe = () => {
-    typeof $ == "function" && $() !== null || j(E + 1);
+    typeof $ == "function" && $() !== null || B(E + 1);
   }, se = (e) => {
     const s = ae ? H.getListWithToken : H.getList;
     if ((e - 1) * p <= (Z || O) || e === 1) {
@@ -132,9 +132,9 @@ const rt = ({
         const f = l.headers;
         f && D in f && (Me(
           Number.parseInt(f[D || "total"], 10)
-        ), W && W(f[D || "total"]));
+        ), U && U(f[D || "total"]));
         let g = l?.data?.data;
-        R && R(g), z && (g = g.filter(z)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), _e(g), u(!1);
+        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);
       }).catch((l) => {
         console.error(l), l?.response?.status !== 404 && Ne(!0), u(!1);
       });
@@ -174,7 +174,7 @@ const rt = ({
       }) })
     },
     e[v || "id"]
-  ) : null, Je = (e) => G ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: G }, e) : null;
+  ) : null, Je = (e) => z ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: z }, e) : null;
   if (we)
     throw new Error(
       J.formatMessage({
@@ -182,9 +182,9 @@ const rt = ({
         defaultMessage: "Error when loading content."
       })
     );
-  return /* @__PURE__ */ U("div", { className: a.listContainer, children: [
+  return /* @__PURE__ */ P("div", { className: a.listContainer, children: [
     /* @__PURE__ */ c(
-      ze,
+      We,
       {
         title: ue,
         sortOptions: i,
@@ -192,28 +192,28 @@ const rt = ({
         searchBar: ce,
         tagList: ne,
         activeTagId: C,
-        onSearch: (e) => B(e),
+        onSearch: (e) => L(e),
         onSortChange: Ce,
         onTagChange: (e) => q(e),
         withUrlParams: Se
       }
     ),
-    !b && k.length === 0 ? P ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: P }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: V || J.formatMessage({
+    !b && k.length === 0 ? G ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: G }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: V || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
-    }) }) : /* @__PURE__ */ U(Le, { children: [
-      /* @__PURE__ */ U(
+    }) }) : /* @__PURE__ */ P(je, { children: [
+      /* @__PURE__ */ P(
         "ul",
         {
-          className: Be(a.paginatedList, {
-            [a.paginatedListIsTablet]: !K && !L,
+          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.indexLayoutList]: Ee,
-            [a.listIsDesktop]: L,
-            [a.listIsTablet]: ye && !L,
+            [a.listIsDesktop]: j,
+            [a.listIsTablet]: ye && !j,
             [a.listIsMobile]: K
           }),
           style: { gap: ge },

package/package.json

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