fansunited-frontend-components 0.0.89 → 0.0.91

package/TopX.js

@@ -1,43 +1,43 @@
 import { jsxs as c, jsx as e, Fragment as Ee } from "react/jsx-runtime";
 import * as lt from "react";
 import Pe, { createContext as on, useContext as rn, useState as E, useCallback as ce, useEffect as xe, useMemo as ke, useRef as Ge, lazy as nn, Suspense as an, useLayoutEffect as zr } from "react";
-import { D as sn, _ as ze, F as ln, G as cn, H as dn, I as Zt, P as K, J as ko, g as ye, d as he, B as r, a as Re, f as ve, u as we, z as oo, y as $r, b as zt, v as $t, i as So, c as pn, m as Rr, h as un, A as Tr } from "./chunks/PrizeCard-Cb1YuuYM.js";
+import { D as sn, _ as ze, F as ln, G as cn, H as dn, I as Zt, P as K, J as ko, g as ye, d as he, B as r, a as Re, f as ve, u as we, z as oo, y as $r, b as zt, v as $t, i as So, c as pn, m as Rr, h as un, A as Tr } from "./chunks/PrizeCard-BIJVHmYW.js";
 import { createPortal as mn } from "react-dom";
-import { P as fn } from "./chunks/Portal-Beqgjlza.js";
-import { b as Fr, M as xn } from "./chunks/main-CqifYDEd.js";
-import { b as rt, h as Pt, c as hn } from "./chunks/helpers-BX3cctTx.js";
-import { N as ro } from "./chunks/Notification-rNcLeEkz.js";
+import { P as fn } from "./chunks/Portal-C49jCyHC.js";
+import { b as Fr, M as xn } from "./chunks/main-bAzdlcP_.js";
+import { b as rt, h as Pt, c as hn } from "./chunks/helpers-BjZ558HQ.js";
+import { N as ro } from "./chunks/Notification-DPPIzFpw.js";
 import { n as gn } from "./chunks/index-qjOOEhVr.js";
-import { u as yn, s as Er, O as Pr } from "./chunks/OddsStrip-XQfQiBhM.js";
-import { S as bn } from "./chunks/Stack-CU4pq5Q5.js";
-import { F as Sn, C as Cn } from "./chunks/FormControl-DttxxDyJ.js";
-import { u as tr, e as wo, s as Rt, a as vn, b as Lt, i as kn, c as wn, T as S } from "./chunks/Typography-nBRgZwsp.js";
-import { B as He, I as vt } from "./chunks/Button-3riWYmL7.js";
-import { O as In, W as Ln, E as to, M as zn, A as $n, S as Rn, G as go, C as yo, a as Oo, b as Tn, c as Wr, L as Fn, V as Po, d as En, e as Pn, f as Xr, g as Wn, P as Xn, h as An, i as Wt, j as Bn, B as Dn, H as or, k as Mn, R as Ar, l as rr, m as Nn, n as On, o as Hn, p as nr, T as Vn, q as jn, r as _n, N as Yn, s as Gn, t as Un, u as Kn } from "./chunks/OddsSkeleton-C6M4oCTF.js";
-import { S as Br, D as Dr, C as Mr, a as qn, E as Jn } from "./chunks/SportsSoccer-C3JxFjui.js";
-import { D as ht } from "./chunks/DirectionScope-eDYFWvxN.js";
+import { u as yn, s as Er, O as Pr } from "./chunks/OddsStrip-c9Y8VgmW.js";
+import { S as bn } from "./chunks/Stack-Dx-77BoB.js";
+import { F as Sn, C as Cn } from "./chunks/FormControl-CApGuvy1.js";
+import { u as tr, e as wo, s as Rt, a as vn, b as Lt, i as kn, c as wn, T as S } from "./chunks/Typography-CHHyHOvn.js";
+import { B as He, I as vt } from "./chunks/Button-C5sVDXUr.js";
+import { O as In, W as Ln, E as to, M as zn, A as $n, S as Rn, G as go, C as yo, a as Oo, b as Tn, c as Wr, L as Fn, V as Po, d as En, e as Pn, f as Xr, g as Wn, P as Xn, h as An, i as Wt, j as Bn, B as Dn, H as or, k as Mn, R as Ar, l as rr, m as Nn, n as On, o as Hn, p as nr, T as Vn, q as jn, r as _n, N as Yn, s as Gn, t as Un, u as Kn } from "./chunks/OddsSkeleton-BdKCmc4R.js";
+import { S as Br, D as Dr, C as Mr, a as qn, E as Jn } from "./chunks/SportsSoccer-Dwp9CkcQ.js";
+import { D as ht } from "./chunks/DirectionScope-Ty03Pl0K.js";
 import { u as Zn } from "./chunks/useControlled-BYdyS7Pn.js";
-import { u as Qn } from "./chunks/colorInversionUtils-BhmtNPM2.js";
-import { u as Io } from "./chunks/useEventCallback-KK900PzE.js";
+import { u as Qn } from "./chunks/colorInversionUtils-CJrDu9ZF.js";
+import { u as Io } from "./chunks/useEventCallback-D-FE-RIP.js";
 import { o as xo } from "./chunks/getReactElementRef-B3MFPBbS.js";
 import { a as ei } from "./chunks/areArraysEqual-B3mXtHvh.js";
 import { v as ti } from "./chunks/visuallyHidden-B8J7BVSJ.js";
-import { P as Xt } from "./chunks/Person-DWyYenEx.js";
-import { A as no } from "./chunks/Avatar-5aOX2Vb1.js";
-import { S as oi } from "./chunks/Spinner-pC2OM4AI.js";
+import { P as Xt } from "./chunks/Person-CuxlprBB.js";
+import { A as no } from "./chunks/Avatar-Ck9sDlUF.js";
+import { S as oi } from "./chunks/Spinner-DQytYdCL.js";
 import { C as ri, a as ni } from "./chunks/chevrons-right-CXSpQt9w.js";
 import { C as ii } from "./chunks/chevron-left-CxfCSZcr.js";
 import { C as ai } from "./chunks/chevron-right-BEQMacFn.js";
-import { S as Wo } from "./chunks/Sheet-MP2rgW4b.js";
-import { T as Xo } from "./chunks/Table-hk72eRqw.js";
-import { E as At } from "./chunks/EmojiEvents-DXh-xemn.js";
-import { C as Nr, a as Or, S as Ho } from "./chunks/Search-BOtjWnG5.js";
-import { M as Vo, a as jo } from "./chunks/ModalDialog-BF_s4rug.js";
-import { C as Hr } from "./chunks/Close-D1Qu6Zr7.js";
-import { I as Nt } from "./chunks/Input-ksZwfsfA.js";
-import { T as Vr } from "./chunks/Textarea-BhxhPabe.js";
-import { a as si, K as li } from "./chunks/KeyboardArrowDown-Ctf2n_n8.js";
-import { D as ci } from "./chunks/Divider-pZCe2d20.js";
+import { S as Wo } from "./chunks/Sheet-DHMJRANx.js";
+import { T as Xo } from "./chunks/Table-D3ou_zxz.js";
+import { E as At } from "./chunks/EmojiEvents-DzZMpyj0.js";
+import { C as Nr, a as Or, S as Ho } from "./chunks/Search-RBBj-3Z1.js";
+import { M as Vo, a as jo } from "./chunks/ModalDialog-19Yt0pTv.js";
+import { C as Hr } from "./chunks/Close-Bn_Gk4s2.js";
+import { I as Nt } from "./chunks/Input-C1c9bTgf.js";
+import { T as Vr } from "./chunks/Textarea-HrQcjIXY.js";
+import { a as si, K as li } from "./chunks/KeyboardArrowDown-BBL6SAyg.js";
+import { D as ci } from "./chunks/Divider-D-SATYZX.js";
 function Qt(t, o = Number.MIN_SAFE_INTEGER, i = Number.MAX_SAFE_INTEGER) {
   return Math.max(o, Math.min(t, i));
 }
@@ -168,7 +168,7 @@ function hi(t) {
     shiftStep: C = 10,
     tabIndex: y,
     value: v
-  } = t, I = lt.useRef(void 0), [k, z] = lt.useState(-1), [w, R] = lt.useState(-1), [L, P] = lt.useState(!1), T = lt.useRef(0), [D, X] = Zn({
+  } = t, I = lt.useRef(void 0), [k, z] = lt.useState(-1), [w, R] = lt.useState(-1), [L, P] = lt.useState(!1), T = lt.useRef(0), [M, X] = Zn({
     controlled: v,
     default: i ?? a,
     name: "Slider"
@@ -181,24 +181,24 @@ function hi(t) {
         name: m
       }
     }), g(Le, Q, Z);
-  }), F = Array.isArray(D);
-  let $ = F ? D.slice().sort(jr) : [D];
+  }), F = Array.isArray(M);
+  let $ = F ? M.slice().sort(jr) : [M];
   $ = $.map((q) => q == null ? a : Qt(q, a, p));
   const A = s === !0 && b !== null ? [...Array(Math.floor((p - a) / b) + 1)].map((q, Q) => ({
     value: a + b * Q
   })) : s || [], J = A.map((q) => q.value), {
     isFocusVisibleRef: O,
-    onBlur: M,
+    onBlur: N,
     onFocus: V,
     ref: B
-  } = Qn(), [H, G] = lt.useState(-1), _ = lt.useRef(null), ae = tr(B, _), re = tr(f, ae), N = (q) => (Q) => {
+  } = Qn(), [H, G] = lt.useState(-1), _ = lt.useRef(null), le = tr(B, _), re = tr(f, le), D = (q) => (Q) => {
     var Z;
     const de = Number(Q.currentTarget.getAttribute("data-index"));
     V(Q), O.current === !0 && G(de), R(de), q == null || (Z = q.onFocus) == null || Z.call(q, Q);
   }, oe = (q) => (Q) => {
     var Z;
-    M(Q), O.current === !1 && G(-1), R(-1), q == null || (Z = q.onBlur) == null || Z.call(q, Q);
-  }, se = (q, Q) => {
+    N(Q), O.current === !1 && G(-1), R(-1), q == null || (Z = q.onBlur) == null || Z.call(q, Q);
+  }, ae = (q, Q) => {
     const Z = Number(q.currentTarget.getAttribute("data-index")), de = $[Z], Le = J.indexOf(de);
     let pe = Q;
     if (A && b == null) {
@@ -219,13 +219,13 @@ function hi(t) {
         activeIndex: j
       });
     }
-    X(pe), G(Z), W && !lo(pe, D) && W(q, pe, Z), u && u(q, pe);
+    X(pe), G(Z), W && !lo(pe, M) && W(q, pe, Z), u && u(q, pe);
   }, ne = (q) => (Q) => {
     var Z;
     if (b !== null) {
       const de = Number(Q.currentTarget.getAttribute("data-index")), Le = $[de];
       let pe = null;
-      (Q.key === "ArrowLeft" || Q.key === "ArrowDown") && Q.shiftKey || Q.key === "PageDown" ? pe = Math.max(Le - C, a) : ((Q.key === "ArrowRight" || Q.key === "ArrowUp") && Q.shiftKey || Q.key === "PageUp") && (pe = Math.min(Le + C, p)), pe !== null && (se(Q, pe), Q.preventDefault());
+      (Q.key === "ArrowLeft" || Q.key === "ArrowDown") && Q.shiftKey || Q.key === "PageDown" ? pe = Math.max(Le - C, a) : ((Q.key === "ArrowRight" || Q.key === "ArrowUp") && Q.shiftKey || Q.key === "PageUp") && (pe = Math.min(Le + C, p)), pe !== null && (ae(Q, pe), Q.preventDefault());
     }
     q == null || (Z = q.onKeyDown) == null || Z.call(q, Q);
   };
@@ -237,7 +237,7 @@ function hi(t) {
   }, [l]), l && k !== -1 && z(-1), l && H !== -1 && G(-1);
   const me = (q) => (Q) => {
     var Z;
-    (Z = q.onChange) == null || Z.call(q, Q), se(Q, Q.target.valueAsNumber);
+    (Z = q.onChange) == null || Z.call(q, Q), ae(Q, Q.target.valueAsNumber);
   }, be = lt.useRef(void 0);
   let Te = x;
   n && x === "horizontal" && (Te += "-reverse");
@@ -263,19 +263,19 @@ function hi(t) {
       Y = J[Ve];
     }
     Y = Qt(Y, a, p);
-    let le = 0;
+    let se = 0;
     if (F) {
-      Q ? le = be.current : le = ir($, Y), d && (Y = Qt(Y, $[le - 1] || -1 / 0, $[le + 1] || 1 / 0));
+      Q ? se = be.current : se = ir($, Y), d && (Y = Qt(Y, $[se - 1] || -1 / 0, $[se + 1] || 1 / 0));
       const Ve = Y;
       Y = ar({
         values: $,
         newValue: Y,
-        index: le
-      }), d && Q || (le = Y.indexOf(Ve), be.current = le);
+        index: se
+      }), d && Q || (se = Y.indexOf(Ve), be.current = se);
     }
     return {
       newValue: Y,
-      activeIndex: le
+      activeIndex: se
     };
   }, Fe = Io((q) => {
     const Q = ao(q, I);
@@ -296,7 +296,7 @@ function hi(t) {
       sliderRef: _,
       activeIndex: de,
       setActive: z
-    }), X(Z), !L && T.current > di && P(!0), W && !lo(Z, D) && W(q, Z, de);
+    }), X(Z), !L && T.current > di && P(!0), W && !lo(Z, M) && W(q, Z, de);
   }), Ue = Io((q) => {
     const Q = ao(q, I);
     if (P(!1), !Q)
@@ -326,7 +326,7 @@ function hi(t) {
         sliderRef: _,
         activeIndex: pe,
         setActive: z
-      }), X(Le), W && !lo(Le, D) && W(q, Le, pe);
+      }), X(Le), W && !lo(Le, M) && W(q, Le, pe);
     }
     T.current = 0;
     const de = xo(_.current);
@@ -368,7 +368,7 @@ function hi(t) {
         sliderRef: _,
         activeIndex: U,
         setActive: z
-      }), X(pe), W && !lo(pe, D) && W(Q, pe, U);
+      }), X(pe), W && !lo(pe, M) && W(Q, pe, U);
     }
     T.current = 0;
     const Le = xo(_.current);
@@ -401,7 +401,7 @@ function hi(t) {
       var Q;
       const Z = wo(q), de = {
         onChange: me(Z || {}),
-        onFocus: N(Z || {}),
+        onFocus: D(Z || {}),
         onBlur: oe(Z || {}),
         onKeyDown: ne(Z || {})
       }, Le = ze({}, Z, de);
@@ -807,7 +807,7 @@ const bi = (t) => {
     color: L = "primary",
     size: P = "md",
     variant: T = "solid",
-    component: D,
+    component: M,
     slots: X = {},
     slotProps: W = {}
   } = l, F = dn(l, yi), $ = ze({}, l, {
@@ -833,24 +833,24 @@ const bi = (t) => {
     axisProps: A,
     getRootProps: J,
     getHiddenInputProps: O,
-    getThumbProps: M,
+    getThumbProps: N,
     open: V,
     active: B,
     axis: H,
     focusedThumbIndex: G,
     range: _,
-    dragging: ae,
+    dragging: le,
     marks: re,
-    values: N,
+    values: D,
     trackOffset: oe,
-    trackLeap: se,
+    trackLeap: ae,
     getThumbStyle: ne
   } = hi(ze({}, $, {
     rootRef: i
   }));
-  $.marked = re.length > 0 && re.some((Z) => Z.label), $.dragging = ae;
-  const me = ze({}, A[H].offset(oe), A[H].leap(se)), be = bi($), Te = ze({}, F, {
-    component: D,
+  $.marked = re.length > 0 && re.some((Z) => Z.label), $.dragging = le;
+  const me = ze({}, A[H].offset(oe), A[H].leap(ae)), be = bi($), Te = ze({}, F, {
+    component: M,
     slots: X,
     slotProps: W
   }), [Se, Fe] = Lt("root", {
@@ -890,7 +890,7 @@ const bi = (t) => {
     className: be.thumb,
     elementType: wi,
     externalForwardedProps: Te,
-    getSlotProps: M,
+    getSlotProps: N,
     ownerState: $
   }), [st, pt] = Lt("input", {
     className: be.input,
@@ -908,7 +908,7 @@ const bi = (t) => {
     children: [/* @__PURE__ */ e(Ue, ze({}, Ne)), /* @__PURE__ */ e(ie, ze({}, Ae)), re.filter((Z) => Z.value >= b && Z.value <= h).map((Z, de) => {
       const Le = bo(Z.value, b, h), pe = A[H].offset(Le);
       let U;
-      return k === !1 ? U = N.indexOf(Z.value) !== -1 : U = k === "normal" && (_ ? Z.value >= N[0] && Z.value <= N[N.length - 1] : Z.value <= N[0]) || k === "inverted" && (_ ? Z.value <= N[0] || Z.value >= N[N.length - 1] : Z.value >= N[0]), /* @__PURE__ */ c(lt.Fragment, {
+      return k === !1 ? U = D.indexOf(Z.value) !== -1 : U = k === "normal" && (_ ? Z.value >= D[0] && Z.value <= D[D.length - 1] : Z.value <= D[0]) || k === "inverted" && (_ ? Z.value <= D[0] || Z.value >= D[D.length - 1] : Z.value >= D[0]), /* @__PURE__ */ c(lt.Fragment, {
         children: [/* @__PURE__ */ e(We, ze({
           "data-index": de
         }, qe, !kn(We) && {
@@ -926,7 +926,7 @@ const bi = (t) => {
           children: Z.label
         })) : null]
       }, Z.value);
-    }), N.map((Z, de) => {
+    }), D.map((Z, de) => {
       const Le = bo(Z, b, h), pe = A[H].offset(Le);
       return /* @__PURE__ */ c(Be, ze({
         "data-index": de
@@ -938,7 +938,7 @@ const bi = (t) => {
           "aria-label": u ? u(de) : d,
           "aria-valuenow": v(Z),
           "aria-valuetext": x ? x(v(Z), de) : n,
-          value: N[de]
+          value: D[de]
         }, pt)), z !== "off" ? /* @__PURE__ */ e(q, ze({}, Q, {
           className: Zt(Q.className, (V === de || B === de || z === "on") && be.valueLabelOpen),
           children: typeof w == "function" ? w(v(Z), de) : w
@@ -2422,7 +2422,7 @@ const Mi = (t) => ({
   matchAwayScore: i,
   pointsAlternative: l = {}
 }) => {
-  var M, V, B, H;
+  var N, V, B, H;
   const { t: d } = Re("common"), n = ye(), s = we(), p = he(), a = ve(), [m, g] = E(!1), u = Ge(null);
   if (xe(() => {
     if (!m) return;
@@ -2431,7 +2431,7 @@ const Mi = (t) => ({
     };
     return document.addEventListener("mousedown", G), () => document.removeEventListener("mousedown", G);
   }, [m]), t.status !== "SETTLED") return null;
-  const x = t.outcome === "CORRECT", f = Object.keys(l).length > 0 && Object.values(l).every((G) => G === 0), h = !x && t.outcome === "PARTIALLY_CORRECT" && !f, b = n.palette.success.plainColor, C = n.palette.warning.plainColor, y = n.palette.danger.plainColor, v = x ? n.palette.success.softBg : h ? (V = (M = n.palette) == null ? void 0 : M.warning) == null ? void 0 : V.softBg : (H = (B = n.palette) == null ? void 0 : B.danger) == null ? void 0 : H.softBg, I = x ? `${b}60` : h ? `${C}60` : `${y}60`, k = x ? b : h ? C : y, z = d(x ? "topX.outcomes.correct" : h ? "topX.outcomes.correctPartial" : "topX.outcomes.incorrect"), w = t.points ?? 0, R = w > 0 ? `${$r(`+${w}`)} ${d("topX.play.pts")}` : `0 ${d("topX.play.pts")}`, L = t.homeScore, P = t.awayScore, T = o != null && i != null, D = (G) => G > 0 ? 1 : G < 0 ? -1 : 0, X = T && L === o, W = T && P === i, F = T && D(L - P) === D(o - i), $ = T && L - P === o - i, A = Object.keys(l).length > 0, J = [
+  const x = t.outcome === "CORRECT", f = Object.keys(l).length > 0 && Object.values(l).every((G) => G === 0), h = !x && t.outcome === "PARTIALLY_CORRECT" && !f, b = n.palette.success.plainColor, C = n.palette.warning.plainColor, y = n.palette.danger.plainColor, v = x ? n.palette.success.softBg : h ? (V = (N = n.palette) == null ? void 0 : N.warning) == null ? void 0 : V.softBg : (H = (B = n.palette) == null ? void 0 : B.danger) == null ? void 0 : H.softBg, I = x ? `${b}60` : h ? `${C}60` : `${y}60`, k = x ? b : h ? C : y, z = d(x ? "topX.outcomes.correct" : h ? "topX.outcomes.correctPartial" : "topX.outcomes.incorrect"), w = t.points ?? 0, R = w > 0 ? `${$r(`+${w}`)} ${d("topX.play.pts")}` : `0 ${d("topX.play.pts")}`, L = t.homeScore, P = t.awayScore, T = o != null && i != null, M = (G) => G > 0 ? 1 : G < 0 ? -1 : 0, X = T && L === o, W = T && P === i, F = T && M(L - P) === M(o - i), $ = T && L - P === o - i, A = Object.keys(l).length > 0, J = [
     {
       label: d("topX.outcomes.correctOutcome"),
       ok: F,
@@ -2611,8 +2611,8 @@ const Mi = (t) => ({
                   gap: "3px",
                   mb: p["2xs"]
                 },
-                children: O.map(({ label: G, ok: _, altKey: ae }) => {
-                  const re = l[ae] ?? 0;
+                children: O.map(({ label: G, ok: _, altKey: le }) => {
+                  const re = l[le] ?? 0;
                   return /* @__PURE__ */ c(
                     r,
                     {
@@ -2752,7 +2752,7 @@ const Mi = (t) => ({
   onStartEdit: f,
   onCancelEdit: h
 }) => {
-  var k, z, w, R, L, P, T, D, X, W, F, $, A, J;
+  var k, z, w, R, L, P, T, M, X, W, F, $, A, J;
   const { t: b } = Re("common"), C = ye(), y = we(), v = he(), I = ve();
   if (t)
     return /* @__PURE__ */ c(
@@ -2858,7 +2858,7 @@ const Mi = (t) => ({
                 width: 28,
                 height: 28,
                 borderRadius: I.xs,
-                border: `1px solid ${((D = (T = C.palette) == null ? void 0 : T.success) == null ? void 0 : D.outlinedBorder) ?? "#22c55e"}`,
+                border: `1px solid ${((M = (T = C.palette) == null ? void 0 : T.success) == null ? void 0 : M.outlinedBorder) ?? "#22c55e"}`,
                 background: ((W = (X = C.palette) == null ? void 0 : X.success) == null ? void 0 : W.softBg) ?? "#dcfce7",
                 cursor: u ? "default" : "pointer",
                 display: "flex",
@@ -2992,10 +2992,10 @@ const Mi = (t) => ({
   onCancelEdit: v
 }) => {
   var me, be, Te, Se, Fe, Ue, Ne, ie, Ae, We;
-  const { t: I } = Re("common"), k = ye(), z = we(), w = he(), R = ve(), { betslip: L, odds: P } = gt(), { language: T } = zt($t), D = ke(
+  const { t: I } = Re("common"), k = ye(), z = we(), w = he(), R = ve(), { betslip: L, odds: P } = gt(), { language: T } = zt($t), M = ke(
     () => new Date(t.kickoffAt),
     [t.kickoffAt]
-  ), X = t.status === "FINISHED", W = t.status === "LIVE", F = D < /* @__PURE__ */ new Date() && X, $ = 15 * 60 * 1e3, A = h || b || !X && (W || Date.now() >= D.getTime() - $), J = t.homeScore ?? null, O = t.awayScore ?? null, M = !!o, V = M && !x, { predictedOutcome: B } = _i({
+  ), X = t.status === "FINISHED", W = t.status === "LIVE", F = M < /* @__PURE__ */ new Date() && X, $ = 15 * 60 * 1e3, A = h || b || !X && (W || Date.now() >= M.getTime() - $), J = t.homeScore ?? null, O = t.awayScore ?? null, N = !!o, V = N && !x, { predictedOutcome: B } = _i({
     matchId: t.id,
     homeScore: i,
     awayScore: l,
@@ -3010,7 +3010,7 @@ const Mi = (t) => ({
   ), _ = ce(
     () => n(t.id, "away"),
     [t.id, n]
-  ), ae = ce(
+  ), le = ce(
     () => s(t.id, "away"),
     [t.id, s]
   ), re = ce(
@@ -3018,7 +3018,7 @@ const Mi = (t) => ({
       (L == null ? void 0 : L.trigger) === "odds-only" && Fr.setSelection(`${t.id}:${qe.market}:${qe.pick}`);
     },
     [t.id, L == null ? void 0 : L.trigger]
-  ), N = V && !F && !A, oe = (o == null ? void 0 : o.status) === "SETTLED", se = o == null ? void 0 : o.outcome, ne = F && oe ? se === "CORRECT" ? ((be = (me = k.palette) == null ? void 0 : me.success) == null ? void 0 : be.plainColor) ?? "#22c55e" : se === "PARTIALLY_CORRECT" ? ((Se = (Te = k.palette) == null ? void 0 : Te.warning) == null ? void 0 : Se.plainColor) ?? "#DC6803" : ((Ue = (Fe = k.palette) == null ? void 0 : Fe.danger) == null ? void 0 : Ue.plainColor) ?? "#dc2626" : null;
+  ), D = V && !F && !A, oe = (o == null ? void 0 : o.status) === "SETTLED", ae = o == null ? void 0 : o.outcome, ne = F && oe ? ae === "CORRECT" ? ((be = (me = k.palette) == null ? void 0 : me.success) == null ? void 0 : be.plainColor) ?? "#22c55e" : ae === "PARTIALLY_CORRECT" ? ((Se = (Te = k.palette) == null ? void 0 : Te.warning) == null ? void 0 : Se.plainColor) ?? "#DC6803" : ((Ue = (Fe = k.palette) == null ? void 0 : Fe.danger) == null ? void 0 : Ue.plainColor) ?? "#dc2626" : null;
   return f && x ? /* @__PURE__ */ e(Do, {}) : /* @__PURE__ */ c(
     r,
     {
@@ -3029,8 +3029,8 @@ const Mi = (t) => ({
         backgroundPosition: "center center",
         backgroundRepeat: "no-repeat",
         borderRadius: R.sm,
-        border: `1px solid ${ne ? `${ne}30` : N ? ((ie = (Ne = k.palette) == null ? void 0 : Ne.primary) == null ? void 0 : ie.outlinedBorder) ?? k.outlineEnabledBorder : k.outlineEnabledBorder}`,
-        borderLeft: ne ? `3px solid ${ne}` : N ? `3px solid ${((We = (Ae = k.palette) == null ? void 0 : Ae.primary) == null ? void 0 : We.plainColor) ?? k.outlineEnabledBorder}` : void 0,
+        border: `1px solid ${ne ? `${ne}30` : D ? ((ie = (Ne = k.palette) == null ? void 0 : Ne.primary) == null ? void 0 : ie.outlinedBorder) ?? k.outlineEnabledBorder : k.outlineEnabledBorder}`,
+        borderLeft: ne ? `3px solid ${ne}` : D ? `3px solid ${((We = (Ae = k.palette) == null ? void 0 : Ae.primary) == null ? void 0 : We.plainColor) ?? k.outlineEnabledBorder}` : void 0,
         p: w.md,
         transition: "box-shadow 0.2s, border-color 0.2s",
         "&:hover": { boxShadow: "0 10px 15px rgba(0,0,0,0.1)" }
@@ -3039,7 +3039,7 @@ const Mi = (t) => ({
         /* @__PURE__ */ e(
           Ui,
           {
-            kickoffDate: D,
+            kickoffDate: M,
             locale: T ?? void 0,
             rightContent: /* @__PURE__ */ e(
               na,
@@ -3048,7 +3048,7 @@ const Mi = (t) => ({
                 isPast: F,
                 isPredicted: V,
                 isLocked: A,
-                hasExistingPrediction: M,
+                hasExistingPrediction: N,
                 isEditing: !!x,
                 matchHomeScore: J,
                 matchAwayScore: O,
@@ -3160,7 +3160,7 @@ const Mi = (t) => ({
                   existingPredictionScore: (o == null ? void 0 : o.awayScore) ?? null,
                   matchScore: O,
                   onIncrement: _,
-                  onDecrement: ae,
+                  onDecrement: le,
                   readOnly: h
                 }
               )
@@ -4684,7 +4684,7 @@ const Mi = (t) => ({
     }
   );
 }, Ca = Pe.memo(Sa), va = () => {
-  var p, a, m, g, u, x, f, h, b, C, y, v, I, k, z, w, R, L, P, T, D, X;
+  var p, a, m, g, u, x, f, h, b, C, y, v, I, k, z, w, R, L, P, T, M, X;
   const { t } = Re("common"), o = ye(), i = we(), l = ve(), { signInCTA: d } = gt();
   if (d != null && d.component) return /* @__PURE__ */ e(Ee, { children: d.component });
   const n = (d == null ? void 0 : d.defaultLabel) ?? t("common.signIn"), s = {
@@ -4706,7 +4706,7 @@ const Mi = (t) => ({
     "&:disabled": {
       backgroundColor: (L = (R = o.palette) == null ? void 0 : R.primary) == null ? void 0 : L.plainColor,
       backgroundImage: ((T = (P = o.palette) == null ? void 0 : P.primary) == null ? void 0 : T.primaryButtonGradient) ?? "none",
-      color: ((X = (D = o.palette) == null ? void 0 : D.primary) == null ? void 0 : X.onPrimary) ?? "#fff",
+      color: ((X = (M = o.palette) == null ? void 0 : M.primary) == null ? void 0 : X.onPrimary) ?? "#fff",
       opacity: 0.5
     }
   };
@@ -4760,21 +4760,21 @@ const Mi = (t) => ({
   } = _o(f, t == null ? void 0 : t.gameIds, I), R = ke(() => Oi(k), [k]), L = ke(() => Hi(R), [R]), P = ke(
     () => R.current ? R.previous.length : Math.max(0, L.length - 1),
     [R, L.length]
-  ), [T, D] = E(P), X = Ge(P);
+  ), [T, M] = E(P), X = Ge(P);
   xe(() => {
-    X.current !== P && (D(P), X.current = P);
+    X.current !== P && (M(P), X.current = P);
   }, [P]);
   const W = ce(
-    () => D((ee) => Math.max(0, ee - 1)),
+    () => M((ee) => Math.max(0, ee - 1)),
     []
   ), F = ce(
-    () => D((ee) => Math.min(L.length - 1, ee + 1)),
+    () => M((ee) => Math.min(L.length - 1, ee + 1)),
     [L.length]
   ), $ = L[T] ?? null, A = ke(() => $ ? $.fixtures.map((ee) => ji(ee.matchModel)).sort(
     (ee, fe) => new Date(ee.kickoffAt).getTime() - new Date(fe.kickoffAt).getTime()
-  ) : [], [$]), [J, O] = E(/* @__PURE__ */ new Map()), [M, V] = E(!1), [B, H] = E(
+  ) : [], [$]), [J, O] = E(/* @__PURE__ */ new Map()), [N, V] = E(!1), [B, H] = E(
     /* @__PURE__ */ new Map()
-  ), [G, _] = E(/* @__PURE__ */ new Set()), [ae, re] = E(/* @__PURE__ */ new Set()), N = ce((ee) => {
+  ), [G, _] = E(/* @__PURE__ */ new Set()), [le, re] = E(/* @__PURE__ */ new Set()), D = ce((ee) => {
     re((fe) => {
       const De = new Set(fe);
       return De.add(ee), De;
@@ -4793,7 +4793,7 @@ const Mi = (t) => ({
       });
     },
     []
-  ), [se, ne] = E(""), me = Ge(""), [be, Te] = E(!1), [Se, Fe] = E(null), [Ue, Ne] = E(!1), [ie, Ae] = E(!1), [We, qe] = E(!1), [Ze, _e] = E(!1), [Be, Ie] = E(hr), st = ce(
+  ), [ae, ne] = E(""), me = Ge(""), [be, Te] = E(!1), [Se, Fe] = E(null), [Ue, Ne] = E(!1), [ie, Ae] = E(!1), [We, qe] = E(!1), [Ze, _e] = E(!1), [Be, Ie] = E(hr), st = ce(
     () => Ie((ee) => ({ ...ee, open: !1 })),
     []
   ), [pt, q] = E({});
@@ -4885,10 +4885,10 @@ const Mi = (t) => ({
   ), U = ce(
     (ee, fe) => Le(ee, fe, -1),
     [Le]
-  ), j = ($ == null ? void 0 : $.status) === "OPEN", Y = $ != null && $.predictionsCutoff ? Date.now() >= new Date($.predictionsCutoff).getTime() : !1, le = j && !Y && h && !ie, Ve = ce(
+  ), j = ($ == null ? void 0 : $.status) === "OPEN", Y = $ != null && $.predictionsCutoff ? Date.now() >= new Date($.predictionsCutoff).getTime() : !1, se = j && !Y && h && !ie, Ve = ce(
     async (ee) => {
       var Me;
-      if (!$ || !le || y && !await y()) return;
+      if (!$ || !se || y && !await y()) return;
       Ae(!0);
       const fe = A.map((Ce) => {
         const je = B.get(Ce.id) ?? { home: 0, away: 0 };
@@ -4912,8 +4912,8 @@ const Mi = (t) => ({
         gameInstanceId: $.id,
         fixtures: fe
       };
-      if ((Me = $.tiebreaker) != null && Me.timeTiebreaker && se !== "") {
-        const Ce = Number(se);
+      if ((Me = $.tiebreaker) != null && Me.timeTiebreaker && ae !== "") {
+        const Ce = Number(ae);
         Number.isNaN(Ce) || (De.tiebreaker = { goldenGoal: Ce });
       }
       try {
@@ -4922,7 +4922,7 @@ const Mi = (t) => ({
           const je = Lo([{ data: [Ce] }]);
           O(je);
         }
-        _(/* @__PURE__ */ new Set()), re(/* @__PURE__ */ new Set()), me.current = se, $o($.id), ee != null && ee.silent || Ie({
+        _(/* @__PURE__ */ new Set()), re(/* @__PURE__ */ new Set()), me.current = ae, $o($.id), ee != null && ee.silent || Ie({
           open: !0,
           variant: "success",
           title: p("topX.play.submitSuccess"),
@@ -4945,11 +4945,11 @@ const Mi = (t) => ({
     },
     [
       $,
-      le,
+      se,
       y,
       A,
       B,
-      se,
+      ae,
       f,
       p
     ]
@@ -5032,24 +5032,24 @@ const Mi = (t) => ({
     };
   }, [$, f]), xe(() => {
     var Me;
-    if (!$ || J.size > 0 || M) return;
+    if (!$ || J.size > 0 || N) return;
     const ee = (Me = $.tiebreaker) != null && Me.timeTiebreaker ? "1" : "";
-    if (!(B.size > 0) && !(!!se && se !== ee)) {
+    if (!(B.size > 0) && !(!!ae && ae !== ee)) {
       $o($.id);
       return;
     }
     za($.id, {
       scores: Object.fromEntries(B),
-      goldenGoal: se
+      goldenGoal: ae
     });
   }, [
     $,
     J.size,
-    M,
+    N,
     B,
-    se
+    ae
   ]), xe(() => {
-    if (J.size === 0 || !j || Y || !h || G.size > 0 || ae.size > 0 || se === me.current) return;
+    if (J.size === 0 || !j || Y || !h || G.size > 0 || le.size > 0 || ae === me.current) return;
     const ee = setTimeout(async () => {
       Te(!0);
       try {
@@ -5060,13 +5060,13 @@ const Mi = (t) => ({
     }, 600);
     return () => clearTimeout(ee);
   }, [
-    se,
+    ae,
     J.size,
     j,
     Y,
     h,
     G.size,
-    ae.size,
+    le.size,
     Ve
   ]);
   const Ke = A.length > 0 ? A.length : 10, Xe = ke(
@@ -5173,7 +5173,7 @@ const Mi = (t) => ({
                   banners: Dt(l, "below-group-nav")
                 }
               ),
-              M ? /* @__PURE__ */ e(
+              N ? /* @__PURE__ */ e(
                 r,
                 {
                   sx: {
@@ -5234,12 +5234,12 @@ const Mi = (t) => ({
                             oddsLoading: de,
                             pointsAlternative: pt,
                             matchCardBgImageUrl: d,
-                            canEdit: J.size > 0 && le,
-                            isEditing: ae.has(ee.id),
+                            canEdit: J.size > 0 && se,
+                            isEditing: le.has(ee.id),
                             submitting: ie,
                             readOnly: ($ == null ? void 0 : $.status) === "PENDING",
                             lockedByGame: !!$ && $.status !== "OPEN" && $.status !== "PENDING",
-                            onStartEdit: () => N(ee.id),
+                            onStartEdit: () => D(ee.id),
                             onCancelEdit: () => oe(
                               ee.id,
                               (fe == null ? void 0 : fe.homeScore) ?? 0,
@@ -5268,7 +5268,7 @@ const Mi = (t) => ({
                       (it = $ == null ? void 0 : $.tiebreaker) != null && it.timeTiebreaker ? /* @__PURE__ */ e(
                         ya,
                         {
-                          value: se,
+                          value: ae,
                           onChange: ne,
                           disabled: !j || Y || be,
                           loading: be
@@ -5288,7 +5288,7 @@ const Mi = (t) => ({
                             {
                               onClick: () => Ve(),
                               loading: ie,
-                              disabled: !le,
+                              disabled: !se,
                               sx: {
                                 borderRadius: u.xl,
                                 backgroundColor: (Ht = (Ot = a.palette) == null ? void 0 : Ot.primary) == null ? void 0 : Ht.plainColor,
@@ -5316,7 +5316,7 @@ const Mi = (t) => ({
                 )
               ] }),
               /* @__PURE__ */ e(Mt, { banners: Dt(l, "below-matches") }),
-              h && A.length > 0 && !M && $ && ($.status === "SETTLED" || $.status === "CLOSED" || $.status === "CANCELED") && /* @__PURE__ */ c(
+              h && A.length > 0 && !N && $ && ($.status === "SETTLED" || $.status === "CLOSED" || $.status === "CANCELED") && /* @__PURE__ */ c(
                 r,
                 {
                   sx: {
@@ -5331,7 +5331,7 @@ const Mi = (t) => ({
                       Ca,
                       {
                         actualMinute: (Se == null ? void 0 : Se.minute) ?? 0,
-                        predictedMinute: J.size > 0 && se ? parseInt(se, 10) : null,
+                        predictedMinute: J.size > 0 && ae ? parseInt(ae, 10) : null,
                         playerName: (Se == null ? void 0 : Se.playerName) ?? "",
                         playerAvatar: (Se == null ? void 0 : Se.playerAvatar) ?? null,
                         teamName: (Se == null ? void 0 : Se.teamName) ?? "",
@@ -5355,7 +5355,7 @@ const Mi = (t) => ({
                   ]
                 }
               ),
-              h && J.size > 0 && j && !Y && !M && /* @__PURE__ */ e(
+              h && J.size > 0 && j && !Y && !N && /* @__PURE__ */ e(
                 r,
                 {
                   sx: {
@@ -5730,10 +5730,10 @@ const Mi = (t) => ({
   xe(() => {
     if (!m) return;
     const L = (T) => {
-      const D = u.current;
-      if (!D) return;
+      const M = u.current;
+      if (!M) return;
       const X = typeof T.composedPath == "function" ? T.composedPath() : [];
-      X.includes(D) || X.length === 0 && D.contains(T.target) || g(!1);
+      X.includes(M) || X.length === 0 && M.contains(T.target) || g(!1);
     }, P = (T) => {
       T.key === "Escape" && g(!1);
     };
@@ -5745,14 +5745,14 @@ const Mi = (t) => ({
     (L, P) => Ro(L).min - Ro(P).min
   ), f = t === "general", h = f ? null : i.find((L) => L.id === t.gameId), b = f ? l("topX.leaderboard.general") : (h == null ? void 0 : h.title) ?? l("topX.leaderboard.general"), C = (L, P) => {
     if (!L) return "";
-    const T = new Date(L), D = new Date(P || L), X = a ? oo(a) : void 0, W = new Intl.DateTimeFormat(X, {
+    const T = new Date(L), M = new Date(P || L), X = a ? oo(a) : void 0, W = new Intl.DateTimeFormat(X, {
       day: "numeric",
       month: "short"
     });
     if (typeof W.formatRange == "function")
-      return W.formatRange(T, D);
+      return W.formatRange(T, M);
     const F = W.format(T);
-    return T.getTime() === D.getTime() ? F : `${F} – ${W.format(D)}`;
+    return T.getTime() === M.getTime() ? F : `${F} – ${W.format(M)}`;
   }, y = ((w = (z = d.palette) == null ? void 0 : z.primary) == null ? void 0 : w.plainColor) ?? d.textPrimary, I = ((R = (d.palette ?? {}).primary) == null ? void 0 : R.softBg) ?? d.surfaceVariant, k = (L) => ({
     display: "flex",
     alignItems: "center",
@@ -6033,12 +6033,12 @@ const Mi = (t) => ({
   ] });
 }, yr = 10, Ea = ({ template: t }) => {
   var H, G;
-  const { t: o } = Re("common"), i = ye(), l = he(), d = ve(), n = we(), s = pn(), p = Rr(), { entityId: a, sdk: m, userIsLoggedIn: g } = gt(), u = ((G = (H = i.palette) == null ? void 0 : H.primary) == null ? void 0 : G.plainColor) ?? i.textPrimary, x = s.colorSchemes.light.palette.primary.onPrimary ?? "#ffffff", f = i.textColor ?? i.textPrimary, h = i.surfaceVariant, b = i.outlineEnabledBorder, [C, y] = E([]), [v, I] = E(null), [k, z] = E(null), [w, R] = E(!0), [L, P] = E(null), [T, D] = E(1), [X, W] = E(1), [F, $] = E("general"), { games: A } = _o(m, t == null ? void 0 : t.gameIds, !!t), J = ke(
+  const { t: o } = Re("common"), i = ye(), l = he(), d = ve(), n = we(), s = pn(), p = Rr(), { entityId: a, sdk: m, userIsLoggedIn: g } = gt(), u = ((G = (H = i.palette) == null ? void 0 : H.primary) == null ? void 0 : G.plainColor) ?? i.textPrimary, x = s.colorSchemes.light.palette.primary.onPrimary ?? "#ffffff", f = i.textColor ?? i.textPrimary, h = i.surfaceVariant, b = i.outlineEnabledBorder, [C, y] = E([]), [v, I] = E(null), [k, z] = E(null), [w, R] = E(!0), [L, P] = E(null), [T, M] = E(1), [X, W] = E(1), [F, $] = E("general"), { games: A } = _o(m, t == null ? void 0 : t.gameIds, !!t), J = ke(
     () => A.filter((_) => _.status === "SETTLED"),
     [A]
   );
   xe(() => {
-    D(1), W(1), I(null), z(null);
+    M(1), W(1), I(null), z(null);
   }, [a, m, F]), xe(() => {
     if (!a || !m || !g) {
       z(null), I(null);
@@ -6049,23 +6049,25 @@ const Mi = (t) => ({
       leaderboardIds: [F.gameId],
       gameType: "TOP_X"
     };
-    Promise.all([
-      m.profile.getOwn().getInfo().then((ae) => ae.id).catch(() => null),
-      m.loyalty.getOwnRankings(_, !0).then((ae) => {
-        var N;
-        const re = ((N = ae.data) == null ? void 0 : N[0]) ?? null;
-        return re ? {
-          position: re.position,
-          profileId: re.profileId,
-          profileModel: re.profileModel ?? null,
-          points: re.points
-        } : null;
+    let le = !1;
+    return Promise.all([
+      m.profile.getOwn().getInfo().then((re) => re.id).catch(() => null),
+      m.loyalty.getOwnRankings(_, !0).then((re) => {
+        var D;
+        return ((D = re.data) == null ? void 0 : D[0]) ?? null;
       }).catch(() => null)
-    ]).then(([ae, re]) => {
-      z(ae), I(
-        re && ae && re.profileId === ae ? re : null
-      );
-    });
+    ]).then(([re, D]) => {
+      le || (z(re), I(
+        D && re ? {
+          position: D.position,
+          profileId: re,
+          profileModel: null,
+          points: D.points
+        } : null
+      ));
+    }), () => {
+      le = !0;
+    };
   }, [a, m, g, F]), xe(() => {
     if (!a || !m) return;
     let _ = !1;
@@ -6078,9 +6080,9 @@ const Mi = (t) => ({
       { limit: yr, page: T },
       !0
     )).then((re) => {
-      var oe, se;
+      var oe, ae;
       if (_) return;
-      const N = (re.data ?? []).map(
+      const D = (re.data ?? []).map(
         (ne) => ({
           position: ne.position ?? 0,
           profileId: ne.profileId ?? "",
@@ -6088,7 +6090,7 @@ const Mi = (t) => ({
           points: ne.points ?? 0
         })
       );
-      y(N), W(((se = (oe = re.meta) == null ? void 0 : oe.pagination) == null ? void 0 : se.numberOfPages) ?? 1);
+      y(D), W(((ae = (oe = re.meta) == null ? void 0 : oe.pagination) == null ? void 0 : ae.numberOfPages) ?? 1);
     }).catch((re) => {
       _ || P(rt(re, m));
     }).finally(() => {
@@ -6215,7 +6217,7 @@ const Mi = (t) => ({
       textAlign: "center",
       marginY: l.md
     }
-  }, M = k != null && C.some((_) => _.profileId === k), V = J.length > 0;
+  }, N = k != null && C.some((_) => _.profileId === k), V = J.length > 0;
   let B;
   return w ? B = /* @__PURE__ */ e(oi, { my: 10 }) : L ? B = /* @__PURE__ */ e(S, { level: "body-lg", sx: O.noLeaderboardText, children: o("topX.errors.loadFailed") }) : C.length === 0 ? B = /* @__PURE__ */ e(S, { level: "body-lg", sx: O.noLeaderboardText, children: o("leaderboard.noLeaderboardAvailable") }) : B = /* @__PURE__ */ c(Ee, { children: [
     /* @__PURE__ */ e(Wo, { sx: O.tableContainer, children: /* @__PURE__ */ c(
@@ -6233,7 +6235,7 @@ const Mi = (t) => ({
             /* @__PURE__ */ e("th", { style: O.headerCellPoints, children: p ? "🎯" : o("leaderboard.points") })
           ] }) }),
           /* @__PURE__ */ c("tbody", { children: [
-            v && !M && /* @__PURE__ */ c("tr", { style: O.userRow, children: [
+            v && !N && /* @__PURE__ */ c("tr", { style: O.userRow, children: [
               /* @__PURE__ */ e("td", { style: O.tableCellPosition, children: /* @__PURE__ */ c(S, { sx: O.positionText, children: [
                 "#",
                 v.position
@@ -6245,12 +6247,12 @@ const Mi = (t) => ({
               /* @__PURE__ */ e("td", { style: O.tableCellPoints, children: /* @__PURE__ */ e(S, { sx: O.pointsText, children: v.points }) })
             ] }),
             C.map((_) => {
-              var re, N, oe, se;
-              const ae = k != null && _.profileId === k;
+              var re, D, oe, ae;
+              const le = k != null && _.profileId === k;
               return /* @__PURE__ */ c(
                 "tr",
                 {
-                  style: ae ? O.userRow : void 0,
+                  style: le ? O.userRow : void 0,
                   children: [
                     /* @__PURE__ */ e("td", { style: O.tableCellPosition, children: /* @__PURE__ */ c(S, { sx: O.positionText, children: [
                       "#",
@@ -6262,10 +6264,10 @@ const Mi = (t) => ({
                         {
                           src: ((re = _.profileModel) == null ? void 0 : re.avatar) || void 0,
                           sx: O.leaderboardAvatar,
-                          children: (N = _.profileModel) != null && N.avatar ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ e(Xt, { sx: O.avatarIcon })
+                          children: (D = _.profileModel) != null && D.avatar ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ e(Xt, { sx: O.avatarIcon })
                         }
                       ),
-                      /* @__PURE__ */ e(S, { sx: O.nameText, children: ae ? o("leaderboard.you") : ((oe = _.profileModel) == null ? void 0 : oe.nickname) || ((se = _.profileModel) == null ? void 0 : se.name) || o("leaderboard.anonymous") })
+                      /* @__PURE__ */ e(S, { sx: O.nameText, children: le ? o("leaderboard.you") : ((oe = _.profileModel) == null ? void 0 : oe.nickname) || ((ae = _.profileModel) == null ? void 0 : ae.name) || o("leaderboard.anonymous") })
                     ] }) }),
                     /* @__PURE__ */ e("td", { style: O.tableCellPoints, children: /* @__PURE__ */ e(S, { sx: O.pointsText, children: _.points }) })
                   ]
@@ -6282,7 +6284,7 @@ const Mi = (t) => ({
       {
         count: X,
         page: T,
-        onChange: D
+        onChange: M
       }
     )
   ] }), /* @__PURE__ */ c(
@@ -6320,12 +6322,12 @@ const Mi = (t) => ({
     if (!u) return;
     const T = (X) => {
       X.key === "Escape" && x(!1);
-    }, D = (X) => {
+    }, M = (X) => {
       const W = X.composedPath();
       !W.includes(b.current) && !W.includes(C.current) && x(!1);
     };
-    return document.addEventListener("keydown", T), document.addEventListener("mousedown", D), () => {
-      document.removeEventListener("keydown", T), document.removeEventListener("mousedown", D);
+    return document.addEventListener("keydown", T), document.addEventListener("mousedown", M), () => {
+      document.removeEventListener("keydown", T), document.removeEventListener("mousedown", M);
     };
   }, [u]);
   const y = ((R = (w = s.palette) == null ? void 0 : w.primary) == null ? void 0 : R.plainColor) ?? "#1A77D2", v = ((P = (L = s.palette) == null ? void 0 : L.danger) == null ? void 0 : P.plainColor) ?? "#F44336", I = (T) => {
@@ -6359,8 +6361,8 @@ const Mi = (t) => ({
     r,
     {
       onClick: (T) => {
-        var D, X;
-        (D = C.current) != null && D.contains(T.target) || (X = b.current) != null && X.contains(T.target) || o(t);
+        var M, X;
+        (M = C.current) != null && M.contains(T.target) || (X = b.current) != null && X.contains(T.target) || o(t);
       },
       sx: {
         display: "flex",
@@ -6533,7 +6535,7 @@ const Mi = (t) => ({
                       component: "button",
                       type: "button",
                       onClick: (T) => {
-                        T.stopPropagation(), x((D) => !D);
+                        T.stopPropagation(), x((M) => !M);
                       },
                       "aria-label": "League actions",
                       "aria-expanded": u,
@@ -7342,10 +7344,10 @@ const Mi = (t) => ({
       }
     );
   if (y.length === 0) return null;
-  const I = y.map((O) => O.points), k = Math.max(...I, 1), z = 100, w = 30, R = (O) => y.length > 1 ? O / (y.length - 1) * z : z / 2, L = (O) => l ? z - R(O) : R(O), P = I.map((O, M) => ({
-    x: R(M),
+  const I = y.map((O) => O.points), k = Math.max(...I, 1), z = 100, w = 30, R = (O) => y.length > 1 ? O / (y.length - 1) * z : z / 2, L = (O) => l ? z - R(O) : R(O), P = I.map((O, N) => ({
+    x: R(N),
     y: w - O / k * (w - 6) - 3
-  })), T = P.map((O, M) => `${M === 0 ? "M" : "L"}${O.x.toFixed(1)},${O.y.toFixed(1)}`).join(" "), D = y.length > 1 ? `${T} L${z},${w} L0,${w} Z` : `M${R(0).toFixed(1)},${P[0].y.toFixed(1)} L${z},${w} L0,${w} Z`, X = I.lastIndexOf(k), W = y.length - 1;
+  })), T = P.map((O, N) => `${N === 0 ? "M" : "L"}${O.x.toFixed(1)},${O.y.toFixed(1)}`).join(" "), M = y.length > 1 ? `${T} L${z},${w} L0,${w} Z` : `M${R(0).toFixed(1)},${P[0].y.toFixed(1)} L${z},${w} L0,${w} Z`, X = I.lastIndexOf(k), W = y.length - 1;
   return /* @__PURE__ */ c(r, { sx: v, children: [
     /* @__PURE__ */ c(r, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: a.xs }, children: [
       /* @__PURE__ */ e(
@@ -7419,7 +7421,7 @@ const Mi = (t) => ({
                 /* @__PURE__ */ e("stop", { offset: "0%", stopColor: u, stopOpacity: "0.22" }),
                 /* @__PURE__ */ e("stop", { offset: "100%", stopColor: u, stopOpacity: "0" })
               ] }) }),
-              /* @__PURE__ */ e("path", { d: D, fill: "url(#lastRoundsSpark)" }),
+              /* @__PURE__ */ e("path", { d: M, fill: "url(#lastRoundsSpark)" }),
               /* @__PURE__ */ e(
                 "path",
                 {
@@ -7435,8 +7437,8 @@ const Mi = (t) => ({
             ]
           }
         ),
-        P.map((O, M) => {
-          const V = M === X ? 9 : M === W ? 7 : 6;
+        P.map((O, N) => {
+          const V = N === X ? 9 : N === W ? 7 : 6;
           return /* @__PURE__ */ e(
             r,
             {
@@ -7448,13 +7450,13 @@ const Mi = (t) => ({
                 width: V,
                 height: V,
                 borderRadius: "50%",
-                backgroundColor: M === X ? x : p.surface,
-                border: `1.5px solid ${M === X ? x : u}`,
-                boxShadow: M === X ? `0 0 0 2px ${x}33` : "none",
+                backgroundColor: N === X ? x : p.surface,
+                border: `1.5px solid ${N === X ? x : u}`,
+                boxShadow: N === X ? `0 0 0 2px ${x}33` : "none",
                 pointerEvents: "none"
               }
             },
-            M
+            N
           );
         })
       ] }),
@@ -7463,18 +7465,18 @@ const Mi = (t) => ({
         {
           sx: { position: "relative", height: "10px", mt: "3px" },
           onMouseLeave: () => n(null),
-          children: y.map((O, M) => {
+          children: y.map((O, N) => {
             const V = O.label.length > 6, B = V ? O.label.slice(0, 6) + "…" : O.label;
             return /* @__PURE__ */ c(
               r,
               {
                 component: "span",
-                sx: { position: "absolute", left: `${L(M)}%`, transform: "translateX(-50%)" },
-                onMouseEnter: () => V && n(M),
-                onTouchStart: () => V && n(M),
+                sx: { position: "absolute", left: `${L(N)}%`, transform: "translateX(-50%)" },
+                onMouseEnter: () => V && n(N),
+                onTouchStart: () => V && n(N),
                 onTouchEnd: () => V && setTimeout(() => n(null), 2e3),
                 children: [
-                  d === M && V && /* @__PURE__ */ e(
+                  d === N && V && /* @__PURE__ */ e(
                     r,
                     {
                       sx: {
@@ -7503,8 +7505,8 @@ const Mi = (t) => ({
                         fontFamily: g.primary,
                         fontSize: "0.5em",
                         lineHeight: 1,
-                        color: M === X ? x : h,
-                        fontWeight: M === X ? 700 : 400,
+                        color: N === X ? x : h,
+                        fontWeight: N === X ? 700 : 400,
                         whiteSpace: "nowrap",
                         cursor: V ? "help" : void 0
                       },
@@ -7513,7 +7515,7 @@ const Mi = (t) => ({
                   )
                 ]
               },
-              M
+              N
             );
           })
         }
@@ -7587,21 +7589,21 @@ function Fo({
   })[G], P = (G) => {
     var _;
     return ((_ = G.shortName) == null ? void 0 : _.trim()) || G.name;
-  }, T = (G) => G != null ? G > 0 ? `${$r(`+${G}`)} ${h("topX.play.pts")}` : `0 ${h("topX.play.pts")}` : null, D = (G) => {
+  }, T = (G) => G != null ? G > 0 ? `${$r(`+${G}`)} ${h("topX.play.pts")}` : `0 ${h("topX.play.pts")}` : null, M = (G) => {
     const _ = k.current[G];
     _ && I({ idx: G, rect: _.getBoundingClientRect() });
-  }, X = (v == null ? void 0 : v.idx) ?? -1, W = X >= 0 ? t[X] : null, F = X >= 0 ? o == null ? void 0 : o[X] : void 0, $ = W ? R(W.outcome) : p, A = F ? R(F.outcome) : p, J = (W == null ? void 0 : W.outcome) === "pending", O = b && F ? 196 : 168, M = v ? v.rect.left + v.rect.width / 2 : 0, V = typeof window < "u" ? Math.max(O / 2 + 8, Math.min(M, window.innerWidth - O / 2 - 8)) : M, B = v ? v.rect.top - 10 : 0, H = w && typeof window < "u" ? window.innerWidth - V : V;
+  }, X = (v == null ? void 0 : v.idx) ?? -1, W = X >= 0 ? t[X] : null, F = X >= 0 ? o == null ? void 0 : o[X] : void 0, $ = W ? R(W.outcome) : p, A = F ? R(F.outcome) : p, J = (W == null ? void 0 : W.outcome) === "pending", O = b && F ? 196 : 168, N = v ? v.rect.left + v.rect.width / 2 : 0, V = typeof window < "u" ? Math.max(O / 2 + 8, Math.min(N, window.innerWidth - O / 2 - 8)) : N, B = v ? v.rect.top - 10 : 0, H = w && typeof window < "u" ? window.innerWidth - V : V;
   return /* @__PURE__ */ c(r, { sx: { display: "flex", gap: y.xs, alignItems: "center" }, onMouseLeave: () => I(null), children: [
     t.map((G, _) => /* @__PURE__ */ e(
       r,
       {
         component: "span",
-        ref: (ae) => {
-          k.current[_] = ae;
+        ref: (le) => {
+          k.current[_] = le;
         },
         sx: { display: "inline-flex", cursor: "pointer" },
-        onMouseEnter: () => D(_),
-        onTouchStart: () => D(_),
+        onMouseEnter: () => M(_),
+        onTouchStart: () => M(_),
         onTouchEnd: () => setTimeout(() => I(null), 2500),
         children: /* @__PURE__ */ e(
           Ha,
@@ -7974,7 +7976,7 @@ function ja({
   onCompareToggle: z,
   isSelf: w = !1
 }) {
-  const R = o >= 60 ? s : o >= 30 ? p : a, L = i > 0, [P, T] = E(0), [D, X] = E(0), [W, F] = E(0), [$, A] = E(!1);
+  const R = o >= 60 ? s : o >= 30 ? p : a, L = i > 0, [P, T] = E(0), [M, X] = E(0), [W, F] = E(0), [$, A] = E(!1);
   xe(() => {
     if (t || y) {
       T(0);
@@ -7997,7 +7999,7 @@ function ja({
     const H = setTimeout(() => F(o), 150);
     return () => clearTimeout(H);
   }, [o, y]);
-  const J = P / 100 * br, O = D / 100 * uo, M = W / 100 * uo, V = [
+  const J = P / 100 * br, O = M / 100 * uo, N = W / 100 * uo, V = [
     {
       value: `${i}`,
       label: C("topX.userPredictions.streak"),
@@ -8226,7 +8228,7 @@ function ja({
                           stroke: a,
                           strokeWidth: "3.5",
                           strokeLinecap: "round",
-                          strokeDasharray: `${M} ${uo}`,
+                          strokeDasharray: `${N} ${uo}`,
                           style: { transition: "stroke-dasharray 1s cubic-bezier(0.34, 1.56, 0.64, 1)" }
                         }
                       )
@@ -8272,27 +8274,27 @@ function ja({
           selfNum: v.total,
           theirNum: n
         }
-      ].map((ae, re) => {
-        const N = re % 2 === 1, oe = re >= 2, se = ae.selfNum > ae.theirNum, ne = ae.theirNum > ae.selfNum;
+      ].map((le, re) => {
+        const D = re % 2 === 1, oe = re >= 2, ae = le.selfNum > le.theirNum, ne = le.theirNum > le.selfNum;
         return /* @__PURE__ */ c(
           r,
           {
             sx: {
-              borderRight: N ? "none" : `1px solid ${x}`,
+              borderRight: D ? "none" : `1px solid ${x}`,
               borderTop: oe ? `1px solid ${x}` : "none",
               px: h.sm,
               py: "10px"
             },
             children: [
               /* @__PURE__ */ c(r, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: "5px" }, children: [
-                /* @__PURE__ */ e(S, { sx: { fontFamily: f.primary, fontSize: "0.5em", fontWeight: 700, color: u, letterSpacing: "0.1em", textTransform: "uppercase" }, children: ae.label }),
-                se && /* @__PURE__ */ e(r, { sx: { px: "4px", py: "1px", borderRadius: "3px", backgroundColor: `${s}15`, color: s, fontSize: "0.4375em", fontWeight: 800, lineHeight: 1 }, children: "▲" }),
+                /* @__PURE__ */ e(S, { sx: { fontFamily: f.primary, fontSize: "0.5em", fontWeight: 700, color: u, letterSpacing: "0.1em", textTransform: "uppercase" }, children: le.label }),
+                ae && /* @__PURE__ */ e(r, { sx: { px: "4px", py: "1px", borderRadius: "3px", backgroundColor: `${s}15`, color: s, fontSize: "0.4375em", fontWeight: 800, lineHeight: 1 }, children: "▲" }),
                 ne && /* @__PURE__ */ e(r, { sx: { px: "4px", py: "1px", borderRadius: "3px", backgroundColor: `${a}12`, color: a, fontSize: "0.4375em", fontWeight: 800, lineHeight: 1 }, children: "▼" })
               ] }),
               /* @__PURE__ */ c(r, { sx: { display: "flex", alignItems: "baseline", gap: "6px" }, children: [
-                /* @__PURE__ */ e(S, { sx: { fontFamily: f.primary, fontSize: "1.125em", fontWeight: 900, color: s, fontVariantNumeric: "tabular-nums", lineHeight: 1 }, children: ae.selfVal }),
+                /* @__PURE__ */ e(S, { sx: { fontFamily: f.primary, fontSize: "1.125em", fontWeight: 900, color: s, fontVariantNumeric: "tabular-nums", lineHeight: 1 }, children: le.selfVal }),
                 /* @__PURE__ */ e(r, { sx: { flex: 1, height: "1px", backgroundColor: `${x}70` } }),
-                /* @__PURE__ */ e(S, { sx: { fontFamily: f.primary, fontSize: "1.125em", fontWeight: 900, color: a, fontVariantNumeric: "tabular-nums", lineHeight: 1, textAlign: "right" }, children: ae.theirVal })
+                /* @__PURE__ */ e(S, { sx: { fontFamily: f.primary, fontSize: "1.125em", fontWeight: 900, color: a, fontVariantNumeric: "tabular-nums", lineHeight: 1, textAlign: "right" }, children: le.theirVal })
               ] })
             ]
           },
@@ -8466,7 +8468,7 @@ function ja({
           gridTemplateRows: "1fr 1fr"
         },
         children: V.map((H, G) => {
-          const _ = G % 2 === 1, ae = G >= 2;
+          const _ = G % 2 === 1, le = G >= 2;
           return /* @__PURE__ */ c(
             r,
             {
@@ -8480,7 +8482,7 @@ function ja({
                 px: h["2xs"],
                 gap: "3px",
                 borderLeft: _ ? `1px solid ${x}` : "none",
-                borderTop: ae ? `1px solid ${x}` : "none"
+                borderTop: le ? `1px solid ${x}` : "none"
               },
               children: [
                 /* @__PURE__ */ e(
@@ -8494,7 +8496,7 @@ function ja({
                       height: "2px",
                       backgroundColor: H.accentColor,
                       borderRadius: "0 0 2px 2px",
-                      opacity: ae ? 0.35 : 0.6
+                      opacity: le ? 0.35 : 0.6
                     }
                   }
                 ),
@@ -8848,7 +8850,7 @@ const Ka = Pe.memo(function({
   const [R, L] = E(!1), P = i.some((F) => F.played), T = i.reduce(
     (F, $) => F + ($.played && $.points != null ? $.points : 0),
     0
-  ), D = s ? i.reduce((F, $) => F + ($.played ? $.selfPoints ?? 0 : 0), 0) : 0, X = s && D > T, W = s && T > D;
+  ), M = s ? i.reduce((F, $) => F + ($.played ? $.selfPoints ?? 0 : 0), 0) : 0, X = s && M > T, W = s && T > M;
   return /* @__PURE__ */ c(
     r,
     {
@@ -9015,7 +9017,7 @@ const Ka = Pe.memo(function({
                           color: X ? x : `${x}70`,
                           borderRight: `1px solid ${b}`
                         },
-                        children: D
+                        children: M
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -9153,7 +9155,7 @@ function qa({
     partial: `${s}18`,
     incorrect: `${p}14`,
     pending: x
-  }[t.outcome], L = o && t.played ? t.selfPoints !== null ? t.selfPoints : Ya(t.selfPrediction, t.result) : null, P = o && t.played ? t.points ?? 0 : null, T = t.played && L != null && P != null && L > P, D = t.played && L != null && P != null && P > L;
+  }[t.outcome], L = o && t.played ? t.selfPoints !== null ? t.selfPoints : Ya(t.selfPrediction, t.result) : null, P = o && t.played ? t.points ?? 0 : null, T = t.played && L != null && P != null && L > P, M = t.played && L != null && P != null && P > L;
   return /* @__PURE__ */ c(
     r,
     {
@@ -9281,7 +9283,7 @@ function qa({
                       p: "6px 8px",
                       borderRadius: b.xs,
                       backgroundColor: `${n}10`,
-                      border: `1.5px solid ${T ? `${n}55` : D ? `${n}20` : `${n}32`}`
+                      border: `1.5px solid ${T ? `${n}55` : M ? `${n}20` : `${n}32`}`
                     },
                     children: [
                       /* @__PURE__ */ e(
@@ -9345,7 +9347,7 @@ function qa({
                       p: "6px 8px",
                       borderRadius: b.xs,
                       backgroundColor: `${p}08`,
-                      border: `1.5px solid ${D ? `${p}55` : T ? `${p}18` : `${p}28`}`
+                      border: `1.5px solid ${M ? `${p}55` : T ? `${p}18` : `${p}28`}`
                     },
                     children: [
                       /* @__PURE__ */ e(
@@ -9640,7 +9642,7 @@ function Za({
   t: z,
   isSelf: w
 }) {
-  const [R, L] = E(/* @__PURE__ */ new Set()), [P, T] = E(/* @__PURE__ */ new Set()), D = ce((F) => {
+  const [R, L] = E(/* @__PURE__ */ new Set()), [P, T] = E(/* @__PURE__ */ new Set()), M = ce((F) => {
     T(($) => {
       const A = new Set($);
       return A.has(F) ? A.delete(F) : A.add(F), A;
@@ -9887,7 +9889,7 @@ function Za({
                   count: F.matches.length
                 }
               ),
-              onCompareToggle: w ? void 0 : () => D(F.round),
+              onCompareToggle: w ? void 0 : () => M(F.round),
               isSelf: w,
               compareTooltip: z("topX.userPredictions.compareWith")
             }
@@ -9977,8 +9979,8 @@ const Qa = ({
   theirAvatar: n,
   theirPoints: s
 }) => {
-  var P, T, D, X, W, F;
-  const { t: p } = Re("common"), a = ye(), m = he(), g = ve(), u = we(), x = ((T = (P = a.palette) == null ? void 0 : P.primary) == null ? void 0 : T.plainColor) ?? "#1A77D2", f = ((X = (D = a.palette) == null ? void 0 : D.success) == null ? void 0 : X.plainColor) ?? "#4CAF50", h = ((F = (W = a.palette) == null ? void 0 : W.danger) == null ? void 0 : F.plainColor) ?? "#F44336", b = a.textSecondary ?? "#757575", C = a.textTertiary ?? a.textSecondary ?? "#9E9E9E", y = a.outlineEnabledBorder ?? "#E0E0E0", v = t.selfBetter + t.theyBetter + t.tied, I = l - s, k = I > 0 ? "self" : I < 0 ? "they" : "tied", z = mo(t.selfBetter, 900), w = mo(t.theyBetter, 900), R = mo(t.tied, 900), L = mo(Math.abs(I), 1100);
+  var P, T, M, X, W, F;
+  const { t: p } = Re("common"), a = ye(), m = he(), g = ve(), u = we(), x = ((T = (P = a.palette) == null ? void 0 : P.primary) == null ? void 0 : T.plainColor) ?? "#1A77D2", f = ((X = (M = a.palette) == null ? void 0 : M.success) == null ? void 0 : X.plainColor) ?? "#4CAF50", h = ((F = (W = a.palette) == null ? void 0 : W.danger) == null ? void 0 : F.plainColor) ?? "#F44336", b = a.textSecondary ?? "#757575", C = a.textTertiary ?? a.textSecondary ?? "#9E9E9E", y = a.outlineEnabledBorder ?? "#E0E0E0", v = t.selfBetter + t.theyBetter + t.tied, I = l - s, k = I > 0 ? "self" : I < 0 ? "they" : "tied", z = mo(t.selfBetter, 900), w = mo(t.theyBetter, 900), R = mo(t.tied, 900), L = mo(Math.abs(I), 1100);
   return /* @__PURE__ */ c(
     r,
     {
@@ -10237,21 +10239,21 @@ function ts(t, o, i, l) {
     const s = ((u = n.predictionModel) == null ? void 0 : u.fixtures) ?? [], p = ((x = n.predictionModel) == null ? void 0 : x.gameInstanceId) ?? null, a = p ? i.get(p) ?? null : null, m = (a == null ? void 0 : a.title) || p || "—";
     let g = Jr(a);
     g === 0 && p && (g = String(p).split("").reduce((f, h) => f * 31 + h.charCodeAt(0) >>> 0, 0)), s.forEach((f) => {
-      var P, T, D, X, W, F, $, A, J, O, M, V, B, H, G, _, ae, re, N, oe, se, ne, me, be, Te, Se, Fe;
-      const h = f.matchId ?? ((P = f.matchModel) == null ? void 0 : P.id) ?? String(Math.random()), b = `${n.predictionId}::${h}`, C = Kr((T = f.prediction) == null ? void 0 : T.value), y = qr((D = f.result) == null ? void 0 : D.outcome), v = y !== "pending", I = ((F = (W = (X = f.matchModel) == null ? void 0 : X.scores) == null ? void 0 : W.ftScore) == null ? void 0 : F.homeGoals) ?? null, k = ((J = (A = ($ = f.matchModel) == null ? void 0 : $.scores) == null ? void 0 : A.ftScore) == null ? void 0 : J.awayGoals) ?? null, z = v && I != null && k != null ? { home: I, away: k } : null, w = ((O = f.matchModel) == null ? void 0 : O.kickoffAt) ?? null, { kickoff: R, dateLabel: L } = es(w, l);
+      var P, T, M, X, W, F, $, A, J, O, N, V, B, H, G, _, le, re, D, oe, ae, ne, me, be, Te, Se, Fe;
+      const h = f.matchId ?? ((P = f.matchModel) == null ? void 0 : P.id) ?? String(Math.random()), b = `${n.predictionId}::${h}`, C = Kr((T = f.prediction) == null ? void 0 : T.value), y = qr((M = f.result) == null ? void 0 : M.outcome), v = y !== "pending", I = ((F = (W = (X = f.matchModel) == null ? void 0 : X.scores) == null ? void 0 : W.ftScore) == null ? void 0 : F.homeGoals) ?? null, k = ((J = (A = ($ = f.matchModel) == null ? void 0 : $.scores) == null ? void 0 : A.ftScore) == null ? void 0 : J.awayGoals) ?? null, z = v && I != null && k != null ? { home: I, away: k } : null, w = ((O = f.matchModel) == null ? void 0 : O.kickoffAt) ?? null, { kickoff: R, dateLabel: L } = es(w, l);
       d.push({
         id: b,
         matchId: h,
         round: g,
         roundLabel: m,
         homeTeam: {
-          name: ((V = (M = f.matchModel) == null ? void 0 : M.homeTeam) == null ? void 0 : V.name) ?? "—",
+          name: ((V = (N = f.matchModel) == null ? void 0 : N.homeTeam) == null ? void 0 : V.name) ?? "—",
           shortName: ((H = (B = f.matchModel) == null ? void 0 : B.homeTeam) == null ? void 0 : H.shortName) ?? null,
-          logo: ((ae = (_ = (G = f.matchModel) == null ? void 0 : G.homeTeam) == null ? void 0 : _.assets) == null ? void 0 : ae.logo) ?? null
+          logo: ((le = (_ = (G = f.matchModel) == null ? void 0 : G.homeTeam) == null ? void 0 : _.assets) == null ? void 0 : le.logo) ?? null
         },
         awayTeam: {
-          name: ((N = (re = f.matchModel) == null ? void 0 : re.awayTeam) == null ? void 0 : N.name) ?? "—",
-          shortName: ((se = (oe = f.matchModel) == null ? void 0 : oe.awayTeam) == null ? void 0 : se.shortName) ?? null,
+          name: ((D = (re = f.matchModel) == null ? void 0 : re.awayTeam) == null ? void 0 : D.name) ?? "—",
+          shortName: ((ae = (oe = f.matchModel) == null ? void 0 : oe.awayTeam) == null ? void 0 : ae.shortName) ?? null,
           logo: ((be = (me = (ne = f.matchModel) == null ? void 0 : ne.awayTeam) == null ? void 0 : me.assets) == null ? void 0 : be.logo) ?? null
         },
         kickoff: R,
@@ -10439,14 +10441,14 @@ const ds = ({
   currentUserPoints: h = 0
 }) => {
   var it, Ot, Ht, Vt, jt, _t, Yt, Gt;
-  const { t: b } = Re("common"), C = ye(), y = he(), v = ve(), I = we(), k = Rr(), { shadowRootElement: z, language: w } = zt($t), { sdk: R, showOdds: L, odds: P } = gt(), { template: T } = Ur(l, R), { games: D } = _o(
+  const { t: b } = Re("common"), C = ye(), y = he(), v = ve(), I = we(), k = Rr(), { shadowRootElement: z, language: w } = zt($t), { sdk: R, showOdds: L, odds: P } = gt(), { template: T } = Ur(l, R), { games: M } = _o(
     R,
     T == null ? void 0 : T.gameIds,
     !!T
   ), X = ke(() => {
     const te = /* @__PURE__ */ new Map();
-    return D.forEach((ge) => te.set(ge.id, ge)), te;
-  }, [D]), W = ((Ot = (it = C.palette) == null ? void 0 : it.primary) == null ? void 0 : Ot.plainColor) ?? "#1A77D2", F = ((Vt = (Ht = C.palette) == null ? void 0 : Ht.success) == null ? void 0 : Vt.plainColor) ?? "#4CAF50", $ = ((_t = (jt = C.palette) == null ? void 0 : jt.warning) == null ? void 0 : _t.plainColor) ?? "#DC6803", A = ((Gt = (Yt = C.palette) == null ? void 0 : Yt.danger) == null ? void 0 : Gt.plainColor) ?? "#F44336", J = C.textPrimary ?? "#212121", O = C.textSecondary ?? "#757575", M = C.textTertiary ?? C.textSecondary ?? "#9E9E9E", V = C.surface ?? "#FFFFFF", B = C.surfaceVariant ?? "#F5F5F5", H = C.outlineEnabledBorder ?? "#E0E0E0", G = `${H}88`, [_, ae] = E(/* @__PURE__ */ new Map()), [re, N] = E([]), [oe, se] = E(!1), [ne, me] = E("all"), [be, Te] = E("profile"), [Se, Fe] = E(!1), [Ue, Ne] = E(0), [ie, Ae] = E(!1), [We, qe] = E(!1), Ze = Ge(null), _e = Ge(null), Be = ke(
+    return M.forEach((ge) => te.set(ge.id, ge)), te;
+  }, [M]), W = ((Ot = (it = C.palette) == null ? void 0 : it.primary) == null ? void 0 : Ot.plainColor) ?? "#1A77D2", F = ((Vt = (Ht = C.palette) == null ? void 0 : Ht.success) == null ? void 0 : Vt.plainColor) ?? "#4CAF50", $ = ((_t = (jt = C.palette) == null ? void 0 : jt.warning) == null ? void 0 : _t.plainColor) ?? "#DC6803", A = ((Gt = (Yt = C.palette) == null ? void 0 : Yt.danger) == null ? void 0 : Gt.plainColor) ?? "#F44336", J = C.textPrimary ?? "#212121", O = C.textSecondary ?? "#757575", N = C.textTertiary ?? C.textSecondary ?? "#9E9E9E", V = C.surface ?? "#FFFFFF", B = C.surfaceVariant ?? "#F5F5F5", H = C.outlineEnabledBorder ?? "#E0E0E0", G = `${H}88`, [_, le] = E(/* @__PURE__ */ new Map()), [re, D] = E([]), [oe, ae] = E(!1), [ne, me] = E("all"), [be, Te] = E("profile"), [Se, Fe] = E(!1), [Ue, Ne] = E(0), [ie, Ae] = E(!1), [We, qe] = E(!1), Ze = Ge(null), _e = Ge(null), Be = ke(
     () => ts(
       re,
       _,
@@ -10512,7 +10514,7 @@ const ds = ({
   };
   xe(() => {
     if (!t || !n) return;
-    N([]), ae(/* @__PURE__ */ new Map()), me("all"), Te("profile"), Fe(!1), se(!0);
+    D([]), le(/* @__PURE__ */ new Map()), me("all"), Te("profile"), Fe(!1), ae(!0);
     const te = Ie ? [n] : [n, ...u ? [u] : []], ge = async () => {
       var ot, nt;
       const et = await R.privateLeagues.getPredictions(i, {
@@ -10542,9 +10544,9 @@ const ds = ({
         ), ut = !Ie && u ? $e(
           et.filter((nt) => nt.profileId === u)
         ) : dt, ot = os(ut);
-        N(dt), ae(ot);
+        D(dt), le(ot);
       } finally {
-        se(!1);
+        ae(!1);
       }
     })();
   }, [t, n, i, u, Ie]);
@@ -10561,7 +10563,7 @@ const ds = ({
         sortKey: (ot == null ? void 0 : ot.sortKey) ?? ut
       });
     }), [...te.values()].sort((ge, $e) => ge.sortKey - $e.sortKey).slice(-5).map(({ points: ge, label: $e }) => ({ points: ge, label: $e }));
-  }, [re, X]), pe = ke(() => ns(Be), [Be]), U = ke(() => Ie || _.size === 0 ? null : is(Be), [Be, _, Ie]), j = ke(() => Ie ? null : as(Be), [Be, Ie]), Y = ke(() => [...Be].filter((te) => te.played).slice(-5), [Be]), le = ke(() => Ie ? [] : Y.map((te) => {
+  }, [re, X]), pe = ke(() => ns(Be), [Be]), U = ke(() => Ie || _.size === 0 ? null : is(Be), [Be, _, Ie]), j = ke(() => Ie ? null : as(Be), [Be, Ie]), Y = ke(() => [...Be].filter((te) => te.played).slice(-5), [Be]), se = ke(() => Ie ? [] : Y.map((te) => {
     const ge = te.selfPrediction;
     return !ge || !te.result ? {
       outcome: "pending",
@@ -10775,7 +10777,7 @@ const ds = ({
                           sx: {
                             fontFamily: I.primary,
                             fontSize: "0.6875em",
-                            color: M,
+                            color: N,
                             mt: y["3xs"],
                             overflow: "hidden",
                             textOverflow: "ellipsis",
@@ -10925,7 +10927,7 @@ const ds = ({
                   {
                     loading: oe,
                     formMatches: Y,
-                    selfFormMatches: le,
+                    selfFormMatches: se,
                     isSelf: Ie,
                     compareMode: Se,
                     onToggleCompare: () => Fe((te) => !te),
@@ -10938,7 +10940,7 @@ const ds = ({
                     primaryColor: W,
                     textPrimary: J,
                     textSecondary: O,
-                    textTertiary: M,
+                    textTertiary: N,
                     surface: V,
                     surfaceVariant: B,
                     fontFamily: I.primary,
@@ -10973,7 +10975,7 @@ const ds = ({
                   dangerColor: A,
                   primaryColor: W,
                   textPrimary: J,
-                  textTertiary: M,
+                  textTertiary: N,
                   outlineEnabledBorder: H,
                   surfaceVariant: B,
                   fonts: I,
@@ -11026,7 +11028,7 @@ const ds = ({
                     dangerColor: A,
                     textPrimary: J,
                     textSecondary: O,
-                    textTertiary: M,
+                    textTertiary: N,
                     outlineEnabledBorder: H,
                     outlineEnabledBorderSoft: G,
                     surface: V,
@@ -11159,7 +11161,7 @@ const ds = ({
   standing: d
 }) => {
   var $, A, J, O;
-  const { t: n } = Re("common"), s = ye(), p = he(), a = ve(), m = we(), { sdk: g } = gt(), u = ((A = ($ = s.palette) == null ? void 0 : $.primary) == null ? void 0 : A.plainColor) ?? "#1A77D2", [x, f] = E([]), [h, b] = E(!1), [C, y] = E(!1), [v, I] = E(1), [k, z] = E(1), [w, R] = E(!1), [L, P] = E(null), [T, D] = E(0);
+  const { t: n } = Re("common"), s = ye(), p = he(), a = ve(), m = we(), { sdk: g } = gt(), u = ((A = ($ = s.palette) == null ? void 0 : $.primary) == null ? void 0 : A.plainColor) ?? "#1A77D2", [x, f] = E([]), [h, b] = E(!1), [C, y] = E(!1), [v, I] = E(1), [k, z] = E(1), [w, R] = E(!1), [L, P] = E(null), [T, M] = E(0);
   xe(() => {
     I(1), R(!1), f([]), y(!1);
   }, [t]), xe(() => {
@@ -11167,8 +11169,8 @@ const ds = ({
       templateId: o,
       limit: 20,
       page: v
-    }).then((M) => {
-      f(M.data), z(M.meta.pagination.numberOfPages), D(M.meta.pagination.totalItems), R(!0);
+    }).then((N) => {
+      f(N.data), z(N.meta.pagination.numberOfPages), M(N.meta.pagination.totalItems), R(!0);
     }).catch(() => y(!0)).finally(() => b(!1)));
   }, [t, v, g]);
   const X = {
@@ -11246,10 +11248,10 @@ const ds = ({
       backgroundColor: u,
       color: ((O = (J = s.palette) == null ? void 0 : J.primary) == null ? void 0 : O.onPrimary) ?? "#fff"
     }
-  }, W = l != null && x.some((M) => M.profileId === l);
+  }, W = l != null && x.some((N) => N.profileId === l);
   return /* @__PURE__ */ c(r, { children: [
     (() => {
-      var M, V;
+      var N, V;
       return /* @__PURE__ */ c(r, { children: [
         h && /* @__PURE__ */ e(Wo, { sx: X.container, children: /* @__PURE__ */ c(
           Xo,
@@ -11435,7 +11437,7 @@ const ds = ({
                               {
                                 sx: {
                                   fontSize: "1em",
-                                  color: ((V = (M = s.palette) == null ? void 0 : M.primary) == null ? void 0 : V.onPrimary) ?? "#fff"
+                                  color: ((V = (N = s.palette) == null ? void 0 : N.primary) == null ? void 0 : V.onPrimary) ?? "#fff"
                                 }
                               }
                             )
@@ -11498,8 +11500,8 @@ const ds = ({
                   }
                 ),
                 x.map((B) => {
-                  var _, ae, re, N, oe, se;
-                  const H = l != null && B.profileId === l, G = ((_ = B.profileModel) == null ? void 0 : _.nickname) ?? ((ae = B.profileModel) == null ? void 0 : ae.name) ?? n("topX.privateLeagues.anonymous");
+                  var _, le, re, D, oe, ae;
+                  const H = l != null && B.profileId === l, G = ((_ = B.profileModel) == null ? void 0 : _.nickname) ?? ((le = B.profileModel) == null ? void 0 : le.name) ?? n("topX.privateLeagues.anonymous");
                   return /* @__PURE__ */ c(
                     "tr",
                     {
@@ -11545,12 +11547,12 @@ const ds = ({
                             {
                               src: ((re = B.profileModel) == null ? void 0 : re.avatar) ?? void 0,
                               sx: X.avatar,
-                              children: (N = B.profileModel) != null && N.avatar ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ e(
+                              children: (D = B.profileModel) != null && D.avatar ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ e(
                                 Xt,
                                 {
                                   sx: {
                                     fontSize: "1em",
-                                    color: ((se = (oe = s.palette) == null ? void 0 : oe.primary) == null ? void 0 : se.onPrimary) ?? "#fff"
+                                    color: ((ae = (oe = s.palette) == null ? void 0 : oe.primary) == null ? void 0 : ae.onPrimary) ?? "#fff"
                                   }
                                 }
                               )
@@ -11722,8 +11724,8 @@ const ds = ({
   onDeleteClick: g,
   onLeaveClick: u
 }) => {
-  var L, P, T, D, X, W, F, $;
-  const { t: x } = Re("common"), f = ye(), h = he(), b = ve(), C = we(), y = ((P = (L = f.palette) == null ? void 0 : L.primary) == null ? void 0 : P.plainColor) ?? "#1A77D2", v = ((D = (T = f.palette) == null ? void 0 : T.danger) == null ? void 0 : D.plainColor) ?? "#F44336", I = ((W = (X = f.palette) == null ? void 0 : X.danger) == null ? void 0 : W.softBg) ?? "#FEE4E2", k = (($ = (F = f.palette) == null ? void 0 : F.success) == null ? void 0 : $.plainColor) ?? "#4CAF50", [z, w] = E(!1), R = async () => {
+  var L, P, T, M, X, W, F, $;
+  const { t: x } = Re("common"), f = ye(), h = he(), b = ve(), C = we(), y = ((P = (L = f.palette) == null ? void 0 : L.primary) == null ? void 0 : P.plainColor) ?? "#1A77D2", v = ((M = (T = f.palette) == null ? void 0 : T.danger) == null ? void 0 : M.plainColor) ?? "#F44336", I = ((W = (X = f.palette) == null ? void 0 : X.danger) == null ? void 0 : W.softBg) ?? "#FEE4E2", k = (($ = (F = f.palette) == null ? void 0 : F.success) == null ? void 0 : $.plainColor) ?? "#4CAF50", [z, w] = E(!1), R = async () => {
     try {
       await navigator.clipboard.writeText(n), w(!0), setTimeout(() => w(!1), 2e3);
     } catch {
@@ -12265,22 +12267,22 @@ const ds = ({
   onInvitesSent: n,
   onNotify: s
 }) => {
-  var B, H, G, _, ae, re;
-  const { t: p } = Re("common"), a = ye(), m = he(), g = ve(), u = we(), x = ((H = (B = a.palette) == null ? void 0 : B.primary) == null ? void 0 : H.plainColor) ?? "#1A77D2", f = ((_ = (G = a.palette) == null ? void 0 : G.primary) == null ? void 0 : _.onPrimary) ?? "#fff", h = ((re = (ae = a.palette) == null ? void 0 : ae.danger) == null ? void 0 : re.plainColor) ?? "#F44336", [b, C] = E(""), [y, v] = E([]), [I, k] = E(!1), [z, w] = E([]), [R, L] = E(!1), [P, T] = E(!1), [D, X] = E(/* @__PURE__ */ new Map()), [W, F] = E(!1), $ = Ge(null), A = Ge(null);
+  var B, H, G, _, le, re;
+  const { t: p } = Re("common"), a = ye(), m = he(), g = ve(), u = we(), x = ((H = (B = a.palette) == null ? void 0 : B.primary) == null ? void 0 : H.plainColor) ?? "#1A77D2", f = ((_ = (G = a.palette) == null ? void 0 : G.primary) == null ? void 0 : _.onPrimary) ?? "#fff", h = ((re = (le = a.palette) == null ? void 0 : le.danger) == null ? void 0 : re.plainColor) ?? "#F44336", [b, C] = E(""), [y, v] = E([]), [I, k] = E(!1), [z, w] = E([]), [R, L] = E(!1), [P, T] = E(!1), [M, X] = E(/* @__PURE__ */ new Map()), [W, F] = E(!1), $ = Ge(null), A = Ge(null);
   xe(() => {
     A.current && clearTimeout(A.current);
-    const N = b.trim();
-    if (N.length < 2) {
+    const D = b.trim();
+    if (D.length < 2) {
       w([]), L(!1), T(!1);
       return;
     }
     return L(!0), T(!1), A.current = setTimeout(async () => {
       try {
-        const oe = await t.profile.getByIds([], N), se = /* @__PURE__ */ new Set([...y, ...i, ...l]);
+        const oe = await t.profile.getByIds([], D), ae = /* @__PURE__ */ new Set([...y, ...i, ...l]);
         w(
           oe.filter((ne) => {
             const me = (ne == null ? void 0 : ne.profileId) ?? (ne == null ? void 0 : ne.id);
-            return me && !se.has(me);
+            return me && !ae.has(me);
           })
         );
       } catch {
@@ -12293,22 +12295,22 @@ const ds = ({
     };
   }, [b]);
   const J = () => {
-    const N = b.trim().replace(/,+$/, "");
-    N && !y.includes(N) && v((oe) => [...oe, N]), C(""), w([]), T(!1);
-  }, O = (N) => {
+    const D = b.trim().replace(/,+$/, "");
+    D && !y.includes(D) && v((oe) => [...oe, D]), C(""), w([]), T(!1);
+  }, O = (D) => {
     var ne;
-    const oe = (N == null ? void 0 : N.profileId) ?? (N == null ? void 0 : N.id);
+    const oe = (D == null ? void 0 : D.profileId) ?? (D == null ? void 0 : D.id);
     if (!oe || y.includes(oe)) return;
-    const se = (N == null ? void 0 : N.nickname) ?? (N == null ? void 0 : N.name) ?? oe.slice(0, 8);
-    v((me) => [...me, oe]), X((me) => new Map(me).set(oe, se)), C(""), w([]), T(!1), (ne = $.current) == null || ne.focus();
-  }, M = (N) => {
-    N.key === "Enter" || N.key === "," ? (N.preventDefault(), z.length > 0 ? O(z[0]) : J()) : N.key === "Escape" ? w([]) : N.key === "Backspace" && b === "" && y.length > 0 && v((oe) => oe.slice(0, -1));
+    const ae = (D == null ? void 0 : D.nickname) ?? (D == null ? void 0 : D.name) ?? oe.slice(0, 8);
+    v((me) => [...me, oe]), X((me) => new Map(me).set(oe, ae)), C(""), w([]), T(!1), (ne = $.current) == null || ne.focus();
+  }, N = (D) => {
+    D.key === "Enter" || D.key === "," ? (D.preventDefault(), z.length > 0 ? O(z[0]) : J()) : D.key === "Escape" ? w([]) : D.key === "Backspace" && b === "" && y.length > 0 && v((oe) => oe.slice(0, -1));
   }, V = async () => {
-    const N = [...y];
-    if (N.length !== 0) {
+    const D = [...y];
+    if (D.length !== 0) {
       k(!0);
       try {
-        await t.privateLeagues.invite(o, N), n(N), v([]), C(""), X(/* @__PURE__ */ new Map()), w([]), s(
+        await t.privateLeagues.invite(o, D), n(D), v([]), C(""), X(/* @__PURE__ */ new Map()), w([]), s(
           "success",
           p("topX.privateLeagues.inviteSentTitle") || "Invites sent!",
           p("topX.privateLeagues.inviteSentMessage") || "Invitations have been sent successfully."
@@ -12368,8 +12370,8 @@ const ds = ({
               r,
               {
                 onClick: () => {
-                  var N;
-                  return (N = $.current) == null ? void 0 : N.focus();
+                  var D;
+                  return (D = $.current) == null ? void 0 : D.focus();
                 },
                 sx: {
                   display: "flex",
@@ -12418,7 +12420,7 @@ const ds = ({
                       }
                     }
                   )),
-                  y.map((N, oe) => /* @__PURE__ */ c(
+                  y.map((D, oe) => /* @__PURE__ */ c(
                     r,
                     {
                       sx: {
@@ -12447,7 +12449,7 @@ const ds = ({
                               textOverflow: "ellipsis",
                               whiteSpace: "nowrap"
                             },
-                            children: D.get(N) ?? N
+                            children: M.get(D) ?? D
                           }
                         ),
                         /* @__PURE__ */ e(
@@ -12455,10 +12457,10 @@ const ds = ({
                           {
                             component: "button",
                             type: "button",
-                            onClick: (se) => {
-                              se.stopPropagation(), v((ne) => ne.filter((me, be) => be !== oe)), X((ne) => {
+                            onClick: (ae) => {
+                              ae.stopPropagation(), v((ne) => ne.filter((me, be) => be !== oe)), X((ne) => {
                                 const me = new Map(ne);
-                                return me.delete(N), me;
+                                return me.delete(D), me;
                               });
                             },
                             sx: {
@@ -12488,8 +12490,8 @@ const ds = ({
                       component: "input",
                       ref: $,
                       value: b,
-                      onChange: (N) => C(N.target.value),
-                      onKeyDown: M,
+                      onChange: (D) => C(D.target.value),
+                      onKeyDown: N,
                       onFocus: () => F(!0),
                       onBlur: () => {
                         setTimeout(() => {
@@ -12530,7 +12532,7 @@ const ds = ({
                   maxHeight: "220px",
                   overflowY: "auto"
                 },
-                children: R ? /* @__PURE__ */ e(r, { sx: { px: m.md, py: m.xs }, children: [0, 1].map((N) => /* @__PURE__ */ c(
+                children: R ? /* @__PURE__ */ e(r, { sx: { px: m.md, py: m.xs }, children: [0, 1].map((D) => /* @__PURE__ */ c(
                   r,
                   {
                     sx: {
@@ -12554,7 +12556,7 @@ const ds = ({
                               "50%": { opacity: 0.4 }
                             },
                             animation: "pulse 1.4s ease-in-out infinite",
-                            animationDelay: `${N * 0.15}s`
+                            animationDelay: `${D * 0.15}s`
                           }
                         }
                       ),
@@ -12564,11 +12566,11 @@ const ds = ({
                           {
                             sx: {
                               height: "10px",
-                              width: `${60 + N * 15}%`,
+                              width: `${60 + D * 15}%`,
                               borderRadius: g.full,
                               backgroundColor: a.surfaceVariant,
                               animation: "pulse 1.4s ease-in-out infinite",
-                              animationDelay: `${N * 0.15 + 0.1}s`
+                              animationDelay: `${D * 0.15 + 0.1}s`
                             }
                           }
                         ),
@@ -12577,18 +12579,18 @@ const ds = ({
                           {
                             sx: {
                               height: "8px",
-                              width: `${40 + N * 10}%`,
+                              width: `${40 + D * 10}%`,
                               borderRadius: g.full,
                               backgroundColor: a.surfaceVariant,
                               animation: "pulse 1.4s ease-in-out infinite",
-                              animationDelay: `${N * 0.15 + 0.2}s`
+                              animationDelay: `${D * 0.15 + 0.2}s`
                             }
                           }
                         )
                       ] })
                     ]
                   },
-                  N
+                  D
                 )) }) : z.length === 0 ? /* @__PURE__ */ e(
                   r,
                   {
@@ -12608,13 +12610,13 @@ const ds = ({
                       }
                     )
                   }
-                ) : z.map((N) => {
-                  const oe = (N == null ? void 0 : N.profileId) ?? (N == null ? void 0 : N.id), se = N == null ? void 0 : N.nickname, ne = N == null ? void 0 : N.name, me = (se ?? ne ?? oe ?? "?").slice(0, 2).toUpperCase();
+                ) : z.map((D) => {
+                  const oe = (D == null ? void 0 : D.profileId) ?? (D == null ? void 0 : D.id), ae = D == null ? void 0 : D.nickname, ne = D == null ? void 0 : D.name, me = (ae ?? ne ?? oe ?? "?").slice(0, 2).toUpperCase();
                   return /* @__PURE__ */ c(
                     r,
                     {
                       onMouseDown: (be) => {
-                        be.preventDefault(), O(N);
+                        be.preventDefault(), O(D);
                       },
                       sx: {
                         display: "flex",
@@ -12656,7 +12658,7 @@ const ds = ({
                           }
                         ),
                         /* @__PURE__ */ c(r, { sx: { minWidth: 0 }, children: [
-                          se && /* @__PURE__ */ e(
+                          ae && /* @__PURE__ */ e(
                             S,
                             {
                               sx: {
@@ -12668,7 +12670,7 @@ const ds = ({
                                 textOverflow: "ellipsis",
                                 whiteSpace: "nowrap"
                               },
-                              children: se
+                              children: ae
                             }
                           ),
                           ne && /* @__PURE__ */ e(
@@ -12686,7 +12688,7 @@ const ds = ({
                               children: ne
                             }
                           ),
-                          !se && !ne && /* @__PURE__ */ e(
+                          !ae && !ne && /* @__PURE__ */ e(
                             S,
                             {
                               sx: {
@@ -12752,12 +12754,12 @@ const ds = ({
                     component: "span",
                     sx: { fontFamily: u.primary, fontSize: "0.875em", color: a.textSecondary },
                     children: y.length > 0 ? `${y.length} ${p("topX.privateLeagues.selectedForInvite")}` : (() => {
-                      const N = p("topX.privateLeagues.orShareCode"), oe = N.match(/^(.*?)<link>(.*?)<\/link>(.*)$/s);
+                      const D = p("topX.privateLeagues.orShareCode"), oe = D.match(/^(.*?)<link>(.*?)<\/link>(.*)$/s);
                       return oe ? /* @__PURE__ */ c(Ee, { children: [
                         oe[1],
                         /* @__PURE__ */ e(r, { component: "span", sx: { fontWeight: 700, color: x }, children: oe[2] }),
                         oe[3]
-                      ] }) : N;
+                      ] }) : D;
                     })()
                   }
                 ),
@@ -12838,7 +12840,7 @@ const ds = ({
   leagueDetail: n,
   onSaved: s
 }) => {
-  var W, F, $, A, J, O, M, V;
+  var W, F, $, A, J, O, N, V;
   const { t: p } = Re("common"), a = ye(), m = he(), g = ve(), u = we(), x = ((F = (W = a.palette) == null ? void 0 : W.primary) == null ? void 0 : F.plainColor) ?? "#1A77D2", f = ((A = ($ = a.palette) == null ? void 0 : $.primary) == null ? void 0 : A.onPrimary) ?? "#fff", h = ((O = (J = a.palette) == null ? void 0 : J.danger) == null ? void 0 : O.plainColor) ?? "#F44336", [b, C] = E(""), [y, v] = E(""), [I, k] = E(""), [z, w] = E(!0), [R, L] = E({}), [P, T] = E(!1);
   xe(() => {
     if (!t) return;
@@ -12846,7 +12848,7 @@ const ds = ({
     const B = (n == null ? void 0 : n.scoringStartsAt) ?? "";
     k(B ? B.slice(0, 10) : ""), w((n == null ? void 0 : n.usersCanInviteUsers) ?? !0), L({});
   }, [t]);
-  const D = n != null && n.scoringStartsAt ? new Date(n.scoringStartsAt) <= /* @__PURE__ */ new Date() : !1, X = async () => {
+  const M = n != null && n.scoringStartsAt ? new Date(n.scoringStartsAt) <= /* @__PURE__ */ new Date() : !1, X = async () => {
     if (!b.trim()) {
       L({
         name: p("topX.privateLeagues.leagueNameRequired") || "League name is required."
@@ -12988,25 +12990,25 @@ const ds = ({
               type: "date",
               value: I,
               onChange: (B) => k(B.target.value),
-              disabled: P || D,
+              disabled: P || M,
               sx: {
                 fontFamily: u.primary,
                 fontSize: "0.9375em",
-                color: D ? a.textSecondary : a.textPrimary,
-                backgroundColor: D ? a.surfaceVariant : a.surface,
+                color: M ? a.textSecondary : a.textPrimary,
+                backgroundColor: M ? a.surfaceVariant : a.surface,
                 border: `1px solid ${a.outlineEnabledBorder}`,
                 borderRadius: g.xs,
                 px: m.sm,
                 py: "9px",
                 outline: "none",
-                cursor: D ? "not-allowed" : "pointer",
+                cursor: M ? "not-allowed" : "pointer",
                 transition: "border-color 0.15s",
                 "&:focus": {
-                  borderColor: D ? a.outlineEnabledBorder : x
+                  borderColor: M ? a.outlineEnabledBorder : x
                 },
                 "&::-webkit-calendar-picker-indicator": {
-                  cursor: D ? "not-allowed" : "pointer",
-                  opacity: D ? 0.3 : 0.6
+                  cursor: M ? "not-allowed" : "pointer",
+                  opacity: M ? 0.3 : 0.6
                 }
               }
             }
@@ -13018,9 +13020,9 @@ const ds = ({
               sx: {
                 fontFamily: u.primary,
                 fontSize: "0.75em",
-                color: D ? ((V = (M = a.palette) == null ? void 0 : M.warning) == null ? void 0 : V.plainColor) ?? "#DC6803" : a.textSecondary
+                color: M ? ((V = (N = a.palette) == null ? void 0 : N.warning) == null ? void 0 : V.plainColor) ?? "#DC6803" : a.textSecondary
               },
-              children: D ? p("topX.privateLeagues.scoringAlreadyStarted") || "Scoring has already started and cannot be changed." : p("topX.privateLeagues.scoringStartsAtHint") || "Leave empty to keep the current value."
+              children: M ? p("topX.privateLeagues.scoringAlreadyStarted") || "Scoring has already started and cannot be changed." : p("topX.privateLeagues.scoringStartsAtHint") || "Leave empty to keep the current value."
             }
           )
         ] }),
@@ -13573,17 +13575,17 @@ const ds = ({
 }) => {
   var W, F, $, A, J, O;
   const { t: g } = Re("common"), u = ye(), x = he(), f = ve(), h = we(), b = ((F = (W = u.palette) == null ? void 0 : W.primary) == null ? void 0 : F.plainColor) ?? "#1A77D2", C = ((A = ($ = u.palette) == null ? void 0 : $.danger) == null ? void 0 : A.plainColor) ?? "#F44336", y = ((O = (J = u.palette) == null ? void 0 : J.warning) == null ? void 0 : O.plainColor) ?? "#DC6803", [v, I] = E(""), [k, z] = E(/* @__PURE__ */ new Set()), [w, R] = E(null), [L, P] = E(null), T = ke(
-    () => ((t == null ? void 0 : t.members) ?? []).filter((M) => {
+    () => ((t == null ? void 0 : t.members) ?? []).filter((N) => {
       if (!v.trim()) return !0;
-      const V = v.toLowerCase(), B = o.get(M);
-      return ((B == null ? void 0 : B.nickname) ?? (B == null ? void 0 : B.name) ?? M).toLowerCase().includes(V) || M.toLowerCase().includes(V);
+      const V = v.toLowerCase(), B = o.get(N);
+      return ((B == null ? void 0 : B.nickname) ?? (B == null ? void 0 : B.name) ?? N).toLowerCase().includes(V) || N.toLowerCase().includes(V);
     }),
     [t == null ? void 0 : t.members, v, o]
-  ), D = ce(
-    async (M, V) => {
+  ), M = ce(
+    async (N, V) => {
       if (!t || L) return;
-      P(M);
-      const B = V ? t.administrators.filter((H) => H !== M) : [...t.administrators, M];
+      P(N);
+      const B = V ? t.administrators.filter((H) => H !== N) : [...t.administrators, N];
       try {
         const H = {
           name: t.name,
@@ -13612,8 +13614,8 @@ const ds = ({
     },
     [t, L, n, s, p, m, g]
   ), X = ce(
-    (M) => {
-      R(null), a(M);
+    (N) => {
+      R(null), a(N);
     },
     [a]
   );
@@ -13689,7 +13691,7 @@ const ds = ({
                     size: "sm",
                     placeholder: g("topX.privateLeagues.searchMember") || "Търси член",
                     value: v,
-                    onChange: (M) => I(M.target.value),
+                    onChange: (N) => I(N.target.value),
                     startDecorator: /* @__PURE__ */ e(Ho, { sx: { fontSize: 14, color: u.textSecondary } }),
                     sx: {
                       fontFamily: h.primary,
@@ -13714,21 +13716,21 @@ const ds = ({
                 display: "flex",
                 flexDirection: "column"
               },
-              children: [0, 1, 2].map((M) => /* @__PURE__ */ e(
+              children: [0, 1, 2].map((N) => /* @__PURE__ */ e(
                 r,
                 {
                   sx: {
                     height: "60px",
-                    backgroundColor: M % 2 === 0 ? u.surfaceVariant : u.surface,
-                    opacity: 1 - M * 0.2,
+                    backgroundColor: N % 2 === 0 ? u.surfaceVariant : u.surface,
+                    opacity: 1 - N * 0.2,
                     borderBottom: `1px solid ${u.outlineEnabledBorder}`
                   }
                 },
-                M
+                N
               ))
             }
-          ) : /* @__PURE__ */ e(r, { sx: { maxHeight: "380px", overflowY: "auto" }, children: T.length > 0 ? T.map((M, V) => {
-            const B = M === l, H = ((t == null ? void 0 : t.administrators) ?? []).includes(M), G = o.get(M), _ = ks(M, o), ae = ws(_), re = d && !B;
+          ) : /* @__PURE__ */ e(r, { sx: { maxHeight: "380px", overflowY: "auto" }, children: T.length > 0 ? T.map((N, V) => {
+            const B = N === l, H = ((t == null ? void 0 : t.administrators) ?? []).includes(N), G = o.get(N), _ = ks(N, o), le = ws(_), re = d && !B;
             return /* @__PURE__ */ c(
               r,
               {
@@ -13766,13 +13768,13 @@ const ds = ({
                         flexShrink: 0,
                         overflow: "hidden"
                       },
-                      children: G != null && G.avatar && !k.has(M) ? /* @__PURE__ */ e(
+                      children: G != null && G.avatar && !k.has(N) ? /* @__PURE__ */ e(
                         r,
                         {
                           component: "img",
                           src: G.avatar,
                           alt: _,
-                          onError: () => z((N) => new Set(N).add(M)),
+                          onError: () => z((D) => new Set(D).add(N)),
                           sx: { width: "100%", height: "100%", objectFit: "cover" }
                         }
                       ) : /* @__PURE__ */ e(
@@ -13786,7 +13788,7 @@ const ds = ({
                             lineHeight: 1,
                             userSelect: "none"
                           },
-                          children: ae
+                          children: le
                         }
                       )
                     }
@@ -13903,8 +13905,8 @@ const ds = ({
                           {
                             component: "button",
                             type: "button",
-                            onClick: () => D(M, H),
-                            disabled: L === M,
+                            onClick: () => M(N, H),
+                            disabled: L === N,
                             title: H ? g("topX.privateLeagues.removeAdmin") || "Remove Admin" : g("topX.privateLeagues.makeAdmin") || "Make Admin",
                             sx: {
                               display: "flex",
@@ -13915,19 +13917,19 @@ const ds = ({
                               borderRadius: f.xs,
                               border: `1px solid ${H ? `${y}40` : "transparent"}`,
                               backgroundColor: H ? `${y}10` : "transparent",
-                              cursor: L === M ? "default" : "pointer",
+                              cursor: L === N ? "default" : "pointer",
                               color: H ? y : u.textSecondary,
                               transition: "all 0.15s",
                               flexShrink: 0,
-                              opacity: L === M ? 0.5 : 1,
-                              "&:hover": L === M ? {} : {
+                              opacity: L === N ? 0.5 : 1,
+                              "&:hover": L === N ? {} : {
                                 color: b,
                                 borderColor: `${b}35`,
                                 backgroundColor: `${b}08`
                               },
                               p: 0
                             },
-                            children: L === M ? /* @__PURE__ */ c(
+                            children: L === N ? /* @__PURE__ */ c(
                               "svg",
                               {
                                 width: "13",
@@ -13951,7 +13953,7 @@ const ds = ({
                           {
                             component: "button",
                             type: "button",
-                            onClick: () => R(M),
+                            onClick: () => R(N),
                             disabled: w !== null,
                             title: g("topX.privateLeagues.kickMember") || "Изключи от лигата",
                             sx: {
@@ -13983,7 +13985,7 @@ const ds = ({
                   )
                 ]
               },
-              M
+              N
             );
           }) : v ? /* @__PURE__ */ e(
             r,
@@ -14132,7 +14134,7 @@ const ds = ({
         ),
         t.map((R, L) => {
           var W, F, $, A, J, O;
-          const P = h === R, T = o.get(R), D = zs(R, o), X = $s(D);
+          const P = h === R, T = o.get(R), M = zs(R, o), X = $s(M);
           return /* @__PURE__ */ c(
             r,
             {
@@ -14165,7 +14167,7 @@ const ds = ({
                       {
                         component: "img",
                         src: T.avatar,
-                        alt: D,
+                        alt: M,
                         sx: { width: "100%", height: "100%", objectFit: "cover" }
                       }
                     ) : /* @__PURE__ */ e(
@@ -14195,7 +14197,7 @@ const ds = ({
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap"
                     },
-                    children: D
+                    children: M
                   }
                 ) }),
                 C === R ? (
@@ -14385,7 +14387,7 @@ const ds = ({
       ]
     }
   );
-}, Ts = Pe.memo(Rs), Fs = nn(() => import("./chunks/index-Ddsiaelf.js")), Es = ({
+}, Ts = Pe.memo(Rs), Fs = nn(() => import("./chunks/index-BKdbemPX.js")), Es = ({
   league: t,
   onBack: o,
   onLeagueLeft: i,
@@ -14401,24 +14403,24 @@ const ds = ({
   var Z, de, Le, pe, U;
   const { t: u } = Re("common"), x = ye(), f = he(), h = ve(), b = we(), { sdk: C, language: y, themeOptions: v, userIsLoggedIn: I, signInCTA: k } = gt(), { language: z } = zt($t), [w, R] = E(n ?? null), [L, P] = E(
     s ?? null
-  ), [T, D] = E(
+  ), [T, M] = E(
     p ?? null
   ), [X, W] = E(
     n === void 0
-  ), [F, $] = E(!1), [A, J] = E("discussion"), [O, M] = E(
+  ), [F, $] = E(!1), [A, J] = E("discussion"), [O, N] = E(
     null
   ), [V, B] = E(!1), [H, G] = E({
     open: !1,
     variant: "success",
     title: "",
     message: ""
-  }), [_, ae] = E([]), [re, N] = E(
+  }), [_, le] = E([]), [re, D] = E(
     /* @__PURE__ */ new Map()
-  ), [oe, se] = E(!1), ne = ((de = (Z = x.palette) == null ? void 0 : Z.primary) == null ? void 0 : de.plainColor) ?? "#1A77D2", me = ((pe = (Le = x.palette) == null ? void 0 : Le.danger) == null ? void 0 : pe.plainColor) ?? "#F44336", be = (w == null ? void 0 : w.invitationCode) ?? t.invitationCode, Te = (w == null ? void 0 : w.membersCount) ?? t.membersCount ?? 0;
+  ), [oe, ae] = E(!1), ne = ((de = (Z = x.palette) == null ? void 0 : Z.primary) == null ? void 0 : de.plainColor) ?? "#1A77D2", me = ((pe = (Le = x.palette) == null ? void 0 : Le.danger) == null ? void 0 : pe.plainColor) ?? "#F44336", be = (w == null ? void 0 : w.invitationCode) ?? t.invitationCode, Te = (w == null ? void 0 : w.membersCount) ?? t.membersCount ?? 0;
   xe(() => {
     if (!C || !t.id) return;
-    const j = n === void 0, Y = s === void 0, le = p === void 0;
-    if (!j && !Y && !le) return;
+    const j = n === void 0, Y = s === void 0, se = p === void 0;
+    if (!j && !Y && !se) return;
     let Ve = !1;
     return (async () => {
       j && (W(!0), $(!1));
@@ -14428,7 +14430,7 @@ const ds = ({
           leagueId: t.id,
           limit: 1
         }) : Promise.resolve(null),
-        le ? (async () => {
+        se ? (async () => {
           try {
             return await C.profile.getOwn().getInfo();
           } catch {
@@ -14452,7 +14454,7 @@ const ds = ({
               scoringStartsAt: ue.scoringStartsAt ?? null,
               membersCount: ue.membersCount ?? t.membersCount
             };
-            R(Ye), ae(ue.invites ?? []), a == null || a(t.id, Ye);
+            R(Ye), le(ue.invites ?? []), a == null || a(t.id, Ye);
           } else
             $(!0);
           W(!1);
@@ -14473,9 +14475,9 @@ const ds = ({
             });
           }
         }
-        if (le && Oe.status === "fulfilled" && Oe.value) {
+        if (se && Oe.status === "fulfilled" && Oe.value) {
           const ue = Oe.value;
-          D((ue == null ? void 0 : ue.id) ?? null);
+          M((ue == null ? void 0 : ue.id) ?? null);
         }
       }
     })(), () => {
@@ -14488,11 +14490,11 @@ const ds = ({
       try {
         const Y = await C.privateLeagues.getById(t.id, !0);
         if (j || !Y) return;
-        const le = Y.invites ?? [], Ve = Y.members ?? [];
-        ae(le), R((Je) => Je && {
+        const se = Y.invites ?? [], Ve = Y.members ?? [];
+        le(se), R((Je) => Je && {
           ...Je,
           members: Ve,
-          invites: le,
+          invites: se,
           membersCount: Y.membersCount ?? Je.membersCount
         });
       } catch {
@@ -14507,26 +14509,26 @@ const ds = ({
     ].filter(Boolean);
     j.length && (async () => {
       try {
-        const Y = await C.profile.getByIds(j), le = Array.isArray(Y) ? Y : [], Ve = /* @__PURE__ */ new Map();
-        le.forEach((Je) => {
+        const Y = await C.profile.getByIds(j), se = Array.isArray(Y) ? Y : [], Ve = /* @__PURE__ */ new Map();
+        se.forEach((Je) => {
           const Ke = (Je == null ? void 0 : Je.profileId) ?? (Je == null ? void 0 : Je.id);
           Ke && Ve.set(Ke, Je);
-        }), N(Ve);
+        }), D(Ve);
       } catch {
       }
     })();
   }, [(U = w == null ? void 0 : w.members) == null ? void 0 : U.length, _.length, C]);
-  const Se = ce(() => se(!0), []), Fe = ce(() => M("delete"), []), Ue = ce(() => M("leave"), []), Ne = ce(
-    (j, Y, le) => {
-      G({ open: !0, variant: j, title: Y, message: le });
+  const Se = ce(() => ae(!0), []), Fe = ce(() => N("delete"), []), Ue = ce(() => N("leave"), []), Ne = ce(
+    (j, Y, se) => {
+      G({ open: !0, variant: j, title: Y, message: se });
     },
     []
   ), ie = ce(async () => {
     B(!0);
     try {
-      await C.privateLeagues.leave(t.id), M(null), i(t.id);
+      await C.privateLeagues.leave(t.id), N(null), i(t.id);
     } catch (j) {
-      M(null), G({
+      N(null), G({
         open: !0,
         variant: "error",
         title: u("topX.errors.submitFailed") || "Error",
@@ -14548,7 +14550,7 @@ const ds = ({
       ), j.name && (d == null || d(t.id, {
         name: j.name,
         description: j.description ?? void 0
-      })), se(!1), G({
+      })), ae(!1), G({
         open: !0,
         variant: "success",
         title: u("topX.privateLeagues.editSuccessTitle") || "League updated!",
@@ -14557,26 +14559,26 @@ const ds = ({
     },
     [t.id, d, u]
   ), We = ce(() => {
-    M(null), l(t.id);
+    N(null), l(t.id);
   }, [t.id, l]), qe = ce((j) => {
     R(
       (Y) => Y && {
         ...Y,
-        members: Y.members.filter((le) => le !== j),
+        members: Y.members.filter((se) => se !== j),
         membersCount: Math.max((Y.membersCount ?? 1) - 1, 0)
       }
     );
   }, []), Ze = ce((j) => {
-    ae((Y) => [
+    le((Y) => [
       ...Y,
-      ...j.filter((le) => !Y.includes(le))
+      ...j.filter((se) => !Y.includes(se))
     ]);
   }, []), _e = ce((j) => {
     R(
       (Y) => Y && { ...Y, administrators: j }
     );
   }, []), Be = ce((j) => {
-    ae((Y) => Y.filter((le) => le !== j));
+    le((Y) => Y.filter((se) => se !== j));
   }, []), Ie = ke(
     () => T != null && ((w == null ? void 0 : w.administrators) ?? []).includes(T),
     [T, w == null ? void 0 : w.administrators]
@@ -14829,7 +14831,7 @@ const ds = ({
           ys,
           {
             open: oe,
-            onClose: () => se(!1),
+            onClose: () => ae(!1),
             sdk: C,
             leagueId: t.id,
             league: t,
@@ -14841,7 +14843,7 @@ const ds = ({
           Co,
           {
             open: O === "leave",
-            onClose: () => !V && M(null),
+            onClose: () => !V && N(null),
             title: u("topX.privateLeagues.leaveLeagueTitle") || "Leave this league?",
             children: [
               /* @__PURE__ */ c(
@@ -14889,7 +14891,7 @@ const ds = ({
                       {
                         variant: "outlined",
                         disabled: V,
-                        onClick: () => M(null),
+                        onClick: () => N(null),
                         sx: {
                           fontFamily: b.primary,
                           fontSize: "0.875em",
@@ -14932,7 +14934,7 @@ const ds = ({
           Ss,
           {
             open: O === "delete",
-            onClose: () => M(null),
+            onClose: () => N(null),
             sdk: C,
             leagueId: t.id,
             leagueName: (w == null ? void 0 : w.name) ?? t.name,
@@ -15238,9 +15240,9 @@ const ds = ({
   var ne, me, be, Te, Se, Fe, Ue, Ne;
   const { t: i } = Re("common"), l = ye(), d = he(), n = ve(), s = we(), { sdk: p, entityId: a } = gt(), [m, g] = E(!1), [u, x] = E(""), [f, h] = E(""), [b, C] = E(!0), [y, v] = E(""), [I, k] = E(
     () => Eo()
-  ), [z, w] = E(!1), [R, L] = E(""), [P, T] = E(!1), [D, X] = E(!1), [W, F] = E({}), [$, A] = E(null), [J, O] = E({ open: !1, variant: "success", title: "", message: "" }), M = So(), V = ((me = (ne = l.palette) == null ? void 0 : ne.primary) == null ? void 0 : me.plainColor) ?? "#e53e3e", B = ((Te = (be = l.palette) == null ? void 0 : be.primary) == null ? void 0 : Te.onPrimary) ?? "#fff", H = (Fe = (Se = l.palette) == null ? void 0 : Se.primary) == null ? void 0 : Fe.primaryButtonGradient, G = ((Ne = (Ue = l.palette) == null ? void 0 : Ue.danger) == null ? void 0 : Ne.plainColor) ?? "#dc2626", _ = ce(() => {
+  ), [z, w] = E(!1), [R, L] = E(""), [P, T] = E(!1), [M, X] = E(!1), [W, F] = E({}), [$, A] = E(null), [J, O] = E({ open: !1, variant: "success", title: "", message: "" }), N = So(), V = ((me = (ne = l.palette) == null ? void 0 : ne.primary) == null ? void 0 : me.plainColor) ?? "#e53e3e", B = ((Te = (be = l.palette) == null ? void 0 : be.primary) == null ? void 0 : Te.onPrimary) ?? "#fff", H = (Fe = (Se = l.palette) == null ? void 0 : Se.primary) == null ? void 0 : Fe.primaryButtonGradient, G = ((Ne = (Ue = l.palette) == null ? void 0 : Ue.danger) == null ? void 0 : Ne.plainColor) ?? "#dc2626", _ = ce(() => {
     k(Eo()), x(""), h(""), C(!0), v(""), F({}), w(!1), g(!0);
-  }, []), ae = async () => {
+  }, []), le = async () => {
     try {
       await navigator.clipboard.writeText(I.toUpperCase()), w(!0), setTimeout(() => w(!1), 2e3);
     } catch {
@@ -15287,7 +15289,7 @@ const ds = ({
     } finally {
       T(!1);
     }
-  }, N = async () => {
+  }, D = async () => {
     if (!(R.length < Ct)) {
       X(!0), A(null);
       try {
@@ -15316,7 +15318,7 @@ const ds = ({
         X(!1);
       }
     }
-  }, oe = Object.entries(W).filter(([ie]) => ie === "_general").map(([, ie]) => ie), se = {
+  }, oe = Object.entries(W).filter(([ie]) => ie === "_general").map(([, ie]) => ie), ae = {
     fontFamily: s.primary,
     fontSize: "0.8125em",
     fontWeight: 600,
@@ -15325,7 +15327,7 @@ const ds = ({
     letterSpacing: "0.02em"
   };
   return /* @__PURE__ */ c(Ee, { children: [
-    M ? (
+    N ? (
       /* ── Mobile: compact single panel ───────────────────────────────── */
       /* @__PURE__ */ c(
         r,
@@ -15451,8 +15453,8 @@ const ds = ({
                     onChange: (ie) => {
                       L(ie), A(null);
                     },
-                    onSubmit: N,
-                    disabled: D,
+                    onSubmit: D,
+                    disabled: M,
                     primaryColor: V,
                     colors: l,
                     radius: n
@@ -15462,9 +15464,9 @@ const ds = ({
                   He,
                   {
                     size: "sm",
-                    loading: D,
+                    loading: M,
                     disabled: R.length < Ct,
-                    onClick: N,
+                    onClick: D,
                     sx: {
                       fontFamily: s.primary,
                       fontSize: "0.875em",
@@ -15613,8 +15615,8 @@ const ds = ({
                     onChange: (ie) => {
                       L(ie), A(null);
                     },
-                    onSubmit: N,
-                    disabled: D,
+                    onSubmit: D,
+                    disabled: M,
                     primaryColor: V,
                     colors: l,
                     radius: n
@@ -15632,9 +15634,9 @@ const ds = ({
                   He,
                   {
                     fullWidth: !0,
-                    loading: D,
+                    loading: M,
                     disabled: R.length < Ct,
-                    onClick: N,
+                    onClick: D,
                     sx: {
                       fontFamily: s.primary,
                       fontSize: "0.875em",
@@ -15685,7 +15687,7 @@ const ds = ({
             }
           ),
           /* @__PURE__ */ c(r, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: [
-            /* @__PURE__ */ c(S, { sx: se, children: [
+            /* @__PURE__ */ c(S, { sx: ae, children: [
               i("topX.privateLeagues.leagueName") || "League Name",
               " *"
             ] }),
@@ -15720,7 +15722,7 @@ const ds = ({
             )
           ] }),
           /* @__PURE__ */ c(r, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: [
-            /* @__PURE__ */ c(S, { sx: se, children: [
+            /* @__PURE__ */ c(S, { sx: ae, children: [
               i("topX.privateLeagues.description") || "Description",
               " *"
             ] }),
@@ -15754,7 +15756,7 @@ const ds = ({
             )
           ] }),
           /* @__PURE__ */ c(r, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: [
-            /* @__PURE__ */ e(S, { sx: se, children: i("topX.privateLeagues.invitationCode") || "Invitation Code" }),
+            /* @__PURE__ */ e(S, { sx: ae, children: i("topX.privateLeagues.invitationCode") || "Invitation Code" }),
             /* @__PURE__ */ c(r, { sx: { display: "flex", gap: d.xs, alignItems: "center" }, children: [
               /* @__PURE__ */ e(
                 r,
@@ -15784,7 +15786,7 @@ const ds = ({
                   component: "button",
                   type: "button",
                   title: z ? "Copied!" : "Copy code",
-                  onClick: ae,
+                  onClick: le,
                   sx: {
                     background: z ? `${V}15` : "none",
                     border: `1px solid ${z ? `${V}80` : l.outlineEnabledBorder}`,
@@ -15911,7 +15913,7 @@ const ds = ({
             }
           ),
           /* @__PURE__ */ c(r, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: [
-            /* @__PURE__ */ e(S, { sx: se, children: i("topX.privateLeagues.scoringStartsAt") || "Scoring Starts At" }),
+            /* @__PURE__ */ e(S, { sx: ae, children: i("topX.privateLeagues.scoringStartsAt") || "Scoring Starts At" }),
             /* @__PURE__ */ e(
               r,
               {
@@ -16099,7 +16101,7 @@ const ds = ({
   var st, pt, q, Q, Z, de, Le, pe;
   const { t: o } = Re("common"), i = ye(), l = he(), d = ve(), n = we(), { sdk: s, userIsLoggedIn: p, signInCTA: a, entityId: m } = gt(), g = ((pt = (st = i.palette) == null ? void 0 : st.primary) == null ? void 0 : pt.plainColor) ?? "#1A77D2", u = ((Q = (q = i.palette) == null ? void 0 : q.primary) == null ? void 0 : Q.onPrimary) ?? "#fff", x = (de = (Z = i.palette) == null ? void 0 : Z.primary) == null ? void 0 : de.primaryButtonGradient, f = ((pe = (Le = i.palette) == null ? void 0 : Le.danger) == null ? void 0 : pe.plainColor) ?? "#F44336", [h, b] = E([]), [C, y] = E(!0), [v, I] = E(null), [k, z] = E(
     null
-  ), [w, R] = E([]), [L, P] = E(null), [T, D] = E({}), [X, W] = E(null), [F, $] = E({}), [A, J] = E(null), [O, M] = E(""), [V, B] = E(!1), [H, G] = E(null), [_, ae] = E(!1), re = Ge(null), [N, oe] = E({
+  ), [w, R] = E([]), [L, P] = E(null), [T, M] = E({}), [X, W] = E(null), [F, $] = E({}), [A, J] = E(null), [O, N] = E(""), [V, B] = E(!1), [H, G] = E(null), [_, le] = E(!1), re = Ge(null), [D, oe] = E({
     open: !1,
     variant: "success",
     title: "",
@@ -16111,13 +16113,13 @@ const ds = ({
       return;
     }
     (async () => {
-      const [j, Y, le] = await Promise.allSettled([
+      const [j, Y, se] = await Promise.allSettled([
         s.privateLeagues.getMyLeagues(),
         s.privateLeagues.getInvitations(void 0, !0),
         s.profile.getOwn().getInfo()
       ]);
-      if (le.status === "fulfilled" && le.value) {
-        const Xe = le.value;
+      if (se.status === "fulfilled" && se.value) {
+        const Xe = se.value;
         I(Xe.id ?? null), W({
           displayName: Xe.nickname ?? Xe.name ?? "—",
           avatar: Xe.avatar ?? null
@@ -16180,10 +16182,10 @@ const ds = ({
       y(!1);
     })();
   }, [s, p, m]);
-  const se = (U) => {
+  const ae = (U) => {
     b((j) => [U, ...j]);
   }, ne = (U) => {
-    b((j) => j.some((le) => le.id === U.id) ? j : [U, ...j]);
+    b((j) => j.some((se) => se.id === U.id) ? j : [U, ...j]);
   }, me = ce(() => z(null), []), be = ce((U) => {
     b((j) => j.filter((Y) => Y.id !== U)), z(null), oe({
       open: !0,
@@ -16193,7 +16195,7 @@ const ds = ({
     });
   }, [o]), Te = ce((U, j) => {
     b(
-      (Y) => Y.map((le) => le.id === U ? { ...le, ...j } : le)
+      (Y) => Y.map((se) => se.id === U ? { ...se, ...j } : se)
     ), z(
       (Y) => (Y == null ? void 0 : Y.id) === U ? { ...Y, ...j } : Y
     );
@@ -16205,10 +16207,10 @@ const ds = ({
       message: o("topX.privateLeagues.deleteSuccessMessage") || "The league has been deleted."
     });
   }, [o]), Fe = ce((U) => {
-    z((j) => h.find((le) => le.id === U) ?? j);
+    z((j) => h.find((se) => se.id === U) ?? j);
   }, [h]), Ue = ce(
     (U, j) => {
-      D((Y) => ({ ...Y, [U]: j }));
+      M((Y) => ({ ...Y, [U]: j }));
     },
     []
   ), Ne = ke(() => {
@@ -16223,7 +16225,7 @@ const ds = ({
         points: U.points
       };
   }, [k == null ? void 0 : k.id, F, v, X]), ie = async (U) => {
-    var j, Y, le, Ve, Je;
+    var j, Y, se, Ve, Je;
     P({ id: U.id, action: "accept" }), R((Ke) => Ke.filter((Xe) => Xe.id !== U.id));
     try {
       const Ke = await s.privateLeagues.accept(U.id), Xe = Ke.leagueId ?? U.id;
@@ -16241,7 +16243,7 @@ const ds = ({
         id: Xe,
         name: ((j = Ke.leagueModel) == null ? void 0 : j.name) ?? U.name,
         description: ((Y = Ke.leagueModel) == null ? void 0 : Y.description) ?? U.description ?? null,
-        templateId: ((le = Ke.leagueModel) == null ? void 0 : le.templateId) ?? m,
+        templateId: ((se = Ke.leagueModel) == null ? void 0 : se.templateId) ?? m,
         invitationCode: ((Ve = Ke.leagueModel) == null ? void 0 : Ve.invitationCode) ?? U.invitationCode ?? "",
         membersCount: ((Je = Ke.leagueModel) == null ? void 0 : Je.membersCount) ?? U.membersCount,
         userPosition: Qe,
@@ -16283,7 +16285,7 @@ const ds = ({
       P(null);
     }
   }, We = ce((U) => {
-    J(U), M(""), G(null), ae(!1), setTimeout(() => {
+    J(U), N(""), G(null), le(!1), setTimeout(() => {
       var j;
       return (j = re.current) == null ? void 0 : j.focus();
     }, 80);
@@ -16299,17 +16301,17 @@ const ds = ({
       message: o("topX.privateLeagues.copyCodeSuccessMessage", { name: U })
     });
   }, [o]), Be = ce(() => {
-    V || (J(null), M(""), G(null), ae(!1));
+    V || (J(null), N(""), G(null), le(!1));
   }, [V]), Ie = ce(async () => {
     var U;
     if (A) {
       if (O !== "DELETE") {
-        ae(!0), setTimeout(() => ae(!1), 600), (U = re.current) == null || U.focus();
+        le(!0), setTimeout(() => le(!1), 600), (U = re.current) == null || U.focus();
         return;
       }
       B(!0), G(null);
       try {
-        await s.privateLeagues.delete(A.id), b((j) => j.filter((Y) => Y.id !== A.id)), J(null), M(""), oe({
+        await s.privateLeagues.delete(A.id), b((j) => j.filter((Y) => Y.id !== A.id)), J(null), N(""), oe({
           open: !0,
           variant: "success",
           title: o("topX.privateLeagues.deleteSuccessTitle") || "League deleted",
@@ -16437,7 +16439,7 @@ const ds = ({
             gridTemplateColumns: { xs: "1fr", sm: "repeat(3, 1fr)" },
             gap: l.md
           },
-          children: j.map((le) => /* @__PURE__ */ c(
+          children: j.map((se) => /* @__PURE__ */ c(
             r,
             {
               sx: {
@@ -16466,14 +16468,14 @@ const ds = ({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: le.icon
+                    children: se.icon
                   }
                 ),
                 /* @__PURE__ */ e(
                   S,
                   {
                     sx: { fontFamily: n.primary, fontWeight: 600, fontSize: "0.9375em", color: i.textPrimary },
-                    children: le.title
+                    children: se.title
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -16481,12 +16483,12 @@ const ds = ({
                   {
                     level: "body-sm",
                     sx: { fontFamily: n.primary, fontSize: "0.875em", color: i.textSecondary, lineHeight: 1.55 },
-                    children: le.desc
+                    children: se.desc
                   }
                 )
               ]
             },
-            le.title
+            se.title
           ))
         }
       ),
@@ -16515,17 +16517,17 @@ const ds = ({
                 children: o("topX.privateLeagues.whatYouCanDo")
               }
             ),
-            /* @__PURE__ */ e(r, { sx: { display: "flex", flexDirection: "column", gap: l.sm }, children: Y.map((le) => /* @__PURE__ */ c(r, { sx: { display: "flex", alignItems: "flex-start", gap: l.sm }, children: [
-              le.icon,
+            /* @__PURE__ */ e(r, { sx: { display: "flex", flexDirection: "column", gap: l.sm }, children: Y.map((se) => /* @__PURE__ */ c(r, { sx: { display: "flex", alignItems: "flex-start", gap: l.sm }, children: [
+              se.icon,
               /* @__PURE__ */ e(
                 S,
                 {
                   level: "body-sm",
                   sx: { fontFamily: n.primary, fontSize: "0.875em", color: i.textPrimary, lineHeight: 1.6 },
-                  children: le.text
+                  children: se.text
                 }
               )
-            ] }, le.text)) })
+            ] }, se.text)) })
           ]
         }
       ),
@@ -16573,7 +16575,7 @@ const ds = ({
     /* @__PURE__ */ e(
       ro,
       {
-        notification: N,
+        notification: D,
         onClose: () => oe((U) => ({ ...U, open: !1 }))
       }
     )
@@ -16581,7 +16583,7 @@ const ds = ({
     /* @__PURE__ */ e(
       Bs,
       {
-        onLeagueCreated: se,
+        onLeagueCreated: ae,
         onLeagueJoined: ne
       }
     ),
@@ -16634,7 +16636,7 @@ const ds = ({
         )
       ] }),
       w.map((U, j) => {
-        const Y = (L == null ? void 0 : L.id) === U.id, le = Y && (L == null ? void 0 : L.action) === "accept", Ve = Y && (L == null ? void 0 : L.action) === "decline";
+        const Y = (L == null ? void 0 : L.id) === U.id, se = Y && (L == null ? void 0 : L.action) === "accept", Ve = Y && (L == null ? void 0 : L.action) === "decline";
         return /* @__PURE__ */ c(
           r,
           {
@@ -16769,10 +16771,10 @@ const ds = ({
                         He,
                         {
                           size: "sm",
-                          loading: le,
-                          disabled: Y && !le,
+                          loading: se,
+                          disabled: Y && !se,
                           onClick: () => ie(U),
-                          startDecorator: !le && /* @__PURE__ */ e(Mr, { sx: { fontSize: 14 } }),
+                          startDecorator: !se && /* @__PURE__ */ e(Mr, { sx: { fontSize: 14 } }),
                           sx: {
                             fontFamily: n.primary,
                             fontSize: "0.875em",
@@ -16937,7 +16939,7 @@ const ds = ({
     /* @__PURE__ */ e(
       ro,
       {
-        notification: N,
+        notification: D,
         onClose: () => oe((U) => ({ ...U, open: !1 }))
       }
     ),
@@ -17039,7 +17041,7 @@ const ds = ({
                 slotProps: { input: { ref: re } },
                 value: O,
                 onChange: (U) => {
-                  M(U.target.value.toUpperCase()), G(null);
+                  N(U.target.value.toUpperCase()), G(null);
                 },
                 onKeyDown: (U) => {
                   U.key === "Enter" && Ie();
@@ -17750,7 +17752,7 @@ const Hs = ({ t }) => /* @__PURE__ */ e(
 }, Ir = Pe.memo(Gs), Us = ({ rawHtml: t, t: o, tl: i }) => {
   var R;
   const l = he(), { html: d } = ke(() => Zr(t), [t]), n = ke(() => {
-    var D, X, W;
+    var M, X, W;
     const L = document.createElement("template");
     L.innerHTML = d;
     const P = [];
@@ -17760,7 +17762,7 @@ const Hs = ({ t }) => /* @__PURE__ */ e(
         const $ = F;
         T = {
           id: $.id,
-          title: ((D = $.querySelector(".rules-h2-title")) == null ? void 0 : D.textContent) || "",
+          title: ((M = $.querySelector(".rules-h2-title")) == null ? void 0 : M.textContent) || "",
           number: ((W = (X = $.querySelector(".rules-h2-num")) == null ? void 0 : X.textContent) == null ? void 0 : W.replace(/\.$/, "")) || "",
           nodes: []
         }, P.push(T);
@@ -17785,14 +17787,14 @@ const Hs = ({ t }) => /* @__PURE__ */ e(
       const P = {};
       if (a && a.length >= 2) {
         const T = a.toLowerCase();
-        n.forEach((D) => {
+        n.forEach((M) => {
           const X = document.createElement("div");
-          X.innerHTML = D.html;
+          X.innerHTML = M.html;
           const W = X.textContent.toLowerCase();
           let F = 0, $ = 0;
           for (; ($ = W.indexOf(T, $)) !== -1; )
             F++, $ += T.length;
-          (F || D.title.toLowerCase().includes(T)) && (P[D.id] = Math.max(F, 1));
+          (F || M.title.toLowerCase().includes(T)) && (P[M.id] = Math.max(F, 1));
         });
       }
       u(P), a && Object.keys(P).length && !P[s] && p(Object.keys(P)[0]), requestAnimationFrame(() => {
@@ -18312,7 +18314,7 @@ const el = ({ template: t, loading: o }) => {
     gameNavLabel: y = "gameWeek"
   } = t, { t: v } = Re("common"), I = ye(), k = we(), z = he(), w = ve(), R = p && p.length > 0 ? p : en, [L, P] = E(
     () => Lr() ?? R[0]
-  ), { template: T, loading: D } = Ur(o, i);
+  ), { template: T, loading: M } = Ur(o, i);
   xe(() => {
     const B = () => {
       const H = Lr();
@@ -18328,14 +18330,14 @@ const el = ({ template: t, loading: o }) => {
     "private-leagues": v("topX.tabs.privateLeagues"),
     rules: v("topX.tabs.rules"),
     prizes: v("topX.tabs.prizes")
-  }, F = I.palette.primary.plainColor, $ = I.palette.primary.onPrimary, A = I.palette.primary.primaryContainer, J = I.palette.primary.primaryButtonGradient, O = A ?? `color-mix(in srgb, ${F} 75%, #000 25%)`, M = a ?? (T == null ? void 0 : T.image) ?? void 0, V = () => {
+  }, F = I.palette.primary.plainColor, $ = I.palette.primary.onPrimary, A = I.palette.primary.primaryContainer, J = I.palette.primary.primaryButtonGradient, O = A ?? `color-mix(in srgb, ${F} 75%, #000 25%)`, N = a ?? (T == null ? void 0 : T.image) ?? void 0, V = () => {
     switch (L) {
       case "play":
         return /* @__PURE__ */ e(
           $a,
           {
             template: T,
-            loading: D,
+            loading: M,
             error: null,
             playTabBanners: m,
             matchCardBgImageUrl: u,
@@ -18348,9 +18350,9 @@ const el = ({ template: t, loading: o }) => {
       case "private-leagues":
         return /* @__PURE__ */ e(Ms, { template: T });
       case "rules":
-        return /* @__PURE__ */ e(Js, { template: T, loading: D });
+        return /* @__PURE__ */ e(Js, { template: T, loading: M });
       case "prizes":
-        return /* @__PURE__ */ e(el, { template: T, loading: D });
+        return /* @__PURE__ */ e(el, { template: T, loading: M });
       default:
         return null;
     }
@@ -18383,14 +18385,14 @@ const el = ({ template: t, loading: o }) => {
               r,
               {
                 sx: {
-                  background: M ? `url(${M}), linear-gradient(to right, ${F}, ${O})` : `linear-gradient(to right, ${F}, ${O})`,
+                  background: N ? `url(${N}), linear-gradient(to right, ${F}, ${O})` : `linear-gradient(to right, ${F}, ${O})`,
                   backgroundSize: "cover",
                   backgroundPosition: "center",
                   color: $,
                   px: z.lg,
                   py: z.lg
                 },
-                children: /* @__PURE__ */ e(r, { children: D ? /* @__PURE__ */ c(Ee, { children: [
+                children: /* @__PURE__ */ e(r, { children: M ? /* @__PURE__ */ c(Ee, { children: [
                   /* @__PURE__ */ e(
                     r,
                     {