fansunited-frontend-components 0.0.39 → 0.0.40

package/EventGamePlay.js

@@ -1,18 +1,23 @@
 import { jsx as t, jsxs as m, Fragment as j } from "react/jsx-runtime";
 import Je, { useState as Q, useEffect as je, useRef as At, createContext as zt, useCallback as et, useMemo as Ve } from "react";
-import { e as Y, w as J, x as p, a2 as He, B as i, v as q, T as x, f as ae, u as ue, an as De, a0 as ne, a1 as We, aq as Se, am as It, au as Dt, ay as Mt, a5 as Re, W as le, y as Ee, a3 as kt } from "./chunks/ConstantsProvider-BPJJz9fq.js";
-import { P as Bt } from "./chunks/Portal-DWAr8MhA.js";
-import { g as Ht, u as Ce, h as N, d as Me, a as Be, e as tt, s as Le, b as Wt, n as Et } from "./chunks/useImageVariant-Do8kOVs2.js";
-import { a as $t, b as Lt, S as Ft } from "./chunks/Spinner-m59ZJZ35.js";
+import { e as Y, j as J, k as p, F as He, B as i, h as q, T as x, f as ae, u as ue, ah as De, A as ne, a7 as We, aq as Se, ag as It, au as Dt, ay as Mt, D as Re, W as le, g as Ee, S as kt } from "./chunks/PrizeCard-gMp7I66d.js";
+import { P as Bt } from "./chunks/Portal-B9wkUnY2.js";
+import { g as Ht, u as Ce, h as N, e as tt, s as Le, a as Wt, k as Et } from "./chunks/useImageVariant-pnFelF9A.js";
+import { a as $t, b as Lt, S as Ft } from "./chunks/Spinner-BBA89t5s.js";
 import "react-dom";
-import { L as Ut, e as W, A as Qe, a as Vt, c as jt, b as Nt, O as Ot, S as qt, C as xt, d as yt, f as Yt } from "./chunks/ChanceGameEmbedVariant-BvIKBhq_.js";
-import { A as ht, N as Xe } from "./chunks/Notification-Bwcoljir.js";
-import { T as bt, C as _t, D as Zt, S as Tt, R as Ue, N as Xt, O as Kt } from "./chunks/useInfoPage-v91yL5SS.js";
-import { K as Qt, a as Jt, H as en, D as tn, S as wt, T as Rt, E as nn, P as St, C as an, b as on } from "./chunks/chevron-right-Dlc9ZKhv.js";
-import { I as pt, e as ln, d as rn, f as cn, W as dn } from "./chunks/AlertMessage-C2aBXCrl.js";
-import { w as sn, x as mn, C as gn } from "./chunks/CheckCircle-D-GH16Lb.js";
-import { T as un, a as fn, b as Ct, t as vt, c as Pt } from "./chunks/Tabs-BGihvj9C.js";
-import { O as xn } from "./chunks/OverlayScoreStateSkeleton-xvq9lQEi.js";
+import { a as Ut, b as Vt, O as jt, S as Nt, C as xt, c as yt } from "./chunks/ChanceGameEmbedVariant-DWqOTf4o.js";
+import { N as Xe } from "./chunks/Notification-BTtUhfZQ.js";
+import { L as Ot, c as W, A as Qe, S as qt, b as Yt } from "./chunks/index-2s5UkG1y.js";
+import { T as ht, C as _t, D as Zt, S as Tt, R as Ue, N as Xt } from "./chunks/NotFoundSkeleton-B3RNa8KJ.js";
+import { K as Kt, a as Qt, H as Jt, D as en, E as tn, C as nn, b as an } from "./chunks/chevron-right-DGEksBI7.js";
+import { I as wt, e as on, S as ln, f as rn, W as cn } from "./chunks/AlertMessage-cjTHrMUK.js";
+import { w as dn, x as sn, C as mn } from "./chunks/CheckCircle-ClY-iOQ5.js";
+import { S as Rt, T as pt, P as bt } from "./chunks/Person-D0Im9_zE.js";
+import { d as Me, a as Be } from "./chunks/default-quiz-bg-vertical-CT7rrg9o.js";
+import { T as gn, a as un, b as St, t as Ct, c as vt } from "./chunks/Tabs-D_n8rNw3.js";
+import { A as Pt } from "./chunks/Avatar-CQCrd1m-.js";
+import { O as fn } from "./chunks/useInfoPage-DPkzE5Gn.js";
+import { O as xn } from "./chunks/OverlayScoreStateSkeleton-DJn0Rim3.js";
 const yn = (e, n, a) => {
   const [r, c] = Q(null), [d, f] = Q(null), o = async () => {
     try {
@@ -28,7 +33,7 @@ const yn = (e, n, a) => {
       } else
         f([]);
     } catch (l) {
-      console.warn(l), c(new Ut()), f([]);
+      console.warn(l), c(new Ot()), f([]);
     }
   };
   return je(() => (o(), () => {
@@ -673,11 +678,11 @@ const yn = (e, n, a) => {
         onClick: () => T(!1),
         sx: u.numberButton,
         disabled: o <= b,
-        children: /* @__PURE__ */ t(Qt, { fontSize: "small" })
+        children: /* @__PURE__ */ t(Kt, { fontSize: "small" })
       }
     ),
     /* @__PURE__ */ t(
-      pt,
+      wt,
       {
         value: o,
         onChange: h,
@@ -703,7 +708,7 @@ const yn = (e, n, a) => {
         onClick: () => T(!0),
         sx: u.numberButton,
         disabled: o >= s,
-        children: /* @__PURE__ */ t(Jt, { fontSize: "small" })
+        children: /* @__PURE__ */ t(Qt, { fontSize: "small" })
       }
     )
   ] }) });
@@ -854,7 +859,7 @@ const yn = (e, n, a) => {
     points: s.points
   }) });
   return f || e.isSplitVariant ? /* @__PURE__ */ t(
-    bt,
+    ht,
     {
       title: k(),
       placement: "top-start",
@@ -871,12 +876,12 @@ const yn = (e, n, a) => {
         {
           onClick: () => l(!o),
           sx: b.mobileIconButton,
-          children: /* @__PURE__ */ t(en, { sx: b.mobileIcon })
+          children: /* @__PURE__ */ t(Jt, { sx: b.mobileIcon })
         }
       )
     }
   ) : /* @__PURE__ */ t(
-    bt,
+    ht,
     {
       title: k(),
       placement: "top-start",
@@ -1552,17 +1557,17 @@ const yn = (e, n, a) => {
   ) : (
     // Otherwise, render select dropdown (default behavior)
     /* @__PURE__ */ t(
-      sn,
+      dn,
       {
         value: s || null,
         onChange: F,
         placeholder: n("eventGame.fixtures.textSelectPlaceholder"),
         slotProps: h,
-        children: I.map((H, y) => /* @__PURE__ */ t(mn, { value: H, sx: P, children: H }, y))
+        children: I.map((H, y) => /* @__PURE__ */ t(sn, { value: H, sx: P, children: H }, y))
       }
     )
   ) }) : /* @__PURE__ */ t(i, { sx: C.inputContainer, children: /* @__PURE__ */ t(
-    pt,
+    wt,
     {
       value: s,
       onChange: v,
@@ -2296,7 +2301,7 @@ const yn = (e, n, a) => {
       children: /* @__PURE__ */ m(Lt, { sx: b.modalDialog, children: [
         /* @__PURE__ */ t(De, { onClick: e.onClose, sx: b.closeButton, children: /* @__PURE__ */ t(_t, {}) }),
         /* @__PURE__ */ t(Zt, { sx: b.content, children: T() }),
-        e.view === "score" && /* @__PURE__ */ m(tn, { children: [
+        e.view === "score" && /* @__PURE__ */ m(en, { children: [
           /* @__PURE__ */ t(
             Re,
             {
@@ -2396,8 +2401,8 @@ const yn = (e, n, a) => {
   };
   return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ m(i, { sx: s.container, children: [
     /* @__PURE__ */ t(x, { sx: s.title, children: n("eventGame.summary.title") }),
-    /* @__PURE__ */ t(wt, { sx: s.tableContainer, children: /* @__PURE__ */ m(
-      Rt,
+    /* @__PURE__ */ t(Rt, { sx: s.tableContainer, children: /* @__PURE__ */ m(
+      pt,
       {
         variant: "outlined",
         hoverRow: !1,
@@ -2421,7 +2426,7 @@ const yn = (e, n, a) => {
                 size: "sm",
                 sx: s.editIconButton,
                 onClick: () => k(C),
-                children: /* @__PURE__ */ t(nn, {})
+                children: /* @__PURE__ */ t(tn, {})
               }
             ) })
           ] }, `${P.id}-${C}`)) })
@@ -3037,11 +3042,11 @@ const yn = (e, n, a) => {
 }, Hn = (e, n) => {
   switch (e) {
     case "success":
-      return /* @__PURE__ */ t(gn, {});
+      return /* @__PURE__ */ t(mn, {});
     case "error":
-      return /* @__PURE__ */ t(dn, { sx: { color: n } });
+      return /* @__PURE__ */ t(cn, { sx: { color: n } });
     case "info":
-      return /* @__PURE__ */ t(cn, {});
+      return /* @__PURE__ */ t(rn, {});
   }
 }, Wn = (e) => {
   switch (e) {
@@ -3060,7 +3065,7 @@ const yn = (e, n, a) => {
 }) => {
   const c = ue(), d = J(), f = q().secondary, o = Y(), l = Wn(e);
   return /* @__PURE__ */ t(
-    ln,
+    on,
     {
       variant: "soft",
       color: l,
@@ -3075,7 +3080,7 @@ const yn = (e, n, a) => {
         "--Icon-fontSize": o ? "1em" : "1.25em"
       },
       children: /* @__PURE__ */ m(
-        rn,
+        ln,
         {
           sx: {
             fontSize: "1.5em"
@@ -3327,7 +3332,7 @@ const yn = (e, n, a) => {
   }, H = () => {
     var ye, Pe, Ie, be;
     return /* @__PURE__ */ t(
-      Vt,
+      Ut,
       {
         entity: { ...e.eventGame, labels: null },
         headline: n("eventGame.headline"),
@@ -4389,7 +4394,7 @@ const yn = (e, n, a) => {
     );
   };
   return /* @__PURE__ */ t(i, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
-    un,
+    gn,
     {
       value: f,
       onChange: (z, S) => o(S),
@@ -4401,7 +4406,7 @@ const yn = (e, n, a) => {
       },
       children: [
         /* @__PURE__ */ m(
-          fn,
+          un,
           {
             sx: {
               fontSize: b ? "0.75em" : "1em",
@@ -4409,7 +4414,7 @@ const yn = (e, n, a) => {
             },
             children: [
               /* @__PURE__ */ t(
-                Ct,
+                St,
                 {
                   sx: {
                     display: "flex",
@@ -4424,7 +4429,7 @@ const yn = (e, n, a) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${vt.selected}`]: {
+                    [`&.${Ct.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + H,
@@ -4484,7 +4489,7 @@ const yn = (e, n, a) => {
                 }
               ),
               /* @__PURE__ */ t(
-                Ct,
+                St,
                 {
                   sx: {
                     display: "flex",
@@ -4499,7 +4504,7 @@ const yn = (e, n, a) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${vt.selected}`]: {
+                    [`&.${Ct.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + H,
@@ -4562,7 +4567,7 @@ const yn = (e, n, a) => {
           }
         ),
         /* @__PURE__ */ t(
-          Pt,
+          vt,
           {
             value: 0,
             sx: {
@@ -4573,7 +4578,7 @@ const yn = (e, n, a) => {
           }
         ),
         /* @__PURE__ */ t(
-          Pt,
+          vt,
           {
             value: 1,
             sx: {
@@ -4801,8 +4806,8 @@ const yn = (e, n, a) => {
   const F = n == null ? void 0 : n.position, D = F && e.some((I) => I.position === F);
   return /* @__PURE__ */ m(i, { sx: v.leaderboardContainer, children: [
     a && /* @__PURE__ */ t(x, { level: "h4", sx: v.leaderboardTitle, children: d("eventGame.leaderboard.title") }),
-    /* @__PURE__ */ t(wt, { sx: v.tableContainer, children: /* @__PURE__ */ m(
-      Rt,
+    /* @__PURE__ */ t(Rt, { sx: v.tableContainer, children: /* @__PURE__ */ m(
+      pt,
       {
         variant: "outlined",
         hoverRow: !1,
@@ -4822,7 +4827,7 @@ const yn = (e, n, a) => {
                 n.position
               ] }) }),
               /* @__PURE__ */ t("td", { style: v.tableCellName, children: /* @__PURE__ */ m(i, { sx: v.nameCell, children: [
-                /* @__PURE__ */ t(ht, { sx: v.leaderboardAvatar, children: /* @__PURE__ */ t(St, { sx: v.avatarIcon }) }),
+                /* @__PURE__ */ t(Pt, { sx: v.leaderboardAvatar, children: /* @__PURE__ */ t(bt, { sx: v.avatarIcon }) }),
                 /* @__PURE__ */ t(x, { sx: v.nameText, children: d("eventGame.leaderboard.you") })
               ] }) }),
               /* @__PURE__ */ t("td", { style: v.tableCellPoints, children: /* @__PURE__ */ t(x, { sx: v.pointsText, children: n.totalPoints }) })
@@ -4841,11 +4846,11 @@ const yn = (e, n, a) => {
                     ] }) }),
                     /* @__PURE__ */ t("td", { style: v.tableCellName, children: /* @__PURE__ */ m(i, { sx: v.nameCell, children: [
                       /* @__PURE__ */ t(
-                        ht,
+                        Pt,
                         {
                           src: ((w = I.profileModel) == null ? void 0 : w.avatar) || void 0,
                           sx: v.leaderboardAvatar,
-                          children: (H = I.profileModel) != null && H.avatar ? /* @__PURE__ */ t(j, {}) : /* @__PURE__ */ t(St, { sx: v.avatarIcon })
+                          children: (H = I.profileModel) != null && H.avatar ? /* @__PURE__ */ t(j, {}) : /* @__PURE__ */ t(bt, { sx: v.avatarIcon })
                         }
                       ),
                       /* @__PURE__ */ t(x, { sx: v.nameText, children: $ ? d("eventGame.leaderboard.you") : ((y = I.profileModel) == null ? void 0 : y.nickname) || ((A = I.profileModel) == null ? void 0 : A.name) })
@@ -4917,7 +4922,7 @@ const yn = (e, n, a) => {
             onClick: r,
             disabled: !n,
             sx: o(),
-            children: /* @__PURE__ */ t(an, { size: 20 })
+            children: /* @__PURE__ */ t(nn, { size: 20 })
           }
         ),
         /* @__PURE__ */ t(
@@ -4929,7 +4934,7 @@ const yn = (e, n, a) => {
             onClick: a,
             disabled: !e,
             sx: o(),
-            children: /* @__PURE__ */ t(on, { size: 20 })
+            children: /* @__PURE__ */ t(an, { size: 20 })
           }
         )
       ]
@@ -5125,7 +5130,7 @@ const yn = (e, n, a) => {
   var d, f, o, l, g, b, s;
   const { t: n } = ne(), a = Y(), r = ((d = e.eventGame.branding) == null ? void 0 : d.colors) || null, c = a ? ((o = (f = e.eventGame.branding) == null ? void 0 : f.images) == null ? void 0 : o.mobileLogo) || ((g = (l = e.eventGame.branding) == null ? void 0 : l.images) == null ? void 0 : g.mainLogo) || "" : ((s = (b = e.eventGame.branding) == null ? void 0 : b.images) == null ? void 0 : s.mainLogo) || "";
   return /* @__PURE__ */ t(ve, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
-    jt,
+    qt,
     {
       entity: { ...e.eventGame, labels: null },
       headline: n("eventGame.headline"),
@@ -5149,7 +5154,7 @@ const yn = (e, n, a) => {
   var d, f, o, l, g, b, s;
   const { t: n } = ne(), a = Y(), r = ((d = e.eventGame.branding) == null ? void 0 : d.colors) || null, c = a ? ((o = (f = e.eventGame.branding) == null ? void 0 : f.images) == null ? void 0 : o.mobileLogo) || ((g = (l = e.eventGame.branding) == null ? void 0 : l.images) == null ? void 0 : g.mainLogo) || "" : ((s = (b = e.eventGame.branding) == null ? void 0 : b.images) == null ? void 0 : s.mainLogo) || "";
   return /* @__PURE__ */ t(ve, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
-    Nt,
+    Vt,
     {
       entity: { ...e.eventGame, labels: null },
       headline: n("eventGame.headline"),
@@ -5173,7 +5178,7 @@ const yn = (e, n, a) => {
     e.eventGame.branding || null
   ), c = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? Me : Be;
   return /* @__PURE__ */ t(
-    Ot,
+    jt,
     {
       entity: { ...e.eventGame, labels: null },
       headline: n("eventGame.headline"),
@@ -6482,7 +6487,7 @@ const yn = (e, n, a) => {
     o ? H() : /* @__PURE__ */ t(j, {})
   ] });
   return /* @__PURE__ */ t(
-    Kt,
+    fn,
     {
       entity: { ...e.eventGame, labels: null },
       headline: d("eventGame.headline"),
@@ -6958,7 +6963,7 @@ const yn = (e, n, a) => {
   };
   return /* @__PURE__ */ m(ve, { brandingBorderColor: (o == null ? void 0 : o.borderColor) || null, children: [
     /* @__PURE__ */ t(
-      qt,
+      Nt,
       {
         entity: { ...e.eventGame, labels: null },
         headline: c("eventGame.headline"),
@@ -7950,7 +7955,7 @@ const li = (e) => {
     H(),
     /* @__PURE__ */ t(Xe, { notification: P, onClose: F })
   ] });
-}, ri = (e) => /* @__PURE__ */ t(Bt, { packageName: "event-game-play", ...e, children: /* @__PURE__ */ t(li, { ...e }) }), Ii = ri;
+}, ri = (e) => /* @__PURE__ */ t(Bt, { packageName: "event-game-play", ...e, children: /* @__PURE__ */ t(li, { ...e }) }), Ri = ri;
 export {
-  Ii as EventGamePlay
+  Ri as EventGamePlay
 };