fansunited-frontend-components 0.0.87 → 0.0.88

package/List.js

@@ -1,21 +1,21 @@
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import * as V from "react";
-import { useState as A, useRef as z, useCallback as W, useEffect as at, lazy as H, Suspense as ct } from "react";
-import { F as lt, G as dt, H as pt, _ as $, I as mt, P as h, g as ut, u as ft, f as ht, d as gt, a as J, i as et, B as x, b as yt, v as Ct } from "./chunks/PrizeCard-nRBh9VU_.js";
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import * as D from "react";
+import { useState as A, useRef as z, useCallback as W, useEffect as at, lazy as V, Suspense as ct } from "react";
+import { F as lt, G as dt, H as pt, _ as $, I as mt, P as g, g as ut, u as ft, f as gt, d as ht, a as J, i as et, B as x, b as yt, v as Ct } from "./chunks/PrizeCard-hqjW4cf9.js";
 import "react-dom";
-import { P as xt } from "./chunks/Portal-BdRuZNR8.js";
-import { S as nt } from "./chunks/Spinner-wUVcNUtR.js";
-import { a as It } from "./chunks/index-iWn7Rdh9.js";
-import { C as bt } from "./chunks/Card-BAIFE-g5.js";
-import { s as St, a as wt, b as Tt, c as Pt, T as D } from "./chunks/Typography-DaXtC0md.js";
-import { C as Et } from "./chunks/CardContent-BKLKsqNJ.js";
-import { C as vt } from "./chunks/Chip-06eY-2lp.js";
+import { P as xt } from "./chunks/Portal-YBl0j_ES.js";
+import { S as nt } from "./chunks/Spinner-GWmIiSdb.js";
+import { a as It } from "./chunks/index-BwjsmA37.js";
+import { C as bt } from "./chunks/Card-DRl1b9n_.js";
+import { s as St, a as wt, b as Tt, c as Pt, T as Z } from "./chunks/Typography-CrE4Ll_X.js";
+import { C as Et } from "./chunks/CardContent-CILSFQ-A.js";
+import { C as vt } from "./chunks/Chip-D225drt5.js";
 import { U as Mt } from "./chunks/users-wbJRbqW8.js";
 import { W as Ut } from "./chunks/enums-B1lTCQvC.js";
-import { M as Lt, a as Rt } from "./chunks/ModalDialog-CaSBYjVn.js";
-import { M as _t } from "./chunks/ModalClose-DCM0NGvd.js";
-import { D as k } from "./chunks/DirectionScope-8YC2_4GO.js";
-import { I as G, B as ot } from "./chunks/Button-ClWJ5CUf.js";
+import { M as Lt, a as Rt } from "./chunks/ModalDialog-DIwYrOma.js";
+import { M as _t } from "./chunks/ModalClose-BarWj7JA.js";
+import { D as k } from "./chunks/DirectionScope-BmKg-88Y.js";
+import { I as G, B as ot } from "./chunks/Button-BmPR6-I9.js";
 import { C as Ft, a as Ot } from "./chunks/chevrons-right-CXSpQt9w.js";
 import { C as zt } from "./chunks/chevron-left-CxfCSZcr.js";
 import { C as At } from "./chunks/chevron-right-BEQMacFn.js";
@@ -57,7 +57,7 @@ const Bt = ["className", "component", "children", "slots", "slotProps"], Qt = ()
       objectFit: "cover"
     }
   }
-}), q = /* @__PURE__ */ V.forwardRef(function(n, t) {
+}), q = /* @__PURE__ */ D.forwardRef(function(n, t) {
   const d = wt({
     props: n,
     name: "JoyCardCover"
@@ -67,21 +67,21 @@ const Bt = ["className", "component", "children", "slots", "slotProps"], Qt = ()
     children: r,
     slots: c = {},
     slotProps: C = {}
-  } = d, i = pt(d, Bt), T = $({}, d, {
+  } = d, s = pt(d, Bt), E = $({}, d, {
     component: a
-  }), v = Qt(), N = $({}, i, {
+  }), M = Qt(), N = $({}, s, {
     component: a,
     slots: c,
     slotProps: C
-  }), [M, F] = Tt("root", {
+  }), [U, F] = Tt("root", {
     ref: t,
-    className: mt(v.root, l),
+    className: mt(M.root, l),
     elementType: jt,
     externalForwardedProps: N,
-    ownerState: T
+    ownerState: E
   });
-  return /* @__PURE__ */ o(M, $({}, F, {
-    children: V.Children.map(r, (I, S) => S === 0 && /* @__PURE__ */ V.isValidElement(I) ? /* @__PURE__ */ V.cloneElement(I, {
+  return /* @__PURE__ */ o(U, $({}, F, {
+    children: D.Children.map(r, (I, S) => S === 0 && /* @__PURE__ */ D.isValidElement(I) ? /* @__PURE__ */ D.cloneElement(I, {
       "data-first-child": ""
     }) : I)
   }));
@@ -95,34 +95,34 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    * Used to render icon or text elements inside the CardCover if `src` is not set.
    * This can be an element, or just a string.
    */
-  children: h.node,
+  children: g.node,
   /**
    * @ignore
    */
-  className: h.string,
+  className: g.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: h.elementType,
+  component: g.elementType,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: h.shape({
-    root: h.oneOfType([h.func, h.object])
+  slotProps: g.shape({
+    root: g.oneOfType([g.func, g.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: h.shape({
-    root: h.elementType
+  slots: g.shape({
+    root: g.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: h.oneOfType([h.arrayOf(h.oneOfType([h.func, h.object, h.bool])), h.func, h.object])
+  sx: g.oneOfType([g.arrayOf(g.oneOfType([g.func, g.object, g.bool])), g.func, g.object])
 });
 const rt = (e) => {
   const n = e.entityModel;
@@ -190,113 +190,113 @@ const rt = (e) => {
     default:
       return null;
   }
-}, Ht = /* @__PURE__ */ new Set(["ACTIVE", "OPEN"]), Zt = (e) => {
+}, Ht = /* @__PURE__ */ new Set(["ACTIVE", "OPEN"]), Vt = (e) => {
   var t;
   const n = (t = rt(e)) == null ? void 0 : t.status;
   return !!(n && Ht.has(n));
-}, Dt = 50, Vt = 3, Wt = (e, n, t, d) => {
-  const l = d === "paged", a = d === "limited", [r, c] = A([]), [C, i] = A(!1), [T, v] = A(!1), [N, M] = A(!l), [F, I] = A(1), [S, B] = A(1), w = z([]), O = z([]), P = z(/* @__PURE__ */ new Set()), U = z(1), L = z(!1), p = z(!1), u = z(null), s = z(0), R = W(
-    async (m, g) => {
-      var j;
+}, Zt = 50, Dt = 3, Wt = (e, n, t, d) => {
+  const l = d === "paged", a = d === "limited", [r, c] = A([]), [C, s] = A(!1), [E, M] = A(!1), [N, U] = A(!l), [F, I] = A(1), [S, B] = A(1), w = z([]), O = z([]), Q = z(/* @__PURE__ */ new Set()), b = z(1), L = z(!1), T = z(!1), p = z(null), u = z(0), i = W(
+    async (m, h) => {
+      var H;
       const f = await e.lists.getListContent(n, {
-        limit: g,
+        limit: h,
         page: m
-      }), y = (j = f.meta) == null ? void 0 : j.pagination, _ = f.data ?? [];
+      }), y = (H = f.meta) == null ? void 0 : H.pagination, _ = f.data ?? [];
       return {
-        valid: _.filter(Zt),
+        valid: _.filter(Vt),
         rawCount: _.length,
         pageCount: (y == null ? void 0 : y.numberOfPages) ?? 1
       };
     },
     [e, n]
-  ), b = W(async () => {
-    if (p.current || !e || !n) return;
-    const m = s.current, g = () => m !== s.current, f = a ? t - O.current.length : t;
+  ), R = W(async () => {
+    if (T.current || !e || !n) return;
+    const m = u.current, h = () => m !== u.current, f = a ? t - O.current.length : t;
     if (f <= 0) {
-      M(!1);
+      U(!1);
       return;
     }
     if (w.current.length < f && !L.current) {
-      p.current = !0, i(!0);
+      T.current = !0, s(!0);
       try {
         let _ = 0;
-        for (; w.current.length < f && !L.current && _ < Vt; ) {
+        for (; w.current.length < f && !L.current && _ < Dt; ) {
           const {
-            valid: j,
+            valid: H,
             rawCount: st,
             pageCount: it
-          } = await R(U.current, Dt);
-          if (g()) return;
+          } = await i(b.current, Zt);
+          if (h()) return;
           _ += 1;
-          const X = j.filter(
-            (K) => !P.current.has(K.entityId)
+          const X = H.filter(
+            (K) => !Q.current.has(K.entityId)
           );
-          X.forEach((K) => P.current.add(K.entityId)), w.current.push(...X), (st === 0 || U.current >= it) && (L.current = !0), U.current += 1;
+          X.forEach((K) => Q.current.add(K.entityId)), w.current.push(...X), (st === 0 || b.current >= it) && (L.current = !0), b.current += 1;
         }
       } catch (_) {
-        if (g()) return;
-        console.warn("Error fetching list content:", _), v(!0);
+        if (h()) return;
+        console.warn("Error fetching list content:", _), M(!0);
         return;
       } finally {
-        g() || (p.current = !1, i(!1));
+        h() || (T.current = !1, s(!1));
       }
     }
-    if (g()) return;
+    if (h()) return;
     const y = [...O.current, ...w.current.splice(0, f)];
-    O.current = y, c(y), M(
+    O.current = y, c(y), U(
       !a && (w.current.length > 0 || !L.current)
     );
-  }, [R, a, t, n, e]), Q = W(
-    (m, g) => {
-      const f = Math.max(1, Math.ceil(m.length / t)), y = Math.min(Math.max(g, 1), f);
+  }, [i, a, t, n, e]), P = W(
+    (m, h) => {
+      const f = Math.max(1, Math.ceil(m.length / t)), y = Math.min(Math.max(h, 1), f);
       c(m.slice((y - 1) * t, y * t)), B(f), I(y);
     },
     [t]
-  ), Z = W(
+  ), j = W(
     async (m) => {
       if (m < 1) return;
-      if (u.current) {
-        Q(u.current, m);
+      if (p.current) {
+        P(p.current, m);
         return;
       }
-      if (p.current || !e || !n) return;
-      const g = s.current, f = () => g !== s.current;
-      p.current = !0, i(!0);
+      if (T.current || !e || !n) return;
+      const h = u.current, f = () => h !== u.current;
+      T.current = !0, s(!0);
       try {
         const {
           valid: y,
           rawCount: _,
-          pageCount: j
-        } = await R(m, t);
+          pageCount: H
+        } = await i(m, t);
         if (f()) return;
         if (_ > t) {
-          u.current = y, Q(y, m);
+          p.current = y, P(y, m);
           return;
         }
-        c(y), B(j), I(m);
+        c(y), B(H), I(m);
       } catch (y) {
         if (f()) return;
-        console.warn("Error fetching list content:", y), v(!0);
+        console.warn("Error fetching list content:", y), M(!0);
       } finally {
-        f() || (p.current = !1, i(!1));
+        f() || (T.current = !1, s(!1));
       }
     },
-    [R, t, n, e, Q]
+    [i, t, n, e, P]
   );
   return at(() => {
-    s.current += 1, p.current = !1, w.current = [], O.current = [], P.current = /* @__PURE__ */ new Set(), U.current = 1, L.current = !1, u.current = null, c([]), v(!1), M(!l), I(1), B(1), l ? Z(1) : b();
-  }, [l, Z, b]), {
+    u.current += 1, T.current = !1, w.current = [], O.current = [], Q.current = /* @__PURE__ */ new Set(), b.current = 1, L.current = !1, p.current = null, c([]), M(!1), U(!l), I(1), B(1), l ? j(1) : R();
+  }, [l, j, R]), {
     items: r,
     loading: C,
-    error: T,
+    error: E,
     hasMore: N,
-    loadMore: b,
+    loadMore: R,
     page: F,
     pageCount: S,
-    goToPage: Z
+    goToPage: j
   };
 }, Y = () => {
-  const e = ut(), n = ft(), t = ht(), d = gt();
+  const e = ut(), n = ft(), t = gt(), d = ht();
   return {
     fonts: n,
     spacing: d,
@@ -349,9 +349,9 @@ const rt = (e) => {
   imagePlaceholder: d,
   onClick: l
 }) => {
-  var i, T;
+  var s, E;
   const { t: a } = J(), r = Y(), c = et(), C = Kt(n.branding, c);
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ v(
     bt,
     {
       onClick: () => l(e),
@@ -377,15 +377,15 @@ const rt = (e) => {
         /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(
           "img",
           {
-            src: ((i = n.images) == null ? void 0 : i.cover) || ((T = n.images) == null ? void 0 : T.main) || d || It,
+            src: ((s = n.images) == null ? void 0 : s.cover) || ((E = n.images) == null ? void 0 : E.main) || d || It,
             alt: n.title,
             loading: "lazy",
             style: { transition: "transform 0.4s ease-out" }
           }
         ) }),
         /* @__PURE__ */ o(q, { sx: { background: r.onImage.scrim } }),
-        /* @__PURE__ */ E(Et, { sx: { justifyContent: "flex-end", gap: 0 }, children: [
-          /* @__PURE__ */ E(
+        /* @__PURE__ */ v(Et, { sx: { justifyContent: "flex-end", gap: 0 }, children: [
+          /* @__PURE__ */ v(
             x,
             {
               sx: {
@@ -395,8 +395,8 @@ const rt = (e) => {
                 gap: r.spacing.md
               },
               children: [
-                /* @__PURE__ */ E(x, { children: [
-                  /* @__PURE__ */ E(
+                /* @__PURE__ */ v(x, { children: [
+                  /* @__PURE__ */ v(
                     x,
                     {
                       sx: {
@@ -421,7 +421,7 @@ const rt = (e) => {
                           }
                         ),
                         !!n.participationCount && /* @__PURE__ */ o(
-                          D,
+                          Z,
                           {
                             startDecorator: /* @__PURE__ */ o(Mt, { size: 16, color: r.onImage.text }),
                             sx: {
@@ -436,7 +436,7 @@ const rt = (e) => {
                     }
                   ),
                   /* @__PURE__ */ o(
-                    D,
+                    Z,
                     {
                       sx: {
                         fontSize: "1.5em",
@@ -454,7 +454,7 @@ const rt = (e) => {
                     }
                   )
                 ] }),
-                C && !c && /* @__PURE__ */ E(
+                C && !c && /* @__PURE__ */ v(
                   x,
                   {
                     sx: {
@@ -467,7 +467,7 @@ const rt = (e) => {
                     },
                     children: [
                       /* @__PURE__ */ o(
-                        D,
+                        Z,
                         {
                           sx: {
                             fontSize: "0.7em",
@@ -498,7 +498,7 @@ const rt = (e) => {
               ]
             }
           ),
-          C && c && /* @__PURE__ */ E(
+          C && c && /* @__PURE__ */ v(
             x,
             {
               sx: {
@@ -513,7 +513,7 @@ const rt = (e) => {
               },
               children: [
                 /* @__PURE__ */ o(
-                  D,
+                  Z,
                   {
                     sx: {
                       fontSize: "0.7em",
@@ -543,9 +543,9 @@ const rt = (e) => {
       ]
     }
   );
-}, qt = H(() => import("./chunks/index-CDxdDU5W.js")), Jt = H(
-  () => import("./chunks/index-kvAqk2tW.js")
-), Xt = H(() => import("./chunks/index-CR9X9c_3.js")), te = H(() => import("./chunks/index-DLWjbTmD.js")), ee = H(() => import("./chunks/index-CBD3UTgX.js")), ne = H(() => import("./chunks/index-BI_1_9JX.js")), oe = ({
+}, qt = V(() => import("./chunks/index-Bw2Hn1g_.js")), Jt = V(
+  () => import("./chunks/index-CwvcFge5.js")
+), Xt = V(() => import("./chunks/index-Bnvv4b84.js")), te = V(() => import("./chunks/index-BhmdGSzW.js")), ee = V(() => import("./chunks/index-DFi89Xqa.js")), ne = V(() => import("./chunks/index-DKMxtukO.js")), oe = ({
   item: e,
   open: n,
   onClose: t,
@@ -554,52 +554,53 @@ const rt = (e) => {
   const { t: l } = J(), a = Y(), { shadowRootElement: r } = yt(Ct), {
     sdk: c,
     language: C,
-    themeOptions: i,
-    userIsLoggedIn: T,
-    signInCTA: v,
+    themeOptions: s,
+    userIsLoggedIn: E,
+    signInCTA: M,
     additionalCTA: N,
-    shareCTA: M,
+    shareCTA: U,
     rulesDisplay: F,
     leads: I,
     consents: S,
     chanceGameVariant: B,
     showAnswerExplanations: w,
     hideCorrectOption: O,
-    optionsLayout: P,
-    imagePosition: U,
-    defaultImagePlaceholderUrl: L,
+    aggregateTranslatedVotes: Q,
+    optionsLayout: b,
+    imagePosition: L,
+    defaultImagePlaceholderUrl: T,
     matchQuiz: p,
     eventGame: u,
-    callbacks: s
+    callbacks: i
   } = d, R = {
     sdk: c,
     language: C,
-    themeOptions: i,
+    themeOptions: s,
     leads: I,
     consents: S,
-    userIsLoggedIn: T,
-    signInCTA: v,
+    userIsLoggedIn: E,
+    signInCTA: M,
     additionalCTA: N,
     rulesDisplay: F,
-    defaultImagePlaceholderUrl: L,
+    defaultImagePlaceholderUrl: T,
     template: Ut.STANDARD,
-    imagePosition: U
-  }, b = { ...R, chanceGameVariant: B }, Q = () => {
+    imagePosition: L
+  }, P = { ...R, chanceGameVariant: B }, j = () => {
     if (!e) return null;
     switch (e.entityType) {
       case "CLASSIC_QUIZ":
         return /* @__PURE__ */ o(
           qt,
           {
-            ...b,
+            ...P,
             entityId: e.entityId,
-            shareCTA: M,
+            shareCTA: U,
             showAnswerExplanations: w,
             hideCorrectOption: O,
-            optionsLayout: P,
+            optionsLayout: b,
             callbacks: {
-              onFinish: s == null ? void 0 : s.onFinish,
-              onShare: s == null ? void 0 : s.onShare
+              onFinish: i == null ? void 0 : i.onFinish,
+              onShare: i == null ? void 0 : i.onShare
             }
           }
         );
@@ -607,21 +608,22 @@ const rt = (e) => {
         return /* @__PURE__ */ o(
           Jt,
           {
-            ...b,
+            ...P,
             entityId: e.entityId,
             showAnswerExplanations: w,
-            optionsLayout: P,
-            callbacks: { onFinish: s == null ? void 0 : s.onFinish }
+            optionsLayout: b,
+            callbacks: { onFinish: i == null ? void 0 : i.onFinish }
           }
         );
       case "POLL":
         return /* @__PURE__ */ o(
           Xt,
           {
-            ...b,
+            ...P,
             entityId: e.entityId,
-            optionsLayout: P,
-            callbacks: { onFinish: s == null ? void 0 : s.onFinish }
+            optionsLayout: b,
+            aggregateTranslatedVotes: Q,
+            callbacks: { onFinish: i == null ? void 0 : i.onFinish }
           }
         );
       case "EITHER_OR":
@@ -630,38 +632,38 @@ const rt = (e) => {
           {
             ...R,
             entityId: e.entityId,
-            callbacks: { onFinish: s == null ? void 0 : s.onFinish }
+            callbacks: { onFinish: i == null ? void 0 : i.onFinish }
           }
         );
       case "MATCH_QUIZ":
         return /* @__PURE__ */ o(
           ee,
           {
-            ...b,
+            ...P,
             entityId: e.entityId,
             showPredictionDetails: (p == null ? void 0 : p.showPredictionDetails) ?? !0,
             showCountdown: (p == null ? void 0 : p.showCountdown) ?? !0,
             showTeamLabels: (p == null ? void 0 : p.showTeamLabels) ?? !0,
             showPoints: (p == null ? void 0 : p.showPoints) ?? !0,
-            callbacks: { onFinish: s == null ? void 0 : s.onFinish }
+            callbacks: { onFinish: i == null ? void 0 : i.onFinish }
           }
         );
       case "CUSTOM_EVENT_GAME":
         return /* @__PURE__ */ o(
           ne,
           {
-            ...b,
+            ...P,
             entityId: e.entityId,
-            optionsLayout: P,
+            optionsLayout: b,
             showPredictionDetails: (u == null ? void 0 : u.showPredictionDetails) ?? !0,
             showCountdown: (u == null ? void 0 : u.showCountdown) ?? !0,
             showPoints: (u == null ? void 0 : u.showPoints) ?? !0,
-            callbacks: { onFinish: s == null ? void 0 : s.onFinish }
+            callbacks: { onFinish: i == null ? void 0 : i.onFinish }
           }
         );
       default:
         return /* @__PURE__ */ o(x, { sx: { padding: a.spacing.md, textAlign: "center" }, children: /* @__PURE__ */ o(
-          D,
+          Z,
           {
             sx: {
               fontSize: "1em",
@@ -680,7 +682,7 @@ const rt = (e) => {
       onClose: t,
       container: r,
       sx: { zIndex: 1300 },
-      children: /* @__PURE__ */ E(
+      children: /* @__PURE__ */ v(
         Rt,
         {
           sx: {
@@ -706,7 +708,7 @@ const rt = (e) => {
                 }
               }
             ),
-            /* @__PURE__ */ o(x, { sx: { position: "relative", zIndex: 0, fontSize: "1em" }, children: /* @__PURE__ */ o(ct, { fallback: /* @__PURE__ */ o(nt, { my: 4 }), children: Q() }) })
+            /* @__PURE__ */ o(x, { sx: { position: "relative", zIndex: 0, fontSize: "1em" }, children: /* @__PURE__ */ o(ct, { fallback: /* @__PURE__ */ o(nt, { my: 4 }), children: j() }) })
           ]
         }
       )
@@ -736,7 +738,7 @@ const rt = (e) => {
     fontSize: "0.875em",
     color: l.colors.text
   };
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ v(
     x,
     {
       sx: {
@@ -785,7 +787,7 @@ const rt = (e) => {
               },
               `${c}-${C}`
             );
-          const i = c === e;
+          const s = c === e;
           return /* @__PURE__ */ o(
             ot,
             {
@@ -795,11 +797,11 @@ const rt = (e) => {
               onClick: () => a(c),
               sx: {
                 ...r,
-                fontWeight: i ? 600 : 400,
-                bgcolor: i ? l.colors.primary : "transparent",
-                color: i ? l.colors.onPrimary : l.colors.text,
+                fontWeight: s ? 600 : 400,
+                bgcolor: s ? l.colors.primary : "transparent",
+                color: s ? l.colors.onPrimary : l.colors.text,
                 "&:hover": {
-                  bgcolor: i ? l.colors.primary : l.colors.surface
+                  bgcolor: s ? l.colors.primary : l.colors.surface
                 }
               },
               children: c
@@ -848,45 +850,45 @@ const rt = (e) => {
     widgetMode: a = "load-more",
     urls: r,
     defaultImagePlaceholderUrl: c
-  } = e, { t: C } = J(), i = Y(), T = et(), [v, N] = A(null), [M, F] = A(!1), {
+  } = e, { t: C } = J(), s = Y(), E = et(), [M, N] = A(null), [U, F] = A(!1), {
     items: I,
     loading: S,
     error: B,
     hasMore: w,
     loadMore: O,
-    page: P,
-    pageCount: U,
+    page: Q,
+    pageCount: b,
     goToPage: L
-  } = Wt(t, n, d, a), p = Gt(r), u = a === "paged", s = (m) => {
-    const g = Yt(m, r);
-    if (g) {
-      window.location.href = g;
+  } = Wt(t, n, d, a), T = Gt(r), p = a === "paged", u = (m) => {
+    const h = Yt(m, r);
+    if (h) {
+      window.location.href = h;
       return;
     }
-    p || (N(m), F(!0));
-  }, R = T ? 1 : Math.max(1, Math.floor(l)), b = u && U > 1, Q = !u && w && !S, Z = !(u && S);
-  return B || !S && I.length === 0 && !b ? null : /* @__PURE__ */ E(x, { sx: { fontSize: "1em", fontFamily: i.fonts.secondary }, children: [
-    Z && /* @__PURE__ */ o(
+    T || (N(m), F(!0));
+  }, i = E ? 1 : Math.max(1, Math.floor(l)), R = p && b > 1, P = !p && w && !S, j = !(p && S);
+  return B || !S && I.length === 0 && !R ? null : /* @__PURE__ */ v(x, { sx: { fontSize: "1em", fontFamily: s.fonts.secondary }, children: [
+    j && /* @__PURE__ */ o(
       x,
       {
         sx: {
           display: "grid",
-          gridTemplateColumns: `repeat(${R}, minmax(0, 1fr))`,
-          gap: i.spacing.xs,
-          marginBottom: i.spacing.md
+          gridTemplateColumns: `repeat(${i}, minmax(0, 1fr))`,
+          gap: s.spacing.xs,
+          marginBottom: s.spacing.md
         },
         children: I.map((m) => {
-          const g = rt(m);
-          if (!g) return null;
+          const h = rt(m);
+          if (!h) return null;
           const f = ae[m.entityType];
           return /* @__PURE__ */ o(
             $t,
             {
               item: m,
-              entityData: g,
+              entityData: h,
               typeLabel: f ? C(f) : "",
               imagePlaceholder: c || "",
-              onClick: s
+              onClick: u
             },
             m.entityId
           );
@@ -894,13 +896,13 @@ const rt = (e) => {
       }
     ),
     S && /* @__PURE__ */ o(nt, { my: 4 }),
-    Q && /* @__PURE__ */ o(
+    P && /* @__PURE__ */ o(
       x,
       {
         sx: {
           display: "flex",
           justifyContent: "center",
-          marginTop: i.spacing.md
+          marginTop: s.spacing.md
         },
         children: /* @__PURE__ */ o(
           ot,
@@ -908,12 +910,12 @@ const rt = (e) => {
             variant: "soft",
             onClick: O,
             sx: {
-              borderRadius: i.radius.xl,
+              borderRadius: s.radius.xl,
               py: "10px",
               px: "16px",
-              bgcolor: i.colors.primary,
-              color: i.colors.onPrimary,
-              fontFamily: i.fonts.primary,
+              bgcolor: s.colors.primary,
+              color: s.colors.onPrimary,
+              fontFamily: s.fonts.primary,
               fontSize: "0.9375em",
               fontWeight: 500,
               lineHeight: "24px",
@@ -922,11 +924,11 @@ const rt = (e) => {
               transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
               transform: "scale(1)",
               "&:hover": {
-                bgcolor: i.colors.primary,
+                bgcolor: s.colors.primary,
                 transform: "scale(1.02)"
               },
               "&:active": {
-                color: i.colors.onPrimary,
+                color: s.colors.onPrimary,
                 transform: "scale(0.98)"
               }
             },
@@ -935,11 +937,11 @@ const rt = (e) => {
         )
       }
     ),
-    b && /* @__PURE__ */ o(x, { sx: { marginTop: i.spacing.md }, children: /* @__PURE__ */ o(
+    R && /* @__PURE__ */ o(x, { sx: { marginTop: s.spacing.md }, children: /* @__PURE__ */ o(
       ie,
       {
-        page: P,
-        count: U,
+        page: Q,
+        count: b,
         disabled: S,
         onChange: L
       }
@@ -947,8 +949,8 @@ const rt = (e) => {
     /* @__PURE__ */ o(
       oe,
       {
-        item: v,
-        open: M,
+        item: M,
+        open: U,
         onClose: () => F(!1),
         listProps: e
       }