fansunited-frontend-components 0.0.63 → 0.0.64

package/index.js

@@ -12,15 +12,15 @@ import { EitherOrPlay as Gt } from "./EitherOrPlay.js";
 import { Leaderboard as jt } from "./Leaderboard.js";
 import { Predictor as Bt } from "./Predictor.js";
 import { TopX as Yt } from "./TopX.js";
-import { Betslip as Xt } from "./Betslip.js";
-import { Standings as vt } from "./Standings.js";
+import { Betslip as Qt } from "./Betslip.js";
+import { Standings as qt } from "./Standings.js";
 import { jsx as s, jsxs as h, Fragment as z } from "react/jsx-runtime";
-import k, { useState as O, useCallback as ge, useEffect as q, useRef as pe } from "react";
+import k, { useState as O, useCallback as ge, useEffect as X, useRef as pe } from "react";
 import { G as xe, _ as ye, d as Se, T as be, u as M, a as we, b as Ce, c as Ee, e as Ie, B as d, i as Ne, f as Le, C as Te, g as _e, E as Ae, h as Re } from "./chunks/PrizeCard-CjZXXFx3.js";
 import { S as De } from "./chunks/Spinner-htM_pA9-.js";
 import { createPortal as ke } from "react-dom";
 import { h as H } from "./chunks/helpers-B7-TtMzO.js";
-import { E as v } from "./chunks/EmojiEvents-E7Oqv7rk.js";
+import { E as q } from "./chunks/EmojiEvents-E7Oqv7rk.js";
 import { T as E } from "./chunks/Typography-DjxaMiey.js";
 import { S as G } from "./chunks/Table-OBls_6ml.js";
 import { K as Fe } from "./chunks/KeyboardArrowDown-CvGmYfHu.js";
@@ -79,8 +79,8 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
       { signal: t }
     );
     if (!l.ok) return a;
-    ((await l.json()).data ?? []).forEach((m) => {
-      m != null && m.id && a.set(m.id, m);
+    ((await l.json()).data ?? []).forEach((u) => {
+      u != null && u.id && a.set(u.id, u);
     });
   } catch {
     return a;
@@ -107,8 +107,9 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
     }
   )) == null ? void 0 : o.short_name) ?? e.short_name ?? null;
 }, He = (e) => {
-  var n, t;
-  return ((t = (n = e == null ? void 0 : e.assets) == null ? void 0 : n.find((a) => a.key === "LOGO")) == null ? void 0 : t.value) ?? null;
+  var t, a;
+  const n = e == null ? void 0 : e.assets;
+  return n ? ((t = n.find((r) => r.key === "LOGO")) == null ? void 0 : t.value) ?? ((a = n.find((r) => r.key === "HEADSHOT")) == null ? void 0 : a.value) ?? null : null;
 }, Ge = (e) => (e == null ? void 0 : e.three_letter_code) ?? null, N = (e, ...n) => {
   if (e)
     for (const t of n) {
@@ -137,7 +138,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
 }, Ye = (e, n, t, a) => {
   const r = (n ?? "").toUpperCase();
   return e === "LIVE" ? a.live : e === "FINISHED" ? r.includes("PEN") ? a.pen : r.includes("AET") || r.includes("EXTRA") ? a.aet : t === "tennis" ? a.finished : a.ft : e === "CANCELLED" ? r.includes("POSTPON") || r.includes("DELAYED") ? a.postponed : r.includes("ABANDON") || r.includes("INTERRUPT") ? a.abandoned : r.includes("SUSPEND") ? a.suspended : a.cancelled : null;
-}, Qe = (e) => {
+}, ve = (e) => {
   const n = /* @__PURE__ */ new Map(), t = N(e, "score", "scores", "results");
   return (Array.isArray(t) ? t : []).forEach((a) => {
     const r = String(N(a, "key", "type", "name") ?? "").toLowerCase();
@@ -153,30 +154,30 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
 }, Z = (e, n) => {
   const t = e.get("result") ?? e.get("full_time") ?? e.get("current") ?? e.get("ft");
   return t ? t[n] : null;
-}, Xe = /^(?:set|period)[_\s-]?(\d+)$/, ee = (e, n) => {
+}, Qe = /^(?:set|period)[_\s-]?(\d+)$/, ee = (e, n) => {
   const t = n === "one" ? "two" : "one", a = [];
   return e.forEach((r, o) => {
-    const i = o.match(Xe);
+    const i = o.match(Qe);
     if (!i) return;
-    const l = Number(i[1]), c = r[n] ?? "", m = e.get(`set_${l}_tiebreak`) ?? e.get(`tie_break_${l}`) ?? e.get(`tiebreak_${l}`) ?? e.get(`set${l}_tiebreak`), g = Number(r[n]), f = Number(r[t]);
+    const l = Number(i[1]), c = r[n] ?? "", u = e.get(`set_${l}_tiebreak`) ?? e.get(`tie_break_${l}`) ?? e.get(`tiebreak_${l}`) ?? e.get(`set${l}_tiebreak`), g = Number(r[n]), f = Number(r[t]);
     a.push({
       n: l,
       cell: {
         games: c,
-        tiebreak: m ? m[n] : null,
+        tiebreak: u ? u[n] : null,
         won: !Number.isNaN(g) && !Number.isNaN(f) && g > f
       }
     });
   }), a.sort((r, o) => r.n - o.n).map((r) => r.cell);
 }, te = (e, n, t, a, r, o) => {
-  const i = e ? t.get(e) : void 0, l = ie(i, a) ?? r, c = Ge(i) ?? Oe(i, a) ?? le(l === r ? null : l), m = He(i), g = i != null && i.type ? i.type.toUpperCase() === "ATHLETE" : o;
-  return { id: e, name: l, abbr: c, logoUrl: m, isAthlete: g, score: n };
-}, qe = (e) => e.includes("tennis"), ne = (e) => String(e.filter((n) => n.won).length), ve = (e, n, t, a, r, o) => {
-  var Q, X;
+  const i = e ? t.get(e) : void 0, l = ie(i, a) ?? r, c = Ge(i) ?? Oe(i, a) ?? le(l === r ? null : l), u = He(i), g = i != null && i.type ? i.type.toUpperCase() === "ATHLETE" : o;
+  return { id: e, name: l, abbr: c, logoUrl: u, isAthlete: g, score: n };
+}, Xe = (e) => e.includes("tennis"), ne = (e) => String(e.filter((n) => n.won).length), qe = (e, n, t, a, r, o) => {
+  var v, Q;
   if (!e) return null;
   const i = _(N(e, "id", "event_id", "match_id"));
   if (!i) return null;
-  const l = String(N(e, "sport", "sport_type") ?? "").toLowerCase(), c = qe(l), m = _(
+  const l = String(N(e, "sport", "sport_type") ?? "").toLowerCase(), c = Xe(l), u = _(
     N(
       e,
       "started_at",
@@ -190,7 +191,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
     )
   ), g = _(
     N(e, "status", "status_type", "state", "match_status")
-  ), f = Ke(g, m), u = Ye(f, g, l, o), C = Qe(e), I = _(
+  ), f = Ke(g, u), m = Ye(f, g, l, o), C = ve(e), I = _(
     N(e, "competitor_one", "competitorOne", "home_competitor")
   ) ?? "", p = _(
     N(e, "competitor_two", "competitorTwo", "away_competitor")
@@ -218,14 +219,14 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   }
   const L = _(
     N(e, "competition_id", "competitionId")
-  ), x = (t == null ? void 0 : t.season) ?? null, D = _(N(e, "stage_id", "stageId")), T = D ? ((x == null ? void 0 : x.stages) ?? []).find(($) => $.id === D) ?? null : null, F = (t == null ? void 0 : t.name) ?? (t == null ? void 0 : t.shortName) ?? _(N(e, "competition_name", "competition")), Y = (x == null ? void 0 : x.year) || (x == null ? void 0 : x.name) || null, V = (((Q = x == null ? void 0 : x.stages) == null ? void 0 : Q.length) ?? 0) <= 1, P = ((X = T == null ? void 0 : T.stageNameModel) == null ? void 0 : X.name) ?? null, U = V ? a ?? P : P;
+  ), x = (t == null ? void 0 : t.season) ?? null, D = _(N(e, "stage_id", "stageId")), T = D ? ((x == null ? void 0 : x.stages) ?? []).find(($) => $.id === D) ?? null : null, F = (t == null ? void 0 : t.name) ?? (t == null ? void 0 : t.shortName) ?? _(N(e, "competition_name", "competition")), Y = (x == null ? void 0 : x.year) || (x == null ? void 0 : x.name) || null, V = (((v = x == null ? void 0 : x.stages) == null ? void 0 : v.length) ?? 0) <= 1, P = ((Q = T == null ? void 0 : T.stageNameModel) == null ? void 0 : Q.name) ?? null, U = V ? a ?? P : P;
   return {
     id: i,
     sport: l,
     isTennis: c,
     status: f,
-    statusLabel: u,
-    startsAt: m,
+    statusLabel: m,
+    startsAt: u,
     competition: {
       id: L,
       name: F,
@@ -248,7 +249,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   };
   return t(N(e, "competitor_one", "competitorOne", "home_competitor")), t(N(e, "competitor_two", "competitorTwo", "away_competitor")), n;
 }, Je = (e) => e ? _(N(e, "competition_id", "competitionId")) : null, Ze = (e) => e ? _(N(e, "season_id", "seasonId")) : null, et = (e, n, t, a, r) => {
-  const { t: o } = M("common"), [i, l] = O(null), [c, m] = O(!0), [g, f] = O(!1), u = ge(
+  const { t: o } = M("common"), [i, l] = O(null), [c, u] = O(!0), [g, f] = O(!1), m = ge(
     async (p, y) => {
       var S, w, R, L;
       const b = {
@@ -264,7 +265,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         suspended: o("eventCard.status.suspended"),
         unknownCompetitor: o("eventCard.unknownCompetitor")
       };
-      y || (m(!0), f(!1));
+      y || (u(!0), f(!1));
       try {
         const x = await Ue(e, n, p), [D, T] = await Promise.all([
           J(e, re(x), p),
@@ -281,7 +282,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
           }
         }
         l(
-          ve(
+          qe(
             x,
             D,
             T,
@@ -294,30 +295,30 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         if (p.aborted || (x == null ? void 0 : x.name) === "AbortError") return;
         y || f(!0);
       } finally {
-        !p.aborted && !y && m(!1);
+        !p.aborted && !y && u(!1);
       }
     },
     [e, n, t, o]
   );
-  q(() => {
+  X(() => {
     if (!e || !n) {
-      m(!1);
+      u(!1);
       return;
     }
     const p = new AbortController();
-    return u(p.signal, !1), () => p.abort();
-  }, [e, n, u]);
+    return m(p.signal, !1), () => p.abort();
+  }, [e, n, m]);
   const C = (i == null ? void 0 : i.status) === "LIVE", I = pe(null);
-  return q(() => {
+  return X(() => {
     if (!C || !a || r <= 0) return;
     const p = new AbortController();
     return I.current = setInterval(
-      () => u(p.signal, !0),
+      () => m(p.signal, !0),
       r
     ), () => {
       p.abort(), I.current && clearInterval(I.current);
     };
-  }, [a, C, r, u]), console.log("data", i), { data: i, loading: c, error: g };
+  }, [a, C, r, m]), console.log("data", i), { data: i, loading: c, error: g };
 }, A = () => {
   const e = we(), n = Ce(), t = Ee(), a = Ie(), r = `rgba(${H(e.textSecondary)}, 0.62)`;
   return {
@@ -353,7 +354,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   fallbackIcon: i,
   plainLogo: l = !1,
   avatar: c = !1,
-  alt: m
+  alt: u
 }) => {
   const { colors: g } = A(), f = l && !!e && !c;
   return /* @__PURE__ */ s(
@@ -376,7 +377,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         {
           component: "img",
           src: e,
-          alt: m ?? n ?? "",
+          alt: u ?? n ?? "",
           sx: {
             width: c || f ? "100%" : "80%",
             height: c || f ? "100%" : "80%",
@@ -428,7 +429,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
             shape: "rounded",
             bg: t.chip,
             labelFontEm: 0.5625,
-            fallbackIcon: /* @__PURE__ */ s(v, { sx: { fontSize: "0.9em", color: t.dim } }),
+            fallbackIcon: /* @__PURE__ */ s(q, { sx: { fontSize: "0.9em", color: t.dim } }),
             plainLogo: !0,
             alt: e.name ?? void 0
           }
@@ -467,7 +468,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
             shape: "rounded",
             bg: t.chip,
             labelFontEm: 0.6875,
-            fallbackIcon: /* @__PURE__ */ s(v, { sx: { fontSize: "1.25em", color: t.dim } }),
+            fallbackIcon: /* @__PURE__ */ s(q, { sx: { fontSize: "1.25em", color: t.dim } }),
             plainLogo: !0,
             alt: e.name ?? void 0
           }
@@ -575,7 +576,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
       }
     }
   );
-}, me = () => {
+}, ue = () => {
   const { colors: e, fonts: n } = A(), { t } = M("common");
   return /* @__PURE__ */ h(
     d,
@@ -607,7 +608,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   labels: a,
   header: r
 }) => {
-  const { colors: o, fonts: i, spacing: l, radius: c } = A(), m = B(e.startsAt, t), g = K(e.startsAt, t, a.today, a.tomorrow), f = e.status === "LIVE" || e.status === "FINISHED", u = (y, b) => {
+  const { colors: o, fonts: i, spacing: l, radius: c } = A(), u = B(e.startsAt, t), g = K(e.startsAt, t, a.today, a.tomorrow), f = e.status === "LIVE" || e.status === "FINISHED", m = (y, b) => {
     const S = Number(y), w = Number(b);
     return Number.isNaN(S) || Number.isNaN(w) || S === w || S > w ? o.text : o.dim;
   }, C = /* @__PURE__ */ s(
@@ -623,7 +624,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         flexShrink: 0
       },
       children: e.status === "UPCOMING" ? /* @__PURE__ */ h(z, { children: [
-        m && /* @__PURE__ */ s(
+        u && /* @__PURE__ */ s(
           E,
           {
             sx: {
@@ -633,7 +634,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
               color: o.text,
               lineHeight: 1.1
             },
-            children: m
+            children: u
           }
         ),
         g && /* @__PURE__ */ s(
@@ -669,7 +670,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         lineHeight: 1,
         minWidth: "1em",
         textAlign: "right",
-        color: u(y.score, b.score)
+        color: m(y.score, b.score)
       },
       children: y.score
     }
@@ -760,7 +761,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
       ]
     }
   );
-}, ue = ({
+}, me = ({
   homeSets: e,
   awaySets: n,
   expanded: t,
@@ -771,7 +772,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   if (i === 0) return null;
   const l = (c) => {
     var g, f;
-    const m = (g = e[c]) != null && g.won ? "home" : (f = n[c]) != null && f.won ? "away" : null;
+    const u = (g = e[c]) != null && g.won ? "home" : (f = n[c]) != null && f.won ? "away" : null;
     return /* @__PURE__ */ s(
       d,
       {
@@ -783,7 +784,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
           position: "relative",
           overflow: "hidden"
         },
-        children: m && /* @__PURE__ */ s(
+        children: u && /* @__PURE__ */ s(
           d,
           {
             sx: {
@@ -791,8 +792,8 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
               top: 0,
               bottom: 0,
               width: "50%",
-              left: m === "home" ? 0 : "auto",
-              right: m === "away" ? 0 : "auto",
+              left: u === "home" ? 0 : "auto",
+              right: u === "away" ? 0 : "auto",
               backgroundColor: o.primary
             }
           }
@@ -827,7 +828,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         }
       },
       children: [
-        /* @__PURE__ */ s(d, { sx: { display: "flex", gap: "0.2em" }, children: Array.from({ length: i }).map((c, m) => l(m)) }),
+        /* @__PURE__ */ s(d, { sx: { display: "flex", gap: "0.2em" }, children: Array.from({ length: i }).map((c, u) => l(u)) }),
         /* @__PURE__ */ s(
           Fe,
           {
@@ -848,7 +849,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   awaySets: a,
   expanded: r
 }) => {
-  const { colors: o, fonts: i, spacing: l } = A(), c = Math.max(t.length, a.length), m = `rgba(${H(o.text)}, 0.08)`, g = (u, C) => /* @__PURE__ */ h(
+  const { colors: o, fonts: i, spacing: l } = A(), c = Math.max(t.length, a.length), u = `rgba(${H(o.text)}, 0.08)`, g = (m, C) => /* @__PURE__ */ h(
     d,
     {
       sx: {
@@ -863,12 +864,12 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         fontSize: "1em",
         fontWeight: 700,
         lineHeight: 1,
-        color: u != null && u.won ? o.text : o.dim,
-        backgroundColor: u != null && u.won ? m : "transparent"
+        color: m != null && m.won ? o.text : o.dim,
+        backgroundColor: m != null && m.won ? u : "transparent"
       },
       children: [
-        (u == null ? void 0 : u.games) ?? "-",
-        (u == null ? void 0 : u.tiebreak) != null && /* @__PURE__ */ s(
+        (m == null ? void 0 : m.games) ?? "-",
+        (m == null ? void 0 : m.tiebreak) != null && /* @__PURE__ */ s(
           d,
           {
             component: "sup",
@@ -880,13 +881,13 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
               alignSelf: "flex-start",
               marginTop: "0.2em"
             },
-            children: u.tiebreak
+            children: m.tiebreak
           }
         )
       ]
     },
     C
-  ), f = (u, C) => /* @__PURE__ */ h(d, { sx: { display: "flex", alignItems: "center", gap: l.sm }, children: [
+  ), f = (m, C) => /* @__PURE__ */ h(d, { sx: { display: "flex", alignItems: "center", gap: l.sm }, children: [
     /* @__PURE__ */ h(
       d,
       {
@@ -901,15 +902,15 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
           /* @__PURE__ */ s(
             W,
             {
-              logoUrl: u.logoUrl,
-              label: u.abbr,
+              logoUrl: m.logoUrl,
+              label: m.abbr,
               sizeEm: 1.375,
               shape: "circle",
               bg: o.inner,
               labelFontEm: 0.5625,
               plainLogo: !0,
-              avatar: u.isAthlete,
-              alt: u.name
+              avatar: m.isAthlete,
+              alt: m.name
             }
           ),
           /* @__PURE__ */ s(
@@ -924,7 +925,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
                 overflow: "hidden",
                 textOverflow: "ellipsis"
               },
-              children: u.name
+              children: m.name
             }
           )
         ]
@@ -969,7 +970,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   labels: t,
   header: a
 }) => {
-  const { colors: r, fonts: o, spacing: i, radius: l } = A(), [c, m] = O(!1), g = e.isTennis && Math.max(e.homeSets.length, e.awaySets.length) > 0, f = B(e.startsAt, n), u = K(
+  const { colors: r, fonts: o, spacing: i, radius: l } = A(), [c, u] = O(!1), g = e.isTennis && Math.max(e.homeSets.length, e.awaySets.length) > 0, f = B(e.startsAt, n), m = K(
     e.startsAt,
     n,
     t.today,
@@ -1055,7 +1056,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
       },
       children: f
     }
-  ) : null, S = e.status === "LIVE" ? /* @__PURE__ */ s(me, {}) : e.status === "UPCOMING" ? null : e.statusLabel ? /* @__PURE__ */ s(
+  ) : null, S = e.status === "LIVE" ? /* @__PURE__ */ s(ue, {}) : e.status === "UPCOMING" ? null : e.statusLabel ? /* @__PURE__ */ s(
     E,
     {
       sx: {
@@ -1066,11 +1067,11 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
       },
       children: e.statusLabel
     }
-  ) : null, w = u ? /* @__PURE__ */ s(
+  ) : null, w = m ? /* @__PURE__ */ s(
     E,
     {
       sx: { fontFamily: o.secondary, fontSize: "0.8125em", color: r.dim },
-      children: u
+      children: m
     }
   ) : null, R = p ? y : e.status === "UPCOMING" ? /* @__PURE__ */ h(d, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: "0.0625em" }, children: [
     b,
@@ -1124,12 +1125,12 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
             }
           ),
           g && /* @__PURE__ */ s(d, { sx: { display: "flex", justifyContent: "center", marginTop: "0.375em" }, children: /* @__PURE__ */ s(
-            ue,
+            me,
             {
               homeSets: e.homeSets,
               awaySets: e.awaySets,
               expanded: c,
-              onToggle: () => m((x) => !x),
+              onToggle: () => u((x) => !x),
               label: t.sets
             }
           ) }),
@@ -1153,7 +1154,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   labels: t,
   header: a
 }) => {
-  const { colors: r, fonts: o, spacing: i, radius: l } = A(), [c, m] = O(!1), g = e.isTennis && Math.max(e.homeSets.length, e.awaySets.length) > 0, f = B(e.startsAt, n), u = K(e.startsAt, n, t.today, t.tomorrow), C = (e.status === "LIVE" || e.status === "FINISHED") && e.home.score !== null && e.away.score !== null, I = 3.75, p = 0.5, y = 1.125, b = (L) => /* @__PURE__ */ h(
+  const { colors: r, fonts: o, spacing: i, radius: l } = A(), [c, u] = O(!1), g = e.isTennis && Math.max(e.homeSets.length, e.awaySets.length) > 0, f = B(e.startsAt, n), m = K(e.startsAt, n, t.today, t.tomorrow), C = (e.status === "LIVE" || e.status === "FINISHED") && e.home.score !== null && e.away.score !== null, I = 3.75, p = 0.5, y = 1.125, b = (L) => /* @__PURE__ */ h(
     d,
     {
       sx: {
@@ -1195,7 +1196,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         )
       ]
     }
-  ), S = u ? /* @__PURE__ */ s(E, { sx: { fontFamily: o.secondary, fontSize: "0.75em", color: r.dim }, children: u }) : null, w = C ? /* @__PURE__ */ h(
+  ), S = m ? /* @__PURE__ */ s(E, { sx: { fontFamily: o.secondary, fontSize: "0.75em", color: r.dim }, children: m }) : null, w = C ? /* @__PURE__ */ h(
     d,
     {
       sx: {
@@ -1229,7 +1230,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
       }
     ),
     S
-  ] }) : null, R = e.status === "LIVE" ? /* @__PURE__ */ s(me, {}) : e.status === "UPCOMING" ? null : e.statusLabel ? /* @__PURE__ */ s(
+  ] }) : null, R = e.status === "LIVE" ? /* @__PURE__ */ s(ue, {}) : e.status === "UPCOMING" ? null : e.statusLabel ? /* @__PURE__ */ s(
     E,
     {
       sx: {
@@ -1331,12 +1332,12 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
                                 justifyContent: "center"
                               },
                               children: /* @__PURE__ */ s(
-                                ue,
+                                me,
                                 {
                                   homeSets: e.homeSets,
                                   awaySets: e.awaySets,
                                   expanded: c,
-                                  onToggle: () => m((L) => !L),
+                                  onToggle: () => u((L) => !L),
                                   label: t.sets
                                 }
                               )
@@ -1391,7 +1392,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   liveRefresh: o = !0,
   refreshInterval: i = 3e4
 }) => {
-  const { t: l } = M("common"), { colors: c, fonts: m, spacing: g, radius: f } = A(), { data: u, loading: C, error: I } = et(
+  const { t: l } = M("common"), { colors: c, fonts: u, spacing: g, radius: f } = A(), { data: m, loading: C, error: I } = et(
     n,
     e,
     t,
@@ -1405,7 +1406,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
       variant: "outlined",
       sx: {
         fontSize: "1em",
-        fontFamily: m.primary,
+        fontFamily: u.primary,
         borderRadius: f.md,
         backgroundColor: c.surface,
         borderColor: c.border
@@ -1419,7 +1420,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
     E,
     {
       sx: {
-        fontFamily: m.secondary,
+        fontFamily: u.secondary,
         fontSize: "1em",
         color: c.dim,
         textAlign: "center",
@@ -1429,8 +1430,8 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
     }
   ) });
   if (I) return y(l("eventCard.loadFailed"));
-  if (!u) return y(l("eventCard.notAvailable"));
-  const b = r ? /* @__PURE__ */ s(tt, { competition: u.competition, template: a }) : null, S = {
+  if (!m) return y(l("eventCard.notAvailable"));
+  const b = r ? /* @__PURE__ */ s(tt, { competition: m.competition, template: a }) : null, S = {
     today: l("eventCard.today"),
     tomorrow: l("eventCard.tomorrow"),
     sets: l("eventCard.sets")
@@ -1438,7 +1439,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   return a === "standard" ? /* @__PURE__ */ s(
     ot,
     {
-      event: u,
+      event: m,
       language: t,
       labels: S,
       header: b
@@ -1446,7 +1447,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   ) : a === "hero" ? /* @__PURE__ */ s(
     st,
     {
-      event: u,
+      event: m,
       language: t,
       labels: S,
       header: b
@@ -1454,7 +1455,7 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   ) : /* @__PURE__ */ s(
     rt,
     {
-      event: u,
+      event: m,
       showHeaderBorder: r,
       language: t,
       labels: S,
@@ -1464,14 +1465,14 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
 }, it = (e) => {
   const [n, t] = k.useState(!1), [a, r] = k.useState(!1), o = k.useRef(
     `$event-card-shadow-root-${Math.random().toString(36).substring(2, 11)}`
-  ), i = k.useRef(null), l = k.useRef(null), c = k.useRef(null), m = k.useRef(null);
+  ), i = k.useRef(null), l = k.useRef(null), c = k.useRef(null), u = k.useRef(null);
   k.useEffect(() => {
     Ne(e.language || "en").finally(() => r(!0));
   }, [e.language]), k.useEffect(() => {
     if (i.current)
       return i.current.shadowRoot ? (l.current = i.current.shadowRoot, c.current = l.current.getElementById(
         o.current
-      ), c.current || (c.current = document.createElement("div"), c.current.id = o.current, c.current.style.height = "100%", l.current.appendChild(c.current))) : (l.current = i.current.attachShadow({ mode: "open" }), c.current = document.createElement("div"), c.current.id = o.current, c.current.style.height = "100%", l.current.appendChild(c.current)), m.current || (m.current = Le({
+      ), c.current || (c.current = document.createElement("div"), c.current.id = o.current, c.current.style.height = "100%", l.current.appendChild(c.current))) : (l.current = i.current.attachShadow({ mode: "open" }), c.current = document.createElement("div"), c.current.id = o.current, c.current.style.height = "100%", l.current.appendChild(c.current)), u.current || (u.current = Le({
         key: "event-card-css",
         prepend: !0,
         container: l.current
@@ -1479,8 +1480,8 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
         t(!1);
       };
   }, []);
-  const g = e.themeOptions, f = /* @__PURE__ */ s(d, { ref: i, sx: { height: "100%", display: "block" } }), u = n && a && c.current && m.current ? ke(
-    /* @__PURE__ */ s(Te, { value: m.current, children: /* @__PURE__ */ s(_e, { containerRef: i, children: /* @__PURE__ */ s(
+  const g = e.themeOptions, f = /* @__PURE__ */ s(d, { ref: i, sx: { height: "100%", display: "block" } }), m = n && a && c.current && u.current ? ke(
+    /* @__PURE__ */ s(Te, { value: u.current, children: /* @__PURE__ */ s(_e, { containerRef: i, children: /* @__PURE__ */ s(
       Ae,
       {
         customTheme: g,
@@ -1515,15 +1516,15 @@ const ze = "https://sports.fansunitedapi.com/v1", We = "https://search.fansunite
   ) : null;
   return /* @__PURE__ */ h(z, { children: [
     f,
-    u
+    m
   ] });
 }, lt = (e) => /* @__PURE__ */ s(it, { ...e, children: /* @__PURE__ */ s(at, { ...e }) }), bt = lt;
 typeof window < "u" && (window.fansUnitedComponentsVersions = {
-  components: "0.0.63",
+  components: "0.0.64",
   core: he
 });
 export {
-  Xt as Betslip,
+  Qt as Betslip,
   Ut as ChanceGame,
   Et as ClassicQuizPlay,
   Tt as CollectLead,
@@ -1537,7 +1538,7 @@ export {
   zt as PickThePair,
   Nt as PollVote,
   Bt as Predictor,
-  vt as Standings,
+  qt as Standings,
   Yt as TopX,
   Zt as betslipApi
 };

package/package.json

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

package/chunks/CheckCircle-ByRrHC2p.js

@@ -1,12 +0,0 @@
-import * as o from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { r as e } from "./PrizeCard-CjZXXFx3.js";
-const r = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (r.displayName = "FormControlContext");
-const s = e(/* @__PURE__ */ t("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
-}), "CheckCircle");
-export {
-  s as C,
-  r as F
-};

package/chunks/index-8rxXfewU.js

@@ -1,4 +0,0 @@
-import { M as o } from "./main-C8ApxGVj.js";
-export {
-  o as default
-};