@logora/debate 0.3.88 → 0.3.89

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

@@ -1,78 +1,80 @@
-import { jsxs as N, jsx as t } from "react/jsx-runtime";
-import { $isListNode as R, ListNode as w, INSERT_ORDERED_LIST_COMMAND as B, REMOVE_LIST_COMMAND as D } from "@lexical/list";
-import { useLexicalComposerContext as $ } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as q, $createQuoteNode as K } from "@lexical/rich-text";
-import { $setBlocksType as M } from "@lexical/selection";
-import { $getNearestNodeOfType as F, mergeRegister as U } from "@lexical/utils";
-import a from "classnames";
-import { $getSelection as g, $isRangeSelection as P, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as h, $createParagraphNode as H } from "lexical";
-import { useRef as Q, useState as c, useCallback as G, useEffect as V } from "react";
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { $isListNode as R, ListNode as D, INSERT_ORDERED_LIST_COMMAND as $ } from "@lexical/list";
+import { useLexicalComposerContext as K } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as q, $createQuoteNode as F } from "@lexical/rich-text";
+import { $setBlocksType as y } from "@lexical/selection";
+import { $getNearestNodeOfType as P, mergeRegister as U } from "@lexical/utils";
+import o from "classnames";
+import { $getSelection as b, $isRangeSelection as M, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as g } from "lexical";
+import { useRef as H, useState as c, useCallback as Q, useEffect as G } from "react";
 import { useIntl as X } from "react-intl";
 import e from "./ToolbarPlugin.module.scss.js";
 import { Icon as s } from "../../../icons/icon/Icon.js";
 import { Button as z } from "../../../action/button/Button.js";
-const me = (l) => {
-  const n = X(), y = 1, [o] = $(), C = Q(null), [m, f] = c("paragraph"), [J, T] = c(null), [k, I] = c(!1), [x, A] = c(!1), [S, E] = c(!1), p = l.hideSubmit && l.hideSourceAction && l.disableRichText, b = G(() => {
-    const i = g();
-    if (P(i)) {
-      const d = i.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), _ = r.getKey();
-      if (o.getElementByKey(_) !== null)
-        if (T(_), R(r)) {
-          const u = F(d, w), O = u ? u.getTag() : r.getTag();
-          f(O);
+const ce = (i) => {
+  const n = X(), T = 1, [l] = K(), k = H(null), [f, h] = c("paragraph"), [J, C] = c(null), [x, I] = c(!1), [A, S] = c(!1), [E, L] = c(!1), p = i.hideSubmit && i.hideSourceAction && i.disableRichText, u = Q(() => {
+    const a = b();
+    if (M(a)) {
+      const d = a.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), N = r.getKey();
+      if (l.getElementByKey(N) !== null)
+        if (C(N), R(r)) {
+          const m = P(d, D), O = m ? m.getTag() : r.getTag();
+          h(O);
         } else {
-          const u = q(r) ? r.getTag() : r.getType();
-          f(u);
+          const m = q(r) ? r.getTag() : r.getType();
+          h(m);
         }
-      I(i.hasFormat("bold")), A(i.hasFormat("italic")), E(i.hasFormat("underline"));
+      I(a.hasFormat("bold")), S(a.hasFormat("italic")), L(a.hasFormat("underline"));
     }
-  }, [o]);
-  V(() => U(
-    o.registerUpdateListener(({ editorState: i }) => {
-      i.read(() => {
-        b();
+  }, [l]);
+  G(() => U(
+    l.registerUpdateListener(({ editorState: a }) => {
+      a.read(() => {
+        u();
       });
     }),
-    o.registerCommand(
+    l.registerCommand(
       j,
-      (i, d) => (b(), !1),
-      y
+      (a, d) => (u(), !1),
+      T
     )
-  ), [o, b]);
-  const L = () => {
-    m !== "ol" ? o.dispatchCommand(B) : o.dispatchCommand(D);
-  }, v = () => {
-    m !== "quote" ? o.update(() => {
-      const i = g();
-      M(i, () => K());
-    }) : o.update(() => {
-      const i = g();
-      M(i, () => H());
+  ), [l, u]);
+  const v = () => {
+    l.update(() => {
+      const a = b();
+      M(a) && y(a, () => $createParagraphNode());
+    });
+  }, w = () => {
+    f !== "number" ? l.dispatchCommand($) : v();
+  }, B = () => {
+    f !== "quote" && l.update(() => {
+      const a = b();
+      y(a, () => F());
     });
   };
-  return p ? null : /* @__PURE__ */ N(
+  return p ? null : /* @__PURE__ */ _(
     "div",
     {
-      className: a(e.toolbar, {
-        [e.toolbarIsActive]: p ? !1 : l.isActive
+      className: o(e.toolbar, {
+        [e.toolbarIsActive]: p ? !1 : i.isActive
       }),
-      ref: C,
+      ref: k,
       children: [
-        l.isActive ? !l.disableRichText && /* @__PURE__ */ N(
+        i.isActive ? !i.disableRichText && /* @__PURE__ */ _(
           "div",
           {
-            className: a(e.iconToolbar, {
-              [e.shortBar]: l.shortBar
+            className: o(e.iconToolbar, {
+              [e.shortBar]: i.shortBar
             }),
             children: [
               /* @__PURE__ */ t(
                 "button",
                 {
                   onClick: () => {
-                    o.dispatchCommand(h, "bold");
+                    l.dispatchCommand(g, "bold");
                   },
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: k }),
+                  className: o(e.toolbarItem, { [e.active]: x }),
                   "data-testid": "format-bold",
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -84,7 +86,7 @@ const me = (l) => {
                       name: "bold",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.bold)
+                      className: o(e.format, e.bold)
                     }
                   )
                 }
@@ -93,11 +95,11 @@ const me = (l) => {
                 "button",
                 {
                   onClick: () => {
-                    o.dispatchCommand(h, "italic");
+                    l.dispatchCommand(g, "italic");
                   },
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: x
+                  className: o(e.toolbarItem, {
+                    [e.active]: A
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -109,7 +111,7 @@ const me = (l) => {
                       name: "italic",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.italic)
+                      className: o(e.format, e.italic)
                     }
                   )
                 }
@@ -118,11 +120,11 @@ const me = (l) => {
                 "button",
                 {
                   onClick: () => {
-                    o.dispatchCommand(h, "underline");
+                    l.dispatchCommand(g, "underline");
                   },
                   type: "button",
-                  className: a(e.toolbarItem, {
-                    [e.active]: S
+                  className: o(e.toolbarItem, {
+                    [e.active]: E
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -134,7 +136,7 @@ const me = (l) => {
                       name: "underline",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.underline)
+                      className: o(e.format, e.underline)
                     }
                   )
                 }
@@ -142,9 +144,9 @@ const me = (l) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => v(),
+                  onClick: () => B(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: m === "quote" }),
+                  className: e.toolbarItem,
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
@@ -155,7 +157,7 @@ const me = (l) => {
                       name: "blockquote",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.quote)
+                      className: o(e.format, e.quote)
                     }
                   )
                 }
@@ -163,9 +165,9 @@ const me = (l) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => L(),
+                  onClick: () => w(),
                   type: "button",
-                  className: a(e.toolbarItem, { [e.active]: m === "ol" }),
+                  className: e.toolbarItem,
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
@@ -176,15 +178,15 @@ const me = (l) => {
                       name: "orderedList",
                       width: 24,
                       height: 24,
-                      className: a(e.format, e.numberedList)
+                      className: o(e.format, e.numberedList)
                     }
                   )
                 }
               ),
-              !l.hideSourceAction && /* @__PURE__ */ t(
+              !i.hideSourceAction && /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: l.onAddSource,
+                  onClick: i.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
                   "aria-label": n.formatMessage({
@@ -197,7 +199,7 @@ const me = (l) => {
                       name: "link",
                       width: 20,
                       height: 20,
-                      className: a(e.format, e.link)
+                      className: o(e.format, e.link)
                     }
                   )
                 }
@@ -205,13 +207,13 @@ const me = (l) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ t("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ t(
           z,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: l.onSubmit,
-            className: a(e.inputSubmitActionButton, e.submitAction),
+            handleClick: i.onSubmit,
+            className: o(e.inputSubmitActionButton, e.submitAction),
             "aria-label": n.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
@@ -224,5 +226,5 @@ const me = (l) => {
   );
 };
 export {
-  me as ToolbarPlugin
+  ce as ToolbarPlugin
 };

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

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