fansunited-widgets-cdn 0.0.86-RC3 → 0.0.86-RC5

package/chunks/{MatchPredictionContainer-Ct6gXvLw.js → MatchPredictionContainer-BGytBwLo.js}

@@ -1,12 +1,10 @@
-import { j as e, B as h, t as C, r as a, a as W, f as q, C as ne } from "./main-XP7dqk6g.js";
-import { B as U, T as w } from "./Button-BV7YIFkS.js";
-import { C as K } from "./Card-DRIT0wtY.js";
-import { G as D } from "./Grid-Dpv_ZL23.js";
-import { S as te } from "./Snackbar-DHxnbCA3.js";
-import { c as V } from "./createSvgIcon-DVA0KIUd.js";
-import { C as ie, a as ae } from "./ChevronRight-BrCKlr3T.js";
-import { I as ce } from "./IconButton-Lt9Xks7c.js";
-import { A as le } from "./Alert-CuOsmojH.js";
+import { j as e, B as f, t as C, r as a, a as W, p as q, C as ne } from "./main-Bh6iw92_.js";
+import { B as U, T as w, C as K } from "./resolveProps-Bgg0H6c2.js";
+import { G as D } from "./Grid-yjqNNhEx.js";
+import { S as te, C as ie, a as ae } from "./ChevronRight-1pLZ7T0v.js";
+import { c as V } from "./createSvgIcon-D9D4a1R9.js";
+import { I as ce } from "./IconButton-D7onwgY0.js";
+import { A as le } from "./Alert-B6o66mYo.js";
 const de = V(/* @__PURE__ */ e.jsx("path", {
   d: "M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
 }), "CheckCircleOutline"), ue = V(/* @__PURE__ */ e.jsx("path", {
@@ -218,7 +216,7 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
   isLoading: n,
   predictionCount: l,
   totalPredictions: c,
-  onClick: f,
+  onClick: h,
   teamName: x,
   teamLogo: p
 }) => {
@@ -229,26 +227,26 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
       {
         variant: "outlined",
         color: "primary",
-        onClick: () => !s && f(t),
+        onClick: () => !s && h(t),
         disabled: n || s,
         sx: (i) => b.predictionButton.base(i, r, s),
         children: y ? (
           // Draw button content
           /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(h, { sx: b.teamLogoContainer, children: /* @__PURE__ */ e.jsx(w, { level: "h3", textColor: "text.primary", sx: { fontWeight: "bold" }, children: "X" }) }),
+            /* @__PURE__ */ e.jsx(f, { sx: b.teamLogoContainer, children: /* @__PURE__ */ e.jsx(w, { level: "h3", textColor: "text.primary", sx: { fontWeight: "bold" }, children: "X" }) }),
             /* @__PURE__ */ e.jsx(w, { level: "body-sm", textColor: "text.primary", children: C("predictions.draw") })
           ] })
         ) : (
           // Team button content
           /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            p && /* @__PURE__ */ e.jsx(h, { sx: b.teamLogoContainer, children: /* @__PURE__ */ e.jsx("img", { src: p, alt: x || "", style: b.teamLogoImage }) }),
+            p && /* @__PURE__ */ e.jsx(f, { sx: b.teamLogoContainer, children: /* @__PURE__ */ e.jsx("img", { src: p, alt: x || "", style: b.teamLogoImage }) }),
             /* @__PURE__ */ e.jsx(w, { level: "body-sm", textColor: "text.primary", children: x || "" })
           ] })
         )
       }
     ),
-    s && /* @__PURE__ */ e.jsxs(h, { sx: b.progressContainer, children: [
-      /* @__PURE__ */ e.jsx(h, { sx: b.progressTrack, children: /* @__PURE__ */ e.jsx(h, { sx: b.progressIndicator(r, m) }) }),
+    s && /* @__PURE__ */ e.jsxs(f, { sx: b.progressContainer, children: [
+      /* @__PURE__ */ e.jsx(f, { sx: b.progressTrack, children: /* @__PURE__ */ e.jsx(f, { sx: b.progressIndicator(r, m) }) }),
       /* @__PURE__ */ e.jsxs(w, { level: "body-xs", textAlign: "center", textColor: "text.secondary", children: [
         m,
         "% (",
@@ -263,7 +261,7 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
     x: 0,
     2: 0,
     total: 0
-  }), [c, f] = a.useState(!1), [x, p] = a.useState(null), m = async () => {
+  }), [c, h] = a.useState(!1), [x, p] = a.useState(null), m = async () => {
     try {
       const i = await t.predictor.getMarketSummary(r, s);
       if (i && i.fullTimeOneXTwo) {
@@ -280,7 +278,7 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
       console.error("Error fetching market summary:", i), p(i instanceof Error ? i : new Error("Failed to fetch market summary"));
     }
   }, y = async (i) => {
-    f(!0);
+    h(!0);
     try {
       return await t.predictor.makeFootballPrediction(r, s, i), l((o) => {
         const d = { ...o };
@@ -289,7 +287,7 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
     } catch (o) {
       return console.error("Error making prediction:", o), p(o instanceof Error ? o : new Error("Failed to make prediction")), !1;
     } finally {
-      f(!1);
+      h(!1);
     }
   };
   return a.useEffect(() => {
@@ -303,8 +301,8 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
   };
 }, pe = ({ match: t, market: r, title: s }) => {
   var A, E, O, T, B, z;
-  const n = W(), { defaultImagePlaceholderUrl: l } = q(), [c, f] = a.useState(null), [x, p] = a.useState(!1), [m, y] = a.useState(!1), { predictionStats: i, isLoading: o, makePrediction: d } = oe(n, t.id, r), u = async (H) => {
-    f(H), await d(H) && (p(!0), y(!0), setTimeout(() => {
+  const n = W(), { defaultImagePlaceholderUrl: l } = q(), [c, h] = a.useState(null), [x, p] = a.useState(!1), [m, y] = a.useState(!1), { predictionStats: i, isLoading: o, makePrediction: d } = oe(n, t.id, r), u = async (H) => {
+    h(H), await d(H) && (p(!0), y(!0), setTimeout(() => {
       y(!1);
     }, 3e3));
   }, S = s || (r === "HT_1X2" ? C("predictions.question_ht_1x2") : C("predictions.question_ft_1x2"));
@@ -365,8 +363,8 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
     )
   ] });
 }, N = a.memo(({ score: t, onIncrement: r, onDecrement: s, isLoading: n, layout: l }) => {
-  const c = (x) => /* @__PURE__ */ e.jsx(ce, { size: "sm", variant: "solid", color: "primary", ...x }), f = /* @__PURE__ */ e.jsx(w, { level: "h3", sx: g.scoreDisplay, children: t });
-  return l === "horizontal" ? /* @__PURE__ */ e.jsxs(h, { sx: g.scoreInputContainer.horizontal, children: [
+  const c = (x) => /* @__PURE__ */ e.jsx(ce, { size: "sm", variant: "solid", color: "primary", ...x }), h = /* @__PURE__ */ e.jsx(w, { level: "h3", sx: g.scoreDisplay, children: t });
+  return l === "horizontal" ? /* @__PURE__ */ e.jsxs(f, { sx: g.scoreInputContainer.horizontal, children: [
     /* @__PURE__ */ e.jsx(
       c,
       {
@@ -387,7 +385,7 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
         children: /* @__PURE__ */ e.jsx(ie, {})
       }
     ),
-    f,
+    h,
     /* @__PURE__ */ e.jsx(
       c,
       {
@@ -408,7 +406,7 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
         children: /* @__PURE__ */ e.jsx(ae, {})
       }
     )
-  ] }) : /* @__PURE__ */ e.jsx(h, { sx: g.scoreInputContainer.vertical, children: /* @__PURE__ */ e.jsxs(h, { sx: g.scoreInputContainer.verticalInner, children: [
+  ] }) : /* @__PURE__ */ e.jsx(f, { sx: g.scoreInputContainer.vertical, children: /* @__PURE__ */ e.jsxs(f, { sx: g.scoreInputContainer.verticalInner, children: [
     /* @__PURE__ */ e.jsx(
       c,
       {
@@ -424,7 +422,7 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
         children: /* @__PURE__ */ e.jsx(xe, {})
       }
     ),
-    f,
+    h,
     /* @__PURE__ */ e.jsx(
       c,
       {
@@ -445,14 +443,14 @@ const de = V(/* @__PURE__ */ e.jsx("path", {
 N.displayName = "ScoreInput";
 const F = a.memo(({ team: t, sx: r }) => {
   var s;
-  return /* @__PURE__ */ e.jsxs(h, { sx: { ...g.teamDisplay.base, ...r }, children: [
-    ((s = t == null ? void 0 : t.assets) == null ? void 0 : s.logo) && /* @__PURE__ */ e.jsx(h, { component: "img", src: t.assets.logo, alt: t.name, sx: g.teamLogo }),
+  return /* @__PURE__ */ e.jsxs(f, { sx: { ...g.teamDisplay.base, ...r }, children: [
+    ((s = t == null ? void 0 : t.assets) == null ? void 0 : s.logo) && /* @__PURE__ */ e.jsx(f, { component: "img", src: t.assets.logo, alt: t.name, sx: g.teamLogo }),
     /* @__PURE__ */ e.jsx(w, { level: "title-md", sx: g.teamName, children: (t == null ? void 0 : t.name) || "Team" })
   ] });
 });
 F.displayName = "TeamDisplay";
 const me = ({ match: t, market: r, title: s }) => {
-  const n = W(), { defaultImagePlaceholderUrl: l } = q(), [c, f] = a.useState(0), [x, p] = a.useState(0), [m, y] = a.useState(!1), [i, o] = a.useState(!1), [d, u] = a.useState(!1), [S, A] = a.useState(!0), [E, O] = a.useState(null), { isLoading: T, makePrediction: B } = oe(n, t.id, r);
+  const n = W(), { defaultImagePlaceholderUrl: l } = q(), [c, h] = a.useState(0), [x, p] = a.useState(0), [m, y] = a.useState(!1), [i, o] = a.useState(!1), [d, u] = a.useState(!1), [S, A] = a.useState(!0), [E, O] = a.useState(null), { isLoading: T, makePrediction: B } = oe(n, t.id, r);
   a.useEffect(() => {
     const k = async () => {
       var j, $, R;
@@ -469,7 +467,7 @@ const me = ({ match: t, market: r, title: s }) => {
           );
           if ((R = ($ = (j = P == null ? void 0 : P.fixtures) == null ? void 0 : j[0]) == null ? void 0 : $.prediction) != null && R.value) {
             const M = P.fixtures[0].prediction.value, [v, L] = M.split(":").map(Number);
-            !isNaN(v) && !isNaN(L) && (f(v), p(L), O(P.id));
+            !isNaN(v) && !isNaN(L) && (h(v), p(L), O(P.id));
           }
         }
       } catch (_) {
@@ -506,15 +504,15 @@ const me = ({ match: t, market: r, title: s }) => {
       y(!1), u(!0), setTimeout(() => u(!1), 3e3);
     }
   }, I = (k) => {
-    k === "home" ? f((j) => Math.min(j + 1, 99)) : p((j) => Math.min(j + 1, 99)), o(!1);
+    k === "home" ? h((j) => Math.min(j + 1, 99)) : p((j) => Math.min(j + 1, 99)), o(!1);
   }, Y = (k) => {
-    k === "home" ? f((j) => Math.max(j - 1, 0)) : p((j) => Math.max(j - 1, 0)), o(!1);
+    k === "home" ? h((j) => Math.max(j - 1, 0)) : p((j) => Math.max(j - 1, 0)), o(!1);
   }, se = i ? C("predictions.success_message", "Prediction accepted") : E ? C("predictions.update_prediction", "Update prediction") : C("predictions.make_prediction", "Submit prediction");
   return /* @__PURE__ */ e.jsxs(K, { sx: { ...g.card, backgroundImage: l ? `url(${l})` : "none" }, children: [
     /* @__PURE__ */ e.jsx(w, { level: "h4", sx: g.title, children: z }),
-    /* @__PURE__ */ e.jsxs(h, { sx: g.desktopContainer, children: [
+    /* @__PURE__ */ e.jsxs(f, { sx: g.desktopContainer, children: [
       /* @__PURE__ */ e.jsx(F, { team: t.homeTeam, sx: g.teamDisplay.homeDesktop }),
-      /* @__PURE__ */ e.jsxs(h, { sx: g.scoreControlsContainer, children: [
+      /* @__PURE__ */ e.jsxs(f, { sx: g.scoreControlsContainer, children: [
         /* @__PURE__ */ e.jsx(
           N,
           {
@@ -539,8 +537,8 @@ const me = ({ match: t, market: r, title: s }) => {
       ] }),
       /* @__PURE__ */ e.jsx(F, { team: t.awayTeam, sx: g.teamDisplay.awayDesktop })
     ] }),
-    /* @__PURE__ */ e.jsxs(h, { sx: g.mobileContainer, children: [
-      /* @__PURE__ */ e.jsxs(h, { sx: g.mobileRow, children: [
+    /* @__PURE__ */ e.jsxs(f, { sx: g.mobileContainer, children: [
+      /* @__PURE__ */ e.jsxs(f, { sx: g.mobileRow, children: [
         /* @__PURE__ */ e.jsx(F, { team: t.homeTeam }),
         /* @__PURE__ */ e.jsx(
           N,
@@ -553,7 +551,7 @@ const me = ({ match: t, market: r, title: s }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(h, { sx: g.mobileRow, children: [
+      /* @__PURE__ */ e.jsxs(f, { sx: g.mobileRow, children: [
         /* @__PURE__ */ e.jsx(F, { team: t.awayTeam }),
         /* @__PURE__ */ e.jsx(
           N,
@@ -589,7 +587,7 @@ const me = ({ match: t, market: r, title: s }) => {
   isLoading: n,
   predictionCount: l,
   totalPredictions: c,
-  onClick: f
+  onClick: h
 }) => {
   const x = re(l, c);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -598,7 +596,7 @@ const me = ({ match: t, market: r, title: s }) => {
       {
         variant: "outlined",
         color: "primary",
-        onClick: () => !s && f(),
+        onClick: () => !s && h(),
         disabled: n || s,
         sx: (p) => ({
           ...b.predictionButton.base(p, r, s),
@@ -607,8 +605,8 @@ const me = ({ match: t, market: r, title: s }) => {
         children: /* @__PURE__ */ e.jsx(w, { level: "body-sm", textColor: "text.primary", children: t === "yes" ? C("predictions.yes") : C("predictions.no") })
       }
     ),
-    s && /* @__PURE__ */ e.jsxs(h, { sx: b.progressContainer, children: [
-      /* @__PURE__ */ e.jsx(h, { sx: b.progressTrack, children: /* @__PURE__ */ e.jsx(h, { sx: b.progressIndicator(r, x) }) }),
+    s && /* @__PURE__ */ e.jsxs(f, { sx: b.progressContainer, children: [
+      /* @__PURE__ */ e.jsx(f, { sx: b.progressTrack, children: /* @__PURE__ */ e.jsx(f, { sx: b.progressIndicator(r, x) }) }),
       /* @__PURE__ */ e.jsxs(w, { level: "body-xs", textAlign: "center", textColor: "text.secondary", children: [
         x,
         "% (",
@@ -617,12 +615,12 @@ const me = ({ match: t, market: r, title: s }) => {
       ] })
     ] })
   ] });
-}, fe = (t, r, s, n) => {
+}, he = (t, r, s, n) => {
   const [l, c] = a.useState({
     yes: 0,
     no: 0,
     total: 0
-  }), [f, x] = a.useState(!1), [p, m] = a.useState(null), y = async () => {
+  }), [h, x] = a.useState(!1), [p, m] = a.useState(null), y = async () => {
     try {
       const o = n ? (
         // @ts-expect-error - market is not assignable to type 'MarketType'
@@ -662,13 +660,13 @@ const me = ({ match: t, market: r, title: s }) => {
     r && y();
   }, [r, n]), {
     predictionStats: l,
-    isLoading: f,
+    isLoading: h,
     error: p,
     makePrediction: i,
     refreshSummary: y
   };
-}, he = ({ match: t, market: r, title: s, playerId: n }) => {
-  const l = W(), { defaultImagePlaceholderUrl: c } = q(), [f, x] = a.useState(null), [p, m] = a.useState(!1), [y, i] = a.useState(!1), { predictionStats: o, isLoading: d, makePrediction: u } = fe(l, t.id, r, n), S = async (E) => {
+}, fe = ({ match: t, market: r, title: s, playerId: n }) => {
+  const l = W(), { defaultImagePlaceholderUrl: c } = q(), [h, x] = a.useState(null), [p, m] = a.useState(!1), [y, i] = a.useState(!1), { predictionStats: o, isLoading: d, makePrediction: u } = he(l, t.id, r, n), S = async (E) => {
     x(E), await u(E) && (m(!0), i(!0), setTimeout(() => {
       i(!1);
     }, 3e3));
@@ -694,7 +692,7 @@ const me = ({ match: t, market: r, title: s }) => {
         ee,
         {
           type: "yes",
-          isSelected: f === !0,
+          isSelected: h === !0,
           isPredictionMade: p,
           isLoading: d,
           predictionCount: o.yes,
@@ -706,7 +704,7 @@ const me = ({ match: t, market: r, title: s }) => {
         ee,
         {
           type: "no",
-          isSelected: f === !1,
+          isSelected: h === !1,
           isPredictionMade: p,
           isLoading: d,
           predictionCount: o.no,
@@ -728,14 +726,14 @@ const me = ({ match: t, market: r, title: s }) => {
     )
   ] });
 }, ge = ["BOTH_TEAMS_SCORE", "PENALTY_MATCH", "RED_CARD_MATCH"], ye = ["FT_1X2", "HT_1X2"], Ce = ["CORRECT_SCORE", "CORRECT_SCORE_HT", "CORRECT_SCORE_ADVANCED"], Se = ({ match: t, market: r }) => {
-  const s = () => !t || !t.availableMarkets ? !1 : t.availableMarkets.includes(r), n = () => s() ? ye.includes(r) ? /* @__PURE__ */ e.jsx(pe, { match: t, market: r }) : ge.includes(r) ? /* @__PURE__ */ e.jsx(he, { match: t, market: r }) : Ce.includes(r) ? /* @__PURE__ */ e.jsx(me, { match: t, market: r }) : (console.warn(`Unsupported market type: ${r}`), null) : (console.warn(`Market ${r} is not available for match ${t.id}`), null);
-  return /* @__PURE__ */ e.jsx(h, { children: n() });
-}, ve = ({ contentId: t, market: r, contentType: s }) => {
-  const [n, l] = a.useState(!0), [c, f] = a.useState(null), [x, p] = a.useState(!1), m = W(), y = async () => {
+  const s = () => !t || !t.availableMarkets ? !1 : t.availableMarkets.includes(r), n = () => s() ? ye.includes(r) ? /* @__PURE__ */ e.jsx(pe, { match: t, market: r }) : ge.includes(r) ? /* @__PURE__ */ e.jsx(fe, { match: t, market: r }) : Ce.includes(r) ? /* @__PURE__ */ e.jsx(me, { match: t, market: r }) : (console.warn(`Unsupported market type: ${r}`), null) : (console.warn(`Market ${r} is not available for match ${t.id}`), null);
+  return /* @__PURE__ */ e.jsx(f, { children: n() });
+}, Re = ({ contentId: t, market: r, contentType: s }) => {
+  const [n, l] = a.useState(!0), [c, h] = a.useState(null), [x, p] = a.useState(!1), m = W(), y = async () => {
     l(!0), p(!1);
     try {
       let i;
-      s === "match" ? i = await m.football.getMatchById(t) : i = await m.football.getNextMatchForTeam(t), f(i);
+      s === "match" ? i = await m.football.getMatchById(t) : i = await m.football.getNextMatchForTeam(t), h(i);
     } catch (i) {
       console.warn(`Error fetching ${s}:`, i), p(!0);
     } finally {
@@ -744,8 +742,8 @@ const me = ({ match: t, market: r, title: s }) => {
   };
   return a.useEffect(() => {
     y();
-  }, [t, s]), !c || x ? null : n ? /* @__PURE__ */ e.jsx(h, { sx: { display: "flex", justifyContent: "center", p: 4 }, children: /* @__PURE__ */ e.jsx(ne, {}) }) : /* @__PURE__ */ e.jsx(Se, { match: c, market: r });
+  }, [t, s]), !c || x ? null : n ? /* @__PURE__ */ e.jsx(f, { sx: { display: "flex", justifyContent: "center", p: 4 }, children: /* @__PURE__ */ e.jsx(ne, {}) }) : /* @__PURE__ */ e.jsx(Se, { match: c, market: r });
 };
 export {
-  ve as default
+  Re as default
 };