fansunited-frontend-components 0.0.38 → 0.0.39

package/EventGamePlay.js

@@ -1,20 +1,20 @@
-import { jsx as t, jsxs as s, Fragment as j } from "react/jsx-runtime";
-import Je, { useState as J, useEffect as je, useRef as At, createContext as Dt, useCallback as et, useMemo as Ve } from "react";
-import { e as Y, w as K, x as p, a2 as He, B as i, v as O, T as x, f as ae, u as ue, ak as De, a0 as ne, a1 as We, aq as Se, aj as It, au as Mt, ay as Bt, a5 as Re, W as le, y as Ee, a3 as kt } from "./chunks/ConstantsProvider-YKCgQ1mh.js";
-import { P as Ht } from "./chunks/Portal-CfeOliT5.js";
-import { g as Wt, u as Ce, h as N, d as Me, a as Be, e as tt, s as Le, b as Et, n as $t } from "./chunks/useImageVariant-BB7FL7DQ.js";
-import { a as Lt, b as Ut, S as Ft } from "./chunks/Spinner-kT93nizf.js";
+import { jsx as t, jsxs as m, Fragment as j } from "react/jsx-runtime";
+import Je, { useState as Q, useEffect as je, useRef as At, createContext as zt, useCallback as et, useMemo as Ve } from "react";
+import { e as Y, w as J, x as p, a2 as He, B as i, v as q, T as x, f as ae, u as ue, an as De, a0 as ne, a1 as We, aq as Se, am as It, au as Dt, ay as Mt, a5 as Re, W as le, y as Ee, a3 as kt } from "./chunks/ConstantsProvider-BPJJz9fq.js";
+import { P as Bt } from "./chunks/Portal-DWAr8MhA.js";
+import { g as Ht, u as Ce, h as N, d as Me, a as Be, e as tt, s as Le, b as Wt, n as Et } from "./chunks/useImageVariant-Do8kOVs2.js";
+import { a as $t, b as Lt, S as Ft } from "./chunks/Spinner-m59ZJZ35.js";
 import "react-dom";
-import { L as Vt, e as W, A as Qe, a as jt, c as Nt, b as Ot, O as qt, S as Yt, C as xt, d as yt, f as _t } from "./chunks/ChanceGameEmbedVariant-B5jX_jMO.js";
-import { T as ht, C as Zt, D as Xt, S as Tt, R as Ue, N as Kt, O as Qt } from "./chunks/useInfoPage-Cjw5ykNz.js";
-import { K as Jt, a as en, H as tn, D as nn, S as wt, T as Rt, E as an, P as bt, C as on, b as ln, c as rn } from "./chunks/Error-ZEDfLj_t.js";
-import { I as pt, e as cn, d as dn, f as sn, W as mn, C as zt } from "./chunks/AlertMessage-DZAXIV4L.js";
-import { v as gn, w as un } from "./chunks/Select-DSxMtwH4.js";
-import { T as fn, a as xn, b as St, t as Ct, c as vt } from "./chunks/Tabs-B6f7vU-w.js";
-import { A as Pt, S as yn } from "./chunks/Snackbar-DIH2D4Gx.js";
-import { O as hn } from "./chunks/OverlayScoreStateSkeleton-BEe63pWp.js";
-const bn = (e, n, a) => {
-  const [r, c] = J(null), [d, f] = J(null), o = async () => {
+import { L as Ut, e as W, A as Qe, a as Vt, c as jt, b as Nt, O as Ot, S as qt, C as xt, d as yt, f as Yt } from "./chunks/ChanceGameEmbedVariant-BvIKBhq_.js";
+import { A as ht, N as Xe } from "./chunks/Notification-Bwcoljir.js";
+import { T as bt, C as _t, D as Zt, S as Tt, R as Ue, N as Xt, O as Kt } from "./chunks/useInfoPage-v91yL5SS.js";
+import { K as Qt, a as Jt, H as en, D as tn, S as wt, T as Rt, E as nn, P as St, C as an, b as on } from "./chunks/chevron-right-Dlc9ZKhv.js";
+import { I as pt, e as ln, d as rn, f as cn, W as dn } from "./chunks/AlertMessage-C2aBXCrl.js";
+import { w as sn, x as mn, C as gn } from "./chunks/CheckCircle-D-GH16Lb.js";
+import { T as un, a as fn, b as Ct, t as vt, c as Pt } from "./chunks/Tabs-BGihvj9C.js";
+import { O as xn } from "./chunks/OverlayScoreStateSkeleton-xvq9lQEi.js";
+const yn = (e, n, a) => {
+  const [r, c] = Q(null), [d, f] = Q(null), o = async () => {
     try {
       const l = await n.eventGame.getGameById(e, !0);
       if (c(l), a && l.fixtures) {
@@ -28,18 +28,18 @@ const bn = (e, n, a) => {
       } else
         f([]);
     } catch (l) {
-      console.warn(l), c(new Vt()), f([]);
+      console.warn(l), c(new Ut()), f([]);
     }
   };
   return je(() => (o(), () => {
     c(null), f(null);
   }), [e, n, a]), { game: r, points: d };
-}, Sn = (e, n) => {
-  const [a, r] = J(void 0), [c, d] = J(!1), [f, o] = J(!1), [l, g] = J(""), b = async () => {
+}, hn = (e, n) => {
+  const [a, r] = Q(void 0), [c, d] = Q(!1), [f, o] = Q(!1), [l, g] = Q(""), b = async () => {
     var k, u, T;
-    let m = "";
+    let s = "";
     try {
-      m = (await n.profile.getOwn().getInfo()).id;
+      s = (await n.profile.getOwn().getInfo()).id;
     } catch (h) {
       if (n.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
         const v = h;
@@ -61,7 +61,7 @@ const bn = (e, n, a) => {
     try {
       const h = await n.eventGame.getGamePredictionsForUser(
         e,
-        m,
+        s,
         void 0,
         !0
       );
@@ -90,7 +90,7 @@ const bn = (e, n, a) => {
   children: e,
   brandingBorderColor: n
 }) => {
-  const a = Y(), r = K().md, c = n || p().secondaryContainer, f = He().size + " solid " + c;
+  const a = Y(), r = J().md, c = n || p().secondaryContainer, f = He().size + " solid " + c;
   return /* @__PURE__ */ t(
     i,
     {
@@ -109,7 +109,7 @@ const bn = (e, n, a) => {
     }
   );
 }, xe = (e) => {
-  const n = O().secondary, a = Y(), r = e.flexDirection || "column", c = Wt(e.primaryUrl, e.secondaryUrl, "logo");
+  const n = q().secondary, a = Y(), r = e.flexDirection || "column", c = Ht(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const d = () => {
@@ -147,7 +147,7 @@ const bn = (e, n, a) => {
       children: f
     }
   );
-  return e.isCentered || a ? /* @__PURE__ */ s(
+  return e.isCentered || a ? /* @__PURE__ */ m(
     i,
     {
       sx: {
@@ -179,7 +179,7 @@ const bn = (e, n, a) => {
         o
       ]
     }
-  ) : /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ m(
     i,
     {
       sx: {
@@ -211,7 +211,7 @@ const bn = (e, n, a) => {
       ]
     }
   );
-}, Cn = (e) => ({
+}, bn = (e) => ({
   // Mobile headline with image background
   mobileHeadlineWithImage: {
     display: e.isMobile ? "flex" : "none",
@@ -580,7 +580,7 @@ const bn = (e, n, a) => {
     color: e.textColor,
     lineHeight: 1
   }
-}), vn = (e) => ({
+}), Sn = (e) => ({
   container: {
     display: "flex",
     alignItems: "center",
@@ -640,8 +640,8 @@ const bn = (e, n, a) => {
       display: "none"
     }
   }
-}), Pn = (e) => {
-  const n = p(), a = K(), r = O(), c = ae(), d = Y(), f = ue(), [o, l] = J(e.prediction), g = At(null), b = e.minValue !== void 0 ? e.minValue : -1 / 0, m = e.maxValue !== void 0 ? e.maxValue : 1 / 0, k = f.mode === "dark" || e.isOverlayVariant, u = vn({
+}), Cn = (e) => {
+  const n = p(), a = J(), r = q(), c = ae(), d = Y(), f = ue(), [o, l] = Q(e.prediction), g = At(null), b = e.minValue !== void 0 ? e.minValue : -1 / 0, s = e.maxValue !== void 0 ? e.maxValue : 1 / 0, k = f.mode === "dark" || e.isOverlayVariant, u = Sn({
     spacingScale: c,
     borderRadius: a,
     fontFamilyPrimary: r.primary,
@@ -655,7 +655,7 @@ const bn = (e, n, a) => {
     isMobile: d,
     iconColor: k ? "#FFFFFF" : n.textPrimary
   }), T = (P) => {
-    const C = P ? Math.min(o + 1, m) : Math.max(o - 1, b);
+    const C = P ? Math.min(o + 1, s) : Math.max(o - 1, b);
     g.current && (g.current.value = String(C)), l(C), e.onChange(C);
   }, h = (P) => {
     const C = P.target.value;
@@ -664,7 +664,7 @@ const bn = (e, n, a) => {
     const v = parseInt(C, 10);
     l(v), e.onChange(v);
   };
-  return /* @__PURE__ */ t(i, { sx: u.container, children: /* @__PURE__ */ s(i, { sx: u.numberInputContainer, children: [
+  return /* @__PURE__ */ t(i, { sx: u.container, children: /* @__PURE__ */ m(i, { sx: u.numberInputContainer, children: [
     /* @__PURE__ */ t(
       De,
       {
@@ -673,7 +673,7 @@ const bn = (e, n, a) => {
         onClick: () => T(!1),
         sx: u.numberButton,
         disabled: o <= b,
-        children: /* @__PURE__ */ t(Jt, { fontSize: "small" })
+        children: /* @__PURE__ */ t(Qt, { fontSize: "small" })
       }
     ),
     /* @__PURE__ */ t(
@@ -702,12 +702,12 @@ const bn = (e, n, a) => {
         variant: "plain",
         onClick: () => T(!0),
         sx: u.numberButton,
-        disabled: o >= m,
-        children: /* @__PURE__ */ t(en, { fontSize: "small" })
+        disabled: o >= s,
+        children: /* @__PURE__ */ t(Jt, { fontSize: "small" })
       }
     )
   ] }) });
-}, In = (e) => {
+}, vn = (e) => {
   const n = Y();
   return {
     container: {
@@ -732,7 +732,7 @@ const bn = (e, n, a) => {
       mb: e.spacingScale.xs
     }
   };
-}, kn = (e) => ({
+}, Pn = (e) => ({
   container: {
     backgroundColor: e.neutralSoftBg,
     color: e.textPrimary,
@@ -826,7 +826,7 @@ const bn = (e, n, a) => {
     fontSize: "1em",
     color: e.textPrimary
   }
-}), Ne = Dt({
+}), Ne = zt({
   points: []
 }), at = ({ points: e, children: n }) => /* @__PURE__ */ t(
   Ne.Provider,
@@ -837,7 +837,7 @@ const bn = (e, n, a) => {
     children: n
   }
 ), ot = (e) => {
-  const { t: n } = ne(), a = p(), r = K(), c = O(), d = ae(), f = Y(), [o, l] = J(!1), { points: g } = We(Ne), b = kn({
+  const { t: n } = ne(), a = p(), r = J(), c = q(), d = ae(), f = Y(), [o, l] = Q(!1), { points: g } = We(Ne), b = Pn({
     spacingScale: d,
     borderRadius: r,
     fontFamilyPrimary: c.primary,
@@ -847,14 +847,14 @@ const bn = (e, n, a) => {
     neutralSoftBg: a.palette.neutral.softBg,
     neutralOutlinedBorder: a.palette.neutral.outlinedBorder,
     neutralPlainHoverBg: a.palette.neutral.plainHoverBg
-  }), m = g.find((u) => u.id === e.fixtureId);
-  if (!m)
+  }), s = g.find((u) => u.id === e.fixtureId);
+  if (!s)
     return null;
   const k = () => /* @__PURE__ */ t(x, { level: "body-sm", sx: b.tooltipText, children: n("eventGame.points.earnPointsForCorrect", {
-    points: m.points
+    points: s.points
   }) });
   return f || e.isSplitVariant ? /* @__PURE__ */ t(
-    ht,
+    bt,
     {
       title: k(),
       placement: "top-start",
@@ -871,27 +871,27 @@ const bn = (e, n, a) => {
         {
           onClick: () => l(!o),
           sx: b.mobileIconButton,
-          children: /* @__PURE__ */ t(tn, { sx: b.mobileIcon })
+          children: /* @__PURE__ */ t(en, { sx: b.mobileIcon })
         }
       )
     }
   ) : /* @__PURE__ */ t(
-    ht,
+    bt,
     {
       title: k(),
       placement: "top-start",
       variant: "soft",
       sx: b.tooltip,
       disablePortal: !0,
-      children: /* @__PURE__ */ s(i, { sx: b.container, children: [
-        /* @__PURE__ */ t(x, { level: "body-sm", sx: b.pointsText, children: m.points }),
+      children: /* @__PURE__ */ m(i, { sx: b.container, children: [
+        /* @__PURE__ */ t(x, { level: "body-sm", sx: b.pointsText, children: s.points }),
         /* @__PURE__ */ t(x, { level: "body-xs", sx: b.ptsLabel, children: n("eventGame.points.pts") })
       ] })
     }
   );
 }, nt = (e) => {
   var k, u;
-  const { t: n } = ne(), a = p(), r = Se(), c = K(), d = O(), f = ae(), { points: o } = We(Ne), l = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, g = In({
+  const { t: n } = ne(), a = p(), r = Se(), c = J(), d = q(), f = ae(), { points: o } = We(Ne), l = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, g = vn({
     spacingScale: f,
     borderRadius: c,
     fontFamilyPrimary: d.primary,
@@ -899,13 +899,13 @@ const bn = (e, n, a) => {
     textPrimary: a.textPrimary,
     textSecondary: a.textSecondary,
     isExtraSmall: l
-  }), m = (() => {
+  }), s = (() => {
     if (!e.validOutcomes) return null;
     const { min: T, max: h } = e.validOutcomes, P = T != null, C = h != null;
     return P && C ? n("eventGame.fixtures.numberRangeDescription", { min: T, max: h }) : P ? n("eventGame.fixtures.numberMinDescription", { min: T }) : C ? n("eventGame.fixtures.numberMaxDescription", { max: h }) : null;
   })();
-  return /* @__PURE__ */ s(i, { sx: g.container, children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ m(i, { sx: g.container, children: [
+    /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -929,9 +929,9 @@ const bn = (e, n, a) => {
         ]
       }
     ),
-    m && /* @__PURE__ */ t(x, { level: "body-sm", sx: g.description, children: m }),
+    s && /* @__PURE__ */ t(x, { level: "body-sm", sx: g.description, children: s }),
     /* @__PURE__ */ t(
-      Pn,
+      Cn,
       {
         onChange: e.onChange,
         prediction: e.prediction,
@@ -941,7 +941,7 @@ const bn = (e, n, a) => {
       }
     )
   ] });
-}, Fn = (e) => ({
+}, In = (e) => ({
   base: {
     width: e.isMobile ? "48px" : "64px",
     height: e.isMobile ? "48px" : "64px",
@@ -977,8 +977,8 @@ const bn = (e, n, a) => {
   selectedText: e.onPrimary ? {
     color: e.onPrimary
   } : {}
-}), Tn = (e) => ({
-  ...Fn(e),
+}), kn = (e) => ({
+  ...In(e),
   selectedYes: e.successMain ? {
     backgroundColor: e.successMain,
     color: "white",
@@ -999,8 +999,8 @@ const bn = (e, n, a) => {
   } : {
     borderRadius: e.spacingScale.sm
   }
-}), wn = (e) => {
-  const n = Tn({
+}), Fn = (e) => {
+  const n = kn({
     spacingScale: e.spacingScale,
     neutralSoftBg: e.neutralSoftBg,
     neutralPlainHoverBg: e.neutralPlainHoverBg,
@@ -1038,10 +1038,10 @@ const bn = (e, n, a) => {
       textAlign: "center"
     }
   };
-}, Rn = (e) => {
-  const { t: n } = ne(), a = p(), r = K(), c = O(), d = ae(), f = Y(), [o, l] = J(
+}, Tn = (e) => {
+  const { t: n } = ne(), a = p(), r = J(), c = q(), d = ae(), f = Y(), [o, l] = Q(
     e.prediction
-  ), g = wn({
+  ), g = Fn({
     spacingScale: d,
     borderRadius: r,
     fontFamilyPrimary: c.primary,
@@ -1061,7 +1061,7 @@ const bn = (e, n, a) => {
   }, k = {
     yes: n("eventGame.fixtures.yes"),
     no: n("eventGame.fixtures.no")
-  }, u = ({ isSelected: h }) => /* @__PURE__ */ s(i, { sx: g.optionContainer, children: [
+  }, u = ({ isSelected: h }) => /* @__PURE__ */ m(i, { sx: g.optionContainer, children: [
     /* @__PURE__ */ t(
       i,
       {
@@ -1094,7 +1094,7 @@ const bn = (e, n, a) => {
       }
     ),
     /* @__PURE__ */ t(x, { level: "body-sm", sx: g.optionLabel, children: k.yes })
-  ] }), T = ({ isSelected: h }) => /* @__PURE__ */ s(i, { sx: g.optionContainer, children: [
+  ] }), T = ({ isSelected: h }) => /* @__PURE__ */ m(i, { sx: g.optionContainer, children: [
     /* @__PURE__ */ t(
       i,
       {
@@ -1128,11 +1128,11 @@ const bn = (e, n, a) => {
     ),
     /* @__PURE__ */ t(x, { level: "body-sm", sx: g.optionLabel, children: k.no })
   ] });
-  return /* @__PURE__ */ s(i, { sx: g.container, children: [
+  return /* @__PURE__ */ m(i, { sx: g.container, children: [
     /* @__PURE__ */ t(u, { isSelected: o === !0 }),
     /* @__PURE__ */ t(T, { isSelected: o === !1 })
   ] });
-}, pn = (e) => {
+}, wn = (e) => {
   const n = Y();
   return {
     container: {
@@ -1150,7 +1150,7 @@ const bn = (e, n, a) => {
     }
   };
 }, it = (e) => {
-  const n = p(), a = Se(), r = K(), c = O(), d = ae(), { points: f } = We(Ne), o = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : a, l = pn({
+  const n = p(), a = Se(), r = J(), c = q(), d = ae(), { points: f } = We(Ne), o = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : a, l = wn({
     spacingScale: d,
     borderRadius: r,
     fontFamilyPrimary: c.primary,
@@ -1159,8 +1159,8 @@ const bn = (e, n, a) => {
     textSecondary: n.textSecondary,
     isExtraSmall: o
   });
-  return /* @__PURE__ */ s(i, { sx: l.container, children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ m(i, { sx: l.container, children: [
+    /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -1185,14 +1185,14 @@ const bn = (e, n, a) => {
       }
     ),
     /* @__PURE__ */ t(
-      Rn,
+      Tn,
       {
         onSelectionChange: e.onSelectionChange,
         prediction: e.prediction
       }
     )
   ] });
-}, zn = (e) => ({
+}, Rn = (e) => ({
   container: {
     display: "flex",
     alignItems: "center",
@@ -1258,8 +1258,8 @@ const bn = (e, n, a) => {
       color: `${e.textPrimary} !important`
     }
   }
-}), Gn = (e) => {
-  const { t: n } = ne(), a = p(), r = K(), c = O(), d = ae(), f = Y(), { shadowRootElement: o } = We(It), l = Mt(), g = ue(), b = He().size, [m, k] = J(e.prediction || ""), u = {
+}), pn = (e) => {
+  const { t: n } = ne(), a = p(), r = J(), c = q(), d = ae(), f = Y(), { shadowRootElement: o } = We(It), l = Dt(), g = ue(), b = He().size, [s, k] = Q(e.prediction || ""), u = {
     background: {
       surface: l.colorSchemes.light.palette.background.surface,
       popup: l.colorSchemes.light.palette.background.popup
@@ -1345,7 +1345,7 @@ const bn = (e, n, a) => {
       bgcolor: `${u.neutral.outlinedHoverBg} !important`,
       color: `${u.neutral.outlinedColor} !important`
     }
-  }, C = zn({
+  }, C = Rn({
     spacingScale: d,
     borderRadius: r,
     fontFamilyPrimary: c.primary,
@@ -1365,15 +1365,15 @@ const bn = (e, n, a) => {
     y !== null && (k(y), e.onTextChange(y));
   }, I = e.validOutcomes ? typeof e.validOutcomes == "object" && "options" in e.validOutcomes ? e.validOutcomes.options : Array.isArray(e.validOutcomes) ? e.validOutcomes : null : null, $ = I && I.length > 0, w = () => {
     if (!I || !e.optionsLayout) return null;
-    const H = a.palette.primary.plainColor, y = a.palette.primary.onPrimary, G = g.colorSchemes.light.textColor, E = (S) => m === S ? {
+    const H = a.palette.primary.plainColor, y = a.palette.primary.onPrimary, A = g.colorSchemes.light.textColor, E = (S) => s === S ? {
       bgcolor: H,
       boxShadow: `inset 0 0 0 ${b} ${H}`,
       color: y
     } : {
       bgcolor: "#FFFFFF",
-      color: G,
+      color: A,
       boxShadow: "none"
-    }, A = (S) => {
+    }, z = (S) => {
       k(S), e.onTextChange(S);
     };
     if (e.optionsLayout === "twoByTwo") {
@@ -1414,7 +1414,7 @@ const bn = (e, n, a) => {
                   display: "flex",
                   flexDirection: "column"
                 },
-                onClick: () => A(U),
+                onClick: () => z(U),
                 children: /* @__PURE__ */ t(
                   x,
                   {
@@ -1465,7 +1465,7 @@ const bn = (e, n, a) => {
             display: "flex",
             flexDirection: "column"
           },
-          onClick: () => A(S),
+          onClick: () => z(S),
           children: /* @__PURE__ */ t(
             x,
             {
@@ -1520,7 +1520,7 @@ const bn = (e, n, a) => {
                 display: "flex",
                 flexDirection: "column"
               },
-              onClick: () => A(S),
+              onClick: () => z(S),
               children: /* @__PURE__ */ t(
                 x,
                 {
@@ -1552,19 +1552,19 @@ const bn = (e, n, a) => {
   ) : (
     // Otherwise, render select dropdown (default behavior)
     /* @__PURE__ */ t(
-      gn,
+      sn,
       {
-        value: m || null,
+        value: s || null,
         onChange: F,
         placeholder: n("eventGame.fixtures.textSelectPlaceholder"),
         slotProps: h,
-        children: I.map((H, y) => /* @__PURE__ */ t(un, { value: H, sx: P, children: H }, y))
+        children: I.map((H, y) => /* @__PURE__ */ t(mn, { value: H, sx: P, children: H }, y))
       }
     )
   ) }) : /* @__PURE__ */ t(i, { sx: C.inputContainer, children: /* @__PURE__ */ t(
     pt,
     {
-      value: m,
+      value: s,
       onChange: v,
       placeholder: n("eventGame.fixtures.textInputPlaceholder"),
       sx: {
@@ -1587,7 +1587,7 @@ const bn = (e, n, a) => {
       }
     }
   ) }) });
-}, An = (e) => {
+}, Gn = (e) => {
   const n = Y();
   return {
     container: {
@@ -1605,7 +1605,7 @@ const bn = (e, n, a) => {
     }
   };
 }, pe = (e) => {
-  const n = p(), a = Se(), r = K(), c = O(), d = ae(), { points: f } = We(Ne), o = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : a, l = An({
+  const n = p(), a = Se(), r = J(), c = q(), d = ae(), { points: f } = We(Ne), o = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : a, l = Gn({
     spacingScale: d,
     borderRadius: r,
     fontFamilyPrimary: c.primary,
@@ -1614,8 +1614,8 @@ const bn = (e, n, a) => {
     textSecondary: n.textSecondary,
     isExtraSmall: o
   });
-  return /* @__PURE__ */ s(i, { sx: l.container, children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ m(i, { sx: l.container, children: [
+    /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -1640,7 +1640,7 @@ const bn = (e, n, a) => {
       }
     ),
     /* @__PURE__ */ t(
-      Gn,
+      pn,
       {
         onTextChange: e.onTextChange,
         prediction: e.prediction,
@@ -1650,9 +1650,9 @@ const bn = (e, n, a) => {
     )
   ] });
 }, lt = (e) => {
-  const n = p(), a = K(), r = Y(), c = () => {
+  const n = p(), a = J(), r = Y(), c = () => {
     const f = a.full, o = e.brandingPrimaryColor || n.palette.primary.plainColor, l = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, g = "#FFFFFF", b = n.outlineEnabledBorder;
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -1721,8 +1721,8 @@ const bn = (e, n, a) => {
     const f = a.full, o = e.totalSteps || e.eventGame.fixtures.length, l = [];
     for (let g = 0; g < o; g++) {
       const b = g + 1;
-      let m, k, u;
-      if (b < e.currentStep ? (m = e.brandingPrimaryColor || n.palette.primary.plainColor, k = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, u = "#FFFFFF") : b === e.currentStep ? (m = e.brandingPrimaryColor || n.palette.primary.plainColor, k = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, u = n.palette.primary.onPrimary) : (m = n.palette.neutral.softBg, k = n.outlineEnabledBorder, u = n.textColor), l.push(
+      let s, k, u;
+      if (b < e.currentStep ? (s = e.brandingPrimaryColor || n.palette.primary.plainColor, k = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, u = "#FFFFFF") : b === e.currentStep ? (s = e.brandingPrimaryColor || n.palette.primary.plainColor, k = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, u = n.palette.primary.onPrimary) : (s = n.palette.neutral.softBg, k = n.outlineEnabledBorder, u = n.textColor), l.push(
         /* @__PURE__ */ t(
           i,
           {
@@ -1730,7 +1730,7 @@ const bn = (e, n, a) => {
               width: "32px",
               height: "32px",
               borderRadius: f,
-              backgroundColor: m,
+              backgroundColor: s,
               border: `1px solid ${k}`,
               display: "flex",
               alignItems: "center",
@@ -1781,7 +1781,7 @@ const bn = (e, n, a) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        py: Bt("xs"),
+        py: Mt("xs"),
         width: "100%",
         zIndex: 1
       },
@@ -1789,7 +1789,7 @@ const bn = (e, n, a) => {
     }
   );
 }, rt = (e) => {
-  const { t: n } = ne(), a = p(), r = K(), c = O(), d = ae(), o = Y() || e.isSplitVariant, [l, g] = J({
+  const { t: n } = ne(), a = p(), r = J(), c = q(), d = ae(), o = Y() || e.isSplitVariant, [l, g] = Q({
     days: 0,
     hours: 0,
     minutes: 0,
@@ -1813,7 +1813,7 @@ const bn = (e, n, a) => {
     return () => clearInterval(u);
   }, [b]), l.total <= 0)
     return null;
-  const m = {
+  const s = {
     container: {
       display: "flex",
       flexDirection: "column",
@@ -1872,35 +1872,35 @@ const bn = (e, n, a) => {
       flexShrink: 0
     }
   };
-  return /* @__PURE__ */ s(i, { sx: m.container, children: [
-    /* @__PURE__ */ t(x, { sx: m.participationText, children: n("eventGame.countdown.participationTimeLeft") }),
-    /* @__PURE__ */ s(i, { sx: m.countdownContainer, children: [
-      l.days > 0 && /* @__PURE__ */ s(j, { children: [
-        /* @__PURE__ */ s(i, { sx: m.timeUnit, children: [
-          /* @__PURE__ */ t(x, { sx: m.timeValue, children: l.days.toString().padStart(2, "0") }),
-          /* @__PURE__ */ t(x, { sx: m.timeLabel, children: n("eventGame.countdown.daysShort") })
+  return /* @__PURE__ */ m(i, { sx: s.container, children: [
+    /* @__PURE__ */ t(x, { sx: s.participationText, children: n("eventGame.countdown.participationTimeLeft") }),
+    /* @__PURE__ */ m(i, { sx: s.countdownContainer, children: [
+      l.days > 0 && /* @__PURE__ */ m(j, { children: [
+        /* @__PURE__ */ m(i, { sx: s.timeUnit, children: [
+          /* @__PURE__ */ t(x, { sx: s.timeValue, children: l.days.toString().padStart(2, "0") }),
+          /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("eventGame.countdown.daysShort") })
         ] }),
-        /* @__PURE__ */ t(x, { sx: m.separator, children: ":" })
+        /* @__PURE__ */ t(x, { sx: s.separator, children: ":" })
       ] }),
-      (l.days > 0 || l.hours > 0) && /* @__PURE__ */ s(j, { children: [
-        /* @__PURE__ */ s(i, { sx: m.timeUnit, children: [
-          /* @__PURE__ */ t(x, { sx: m.timeValue, children: l.hours.toString().padStart(2, "0") }),
-          /* @__PURE__ */ t(x, { sx: m.timeLabel, children: n("eventGame.countdown.hoursShort") })
+      (l.days > 0 || l.hours > 0) && /* @__PURE__ */ m(j, { children: [
+        /* @__PURE__ */ m(i, { sx: s.timeUnit, children: [
+          /* @__PURE__ */ t(x, { sx: s.timeValue, children: l.hours.toString().padStart(2, "0") }),
+          /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("eventGame.countdown.hoursShort") })
         ] }),
-        /* @__PURE__ */ t(x, { sx: m.separator, children: ":" })
+        /* @__PURE__ */ t(x, { sx: s.separator, children: ":" })
       ] }),
-      /* @__PURE__ */ s(i, { sx: m.timeUnit, children: [
-        /* @__PURE__ */ t(x, { sx: m.timeValue, children: l.minutes.toString().padStart(2, "0") }),
-        /* @__PURE__ */ t(x, { sx: m.timeLabel, children: n("eventGame.countdown.minutesShort") })
+      /* @__PURE__ */ m(i, { sx: s.timeUnit, children: [
+        /* @__PURE__ */ t(x, { sx: s.timeValue, children: l.minutes.toString().padStart(2, "0") }),
+        /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("eventGame.countdown.minutesShort") })
       ] }),
-      /* @__PURE__ */ t(x, { sx: m.separator, children: ":" }),
-      /* @__PURE__ */ s(i, { sx: m.timeUnit, children: [
-        /* @__PURE__ */ t(x, { sx: m.timeValue, children: l.seconds.toString().padStart(2, "0") }),
-        /* @__PURE__ */ t(x, { sx: m.timeLabel, children: n("eventGame.countdown.secondsShort") })
+      /* @__PURE__ */ t(x, { sx: s.separator, children: ":" }),
+      /* @__PURE__ */ m(i, { sx: s.timeUnit, children: [
+        /* @__PURE__ */ t(x, { sx: s.timeValue, children: l.seconds.toString().padStart(2, "0") }),
+        /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("eventGame.countdown.secondsShort") })
       ] })
     ] })
   ] });
-}, Dn = (e) => ({
+}, An = (e) => ({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -2076,7 +2076,7 @@ const bn = (e, n, a) => {
       color: e.textPrimary
     }
   }
-}), Mn = (e) => {
+}), zn = (e) => {
   const n = Y();
   return {
     modalDialog: {
@@ -2180,8 +2180,8 @@ const bn = (e, n, a) => {
 }, Oe = (e, n) => {
   let a = e;
   return (n == null ? void 0 : n.min) !== null && (n == null ? void 0 : n.min) !== void 0 && (a = Math.max(a, n.min)), (n == null ? void 0 : n.max) !== null && (n == null ? void 0 : n.max) !== void 0 && (a = Math.min(a, n.max)), a;
-}, Bn = (e) => {
-  const { t: n } = ne(), { shadowRootElement: a } = We(It), r = p(), c = K(), d = O(), f = ae(), [o, l] = J(!1), g = e.brandingPrimaryColor || r.palette.primary.plainColor, b = Mn({
+}, Dn = (e) => {
+  const { t: n } = ne(), { shadowRootElement: a } = We(It), r = p(), c = J(), d = q(), f = ae(), [o, l] = Q(!1), g = e.brandingPrimaryColor || r.palette.primary.plainColor, b = zn({
     spacingScale: f,
     borderRadius: c,
     fontFamilyPrimary: d.primary,
@@ -2190,7 +2190,7 @@ const bn = (e, n, a) => {
     textSecondary: r.textSecondary,
     primaryColor: g,
     surface: r.surface
-  }), m = e.prediction.fixtures.find(
+  }), s = e.prediction.fixtures.find(
     (h) => h.id === e.fixture.id
   ), k = (h) => {
     const P = { ...e.prediction }, C = P.fixtures.findIndex(
@@ -2203,12 +2203,12 @@ const bn = (e, n, a) => {
   }, u = async () => {
     if (l(!0), e.fixture.outcomeType === W.NUMBER) {
       const h = e.fixture.validOutcomes;
-      if (m && typeof m.prediction == "number") {
+      if (s && typeof s.prediction == "number") {
         const P = Oe(
-          m.prediction,
+          s.prediction,
           h
         );
-        P !== m.prediction && k(P);
+        P !== s.prediction && k(P);
       }
     }
     try {
@@ -2221,7 +2221,7 @@ const bn = (e, n, a) => {
   }, T = () => {
     const h = e.fixture.outcomeType;
     if (h === W.NUMBER) {
-      const P = m == null ? void 0 : m.prediction, C = e.fixture.validOutcomes;
+      const P = s == null ? void 0 : s.prediction, C = e.fixture.validOutcomes;
       return /* @__PURE__ */ t(
         nt,
         {
@@ -2238,7 +2238,7 @@ const bn = (e, n, a) => {
       );
     }
     if (h === W.BOOLEAN) {
-      const P = m == null ? void 0 : m.prediction;
+      const P = s == null ? void 0 : s.prediction;
       return /* @__PURE__ */ t(
         it,
         {
@@ -2253,7 +2253,7 @@ const bn = (e, n, a) => {
       );
     }
     if (h === W.FREE_INPUT) {
-      const P = m == null ? void 0 : m.prediction;
+      const P = s == null ? void 0 : s.prediction;
       return /* @__PURE__ */ t(
         pe,
         {
@@ -2269,7 +2269,7 @@ const bn = (e, n, a) => {
       );
     }
     if (h === W.ENUM) {
-      const P = m == null ? void 0 : m.prediction;
+      const P = s == null ? void 0 : s.prediction;
       return /* @__PURE__ */ t(
         pe,
         {
@@ -2287,16 +2287,16 @@ const bn = (e, n, a) => {
     return null;
   };
   return /* @__PURE__ */ t(
-    Lt,
+    $t,
     {
       open: e.isOpen,
       onClose: e.onClose,
       container: a,
       sx: { zIndex: 1300 },
-      children: /* @__PURE__ */ s(Ut, { sx: b.modalDialog, children: [
-        /* @__PURE__ */ t(De, { onClick: e.onClose, sx: b.closeButton, children: /* @__PURE__ */ t(Zt, {}) }),
-        /* @__PURE__ */ t(Xt, { sx: b.content, children: T() }),
-        e.view === "score" && /* @__PURE__ */ s(nn, { children: [
+      children: /* @__PURE__ */ m(Lt, { sx: b.modalDialog, children: [
+        /* @__PURE__ */ t(De, { onClick: e.onClose, sx: b.closeButton, children: /* @__PURE__ */ t(_t, {}) }),
+        /* @__PURE__ */ t(Zt, { sx: b.content, children: T() }),
+        e.view === "score" && /* @__PURE__ */ m(tn, { children: [
           /* @__PURE__ */ t(
             Re,
             {
@@ -2341,7 +2341,7 @@ const bn = (e, n, a) => {
     }
   );
 }, $e = (e) => {
-  const { t: n } = ne(), a = p(), r = K(), c = O(), d = ae(), f = Y(), [o, l] = J(!1), [g, b] = J(null), m = Dn({
+  const { t: n } = ne(), a = p(), r = J(), c = q(), d = ae(), f = Y(), [o, l] = Q(!1), [g, b] = Q(null), s = An({
     spacingScale: d,
     borderRadius: r,
     fontFamilyPrimary: c.primary,
@@ -2390,38 +2390,38 @@ const bn = (e, n, a) => {
     if (!C) return null;
     if (P.outcomeType === W.BOOLEAN) {
       const D = C.prediction === !0;
-      return /* @__PURE__ */ t(i, { sx: m.predictionBox, children: /* @__PURE__ */ t(x, { sx: m.selectionText, children: n(D ? "eventGame.fixtures.yes" : "eventGame.fixtures.no") }) });
+      return /* @__PURE__ */ t(i, { sx: s.predictionBox, children: /* @__PURE__ */ t(x, { sx: s.selectionText, children: n(D ? "eventGame.fixtures.yes" : "eventGame.fixtures.no") }) });
     }
-    return /* @__PURE__ */ t(i, { sx: m.predictionBox, children: /* @__PURE__ */ t(x, { sx: m.selectionText, children: C.prediction }) });
+    return /* @__PURE__ */ t(i, { sx: s.predictionBox, children: /* @__PURE__ */ t(x, { sx: s.selectionText, children: C.prediction }) });
   };
-  return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ s(i, { sx: m.container, children: [
-    /* @__PURE__ */ t(x, { sx: m.title, children: n("eventGame.summary.title") }),
-    /* @__PURE__ */ t(wt, { sx: m.tableContainer, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ m(i, { sx: s.container, children: [
+    /* @__PURE__ */ t(x, { sx: s.title, children: n("eventGame.summary.title") }),
+    /* @__PURE__ */ t(wt, { sx: s.tableContainer, children: /* @__PURE__ */ m(
       Rt,
       {
         variant: "outlined",
         hoverRow: !1,
         borderAxis: "bothBetween",
         size: "sm",
-        sx: m.table,
+        sx: s.table,
         children: [
-          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
-            /* @__PURE__ */ t("th", { style: m.headerCell, children: n("eventGame.summary.prediction") }),
-            /* @__PURE__ */ t("th", { style: m.headerCellAction })
+          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ m("tr", { children: [
+            /* @__PURE__ */ t("th", { style: s.headerCell, children: n("eventGame.summary.prediction") }),
+            /* @__PURE__ */ t("th", { style: s.headerCellAction })
           ] }) }),
-          /* @__PURE__ */ t("tbody", { children: e.fixtures.map((P, C) => /* @__PURE__ */ s("tr", { children: [
-            /* @__PURE__ */ t("td", { style: m.predictionCell, children: /* @__PURE__ */ s(i, { sx: m.predictionContent, children: [
-              /* @__PURE__ */ t(x, { sx: m.questionText, children: P.question }),
+          /* @__PURE__ */ t("tbody", { children: e.fixtures.map((P, C) => /* @__PURE__ */ m("tr", { children: [
+            /* @__PURE__ */ t("td", { style: s.predictionCell, children: /* @__PURE__ */ m(i, { sx: s.predictionContent, children: [
+              /* @__PURE__ */ t(x, { sx: s.questionText, children: P.question }),
               h(P)
             ] }) }),
-            /* @__PURE__ */ t("td", { style: m.actionCell, children: /* @__PURE__ */ t(
+            /* @__PURE__ */ t("td", { style: s.actionCell, children: /* @__PURE__ */ t(
               De,
               {
                 variant: "plain",
                 size: "sm",
-                sx: m.editIconButton,
+                sx: s.editIconButton,
                 onClick: () => k(C),
-                children: /* @__PURE__ */ t(an, {})
+                children: /* @__PURE__ */ t(nn, {})
               }
             ) })
           ] }, `${P.id}-${C}`)) })
@@ -2429,7 +2429,7 @@ const bn = (e, n, a) => {
       }
     ) }),
     g && /* @__PURE__ */ t(
-      Bn,
+      Dn,
       {
         isOpen: o,
         onClose: u,
@@ -2444,17 +2444,17 @@ const bn = (e, n, a) => {
       }
     )
   ] }) });
-}, Hn = (e) => {
-  var ke, Fe, Te, we, B, Q, re;
-  const [n, a] = Je.useState(1), r = ue(), { t: c } = ne(), d = Y(), f = Se(), o = ((ke = e.eventGame.branding) == null ? void 0 : ke.colors) || null, l = d ? ((Te = (Fe = e.eventGame.branding) == null ? void 0 : Fe.images) == null ? void 0 : Te.mobileLogo) || ((B = (we = e.eventGame.branding) == null ? void 0 : we.images) == null ? void 0 : B.mainLogo) || "" : ((re = (Q = e.eventGame.branding) == null ? void 0 : Q.images) == null ? void 0 : re.mainLogo) || "", g = e.imagePosition || "left", b = Ce(
+}, Mn = (e) => {
+  var ke, Fe, Te, we, B, K, re;
+  const [n, a] = Je.useState(1), r = ue(), { t: c } = ne(), d = Y(), f = Se(), o = ((ke = e.eventGame.branding) == null ? void 0 : ke.colors) || null, l = d ? ((Te = (Fe = e.eventGame.branding) == null ? void 0 : Fe.images) == null ? void 0 : Te.mobileLogo) || ((B = (we = e.eventGame.branding) == null ? void 0 : we.images) == null ? void 0 : B.mainLogo) || "" : ((re = (K = e.eventGame.branding) == null ? void 0 : K.images) == null ? void 0 : re.mainLogo) || "", g = e.imagePosition || "left", b = Ce(
     {
       images: e.eventGame.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     le.STANDARD
-  ), m = f || d && !!b, k = p().palette.danger.plainColor, u = (o == null ? void 0 : o.contentColor) || p().textColor, T = (o == null ? void 0 : o.secondaryColor) || p().textColor, h = O().secondary, P = "60%", C = O().primary, v = (o == null ? void 0 : o.backgroundColor) || p().surfaceVariant, F = K(), D = (o == null ? void 0 : o.primaryColor) || p().palette.primary.plainColor, I = p().palette.primary.onPrimary, $ = K().xl, w = ae(), H = Ee(
+  ), s = f || d && !!b, k = p().palette.danger.plainColor, u = (o == null ? void 0 : o.contentColor) || p().textColor, T = (o == null ? void 0 : o.secondaryColor) || p().textColor, h = q().secondary, P = "60%", C = q().primary, v = (o == null ? void 0 : o.backgroundColor) || p().surfaceVariant, F = J(), D = (o == null ? void 0 : o.primaryColor) || p().palette.primary.plainColor, I = p().palette.primary.onPrimary, $ = J().xl, w = ae(), H = Ee(
     le.STANDARD
-  ), y = Cn({
+  ), y = bn({
     finalImage: b,
     spacingScale: w,
     borderRadius: F,
@@ -2467,15 +2467,15 @@ const bn = (e, n, a) => {
     darkTextColor: r.colorSchemes.dark.textColor,
     imageBackgroundGradient: H,
     isMobile: d,
-    isExtraSmall: m,
+    isExtraSmall: s,
     dangerColor: k
-  }), G = (z, V) => {
+  }), A = (G, V) => {
     var Z, ce, ie, de;
     return /* @__PURE__ */ t(
       xe,
       {
         brandingLogo: l,
-        textColor: z,
+        textColor: G,
         label: null,
         flexDirection: V,
         primaryUrl: (ce = (Z = e.eventGame.branding) == null ? void 0 : Z.urls) == null ? void 0 : ce.primaryUrl,
@@ -2483,85 +2483,85 @@ const bn = (e, n, a) => {
       }
     );
   }, E = et(
-    (z, V) => {
+    (G, V) => {
       e.setPrediction((Z) => {
         const ce = { ...Z }, ie = ce.fixtures.find(
-          (de) => de.id === z
+          (de) => de.id === G
         );
         return ie && (ie.prediction = V), ce;
       });
     },
     [e.setPrediction]
-  ), A = e.eventGame.fixtures.length + 1, S = e.eventGame.status === "OPEN" && ct(e.eventGame.predictionsCutoff || ""), R = () => {
+  ), z = e.eventGame.fixtures.length + 1, S = e.eventGame.status === "OPEN" && ct(e.eventGame.predictionsCutoff || ""), R = () => {
     var V, Z;
-    const z = e.eventGame.fixtures[n - 1];
-    if (z && z.outcomeType === W.NUMBER) {
-      const ce = z.validOutcomes, ie = (Z = (V = e.prediction) == null ? void 0 : V.fixtures) == null ? void 0 : Z.find(
-        (de) => de.id === z.id
+    const G = e.eventGame.fixtures[n - 1];
+    if (G && G.outcomeType === W.NUMBER) {
+      const ce = G.validOutcomes, ie = (Z = (V = e.prediction) == null ? void 0 : V.fixtures) == null ? void 0 : Z.find(
+        (de) => de.id === G.id
       );
       if (ie && typeof ie.prediction == "number") {
         const de = Oe(
           ie.prediction,
           ce
         );
-        de !== ie.prediction && E(z.id, de);
+        de !== ie.prediction && E(G.id, de);
       }
     }
-    n < A ? a(n + 1) : e.play();
-  }, L = (z) => {
-    a(z + 1);
+    n < z ? a(n + 1) : e.play();
+  }, L = (G) => {
+    a(G + 1);
   }, U = () => {
     var Z, ce;
-    if (n === A) return !0;
-    const z = e.eventGame.fixtures[n - 1];
-    if (!z) return !1;
+    if (n === z) return !0;
+    const G = e.eventGame.fixtures[n - 1];
+    if (!G) return !1;
     const V = (ce = (Z = e.prediction) == null ? void 0 : Z.fixtures) == null ? void 0 : ce.find(
-      (ie) => ie.id === z.id
+      (ie) => ie.id === G.id
     );
-    return V ? (z.outcomeType === W.NUMBER, V.prediction !== null) : !1;
+    return V ? (G.outcomeType === W.NUMBER, V.prediction !== null) : !1;
   }, _ = () => {
     n > 1 && a(n - 1);
-  }, oe = () => /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ s(i, { sx: y.questionContainer, children: [
-    /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: /* @__PURE__ */ s(i, { sx: y.gameStateContainer, children: [
+  }, oe = () => /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ m(i, { sx: y.questionContainer, children: [
+    /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: /* @__PURE__ */ m(i, { sx: y.gameStateContainer, children: [
       /* @__PURE__ */ t(x, { sx: y.stateTitle, children: c("eventGame.states.pending.title") }),
       /* @__PURE__ */ t(x, { sx: y.stateDescription, children: c("eventGame.states.pending.description") })
     ] }) }),
-    /* @__PURE__ */ t(i, { sx: y.footerContainer, children: G(u) })
-  ] }) }), me = () => /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ s(i, { sx: y.questionContainer, children: [
-    /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: /* @__PURE__ */ s(i, { sx: y.gameStateContainer, children: [
-      /* @__PURE__ */ s(i, { sx: y.liveIndicatorContainer, children: [
+    /* @__PURE__ */ t(i, { sx: y.footerContainer, children: A(u) })
+  ] }) }), me = () => /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ m(i, { sx: y.questionContainer, children: [
+    /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: /* @__PURE__ */ m(i, { sx: y.gameStateContainer, children: [
+      /* @__PURE__ */ m(i, { sx: y.liveIndicatorContainer, children: [
         /* @__PURE__ */ t(i, { sx: y.liveIndicator }),
         /* @__PURE__ */ t(x, { sx: y.liveText, children: c("eventGame.states.live.indicator") })
       ] }),
       /* @__PURE__ */ t(x, { sx: y.stateDescription, children: c("eventGame.states.live.description") })
     ] }) }),
-    /* @__PURE__ */ t(i, { sx: y.footerContainer, children: G(u) })
-  ] }) }), ye = () => /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ s(i, { sx: y.questionContainer, children: [
-    /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: /* @__PURE__ */ s(i, { sx: y.gameStateContainer, children: [
+    /* @__PURE__ */ t(i, { sx: y.footerContainer, children: A(u) })
+  ] }) }), ye = () => /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ m(i, { sx: y.questionContainer, children: [
+    /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: /* @__PURE__ */ m(i, { sx: y.gameStateContainer, children: [
       /* @__PURE__ */ t(i, { sx: y.closedStateHeader, children: /* @__PURE__ */ t(x, { sx: y.stateTitle, children: c("eventGame.states.closed.title") }) }),
       /* @__PURE__ */ t(x, { sx: y.stateDescription, children: c("eventGame.states.closed.description") })
     ] }) }),
-    /* @__PURE__ */ t(i, { sx: y.footerContainer, children: G(u) })
-  ] }) }), Pe = () => /* @__PURE__ */ s(i, { sx: y.gameStateContainer, children: [
+    /* @__PURE__ */ t(i, { sx: y.footerContainer, children: A(u) })
+  ] }) }), Pe = () => /* @__PURE__ */ m(i, { sx: y.gameStateContainer, children: [
     /* @__PURE__ */ t(x, { sx: y.stateTitle, children: c("eventGame.states.open.title") }),
     /* @__PURE__ */ t(x, { sx: y.stateDescription, children: c("eventGame.states.open.description") })
-  ] }), Ie = () => /* @__PURE__ */ s(j, { children: [
+  ] }), Ie = () => /* @__PURE__ */ m(j, { children: [
     e.showCountdown && e.eventGame.status === "OPEN" && /* @__PURE__ */ t(
       rt,
       {
         predictionsCutoffTime: e.eventGame.predictionsCutoff || ""
       }
     ),
-    /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ s(i, { sx: y.questionContainer, children: [
+    /* @__PURE__ */ t(i, { sx: y.questionArea, children: /* @__PURE__ */ m(i, { sx: y.questionContainer, children: [
       !S && /* @__PURE__ */ t(i, { sx: y.paginationContainer, children: /* @__PURE__ */ t(
         lt,
         {
           eventGame: e.eventGame,
           currentStep: n,
-          totalSteps: A
+          totalSteps: z
         }
       ) }),
-      n === A ? /* @__PURE__ */ t(
+      n === z ? /* @__PURE__ */ t(
         $e,
         {
           fixtures: e.eventGame.fixtures,
@@ -2572,15 +2572,15 @@ const bn = (e, n, a) => {
           play: async () => e.play(),
           brandingPrimaryColor: o == null ? void 0 : o.primaryColor
         }
-      ) : /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: Ge() }),
-      /* @__PURE__ */ s(
+      ) : /* @__PURE__ */ t(i, { sx: y.questionContentContainer, children: Ae() }),
+      /* @__PURE__ */ m(
         i,
         {
           sx: l ? y.footerContainer : y.footerContainerNoLogo,
           children: [
-            m ? /* @__PURE__ */ t(j, {}) : G(u, "row"),
-            /* @__PURE__ */ s(i, { sx: y.navigationContainer, children: [
-              n > 1 && n < A && /* @__PURE__ */ t(
+            s ? /* @__PURE__ */ t(j, {}) : A(u, "row"),
+            /* @__PURE__ */ m(i, { sx: y.navigationContainer, children: [
+              n > 1 && n < z && /* @__PURE__ */ t(
                 Re,
                 {
                   variant: "outlined",
@@ -2672,13 +2672,13 @@ const bn = (e, n, a) => {
                         display: "flex",
                         alignItems: "center"
                       },
-                      children: c(n === A ? "eventGame.buttons.play" : "eventGame.buttons.next")
+                      children: c(n === z ? "eventGame.buttons.play" : "eventGame.buttons.next")
                     }
                   )
                 }
               )
             ] }),
-            m ? G(u) : /* @__PURE__ */ t(j, {})
+            s ? A(u) : /* @__PURE__ */ t(j, {})
           ]
         }
       )
@@ -2694,76 +2694,76 @@ const bn = (e, n, a) => {
       default:
         return Ie();
     }
-  }, ze = Ve(() => e.eventGame.fixtures[n - 1], [e.eventGame.fixtures, n]), Ge = () => {
+  }, Ge = Ve(() => e.eventGame.fixtures[n - 1], [e.eventGame.fixtures, n]), Ae = () => {
     var V, Z, ce, ie, de, he, M, X;
-    const z = ze;
+    const G = Ge;
     if (S)
       return Pe();
-    if (z)
-      switch (z.outcomeType) {
+    if (G)
+      switch (G.outcomeType) {
         case W.BOOLEAN:
           const ee = (Z = (V = e.prediction) == null ? void 0 : V.fixtures) == null ? void 0 : Z.find(
-            (se) => se.id === z.id
+            (se) => se.id === G.id
           );
           return /* @__PURE__ */ t(
             it,
             {
               prediction: typeof (ee == null ? void 0 : ee.prediction) == "boolean" ? ee.prediction : null,
-              onSelectionChange: (se) => E(z.id, se),
-              useExtraSmallLayout: m,
-              question: z.question,
-              fixtureId: z.id
+              onSelectionChange: (se) => E(G.id, se),
+              useExtraSmallLayout: s,
+              question: G.question,
+              fixtureId: G.id
             },
-            `${z.outcomeType}-${z.id}`
+            `${G.outcomeType}-${G.id}`
           );
         case W.NUMBER:
           const te = (ie = (ce = e.prediction) == null ? void 0 : ce.fixtures) == null ? void 0 : ie.find(
-            (se) => se.id === z.id
-          ), q = z.validOutcomes;
+            (se) => se.id === G.id
+          ), O = G.validOutcomes;
           return /* @__PURE__ */ t(
             nt,
             {
               prediction: typeof (te == null ? void 0 : te.prediction) == "number" ? te.prediction : 0,
-              onChange: (se) => E(z.id, se),
-              useExtraSmallLayout: m,
-              question: z.question,
-              validOutcomes: q,
-              fixtureId: z.id
+              onChange: (se) => E(G.id, se),
+              useExtraSmallLayout: s,
+              question: G.question,
+              validOutcomes: O,
+              fixtureId: G.id
             },
-            `${z.outcomeType}-${z.id}`
+            `${G.outcomeType}-${G.id}`
           );
         case W.FREE_INPUT:
           const fe = (he = (de = e.prediction) == null ? void 0 : de.fixtures) == null ? void 0 : he.find(
-            (se) => se.id === z.id
+            (se) => se.id === G.id
           );
           return /* @__PURE__ */ t(
             pe,
             {
-              question: z.question,
+              question: G.question,
               prediction: typeof (fe == null ? void 0 : fe.prediction) == "string" ? fe.prediction : null,
               validOutcomes: null,
-              onTextChange: (se) => E(z.id, se),
-              useExtraSmallLayout: m,
-              fixtureId: z.id
+              onTextChange: (se) => E(G.id, se),
+              useExtraSmallLayout: s,
+              fixtureId: G.id
             },
-            `${z.outcomeType}-${z.id}`
+            `${G.outcomeType}-${G.id}`
           );
         case W.ENUM:
-          const Ae = (X = (M = e.prediction) == null ? void 0 : M.fixtures) == null ? void 0 : X.find(
-            (se) => se.id === z.id
+          const ze = (X = (M = e.prediction) == null ? void 0 : M.fixtures) == null ? void 0 : X.find(
+            (se) => se.id === G.id
           );
           return /* @__PURE__ */ t(
             pe,
             {
-              question: z.question,
-              prediction: typeof (Ae == null ? void 0 : Ae.prediction) == "string" ? Ae.prediction : null,
-              validOutcomes: z.validOutcomes,
-              onTextChange: (se) => E(z.id, se),
-              useExtraSmallLayout: m,
-              fixtureId: z.id,
+              question: G.question,
+              prediction: typeof (ze == null ? void 0 : ze.prediction) == "string" ? ze.prediction : null,
+              validOutcomes: G.validOutcomes,
+              onTextChange: (se) => E(G.id, se),
+              useExtraSmallLayout: s,
+              fixtureId: G.id,
               optionsLayout: e.optionsLayout
             },
-            `${z.id}-${n}`
+            `${G.id}-${n}`
           );
         default:
           return /* @__PURE__ */ t(j, {});
@@ -2780,7 +2780,7 @@ const bn = (e, n, a) => {
       children: be()
     }
   ) });
-}, Wn = (e) => {
+}, Bn = (e) => {
   var n, a, r;
   return {
     // Main content area
@@ -3034,16 +3034,16 @@ const bn = (e, n, a) => {
       // border: "1px dashed rgba(255,255,255,0.7)",
     }
   };
-}, En = (e, n) => {
+}, Hn = (e, n) => {
   switch (e) {
     case "success":
-      return /* @__PURE__ */ t(zt, {});
+      return /* @__PURE__ */ t(gn, {});
     case "error":
-      return /* @__PURE__ */ t(mn, { sx: { color: n } });
+      return /* @__PURE__ */ t(dn, { sx: { color: n } });
     case "info":
-      return /* @__PURE__ */ t(sn, {});
+      return /* @__PURE__ */ t(cn, {});
   }
-}, $n = (e) => {
+}, Wn = (e) => {
   switch (e) {
     case "success":
       return "success";
@@ -3058,13 +3058,13 @@ const bn = (e, n, a) => {
   message: a,
   description: r
 }) => {
-  const c = ue(), d = K(), f = O().secondary, o = Y(), l = $n(e);
+  const c = ue(), d = J(), f = q().secondary, o = Y(), l = Wn(e);
   return /* @__PURE__ */ t(
-    cn,
+    ln,
     {
       variant: "soft",
       color: l,
-      startDecorator: En(
+      startDecorator: Hn(
         e,
         c.colorSchemes.light.palette.danger.plainColor
       ),
@@ -3074,8 +3074,8 @@ const bn = (e, n, a) => {
         fontSize: o ? "0.75em" : "0.875em",
         "--Icon-fontSize": o ? "1em" : "1.25em"
       },
-      children: /* @__PURE__ */ s(
-        dn,
+      children: /* @__PURE__ */ m(
+        rn,
         {
           sx: {
             fontSize: "1.5em"
@@ -3112,24 +3112,24 @@ const bn = (e, n, a) => {
       )
     }
   );
-}, Ln = (e) => {
-  var G, E, A, S, R, L, U;
+}, En = (e) => {
+  var A, E, z, S, R, L, U;
   const n = ue(), a = Y(), r = Ce(
     {
       images: e.eventGame.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     le.STANDARD
-  ), { t: c } = ne(), d = a ? ((E = (G = e.eventGame.branding) == null ? void 0 : G.images) == null ? void 0 : E.mobileLogo) || ((S = (A = e.eventGame.branding) == null ? void 0 : A.images) == null ? void 0 : S.mainLogo) || "" : ((L = (R = e.eventGame.branding) == null ? void 0 : R.images) == null ? void 0 : L.mainLogo) || "", f = ((U = e.eventGame.branding) == null ? void 0 : U.colors) || null, o = e.imagePosition || "left", l = e.eventGame.status === "OPEN", g = (_) => {
+  ), { t: c } = ne(), d = a ? ((E = (A = e.eventGame.branding) == null ? void 0 : A.images) == null ? void 0 : E.mobileLogo) || ((S = (z = e.eventGame.branding) == null ? void 0 : z.images) == null ? void 0 : S.mainLogo) || "" : ((L = (R = e.eventGame.branding) == null ? void 0 : R.images) == null ? void 0 : L.mainLogo) || "", f = ((U = e.eventGame.branding) == null ? void 0 : U.colors) || null, o = e.imagePosition || "left", l = e.eventGame.status === "OPEN", g = (_) => {
     console.log(`Edit prediction for fixture at index: ${_}`);
-  }, b = (f == null ? void 0 : f.contentColor) || p().textColor, m = O().secondary, k = O().primary, u = K(), T = ae(), h = `rgba(${N(p().surfaceVariant)}, 0.5)`, P = Ee(
+  }, b = (f == null ? void 0 : f.contentColor) || p().textColor, s = q().secondary, k = q().primary, u = J(), T = ae(), h = `rgba(${N(p().surfaceVariant)}, 0.5)`, P = Ee(
     le.STANDARD
-  ), C = "60%", v = (f == null ? void 0 : f.secondaryColor) || p().textSecondary, F = p().secondaryContainer, D = He().size, I = Wn({
+  ), C = "60%", v = (f == null ? void 0 : f.secondaryColor) || p().textSecondary, F = p().secondaryContainer, D = He().size, I = Bn({
     finalImage: r,
     spacingScale: T,
     borderRadius: u,
     fontFamilyPrimary: k,
-    fontFamilySecondary: m,
+    fontFamilySecondary: s,
     textColor: b,
     surfaceVariant: h,
     brandingColors: f,
@@ -3167,7 +3167,7 @@ const bn = (e, n, a) => {
     lineHeight: "22px",
     letterSpacing: "0.46px",
     textTransform: "uppercase"
-  }, y = () => /* @__PURE__ */ s(j, { children: [
+  }, y = () => /* @__PURE__ */ m(j, { children: [
     e.isUnauthorized ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
       dt,
       {
@@ -3189,7 +3189,7 @@ const bn = (e, n, a) => {
       }
     ) : null }) }) }) }),
     e.chanceGameContent && /* @__PURE__ */ t(i, { sx: { p: T.md }, children: e.chanceGameContent }),
-    (d || e.additionalCTA) && /* @__PURE__ */ s(
+    (d || e.additionalCTA) && /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -3229,7 +3229,7 @@ const bn = (e, n, a) => {
       children: y()
     }
   ) });
-}, Un = (e) => ({
+}, $n = (e) => ({
   // Question area content wrapper
   questionAreaContent: {
     p: e.spacingScale.lg,
@@ -3270,15 +3270,15 @@ const bn = (e, n, a) => {
   alertMessageWrapper: {
     p: e.spacingScale.lg
   }
-}), Vn = (e) => {
-  var y, G, E, A, S, R, L, U, _, oe, me;
+}), Ln = (e) => {
+  var y, A, E, z, S, R, L, U, _, oe, me;
   const { t: n } = ne(), a = Y(), r = kt(), c = ue(), d = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? Me : Be, f = Ce(
     {
       images: e.eventGame.images,
       imagePlaceholder: d
     },
     le.SPLIT
-  ), o = a ? ((G = (y = e.eventGame.branding) == null ? void 0 : y.images) == null ? void 0 : G.mobileLogo) || ((A = (E = e.eventGame.branding) == null ? void 0 : E.images) == null ? void 0 : A.mainLogo) || "" : ((R = (S = e.eventGame.branding) == null ? void 0 : S.images) == null ? void 0 : R.mainLogo) || "", l = ((L = e.eventGame.branding) == null ? void 0 : L.colors) || null, g = (l == null ? void 0 : l.secondaryColor) || p().textSecondary, b = p().secondaryContainer, m = O().primary, k = (l == null ? void 0 : l.backgroundColor) || p().surfaceVariant, u = (l == null ? void 0 : l.contentColor) || p().textColor, T = K(), h = ae(), P = He().size, C = e.eventGame.status === "OPEN" && e.prediction && e.onPredictionUpdate, v = (ye) => {
+  ), o = a ? ((A = (y = e.eventGame.branding) == null ? void 0 : y.images) == null ? void 0 : A.mobileLogo) || ((z = (E = e.eventGame.branding) == null ? void 0 : E.images) == null ? void 0 : z.mainLogo) || "" : ((R = (S = e.eventGame.branding) == null ? void 0 : S.images) == null ? void 0 : R.mainLogo) || "", l = ((L = e.eventGame.branding) == null ? void 0 : L.colors) || null, g = (l == null ? void 0 : l.secondaryColor) || p().textSecondary, b = p().secondaryContainer, s = q().primary, k = (l == null ? void 0 : l.backgroundColor) || p().surfaceVariant, u = (l == null ? void 0 : l.contentColor) || p().textColor, T = J(), h = ae(), P = He().size, C = e.eventGame.status === "OPEN" && e.prediction && e.onPredictionUpdate, v = (ye) => {
     console.log(`Edit prediction for fixture at index: ${ye}`);
   }, F = r ? null : /* @__PURE__ */ t(
     xe,
@@ -3289,7 +3289,7 @@ const bn = (e, n, a) => {
       primaryUrl: (_ = (U = e.eventGame.branding) == null ? void 0 : U.urls) == null ? void 0 : _.primaryUrl,
       secondaryUrl: (me = (oe = e.eventGame.branding) == null ? void 0 : oe.urls) == null ? void 0 : me.secondaryUrl
     }
-  ), D = Un({
+  ), D = $n({
     spacingScale: h,
     borderRadius: T,
     bgcolor: N(k || ""),
@@ -3318,7 +3318,7 @@ const bn = (e, n, a) => {
     gap: "8px"
   }, w = {
     color: g,
-    fontFamily: m,
+    fontFamily: s,
     fontStyle: "normal",
     fontWeight: 500,
     lineHeight: "22px",
@@ -3327,7 +3327,7 @@ const bn = (e, n, a) => {
   }, H = () => {
     var ye, Pe, Ie, be;
     return /* @__PURE__ */ t(
-      jt,
+      Vt,
       {
         entity: { ...e.eventGame, labels: null },
         headline: n("eventGame.headline"),
@@ -3343,7 +3343,7 @@ const bn = (e, n, a) => {
             title: n("common.authentication.accessRequired"),
             message: n("common.authentication.invalidOrMissingAuth")
           }
-        ) }) }) : /* @__PURE__ */ s(i, { sx: D.questionAreaContent, children: [
+        ) }) }) : /* @__PURE__ */ m(i, { sx: D.questionAreaContent, children: [
           /* @__PURE__ */ t(
             i,
             {
@@ -3410,7 +3410,7 @@ const bn = (e, n, a) => {
     );
   };
   return /* @__PURE__ */ t(ve, { brandingBorderColor: (l == null ? void 0 : l.borderColor) || null, children: H() });
-}, jn = (e) => {
+}, Un = (e) => {
   var n, a, r, c, d;
   return {
     // Main container with background overlay
@@ -4107,7 +4107,7 @@ const bn = (e, n, a) => {
       zIndex: 1
     }
   };
-}, Nn = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_1048'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_1048)'%3e%3cpath%20d='M12%2020.6254L5.20005%2016.9254V11.1254L1.36255%209.01289L12%203.21289L22.65%209.01464V16.7504H20.775V10.0504L18.8%2011.1254V16.9254L12%2020.6254ZM12%2012.6754L18.75%209.01289L12%205.36289L5.26255%209.01289L12%2012.6754ZM12%2018.4879L16.925%2015.8296V12.1129L12%2014.8254L7.07505%2012.1129V15.8296L12%2018.4879Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", On = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_504'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_504)'%3e%3cpath%20d='M9.6875%206H11.5625V4.125H9.6875V6ZM13.4375%206V4.125H15.3125V6H13.4375ZM9.6875%2013.5V11.625H11.5625V13.5H9.6875ZM17.1875%209.75V7.875H19.0625V9.75H17.1875ZM17.1875%2013.5V11.625H19.0625V13.5H17.1875ZM13.4375%2013.5V11.625H15.3125V13.5H13.4375ZM17.1875%206V4.125H19.0625V6H17.1875ZM11.5625%207.875V6H13.4375V7.875H11.5625ZM5.9375%2019.825V4.125H7.8125V6H9.6875V7.875H7.8125V9.75H9.6875V11.625H7.8125V19.825H5.9375ZM15.3125%2011.625V9.75H17.1875V11.625H15.3125ZM11.5625%2011.625V9.75H13.4375V11.625H11.5625ZM9.6875%209.75V7.875H11.5625V9.75H9.6875ZM13.4375%209.75V7.875H15.3125V9.75H13.4375ZM15.3125%207.875V6H17.1875V7.875H15.3125Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", st = ({
+}, Vn = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_1048'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_1048)'%3e%3cpath%20d='M12%2020.6254L5.20005%2016.9254V11.1254L1.36255%209.01289L12%203.21289L22.65%209.01464V16.7504H20.775V10.0504L18.8%2011.1254V16.9254L12%2020.6254ZM12%2012.6754L18.75%209.01289L12%205.36289L5.26255%209.01289L12%2012.6754ZM12%2018.4879L16.925%2015.8296V12.1129L12%2014.8254L7.07505%2012.1129V15.8296L12%2018.4879Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", jn = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_504'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_504)'%3e%3cpath%20d='M9.6875%206H11.5625V4.125H9.6875V6ZM13.4375%206V4.125H15.3125V6H13.4375ZM9.6875%2013.5V11.625H11.5625V13.5H9.6875ZM17.1875%209.75V7.875H19.0625V9.75H17.1875ZM17.1875%2013.5V11.625H19.0625V13.5H17.1875ZM13.4375%2013.5V11.625H15.3125V13.5H13.4375ZM17.1875%206V4.125H19.0625V6H17.1875ZM11.5625%207.875V6H13.4375V7.875H11.5625ZM5.9375%2019.825V4.125H7.8125V6H9.6875V7.875H7.8125V9.75H9.6875V11.625H7.8125V19.825H5.9375ZM15.3125%2011.625V9.75H17.1875V11.625H15.3125ZM11.5625%2011.625V9.75H13.4375V11.625H11.5625ZM9.6875%209.75V7.875H11.5625V9.75H9.6875ZM13.4375%209.75V7.875H15.3125V9.75H13.4375ZM15.3125%207.875V6H17.1875V7.875H15.3125Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", st = ({
   prediction: e,
   game: n,
   resultsTabPanelSxProps: a,
@@ -4115,10 +4115,10 @@ const bn = (e, n, a) => {
   children: c,
   brandingColors: d
 }) => {
-  const [f, o] = Je.useState(0), l = ue(), { t: g } = ne(), b = Y(), m = Se(), k = K().md, u = r ? l.colorSchemes.dark.textPrimary : p().textPrimary, T = r ? l.colorSchemes.dark.textSecondary : p().textSecondary, h = O().primary, P = O().secondary, C = r ? l.colorSchemes.dark.secondaryContainer : p().secondaryContainer, v = d != null && d.backgroundColor || r ? l.colorSchemes.dark.surfaceVariant : p().surfaceVariant, F = ae(), D = r ? l.colorSchemes.dark.palette.success.plainColor : p().palette.success.plainColor, I = r ? l.colorSchemes.dark.palette.danger.plainColor : p().palette.danger.plainColor, $ = r ? l.colorSchemes.dark.outlineEnabledBorder : p().outlineEnabledBorder, w = r ? l.colorSchemes.dark.palette.neutral.softBg : p().palette.neutral.softBg;
+  const [f, o] = Je.useState(0), l = ue(), { t: g } = ne(), b = Y(), s = Se(), k = J().md, u = r ? l.colorSchemes.dark.textPrimary : p().textPrimary, T = r ? l.colorSchemes.dark.textSecondary : p().textSecondary, h = q().primary, P = q().secondary, C = r ? l.colorSchemes.dark.secondaryContainer : p().secondaryContainer, v = d != null && d.backgroundColor || r ? l.colorSchemes.dark.surfaceVariant : p().surfaceVariant, F = ae(), D = r ? l.colorSchemes.dark.palette.success.plainColor : p().palette.success.plainColor, I = r ? l.colorSchemes.dark.palette.danger.plainColor : p().palette.danger.plainColor, $ = r ? l.colorSchemes.dark.outlineEnabledBorder : p().outlineEnabledBorder, w = r ? l.colorSchemes.dark.palette.neutral.softBg : p().palette.neutral.softBg;
   let H = r ? l.colorSchemes.dark.textPrimary : p().textPrimary;
   d != null && d.primaryColor && (H = d.primaryColor);
-  const y = (A, S) => {
+  const y = (z, S) => {
     const R = {
       display: "flex",
       alignItems: "center",
@@ -4136,8 +4136,8 @@ const bn = (e, n, a) => {
       fontSize: "0.875em",
       color: u
     };
-    return S === W.BOOLEAN ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: g(A === !0 ? "eventGame.fixtures.yes" : "eventGame.fixtures.no") }) }) : S === W.NUMBER ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: A }) }) : S === W.ENUM || S === W.FREE_INPUT ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: A }) }) : null;
-  }, G = (A, S) => {
+    return S === W.BOOLEAN ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: g(z === !0 ? "eventGame.fixtures.yes" : "eventGame.fixtures.no") }) }) : S === W.NUMBER ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: z }) }) : S === W.ENUM || S === W.FREE_INPUT ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: z }) }) : null;
+  }, A = (z, S) => {
     const R = {
       display: "flex",
       alignItems: "center",
@@ -4152,14 +4152,14 @@ const bn = (e, n, a) => {
     }, L = {
       fontFamily: h,
       fontWeight: 500,
-      fontSize: m ? "0.75em" : "0.875em",
+      fontSize: s ? "0.75em" : "0.875em",
       color: u
     };
-    return S === W.BOOLEAN ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: g(A === !0 ? "eventGame.fixtures.yes" : "eventGame.fixtures.no") }) }) : S === W.NUMBER ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: A }) }) : S === W.ENUM || S === W.FREE_INPUT ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: A }) }) : null;
-  }, E = (A) => {
+    return S === W.BOOLEAN ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: g(z === !0 ? "eventGame.fixtures.yes" : "eventGame.fixtures.no") }) }) : S === W.NUMBER ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: z }) }) : S === W.ENUM || S === W.FREE_INPUT ? /* @__PURE__ */ t(i, { sx: R, children: /* @__PURE__ */ t(x, { sx: L, children: z }) }) : null;
+  }, E = (z) => {
     var U;
-    const S = n.fixtures.find((_) => _.id === A), R = (U = e == null ? void 0 : e.fixtures) == null ? void 0 : U.find(
-      (_) => _.id === A
+    const S = n.fixtures.find((_) => _.id === z), R = (U = e == null ? void 0 : e.fixtures) == null ? void 0 : U.find(
+      (_) => _.id === z
     );
     if (!S || !R) return null;
     const L = R.correct === !0;
@@ -4194,7 +4194,7 @@ const bn = (e, n, a) => {
             zIndex: 1
           }
         },
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ m(
           i,
           {
             sx: {
@@ -4205,7 +4205,7 @@ const bn = (e, n, a) => {
               alignSelf: "stretch"
             },
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ m(
                 i,
                 {
                   sx: {
@@ -4231,7 +4231,7 @@ const bn = (e, n, a) => {
                         children: S.question
                       }
                     ),
-                    !m && R.points !== void 0 && R.points !== null && /* @__PURE__ */ t(
+                    !s && R.points !== void 0 && R.points !== null && /* @__PURE__ */ t(
                       i,
                       {
                         sx: {
@@ -4242,7 +4242,7 @@ const bn = (e, n, a) => {
                           borderRadius: k,
                           backgroundColor: w
                         },
-                        children: /* @__PURE__ */ s(
+                        children: /* @__PURE__ */ m(
                           x,
                           {
                             sx: {
@@ -4263,7 +4263,7 @@ const bn = (e, n, a) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ m(
                 i,
                 {
                   sx: {
@@ -4273,7 +4273,7 @@ const bn = (e, n, a) => {
                     gap: F.xs
                   },
                   children: [
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ m(
                       i,
                       {
                         sx: {
@@ -4304,7 +4304,7 @@ const bn = (e, n, a) => {
                         ]
                       }
                     ),
-                    !L && S.outcome !== null && S.outcome !== void 0 && /* @__PURE__ */ s(
+                    !L && S.outcome !== null && S.outcome !== void 0 && /* @__PURE__ */ m(
                       i,
                       {
                         sx: {
@@ -4328,7 +4328,7 @@ const bn = (e, n, a) => {
                               children: g("eventGame.correctPrediction")
                             }
                           ),
-                          G(
+                          A(
                             S.outcome,
                             S.outcomeType
                           )
@@ -4338,7 +4338,7 @@ const bn = (e, n, a) => {
                   ]
                 }
               ),
-              m && R.points !== void 0 && R.points !== null && R.points > 0 && /* @__PURE__ */ s(j, { children: [
+              s && R.points !== void 0 && R.points !== null && R.points > 0 && /* @__PURE__ */ m(j, { children: [
                 /* @__PURE__ */ t(
                   i,
                   {
@@ -4358,7 +4358,7 @@ const bn = (e, n, a) => {
                       alignItems: "center",
                       alignSelf: "stretch"
                     },
-                    children: /* @__PURE__ */ s(
+                    children: /* @__PURE__ */ m(
                       x,
                       {
                         sx: {
@@ -4382,17 +4382,17 @@ const bn = (e, n, a) => {
               ] })
             ]
           },
-          `single-prediction-${A}`
+          `single-prediction-${z}`
         )
       },
-      `user-prediction-${A}`
+      `user-prediction-${z}`
     );
   };
-  return /* @__PURE__ */ t(i, { sx: { width: "100%" }, children: /* @__PURE__ */ s(
-    fn,
+  return /* @__PURE__ */ t(i, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
+    un,
     {
       value: f,
-      onChange: (A, S) => o(S),
+      onChange: (z, S) => o(S),
       sx: {
         borderRadius: k,
         width: "100%",
@@ -4400,8 +4400,8 @@ const bn = (e, n, a) => {
         backgroundColor: "transparent"
       },
       children: [
-        /* @__PURE__ */ s(
-          xn,
+        /* @__PURE__ */ m(
+          fn,
           {
             sx: {
               fontSize: b ? "0.75em" : "1em",
@@ -4409,7 +4409,7 @@ const bn = (e, n, a) => {
             },
             children: [
               /* @__PURE__ */ t(
-                St,
+                Ct,
                 {
                   sx: {
                     display: "flex",
@@ -4424,7 +4424,7 @@ const bn = (e, n, a) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${Ct.selected}`]: {
+                    [`&.${vt.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + H,
@@ -4433,7 +4433,7 @@ const bn = (e, n, a) => {
                     }
                   },
                   disableIndicator: !0,
-                  children: /* @__PURE__ */ s(
+                  children: /* @__PURE__ */ m(
                     i,
                     {
                       sx: {
@@ -4450,7 +4450,7 @@ const bn = (e, n, a) => {
                         /* @__PURE__ */ t(
                           "img",
                           {
-                            src: On,
+                            src: jn,
                             alt: "results-icon",
                             style: {
                               display: "flex",
@@ -4484,7 +4484,7 @@ const bn = (e, n, a) => {
                 }
               ),
               /* @__PURE__ */ t(
-                St,
+                Ct,
                 {
                   sx: {
                     display: "flex",
@@ -4499,7 +4499,7 @@ const bn = (e, n, a) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${Ct.selected}`]: {
+                    [`&.${vt.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + H,
@@ -4508,7 +4508,7 @@ const bn = (e, n, a) => {
                     }
                   },
                   disableIndicator: !0,
-                  children: /* @__PURE__ */ s(
+                  children: /* @__PURE__ */ m(
                     i,
                     {
                       sx: {
@@ -4525,7 +4525,7 @@ const bn = (e, n, a) => {
                         /* @__PURE__ */ t(
                           "img",
                           {
-                            src: Nn,
+                            src: Vn,
                             alt: "predictions-icon",
                             style: {
                               display: "flex",
@@ -4562,24 +4562,24 @@ const bn = (e, n, a) => {
           }
         ),
         /* @__PURE__ */ t(
-          vt,
+          Pt,
           {
             value: 0,
             sx: {
               ...a,
-              fontSize: m ? "0.625em" : b ? "0.75em" : "1em"
+              fontSize: s ? "0.625em" : b ? "0.75em" : "1em"
             },
             children: c
           }
         ),
         /* @__PURE__ */ t(
-          vt,
+          Pt,
           {
             value: 1,
             sx: {
               overflowY: "auto",
               maxHeight: b ? "auto" : "450px",
-              fontSize: m ? "0.75em" : "1em"
+              fontSize: s ? "0.75em" : "1em"
             },
             children: /* @__PURE__ */ t(
               i,
@@ -4592,7 +4592,7 @@ const bn = (e, n, a) => {
                   gap: "16px",
                   alignSelf: "stretch"
                 },
-                children: e != null && e.fixtures && e.fixtures.length > 0 ? n.fixtures.map((A) => E(A.id)) : (
+                children: e != null && e.fixtures && e.fixtures.length > 0 ? n.fixtures.map((z) => E(z.id)) : (
                   // Empty state when user has no predictions
                   /* @__PURE__ */ t(
                     i,
@@ -4608,7 +4608,7 @@ const bn = (e, n, a) => {
                         textAlign: "center",
                         py: F.xl
                       },
-                      children: /* @__PURE__ */ s(
+                      children: /* @__PURE__ */ m(
                         i,
                         {
                           sx: {
@@ -4664,7 +4664,7 @@ const bn = (e, n, a) => {
   isSplitVariant: r,
   loading: c = !1
 }) => {
-  const { t: d } = ne(), f = ue(), o = p(), l = o.palette.primary.plainColor, g = o.textColor, b = O().primary, m = O().secondary, k = K(), u = ae(), T = Se(), h = o.surfaceVariant, P = f.colorSchemes.light.palette.primary.onPrimary, C = o.outlineEnabledBorder, v = {
+  const { t: d } = ne(), f = ue(), o = p(), l = o.palette.primary.plainColor, g = o.textColor, b = q().primary, s = q().secondary, k = J(), u = ae(), T = Se(), h = o.surfaceVariant, P = f.colorSchemes.light.palette.primary.onPrimary, C = o.outlineEnabledBorder, v = {
     leaderboardContainer: {
       display: "flex",
       flexDirection: "column",
@@ -4787,7 +4787,7 @@ const bn = (e, n, a) => {
       color: P
     },
     noLeaderboardText: {
-      fontFamily: m,
+      fontFamily: s,
       fontSize: "1.25em",
       color: g,
       textAlign: "center",
@@ -4799,9 +4799,9 @@ const bn = (e, n, a) => {
   if (e.length === 0)
     return /* @__PURE__ */ t(x, { level: "body-lg", sx: v.noLeaderboardText, children: d("eventGame.leaderboard.noLeaderboardAvailable") });
   const F = n == null ? void 0 : n.position, D = F && e.some((I) => I.position === F);
-  return /* @__PURE__ */ s(i, { sx: v.leaderboardContainer, children: [
+  return /* @__PURE__ */ m(i, { sx: v.leaderboardContainer, children: [
     a && /* @__PURE__ */ t(x, { level: "h4", sx: v.leaderboardTitle, children: d("eventGame.leaderboard.title") }),
-    /* @__PURE__ */ t(wt, { sx: v.tableContainer, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ t(wt, { sx: v.tableContainer, children: /* @__PURE__ */ m(
       Rt,
       {
         variant: "outlined",
@@ -4810,45 +4810,45 @@ const bn = (e, n, a) => {
         size: "sm",
         sx: v.table,
         children: [
-          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
+          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ m("tr", { children: [
             /* @__PURE__ */ t("th", { style: v.headerCellPosition, children: T || r ? "" : d("eventGame.leaderboard.position") }),
             /* @__PURE__ */ t("th", { style: v.headerCellName, children: d("eventGame.leaderboard.name") }),
             /* @__PURE__ */ t("th", { style: v.headerCellPoints, children: T || r ? "🎯" : d("eventGame.leaderboard.points") })
           ] }) }),
-          /* @__PURE__ */ s("tbody", { children: [
-            n && !D && /* @__PURE__ */ s("tr", { style: v.userRow, children: [
-              /* @__PURE__ */ t("td", { style: v.tableCellPosition, children: /* @__PURE__ */ s(x, { sx: v.positionText, children: [
+          /* @__PURE__ */ m("tbody", { children: [
+            n && !D && /* @__PURE__ */ m("tr", { style: v.userRow, children: [
+              /* @__PURE__ */ t("td", { style: v.tableCellPosition, children: /* @__PURE__ */ m(x, { sx: v.positionText, children: [
                 "#",
                 n.position
               ] }) }),
-              /* @__PURE__ */ t("td", { style: v.tableCellName, children: /* @__PURE__ */ s(i, { sx: v.nameCell, children: [
-                /* @__PURE__ */ t(Pt, { sx: v.leaderboardAvatar, children: /* @__PURE__ */ t(bt, { sx: v.avatarIcon }) }),
+              /* @__PURE__ */ t("td", { style: v.tableCellName, children: /* @__PURE__ */ m(i, { sx: v.nameCell, children: [
+                /* @__PURE__ */ t(ht, { sx: v.leaderboardAvatar, children: /* @__PURE__ */ t(St, { sx: v.avatarIcon }) }),
                 /* @__PURE__ */ t(x, { sx: v.nameText, children: d("eventGame.leaderboard.you") })
               ] }) }),
               /* @__PURE__ */ t("td", { style: v.tableCellPoints, children: /* @__PURE__ */ t(x, { sx: v.pointsText, children: n.totalPoints }) })
             ] }),
             e.map((I) => {
-              var w, H, y, G;
+              var w, H, y, A;
               const $ = F === I.position;
-              return /* @__PURE__ */ s(
+              return /* @__PURE__ */ m(
                 "tr",
                 {
                   style: $ ? v.userRow : void 0,
                   children: [
-                    /* @__PURE__ */ t("td", { style: v.tableCellPosition, children: /* @__PURE__ */ s(x, { sx: v.positionText, children: [
+                    /* @__PURE__ */ t("td", { style: v.tableCellPosition, children: /* @__PURE__ */ m(x, { sx: v.positionText, children: [
                       "#",
                       I.position
                     ] }) }),
-                    /* @__PURE__ */ t("td", { style: v.tableCellName, children: /* @__PURE__ */ s(i, { sx: v.nameCell, children: [
+                    /* @__PURE__ */ t("td", { style: v.tableCellName, children: /* @__PURE__ */ m(i, { sx: v.nameCell, children: [
                       /* @__PURE__ */ t(
-                        Pt,
+                        ht,
                         {
                           src: ((w = I.profileModel) == null ? void 0 : w.avatar) || void 0,
                           sx: v.leaderboardAvatar,
-                          children: (H = I.profileModel) != null && H.avatar ? /* @__PURE__ */ t(j, {}) : /* @__PURE__ */ t(bt, { sx: v.avatarIcon })
+                          children: (H = I.profileModel) != null && H.avatar ? /* @__PURE__ */ t(j, {}) : /* @__PURE__ */ t(St, { sx: v.avatarIcon })
                         }
                       ),
-                      /* @__PURE__ */ t(x, { sx: v.nameText, children: $ ? d("eventGame.leaderboard.you") : ((y = I.profileModel) == null ? void 0 : y.nickname) || ((G = I.profileModel) == null ? void 0 : G.name) })
+                      /* @__PURE__ */ t(x, { sx: v.nameText, children: $ ? d("eventGame.leaderboard.you") : ((y = I.profileModel) == null ? void 0 : y.nickname) || ((A = I.profileModel) == null ? void 0 : A.name) })
                     ] }) }),
                     /* @__PURE__ */ t("td", { style: v.tableCellPoints, children: /* @__PURE__ */ t(x, { sx: v.pointsText, children: I.totalPoints }) })
                   ]
@@ -4898,7 +4898,7 @@ const bn = (e, n, a) => {
       }
     };
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ m(
     i,
     {
       sx: {
@@ -4917,7 +4917,7 @@ const bn = (e, n, a) => {
             onClick: r,
             disabled: !n,
             sx: o(),
-            children: /* @__PURE__ */ t(on, { size: 20 })
+            children: /* @__PURE__ */ t(an, { size: 20 })
           }
         ),
         /* @__PURE__ */ t(
@@ -4929,18 +4929,18 @@ const bn = (e, n, a) => {
             onClick: a,
             disabled: !e,
             sx: o(),
-            children: /* @__PURE__ */ t(ln, { size: 20 })
+            children: /* @__PURE__ */ t(on, { size: 20 })
           }
         )
       ]
     }
   );
 }, ut = (e, n) => {
-  const [a, r] = J(
+  const [a, r] = Q(
     null
-  ), [c, d] = J(!1), [f, o] = J(!1), [l, g] = J(
+  ), [c, d] = Q(!1), [f, o] = Q(!1), [l, g] = Q(
     null
-  ), [b, m] = J([]), [k, u] = J(null), [T, h] = J(!1), P = async (F = null, D) => {
+  ), [b, s] = Q([]), [k, u] = Q(null), [T, h] = Q(!1), P = async (F = null, D) => {
     try {
       h(!0);
       const I = {
@@ -4969,16 +4969,16 @@ const bn = (e, n, a) => {
         ...b,
         l
       ];
-      m(F), g(k.nextPageStartsAfter), P(k.nextPageStartsAfter, F);
+      s(F), g(k.nextPageStartsAfter), P(k.nextPageStartsAfter, F);
     }
   }, v = () => {
     if (b.length > 0) {
       const F = [...b], D = F.pop() || null;
-      m(F), g(D), P(D, F);
+      s(F), g(D), P(D, F);
     }
   };
   return je(() => (P(), () => {
-    r(null), d(!1), o(!1), u(null), g(null), m([]);
+    r(null), d(!1), o(!1), u(null), g(null), s([]);
   }), [e, n]), {
     rankings: a,
     pagination: k,
@@ -4991,21 +4991,21 @@ const bn = (e, n, a) => {
     goToNextPage: C,
     goToPreviousPage: v
   };
-}, qn = (e) => {
+}, Nn = (e) => {
   const n = ae(), a = ue(), { t: r } = ne(), c = Y(), d = Se(), f = Ee(
     le.OVERLAY
-  ), { brandingImage: o, brandingColors: l, brandingLogo: g } = tt(e.game.branding || null), b = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : c ? Me : Be, m = o || Ce(
+  ), { brandingImage: o, brandingColors: l, brandingLogo: g } = tt(e.game.branding || null), b = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : c ? Me : Be, s = o || Ce(
     {
       images: e.game.images,
       imagePlaceholder: b
     },
     le.OVERLAY
-  ), k = p().textPrimary, u = (l == null ? void 0 : l.primaryColor) || p().palette.primary.plainColor, T = (l == null ? void 0 : l.contentColor) || p().textColor, h = O().secondary, P = O().primary, C = p().surface, v = `rgba(${N(
+  ), k = p().textPrimary, u = (l == null ? void 0 : l.primaryColor) || p().palette.primary.plainColor, T = (l == null ? void 0 : l.contentColor) || p().textColor, h = q().secondary, P = q().primary, C = p().surface, v = `rgba(${N(
     (l == null ? void 0 : l.backgroundColor) || p().surfaceVariant
-  )}, 0.5)`, F = p().onSurface, D = K(), I = He().size, $ = `rgba(${N(
+  )}, 0.5)`, F = p().onSurface, D = J(), I = He().size, $ = `rgba(${N(
     p().surfaceVariant || ""
-  )}, 0.5)`, w = (l == null ? void 0 : l.secondaryColor) || p().textColor, H = "60%", { rankings: y, pagination: G, loading: E, goToNextPage: A, goToPreviousPage: S } = ut(e.game.id, e.sdk), R = jn({
-    finalImage: m,
+  )}, 0.5)`, w = (l == null ? void 0 : l.secondaryColor) || p().textColor, H = "60%", { rankings: y, pagination: A, loading: E, goToNextPage: z, goToPreviousPage: S } = ut(e.game.id, e.sdk), R = Un({
+    finalImage: s,
     spacingScale: n,
     borderRadius: D,
     fontFamilyPrimary: P,
@@ -5036,13 +5036,13 @@ const bn = (e, n, a) => {
       textColor: a.colorSchemes.dark.textColor,
       label: null
     }
-  ), U = () => /* @__PURE__ */ s(
+  ), U = () => /* @__PURE__ */ m(
     i,
     {
       sx: { display: "flex", flexDirection: "column", gap: n.md },
       children: [
-        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(i, { sx: R.headlineSection, children: /* @__PURE__ */ t(i, { sx: R.headlineContent, children: /* @__PURE__ */ s(i, { sx: R.headlineContentInner, children: [
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(i, { sx: R.headlineSection, children: /* @__PURE__ */ t(i, { sx: R.headlineContent, children: /* @__PURE__ */ m(i, { sx: R.headlineContentInner, children: [
+          /* @__PURE__ */ m(
             i,
             {
               sx: {
@@ -5064,13 +5064,13 @@ const bn = (e, n, a) => {
               ]
             }
           ),
-          /* @__PURE__ */ s(i, { sx: R.contentContainer, children: [
+          /* @__PURE__ */ m(i, { sx: R.contentContainer, children: [
             /* @__PURE__ */ t(x, { level: "h4", sx: R.titleText, children: e.game.title }),
             e.game.description && /* @__PURE__ */ t(x, { level: "body-lg", sx: R.descriptionText, children: Le(e.game.description) })
           ] })
         ] }) }) }) }),
-        /* @__PURE__ */ s(i, { sx: R.mainContentSection, children: [
-          /* @__PURE__ */ s(i, { sx: R.contentContainerWithBackdrop, children: [
+        /* @__PURE__ */ m(i, { sx: R.mainContentSection, children: [
+          /* @__PURE__ */ m(i, { sx: R.contentContainerWithBackdrop, children: [
             /* @__PURE__ */ t(
               mt,
               {
@@ -5081,12 +5081,12 @@ const bn = (e, n, a) => {
                 loading: E
               }
             ),
-            G && (G.hasNextPage || G.hasPreviousPage) && /* @__PURE__ */ t(
+            A && (A.hasNextPage || A.hasPreviousPage) && /* @__PURE__ */ t(
               gt,
               {
-                hasNextPage: G.hasNextPage,
-                hasPreviousPage: G.hasPreviousPage,
-                onNextPage: A,
+                hasNextPage: A.hasNextPage,
+                hasPreviousPage: A.hasPreviousPage,
+                onNextPage: z,
                 onPreviousPage: S,
                 isOverlayVariant: !0,
                 justifyContent: "flex-end"
@@ -5112,20 +5112,20 @@ const bn = (e, n, a) => {
       children: U()
     }
   ) }) : /* @__PURE__ */ t(i, { sx: R.mainContainer, children: U() }) });
-}, Yn = () => {
+}, On = () => {
   const { t: e } = ne();
   return /* @__PURE__ */ t(ve, { brandingBorderColor: null, children: /* @__PURE__ */ t(
-    Kt,
+    Xt,
     {
       notFoundTitle: e("eventGame.eventGameNotFound"),
       notFoundMessage: e("eventGame.eventGameNotFoundDescription")
     }
   ) });
-}, _n = (e) => {
-  var d, f, o, l, g, b, m;
-  const { t: n } = ne(), a = Y(), r = ((d = e.eventGame.branding) == null ? void 0 : d.colors) || null, c = a ? ((o = (f = e.eventGame.branding) == null ? void 0 : f.images) == null ? void 0 : o.mobileLogo) || ((g = (l = e.eventGame.branding) == null ? void 0 : l.images) == null ? void 0 : g.mainLogo) || "" : ((m = (b = e.eventGame.branding) == null ? void 0 : b.images) == null ? void 0 : m.mainLogo) || "";
+}, qn = (e) => {
+  var d, f, o, l, g, b, s;
+  const { t: n } = ne(), a = Y(), r = ((d = e.eventGame.branding) == null ? void 0 : d.colors) || null, c = a ? ((o = (f = e.eventGame.branding) == null ? void 0 : f.images) == null ? void 0 : o.mobileLogo) || ((g = (l = e.eventGame.branding) == null ? void 0 : l.images) == null ? void 0 : g.mainLogo) || "" : ((s = (b = e.eventGame.branding) == null ? void 0 : b.images) == null ? void 0 : s.mainLogo) || "";
   return /* @__PURE__ */ t(ve, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
-    Nt,
+    jt,
     {
       entity: { ...e.eventGame, labels: null },
       headline: n("eventGame.headline"),
@@ -5145,11 +5145,11 @@ const bn = (e, n, a) => {
       )
     }
   ) });
-}, Zn = (e) => {
-  var d, f, o, l, g, b, m;
-  const { t: n } = ne(), a = Y(), r = ((d = e.eventGame.branding) == null ? void 0 : d.colors) || null, c = a ? ((o = (f = e.eventGame.branding) == null ? void 0 : f.images) == null ? void 0 : o.mobileLogo) || ((g = (l = e.eventGame.branding) == null ? void 0 : l.images) == null ? void 0 : g.mainLogo) || "" : ((m = (b = e.eventGame.branding) == null ? void 0 : b.images) == null ? void 0 : m.mainLogo) || "";
+}, Yn = (e) => {
+  var d, f, o, l, g, b, s;
+  const { t: n } = ne(), a = Y(), r = ((d = e.eventGame.branding) == null ? void 0 : d.colors) || null, c = a ? ((o = (f = e.eventGame.branding) == null ? void 0 : f.images) == null ? void 0 : o.mobileLogo) || ((g = (l = e.eventGame.branding) == null ? void 0 : l.images) == null ? void 0 : g.mainLogo) || "" : ((s = (b = e.eventGame.branding) == null ? void 0 : b.images) == null ? void 0 : s.mainLogo) || "";
   return /* @__PURE__ */ t(ve, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
-    Ot,
+    Nt,
     {
       entity: { ...e.eventGame, labels: null },
       headline: n("eventGame.headline"),
@@ -5168,12 +5168,12 @@ const bn = (e, n, a) => {
       )
     }
   ) });
-}, Xn = (e) => {
+}, _n = (e) => {
   const { t: n } = ne(), a = Y(), { brandingLogo: r } = tt(
     e.eventGame.branding || null
   ), c = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? Me : Be;
   return /* @__PURE__ */ t(
-    qt,
+    Ot,
     {
       entity: { ...e.eventGame, labels: null },
       headline: n("eventGame.headline"),
@@ -5192,7 +5192,7 @@ const bn = (e, n, a) => {
       )
     }
   );
-}, Kn = (e) => {
+}, Zn = (e) => {
   var n, a, r;
   return {
     // Main content area
@@ -5728,7 +5728,7 @@ const bn = (e, n, a) => {
       width: "100%"
     }
   };
-}, Qn = (e) => {
+}, Xn = (e) => {
   var U, _, oe, me;
   const n = ue(), a = Ce(
     {
@@ -5736,13 +5736,13 @@ const bn = (e, n, a) => {
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     le.STANDARD
-  ), { t: r } = ne(), c = Y(), d = Se(), f = e.imagePosition || "left", o = c ? ((U = e.eventGame.branding) == null ? void 0 : U.images.mobileLogo) || ((_ = e.eventGame.branding) == null ? void 0 : _.images.mainLogo) || "" : ((oe = e.eventGame.branding) == null ? void 0 : oe.images.mainLogo) || "", l = ((me = e.eventGame.branding) == null ? void 0 : me.colors) || null, g = p().textPrimary, b = (l == null ? void 0 : l.primaryColor) || p().palette.primary.plainColor, m = (l == null ? void 0 : l.contentColor) || p().textColor, k = O().secondary, u = O().primary, T = p().surface, h = `rgba(${N(
+  ), { t: r } = ne(), c = Y(), d = Se(), f = e.imagePosition || "left", o = c ? ((U = e.eventGame.branding) == null ? void 0 : U.images.mobileLogo) || ((_ = e.eventGame.branding) == null ? void 0 : _.images.mainLogo) || "" : ((oe = e.eventGame.branding) == null ? void 0 : oe.images.mainLogo) || "", l = ((me = e.eventGame.branding) == null ? void 0 : me.colors) || null, g = p().textPrimary, b = (l == null ? void 0 : l.primaryColor) || p().palette.primary.plainColor, s = (l == null ? void 0 : l.contentColor) || p().textColor, k = q().secondary, u = q().primary, T = p().surface, h = `rgba(${N(
     (l == null ? void 0 : l.backgroundColor) || p().surfaceVariant
-  )}, 0.5)`, P = p().onSurface, C = K(), v = He().size, F = ae(), D = `rgba(${N(
+  )}, 0.5)`, P = p().onSurface, C = J(), v = He().size, F = ae(), D = `rgba(${N(
     p().surfaceVariant || ""
   )}, 0.5)`, I = Ee(
     le.STANDARD
-  ), $ = "60%", w = (l == null ? void 0 : l.secondaryColor) || p().textColor, { rankings: H, pagination: y, loading: G, goToNextPage: E, goToPreviousPage: A } = ut(e.eventGame.id, e.sdk), S = Kn({
+  ), $ = "60%", w = (l == null ? void 0 : l.secondaryColor) || p().textColor, { rankings: H, pagination: y, loading: A, goToNextPage: E, goToPreviousPage: z } = ut(e.eventGame.id, e.sdk), S = Zn({
     finalImage: a,
     spacingScale: F,
     borderRadius: C,
@@ -5750,7 +5750,7 @@ const bn = (e, n, a) => {
     fontFamilySecondary: k,
     textPrimary: g,
     primaryColor: b,
-    textColor: m,
+    textColor: s,
     bgcolor: h,
     buttonBgColor: T,
     onSurfaceColor: P,
@@ -5767,8 +5767,8 @@ const bn = (e, n, a) => {
     opacity: $,
     secondaryColor: w,
     isExtraSmall: d
-  }), R = () => /* @__PURE__ */ s(i, { sx: S.mainContentArea, children: [
-    !c && /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(i, { sx: S.desktopHeadlineContainer, children: /* @__PURE__ */ s(
+  }), R = () => /* @__PURE__ */ m(i, { sx: S.mainContentArea, children: [
+    !c && /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(i, { sx: S.desktopHeadlineContainer, children: /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -5777,7 +5777,7 @@ const bn = (e, n, a) => {
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ m(
             i,
             {
               sx: {
@@ -5805,7 +5805,7 @@ const bn = (e, n, a) => {
               ]
             }
           ),
-          /* @__PURE__ */ s(i, { sx: S.contentContainer, children: [
+          /* @__PURE__ */ m(i, { sx: S.contentContainer, children: [
             /* @__PURE__ */ t(x, { level: "h4", sx: S.titleTypographyDesktop, children: e.eventGame.title }),
             /* @__PURE__ */ t(x, { sx: S.descriptionTypographyDesktop, children: Le(e.eventGame.description) })
           ] })
@@ -5818,15 +5818,15 @@ const bn = (e, n, a) => {
         leaderboard: H,
         userRanking: e.prediction,
         showHeading: !e.showPredictionDetails,
-        loading: G
+        loading: A
       }
     ) }) }) }),
-    (o || (y == null ? void 0 : y.hasNextPage) || (y == null ? void 0 : y.hasPreviousPage)) && /* @__PURE__ */ s(i, { sx: S.presentedByContainer, children: [
+    (o || (y == null ? void 0 : y.hasNextPage) || (y == null ? void 0 : y.hasPreviousPage)) && /* @__PURE__ */ m(i, { sx: S.presentedByContainer, children: [
       /* @__PURE__ */ t(
         xe,
         {
           brandingLogo: o,
-          textColor: m,
+          textColor: s,
           label: null
         }
       ),
@@ -5843,7 +5843,7 @@ const bn = (e, n, a) => {
               hasNextPage: (y == null ? void 0 : y.hasNextPage) || !1,
               hasPreviousPage: (y == null ? void 0 : y.hasPreviousPage) || !1,
               onNextPage: E,
-              onPreviousPage: A,
+              onPreviousPage: z,
               isOverlayVariant: !1,
               justifyContent: "flex-start"
             }
@@ -5851,8 +5851,8 @@ const bn = (e, n, a) => {
         }
       )
     ] })
-  ] }), L = () => c ? a ? /* @__PURE__ */ t(i, { sx: S.mobileHeadlineWithImage, children: /* @__PURE__ */ t(i, { sx: S.mobileHeadlineContent, children: /* @__PURE__ */ s(i, { children: [
-    /* @__PURE__ */ s(
+  ] }), L = () => c ? a ? /* @__PURE__ */ t(i, { sx: S.mobileHeadlineWithImage, children: /* @__PURE__ */ t(i, { sx: S.mobileHeadlineContent, children: /* @__PURE__ */ m(i, { children: [
+    /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -5881,12 +5881,12 @@ const bn = (e, n, a) => {
         ]
       }
     ),
-    /* @__PURE__ */ s(i, { sx: S.contentContainer, children: [
+    /* @__PURE__ */ m(i, { sx: S.contentContainer, children: [
       /* @__PURE__ */ t(x, { sx: S.titleTypographyMobileImage, children: e.eventGame.title }),
       /* @__PURE__ */ t(x, { sx: S.descriptionTypographyMobileImage, children: Le(e.eventGame.description) })
     ] })
-  ] }) }) }) : /* @__PURE__ */ t(i, { sx: S.mobileHeadlineWithoutImage, children: /* @__PURE__ */ s(i, { children: [
-    /* @__PURE__ */ s(
+  ] }) }) }) : /* @__PURE__ */ t(i, { sx: S.mobileHeadlineWithoutImage, children: /* @__PURE__ */ m(i, { children: [
+    /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -5908,7 +5908,7 @@ const bn = (e, n, a) => {
         ]
       }
     ),
-    /* @__PURE__ */ s(i, { sx: S.contentContainer, children: [
+    /* @__PURE__ */ m(i, { sx: S.contentContainer, children: [
       /* @__PURE__ */ t(x, { level: "h4", sx: S.titleTypography, children: e.eventGame.title }),
       /* @__PURE__ */ t(x, { sx: S.descriptionTypography, children: Le(e.eventGame.description) })
     ] })
@@ -5926,72 +5926,19 @@ const bn = (e, n, a) => {
         pb: 0,
         pt: 0
       },
-      children: /* @__PURE__ */ s(i, { sx: S.scoreStateWrapperContainer, children: [
+      children: /* @__PURE__ */ m(i, { sx: S.scoreStateWrapperContainer, children: [
         a && f === "left" && /* @__PURE__ */ t(i, { sx: S.imageContainerLeft, children: /* @__PURE__ */ t(i, { sx: S.imageSafeArea }) }),
         R(),
         a && f === "right" && /* @__PURE__ */ t(i, { sx: S.imageContainerRight, children: /* @__PURE__ */ t(i, { sx: S.imageSafeArea }) })
       ] })
     }
-  ) : /* @__PURE__ */ s(j, { children: [
+  ) : /* @__PURE__ */ m(j, { children: [
     L(),
     a && f === "left" && /* @__PURE__ */ t(i, { sx: S.imageContainerLeft, children: /* @__PURE__ */ t(i, { sx: S.imageSafeArea }) }),
     R(),
     a && f === "right" && /* @__PURE__ */ t(i, { sx: S.imageContainerRight, children: /* @__PURE__ */ t(i, { sx: S.imageSafeArea }) })
   ] }) });
-}, Xe = ({
-  notification: e,
-  onClose: n
-}) => {
-  const a = K(), r = O();
-  return e.open ? /* @__PURE__ */ t(
-    yn,
-    {
-      open: e.open,
-      onClose: n,
-      autoHideDuration: e.variant === "error" ? 5e3 : 3e3,
-      anchorOrigin: { vertical: "top", horizontal: "center" },
-      color: e.variant === "success" ? "success" : "danger",
-      variant: "soft",
-      startDecorator: e.variant === "success" ? /* @__PURE__ */ t(zt, {}) : /* @__PURE__ */ t(rn, {}),
-      sx: {
-        borderRadius: a.sm,
-        fontFamily: r.secondary,
-        minWidth: "300px",
-        maxWidth: "400px",
-        zIndex: 9999,
-        position: "fixed"
-      },
-      children: /* @__PURE__ */ s(i, { sx: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-        e.title && /* @__PURE__ */ t(
-          x,
-          {
-            level: "title-md",
-            sx: {
-              fontWeight: 600,
-              fontSize: "16px",
-              lineHeight: 1.2,
-              color: "inherit"
-            },
-            children: e.title
-          }
-        ),
-        e.message && /* @__PURE__ */ t(
-          x,
-          {
-            level: "body-sm",
-            sx: {
-              fontSize: "14px",
-              lineHeight: 1.3,
-              color: "inherit",
-              opacity: 0.9
-            },
-            children: e.message
-          }
-        )
-      ] })
-    }
-  ) : null;
-}, Jn = (e) => ({
+}, Kn = (e) => ({
   // Content container with backdrop
   contentContainerWithBackdrop: {
     borderRadius: e.mdBorderRadius,
@@ -6200,15 +6147,15 @@ const bn = (e, n, a) => {
     justifyContent: "center",
     alignItems: "center"
   }
-}), ei = (e) => {
-  var ze, Ge, ke, Fe, Te, we, B, Q, re, z, V, Z, ce, ie, de, he;
-  const [n, a] = Je.useState(1), r = ae(), c = ue(), { t: d } = ne(), f = Y(), o = Se(), { brandingImage: l, brandingColors: g, brandingLogo: b } = tt(e.eventGame.branding || null), m = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : f ? Me : Be, k = l || Ce(
+}), Qn = (e) => {
+  var Ge, Ae, ke, Fe, Te, we, B, K, re, G, V, Z, ce, ie, de, he;
+  const [n, a] = Je.useState(1), r = ae(), c = ue(), { t: d } = ne(), f = Y(), o = Se(), { brandingImage: l, brandingColors: g, brandingLogo: b } = tt(e.eventGame.branding || null), s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : f ? Me : Be, k = l || Ce(
     {
       images: e.eventGame.images,
-      imagePlaceholder: m
+      imagePlaceholder: s
     },
     le.OVERLAY
-  ), u = c.customRadius.dark.md, T = (g == null ? void 0 : g.backgroundColor) || ((Ge = (ze = c.colorSchemes) == null ? void 0 : ze.dark) == null ? void 0 : Ge.surfaceVariant), h = (Fe = (ke = c.customRadius) == null ? void 0 : ke.light) == null ? void 0 : Fe.xl, P = (g == null ? void 0 : g.primaryColor) || ((Q = (B = (we = (Te = c.colorSchemes) == null ? void 0 : Te.light) == null ? void 0 : we.palette) == null ? void 0 : B.primary) == null ? void 0 : Q.plainColor), C = (Z = (V = (z = (re = c.colorSchemes) == null ? void 0 : re.light) == null ? void 0 : z.palette) == null ? void 0 : V.primary) == null ? void 0 : Z.onPrimary, v = c.customFontFamily.dark.primary, F = c.colorSchemes.dark.textColor, D = (he = (de = (ie = (ce = c.colorSchemes) == null ? void 0 : ce.light) == null ? void 0 : ie.palette) == null ? void 0 : de.danger) == null ? void 0 : he.plainColor, I = (g == null ? void 0 : g.contentColor) || c.colorSchemes.dark.textColor, w = Jn({
+  ), u = c.customRadius.dark.md, T = (g == null ? void 0 : g.backgroundColor) || ((Ae = (Ge = c.colorSchemes) == null ? void 0 : Ge.dark) == null ? void 0 : Ae.surfaceVariant), h = (Fe = (ke = c.customRadius) == null ? void 0 : ke.light) == null ? void 0 : Fe.xl, P = (g == null ? void 0 : g.primaryColor) || ((K = (B = (we = (Te = c.colorSchemes) == null ? void 0 : Te.light) == null ? void 0 : we.palette) == null ? void 0 : B.primary) == null ? void 0 : K.plainColor), C = (Z = (V = (G = (re = c.colorSchemes) == null ? void 0 : re.light) == null ? void 0 : G.palette) == null ? void 0 : V.primary) == null ? void 0 : Z.onPrimary, v = c.customFontFamily.dark.primary, F = c.colorSchemes.dark.textColor, D = (he = (de = (ie = (ce = c.colorSchemes) == null ? void 0 : ce.light) == null ? void 0 : ie.palette) == null ? void 0 : de.danger) == null ? void 0 : he.plainColor, I = (g == null ? void 0 : g.contentColor) || c.colorSchemes.dark.textColor, w = Kn({
     spacingScale: r,
     mdBorderRadius: u,
     contentBgColor: T,
@@ -6237,34 +6184,34 @@ const bn = (e, n, a) => {
   }, y = et(
     (M, X) => {
       e.setPrediction((ee) => {
-        const te = { ...ee }, q = te.fixtures.find((fe) => fe.id === M);
-        return q && (q.prediction = X), te;
+        const te = { ...ee }, O = te.fixtures.find((fe) => fe.id === M);
+        return O && (O.prediction = X), te;
       });
     },
     [e.setPrediction]
-  ), G = e.eventGame.fixtures.length + 1, E = e.eventGame.status === "OPEN" && ct(e.eventGame.predictionsCutoff || ""), A = () => {
+  ), A = e.eventGame.fixtures.length + 1, E = e.eventGame.status === "OPEN" && ct(e.eventGame.predictionsCutoff || ""), z = () => {
     var X, ee;
     const M = e.eventGame.fixtures[n - 1];
     if (M && M.outcomeType === W.NUMBER) {
-      const te = M.validOutcomes, q = (ee = (X = e.prediction) == null ? void 0 : X.fixtures) == null ? void 0 : ee.find(
+      const te = M.validOutcomes, O = (ee = (X = e.prediction) == null ? void 0 : X.fixtures) == null ? void 0 : ee.find(
         (fe) => fe.id === M.id
       );
-      if (q && typeof q.prediction == "number") {
+      if (O && typeof O.prediction == "number") {
         const fe = Oe(
-          q.prediction,
+          O.prediction,
           te
         );
-        fe !== q.prediction && y(M.id, fe);
+        fe !== O.prediction && y(M.id, fe);
       }
     }
-    n < G ? a(n + 1) : e.play();
+    n < A ? a(n + 1) : e.play();
   }, S = () => {
     var ee, te;
-    if (n === G) return !0;
+    if (n === A) return !0;
     const M = e.eventGame.fixtures[n - 1];
     if (!M) return !1;
     const X = (te = (ee = e.prediction) == null ? void 0 : ee.fixtures) == null ? void 0 : te.find(
-      (q) => q.id === M.id
+      (O) => O.id === M.id
     );
     if (!X) return !1;
     switch (M.outcomeType) {
@@ -6283,23 +6230,23 @@ const bn = (e, n, a) => {
     n > 1 && a(n - 1);
   }, L = (M) => {
     a(M + 1);
-  }, U = () => /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: /* @__PURE__ */ s(i, { sx: w.gameStateContainer, children: [
+  }, U = () => /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: /* @__PURE__ */ m(i, { sx: w.gameStateContainer, children: [
     /* @__PURE__ */ t(x, { component: "h5", sx: w.stateTitle, children: d("eventGame.states.pending.title") }),
     /* @__PURE__ */ t(x, { sx: w.stateDescription, children: d("eventGame.states.pending.description") })
-  ] }) }), _ = () => /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: /* @__PURE__ */ s(i, { sx: w.gameStateContainer, children: [
-    /* @__PURE__ */ s(i, { sx: w.liveIndicatorContainer, children: [
+  ] }) }), _ = () => /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: /* @__PURE__ */ m(i, { sx: w.gameStateContainer, children: [
+    /* @__PURE__ */ m(i, { sx: w.liveIndicatorContainer, children: [
       /* @__PURE__ */ t(i, { sx: w.liveIndicator }),
       /* @__PURE__ */ t(x, { component: "h5", sx: w.liveText, children: d("eventGame.states.live.indicator") })
     ] }),
     /* @__PURE__ */ t(x, { sx: w.stateDescription, children: d("eventGame.states.live.description") })
-  ] }) }), oe = () => /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: /* @__PURE__ */ s(i, { sx: w.gameStateContainer, children: [
+  ] }) }), oe = () => /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: /* @__PURE__ */ m(i, { sx: w.gameStateContainer, children: [
     /* @__PURE__ */ t(i, { sx: w.closedStateHeader, children: /* @__PURE__ */ t(x, { component: "h5", sx: w.stateTitle, children: d("eventGame.states.closed.title") }) }),
     /* @__PURE__ */ t(x, { sx: w.stateDescription, children: d("eventGame.states.closed.description") })
-  ] }) }), me = () => /* @__PURE__ */ s(i, { sx: w.gameStateContainer, children: [
+  ] }) }), me = () => /* @__PURE__ */ m(i, { sx: w.gameStateContainer, children: [
     /* @__PURE__ */ t(x, { component: "h5", sx: w.stateTitle, children: d("eventGame.states.open.title") }),
     /* @__PURE__ */ t(x, { sx: w.stateDescription, children: d("eventGame.states.open.description") })
   ] }), ye = Ve(() => e.eventGame.fixtures[n - 1], [e.eventGame.fixtures, n]), Pe = () => {
-    var X, ee, te, q, fe, Ae, se, ft;
+    var X, ee, te, O, fe, ze, se, ft;
     const M = ye;
     if (E)
       return me();
@@ -6322,7 +6269,7 @@ const bn = (e, n, a) => {
             `${M.outcomeType}-${n}-${M.id}`
           );
         case W.NUMBER:
-          const Ye = (q = (te = e.prediction) == null ? void 0 : te.fixtures) == null ? void 0 : q.find(
+          const Ye = (O = (te = e.prediction) == null ? void 0 : te.fixtures) == null ? void 0 : O.find(
             (ge) => ge.id === M.id
           ), Gt = M.validOutcomes;
           return /* @__PURE__ */ t(
@@ -6340,7 +6287,7 @@ const bn = (e, n, a) => {
             `${M.outcomeType}-${n}-${M.id}`
           );
         case W.FREE_INPUT:
-          const _e = (Ae = (fe = e.prediction) == null ? void 0 : fe.fixtures) == null ? void 0 : Ae.find(
+          const _e = (ze = (fe = e.prediction) == null ? void 0 : fe.fixtures) == null ? void 0 : ze.find(
             (ge) => ge.id === M.id
           );
           return /* @__PURE__ */ t(
@@ -6388,7 +6335,7 @@ const bn = (e, n, a) => {
       default:
         return be();
     }
-  }, be = () => /* @__PURE__ */ s(j, { children: [
+  }, be = () => /* @__PURE__ */ m(j, { children: [
     e.showCountdown && e.eventGame.status === "OPEN" && /* @__PURE__ */ t(
       rt,
       {
@@ -6400,10 +6347,10 @@ const bn = (e, n, a) => {
       {
         eventGame: e.eventGame,
         currentStep: n,
-        totalSteps: G
+        totalSteps: A
       }
     ),
-    /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: n === G ? /* @__PURE__ */ t(
+    /* @__PURE__ */ t(i, { sx: w.contentContainerWithBackdrop, children: n === A ? /* @__PURE__ */ t(
       $e,
       {
         fixtures: e.eventGame.fixtures,
@@ -6416,14 +6363,14 @@ const bn = (e, n, a) => {
         brandingPrimaryColor: g == null ? void 0 : g.primaryColor
       }
     ) : Pe() }),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ m(
       i,
       {
         sx: b ? w.footerContainer : w.footerContainerNoLogo,
         children: [
           o ? /* @__PURE__ */ t(j, {}) : H(),
-          /* @__PURE__ */ s(i, { sx: w.navigationContainer, children: [
-            n > 1 && n < G && /* @__PURE__ */ t(
+          /* @__PURE__ */ m(i, { sx: w.navigationContainer, children: [
+            n > 1 && n < A && /* @__PURE__ */ t(
               Re,
               {
                 variant: "outlined",
@@ -6474,7 +6421,7 @@ const bn = (e, n, a) => {
               Re,
               {
                 variant: "soft",
-                onClick: S() ? A : () => {
+                onClick: S() ? z : () => {
                 },
                 loading: e.isPlaying,
                 sx: {
@@ -6523,7 +6470,7 @@ const bn = (e, n, a) => {
                       display: "flex",
                       alignItems: "center"
                     },
-                    children: d(n === G ? "eventGame.buttons.play" : "eventGame.buttons.next")
+                    children: d(n === A ? "eventGame.buttons.play" : "eventGame.buttons.next")
                   }
                 )
               }
@@ -6535,7 +6482,7 @@ const bn = (e, n, a) => {
     o ? H() : /* @__PURE__ */ t(j, {})
   ] });
   return /* @__PURE__ */ t(
-    Qt,
+    Kt,
     {
       entity: { ...e.eventGame, labels: null },
       headline: d("eventGame.headline"),
@@ -6544,7 +6491,7 @@ const bn = (e, n, a) => {
       children: Ie()
     }
   );
-}, ti = (e) => ({
+}, Jn = (e) => ({
   // Question area
   questionArea: {
     flex: e.isMobile ? "1" : "0 0 50%",
@@ -6689,15 +6636,15 @@ const bn = (e, n, a) => {
     color: e.textColor,
     lineHeight: 1
   }
-}), ni = (e) => {
-  var be, ze, Ge, ke, Fe, Te, we;
-  const [n, a] = Je.useState(1), r = ue(), { t: c } = ne(), d = Y(), f = kt(), o = ((be = e.eventGame.branding) == null ? void 0 : be.colors) || null, l = d ? ((Ge = (ze = e.eventGame.branding) == null ? void 0 : ze.images) == null ? void 0 : Ge.mobileLogo) || ((Fe = (ke = e.eventGame.branding) == null ? void 0 : ke.images) == null ? void 0 : Fe.mainLogo) || "" : ((we = (Te = e.eventGame.branding) == null ? void 0 : Te.images) == null ? void 0 : we.mainLogo) || "", g = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : d ? Me : Be, b = Ce(
+}), ei = (e) => {
+  var be, Ge, Ae, ke, Fe, Te, we;
+  const [n, a] = Je.useState(1), r = ue(), { t: c } = ne(), d = Y(), f = kt(), o = ((be = e.eventGame.branding) == null ? void 0 : be.colors) || null, l = d ? ((Ae = (Ge = e.eventGame.branding) == null ? void 0 : Ge.images) == null ? void 0 : Ae.mobileLogo) || ((Fe = (ke = e.eventGame.branding) == null ? void 0 : ke.images) == null ? void 0 : Fe.mainLogo) || "" : ((we = (Te = e.eventGame.branding) == null ? void 0 : Te.images) == null ? void 0 : we.mainLogo) || "", g = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : d ? Me : Be, b = Ce(
     {
       images: e.eventGame.images,
       imagePlaceholder: g
     },
     le.SPLIT
-  ), m = p().palette.danger.plainColor, k = (o == null ? void 0 : o.contentColor) || p().textColor, u = (o == null ? void 0 : o.secondaryColor) || p().textColor, T = O().primary, h = (o == null ? void 0 : o.backgroundColor) || p().surfaceVariant, P = K(), C = (o == null ? void 0 : o.primaryColor) || p().palette.primary.plainColor, v = p().palette.primary.onPrimary, F = K().xl, D = ae(), I = ti({
+  ), s = p().palette.danger.plainColor, k = (o == null ? void 0 : o.contentColor) || p().textColor, u = (o == null ? void 0 : o.secondaryColor) || p().textColor, T = q().primary, h = (o == null ? void 0 : o.backgroundColor) || p().surfaceVariant, P = J(), C = (o == null ? void 0 : o.primaryColor) || p().palette.primary.plainColor, v = p().palette.primary.onPrimary, F = J().xl, D = ae(), I = Jn({
     spacingScale: D,
     borderRadius: P,
     fontFamilyPrimary: T,
@@ -6705,40 +6652,40 @@ const bn = (e, n, a) => {
     textColor: k,
     secondaryColor: u,
     isMobile: d,
-    dangerColor: m
+    dangerColor: s
   }), $ = (B) => {
-    var Q, re, z, V;
+    var K, re, G, V;
     return /* @__PURE__ */ t(
       xe,
       {
         brandingLogo: l,
         textColor: B,
         label: null,
-        primaryUrl: (re = (Q = e.eventGame.branding) == null ? void 0 : Q.urls) == null ? void 0 : re.primaryUrl,
-        secondaryUrl: (V = (z = e.eventGame.branding) == null ? void 0 : z.urls) == null ? void 0 : V.secondaryUrl
+        primaryUrl: (re = (K = e.eventGame.branding) == null ? void 0 : K.urls) == null ? void 0 : re.primaryUrl,
+        secondaryUrl: (V = (G = e.eventGame.branding) == null ? void 0 : G.urls) == null ? void 0 : V.secondaryUrl
       }
     );
   }, w = et(
-    (B, Q) => {
+    (B, K) => {
       e.setPrediction((re) => {
-        const z = { ...re }, V = z.fixtures.find(
+        const G = { ...re }, V = G.fixtures.find(
           (Z) => Z.id === B
         );
-        return V && (V.prediction = Q), z;
+        return V && (V.prediction = K), G;
       });
     },
     [e.setPrediction]
-  ), H = e.eventGame.fixtures.length + 1, y = e.eventGame.status === "OPEN" && ct(e.eventGame.predictionsCutoff || ""), G = () => {
-    var Q, re;
+  ), H = e.eventGame.fixtures.length + 1, y = e.eventGame.status === "OPEN" && ct(e.eventGame.predictionsCutoff || ""), A = () => {
+    var K, re;
     const B = e.eventGame.fixtures[n - 1];
     if (B && B.outcomeType === W.NUMBER) {
-      const z = B.validOutcomes, V = (re = (Q = e.prediction) == null ? void 0 : Q.fixtures) == null ? void 0 : re.find(
+      const G = B.validOutcomes, V = (re = (K = e.prediction) == null ? void 0 : K.fixtures) == null ? void 0 : re.find(
         (Z) => Z.id === B.id
       );
       if (V && typeof V.prediction == "number") {
         const Z = Oe(
           V.prediction,
-          z
+          G
         );
         Z !== V.prediction && w(B.id, Z);
       }
@@ -6746,63 +6693,63 @@ const bn = (e, n, a) => {
     n < H ? a(n + 1) : e.play();
   }, E = (B) => {
     a(B + 1);
-  }, A = () => {
-    var re, z;
+  }, z = () => {
+    var re, G;
     if (n === H) return !0;
     const B = e.eventGame.fixtures[n - 1];
     if (!B) return !1;
-    const Q = (z = (re = e.prediction) == null ? void 0 : re.fixtures) == null ? void 0 : z.find(
+    const K = (G = (re = e.prediction) == null ? void 0 : re.fixtures) == null ? void 0 : G.find(
       (V) => V.id === B.id
     );
-    if (!Q) return !1;
+    if (!K) return !1;
     switch (B.outcomeType) {
       case W.BOOLEAN:
-        return typeof Q.prediction == "boolean";
+        return typeof K.prediction == "boolean";
       case W.NUMBER:
-        return typeof Q.prediction == "number";
+        return typeof K.prediction == "number";
       case W.FREE_INPUT:
-        return typeof Q.prediction == "string" && Q.prediction.trim().length > 0;
+        return typeof K.prediction == "string" && K.prediction.trim().length > 0;
       case W.ENUM:
-        return typeof Q.prediction == "string" && Q.prediction.trim().length > 0;
+        return typeof K.prediction == "string" && K.prediction.trim().length > 0;
       default:
         return !1;
     }
   }, S = () => {
     n > 1 && a(n - 1);
-  }, R = () => /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: I.mainContentContainer, children: /* @__PURE__ */ s(i, { sx: I.gameStateContainer, children: [
+  }, R = () => /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: I.mainContentContainer, children: /* @__PURE__ */ m(i, { sx: I.gameStateContainer, children: [
     /* @__PURE__ */ t(x, { sx: I.stateTitle, children: c("eventGame.states.pending.title") }),
     /* @__PURE__ */ t(x, { sx: I.stateDescription, children: c("eventGame.states.pending.description") })
-  ] }) }) }), L = () => /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: I.mainContentContainer, children: /* @__PURE__ */ s(i, { sx: I.gameStateContainer, children: [
-    /* @__PURE__ */ s(i, { sx: I.liveIndicatorContainer, children: [
+  ] }) }) }), L = () => /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: I.mainContentContainer, children: /* @__PURE__ */ m(i, { sx: I.gameStateContainer, children: [
+    /* @__PURE__ */ m(i, { sx: I.liveIndicatorContainer, children: [
       /* @__PURE__ */ t(i, { sx: I.liveIndicator }),
       /* @__PURE__ */ t(x, { sx: I.liveText, children: c("eventGame.states.live.indicator") })
     ] }),
     /* @__PURE__ */ t(x, { sx: I.stateDescription, children: c("eventGame.states.live.description") })
-  ] }) }) }), U = () => /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: I.mainContentContainer, children: /* @__PURE__ */ s(i, { sx: I.gameStateContainer, children: [
+  ] }) }) }), U = () => /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: I.mainContentContainer, children: /* @__PURE__ */ m(i, { sx: I.gameStateContainer, children: [
     /* @__PURE__ */ t(x, { sx: I.stateTitle, children: c("eventGame.states.closed.title") }),
     /* @__PURE__ */ t(x, { sx: I.stateDescription, children: c("eventGame.states.closed.description") })
-  ] }) }) }), _ = () => /* @__PURE__ */ s(i, { sx: I.gameStateContainer, children: [
+  ] }) }) }), _ = () => /* @__PURE__ */ m(i, { sx: I.gameStateContainer, children: [
     /* @__PURE__ */ t(x, { sx: I.stateTitle, children: c("eventGame.states.open.title") }),
     /* @__PURE__ */ t(x, { sx: I.stateDescription, children: c("eventGame.states.open.description") })
   ] }), oe = Ve(() => e.eventGame.fixtures[n - 1], [e.eventGame.fixtures, n]), me = Ve(() => oe ? {
     onSelectionChange: (B) => w(oe.id, B)
   } : {}, [oe == null ? void 0 : oe.id, w]), ye = () => {
-    var Q, re, z, V, Z, ce, ie, de;
+    var K, re, G, V, Z, ce, ie, de;
     const B = oe;
     if (y)
       return _();
     if (B)
       switch (B.outcomeType) {
         case W.NUMBER:
-          const he = (re = (Q = e.prediction) == null ? void 0 : Q.fixtures) == null ? void 0 : re.find(
-            (q) => q.id === B.id
+          const he = (re = (K = e.prediction) == null ? void 0 : K.fixtures) == null ? void 0 : re.find(
+            (O) => O.id === B.id
           ), M = B.validOutcomes;
           return /* @__PURE__ */ t(
             nt,
             {
               prediction: typeof (he == null ? void 0 : he.prediction) == "number" ? he.prediction : 0,
               isSplitVariant: !0,
-              onChange: (q) => me.onSelectionChange(q),
+              onChange: (O) => me.onSelectionChange(O),
               question: B.question,
               validOutcomes: M || null,
               fixtureId: B.id
@@ -6810,8 +6757,8 @@ const bn = (e, n, a) => {
             `${B.id}-${n}`
           );
         case W.BOOLEAN:
-          const X = (V = (z = e.prediction) == null ? void 0 : z.fixtures) == null ? void 0 : V.find(
-            (q) => q.id === B.id
+          const X = (V = (G = e.prediction) == null ? void 0 : G.fixtures) == null ? void 0 : V.find(
+            (O) => O.id === B.id
           );
           return /* @__PURE__ */ t(
             it,
@@ -6826,7 +6773,7 @@ const bn = (e, n, a) => {
           );
         case W.FREE_INPUT:
           const ee = (ce = (Z = e.prediction) == null ? void 0 : Z.fixtures) == null ? void 0 : ce.find(
-            (q) => q.id === B.id
+            (O) => O.id === B.id
           );
           return /* @__PURE__ */ t(
             pe,
@@ -6834,7 +6781,7 @@ const bn = (e, n, a) => {
               question: B.question,
               prediction: typeof (ee == null ? void 0 : ee.prediction) == "string" ? ee.prediction : null,
               validOutcomes: null,
-              onTextChange: (q) => me.onSelectionChange(q),
+              onTextChange: (O) => me.onSelectionChange(O),
               isSplitVariant: !0,
               fixtureId: B.id
             },
@@ -6842,7 +6789,7 @@ const bn = (e, n, a) => {
           );
         case W.ENUM:
           const te = (de = (ie = e.prediction) == null ? void 0 : ie.fixtures) == null ? void 0 : de.find(
-            (q) => q.id === B.id
+            (O) => O.id === B.id
           );
           return /* @__PURE__ */ t(
             pe,
@@ -6850,7 +6797,7 @@ const bn = (e, n, a) => {
               question: B.question,
               prediction: typeof (te == null ? void 0 : te.prediction) == "string" ? te.prediction : null,
               validOutcomes: B.validOutcomes,
-              onTextChange: (q) => me.onSelectionChange(q),
+              onTextChange: (O) => me.onSelectionChange(O),
               isSplitVariant: !0,
               fixtureId: B.id,
               optionsLayout: e.optionsLayout
@@ -6858,7 +6805,7 @@ const bn = (e, n, a) => {
             `${B.id}-${n}`
           );
       }
-  }, Pe = () => /* @__PURE__ */ s(j, { children: [
+  }, Pe = () => /* @__PURE__ */ m(j, { children: [
     e.showCountdown && !y && e.eventGame.status === "OPEN" && /* @__PURE__ */ t(
       i,
       {
@@ -6883,7 +6830,7 @@ const bn = (e, n, a) => {
         isSplitVariant: !0
       }
     ) }),
-    /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ s(i, { sx: I.mainContentContainer, children: [
+    /* @__PURE__ */ t(i, { sx: I.questionAreaContent, children: /* @__PURE__ */ m(i, { sx: I.mainContentContainer, children: [
       n === H ? /* @__PURE__ */ t(
         $e,
         {
@@ -6897,7 +6844,7 @@ const bn = (e, n, a) => {
           brandingPrimaryColor: o == null ? void 0 : o.primaryColor
         }
       ) : ye(),
-      /* @__PURE__ */ s(i, { sx: I.navigationContainer, children: [
+      /* @__PURE__ */ m(i, { sx: I.navigationContainer, children: [
         n > 1 && n < H && /* @__PURE__ */ t(
           Re,
           {
@@ -6945,12 +6892,12 @@ const bn = (e, n, a) => {
           Re,
           {
             variant: "soft",
-            onClick: A() ? G : () => {
+            onClick: z() ? A : () => {
             },
             loading: e.isPlaying,
             sx: {
-              cursor: A() ? "pointer" : "not-allowed",
-              opacity: A() ? "1" : "0.5",
+              cursor: z() ? "pointer" : "not-allowed",
+              opacity: z() ? "1" : "0.5",
               borderRadius: F,
               py: "10px",
               px: "16px",
@@ -7009,9 +6956,9 @@ const bn = (e, n, a) => {
         return Pe();
     }
   };
-  return /* @__PURE__ */ s(ve, { brandingBorderColor: (o == null ? void 0 : o.borderColor) || null, children: [
+  return /* @__PURE__ */ m(ve, { brandingBorderColor: (o == null ? void 0 : o.borderColor) || null, children: [
     /* @__PURE__ */ t(
-      Yt,
+      qt,
       {
         entity: { ...e.eventGame, labels: null },
         headline: c("eventGame.headline"),
@@ -7026,7 +6973,7 @@ const bn = (e, n, a) => {
       (o == null ? void 0 : o.contentColor) || r.colorSchemes.dark.textColor
     ) })
   ] });
-}, ii = (e) => {
+}, ti = (e) => {
   var n, a, r;
   return {
     // Main headline section with background image
@@ -7255,22 +7202,22 @@ const bn = (e, n, a) => {
       lineHeight: 1
     }
   };
-}, ai = (e) => {
-  var E, A, S, R, L, U, _;
+}, ni = (e) => {
+  var E, z, S, R, L, U, _;
   const n = ue(), { t: a } = ne(), r = Y(), c = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : r ? Me : Be, d = Ce(
     {
       images: e.event.images,
       imagePlaceholder: c
     },
     le.SPLIT
-  ), f = r ? ((A = (E = e.event.branding) == null ? void 0 : E.images) == null ? void 0 : A.mobileLogo) || ((R = (S = e.event.branding) == null ? void 0 : S.images) == null ? void 0 : R.mainLogo) || "" : ((U = (L = e.event.branding) == null ? void 0 : L.images) == null ? void 0 : U.mainLogo) || "", o = ((_ = e.event.branding) == null ? void 0 : _.colors) || null, l = p().palette.danger.plainColor, g = (o == null ? void 0 : o.contentColor) || p().textColor, b = (o == null ? void 0 : o.secondaryColor) || p().textColor, m = O().secondary, k = "60%", u = O().primary, T = (o == null ? void 0 : o.backgroundColor) || p().surfaceVariant, h = K(), P = ae(), C = Ee(
+  ), f = r ? ((z = (E = e.event.branding) == null ? void 0 : E.images) == null ? void 0 : z.mobileLogo) || ((R = (S = e.event.branding) == null ? void 0 : S.images) == null ? void 0 : R.mainLogo) || "" : ((U = (L = e.event.branding) == null ? void 0 : L.images) == null ? void 0 : U.mainLogo) || "", o = ((_ = e.event.branding) == null ? void 0 : _.colors) || null, l = p().palette.danger.plainColor, g = (o == null ? void 0 : o.contentColor) || p().textColor, b = (o == null ? void 0 : o.secondaryColor) || p().textColor, s = q().secondary, k = "60%", u = q().primary, T = (o == null ? void 0 : o.backgroundColor) || p().surfaceVariant, h = J(), P = ae(), C = Ee(
     le.SPLIT
-  ), { rankings: v, pagination: F, loading: D, goToNextPage: I, goToPreviousPage: $ } = ut(e.event.id, e.sdk), w = ii({
+  ), { rankings: v, pagination: F, loading: D, goToNextPage: I, goToPreviousPage: $ } = ut(e.event.id, e.sdk), w = ti({
     finalImage: d,
     spacingScale: P,
     borderRadius: h,
     fontFamilyPrimary: u,
-    fontFamilySecondary: m,
+    fontFamilySecondary: s,
     secondaryColor: b,
     opacity: k,
     bgcolor: N(T || ""),
@@ -7281,7 +7228,7 @@ const bn = (e, n, a) => {
     dangerColor: l,
     isTabulated: e.showPredictionDetails || !1,
     brandingColors: o
-  }), H = () => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(i, { sx: w.questionAreaContent, children: /* @__PURE__ */ s(i, { sx: w.mainContentContainer, children: [
+  }), H = () => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(i, { sx: w.questionAreaContent, children: /* @__PURE__ */ m(i, { sx: w.mainContentContainer, children: [
     /* @__PURE__ */ t(
       mt,
       {
@@ -7328,9 +7275,9 @@ const bn = (e, n, a) => {
         )
       }
     )
-  ] }) }) }), y = () => /* @__PURE__ */ t(i, { sx: w.headlineSection, children: /* @__PURE__ */ s(i, { sx: w.headlineContent, children: [
-    /* @__PURE__ */ s(i, { children: [
-      /* @__PURE__ */ s(
+  ] }) }) }), y = () => /* @__PURE__ */ t(i, { sx: w.headlineSection, children: /* @__PURE__ */ m(i, { sx: w.headlineContent, children: [
+    /* @__PURE__ */ m(i, { children: [
+      /* @__PURE__ */ m(
         i,
         {
           sx: {
@@ -7352,15 +7299,15 @@ const bn = (e, n, a) => {
           ]
         }
       ),
-      /* @__PURE__ */ s(i, { sx: w.contentContainer, children: [
+      /* @__PURE__ */ m(i, { sx: w.contentContainer, children: [
         /* @__PURE__ */ t(x, { sx: w.titleText, children: e.event.title }),
         /* @__PURE__ */ t(x, { sx: w.descriptionText, children: Le(e.event.description) })
       ] })
     ] }),
-    f && !r && /* @__PURE__ */ t(i, { children: G(
+    f && !r && /* @__PURE__ */ t(i, { children: A(
       (o == null ? void 0 : o.contentColor) || n.colorSchemes.dark.textColor
     ) })
-  ] }) }), G = (oe) => /* @__PURE__ */ t(
+  ] }) }), A = (oe) => /* @__PURE__ */ t(
     xe,
     {
       brandingLogo: f,
@@ -7368,7 +7315,7 @@ const bn = (e, n, a) => {
       label: null
     }
   );
-  return /* @__PURE__ */ t(ve, { brandingBorderColor: (o == null ? void 0 : o.borderColor) || null, children: e.showPredictionDetails ? /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(ve, { brandingBorderColor: (o == null ? void 0 : o.borderColor) || null, children: e.showPredictionDetails ? /* @__PURE__ */ m(
     st,
     {
       prediction: e.prediction,
@@ -7386,11 +7333,11 @@ const bn = (e, n, a) => {
         H()
       ]
     }
-  ) : /* @__PURE__ */ s(j, { children: [
+  ) : /* @__PURE__ */ m(j, { children: [
     y(),
     H()
   ] }) });
-}, oi = (e) => ({
+}, ii = (e) => ({
   // Main content wrapper
   mainContentWrapper: {
     display: "flex",
@@ -7542,7 +7489,7 @@ const bn = (e, n, a) => {
       zIndex: 1
     }
   }
-}), li = (e) => {
+}), ai = (e) => {
   const n = ue(), a = ae(), { t: r } = ne(), c = Y(), d = Ee(
     le.OVERLAY
   ), { brandingImage: f, brandingColors: o, brandingLogo: l } = tt(e.eventGame.branding), g = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : c ? Me : Be, b = f || Ce(
@@ -7551,9 +7498,9 @@ const bn = (e, n, a) => {
       imagePlaceholder: g
     },
     le.OVERLAY
-  ), m = Et(b), k = (o == null ? void 0 : o.secondaryColor) || n.colorSchemes.dark.textSecondary, u = n.colorSchemes.dark.secondaryContainer, T = n.colorSchemes.dark.textPrimary, h = n.customFontFamily.light.primary, P = n.customRadius.light.md, C = n.customRadius.light.xl, v = (o == null ? void 0 : o.backgroundColor) || n.colorSchemes.dark.surfaceVariant, F = e.eventGame.status === "OPEN" && e.prediction && e.onPredictionUpdate, D = (G) => {
-    console.log(`Edit prediction for fixture at index: ${G}`);
-  }, I = oi({
+  ), s = Wt(b), k = (o == null ? void 0 : o.secondaryColor) || n.colorSchemes.dark.textSecondary, u = n.colorSchemes.dark.secondaryContainer, T = n.colorSchemes.dark.textPrimary, h = n.customFontFamily.light.primary, P = n.customRadius.light.md, C = n.customRadius.light.xl, v = (o == null ? void 0 : o.backgroundColor) || n.colorSchemes.dark.surfaceVariant, F = e.eventGame.status === "OPEN" && e.prediction && e.onPredictionUpdate, D = (A) => {
+    console.log(`Edit prediction for fixture at index: ${A}`);
+  }, I = ii({
     spacingScale: a,
     textPrimary: T,
     fontFamilyPrimary: h,
@@ -7591,7 +7538,7 @@ const bn = (e, n, a) => {
     lineHeight: "24px",
     letterSpacing: "0.40px",
     textTransform: "uppercase"
-  }, y = () => /* @__PURE__ */ s(i, { sx: I.mainContentWrapper, children: [
+  }, y = () => /* @__PURE__ */ m(i, { sx: I.mainContentWrapper, children: [
     e.isUnauthorized ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
       dt,
       {
@@ -7614,7 +7561,7 @@ const bn = (e, n, a) => {
       }
     ) : null }) }),
     e.chanceGameContent,
-    c ? /* @__PURE__ */ s(j, { children: [
+    c ? /* @__PURE__ */ m(j, { children: [
       e.additionalCTA && /* @__PURE__ */ t(
         i,
         {
@@ -7652,7 +7599,7 @@ const bn = (e, n, a) => {
           )
         }
       )
-    ] }) : /* @__PURE__ */ t(j, { children: (l || e.additionalCTA) && /* @__PURE__ */ s(
+    ] }) : /* @__PURE__ */ t(j, { children: (l || e.additionalCTA) && /* @__PURE__ */ m(
       i,
       {
         sx: {
@@ -7685,17 +7632,17 @@ const bn = (e, n, a) => {
     ) })
   ] });
   return /* @__PURE__ */ t(
-    hn,
+    xn,
     {
       entity: { ...e.eventGame, labels: null },
       headline: r("eventGame.headline"),
-      backgroundImage: m,
+      backgroundImage: s,
       imageBackgroundGradient: d,
       rulesDisplay: e.rulesDisplay,
       children: y()
     }
   );
-}, ri = (e) => {
+}, oi = (e) => {
   const n = (r, c) => {
     switch (r) {
       case W.NUMBER:
@@ -7705,7 +7652,7 @@ const bn = (e, n, a) => {
       case W.FREE_INPUT:
         return null;
     }
-  }, a = new _t();
+  }, a = new Yt();
   return a.fixtures = e.map((r) => ({
     id: r.id,
     predictionType: r.outcomeType,
@@ -7718,8 +7665,8 @@ const bn = (e, n, a) => {
 function Ke(e) {
   return e.template === le.STANDARD;
 }
-const ci = (e) => {
-  const { t: n } = ne(), { game: a, points: r } = bn(
+const li = (e) => {
+  const { t: n } = ne(), { game: a, points: r } = yn(
     e.entityId,
     e.sdk,
     e.showPoints
@@ -7731,26 +7678,26 @@ const ci = (e) => {
     setIsApiError: l,
     isUnauthorized: g,
     setIsUnauthorized: b,
-    setApiErrorMessage: m
-  } = Sn(e.entityId, e.sdk), [k, u] = J(!1), [T, h] = J({
+    setApiErrorMessage: s
+  } = hn(e.entityId, e.sdk), [k, u] = Q(!1), [T, h] = Q({
     fixtures: [],
     tiebreaker: null
-  }), [P, C] = J({
+  }), [P, C] = Q({
     open: !1,
     variant: "success",
     title: "",
     message: ""
-  }), v = (y, G, E) => {
+  }), v = (y, A, E) => {
     C({
       open: !0,
       variant: y,
-      title: G,
+      title: A,
       message: E
     });
   }, F = () => {
     C((y) => ({ ...y, open: !1 }));
   }, D = (y) => {
-    var G, E, A, S, R;
+    var A, E, z, S, R;
     y.success ? v(
       "success",
       n("eventGame.alerts.play.success.title"),
@@ -7758,21 +7705,21 @@ const ci = (e) => {
     ) : v(
       "error",
       n("eventGame.alerts.play.error.title"),
-      ((A = (E = (G = y.error) == null ? void 0 : G.data) == null ? void 0 : E.error) == null ? void 0 : A.message) || ((R = (S = y.error) == null ? void 0 : S.error) == null ? void 0 : R.message) || n("eventGame.alerts.play.error.message")
+      ((z = (E = (A = y.error) == null ? void 0 : A.data) == null ? void 0 : E.error) == null ? void 0 : z.message) || ((R = (S = y.error) == null ? void 0 : S.error) == null ? void 0 : R.message) || n("eventGame.alerts.play.error.message")
     );
-  }, I = Ve(() => a ? $t(a.related) : null, [a]);
+  }, I = Ve(() => a ? Et(a.related) : null, [a]);
   if (je(() => {
-    a && a.status === "OPEN" && h(ri(a.fixtures));
+    a && a.status === "OPEN" && h(oi(a.fixtures));
   }, [a == null ? void 0 : a.status]), !a || c === void 0)
     return /* @__PURE__ */ t(Ft, { my: 20 });
   if (!a.id)
-    return /* @__PURE__ */ t(Yn, {});
+    return /* @__PURE__ */ t(On, {});
   const $ = () => {
-    l(!1), b(!1), m("");
+    l(!1), b(!1), s("");
   };
   if (g || f)
     return Ke(e) ? /* @__PURE__ */ t(
-      _n,
+      qn,
       {
         eventGame: a,
         imagePosition: e.imagePosition,
@@ -7782,7 +7729,7 @@ const ci = (e) => {
         toggleTryAgain: $
       }
     ) : e.template === le.OVERLAY ? /* @__PURE__ */ t(
-      Xn,
+      _n,
       {
         eventGame: a,
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
@@ -7791,7 +7738,7 @@ const ci = (e) => {
         toggleTryAgain: $
       }
     ) : /* @__PURE__ */ t(
-      Zn,
+      Yn,
       {
         eventGame: a,
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
@@ -7807,13 +7754,13 @@ const ci = (e) => {
       tiebreaker: null
       //TODO:
     };
-    c ? y.fixtures = c.fixtures.map((G) => ({
-      id: G.id,
-      predictionType: G.predictionType,
-      prediction: G.prediction
+    c ? y.fixtures = c.fixtures.map((A) => ({
+      id: A.id,
+      predictionType: A.predictionType,
+      prediction: A.prediction
     })) : y = { ...T };
     try {
-      const G = c ? await e.sdk.eventGame.updatePrediction(
+      const A = c ? await e.sdk.eventGame.updatePrediction(
         e.entityId,
         c.id,
         y
@@ -7821,32 +7768,32 @@ const ci = (e) => {
         e.entityId,
         y
       );
-      d(G), v(
+      d(A), v(
         "success",
         n("eventGame.alerts.play.success.title"),
         n("eventGame.alerts.play.success.message")
       );
-    } catch (G) {
+    } catch (A) {
       if (e.sdk.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
-        const A = G;
-        A.error.code === 401 || A.error.code === 403 ? b(!0) : v(
+        const z = A;
+        z.error.code === 401 || z.error.code === 403 ? b(!0) : v(
           "error",
           n("eventGame.alerts.play.error.title"),
-          A.error.message || n("eventGame.alerts.play.error.message")
+          z.error.message || n("eventGame.alerts.play.error.message")
         );
       } else {
-        const A = G;
-        A.data.error.code === 401 || A.data.error.code === 403 ? b(!0) : v(
+        const z = A;
+        z.data.error.code === 401 || z.data.error.code === 403 ? b(!0) : v(
           "error",
           n("eventGame.alerts.play.error.title"),
-          A.data.error.message || n("eventGame.alerts.play.error.message")
+          z.data.error.message || n("eventGame.alerts.play.error.message")
         );
       }
     } finally {
       u(!1);
     }
   }, H = () => e.template === le.OVERLAY ? /* @__PURE__ */ t(at, { points: r || [], children: /* @__PURE__ */ t(
-    ei,
+    Qn,
     {
       isPlaying: k,
       prediction: T,
@@ -7861,7 +7808,7 @@ const ci = (e) => {
       rulesDisplay: e.rulesDisplay
     }
   ) }) : Ke(e) ? /* @__PURE__ */ t(at, { points: r || [], children: /* @__PURE__ */ t(
-    Hn,
+    Mn,
     {
       isPlaying: k,
       sdk: e.sdk,
@@ -7877,7 +7824,7 @@ const ci = (e) => {
       rulesDisplay: e.rulesDisplay
     }
   ) }) : /* @__PURE__ */ t(at, { points: r || [], children: /* @__PURE__ */ t(
-    ni,
+    ei,
     {
       isPlaying: k,
       prediction: T,
@@ -7894,7 +7841,7 @@ const ci = (e) => {
   ) });
   if (a.status === "SETTLED")
     return Ke(e) ? /* @__PURE__ */ t(
-      Qn,
+      Xn,
       {
         sdk: e.sdk,
         eventGame: a,
@@ -7905,7 +7852,7 @@ const ci = (e) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : e.template === le.OVERLAY ? /* @__PURE__ */ t(
-      qn,
+      Nn,
       {
         sdk: e.sdk,
         game: a,
@@ -7915,7 +7862,7 @@ const ci = (e) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : /* @__PURE__ */ t(
-      ai,
+      ni,
       {
         sdk: e.sdk,
         event: a,
@@ -7926,10 +7873,10 @@ const ci = (e) => {
       }
     );
   if (c) {
-    const y = I ? /* @__PURE__ */ t(xt, { entityId: I, sdk: e.sdk, children: (E) => /* @__PURE__ */ t(yt, { infoPage: E, variant: e.chanceGameVariant }) }) : void 0, G = I ? /* @__PURE__ */ t(xt, { entityId: I, sdk: e.sdk, children: (E) => /* @__PURE__ */ t(yt, { infoPage: E, variant: e.chanceGameVariant, forceMobile: !0 }) }) : void 0;
-    return e.template === le.OVERLAY ? /* @__PURE__ */ s(j, { children: [
+    const y = I ? /* @__PURE__ */ t(xt, { entityId: I, sdk: e.sdk, children: (E) => /* @__PURE__ */ t(yt, { infoPage: E, variant: e.chanceGameVariant }) }) : void 0, A = I ? /* @__PURE__ */ t(xt, { entityId: I, sdk: e.sdk, children: (E) => /* @__PURE__ */ t(yt, { infoPage: E, variant: e.chanceGameVariant, forceMobile: !0 }) }) : void 0;
+    return e.template === le.OVERLAY ? /* @__PURE__ */ m(j, { children: [
       /* @__PURE__ */ t(
-        li,
+        ai,
         {
           sdk: e.sdk,
           leads: e.leads,
@@ -7952,9 +7899,9 @@ const ci = (e) => {
           onClose: F
         }
       )
-    ] }) : Ke(e) ? /* @__PURE__ */ s(j, { children: [
+    ] }) : Ke(e) ? /* @__PURE__ */ m(j, { children: [
       /* @__PURE__ */ t(
-        Ln,
+        En,
         {
           imagePosition: e.imagePosition || "left",
           eventGame: a,
@@ -7968,7 +7915,7 @@ const ci = (e) => {
           onPlayResult: D,
           additionalCTA: e.additionalCTA,
           rulesDisplay: e.rulesDisplay,
-          chanceGameContent: G
+          chanceGameContent: A
         }
       ),
       /* @__PURE__ */ t(
@@ -7978,9 +7925,9 @@ const ci = (e) => {
           onClose: F
         }
       )
-    ] }) : /* @__PURE__ */ s(j, { children: [
+    ] }) : /* @__PURE__ */ m(j, { children: [
       /* @__PURE__ */ t(
-        Vn,
+        Ln,
         {
           eventGame: a,
           sdk: e.sdk,
@@ -7993,17 +7940,17 @@ const ci = (e) => {
           onPlayResult: D,
           additionalCTA: e.additionalCTA,
           rulesDisplay: e.rulesDisplay,
-          chanceGameContent: G
+          chanceGameContent: A
         }
       ),
       /* @__PURE__ */ t(Xe, { notification: P, onClose: F })
     ] });
   }
-  return /* @__PURE__ */ s(j, { children: [
+  return /* @__PURE__ */ m(j, { children: [
     H(),
     /* @__PURE__ */ t(Xe, { notification: P, onClose: F })
   ] });
-}, di = (e) => /* @__PURE__ */ t(Ht, { packageName: "event-game-play", ...e, children: /* @__PURE__ */ t(ci, { ...e }) }), Fi = di;
+}, ri = (e) => /* @__PURE__ */ t(Bt, { packageName: "event-game-play", ...e, children: /* @__PURE__ */ t(li, { ...e }) }), Ii = ri;
 export {
-  Fi as EventGamePlay
+  Ii as EventGamePlay
 };