fansunited-frontend-components 0.0.77-RC1 → 0.0.79

package/List.js

@@ -1,15 +1,15 @@
-import { jsx as o, jsxs as M } from "react/jsx-runtime";
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
 import * as D from "react";
-import { useState as z, useRef as O, useCallback as V, useEffect as at, lazy as Q, Suspense as ct } from "react";
-import { H as lt, I as dt, J as pt, _ as $, K as mt, L 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, y as Ct, W as xt } from "./chunks/PrizeCard-DG54vy2l.js";
+import { useState as z, useRef as O, useCallback as V, useEffect as it, lazy as Q, Suspense as ct } from "react";
+import { H as lt, I as dt, J as pt, _ as $, K as ut, L as h, g as mt, u as ft, f as ht, d as gt, a as J, i as et, B as x, b as yt, y as Ct, W as xt } from "./chunks/PrizeCard-DG54vy2l.js";
 import { P as It } from "./chunks/Portal-B5LOp_VA.js";
 import "react-dom";
 import { S as nt } from "./chunks/Spinner-CfnxZwI6.js";
-import { a as wt } from "./chunks/index-D5NQUqT3.js";
+import { a as bt } from "./chunks/index-D5NQUqT3.js";
 import { C as St } from "./chunks/Card-Bp7sboHu.js";
-import { s as bt, b as Tt, c as Pt, d as Et, T as Z } from "./chunks/Typography-ECqxGAdq.js";
-import { C as Mt } from "./chunks/CardContent-BZDBKTQD.js";
-import { C as vt } from "./chunks/Chip-Bm-Ccjvy.js";
+import { s as wt, b as Tt, c as Pt, d as Et, T as Z } from "./chunks/Typography-ECqxGAdq.js";
+import { C as vt } from "./chunks/CardContent-BZDBKTQD.js";
+import { C as Mt } from "./chunks/Chip-Bm-Ccjvy.js";
 import { c as Lt } from "./chunks/createLucideIcon-YBRjY5Kl.js";
 import { M as Ut, a as Rt } from "./chunks/ModalDialog-DyJQmPgR.js";
 import { M as _t } from "./chunks/ModalClose-C-dgGCpP.js";
@@ -23,7 +23,7 @@ function Nt(e) {
 lt("MuiCardCover", ["root"]);
 const Bt = ["className", "component", "children", "slots", "slotProps"], Ht = () => Et({
   root: ["root"]
-}, Nt, {}), Qt = bt("div", {
+}, Nt, {}), Qt = wt("div", {
   name: "JoyCardCover",
   slot: "Root",
   overridesResolver: (e, n) => n.root
@@ -61,19 +61,19 @@ const Bt = ["className", "component", "children", "slots", "slotProps"], Ht = ()
     name: "JoyCardCover"
   }), {
     className: l,
-    component: a = "div",
+    component: i = "div",
     children: r,
     slots: c = {},
     slotProps: C = {}
-  } = d, i = pt(d, Bt), P = $({}, d, {
-    component: a
-  }), v = Ht(), A = $({}, i, {
-    component: a,
+  } = d, a = pt(d, Bt), P = $({}, d, {
+    component: i
+  }), M = Ht(), A = $({}, a, {
+    component: i,
     slots: c,
     slotProps: C
   }), [L, _] = Pt("root", {
     ref: t,
-    className: mt(v.root, l),
+    className: ut(M.root, l),
     elementType: Qt,
     externalForwardedProps: A,
     ownerState: P
@@ -204,12 +204,12 @@ const jt = Lt("Users", [
   const n = (t = rt(e)) == null ? void 0 : t.status;
   return !!(n && kt.has(n));
 }, Dt = 50, Vt = 3, Wt = (e, n, t, d) => {
-  const l = d === "paged", a = d === "limited", [r, c] = z([]), [C, i] = z(!1), [P, v] = z(!1), [A, L] = z(!l), [_, I] = z(1), [S, N] = z(1), b = O([]), T = O([]), B = O(/* @__PURE__ */ new Set()), U = O(1), p = O(!1), u = O(!1), s = O(null), E = O(0), w = V(
-    async (m, g) => {
+  const l = d === "paged", i = d === "limited", [r, c] = z([]), [C, a] = z(!1), [P, M] = z(!1), [A, L] = z(!l), [_, I] = z(1), [S, N] = z(1), w = O([]), T = O([]), B = O(/* @__PURE__ */ new Set()), U = O(1), p = O(!1), m = O(!1), s = O(null), E = O(0), b = V(
+    async (u, g) => {
       var H;
       const f = await e.lists.getListContent(n, {
         limit: g,
-        page: m
+        page: u
       }), y = (H = f.meta) == null ? void 0 : H.pagination, R = f.data ?? [];
       return {
         valid: R.filter(Zt),
@@ -219,81 +219,81 @@ const jt = Lt("Users", [
     },
     [e, n]
   ), F = V(async () => {
-    if (u.current || !e || !n) return;
-    const m = E.current, g = () => m !== E.current, f = a ? t - T.current.length : t;
+    if (m.current || !e || !n) return;
+    const u = E.current, g = () => u !== E.current, f = i ? t - T.current.length : t;
     if (f <= 0) {
       L(!1);
       return;
     }
-    if (b.current.length < f && !p.current) {
-      u.current = !0, i(!0);
+    if (w.current.length < f && !p.current) {
+      m.current = !0, a(!0);
       try {
         let R = 0;
-        for (; b.current.length < f && !p.current && R < Vt; ) {
+        for (; w.current.length < f && !p.current && R < Vt; ) {
           const {
             valid: H,
             rawCount: st,
-            pageCount: it
-          } = await w(U.current, Dt);
+            pageCount: at
+          } = await b(U.current, Dt);
           if (g()) return;
           R += 1;
           const X = H.filter(
             (K) => !B.current.has(K.entityId)
           );
-          X.forEach((K) => B.current.add(K.entityId)), b.current.push(...X), (st === 0 || U.current >= it) && (p.current = !0), U.current += 1;
+          X.forEach((K) => B.current.add(K.entityId)), w.current.push(...X), (st === 0 || U.current >= at) && (p.current = !0), U.current += 1;
         }
       } catch (R) {
         if (g()) return;
-        console.warn("Error fetching list content:", R), v(!0);
+        console.warn("Error fetching list content:", R), M(!0);
         return;
       } finally {
-        g() || (u.current = !1, i(!1));
+        g() || (m.current = !1, a(!1));
       }
     }
     if (g()) return;
-    const y = [...T.current, ...b.current.splice(0, f)];
+    const y = [...T.current, ...w.current.splice(0, f)];
     T.current = y, c(y), L(
-      !a && (b.current.length > 0 || !p.current)
+      !i && (w.current.length > 0 || !p.current)
     );
-  }, [w, a, t, n, e]), j = V(
-    (m, g) => {
-      const f = Math.max(1, Math.ceil(m.length / t)), y = Math.min(Math.max(g, 1), f);
-      c(m.slice((y - 1) * t, y * t)), N(f), I(y);
+  }, [b, i, t, n, e]), j = V(
+    (u, g) => {
+      const f = Math.max(1, Math.ceil(u.length / t)), y = Math.min(Math.max(g, 1), f);
+      c(u.slice((y - 1) * t, y * t)), N(f), I(y);
     },
     [t]
   ), k = V(
-    async (m) => {
-      if (m < 1) return;
+    async (u) => {
+      if (u < 1) return;
       if (s.current) {
-        j(s.current, m);
+        j(s.current, u);
         return;
       }
-      if (u.current || !e || !n) return;
+      if (m.current || !e || !n) return;
       const g = E.current, f = () => g !== E.current;
-      u.current = !0, i(!0);
+      m.current = !0, a(!0);
       try {
         const {
           valid: y,
           rawCount: R,
           pageCount: H
-        } = await w(m, t);
+        } = await b(u, t);
         if (f()) return;
         if (R > t) {
-          s.current = y, j(y, m);
+          s.current = y, j(y, u);
           return;
         }
-        c(y), N(H), I(m);
+        c(y), N(H), I(u);
       } 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() || (u.current = !1, i(!1));
+        f() || (m.current = !1, a(!1));
       }
     },
-    [w, t, n, e, j]
+    [b, t, n, e, j]
   );
-  return at(() => {
-    E.current += 1, u.current = !1, b.current = [], T.current = [], B.current = /* @__PURE__ */ new Set(), U.current = 1, p.current = !1, s.current = null, c([]), v(!1), L(!l), I(1), N(1), l ? k(1) : F();
+  return it(() => {
+    E.current += 1, m.current = !1, w.current = [], T.current = [], B.current = /* @__PURE__ */ new Set(), U.current = 1, p.current = !1, s.current = null, c([]), M(!1), L(!l), I(1), N(1), l ? k(1) : F();
   }, [l, k, F]), {
     items: r,
     loading: C,
@@ -305,7 +305,7 @@ const jt = Lt("Users", [
     goToPage: k
   };
 }, G = () => {
-  const e = ut(), n = ft(), t = ht(), d = gt();
+  const e = mt(), n = ft(), t = ht(), d = gt();
   return {
     fonts: n,
     spacing: d,
@@ -358,9 +358,9 @@ const jt = Lt("Users", [
   imagePlaceholder: d,
   onClick: l
 }) => {
-  var i, P;
-  const { t: a } = J(), r = G(), c = et(), C = $t(n.branding, c);
-  return /* @__PURE__ */ M(
+  var a, P;
+  const { t: i } = J(), r = G(), c = et(), C = $t(n.branding, c);
+  return /* @__PURE__ */ v(
     St,
     {
       onClick: () => l(e),
@@ -386,15 +386,15 @@ const jt = Lt("Users", [
         /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(
           "img",
           {
-            src: ((i = n.images) == null ? void 0 : i.cover) || ((P = n.images) == null ? void 0 : P.main) || d || wt,
+            src: ((a = n.images) == null ? void 0 : a.cover) || ((P = n.images) == null ? void 0 : P.main) || d || bt,
             alt: n.title,
             loading: "lazy",
             style: { transition: "transform 0.4s ease-out" }
           }
         ) }),
         /* @__PURE__ */ o(q, { sx: { background: r.onImage.scrim } }),
-        /* @__PURE__ */ M(Mt, { sx: { justifyContent: "flex-end", gap: 0 }, children: [
-          /* @__PURE__ */ M(
+        /* @__PURE__ */ v(vt, { sx: { justifyContent: "flex-end", gap: 0 }, children: [
+          /* @__PURE__ */ v(
             x,
             {
               sx: {
@@ -404,8 +404,8 @@ const jt = Lt("Users", [
                 gap: r.spacing.md
               },
               children: [
-                /* @__PURE__ */ M(x, { children: [
-                  /* @__PURE__ */ M(
+                /* @__PURE__ */ v(x, { children: [
+                  /* @__PURE__ */ v(
                     x,
                     {
                       sx: {
@@ -416,7 +416,7 @@ const jt = Lt("Users", [
                       },
                       children: [
                         t && /* @__PURE__ */ o(
-                          vt,
+                          Mt,
                           {
                             size: "sm",
                             color: "neutral",
@@ -463,7 +463,7 @@ const jt = Lt("Users", [
                     }
                   )
                 ] }),
-                C && !c && /* @__PURE__ */ M(
+                C && !c && /* @__PURE__ */ v(
                   x,
                   {
                     sx: {
@@ -485,7 +485,7 @@ const jt = Lt("Users", [
                             textShadow: r.onImage.labelShadow,
                             textAlign: "center"
                           },
-                          children: a("list.sponsoredBy")
+                          children: i("list.sponsoredBy")
                         }
                       ),
                       /* @__PURE__ */ o(
@@ -498,7 +498,7 @@ const jt = Lt("Users", [
                               maxWidth: "100%"
                             }
                           },
-                          children: /* @__PURE__ */ o("img", { src: C, alt: a("list.sponsoredBy") })
+                          children: /* @__PURE__ */ o("img", { src: C, alt: i("list.sponsoredBy") })
                         }
                       )
                     ]
@@ -507,7 +507,7 @@ const jt = Lt("Users", [
               ]
             }
           ),
-          C && c && /* @__PURE__ */ M(
+          C && c && /* @__PURE__ */ v(
             x,
             {
               sx: {
@@ -529,7 +529,7 @@ const jt = Lt("Users", [
                       fontFamily: r.fonts.secondary,
                       color: r.onImage.dimStrong
                     },
-                    children: a("list.sponsoredBy")
+                    children: i("list.sponsoredBy")
                   }
                 ),
                 /* @__PURE__ */ o(
@@ -542,7 +542,7 @@ const jt = Lt("Users", [
                         objectFit: "contain"
                       }
                     },
-                    children: /* @__PURE__ */ o("img", { src: C, alt: a("list.sponsoredBy") })
+                    children: /* @__PURE__ */ o("img", { src: C, alt: i("list.sponsoredBy") })
                   }
                 )
               ]
@@ -560,49 +560,49 @@ const jt = Lt("Users", [
   onClose: t,
   listProps: d
 }) => {
-  const { t: l } = J(), a = G(), { shadowRootElement: r } = yt(Ct), {
+  const { t: l } = J(), i = G(), { shadowRootElement: r } = yt(Ct), {
     sdk: c,
     language: C,
-    themeOptions: i,
+    themeOptions: a,
     userIsLoggedIn: P,
-    signInCTA: v,
+    signInCTA: M,
     additionalCTA: A,
     shareCTA: L,
     rulesDisplay: _,
     leads: I,
     consents: S,
     chanceGameVariant: N,
-    showAnswerExplanations: b,
+    showAnswerExplanations: w,
     optionsLayout: T,
     imagePosition: B,
     defaultImagePlaceholderUrl: U,
     matchQuiz: p,
-    eventGame: u,
+    eventGame: m,
     callbacks: s
   } = d, E = {
     sdk: c,
     language: C,
-    themeOptions: i,
+    themeOptions: a,
     leads: I,
     consents: S,
     userIsLoggedIn: P,
-    signInCTA: v,
+    signInCTA: M,
     additionalCTA: A,
     rulesDisplay: _,
     defaultImagePlaceholderUrl: U,
     template: xt.STANDARD,
     imagePosition: B
-  }, w = { ...E, chanceGameVariant: N }, F = () => {
+  }, b = { ...E, chanceGameVariant: N }, F = () => {
     if (!e) return null;
     switch (e.entityType) {
       case "CLASSIC_QUIZ":
         return /* @__PURE__ */ o(
           Jt,
           {
-            ...w,
+            ...b,
             entityId: e.entityId,
             shareCTA: L,
-            showAnswerExplanations: b,
+            showAnswerExplanations: w,
             optionsLayout: T,
             callbacks: {
               onFinish: s == null ? void 0 : s.onFinish,
@@ -614,9 +614,9 @@ const jt = Lt("Users", [
         return /* @__PURE__ */ o(
           Xt,
           {
-            ...w,
+            ...b,
             entityId: e.entityId,
-            showAnswerExplanations: b,
+            showAnswerExplanations: w,
             optionsLayout: T,
             callbacks: { onFinish: s == null ? void 0 : s.onFinish }
           }
@@ -625,7 +625,7 @@ const jt = Lt("Users", [
         return /* @__PURE__ */ o(
           te,
           {
-            ...w,
+            ...b,
             entityId: e.entityId,
             optionsLayout: T,
             callbacks: { onFinish: s == null ? void 0 : s.onFinish }
@@ -644,7 +644,7 @@ const jt = Lt("Users", [
         return /* @__PURE__ */ o(
           ne,
           {
-            ...w,
+            ...b,
             entityId: e.entityId,
             showPredictionDetails: (p == null ? void 0 : p.showPredictionDetails) ?? !0,
             showCountdown: (p == null ? void 0 : p.showCountdown) ?? !0,
@@ -657,23 +657,23 @@ const jt = Lt("Users", [
         return /* @__PURE__ */ o(
           oe,
           {
-            ...w,
+            ...b,
             entityId: e.entityId,
             optionsLayout: T,
-            showPredictionDetails: (u == null ? void 0 : u.showPredictionDetails) ?? !0,
-            showCountdown: (u == null ? void 0 : u.showCountdown) ?? !0,
-            showPoints: (u == null ? void 0 : u.showPoints) ?? !0,
+            showPredictionDetails: (m == null ? void 0 : m.showPredictionDetails) ?? !0,
+            showCountdown: (m == null ? void 0 : m.showCountdown) ?? !0,
+            showPoints: (m == null ? void 0 : m.showPoints) ?? !0,
             callbacks: { onFinish: s == null ? void 0 : s.onFinish }
           }
         );
       default:
-        return /* @__PURE__ */ o(x, { sx: { padding: a.spacing.md, textAlign: "center" }, children: /* @__PURE__ */ o(
+        return /* @__PURE__ */ o(x, { sx: { padding: i.spacing.md, textAlign: "center" }, children: /* @__PURE__ */ o(
           Z,
           {
             sx: {
               fontSize: "1em",
-              fontFamily: a.fonts.secondary,
-              color: a.colors.text
+              fontFamily: i.fonts.secondary,
+              color: i.colors.text
             },
             children: l("list.unsupportedContentType", { type: e.entityType })
           }
@@ -687,23 +687,33 @@ const jt = Lt("Users", [
       onClose: t,
       container: r,
       sx: { zIndex: 1300 },
-      children: /* @__PURE__ */ M(
+      children: /* @__PURE__ */ v(
         Rt,
         {
           sx: {
             fontSize: "1em",
-            fontFamily: a.fonts.secondary,
+            fontFamily: i.fonts.secondary,
             maxWidth: "95vw",
             maxHeight: "95vh",
             overflowY: "auto",
             overflowX: "hidden",
             padding: 0,
-            borderRadius: a.radius.md,
-            backgroundColor: a.colors.surface
+            borderRadius: i.radius.md,
+            backgroundColor: i.colors.surface
           },
           children: [
-            /* @__PURE__ */ o(_t, { sx: { zIndex: 1 } }),
-            /* @__PURE__ */ o(ct, { fallback: /* @__PURE__ */ o(nt, { my: 4 }), children: F() })
+            /* @__PURE__ */ o(
+              _t,
+              {
+                sx: {
+                  zIndex: 1,
+                  // Joy's plain hover/active fill reads as a white tile over the item's image.
+                  "&:hover": { backgroundColor: "transparent" },
+                  "&:active": { backgroundColor: "transparent" }
+                }
+              }
+            ),
+            /* @__PURE__ */ o(x, { sx: { position: "relative", zIndex: 0, fontSize: "1em" }, children: /* @__PURE__ */ o(ct, { fallback: /* @__PURE__ */ o(nt, { my: 4 }), children: F() }) })
           ]
         }
       )
@@ -713,17 +723,17 @@ const jt = Lt("Users", [
   const t = [];
   for (let d = e; d <= n; d += 1) t.push(d);
   return t;
-}, ie = (e, n) => {
+}, ae = (e, n) => {
   if (n <= 0) return [];
   const t = [1], d = Math.max(2, e - 1), l = Math.min(n - 1, e + 1);
   return d > 2 && t.push("gap-start"), t.push(...se(d, l)), l < n - 1 && t.push("gap-end"), n > 1 && t.push(n), t;
-}, ae = ({
+}, ie = ({
   page: e,
   count: n,
   disabled: t = !1,
   onChange: d
 }) => {
-  const l = G(), a = (c) => {
+  const l = G(), i = (c) => {
     c >= 1 && c <= n && c !== e && d(c);
   }, r = {
     minWidth: "2em",
@@ -733,7 +743,7 @@ const jt = Lt("Users", [
     fontSize: "0.875em",
     color: l.colors.text
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ v(
     x,
     {
       sx: {
@@ -750,7 +760,7 @@ const jt = Lt("Users", [
             variant: "plain",
             color: "neutral",
             disabled: t || e === 1,
-            onClick: () => a(1),
+            onClick: () => i(1),
             sx: r,
             children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(Ft, { size: 18 }) })
           }
@@ -761,12 +771,12 @@ const jt = Lt("Users", [
             variant: "plain",
             color: "neutral",
             disabled: t || e === 1,
-            onClick: () => a(e - 1),
+            onClick: () => i(e - 1),
             sx: r,
             children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(zt, { size: 18 }) })
           }
         ),
-        ie(e, n).map((c, C) => {
+        ae(e, n).map((c, C) => {
           if (typeof c == "string")
             return /* @__PURE__ */ o(
               x,
@@ -782,21 +792,21 @@ const jt = Lt("Users", [
               },
               `${c}-${C}`
             );
-          const i = c === e;
+          const a = c === e;
           return /* @__PURE__ */ o(
             ot,
             {
               variant: "plain",
               color: "neutral",
               disabled: t,
-              onClick: () => a(c),
+              onClick: () => i(c),
               sx: {
                 ...r,
-                fontWeight: i ? 600 : 400,
-                bgcolor: i ? l.colors.primary : "transparent",
-                color: i ? l.colors.onPrimary : l.colors.text,
+                fontWeight: a ? 600 : 400,
+                bgcolor: a ? l.colors.primary : "transparent",
+                color: a ? l.colors.onPrimary : l.colors.text,
                 "&:hover": {
-                  bgcolor: i ? l.colors.primary : l.colors.surface
+                  bgcolor: a ? l.colors.primary : l.colors.surface
                 }
               },
               children: c
@@ -810,7 +820,7 @@ const jt = Lt("Users", [
             variant: "plain",
             color: "neutral",
             disabled: t || e === n,
-            onClick: () => a(e + 1),
+            onClick: () => i(e + 1),
             sx: r,
             children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(At, { size: 18 }) })
           }
@@ -821,7 +831,7 @@ const jt = Lt("Users", [
             variant: "plain",
             color: "neutral",
             disabled: t || e === n,
-            onClick: () => a(n),
+            onClick: () => i(n),
             sx: r,
             children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(Ot, { size: 18 }) })
           }
@@ -842,50 +852,50 @@ const jt = Lt("Users", [
     sdk: t,
     itemsCount: d = 10,
     itemsPerRow: l = 2,
-    widgetMode: a = "load-more",
+    widgetMode: i = "load-more",
     urls: r,
     defaultImagePlaceholderUrl: c
-  } = e, { t: C } = J(), i = G(), P = et(), [v, A] = z(null), [L, _] = z(!1), {
+  } = e, { t: C } = J(), a = G(), P = et(), [M, A] = z(null), [L, _] = z(!1), {
     items: I,
     loading: S,
     error: N,
-    hasMore: b,
+    hasMore: w,
     loadMore: T,
     page: B,
     pageCount: U,
     goToPage: p
-  } = Wt(t, n, d, a), u = Gt(r), s = a === "paged", E = (m) => {
-    const g = Kt(m, r);
+  } = Wt(t, n, d, i), m = Gt(r), s = i === "paged", E = (u) => {
+    const g = Kt(u, r);
     if (g) {
       window.location.href = g;
       return;
     }
-    u || (A(m), _(!0));
-  }, w = P ? 1 : Math.max(1, Math.floor(l)), F = s && U > 1, j = !s && b && !S, k = !(s && S);
-  return N || !S && I.length === 0 && !F ? null : /* @__PURE__ */ M(x, { sx: { fontSize: "1em", fontFamily: i.fonts.secondary }, children: [
+    m || (A(u), _(!0));
+  }, b = P ? 1 : Math.max(1, Math.floor(l)), F = s && U > 1, j = !s && w && !S, k = !(s && S);
+  return N || !S && I.length === 0 && !F ? null : /* @__PURE__ */ v(x, { sx: { fontSize: "1em", fontFamily: a.fonts.secondary }, children: [
     k && /* @__PURE__ */ o(
       x,
       {
         sx: {
           display: "grid",
-          gridTemplateColumns: `repeat(${w}, minmax(0, 1fr))`,
-          gap: i.spacing.xs,
-          marginBottom: i.spacing.md
+          gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))`,
+          gap: a.spacing.xs,
+          marginBottom: a.spacing.md
         },
-        children: I.map((m) => {
-          const g = rt(m);
+        children: I.map((u) => {
+          const g = rt(u);
           if (!g) return null;
-          const f = ce[m.entityType];
+          const f = ce[u.entityType];
           return /* @__PURE__ */ o(
             qt,
             {
-              item: m,
+              item: u,
               entityData: g,
               typeLabel: f ? C(f) : "",
               imagePlaceholder: c || "",
               onClick: E
             },
-            m.entityId
+            u.entityId
           );
         })
       }
@@ -897,7 +907,7 @@ const jt = Lt("Users", [
         sx: {
           display: "flex",
           justifyContent: "center",
-          marginTop: i.spacing.md
+          marginTop: a.spacing.md
         },
         children: /* @__PURE__ */ o(
           ot,
@@ -905,12 +915,12 @@ const jt = Lt("Users", [
             variant: "soft",
             onClick: T,
             sx: {
-              borderRadius: i.radius.xl,
+              borderRadius: a.radius.xl,
               py: "10px",
               px: "16px",
-              bgcolor: i.colors.primary,
-              color: i.colors.onPrimary,
-              fontFamily: i.fonts.primary,
+              bgcolor: a.colors.primary,
+              color: a.colors.onPrimary,
+              fontFamily: a.fonts.primary,
               fontSize: "0.9375em",
               fontWeight: 500,
               lineHeight: "24px",
@@ -919,11 +929,11 @@ const jt = Lt("Users", [
               transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
               transform: "scale(1)",
               "&:hover": {
-                bgcolor: i.colors.primary,
+                bgcolor: a.colors.primary,
                 transform: "scale(1.02)"
               },
               "&:active": {
-                color: i.colors.onPrimary,
+                color: a.colors.onPrimary,
                 transform: "scale(0.98)"
               }
             },
@@ -932,8 +942,8 @@ const jt = Lt("Users", [
         )
       }
     ),
-    F && /* @__PURE__ */ o(x, { sx: { marginTop: i.spacing.md }, children: /* @__PURE__ */ o(
-      ae,
+    F && /* @__PURE__ */ o(x, { sx: { marginTop: a.spacing.md }, children: /* @__PURE__ */ o(
+      ie,
       {
         page: B,
         count: U,
@@ -944,7 +954,7 @@ const jt = Lt("Users", [
     /* @__PURE__ */ o(
       re,
       {
-        item: v,
+        item: M,
         open: L,
         onClose: () => _(!1),
         listProps: e

package/index.js

@@ -4,7 +4,7 @@ import { PollVote as s } from "./PollVote.js";
 import { CollectLead as l } from "./CollectLead.js";
 import { PersonalityQuizPlay as P } from "./PersonalityQuizPlay.js";
 import { MatchQuizPlay as y } from "./MatchQuizPlay.js";
-import { EventGamePlay as C } from "./EventGamePlay.js";
+import { EventGamePlay as u } from "./EventGamePlay.js";
 import { PickThePair as v } from "./PickThePair.js";
 import { ChanceGame as E } from "./ChanceGame.js";
 import { Discussion as z } from "./Discussion.js";
@@ -13,17 +13,17 @@ import { Leaderboard as G } from "./Leaderboard.js";
 import { P as O, c as V } from "./chunks/Predictor-o1ZtxfmB.js";
 import { TopX as k } from "./TopX.js";
 import { Betslip as B } from "./Betslip.js";
-import { Standings as R } from "./Standings.js";
-import { EventCard as U } from "./EventCard.js";
-import { PlayerOfTheMatch as j } from "./PlayerOfTheMatch.js";
-import { List as F } from "./List.js";
-import { b as I } from "./chunks/main-DXZDk8yw.js";
+import { Standings as S } from "./Standings.js";
+import { EventCard as X } from "./EventCard.js";
+import { PlayerOfTheMatch as q } from "./PlayerOfTheMatch.js";
+import { List as H } from "./List.js";
+import { b as J } from "./chunks/main-DXZDk8yw.js";
 import "react";
 import "./chunks/PrizeCard-DG54vy2l.js";
 import "react/jsx-runtime";
 import "react-dom";
 typeof window < "u" && (window.fansUnitedComponentsVersions = {
-  components: "0.0.77-RC1",
+  components: "0.0.79",
   core: o
 });
 export {
@@ -33,18 +33,18 @@ export {
   l as CollectLead,
   z as Discussion,
   Q as EitherOrPlay,
-  U as EventCard,
-  C as EventGamePlay,
+  X as EventCard,
+  u as EventGamePlay,
   G as Leaderboard,
-  F as List,
+  H as List,
   y as MatchQuizPlay,
   P as PersonalityQuizPlay,
   v as PickThePair,
-  j as PlayerOfTheMatch,
+  q as PlayerOfTheMatch,
   s as PollVote,
   O as Predictor,
-  R as Standings,
+  S as Standings,
   k as TopX,
-  I as betslipApi,
+  J as betslipApi,
   V as componentEvents
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fansunited-frontend-components",
-  "version": "0.0.77-RC1",
+  "version": "0.0.79",
   "description": "Various user centric components for Fans United features",
   "type": "module",
   "main": "index.js",
@@ -80,7 +80,7 @@
     }
   },
   "dependencies": {
-    "fansunited-frontend-core": "0.0.77-RC1",
+    "fansunited-frontend-core": "0.0.79",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },