fansunited-frontend-components 0.0.34 → 0.0.35

package/MatchQuizPlay.js

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as A, Fragment as $ } from "react/jsx-runtime";
 import nt, { useState as te, useEffect as ft, createContext as bn, memo as Pt, useCallback as Ye, useMemo as at } from "react";
-import { b as ee, i as ce, g as Un, B as i, T as x, t as st, ab as Jt, d as H, c as ie, a as xe, ah as We, k as Ie, b3 as Qe, ae as ne, aV as Rn, b4 as Kn, ad as Fn, ag as Ue, u as we, j as bt, f as _e, W as ye, m as Ut, e as rt, h as ue, af as An, ai as Tn, aj as zn, ak as kn, al as Bn, am as dn, s as St, l as mn, P as wn } from "./chunks/Portal-B3p6WA9w.js";
-import { u as Qn, T as an, M as In, n as Hn, C as pn, D as Mn, s as c, O as On, S as gn, a as Dn, g as Tt, i as Vn, m as Vt, R as Ct, N as jn, j as vn, k as En, l as qn, q as fn } from "./chunks/index-C1CcfTa8.js";
-import { C as Wn, F as on, a as ln } from "./chunks/CollectLeadForm-XQUdk7mv.js";
-import { K as Gt, a as Yt, H as Jn, D as Gn, S as un, T as xn, E as Yn, A as rn, P as cn, e as yn, C as Ln, b as Nn, c as Zn, d as Xn } from "./chunks/Error-Bv1kv7mw.js";
-import { T as hn, a as Sn, b as jt, c as vt, t as sn } from "./chunks/Tabs-BaP82CxE.js";
-import { O as _n } from "./chunks/OverlayScoreStateSkeleton--HpHqZxi.js";
-import { S as $n, a as ei, O as ti, b as ni, c as ii, d as ai } from "./chunks/OverlayLeadAfterCollection-t16QmZoD.js";
-const oi = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CORRECT_SCORE_ADVANCED", gt = (e) => e === "PLAYER_SCORE" || e === "PLAYER_YELLOW_CARD" || e === "PLAYER_RED_CARD" || e === "PLAYER_SCORE_FIRST_GOAL" || e === "PLAYER_SCORE_HATTRICK" || e === "PLAYER_SCORE_TWICE", Lt = (e) => {
+import { b as ee, i as ce, g as Un, B as i, T as x, t as st, ab as Jt, d as H, c as ie, a as xe, ah as We, k as Ie, b3 as Qe, ae as ne, aV as Rn, b4 as Kn, ad as Fn, ag as Ue, u as we, j as bt, f as _e, W as ye, m as Ut, l as Gt, e as rt, h as ue, af as dn, ai as Tn, aj as zn, ak as kn, al as Bn, am as mn, s as St, P as wn } from "./chunks/Portal-B6XfLNOm.js";
+import { u as Qn, T as on, M as In, n as Hn, C as pn, D as Mn, s as c, O as On, S as gn, a as Dn, g as Tt, i as Vn, m as Vt, R as Ct, N as jn, j as vn, k as En, l as qn, q as fn } from "./chunks/index-BRCVgD7v.js";
+import { C as Wn, F as ln, a as rn } from "./chunks/CollectLeadForm-u3OykQv9.js";
+import { K as Yt, a as Lt, H as Jn, D as Gn, S as un, T as xn, E as Yn, A as cn, P as sn, e as yn, C as Ln, b as Nn, c as Zn, d as Xn } from "./chunks/Error-DxcJswdS.js";
+import { T as hn, a as Sn, b as jt, c as vt, t as An } from "./chunks/Tabs-BZk8Oqpw.js";
+import { O as _n } from "./chunks/OverlayScoreStateSkeleton-xC6B2dOa.js";
+import { S as $n, a as ei, O as ti, b as ni, c as ii, d as ai } from "./chunks/OverlayLeadAfterCollection-C0BV3Mx9.js";
+const oi = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CORRECT_SCORE_ADVANCED", gt = (e) => e === "PLAYER_SCORE" || e === "PLAYER_YELLOW_CARD" || e === "PLAYER_RED_CARD" || e === "PLAYER_SCORE_FIRST_GOAL" || e === "PLAYER_SCORE_HATTRICK" || e === "PLAYER_SCORE_TWICE", Nt = (e) => {
   const n = (/* @__PURE__ */ new Date()).getTime(), o = new Date(e).getTime();
   return n > o;
 }, li = (e, n, o) => {
@@ -771,7 +771,7 @@ const gi = (e) => {
             onClick: k,
             sx: C.scoreButton,
             disabled: w === 0,
-            children: /* @__PURE__ */ t(Gt, { fontSize: "small" })
+            children: /* @__PURE__ */ t(Yt, { fontSize: "small" })
           }
         ),
         /* @__PURE__ */ t(x, { level: "h2", sx: C.scoreDisplay, children: w }),
@@ -782,7 +782,7 @@ const gi = (e) => {
             variant: "plain",
             onClick: g,
             sx: C.scoreButton,
-            children: /* @__PURE__ */ t(Yt, { fontSize: "small" })
+            children: /* @__PURE__ */ t(Lt, { fontSize: "small" })
           }
         )
       ] })
@@ -951,7 +951,7 @@ const gi = (e) => {
           onClick: r,
           sx: l.scoreButton,
           disabled: n === 0,
-          children: /* @__PURE__ */ t(Gt, { fontSize: "small" })
+          children: /* @__PURE__ */ t(Yt, { fontSize: "small" })
         }
       ),
       /* @__PURE__ */ t(x, { level: "h2", sx: l.scoreDisplay, children: n }),
@@ -962,7 +962,7 @@ const gi = (e) => {
           variant: "plain",
           onClick: o,
           sx: l.scoreButton,
-          children: /* @__PURE__ */ t(Yt, { fontSize: "small" })
+          children: /* @__PURE__ */ t(Lt, { fontSize: "small" })
         }
       )
     ] })
@@ -1190,7 +1190,7 @@ const ui = (e) => {
     }
   };
   return d || e.isSplitVariant ? /* @__PURE__ */ t(
-    an,
+    on,
     {
       title: C(),
       placement: "top-start",
@@ -1212,7 +1212,7 @@ const ui = (e) => {
       )
     }
   ) : /* @__PURE__ */ t(
-    an,
+    on,
     {
       title: C(),
       placement: "top-start",
@@ -1778,7 +1778,7 @@ const Pi = (e) => {
         onClick: C,
         sx: u.cornersButton,
         disabled: s === 0,
-        children: /* @__PURE__ */ t(Gt, { fontSize: "small" })
+        children: /* @__PURE__ */ t(Yt, { fontSize: "small" })
       }
     ),
     /* @__PURE__ */ t(x, { level: "h2", sx: u.cornersDisplay, children: s }),
@@ -1789,7 +1789,7 @@ const Pi = (e) => {
         variant: "plain",
         onClick: y,
         sx: u.cornersButton,
-        children: /* @__PURE__ */ t(Yt, { fontSize: "small" })
+        children: /* @__PURE__ */ t(Lt, { fontSize: "small" })
       }
     )
   ] });
@@ -2499,8 +2499,8 @@ const Bi = (e) => {
       }
     ) }),
     /* @__PURE__ */ A(i, { sx: b.checkboxesContainer, children: [
-      /* @__PURE__ */ t(on, { size: "sm", children: /* @__PURE__ */ t(i, { sx: b.checkboxRow, children: /* @__PURE__ */ t(
-        ln,
+      /* @__PURE__ */ t(ln, { size: "sm", children: /* @__PURE__ */ t(i, { sx: b.checkboxRow, children: /* @__PURE__ */ t(
+        rn,
         {
           checked: C,
           onChange: (P) => Q(P.target.checked),
@@ -2524,8 +2524,8 @@ const Bi = (e) => {
           label: u("matchQuiz.fixtures.ownGoal")
         }
       ) }) }),
-      /* @__PURE__ */ t(on, { size: "sm", children: /* @__PURE__ */ t(i, { sx: b.checkboxRow, children: /* @__PURE__ */ t(
-        ln,
+      /* @__PURE__ */ t(ln, { size: "sm", children: /* @__PURE__ */ t(i, { sx: b.checkboxRow, children: /* @__PURE__ */ t(
+        rn,
         {
           checked: S,
           onChange: (P) => D(P.target.checked),
@@ -2629,7 +2629,7 @@ const Bi = (e) => {
       }
     )
   ] });
-}, Nt = (e) => {
+}, Zt = (e) => {
   const n = H(), o = ie(), r = ce(), l = () => {
     const d = o.full, m = e.brandingPrimaryColor || n.palette.primary.plainColor, u = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, a = "#FFFFFF", h = n.outlineEnabledBorder;
     return /* @__PURE__ */ A(
@@ -2768,7 +2768,7 @@ const Bi = (e) => {
       children: r || e.isSplitVariant ? l() : f()
     }
   );
-}, Zt = (e) => {
+}, Xt = (e) => {
   const { t: n } = ne(), o = H(), r = ie(), l = ee(), f = xe(), m = ce() || e.isSplitVariant, [u, a] = te({
     days: 0,
     hours: 0,
@@ -3626,7 +3626,7 @@ const Bi = (e) => {
       });
     },
     [e.setPrediction]
-  ), O = e.matchQuiz.fixtures.length + 1, X = e.matchQuiz.status === "OPEN" && Lt(e.matchQuiz.predictionsCutoff), q = () => {
+  ), O = e.matchQuiz.fixtures.length + 1, X = e.matchQuiz.status === "OPEN" && Nt(e.matchQuiz.predictionsCutoff), q = () => {
     n < O ? o(n + 1) : e.play();
   }, E = () => {
     n > 1 && o(n - 1);
@@ -3869,14 +3869,14 @@ const Bi = (e) => {
       y ? be() : /* @__PURE__ */ t($, {})
     ] }) : /* @__PURE__ */ A($, { children: [
       e.showCountdown && e.matchQuiz.status === "OPEN" && /* @__PURE__ */ t(
-        Zt,
+        Xt,
         {
           predictionsCutoffTime: e.matchQuiz.predictionsCutoff,
           brandingPrimaryColor: s == null ? void 0 : s.primaryColor
         }
       ),
       !X && /* @__PURE__ */ t(
-        Nt,
+        Zt,
         {
           matchQuiz: e.matchQuiz,
           currentStep: n,
@@ -4054,7 +4054,7 @@ const Bi = (e) => {
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: e.finalImage ? Gt(e.finalImage) : "none",
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -4201,7 +4201,7 @@ const Bi = (e) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -4216,7 +4216,7 @@ const Bi = (e) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -4491,7 +4491,7 @@ const Bi = (e) => {
       });
     },
     [e.setPrediction]
-  ), q = e.matchQuiz.fixtures.length + 1, E = e.matchQuiz.status === "OPEN" && Lt(e.matchQuiz.predictionsCutoff), se = n === q && ((G = e.leads) == null ? void 0 : G.position) !== "after" ? d("matchQuiz.buttons.play") : d("matchQuiz.buttons.next"), he = () => {
+  ), q = e.matchQuiz.fixtures.length + 1, E = e.matchQuiz.status === "OPEN" && Nt(e.matchQuiz.predictionsCutoff), se = n === q && ((G = e.leads) == null ? void 0 : G.position) !== "after" ? d("matchQuiz.buttons.play") : d("matchQuiz.buttons.next"), he = () => {
     n < q ? o(n + 1) : e.play();
   }, be = (T) => {
     o(T + 1);
@@ -4596,7 +4596,7 @@ const Bi = (e) => {
       Fe(S)
     ] }) }) : /* @__PURE__ */ A($, { children: [
       e.showCountdown && e.matchQuiz.status === "OPEN" && /* @__PURE__ */ t(
-        Zt,
+        Xt,
         {
           predictionsCutoffTime: e.matchQuiz.predictionsCutoff,
           brandingPrimaryColor: a == null ? void 0 : a.primaryColor
@@ -4604,7 +4604,7 @@ const Bi = (e) => {
       ),
       /* @__PURE__ */ t(i, { sx: P.questionArea, children: /* @__PURE__ */ A(i, { sx: P.questionContainer, children: [
         !E && /* @__PURE__ */ t(i, { sx: P.paginationContainer, children: /* @__PURE__ */ t(
-          Nt,
+          Zt,
           {
             matchQuiz: e.matchQuiz,
             currentStep: n,
@@ -5055,7 +5055,7 @@ const Bi = (e) => {
       ((I = e.leads) == null ? void 0 : I.position) === "before" && e.matchQuiz.authRequirement === "LEAD" || !1
     );
   }, [(de = e.leads) == null ? void 0 : de.position, e.matchQuiz.authRequirement]);
-  const f = we(), { t: d } = ne(), m = ce(), u = An(), a = ((Pe = e.matchQuiz.branding) == null ? void 0 : Pe.colors) || null, h = m ? ((Te = (ke = e.matchQuiz.branding) == null ? void 0 : ke.images) == null ? void 0 : Te.mobileLogo) || ((Me = (pe = e.matchQuiz.branding) == null ? void 0 : pe.images) == null ? void 0 : Me.mainLogo) || "" : ((De = (Oe = e.matchQuiz.branding) == null ? void 0 : Oe.images) == null ? void 0 : De.mainLogo) || "", s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : m ? tt : et, y = _e(
+  const f = we(), { t: d } = ne(), m = ce(), u = dn(), a = ((Pe = e.matchQuiz.branding) == null ? void 0 : Pe.colors) || null, h = m ? ((Te = (ke = e.matchQuiz.branding) == null ? void 0 : ke.images) == null ? void 0 : Te.mobileLogo) || ((Me = (pe = e.matchQuiz.branding) == null ? void 0 : pe.images) == null ? void 0 : Me.mainLogo) || "" : ((De = (Oe = e.matchQuiz.branding) == null ? void 0 : Oe.images) == null ? void 0 : De.mainLogo) || "", s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : m ? tt : et, y = _e(
     {
       images: e.matchQuiz.images,
       imagePlaceholder: s
@@ -5109,7 +5109,7 @@ const Bi = (e) => {
       });
     },
     [e.setPrediction]
-  ), M = e.matchQuiz.fixtures.length + 1, F = e.matchQuiz.status === "OPEN" && Lt(e.matchQuiz.predictionsCutoff), O = () => {
+  ), M = e.matchQuiz.fixtures.length + 1, F = e.matchQuiz.status === "OPEN" && Nt(e.matchQuiz.predictionsCutoff), O = () => {
     n < M ? o(n + 1) : e.play();
   }, X = (I) => {
     o(I + 1);
@@ -5348,7 +5348,7 @@ const Bi = (e) => {
             my: p.lg
           },
           children: /* @__PURE__ */ t(
-            Zt,
+            Xt,
             {
               predictionsCutoffTime: e.matchQuiz.predictionsCutoff,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
@@ -5358,7 +5358,7 @@ const Bi = (e) => {
         }
       ),
       !F && /* @__PURE__ */ t(i, { sx: Q.paginationContainer, children: /* @__PURE__ */ t(
-        Nt,
+        Zt,
         {
           matchQuiz: e.matchQuiz,
           currentStep: n,
@@ -5589,7 +5589,7 @@ const Bi = (e) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -5604,7 +5604,7 @@ const Bi = (e) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -5625,7 +5625,7 @@ const Bi = (e) => {
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -5779,7 +5779,7 @@ const Bi = (e) => {
 }, vi = (e, n) => {
   switch (e) {
     case "success":
-      return /* @__PURE__ */ t(dn, {});
+      return /* @__PURE__ */ t(mn, {});
     case "error":
       return /* @__PURE__ */ t(Bn, { sx: { color: n } });
     case "info":
@@ -5794,7 +5794,7 @@ const Bi = (e) => {
     case "info":
       return "primary";
   }
-}, Xt = ({
+}, _t = ({
   variant: e,
   title: n,
   message: o,
@@ -5915,7 +5915,7 @@ const Bi = (e) => {
     var F;
     return /* @__PURE__ */ A($, { children: [
       e.isUnauthorized ? /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(
-        Xt,
+        _t,
         {
           variant: "error",
           title: r("common.authentication.accessRequired"),
@@ -6000,7 +6000,7 @@ const Bi = (e) => {
   }
 }), Ji = (e) => {
   var B, v, P, j, M, F, O, X, q;
-  const n = we(), { t: o } = ne(), r = ce(), l = An(), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : r ? tt : et, d = _e(
+  const n = we(), { t: o } = ne(), r = ce(), l = dn(), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : r ? tt : et, d = _e(
     {
       images: e.matchQuiz.images,
       imagePlaceholder: f
@@ -6065,7 +6065,7 @@ const Bi = (e) => {
         alwaysShowImage: !0,
         rulesDisplay: e.rulesDisplay,
         children: e.isUnauthorized ? /* @__PURE__ */ t(i, { sx: k.alertMessageArea, children: /* @__PURE__ */ t(i, { sx: k.alertMessageWrapper, children: /* @__PURE__ */ t(
-          Xt,
+          _t,
           {
             variant: "error",
             title: o("common.authentication.accessRequired"),
@@ -6150,7 +6150,7 @@ const Bi = (e) => {
       width: e.isMobile ? "100%" : "50%",
       minWidth: e.isMobile ? "100%" : "50%",
       maxWidth: e.isMobile ? "100%" : "50%",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: e.isTabulated ? 0 : e.borderRadius.md,
@@ -6415,7 +6415,7 @@ const Bi = (e) => {
       }
     )
   ] });
-}, _t = ({
+}, $t = ({
   prediction: e,
   marketsResults: n,
   resultsTabPanelSxProps: o,
@@ -6995,7 +6995,7 @@ const Bi = (e) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${sn.selected}`]: {
+                    [`&.${An.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + v,
@@ -7070,7 +7070,7 @@ const Bi = (e) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${sn.selected}`]: {
+                    [`&.${An.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + v,
@@ -7233,7 +7233,7 @@ const Bi = (e) => {
       ]
     }
   ) });
-}, $t = (e, n, o) => {
+}, en = (e, n, o) => {
   const [r, l] = te(null), f = async () => {
     try {
       const d = await n.matchQuiz.getMarketsResultsForGame(e, !0);
@@ -7257,7 +7257,7 @@ const Bi = (e) => {
       }
     });
   }, [e, n]), r;
-}, en = (e, n) => {
+}, tn = (e, n) => {
   const [o, r] = te(
     null
   ), [l, f] = te(
@@ -7305,7 +7305,7 @@ const Bi = (e) => {
     goToPreviousPage: S,
     goToNextPage: K
   };
-}, tn = ({
+}, nn = ({
   leaderboard: e,
   userRankings: n,
   matchQuiz: o,
@@ -7471,7 +7471,7 @@ const Bi = (e) => {
                 k.position
               ] }) }),
               /* @__PURE__ */ t("td", { style: g.tableCellName, children: /* @__PURE__ */ A(i, { sx: g.nameCell, children: [
-                /* @__PURE__ */ t(rn, { sx: g.leaderboardAvatar, children: /* @__PURE__ */ t(cn, { sx: g.avatarIcon }) }),
+                /* @__PURE__ */ t(cn, { sx: g.leaderboardAvatar, children: /* @__PURE__ */ t(sn, { sx: g.avatarIcon }) }),
                 /* @__PURE__ */ t(x, { sx: g.nameText, children: f("matchQuiz.leaderboard.you") })
               ] }) }),
               /* @__PURE__ */ t("td", { style: g.tableCellPoints, children: /* @__PURE__ */ t(x, { sx: g.pointsText, children: k.points }) })
@@ -7489,11 +7489,11 @@ const Bi = (e) => {
                     ] }) }),
                     /* @__PURE__ */ t("td", { style: g.tableCellName, children: /* @__PURE__ */ A(i, { sx: g.nameCell, children: [
                       /* @__PURE__ */ t(
-                        rn,
+                        cn,
                         {
                           src: D.profileModel.avatar || void 0,
                           sx: g.leaderboardAvatar,
-                          children: D.profileModel.avatar ? /* @__PURE__ */ t($, {}) : /* @__PURE__ */ t(cn, { sx: g.avatarIcon })
+                          children: D.profileModel.avatar ? /* @__PURE__ */ t($, {}) : /* @__PURE__ */ t(sn, { sx: g.avatarIcon })
                         }
                       ),
                       /* @__PURE__ */ t(x, { sx: g.nameText, children: B ? f("matchQuiz.leaderboard.you") : D.profileModel.nickname || D.profileModel.name })
@@ -7529,7 +7529,7 @@ const Zi = yn("ChevronsLeft", [
 const Xi = yn("ChevronsRight", [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
-]), nn = ({
+]), an = ({
   count: e = 10,
   page: n = 1,
   onChange: o,
@@ -7746,13 +7746,13 @@ const Xi = yn("ChevronsRight", [
     isMobile: r,
     dangerColor: u,
     isTabulated: e.showPredictionDetails || !1
-  }), g = ((he = e.matchQuiz.labels) == null ? void 0 : he.sponsor) || null, { leaderboard: k, userRankings: b, pagination: p, currentPage: Q, goToPage: D } = en(e.matchQuiz.id, e.sdk), B = $t(
+  }), g = ((he = e.matchQuiz.labels) == null ? void 0 : he.sponsor) || null, { leaderboard: k, userRankings: b, pagination: p, currentPage: Q, goToPage: D } = tn(e.matchQuiz.id, e.sdk), B = en(
     e.matchQuiz.id,
     e.sdk,
     e.showPredictionDetails || !1
   ), v = () => /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(i, { sx: w.questionAreaContent, children: /* @__PURE__ */ A(i, { sx: w.mainContentContainer, children: [
     /* @__PURE__ */ t(
-      tn,
+      nn,
       {
         leaderboard: k,
         userRankings: b,
@@ -7762,7 +7762,7 @@ const Xi = yn("ChevronsRight", [
       }
     ),
     b && p && p.numberOfPages > 1 && /* @__PURE__ */ t(i, { sx: w.paginationContainer, children: /* @__PURE__ */ t(
-      nn,
+      an,
       {
         count: p.numberOfPages,
         page: Q,
@@ -7857,7 +7857,7 @@ const Xi = yn("ChevronsRight", [
     ) })
   ] }) });
   return /* @__PURE__ */ t(Le, { brandingBorderColor: (l == null ? void 0 : l.borderColor) || null, children: e.showPredictionDetails ? /* @__PURE__ */ A(
-    _t,
+    $t,
     {
       prediction: e.prediction,
       marketsResults: B,
@@ -7891,7 +7891,7 @@ const Xi = yn("ChevronsRight", [
       boxShadow: "md",
       border: (n = e.brandingColors) != null && n.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
       overflow: "hidden",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundPosition: "center",
       backgroundSize: "cover",
       position: "relative",
@@ -8160,7 +8160,7 @@ const Xi = yn("ChevronsRight", [
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -8175,7 +8175,7 @@ const Xi = yn("ChevronsRight", [
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -8196,7 +8196,7 @@ const Xi = yn("ChevronsRight", [
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -8552,7 +8552,7 @@ const Xi = yn("ChevronsRight", [
       boxShadow: "md",
       border: (f = e.brandingColors) != null && f.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
       overflow: "hidden",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundPosition: "center",
       backgroundSize: "cover",
       position: "relative",
@@ -8615,7 +8615,7 @@ const Xi = yn("ChevronsRight", [
     opacity: "60%",
     secondaryColor: Q,
     isExtraSmall: f
-  }), { leaderboard: v, userRankings: P, pagination: j, currentPage: M, goToPage: F } = en(e.matchQuiz.id, e.sdk), O = $t(
+  }), { leaderboard: v, userRankings: P, pagination: j, currentPage: M, goToPage: F } = tn(e.matchQuiz.id, e.sdk), O = en(
     e.matchQuiz.id,
     e.sdk,
     e.showPredictionDetails || !1
@@ -8665,7 +8665,7 @@ const Xi = yn("ChevronsRight", [
         /* @__PURE__ */ A(i, { sx: B.mainContentSection, children: [
           /* @__PURE__ */ A(i, { sx: B.contentContainerWithBackdrop, children: [
             /* @__PURE__ */ t(
-              tn,
+              nn,
               {
                 leaderboard: v,
                 userRankings: P,
@@ -8675,7 +8675,7 @@ const Xi = yn("ChevronsRight", [
               }
             ),
             P && j && j.numberOfPages > 1 && /* @__PURE__ */ t(i, { sx: B.paginationContainer, children: /* @__PURE__ */ t(
-              nn,
+              an,
               {
                 count: j.numberOfPages,
                 page: M,
@@ -8694,7 +8694,7 @@ const Xi = yn("ChevronsRight", [
     }
   );
   return /* @__PURE__ */ t($, { children: e.showPredictionDetails ? /* @__PURE__ */ t(i, { sx: B.mainContainerWithPredictionDetails, children: /* @__PURE__ */ t(
-    _t,
+    $t,
     {
       prediction: e.prediction,
       marketsResults: O,
@@ -8840,7 +8840,7 @@ const Xi = yn("ChevronsRight", [
       imagePlaceholder: a
     },
     ye.OVERLAY
-  ), s = mn(h), y = (m == null ? void 0 : m.secondaryColor) || n.colorSchemes.dark.textSecondary, C = n.colorSchemes.dark.secondaryContainer, U = n.colorSchemes.dark.textPrimary, S = n.customFontFamily.light.primary, K = n.customRadius.light.md, R = n.customRadius.light.xl, w = (m == null ? void 0 : m.backgroundColor) || n.colorSchemes.dark.surfaceVariant, g = e.matchQuiz.status === "OPEN" && e.prediction && e.squads && e.onPredictionUpdate, k = (v) => {
+  ), s = Gt(h), y = (m == null ? void 0 : m.secondaryColor) || n.colorSchemes.dark.textSecondary, C = n.colorSchemes.dark.secondaryContainer, U = n.colorSchemes.dark.textPrimary, S = n.customFontFamily.light.primary, K = n.customRadius.light.md, R = n.customRadius.light.xl, w = (m == null ? void 0 : m.backgroundColor) || n.colorSchemes.dark.surfaceVariant, g = e.matchQuiz.status === "OPEN" && e.prediction && e.squads && e.onPredictionUpdate, k = (v) => {
     console.log(`Edit prediction for fixture at index: ${v}`);
   }, b = ta({
     spacingScale: o,
@@ -8884,7 +8884,7 @@ const Xi = yn("ChevronsRight", [
     var v, P;
     return /* @__PURE__ */ A(i, { sx: b.mainContentWrapper, children: [
       e.isUnauthorized ? /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(
-        Xt,
+        _t,
         {
           variant: "error",
           title: r("common.authentication.accessRequired"),
@@ -9133,7 +9133,7 @@ const Xi = yn("ChevronsRight", [
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -9615,7 +9615,7 @@ const Xi = yn("ChevronsRight", [
       imagePlaceholder: u
     },
     ye.OVERLAY
-  ), h = mn(a), s = (w = (R = n.customRadius) == null ? void 0 : R.light) == null ? void 0 : w.xl, y = (d == null ? void 0 : d.primaryColor) || ((p = (b = (k = (g = n.colorSchemes) == null ? void 0 : g.light) == null ? void 0 : k.palette) == null ? void 0 : b.primary) == null ? void 0 : p.plainColor), C = (v = (B = (D = (Q = n.colorSchemes) == null ? void 0 : Q.light) == null ? void 0 : D.palette) == null ? void 0 : B.primary) == null ? void 0 : v.onPrimary, U = n.customFontFamily.dark.primary, S = da({
+  ), h = Gt(a), s = (w = (R = n.customRadius) == null ? void 0 : R.light) == null ? void 0 : w.xl, y = (d == null ? void 0 : d.primaryColor) || ((p = (b = (k = (g = n.colorSchemes) == null ? void 0 : g.light) == null ? void 0 : k.palette) == null ? void 0 : b.primary) == null ? void 0 : p.plainColor), C = (v = (B = (D = (Q = n.colorSchemes) == null ? void 0 : Q.light) == null ? void 0 : D.palette) == null ? void 0 : B.primary) == null ? void 0 : v.onPrimary, U = n.customFontFamily.dark.primary, S = da({
     buttonRadius: s,
     primaryColor: y,
     onPrimaryColor: C,
@@ -9907,7 +9907,7 @@ const Xi = yn("ChevronsRight", [
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -9922,7 +9922,7 @@ const Xi = yn("ChevronsRight", [
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -9943,7 +9943,7 @@ const Xi = yn("ChevronsRight", [
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -10310,7 +10310,7 @@ const Xi = yn("ChevronsRight", [
     H().surfaceVariant || ""
   )}, 0.5)`, b = rt(
     ye.STANDARD
-  ), p = "60%", Q = (l == null ? void 0 : l.secondaryColor) || H().textColor, { leaderboard: D, userRankings: B, pagination: v, currentPage: P, goToPage: j } = en(e.matchQuiz.id, e.sdk), M = $t(
+  ), p = "60%", Q = (l == null ? void 0 : l.secondaryColor) || H().textColor, { leaderboard: D, userRankings: B, pagination: v, currentPage: P, goToPage: j } = tn(e.matchQuiz.id, e.sdk), M = en(
     e.matchQuiz.id,
     e.sdk,
     e.showPredictionDetails || !1
@@ -10378,7 +10378,7 @@ const Xi = yn("ChevronsRight", [
         ] })
       ] }) }) }),
       /* @__PURE__ */ t(i, { sx: F.questionArea, children: /* @__PURE__ */ t(i, { sx: F.questionContainer, children: /* @__PURE__ */ t(i, { sx: F.questionContentContainer, children: /* @__PURE__ */ t(
-        tn,
+        nn,
         {
           leaderboard: D,
           userRankings: B,
@@ -10403,7 +10403,7 @@ const Xi = yn("ChevronsRight", [
               ml: d ? "0" : "auto"
             },
             children: /* @__PURE__ */ t(
-              nn,
+              an,
               {
                 count: v.numberOfPages,
                 page: P,
@@ -10481,7 +10481,7 @@ const Xi = yn("ChevronsRight", [
     ] })
   ] }) }) : /* @__PURE__ */ t($, {});
   return /* @__PURE__ */ t(Le, { brandingBorderColor: (l == null ? void 0 : l.borderColor) || null, children: e.showPredictionDetails ? /* @__PURE__ */ t(
-    _t,
+    $t,
     {
       prediction: e.prediction,
       marketsResults: M,
@@ -10519,7 +10519,7 @@ const Xi = yn("ChevronsRight", [
       anchorOrigin: { vertical: "top", horizontal: "center" },
       color: e.variant === "success" ? "success" : "danger",
       variant: "soft",
-      startDecorator: e.variant === "success" ? /* @__PURE__ */ t(dn, {}) : /* @__PURE__ */ t(Xn, {}),
+      startDecorator: e.variant === "success" ? /* @__PURE__ */ t(mn, {}) : /* @__PURE__ */ t(Xn, {}),
       sx: {
         borderRadius: o.sm,
         fontFamily: r.secondary,