fansunited-frontend-components 0.0.53 → 0.0.55

package/EitherOrPlay.js

@@ -1,26 +1,26 @@
 import { jsx as t, jsxs as g, Fragment as De } from "react/jsx-runtime";
-import { useState as D, useEffect as ge, useRef as qe, useCallback as Le } from "react";
-import { l as Ce, c as be, k as ze, B as r, f as se, i as xe, a as q, b as fe, e as pe, H as Ht, u as Me, d as jt, W as Se, m as St, n as Gt } from "./chunks/PrizeCard-DgHyperX.js";
-import { P as Vt } from "./chunks/Portal-BQilulgu.js";
+import { useState as D, useEffect as ge, useRef as qe, useCallback as Oe } from "react";
+import { l as Ce, c as be, k as ze, B as r, f as se, i as xe, a as q, b as fe, e as pe, H as Ht, u as Me, d as jt, W as Se, m as St, n as Gt } from "./chunks/PrizeCard-C2El3VOB.js";
+import { P as Vt } from "./chunks/Portal-Bjgk7NwD.js";
 import "react-dom";
-import { S as He } from "./chunks/Spinner-BoysVPn7.js";
+import { S as He } from "./chunks/Spinner-DWJCKaY5.js";
 import { z as Nt } from "./chunks/index-5MPtbA_r.js";
-import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-Bd9FT9hj.js";
-import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-C71TRYl5.js";
-import { u as Xt, b as Ge, d as Ke, a as Xe } from "./chunks/useImageVariant-B1ObJh_B.js";
-import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-C1U8SNu-.js";
-import { T as x, B as me } from "./chunks/Button-COvmPv4P.js";
-import { F as Fe, a as It } from "./chunks/FavoriteBorder-BnhfbKy1.js";
-import { E as Pe } from "./chunks/EmojiEvents-DVPGlTU_.js";
-import { C as Ne } from "./chunks/CheckCircle-h7-xLUq-.js";
-import { T as Jt } from "./chunks/TimerOutlined-DJh2vL3s.js";
-import { S as we } from "./chunks/Stack-INH9bhkC.js";
-import { A as Qt, S as Tt, O as en } from "./chunks/OverlayApiErrorSkeleton-CkuDu9uV.js";
-import { S as tn, T as nn, P as rn } from "./chunks/Person-WCt2MN5j.js";
-import { A as on } from "./chunks/Avatar-COVJnfGS.js";
-import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-DaVatjCJ.js";
-import { S as ln, a as an, O as sn, b as cn } from "./chunks/OverlayLeadAfterCollection-Dkxl4cKn.js";
-import { C as dn } from "./chunks/CollectLeadForm-O7Cpe0ix.js";
+import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-uh28Hksw.js";
+import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-BJ7rW_uC.js";
+import { u as Xt, b as Ge, d as Ke, a as Xe } from "./chunks/useImageVariant-f37LbO43.js";
+import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-Dz5adIZG.js";
+import { T as x, B as me } from "./chunks/Button-DPGn5NZd.js";
+import { F as Fe, a as It } from "./chunks/FavoriteBorder-DdzKOJK4.js";
+import { E as Pe } from "./chunks/EmojiEvents-DZiJTHmn.js";
+import { C as Ne } from "./chunks/CheckCircle-DSloUas8.js";
+import { T as Jt } from "./chunks/TimerOutlined-Cq6_x3k0.js";
+import { S as we } from "./chunks/Stack-CNhi3qAZ.js";
+import { A as Qt, S as Tt, O as en } from "./chunks/OverlayApiErrorSkeleton-TzgpJPyA.js";
+import { S as tn, T as nn, P as rn } from "./chunks/Person-B4_Qrd55.js";
+import { A as on } from "./chunks/Avatar-Cm5QOeVC.js";
+import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-Bh_l_QcU.js";
+import { S as ln, a as an, O as sn, b as cn } from "./chunks/OverlayLeadAfterCollection-OgciFxV5.js";
+import { C as dn } from "./chunks/CollectLeadForm-DGbeJX5k.js";
 const un = Ce([/* @__PURE__ */ t("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
 }, "0"), /* @__PURE__ */ t("path", {
@@ -198,8 +198,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
   signInCTA: i,
   showSignInCTA: s
 }) => {
-  var k, v, W, R, F, E, O, o, z;
-  const { t: d } = se(), f = xe(), l = ze(), u = ((k = n == null ? void 0 : n.branding) == null ? void 0 : k.colors) || null, a = (u == null ? void 0 : u.primaryColor) || q().palette.primary.plainColor, m = q().palette.primary.onPrimary, y = (u == null ? void 0 : u.contentColor) || q().textColor, b = q().surfaceVariant, h = be().primary, I = fe().xl, L = fe().md, p = pe(), S = re(a || ""), C = re(b || ""), P = S ? `rgba(${S.replace(/[^\d,]/g, "")}, 0.12)` : `${a}20`, c = f ? ((W = (v = n == null ? void 0 : n.branding) == null ? void 0 : v.images) == null ? void 0 : W.mobileLogo) || ((F = (R = n == null ? void 0 : n.branding) == null ? void 0 : R.images) == null ? void 0 : F.mainLogo) || "" : ((O = (E = n == null ? void 0 : n.branding) == null ? void 0 : E.images) == null ? void 0 : O.mainLogo) || "", B = [
+  var k, v, W, R, F, E, L, o, z;
+  const { t: d } = se(), f = xe(), l = ze(), u = ((k = n == null ? void 0 : n.branding) == null ? void 0 : k.colors) || null, a = (u == null ? void 0 : u.primaryColor) || q().palette.primary.plainColor, m = q().palette.primary.onPrimary, y = (u == null ? void 0 : u.contentColor) || q().textColor, b = q().surfaceVariant, h = be().primary, I = fe().xl, O = fe().md, p = pe(), S = re(a || ""), C = re(b || ""), P = S ? `rgba(${S.replace(/[^\d,]/g, "")}, 0.12)` : `${a}20`, c = f ? ((W = (v = n == null ? void 0 : n.branding) == null ? void 0 : v.images) == null ? void 0 : W.mobileLogo) || ((F = (R = n == null ? void 0 : n.branding) == null ? void 0 : R.images) == null ? void 0 : F.mainLogo) || "" : ((L = (E = n == null ? void 0 : n.branding) == null ? void 0 : E.images) == null ? void 0 : L.mainLogo) || "", B = [
     {
       icon: /* @__PURE__ */ t(zt, { sx: { fontSize: "1.1em" } }),
       title: d("eitherOr.tutorial.step1Title"),
@@ -209,9 +209,13 @@ const un = Ce([/* @__PURE__ */ t("path", {
     },
     {
       icon: /* @__PURE__ */ t(Fe, { sx: { fontSize: "1.1em" } }),
-      title: d("eitherOr.tutorial.step2Title", { lives: (n == null ? void 0 : n.lives) ?? 3 }),
+      title: d("eitherOr.tutorial.step2Title", {
+        lives: (n == null ? void 0 : n.lives) ?? 3,
+        context: String((n == null ? void 0 : n.lives) ?? 3)
+      }),
       description: d("eitherOr.tutorial.step2Description", {
-        lives: (n == null ? void 0 : n.lives) ?? 3
+        lives: (n == null ? void 0 : n.lives) ?? 3,
+        context: String((n == null ? void 0 : n.lives) ?? 3)
       })
     },
     {
@@ -233,7 +237,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           r,
           {
             sx: {
-              borderRadius: L,
+              borderRadius: O,
               overflow: "hidden",
               bgcolor: C ? `rgba(${C.replace(/[^\d,]/g, "")}, 0.5)` : b,
               display: "flex",
@@ -470,9 +474,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
   brandingPrimaryColor: f,
   optionIndex: l = 0
 }) => {
-  const u = q(), a = pe(), m = f || u.palette.primary.plainColor, y = u.palette.primary.onPrimary, b = u.palette.success.plainColor, h = u.palette.danger.plainColor, I = re(m || ""), L = I ? I.replace(/[^\d,]/g, "") : null, p = Xt(e.images ?? null), S = !!p, C = l === 0 ? "A" : "B", P = i.selectedOption === e.id, c = P && !!i.isCorrect || e.id === i.correctOptionId, B = P && !i.isCorrect || !!i.timedOut && e.id !== i.correctOptionId;
+  const u = q(), a = pe(), m = f || u.palette.primary.plainColor, y = u.palette.primary.onPrimary, b = u.palette.success.plainColor, h = u.palette.danger.plainColor, I = re(m || ""), O = I ? I.replace(/[^\d,]/g, "") : null, p = Xt(e.images ?? null), S = !!p, C = l === 0 ? "A" : "B", P = i.selectedOption === e.id, c = P && !!i.isCorrect || e.id === i.correctOptionId, B = P && !i.isCorrect || !!i.timedOut && e.id !== i.correctOptionId;
   if (!S) {
-    const k = l === 0 ? "135deg" : "225deg", v = c ? `linear-gradient(${k}, ${b}20 0%, ${b}0D 100%)` : B ? `linear-gradient(${k}, ${h}20 0%, ${h}0D 100%)` : L ? `linear-gradient(${k}, rgba(${L}, 0.22) 0%, rgba(${L}, 0.08) 60%, rgba(${L}, 0.14) 100%)` : `linear-gradient(${k}, ${m}38 0%, ${m}14 60%, ${m}24 100%)`, W = L ? `repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(${L}, 0.04) 10px, rgba(${L}, 0.04) 11px)` : "none", R = c ? b : B ? h : L ? `rgba(${L}, 0.3)` : `${m}4D`, F = c ? b : B ? h : m;
+    const k = l === 0 ? "135deg" : "225deg", v = c ? `linear-gradient(${k}, ${b}20 0%, ${b}0D 100%)` : B ? `linear-gradient(${k}, ${h}20 0%, ${h}0D 100%)` : O ? `linear-gradient(${k}, rgba(${O}, 0.22) 0%, rgba(${O}, 0.08) 60%, rgba(${O}, 0.14) 100%)` : `linear-gradient(${k}, ${m}38 0%, ${m}14 60%, ${m}24 100%)`, W = O ? `repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(${O}, 0.04) 10px, rgba(${O}, 0.04) 11px)` : "none", R = c ? b : B ? h : O ? `rgba(${O}, 0.3)` : `${m}4D`, F = c ? b : B ? h : m;
     return /* @__PURE__ */ g(
       r,
       {
@@ -494,7 +498,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           boxShadow: c ? `0 0 0 3px ${b}30` : B ? `0 0 0 3px ${h}30` : "none",
           "&:hover": n ? {} : {
             transform: "scale(1.01)",
-            boxShadow: `0 4px 16px ${L ? `rgba(${L}, 0.2)` : `${m}33`}`
+            boxShadow: `0 4px 16px ${O ? `rgba(${O}, 0.2)` : `${m}33`}`
           }
         },
         children: [
@@ -523,7 +527,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 flexShrink: 0,
                 zIndex: 2,
                 transition: "background-color 0.25s",
-                boxShadow: c ? `0 2px 8px ${b}59` : B ? `0 2px 8px ${h}59` : `0 2px 8px ${L ? `rgba(${L}, 0.35)` : `${m}59`}`
+                boxShadow: c ? `0 2px 8px ${b}59` : B ? `0 2px 8px ${h}59` : `0 2px 8px ${O ? `rgba(${O}, 0.35)` : `${m}59`}`
               },
               children: c ? /* @__PURE__ */ t(Ne, { sx: { fontSize: "1.3em", color: "#fff" } }) : B ? /* @__PURE__ */ t(Ye, { sx: { fontSize: "1.3em", color: "#fff" } }) : /* @__PURE__ */ t(
                 x,
@@ -663,7 +667,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       ]
     }
   );
-}, Ot = ({
+}, Lt = ({
   time: e,
   maxTime: n,
   brandingPrimaryColor: i
@@ -751,10 +755,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
   game: a
 }) => {
   var X, oe, ee, te, ie, ce, _, j, w, $;
-  const [m, y] = D(0), [b, h] = D(!1), [I, L] = D(0), [p, S] = D(0), [C, P] = D(!1), c = qe(0), { t: B } = se(), k = xe(), v = ze(), W = q(), R = W.surfaceVariant, F = u || W.palette.primary.plainColor, E = ((oe = (X = a == null ? void 0 : a.branding) == null ? void 0 : X.colors) == null ? void 0 : oe.contentColor) || W.textColor, O = fe().md, o = pe(), z = re(R || ""), H = re(F || ""), U = k ? ((te = (ee = a == null ? void 0 : a.branding) == null ? void 0 : ee.images) == null ? void 0 : te.mobileLogo) || ((ce = (ie = a == null ? void 0 : a.branding) == null ? void 0 : ie.images) == null ? void 0 : ce.mainLogo) || "" : ((j = (_ = a == null ? void 0 : a.branding) == null ? void 0 : _.images) == null ? void 0 : j.mainLogo) || "", N = B("common.labels.point", { count: m });
+  const [m, y] = D(0), [b, h] = D(!1), [I, O] = D(0), [p, S] = D(0), [C, P] = D(!1), c = qe(0), { t: B } = se(), k = xe(), v = ze(), W = q(), R = W.surfaceVariant, F = u || W.palette.primary.plainColor, E = ((oe = (X = a == null ? void 0 : a.branding) == null ? void 0 : X.colors) == null ? void 0 : oe.contentColor) || W.textColor, L = fe().md, o = pe(), z = re(R || ""), H = re(F || ""), U = k ? ((te = (ee = a == null ? void 0 : a.branding) == null ? void 0 : ee.images) == null ? void 0 : te.mobileLogo) || ((ce = (ie = a == null ? void 0 : a.branding) == null ? void 0 : ie.images) == null ? void 0 : ce.mainLogo) || "" : ((j = (_ = a == null ? void 0 : a.branding) == null ? void 0 : _.images) == null ? void 0 : j.mainLogo) || "", N = B("common.labels.point", { count: m });
   ge(() => {
     if (l != null && l.currentPoints && l.currentPoints > m) {
-      L(l.currentPoints - m), h(!0), S((V) => V + 1);
+      O(l.currentPoints - m), h(!0), S((V) => V + 1);
       const A = setTimeout(() => h(!1), 1e3);
       return y(l.currentPoints), () => clearTimeout(A);
     }
@@ -870,7 +874,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         },
         children: [
           /* @__PURE__ */ t(r, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t(
-            Ot,
+            Lt,
             {
               time: n,
               maxTime: s,
@@ -882,7 +886,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             r,
             {
               sx: {
-                borderRadius: O,
+                borderRadius: L,
                 overflow: "hidden",
                 bgcolor: z ? `rgba(${z.replace(/[^\d,]/g, "")}, 0.5)` : W.surfaceVariant,
                 display: "flex",
@@ -1027,12 +1031,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
   additionalCTA: f
 }) => {
   var oe, ee, te, ie, ce, _, j, w, $;
-  const { t: l } = se(), u = q(), a = d || u.palette.primary.plainColor, m = u.palette.primary.onPrimary, y = ((ee = (oe = n == null ? void 0 : n.branding) == null ? void 0 : oe.colors) == null ? void 0 : ee.contentColor) || u.textColor, b = u.palette.success.plainColor, h = u.palette.danger.plainColor, I = u.palette.success.softBg, L = u.palette.danger.softBg, p = fe().md, S = fe().xl, C = pe(), P = be().primary, c = xe(), B = ze(), k = re(a || ""), v = k ? k.replace(/[^\d,]/g, "") : null, W = c ? ((ie = (te = n == null ? void 0 : n.branding) == null ? void 0 : te.images) == null ? void 0 : ie.mobileLogo) || ((_ = (ce = n == null ? void 0 : n.branding) == null ? void 0 : ce.images) == null ? void 0 : _.mainLogo) || "" : ((w = (j = n == null ? void 0 : n.branding) == null ? void 0 : j.images) == null ? void 0 : w.mainLogo) || "", [R, F] = D(0), [E, O] = D(null), o = (e == null ? void 0 : e.currentPoints) ?? 0, z = R > 0 && o >= R;
+  const { t: l } = se(), u = q(), a = d || u.palette.primary.plainColor, m = u.palette.primary.onPrimary, y = ((ee = (oe = n == null ? void 0 : n.branding) == null ? void 0 : oe.colors) == null ? void 0 : ee.contentColor) || u.textColor, b = u.palette.success.plainColor, h = u.palette.danger.plainColor, I = u.palette.success.softBg, O = u.palette.danger.softBg, p = fe().md, S = fe().xl, C = pe(), P = be().primary, c = xe(), B = ze(), k = re(a || ""), v = k ? k.replace(/[^\d,]/g, "") : null, W = c ? ((ie = (te = n == null ? void 0 : n.branding) == null ? void 0 : te.images) == null ? void 0 : ie.mobileLogo) || ((_ = (ce = n == null ? void 0 : n.branding) == null ? void 0 : ce.images) == null ? void 0 : _.mainLogo) || "" : ((w = (j = n == null ? void 0 : n.branding) == null ? void 0 : j.images) == null ? void 0 : w.mainLogo) || "", [R, F] = D(0), [E, L] = D(null), o = (e == null ? void 0 : e.currentPoints) ?? 0, z = R > 0 && o >= R;
   if (ge(() => {
     n && (async () => {
       try {
         const V = await i.miniGames.getMyEitherOrStats(n.id);
-        F(V.personalBest ?? 0), O(V.betterThan ?? null);
+        F(V.personalBest ?? 0), L(V.betterThan ?? null);
       } catch {
       }
     })();
@@ -1368,7 +1372,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             icon: /* @__PURE__ */ t(Ye, { sx: { fontSize: "1.25em", color: h } }),
             value: N,
             label: l("eitherOr.results.wrong", "Wrong"),
-            bg: L,
+            bg: O,
             valueSx: { color: h },
             labelSx: { color: h }
           },
@@ -1559,12 +1563,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
   primaryColor: i,
   textColor: s
 }) => {
-  const { t: d } = se(), f = q(), l = fe(), u = pe(), a = be().primary, m = f.outlineEnabledBorder, y = re(i), [b, h] = D(null), [I, L] = D(!1);
+  const { t: d } = se(), f = q(), l = fe(), u = pe(), a = be().primary, m = f.outlineEnabledBorder, y = re(i), [b, h] = D(null), [I, O] = D(!1);
   if (ge(() => {
-    const O = requestAnimationFrame(() => {
-      setTimeout(() => L(!0), 80);
+    const L = requestAnimationFrame(() => {
+      setTimeout(() => O(!0), 80);
     });
-    return () => cancelAnimationFrame(O);
+    return () => cancelAnimationFrame(L);
   }, []), !e || e.length === 0)
     return /* @__PURE__ */ t(r, { sx: { py: u.lg, textAlign: "center" }, children: /* @__PURE__ */ t(
       x,
@@ -1578,10 +1582,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
         children: "No distribution data available."
       }
     ) });
-  const p = e.filter((O) => O.totalUsers > 0), S = Math.max(...p.map((O) => O.totalUsers), 1), C = Math.log(S + 1), P = e.reduce((O, o) => O + o.totalUsers, 0), c = n != null ? e.find(
-    (O) => n >= O.rangeStartInclusive && n <= O.rangeEndInclusive
+  const p = e.filter((L) => L.totalUsers > 0), S = Math.max(...p.map((L) => L.totalUsers), 1), C = Math.log(S + 1), P = e.reduce((L, o) => L + o.totalUsers, 0), c = n != null ? e.find(
+    (L) => n >= L.rangeStartInclusive && n <= L.rangeEndInclusive
   ) ?? null : null, B = c ? p.findIndex(
-    (O) => O.rangeStartInclusive === c.rangeStartInclusive
+    (L) => L.rangeStartInclusive === c.rangeStartInclusive
   ) : -1, k = b !== null ? p[b] : null, v = k ? `${ke(k.rangeStartInclusive)} – ${ke(k.rangeEndInclusive)} ${d("eitherOr.standings.pts", "pts")}` : c ? d("eitherOr.standings.yourRange", "Your range: {{start}} – {{end}}", {
     start: ke(c.rangeStartInclusive),
     end: ke(c.rangeEndInclusive)
@@ -1590,7 +1594,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   ), E = new Set(
     Array.from(
       { length: R },
-      (O, o) => Math.min(o * F, p.length - 1)
+      (L, o) => Math.min(o * F, p.length - 1)
     )
   );
   return /* @__PURE__ */ g(
@@ -1730,8 +1734,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
               height: `${Sn}px`,
               width: "100%"
             },
-            children: p.map((O, o) => {
-              const z = o === B, H = b === o, U = Math.log(O.totalUsers + 1) / C * 100, N = z || H ? i : `rgba(${y}, 0.5)`;
+            children: p.map((L, o) => {
+              const z = o === B, H = b === o, U = Math.log(L.totalUsers + 1) / C * 100, N = z || H ? i : `rgba(${y}, 0.5)`;
               return /* @__PURE__ */ t(
                 r,
                 {
@@ -1783,7 +1787,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           }
         ),
         /* @__PURE__ */ t(r, { sx: { height: "1px", backgroundColor: m, mt: "1px" } }),
-        /* @__PURE__ */ t(r, { sx: { position: "relative", height: "18px", mt: "4px" }, children: p.map((O, o) => {
+        /* @__PURE__ */ t(r, { sx: { position: "relative", height: "18px", mt: "4px" }, children: p.map((L, o) => {
           if (!E.has(o)) return null;
           const z = p.length > 1 ? o / (p.length - 1) * 100 : 0, H = o === 0, U = o === p.length - 1;
           return /* @__PURE__ */ t(
@@ -1800,7 +1804,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 lineHeight: 1,
                 userSelect: "none"
               },
-              children: ke(O.rangeStartInclusive)
+              children: ke(L.rangeStartInclusive)
             },
             o
           );
@@ -1808,14 +1812,14 @@ const un = Ce([/* @__PURE__ */ t("path", {
       ]
     }
   );
-}, Be = 10, Lt = ({
+}, Be = 10, Ot = ({
   game: e,
   sdk: n,
   stepInfo: i,
   brandingPrimaryColor: s
 }) => {
   var T;
-  const { t: d } = se(), f = Me(), l = q(), u = ((T = e == null ? void 0 : e.branding) == null ? void 0 : T.colors) || null, a = s || (u == null ? void 0 : u.primaryColor) || l.palette.primary.plainColor, m = (u == null ? void 0 : u.contentColor) || l.textColor, y = be().primary, b = be().secondary, h = fe(), I = pe(), L = ze(), p = l.surfaceVariant, S = f.colorSchemes.light.palette.primary.onPrimary, C = l.outlineEnabledBorder, [P, c] = D(null), [B, k] = D(!0), [v, W] = D(0), [R, F] = D(null), [E, O] = D("leaderboard"), o = (i == null ? void 0 : i.currentPoints) ?? 0;
+  const { t: d } = se(), f = Me(), l = q(), u = ((T = e == null ? void 0 : e.branding) == null ? void 0 : T.colors) || null, a = s || (u == null ? void 0 : u.primaryColor) || l.palette.primary.plainColor, m = (u == null ? void 0 : u.contentColor) || l.textColor, y = be().primary, b = be().secondary, h = fe(), I = pe(), O = ze(), p = l.surfaceVariant, S = f.colorSchemes.light.palette.primary.onPrimary, C = l.outlineEnabledBorder, [P, c] = D(null), [B, k] = D(!0), [v, W] = D(0), [R, F] = D(null), [E, L] = D("leaderboard"), o = (i == null ? void 0 : i.currentPoints) ?? 0;
   ge(() => {
     (async () => {
       try {
@@ -2024,7 +2028,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
               return /* @__PURE__ */ t(
                 r,
                 {
-                  onClick: () => O(M.id),
+                  onClick: () => L(M.id),
                   sx: {
                     flex: 1,
                     display: "flex",
@@ -2083,9 +2087,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
               sx: z.table,
               children: [
                 /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ g("tr", { children: [
-                  /* @__PURE__ */ t("th", { style: z.headerCellPosition, children: L ? "" : d("eitherOr.leaderboard.position", "#") }),
+                  /* @__PURE__ */ t("th", { style: z.headerCellPosition, children: O ? "" : d("eitherOr.leaderboard.position", "#") }),
                   /* @__PURE__ */ t("th", { style: z.headerCellName, children: d("eitherOr.leaderboard.name", "Name") }),
-                  /* @__PURE__ */ t("th", { style: z.headerCellPoints, children: L ? "🎯" : d("eitherOr.leaderboard.points", "Pts") })
+                  /* @__PURE__ */ t("th", { style: z.headerCellPoints, children: O ? "🎯" : d("eitherOr.leaderboard.points", "Pts") })
                 ] }) }),
                 /* @__PURE__ */ t("tbody", { children: N.map((M, G) => {
                   var te, ie, ce;
@@ -2240,10 +2244,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
     showStandings: b,
     additionalCTA: h,
     onGameStart: I,
-    onSelection: L,
+    onSelection: O,
     onPlayAgain: p,
     imagePosition: S = "left"
-  } = e, { t: C } = se(), P = q(), c = ((M = n == null ? void 0 : n.branding) == null ? void 0 : M.colors) || null, B = (c == null ? void 0 : c.primaryColor) || P.palette.primary.plainColor, k = P.secondaryContainer, v = P.surfaceTintDim, W = ((G = re(v || "")) == null ? void 0 : G.replace(/[^\d,]/g, "")) ?? null, R = fe().md, F = be().primary, E = pe(), O = xe(), [o, z] = D(0), H = Ge(
+  } = e, { t: C } = se(), P = q(), c = ((M = n == null ? void 0 : n.branding) == null ? void 0 : M.colors) || null, B = (c == null ? void 0 : c.primaryColor) || P.palette.primary.plainColor, k = P.secondaryContainer, v = P.surfaceTintDim, W = ((G = re(v || "")) == null ? void 0 : G.replace(/[^\d,]/g, "")) ?? null, R = fe().md, F = be().primary, E = pe(), L = xe(), [o, z] = D(0), H = Ge(
     {
       images: n == null ? void 0 : n.images,
       imagePlaceholder: m || ""
@@ -2271,7 +2275,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             maxTime: (n == null ? void 0 : n.time) ?? 10,
             selected: l,
             feedback: u,
-            onSelect: L,
+            onSelect: O,
             stepInfo: s,
             brandingPrimaryColor: (c == null ? void 0 : c.primaryColor) || null,
             game: n
@@ -2297,8 +2301,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
     flexDirection: "row",
     justifyContent: "center",
     alignItems: "center",
-    flex: O ? "0 0 auto" : 1,
-    width: O ? "100%" : "auto",
+    flex: L ? "0 0 auto" : 1,
+    width: L ? "100%" : "auto",
     borderBottom: "1px solid " + k,
     opacity: "60%",
     py: E.sm,
@@ -2336,7 +2340,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             sx: {
               fontSize: "1em",
               "--Icon-fontSize": "1.25em",
-              flexDirection: O ? "column" : "row"
+              flexDirection: L ? "column" : "row"
             },
             children: [
               /* @__PURE__ */ t(Ee, { sx: Y, disableIndicator: !0, children: /* @__PURE__ */ g(
@@ -2398,7 +2402,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         ),
         o === 0 && /* @__PURE__ */ t(We, { value: 0, sx: { p: 0, fontSize: "1em", display: "flex" }, children: /* @__PURE__ */ t(r, { sx: T, children: U() }) }),
         o === 1 && /* @__PURE__ */ t(We, { value: 1, sx: { p: 0, fontSize: "1em", display: "flex" }, children: /* @__PURE__ */ t(r, { sx: T, children: /* @__PURE__ */ t(
-          Lt,
+          Ot,
           {
             game: n,
             sdk: a,
@@ -2489,7 +2493,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     buttonRadius: l,
     primaryColor: u,
     onPrimaryColor: a
-  }), L = () => {
+  }), O = () => {
     var B, k, v, W;
     return e.signInCTA ? (B = e.signInCTA) != null && B.component ? e.signInCTA.component : (k = e.signInCTA) != null && k.onClick ? /* @__PURE__ */ t(
       me,
@@ -2561,7 +2565,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       headline: b("eitherOr.headline"),
       finalImage: d,
       imagePosition: h,
-      signInContent: L(),
+      signInContent: O(),
       brandingContent: /* @__PURE__ */ t(
         de,
         {
@@ -2660,7 +2664,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   leadCta: b,
   leadSuccessTitle: h,
   leadSuccessDescription: I,
-  syncWithProfile: L = !1,
+  syncWithProfile: O = !1,
   isAfterPosition: p = !1,
   isSubmittingParticipation: S = !1
 }) => {
@@ -2694,7 +2698,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         successTitle: k,
         successDescription: v
       },
-      syncWithProfile: L,
+      syncWithProfile: O,
       isSubmittingParticipation: S
     }
   );
@@ -2845,9 +2849,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
     showStandings: b,
     additionalCTA: h,
     onGameStart: I,
-    onSelection: L,
+    onSelection: O,
     onPlayAgain: p
-  } = e, S = Me(), C = pe(), P = xe(), { t: c } = se(), [B, k] = D(0), [v, W] = D(0), [R, F] = D(!1), [E, O] = D(0), [o, z] = D(0), [H, U] = D(!1), N = qe(0), { brandingImage: Y, brandingColors: T } = je(
+  } = e, S = Me(), C = pe(), P = xe(), { t: c } = se(), [B, k] = D(0), [v, W] = D(0), [R, F] = D(!1), [E, L] = D(0), [o, z] = D(0), [H, U] = D(!1), N = qe(0), { brandingImage: Y, brandingColors: T } = je(
     n.branding || null
   ), M = m || (P ? Ke : Xe), G = Ge(
     { images: n == null ? void 0 : n.images, imagePlaceholder: M },
@@ -2867,7 +2871,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   });
   ge(() => {
     if (s != null && s.currentPoints && s.currentPoints > v) {
-      O(s.currentPoints - v), F(!0), z((ae) => ae + 1);
+      L(s.currentPoints - v), F(!0), z((ae) => ae + 1);
       const ne = setTimeout(() => F(!1), 1e3);
       return W(s.currentPoints), () => clearTimeout(ne);
     }
@@ -2910,18 +2914,18 @@ const un = Ce([/* @__PURE__ */ t("path", {
   }, Ft = () => {
     const ne = (s == null ? void 0 : s.currentStreak) ?? 0, ae = H ? Te : ne % Te, ve = Math.floor(ne / Te) + 1;
     return /* @__PURE__ */ g(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-      Array.from({ length: Te }, (Ve, Oe) => /* @__PURE__ */ t(
+      Array.from({ length: Te }, (Ve, Le) => /* @__PURE__ */ t(
         r,
         {
           sx: {
             flex: 1,
             height: 4,
-            bgcolor: Oe < ae ? _ : $,
+            bgcolor: Le < ae ? _ : $,
             borderRadius: "2px",
             transition: "background-color 0.3s ease"
           }
         },
-        `streak-${Oe}`
+        `streak-${Le}`
       )),
       ve > 1 && /* @__PURE__ */ g(
         x,
@@ -2963,7 +2967,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     var ne;
     return i ? /* @__PURE__ */ g(r, { sx: Q.mainContentSection, children: [
       /* @__PURE__ */ t(r, { sx: Q.timerContainer, children: /* @__PURE__ */ t(
-        Ot,
+        Lt,
         {
           time: f,
           maxTime: (n == null ? void 0 : n.time) ?? 10,
@@ -2979,7 +2983,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
               option: i.optionOne,
               selected: l,
               feedback: u,
-              onSelect: L,
+              onSelect: O,
               pairId: i.pairId,
               brandingPrimaryColor: (T == null ? void 0 : T.primaryColor) || null,
               optionIndex: 0
@@ -2992,7 +2996,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
               option: i.optionTwo,
               selected: l,
               feedback: u,
-              onSelect: L,
+              onSelect: O,
               pairId: i.pairId,
               brandingPrimaryColor: (T == null ? void 0 : T.primaryColor) || null,
               optionIndex: 1
@@ -3180,7 +3184,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             value: 1,
             sx: { p: 0, fontSize: "1em", display: "flex" },
             children: /* @__PURE__ */ t(r, { sx: Qe, children: /* @__PURE__ */ t(
-              Lt,
+              Ot,
               {
                 game: n,
                 sdk: a,
@@ -3219,10 +3223,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
           {
             icon: /* @__PURE__ */ t(Fe, { sx: { fontSize: "1.1em" } }),
             title: c("eitherOr.tutorial.step2Title", {
-              lives: (n == null ? void 0 : n.lives) ?? 3
+              lives: (n == null ? void 0 : n.lives) ?? 3,
+              context: String((n == null ? void 0 : n.lives) ?? 3)
             }),
             description: c("eitherOr.tutorial.step2Description", {
-              lives: (n == null ? void 0 : n.lives) ?? 3
+              lives: (n == null ? void 0 : n.lives) ?? 3,
+              context: String((n == null ? void 0 : n.lives) ?? 3)
             })
           },
           {
@@ -3265,7 +3271,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     "& > *": { position: "relative", zIndex: 1 }
                   },
                   children: ae.map((ve, Ve) => {
-                    const Oe = Ve === ae.length - 1;
+                    const Le = Ve === ae.length - 1;
                     return /* @__PURE__ */ g(r, { children: [
                       /* @__PURE__ */ g(
                         r,
@@ -3328,7 +3334,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                           ]
                         }
                       ),
-                      !Oe && /* @__PURE__ */ t(
+                      !Le && /* @__PURE__ */ t(
                         r,
                         {
                           sx: {
@@ -3401,7 +3407,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       children: Mt()
     }
   );
-}, On = (e) => ({
+}, Ln = (e) => ({
   // Pulse animation for buttons
   pulseAnimation: {
     "@keyframes pulse": {
@@ -3439,17 +3445,17 @@ const un = Ce([/* @__PURE__ */ t("path", {
     display: "flex",
     alignItems: "center"
   }
-}), Ln = (e) => {
-  var P, c, B, k, v, W, R, F, E, O, o;
+}), On = (e) => {
+  var P, c, B, k, v, W, R, F, E, L, o;
   const n = Me(), { t: i } = se(), s = xe(), d = St(
     Se.OVERLAY
   ), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? Ke : Xe, l = Ge(
     { images: e.eitherOr.images, imagePlaceholder: f },
     Se.OVERLAY
-  ), { brandingImage: u, brandingColors: a, brandingLogo: m } = je(e.eitherOr.branding || null), b = Ct(u || l), h = (c = (P = n.customRadius) == null ? void 0 : P.light) == null ? void 0 : c.xl, I = (a == null ? void 0 : a.primaryColor) || ((W = (v = (k = (B = n.colorSchemes) == null ? void 0 : B.light) == null ? void 0 : k.palette) == null ? void 0 : v.primary) == null ? void 0 : W.plainColor), L = (O = (E = (F = (R = n.colorSchemes) == null ? void 0 : R.light) == null ? void 0 : F.palette) == null ? void 0 : E.primary) == null ? void 0 : O.onPrimary, p = n.customFontFamily.dark.primary, S = On({
+  ), { brandingImage: u, brandingColors: a, brandingLogo: m } = je(e.eitherOr.branding || null), b = Ct(u || l), h = (c = (P = n.customRadius) == null ? void 0 : P.light) == null ? void 0 : c.xl, I = (a == null ? void 0 : a.primaryColor) || ((W = (v = (k = (B = n.colorSchemes) == null ? void 0 : B.light) == null ? void 0 : k.palette) == null ? void 0 : v.primary) == null ? void 0 : W.plainColor), O = (L = (E = (F = (R = n.colorSchemes) == null ? void 0 : R.light) == null ? void 0 : F.palette) == null ? void 0 : E.primary) == null ? void 0 : L.onPrimary, p = n.customFontFamily.dark.primary, S = Ln({
     buttonRadius: h,
     primaryColor: I,
-    onPrimaryColor: L,
+    onPrimaryColor: O,
     fontFamilyPrimary: p
   }), C = () => {
     var z, H, U, N;
@@ -3569,7 +3575,7 @@ const Dn = (e) => {
   ), [s, d] = D(null), [f, l] = D(null), [u, a] = D(10), [m, y] = D(null), [b, h] = D({
     isCorrect: null,
     selectedOption: null
-  }), [I, L] = D(!1), [p, S] = D(!1), [C, P] = D(!1), [c, B] = D(""), [k, v] = D(!1), [W, R] = D(!1), [F, E] = D(!1), O = qe(null), o = fn(e.entityId, e.sdk), {
+  }), [I, O] = D(!1), [p, S] = D(!1), [C, P] = D(!1), [c, B] = D(""), [k, v] = D(!1), [W, R] = D(!1), [F, E] = D(!1), L = qe(null), o = fn(e.entityId, e.sdk), {
     setIsUnauthorized: z,
     setIsApiError: H
   } = hn(e.entityId, e.sdk, I);
@@ -3586,7 +3592,7 @@ const Dn = (e) => {
       const w = j.steps.find(
         (A) => {
           var V;
-          return A.pairId === ((V = O.current) == null ? void 0 : V.pairId);
+          return A.pairId === ((V = L.current) == null ? void 0 : V.pairId);
         }
       ), $ = ((w == null ? void 0 : w.optionOne.value) ?? 0) >= ((w == null ? void 0 : w.optionTwo.value) ?? 0) ? (w == null ? void 0 : w.optionOne.id) ?? null : (w == null ? void 0 : w.optionTwo.id) ?? null;
       h({
@@ -3613,7 +3619,7 @@ const Dn = (e) => {
       const $ = j;
       $.data.error.code === 401 || $.data.error.code === 403 ? S(!0) : (P(!0), B($.data.error.message));
     }
-  }, Y = Le(async () => {
+  }, Y = Oe(async () => {
     var j;
     if ((o == null ? void 0 : o.authRequirement) === "LEAD" && ((j = e.leads) == null ? void 0 : j.position) === "before" && !k) {
       R(!0);
@@ -3637,8 +3643,8 @@ const Dn = (e) => {
     o == null ? void 0 : o.time,
     k
   ]);
-  O.current = s;
-  const T = Le(
+  L.current = s;
+  const T = Oe(
     async (j, w) => {
       if (!m) {
         y(w);
@@ -3675,7 +3681,7 @@ const Dn = (e) => {
       (te = e.leads) == null ? void 0 : te.position,
       k
     ]
-  ), M = Le(async () => {
+  ), M = Oe(async () => {
     var j;
     if (v(!0), ((j = e.leads) == null ? void 0 : j.position) === "before") {
       E(!0);
@@ -3691,10 +3697,10 @@ const Dn = (e) => {
       }
     } else
       R(!1), E(!1), i(K.RESULTS);
-  }, [(ie = e.leads) == null ? void 0 : ie.position, e.entityId, e.sdk, o == null ? void 0 : o.time]), G = Le(() => {
+  }, [(ie = e.leads) == null ? void 0 : ie.position, e.entityId, e.sdk, o == null ? void 0 : o.time]), G = Oe(() => {
     i(K.TUTORIAL), d(null), l(null), a((o == null ? void 0 : o.time) ?? 10), y(null), h({ isCorrect: null, selectedOption: null }), v(!1), R(!1);
   }, [o == null ? void 0 : o.time]), J = () => {
-    P(!1), S(!1), B(""), H(!1), z(!1), L(!I), i(K.TUTORIAL), d(null), l(null), y(null), h({ isCorrect: null, selectedOption: null }), v(!1), R(!1);
+    P(!1), S(!1), B(""), H(!1), z(!1), O(!I), i(K.TUTORIAL), d(null), l(null), y(null), h({ isCorrect: null, selectedOption: null }), v(!1), R(!1);
   };
   if (!o)
     return /* @__PURE__ */ t(He, { my: 20 });
@@ -3722,7 +3728,7 @@ const Dn = (e) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : $e(e) ? /* @__PURE__ */ t(
-      Ln,
+      On,
       {
         eitherOr: o,
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,

package/EventGamePlay.js

@@ -1,30 +1,30 @@
 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 { i as Y, b as J, a as p, d as He, B as i, c as q, e as ae, u as ue, f as ne, g as We, k as Se, C as It, q as Dt, j as Mt, W as le, m as Ee, h as kt } from "./chunks/PrizeCard-DgHyperX.js";
-import { P as Bt } from "./chunks/Portal-BQilulgu.js";
+import { i as Y, b as J, a as p, d as He, B as i, c as q, e as ae, u as ue, f as ne, g as We, k as Se, C as It, q as Dt, j as Mt, W as le, m as Ee, h as kt } from "./chunks/PrizeCard-C2El3VOB.js";
+import { P as Bt } from "./chunks/Portal-Bjgk7NwD.js";
 import "react-dom";
-import { g as Ht, h as N, e as tt, s as Le, a as Wt, b as Et } from "./chunks/helpers-Bd9FT9hj.js";
-import { S as Ft } from "./chunks/Spinner-BoysVPn7.js";
-import { a as $t, b as Lt, S as Ut, C as xt, c as yt } from "./chunks/ChanceGameEmbedVariant-lfZlSATv.js";
-import { N as Xe } from "./chunks/Notification-CkPupg9q.js";
+import { g as Ht, h as N, e as tt, s as Le, a as Wt, b as Et } from "./chunks/helpers-uh28Hksw.js";
+import { S as Ft } from "./chunks/Spinner-DWJCKaY5.js";
+import { a as $t, b as Lt, S as Ut, C as xt, c as yt } from "./chunks/ChanceGameEmbedVariant-ConiQ7Ej.js";
+import { N as Xe } from "./chunks/Notification-BG5P1Xiq.js";
 import { E as Vt, a as W, m as jt } from "./chunks/index-5MPtbA_r.js";
-import { T as ht, D as Nt, S as Tt, R as Ue, N as Ot, O as qt } from "./chunks/NotFoundSkeleton-C71TRYl5.js";
-import { b as Ce, d as Me, a as Be } from "./chunks/useImageVariant-B1ObJh_B.js";
-import { T as x, I as De, B as Re } from "./chunks/Button-COvmPv4P.js";
-import { K as Yt, a as _t, H as Zt, D as Xt, E as Kt } from "./chunks/Edit-BwwxJdNv.js";
-import { I as wt } from "./chunks/Input-er-Yyqtt.js";
-import { S as Qt, a as Jt } from "./chunks/Select-9gmhEo71.js";
-import { C as en } from "./chunks/Close-DBaorsP1.js";
-import { M as tn, a as nn } from "./chunks/ModalDialog-XkhZtgYm.js";
-import { S as Rt, T as pt, P as bt } from "./chunks/Person-WCt2MN5j.js";
-import { A as Qe, S as an, O as on } from "./chunks/OverlayApiErrorSkeleton-CkuDu9uV.js";
-import { C as ln } from "./chunks/CheckCircle-h7-xLUq-.js";
-import { A as rn, I as cn, W as dn } from "./chunks/AlertMessage-CQ9WJHSb.js";
-import { S as sn } from "./chunks/Stack-INH9bhkC.js";
-import { T as mn, a as gn, b as St, t as Ct, c as vt } from "./chunks/Tabs-DaVatjCJ.js";
-import { A as Pt } from "./chunks/Avatar-COVJnfGS.js";
+import { T as ht, D as Nt, S as Tt, R as Ue, N as Ot, O as qt } from "./chunks/NotFoundSkeleton-BJ7rW_uC.js";
+import { b as Ce, d as Me, a as Be } from "./chunks/useImageVariant-f37LbO43.js";
+import { T as x, I as De, B as Re } from "./chunks/Button-DPGn5NZd.js";
+import { K as Yt, a as _t, H as Zt, D as Xt, E as Kt } from "./chunks/Edit-DD3_eq9I.js";
+import { I as wt } from "./chunks/Input-Bf_Of6m_.js";
+import { S as Qt, a as Jt } from "./chunks/Select-BtID79ha.js";
+import { C as en } from "./chunks/Close-3OfJFbc2.js";
+import { M as tn, a as nn } from "./chunks/ModalDialog-CmE2hP2R.js";
+import { S as Rt, T as pt, P as bt } from "./chunks/Person-B4_Qrd55.js";
+import { A as Qe, S as an, O as on } from "./chunks/OverlayApiErrorSkeleton-TzgpJPyA.js";
+import { C as ln } from "./chunks/CheckCircle-DSloUas8.js";
+import { A as rn, I as cn, W as dn } from "./chunks/AlertMessage-BKksUsV9.js";
+import { S as sn } from "./chunks/Stack-CNhi3qAZ.js";
+import { T as mn, a as gn, b as St, t as Ct, c as vt } from "./chunks/Tabs-Bh_l_QcU.js";
+import { A as Pt } from "./chunks/Avatar-Cm5QOeVC.js";
 import { C as un, a as fn } from "./chunks/chevron-right-B3IZtaMT.js";
-import { O as xn } from "./chunks/OverlayScoreStateSkeleton-RauDjIg5.js";
+import { O as xn } from "./chunks/OverlayScoreStateSkeleton-BnWKglMw.js";
 const yn = (e, n, a) => {
   const [r, c] = Q(null), [d, f] = Q(null), o = async () => {
     try {