@logora/debate 0.3.80 → 0.3.82

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

@@ -1,80 +1,78 @@
-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 { 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 { 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 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);
+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);
         } else {
-          const m = q(r) ? r.getTag() : r.getType();
-          h(m);
+          const u = q(r) ? r.getTag() : r.getType();
+          f(u);
         }
-      I(a.hasFormat("bold")), S(a.hasFormat("italic")), L(a.hasFormat("underline"));
+      I(i.hasFormat("bold")), A(i.hasFormat("italic")), E(i.hasFormat("underline"));
     }
-  }, [l]);
-  G(() => U(
-    l.registerUpdateListener(({ editorState: a }) => {
-      a.read(() => {
-        u();
+  }, [o]);
+  V(() => U(
+    o.registerUpdateListener(({ editorState: i }) => {
+      i.read(() => {
+        b();
       });
     }),
-    l.registerCommand(
+    o.registerCommand(
       j,
-      (a, d) => (u(), !1),
-      T
+      (i, d) => (b(), !1),
+      y
     )
-  ), [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());
+  ), [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());
     });
   };
-  return p ? null : /* @__PURE__ */ _(
+  return p ? null : /* @__PURE__ */ N(
     "div",
     {
-      className: o(e.toolbar, {
-        [e.toolbarIsActive]: p ? !1 : i.isActive
+      className: a(e.toolbar, {
+        [e.toolbarIsActive]: p ? !1 : l.isActive
       }),
-      ref: k,
+      ref: C,
       children: [
-        i.isActive ? !i.disableRichText && /* @__PURE__ */ _(
+        l.isActive ? !l.disableRichText && /* @__PURE__ */ N(
           "div",
           {
-            className: o(e.iconToolbar, {
-              [e.shortBar]: i.shortBar
+            className: a(e.iconToolbar, {
+              [e.shortBar]: l.shortBar
             }),
             children: [
               /* @__PURE__ */ t(
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "bold");
+                    o.dispatchCommand(h, "bold");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, { [e.active]: x }),
+                  className: a(e.toolbarItem, { [e.active]: k }),
                   "data-testid": "format-bold",
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -86,7 +84,7 @@ const ce = (i) => {
                       name: "bold",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.bold)
+                      className: a(e.format, e.bold)
                     }
                   )
                 }
@@ -95,11 +93,11 @@ const ce = (i) => {
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "italic");
+                    o.dispatchCommand(h, "italic");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, {
-                    [e.active]: A
+                  className: a(e.toolbarItem, {
+                    [e.active]: x
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -111,7 +109,7 @@ const ce = (i) => {
                       name: "italic",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.italic)
+                      className: a(e.format, e.italic)
                     }
                   )
                 }
@@ -120,11 +118,11 @@ const ce = (i) => {
                 "button",
                 {
                   onClick: () => {
-                    l.dispatchCommand(g, "underline");
+                    o.dispatchCommand(h, "underline");
                   },
                   type: "button",
-                  className: o(e.toolbarItem, {
-                    [e.active]: E
+                  className: a(e.toolbarItem, {
+                    [e.active]: S
                   }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -136,7 +134,7 @@ const ce = (i) => {
                       name: "underline",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.underline)
+                      className: a(e.format, e.underline)
                     }
                   )
                 }
@@ -144,9 +142,9 @@ const ce = (i) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => B(),
+                  onClick: () => v(),
                   type: "button",
-                  className: e.toolbarItem,
+                  className: a(e.toolbarItem, { [e.active]: m === "quote" }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
@@ -157,7 +155,7 @@ const ce = (i) => {
                       name: "blockquote",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.quote)
+                      className: a(e.format, e.quote)
                     }
                   )
                 }
@@ -165,9 +163,9 @@ const ce = (i) => {
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => w(),
+                  onClick: () => L(),
                   type: "button",
-                  className: e.toolbarItem,
+                  className: a(e.toolbarItem, { [e.active]: m === "ol" }),
                   "aria-label": n.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
@@ -178,15 +176,15 @@ const ce = (i) => {
                       name: "orderedList",
                       width: 24,
                       height: 24,
-                      className: o(e.format, e.numberedList)
+                      className: a(e.format, e.numberedList)
                     }
                   )
                 }
               ),
-              !i.hideSourceAction && /* @__PURE__ */ t(
+              !l.hideSourceAction && /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: i.onAddSource,
+                  onClick: l.onAddSource,
                   type: "button",
                   className: e.toolbarItem,
                   "aria-label": n.formatMessage({
@@ -199,7 +197,7 @@ const ce = (i) => {
                       name: "link",
                       width: 20,
                       height: 20,
-                      className: o(e.format, e.link)
+                      className: a(e.format, e.link)
                     }
                   )
                 }
@@ -207,13 +205,13 @@ const ce = (i) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ t("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ t(
           z,
           {
             type: "button",
             "data-testid": "submit-button",
-            handleClick: i.onSubmit,
-            className: o(e.inputSubmitActionButton, e.submitAction),
+            handleClick: l.onSubmit,
+            className: a(e.inputSubmitActionButton, e.submitAction),
             "aria-label": n.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
@@ -226,5 +224,5 @@ const ce = (i) => {
   );
 };
 export {
-  ce as ToolbarPlugin
+  me as ToolbarPlugin
 };

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

@@ -1,237 +1,243 @@
-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 { 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 { 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 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 = ({
+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 = ({
   query: w,
   sortOptions: i,
   sort: N,
   filters: o,
   tagList: ne,
   currentPage: M,
-  resource: _,
+  resource: A,
   currentListId: n,
   withToken: ae,
-  perPage: h,
+  perPage: p,
   perPageParam: le = "per_page",
   pageParam: ie = "page",
   sortParam: oe = "sort",
   queryParam: me = "query",
-  tagParam: re = "tag_id",
+  tagParam: de = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: W,
+  onUpdateTotal: P,
   onElementsLoad: R,
-  transformData: z,
-  uniqueIdKey: p = "id",
-  children: de,
+  transformData: U,
+  uniqueIdKey: v = "id",
+  children: re,
   resourcePropName: fe,
-  loadingComponent: G,
+  loadingComponent: W,
   searchBar: ce = !1,
   title: ue,
-  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: $
+  subtitle: Ee,
+  showSubtitle: 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
 }) => {
-  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(
+  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(
     typeof window < "u" ? window.location.search : I.search
-  ), be = () => i && i[0].type === "sort" && i[0].value || N || "", ke = () => {
+  ), Ce = () => i && i[0].type === "sort" && i[0].value || N || "", Fe = () => {
     let e = {};
     return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
-  }, [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()) {
+  }, [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()) {
         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 && (T({
+        s.name === e && (_({
           ...o,
           [s.name]: s.value
         }), ee(s.name));
       });
       break;
     }
-  }, [I.search]), g(() => {
-    _ ? (j(1), S([]), f(!0), se(1)) : f(!1);
+  }, [I.search]), h(() => {
+    A ? (B(1), S([]), u(!0), se(1)) : u(!1);
   }, [
-    C,
+    F,
     Q,
     y,
-    _,
-    k,
-    h
-  ]), g(() => {
-    c > 1 && (f(!0), se(c));
-  }, [c]), g(() => {
+    A,
+    C,
+    p
+  ]), h(() => {
+    E > 1 && (u(!0), se(E));
+  }, [E]), h(() => {
     if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
-      Te(t.addElements[n]);
+      xe(t.addElements[n]);
       const e = t.addElements;
       delete e[n], t.setAddElements(e);
     }
-  }, [t.addElements]), g(() => {
-    if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
-      xe(t.updateElements[n]);
+  }, [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]);
       const e = t.updateElements;
       delete e[n], t.setUpdateElements(e);
     }
-  }, [t.updateElements]), g(() => {
+  }, [t.updateElements]), h(() => {
     if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
-      Ae(t.removeElements[n]);
+      De(t.removeElements[n]);
       const e = t.removeElements;
       delete e[n], t.setRemoveElements(e);
     }
   }, [t.removeElements]);
-  const Ce = (e) => {
-    e.type === "filter" ? (F(""), T({
+  const Te = (e) => {
+    e.type === "filter" ? (T(""), _({
       ...o,
       [e.name]: e.value
-    })) : (F(e.value), T(o ? { ...o } : {}));
-  }, Fe = () => {
-    typeof $ == "function" && $() !== null || j(c + 1);
+    })) : (T(e.value), _(o ? { ...o } : {}));
+  }, _e = () => {
+    typeof Z == "function" && Z() !== null || B(E + 1);
   }, se = (e) => {
     const s = ae ? H.getListWithToken : H.getList;
-    if ((e - 1) * h <= (Z || O) || e === 1) {
-      const u = {
+    if ((e - 1) * p <= (Y || O) || e === 1) {
+      const r = {
         [ie]: e,
-        [le]: h,
-        ...C && !y && { [oe]: C },
+        [le]: p,
+        ...F && !y && { [oe]: F },
         ...y && { [me]: y },
-        ...pe === !0 && { countless: !0 },
+        ...Se === !0 && { countless: !0 },
         ...Q,
-        ...k && { [re]: k }
+        ...C && { [de]: C }
       };
-      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);
+      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);
       }).catch((l) => {
-        console.error(l), l?.response?.status !== 404 && Ne(!0), f(!1);
+        console.error(l), l?.response?.status !== 404 && Re(!0), u(!1);
       });
     } else
-      f(!1);
-  }, Te = (e) => {
+      u(!1);
+  }, xe = (e) => {
     S(
-      (s) => A([...e, ...s], p || "id")
+      (s) => x([...e, ...s], v || "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) => {
-    const s = e.map((l) => l.id), u = v.filter(
+    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(
       (l) => s.indexOf(l.id) === -1
     );
-    S(A(u, p || "id"));
-  }, _e = (e) => {
+    S(x(r, v || "id"));
+  }, Je = (e) => {
     S(
-      (s) => A([...s, ...e], p || "id")
+      (s) => x([...s, ...e], v || "id")
     );
-  }, De = (e, s) => e !== void 0 ? /* @__PURE__ */ d(
+  }, je = (e, s) => e !== void 0 ? /* @__PURE__ */ c(
     "li",
     {
       className: a.paginatedListItem,
       "data-testid": "list-item",
-      onClick: ve,
-      children: /* @__PURE__ */ d(Ze, { hideMessage: !0, children: Qe.cloneElement(de, {
+      onClick: ye,
+      children: /* @__PURE__ */ c(He, { hideMessage: !0, children: Pe.cloneElement(re, {
         index: s,
         [fe]: e
       }) })
     },
-    e[p || "id"]
-  ) : null, Je = (e) => G ? /* @__PURE__ */ d("li", { className: a.paginatedListItem, children: G }, e) : null;
-  if (we)
+    `${e[v || "id"]}_${e.updated_at || e.content}`
+  ) : null, Be = (e) => W ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: W }, e) : null;
+  if (Me)
     throw new Error(
       J.formatMessage({
         id: "error.list",
         defaultMessage: "Error when loading content."
       })
     );
-  return /* @__PURE__ */ U("div", { className: a.listContainer, children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
+    /* @__PURE__ */ c(
       ze,
       {
         title: ue,
+        subtitle: Ee,
+        showSubtitle: ge,
         sortOptions: i,
-        defaultSelectOption: Re,
+        defaultSelectOption: ke,
         searchBar: ce,
         tagList: ne,
-        activeTagId: k,
-        onSearch: (e) => B(e),
-        onSortChange: Ce,
+        activeTagId: C,
+        onSearch: (e) => L(e),
+        onSortChange: Te,
         onTagChange: (e) => q(e),
-        withUrlParams: Se
+        withUrlParams: we
       }
     ),
-    !b && v.length === 0 ? P ? /* @__PURE__ */ d("div", { className: a.emptyListElement, children: P }) : /* @__PURE__ */ d("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__ */ U(Le, { children: [
-      /* @__PURE__ */ U(
+    }) }) : /* @__PURE__ */ $(Le, { children: [
+      /* @__PURE__ */ $(
         "ul",
         {
-          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,
+          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,
             [a.listIsMobile]: K
           }),
-          style: { gap: ge },
+          style: { gap: pe },
           children: [
-            v.map(De),
-            b ? Array(h).fill().map((e, s) => s).map(Je) : null
+            k.map(je),
+            b ? Array(p).fill().map((e, s) => s).map(Be) : null
           ]
         }
       ),
-      !b && he !== !1 && /* @__PURE__ */ d(
-        Ye,
+      !b && ve !== !1 && /* @__PURE__ */ c(
+        Ze,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
             defaultMessage: "See more"
           }),
-          currentPage: c,
-          perPage: h,
-          totalElements: Z || O,
-          onLoad: Fe,
+          currentPage: E,
+          perPage: p,
+          totalElements: Y || O,
+          onLoad: _e,
           isLoading: b,
           hideLoader: !0,
           "data-tid": "list_read_more"
@@ -241,5 +247,5 @@ const rt = ({
   ] });
 };
 export {
-  rt as PaginatedList
+  ft as PaginatedList
 };