fansunited-frontend-components 0.0.78 → 0.0.80

package/chunks/{main-t-kBnJfd.js → main-Cn8QJIGS.js}

@@ -1,34 +1,35 @@
-import { jsx as t, jsxs as h, Fragment as et } from "react/jsx-runtime";
-import { useState as B, useEffect as fe, useRef as mt, useCallback as Ge } from "react";
-import { u as Te, m as Ve, B as r, a as Q, i as Se, g as q, f as pe, d as ve, O as Xt, V as Zt, c as Ne, h as Jt, W as Pe, e as Lt, o as Qt } from "./PrizeCard-DG54vy2l.js";
-import { P as en } from "./Portal-B5LOp_VA.js";
+import { jsx as t, jsxs as f, Fragment as et } from "react/jsx-runtime";
+import { useState as B, useEffect as he, useRef as mt, useCallback as Ge } from "react";
+import { u as Te, m as Ve, B as r, a as Q, i as Se, g as q, f as pe, d as ve, L as Xt, R as Zt, c as Ne, h as Jt, e as Lt, o as Qt } from "./PrizeCard-YH9jftwY.js";
+import { P as en } from "./Portal-0HYQP6vC.js";
 import "react-dom";
-import { g as tn, h as oe, d as it, s as Ot, c as nn } from "./helpers-DK7NIWA3.js";
-import { S as lt } from "./Spinner-CfnxZwI6.js";
-import { C as at, A as gt, a as rn, S as Bt, b as Dt, O as on, c as $t, d as Ft, u as ln } from "./useConsents-CTrXjPMT.js";
+import { g as tn, h as oe, d as it, s as Ot, c as nn } from "./helpers-B4K14VMy.js";
+import { W as Pe } from "./enums-B1lTCQvC.js";
+import { S as lt } from "./Spinner-CP7juuny.js";
+import { C as at, A as gt, a as rn, S as Bt, b as Dt, O as on, c as $t, d as Ft, u as ln } from "./useConsents-G3YImrA0.js";
 import { Z as an } from "./index-YA7wEdrb.js";
-import { S as sn, N as cn, O as dn } from "./NotFoundSkeleton-CPrI2SnC.js";
-import { a as un, u as st } from "./useImageVariant-BpkocGDo.js";
-import { b as Et } from "./ConsentsList-DooBFFmw.js";
-import { D as ht } from "./DirectionScope-oLk_U3C_.js";
-import { T as C } from "./Typography-ECqxGAdq.js";
-import { c as $e } from "./createSvgIcon-ZK1E4tSQ.js";
-import { F as tt, a as Ut } from "./FavoriteBorder-BMOLtK7X.js";
-import { E as De } from "./EmojiEvents-xseHOk4b.js";
-import { B as ye } from "./Button-CsvEgUxT.js";
-import { C as ct } from "./CheckCircle-BXhOrVkK.js";
-import { T as mn } from "./TimerOutlined-C3LRF5_A.js";
-import { S as je } from "./Stack-Ck9Xjygq.js";
-import { A as gn } from "./AccessTime-B30dztb0.js";
-import { P as hn } from "./Person-CtBkSz4s.js";
-import { S as fn } from "./Sheet-emOLchyd.js";
-import { T as xn } from "./Table-DU0BCrKV.js";
-import { A as bn } from "./Avatar-BDK_vO0c.js";
-import { t as Wt, T as Mt, a as Ht, b as nt, c as rt } from "./Tabs-Dx0bzmUT.js";
-import { S as yn, O as pn } from "./OverlaySignInSkeleton-BUiNvDRX.js";
-import { C as Sn } from "./CollectLeadForm-DZe1Ymdq.js";
-import { d as ft, a as xt } from "./index-D5NQUqT3.js";
-import { O as Cn } from "./OverlayScoreStateWrapperSkeleton-BDDNd4hM.js";
+import { S as sn, N as cn, O as dn } from "./NotFoundSkeleton-BV0mXA7z.js";
+import { a as un, u as st } from "./useImageVariant-CHZmm8-4.js";
+import { b as Et } from "./ConsentsList-D1KKdfOJ.js";
+import { D as ft } from "./DirectionScope-BYGJWPAq.js";
+import { T as C } from "./Typography-Ce4eGDV-.js";
+import { c as $e } from "./createSvgIcon-D9F_KILu.js";
+import { F as tt, a as Ut } from "./FavoriteBorder-BXLiJyTv.js";
+import { E as De } from "./EmojiEvents-YHRdPnXx.js";
+import { B as ye } from "./Button-By0gW9vl.js";
+import { C as ct } from "./CheckCircle-BVTGl0Ft.js";
+import { T as mn } from "./TimerOutlined-D-ySNoFF.js";
+import { S as je } from "./Stack-DuL71jRI.js";
+import { A as gn } from "./AccessTime-BoYoyig3.js";
+import { P as fn } from "./Person-DFs8t3vY.js";
+import { S as hn } from "./Sheet-Bj4wdH5F.js";
+import { T as xn } from "./Table-DvjSYLKy.js";
+import { A as bn } from "./Avatar-Bs2ODH24.js";
+import { t as Wt, T as Mt, a as Ht, b as nt, c as rt } from "./Tabs-D44eIyd1.js";
+import { S as yn, O as pn } from "./OverlaySignInSkeleton-C0gpFLV4.js";
+import { C as Sn } from "./CollectLeadForm-CwcEETPM.js";
+import { d as ht, a as xt } from "./index-D6_vWz9t.js";
+import { O as Cn } from "./OverlayScoreStateWrapperSkeleton-BwDWj5VX.js";
 const dt = $e(/* @__PURE__ */ t("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
 }), "Cancel"), Gt = $e(/* @__PURE__ */ t("path", {
@@ -50,15 +51,15 @@ const dt = $e(/* @__PURE__ */ t("path", {
       console.error(g), i(new an());
     }
   };
-  return fe(() => (s(), () => i(null)), [e, n]), l;
+  return he(() => (s(), () => i(null)), [e, n]), l;
 }, vn = (e, n, l = !1) => {
   const [i, s] = B(null), [g, o] = B(!1), [m, c] = B(!1), u = async () => {
     try {
-      const f = await n.miniGames.getMyEitherOrStats(e);
-      s(f);
-    } catch (f) {
+      const h = await n.miniGames.getMyEitherOrStats(e);
+      s(h);
+    } catch (h) {
       if (s(null), n.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
-        const x = f;
+        const x = h;
         if (x.error.code === 404)
           return;
         if (x.error.code === 401 || x.error.code === 403) {
@@ -68,7 +69,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         c(!0);
         return;
       }
-      const p = f;
+      const p = h;
       if (p.data.error.code === 404)
         return;
       if (p.data.error.code === 401 || p.data.error.code === 403) {
@@ -78,7 +79,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       c(!0);
     }
   };
-  return fe(() => (u(), () => {
+  return he(() => (u(), () => {
     s(null), o(!1), c(!1);
   }), [e, n, l]), {
     myStats: i,
@@ -132,7 +133,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       children: g
     }
   ) : g;
-  return e.isCentered || l ? /* @__PURE__ */ h(
+  return e.isCentered || l ? /* @__PURE__ */ f(
     r,
     {
       sx: {
@@ -164,7 +165,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         o
       ]
     }
-  ) : /* @__PURE__ */ h(
+  ) : /* @__PURE__ */ f(
     r,
     {
       sx: {
@@ -205,7 +206,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
   isSubmitting: g
 }) => {
   var D, P, $, L, N, R, k, O, H, j, V;
-  const { t: o } = Q(), m = Se(), c = Ve(), u = ((D = n == null ? void 0 : n.branding) == null ? void 0 : D.colors) || null, f = (u == null ? void 0 : u.primaryColor) || q().palette.primary.plainColor, b = q().palette.primary.onPrimary, p = (u == null ? void 0 : u.contentColor) || q().textColor, x = q().surfaceVariant, A = Te().primary, E = pe().xl, w = pe().md, I = ve(), y = oe(f || ""), d = oe(x || ""), z = y ? `rgba(${y.replace(/[^\d,]/g, "")}, 0.12)` : `${f}20`, S = m ? (($ = (P = n == null ? void 0 : n.branding) == null ? void 0 : P.images) == null ? void 0 : $.mobileLogo) || ((N = (L = n == null ? void 0 : n.branding) == null ? void 0 : L.images) == null ? void 0 : N.mainLogo) || "" : ((k = (R = n == null ? void 0 : n.branding) == null ? void 0 : R.images) == null ? void 0 : k.mainLogo) || "", v = [
+  const { t: o } = Q(), m = Se(), c = Ve(), u = ((D = n == null ? void 0 : n.branding) == null ? void 0 : D.colors) || null, h = (u == null ? void 0 : u.primaryColor) || q().palette.primary.plainColor, b = q().palette.primary.onPrimary, p = (u == null ? void 0 : u.contentColor) || q().textColor, x = q().surfaceVariant, A = Te().primary, E = pe().xl, w = pe().md, I = ve(), y = oe(h || ""), d = oe(x || ""), z = y ? `rgba(${y.replace(/[^\d,]/g, "")}, 0.12)` : `${h}20`, S = m ? (($ = (P = n == null ? void 0 : n.branding) == null ? void 0 : P.images) == null ? void 0 : $.mobileLogo) || ((N = (L = n == null ? void 0 : n.branding) == null ? void 0 : L.images) == null ? void 0 : N.mainLogo) || "" : ((k = (R = n == null ? void 0 : n.branding) == null ? void 0 : R.images) == null ? void 0 : k.mainLogo) || "", v = [
     {
       icon: /* @__PURE__ */ t(Vt, { sx: { fontSize: "1.1em" } }),
       title: o("eitherOr.tutorial.step1Title"),
@@ -230,7 +231,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       description: o("eitherOr.tutorial.step3Description")
     }
   ];
-  return n ? /* @__PURE__ */ t(r, { sx: { display: "flex", flexDirection: "column", p: I.md }, children: /* @__PURE__ */ h(
+  return n ? /* @__PURE__ */ t(r, { sx: { display: "flex", flexDirection: "column", p: I.md }, children: /* @__PURE__ */ f(
     r,
     {
       sx: {
@@ -252,8 +253,8 @@ const dt = $e(/* @__PURE__ */ t("path", {
             },
             children: v.map((a, W) => {
               const T = W === v.length - 1;
-              return /* @__PURE__ */ h(r, { children: [
-                /* @__PURE__ */ h(
+              return /* @__PURE__ */ f(r, { children: [
+                /* @__PURE__ */ f(
                   r,
                   {
                     sx: {
@@ -272,7 +273,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                             height: 36,
                             borderRadius: "50%",
                             bgcolor: z,
-                            color: f,
+                            color: h,
                             display: "flex",
                             alignItems: "center",
                             justifyContent: "center",
@@ -281,7 +282,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                           children: a.icon
                         }
                       ),
-                      /* @__PURE__ */ h(r, { sx: { flex: 1, minWidth: 0, pt: "2px" }, children: [
+                      /* @__PURE__ */ f(r, { sx: { flex: 1, minWidth: 0, pt: "2px" }, children: [
                         /* @__PURE__ */ t(
                           C,
                           {
@@ -320,7 +321,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                     sx: {
                       height: "1px",
                       mx: I.md,
-                      bgcolor: y ? `rgba(${y.replace(/[^\d,]/g, "")}, 0.1)` : `${f}1A`
+                      bgcolor: y ? `rgba(${y.replace(/[^\d,]/g, "")}, 0.1)` : `${h}1A`
                     }
                   }
                 )
@@ -343,7 +344,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               at,
               {
                 consents: s,
-                primaryColor: f,
+                primaryColor: h,
                 textColor: p,
                 brandingUrls: (O = n == null ? void 0 : n.branding) == null ? void 0 : O.urls,
                 align: "center"
@@ -351,7 +352,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
             )
           }
         ) : null,
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -375,22 +376,22 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 {
                   variant: "soft",
                   loading: g,
-                  endDecorator: /* @__PURE__ */ t(ht, { children: /* @__PURE__ */ t(gt, {}) }),
+                  endDecorator: /* @__PURE__ */ t(ft, { children: /* @__PURE__ */ t(gt, {}) }),
                   onClick: i && l ? l.onClick : e,
                   sx: {
                     borderRadius: E,
                     py: "10px",
                     pr: "12px",
                     pl: "16px",
-                    bgcolor: f,
+                    bgcolor: h,
                     color: b,
                     transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
                     transform: "scale(1)",
                     alignSelf: "center",
-                    "&:hover": { bgcolor: f, transform: "scale(1.02)" },
+                    "&:hover": { bgcolor: h, transform: "scale(1.02)" },
                     "&:active": { color: b, transform: "scale(0.98)" },
                     "&:disabled": {
-                      bgcolor: f,
+                      bgcolor: h,
                       color: b,
                       opacity: "12%"
                     },
@@ -402,7 +403,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                     },
                     animation: "pulse 1s infinite",
                     fontSize: "0.9375em",
-                    ...g ? Et(f, b) : {}
+                    ...g ? Et(h, b) : {}
                   },
                   children: /* @__PURE__ */ t(
                     C,
@@ -505,10 +506,10 @@ const dt = $e(/* @__PURE__ */ t("path", {
   brandingPrimaryColor: g,
   optionIndex: o = 0
 }) => {
-  const m = q(), c = ve(), u = g || m.palette.primary.plainColor, f = m.palette.primary.onPrimary, b = m.palette.success.plainColor, p = m.palette.danger.plainColor, x = oe(u || ""), A = x ? x.replace(/[^\d,]/g, "") : null, E = un(e.images ?? null), w = !!E, I = o === 0 ? "A" : "B", y = l.selectedOption === e.id, d = y && !!l.isCorrect || e.id === l.correctOptionId, z = y && !l.isCorrect || !!l.timedOut && e.id !== l.correctOptionId;
+  const m = q(), c = ve(), u = g || m.palette.primary.plainColor, h = m.palette.primary.onPrimary, b = m.palette.success.plainColor, p = m.palette.danger.plainColor, x = oe(u || ""), A = x ? x.replace(/[^\d,]/g, "") : null, E = un(e.images ?? null), w = !!E, I = o === 0 ? "A" : "B", y = l.selectedOption === e.id, d = y && !!l.isCorrect || e.id === l.correctOptionId, z = y && !l.isCorrect || !!l.timedOut && e.id !== l.correctOptionId;
   if (!w) {
     const S = o === 0 ? "135deg" : "225deg", v = d ? `linear-gradient(${S}, ${b}20 0%, ${b}0D 100%)` : z ? `linear-gradient(${S}, ${p}20 0%, ${p}0D 100%)` : A ? `linear-gradient(${S}, rgba(${A}, 0.22) 0%, rgba(${A}, 0.08) 60%, rgba(${A}, 0.14) 100%)` : `linear-gradient(${S}, ${u}38 0%, ${u}14 60%, ${u}24 100%)`, D = A ? `repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(${A}, 0.04) 10px, rgba(${A}, 0.04) 11px)` : "none", P = d ? b : z ? p : A ? `rgba(${A}, 0.3)` : `${u}4D`, $ = d ? b : z ? p : u;
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ f(
       r,
       {
         onClick: () => !n && i(s, e.id),
@@ -564,7 +565,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 C,
                 {
                   sx: {
-                    color: f,
+                    color: h,
                     fontWeight: 800,
                     fontSize: "1em",
                     lineHeight: 1,
@@ -594,7 +595,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       }
     );
   }
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(
     r,
     {
       onClick: () => !n && i(s, e.id),
@@ -703,7 +704,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
   maxTime: n,
   brandingPrimaryColor: l
 }) => {
-  const i = q().palette.danger.softBg, s = q().palette.danger.plainColor, g = q().palette.warning.softBg, o = q().palette.warning.plainColor, m = l || q().palette.primary.plainColor, c = q().palette.primary.onPrimary, u = pe().xl, f = Te().secondary, b = ve(), p = {
+  const i = q().palette.danger.softBg, s = q().palette.danger.plainColor, g = q().palette.warning.softBg, o = q().palette.warning.plainColor, m = l || q().palette.primary.plainColor, c = q().palette.primary.onPrimary, u = pe().xl, h = Te().secondary, b = ve(), p = {
     "@keyframes pulse": {
       "0%": { transform: "scale(1)" },
       "50%": { transform: "scale(1.05)" },
@@ -725,7 +726,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     const y = Math.floor(I / 60), d = I % 60;
     return `${y < 10 ? "0" : ""}${y}:${d < 10 ? "0" : ""}${d}${y > 0 ? "m" : "s"}`;
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(
     r,
     {
       sx: {
@@ -760,7 +761,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
           C,
           {
             sx: {
-              fontFamily: f,
+              fontFamily: h,
               fontWeight: 400,
               fontSize: "1em",
               lineHeight: "150%",
@@ -785,17 +786,17 @@ const dt = $e(/* @__PURE__ */ t("path", {
   brandingPrimaryColor: m,
   game: c
 }) => {
-  var X, Z, ee, J, me, ae, se, ce, Y, he;
-  const [u, f] = B(0), [b, p] = B(!1), [x, A] = B(0), [E, w] = B(0), [I, y] = B(!1), d = mt(0), { t: z } = Q(), S = Se(), v = Ve(), D = q(), P = D.surfaceVariant, $ = m || D.palette.primary.plainColor, L = ((Z = (X = c == null ? void 0 : c.branding) == null ? void 0 : X.colors) == null ? void 0 : Z.contentColor) || D.textColor, N = pe().md, R = ve(), k = oe(P || ""), O = oe($ || ""), H = S ? ((J = (ee = c == null ? void 0 : c.branding) == null ? void 0 : ee.images) == null ? void 0 : J.mobileLogo) || ((ae = (me = c == null ? void 0 : c.branding) == null ? void 0 : me.images) == null ? void 0 : ae.mainLogo) || "" : ((ce = (se = c == null ? void 0 : c.branding) == null ? void 0 : se.images) == null ? void 0 : ce.mainLogo) || "", j = z("common.labels.point", { count: u });
-  fe(() => {
+  var X, Z, ee, J, me, ae, se, ce, Y, fe;
+  const [u, h] = B(0), [b, p] = B(!1), [x, A] = B(0), [E, w] = B(0), [I, y] = B(!1), d = mt(0), { t: z } = Q(), S = Se(), v = Ve(), D = q(), P = D.surfaceVariant, $ = m || D.palette.primary.plainColor, L = ((Z = (X = c == null ? void 0 : c.branding) == null ? void 0 : X.colors) == null ? void 0 : Z.contentColor) || D.textColor, N = pe().md, R = ve(), k = oe(P || ""), O = oe($ || ""), H = S ? ((J = (ee = c == null ? void 0 : c.branding) == null ? void 0 : ee.images) == null ? void 0 : J.mobileLogo) || ((ae = (me = c == null ? void 0 : c.branding) == null ? void 0 : me.images) == null ? void 0 : ae.mainLogo) || "" : ((ce = (se = c == null ? void 0 : c.branding) == null ? void 0 : se.images) == null ? void 0 : ce.mainLogo) || "", j = z("common.labels.point", { count: u });
+  he(() => {
     if (o != null && o.currentPoints && o.currentPoints > u) {
       A(o.currentPoints - u), p(!0), w((G) => G + 1);
       const U = setTimeout(() => p(!1), 1e3);
-      return f(o.currentPoints), () => clearTimeout(U);
+      return h(o.currentPoints), () => clearTimeout(U);
     }
   }, [o == null ? void 0 : o.currentPoints, u]);
   const V = (c == null ? void 0 : c.points) ?? [], a = V.length >= 2 ? V[1].correctSteps - V[0].correctSteps : ((Y = V[0]) == null ? void 0 : Y.correctSteps) || 5;
-  fe(() => {
+  he(() => {
     const U = d.current, G = (o == null ? void 0 : o.currentStreak) ?? 0;
     if (d.current = G, G > U && G > 0 && G % a === 0) {
       y(!0);
@@ -831,7 +832,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     return U;
   }, T = () => {
     const U = (o == null ? void 0 : o.currentStreak) ?? 0, G = I ? a : U % a, Ae = Math.floor(U / a) + 1;
-    return /* @__PURE__ */ h(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+    return /* @__PURE__ */ f(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
       Array.from({ length: a }, (we, Ce) => /* @__PURE__ */ t(
         r,
         {
@@ -845,7 +846,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         },
         `streak-${Ce}`
       )),
-      Ae > 1 && /* @__PURE__ */ h(
+      Ae > 1 && /* @__PURE__ */ f(
         C,
         {
           sx: {
@@ -895,7 +896,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
   );
   return e ? (
     // questionArea
-    /* @__PURE__ */ t(r, { sx: { display: "flex", flexDirection: "column", p: R.md }, children: /* @__PURE__ */ h(
+    /* @__PURE__ */ t(r, { sx: { display: "flex", flexDirection: "column", p: R.md }, children: /* @__PURE__ */ f(
       r,
       {
         sx: {
@@ -928,7 +929,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 pb: R.lg,
                 gap: R.md
               },
-              children: /* @__PURE__ */ h(
+              children: /* @__PURE__ */ f(
                 r,
                 {
                   sx: {
@@ -968,9 +969,9 @@ const dt = $e(/* @__PURE__ */ t("path", {
               )
             }
           ),
-          /* @__PURE__ */ h(r, { children: [
+          /* @__PURE__ */ f(r, { children: [
             /* @__PURE__ */ t(r, { sx: { mb: R.xs }, children: T() }),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ f(
               je,
               {
                 direction: "row",
@@ -978,19 +979,19 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 alignItems: "center",
                 children: [
                   /* @__PURE__ */ t(r, { children: W() }),
-                  /* @__PURE__ */ h(je, { direction: "row", spacing: 1, alignItems: "center", children: [
-                    /* @__PURE__ */ h(C, { sx: { color: L }, children: [
+                  /* @__PURE__ */ f(je, { direction: "row", spacing: 1, alignItems: "center", children: [
+                    /* @__PURE__ */ f(C, { sx: { color: L }, children: [
                       j,
                       ":"
                     ] }),
-                    /* @__PURE__ */ h(
+                    /* @__PURE__ */ f(
                       C,
                       {
                         level: "h4",
                         sx: { position: "relative", color: L },
                         children: [
                           u,
-                          b && /* @__PURE__ */ h(
+                          b && /* @__PURE__ */ f(
                             C,
                             {
                               sx: Nt.pointsAdded,
@@ -1021,7 +1022,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                   {
                     brandingLogo: H,
                     textColor: L,
-                    label: ((he = c == null ? void 0 : c.labels) == null ? void 0 : he.sponsor) || null
+                    label: ((fe = c == null ? void 0 : c.labels) == null ? void 0 : fe.sponsor) || null
                   }
                 )
               }
@@ -1061,9 +1062,9 @@ const dt = $e(/* @__PURE__ */ t("path", {
   brandingPrimaryColor: s,
   additionalCTA: g
 }) => {
-  var Z, ee, J, me, ae, se, ce, Y, he;
-  const { t: o } = Q(), m = q(), c = s || m.palette.primary.plainColor, u = m.palette.primary.onPrimary, f = ((ee = (Z = n == null ? void 0 : n.branding) == null ? void 0 : Z.colors) == null ? void 0 : ee.contentColor) || m.textColor, b = m.palette.success.plainColor, p = m.palette.danger.plainColor, x = m.palette.success.softBg, A = m.palette.danger.softBg, E = pe().md, w = pe().xl, I = ve(), y = Te().primary, d = Se(), z = Ve(), S = oe(c || ""), v = S ? S.replace(/[^\d,]/g, "") : null, D = d ? ((me = (J = n == null ? void 0 : n.branding) == null ? void 0 : J.images) == null ? void 0 : me.mobileLogo) || ((se = (ae = n == null ? void 0 : n.branding) == null ? void 0 : ae.images) == null ? void 0 : se.mainLogo) || "" : ((Y = (ce = n == null ? void 0 : n.branding) == null ? void 0 : ce.images) == null ? void 0 : Y.mainLogo) || "", [P, $] = B(0), [L, N] = B(null), R = (e == null ? void 0 : e.currentPoints) ?? 0, k = P > 0 && R >= P;
-  if (fe(() => {
+  var Z, ee, J, me, ae, se, ce, Y, fe;
+  const { t: o } = Q(), m = q(), c = s || m.palette.primary.plainColor, u = m.palette.primary.onPrimary, h = ((ee = (Z = n == null ? void 0 : n.branding) == null ? void 0 : Z.colors) == null ? void 0 : ee.contentColor) || m.textColor, b = m.palette.success.plainColor, p = m.palette.danger.plainColor, x = m.palette.success.softBg, A = m.palette.danger.softBg, E = pe().md, w = pe().xl, I = ve(), y = Te().primary, d = Se(), z = Ve(), S = oe(c || ""), v = S ? S.replace(/[^\d,]/g, "") : null, D = d ? ((me = (J = n == null ? void 0 : n.branding) == null ? void 0 : J.images) == null ? void 0 : me.mobileLogo) || ((se = (ae = n == null ? void 0 : n.branding) == null ? void 0 : ae.images) == null ? void 0 : se.mainLogo) || "" : ((Y = (ce = n == null ? void 0 : n.branding) == null ? void 0 : ce.images) == null ? void 0 : Y.mainLogo) || "", [P, $] = B(0), [L, N] = B(null), R = (e == null ? void 0 : e.currentPoints) ?? 0, k = P > 0 && R >= P;
+  if (he(() => {
     n && (async () => {
       try {
         const G = await l.miniGames.getMyEitherOrStats(n.id);
@@ -1082,7 +1083,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     e.currentLives,
     o
   ), T = a > 0 ? H / a * 100 : 0, K = a > 0 ? j / a * 100 : 0, X = a > 0 ? V / a * 100 : 0;
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(
     r,
     {
       sx: {
@@ -1097,7 +1098,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         }
       },
       children: [
-        k && /* @__PURE__ */ h(
+        k && /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -1128,7 +1129,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               }
             },
             children: [
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ f(
                 r,
                 {
                   sx: {
@@ -1175,8 +1176,8 @@ const dt = $e(/* @__PURE__ */ t("path", {
                   ]
                 }
               ),
-              /* @__PURE__ */ h(r, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ h(
+              /* @__PURE__ */ f(r, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ f(
                   r,
                   {
                     sx: {
@@ -1254,7 +1255,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
             ]
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -1327,7 +1328,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                   children: e.currentPoints
                 }
               ),
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ f(
                 C,
                 {
                   sx: { fontSize: "1em", fontWeight: 600, color: m.textColor },
@@ -1341,7 +1342,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
             ]
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -1420,7 +1421,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
             valueSx: { color: m.textColor },
             labelSx: { color: m.textColor }
           }
-        ].map((U) => /* @__PURE__ */ h(
+        ].map((U) => /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -1458,7 +1459,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
           },
           U.label
         )) }),
-        P > 0 && L !== null && L > 0 && /* @__PURE__ */ h(
+        P > 0 && L !== null && L > 0 && /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -1507,7 +1508,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
             ]
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -1522,15 +1523,15 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 ue,
                 {
                   brandingLogo: D,
-                  textColor: f,
-                  label: ((he = n == null ? void 0 : n.labels) == null ? void 0 : he.sponsor) || null
+                  textColor: h,
+                  label: ((fe = n == null ? void 0 : n.labels) == null ? void 0 : fe.sponsor) || null
                 }
               ),
               /* @__PURE__ */ t(
                 ye,
                 {
                   variant: "soft",
-                  endDecorator: /* @__PURE__ */ t(ht, { children: /* @__PURE__ */ t(gt, {}) }),
+                  endDecorator: /* @__PURE__ */ t(ft, { children: /* @__PURE__ */ t(gt, {}) }),
                   onClick: i,
                   sx: {
                     borderRadius: w,
@@ -1594,8 +1595,8 @@ const dt = $e(/* @__PURE__ */ t("path", {
   primaryColor: l,
   textColor: i
 }) => {
-  const { t: s } = Q(), g = Zt(), o = (k) => k.toLocaleString(g), m = q(), c = pe(), u = ve(), f = Te().primary, b = m.outlineEnabledBorder, p = oe(l), [x, A] = B(null), [E, w] = B(!1);
-  if (fe(() => {
+  const { t: s } = Q(), g = Zt(), o = (k) => k.toLocaleString(g), m = q(), c = pe(), u = ve(), h = Te().primary, b = m.outlineEnabledBorder, p = oe(l), [x, A] = B(null), [E, w] = B(!1);
+  if (he(() => {
     const k = requestAnimationFrame(() => {
       setTimeout(() => w(!0), 80);
     });
@@ -1605,7 +1606,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       C,
       {
         sx: {
-          fontFamily: f,
+          fontFamily: h,
           color: i,
           opacity: 0.4,
           fontSize: "0.875em"
@@ -1628,7 +1629,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       (k, O) => Math.min(O * N, I.length - 1)
     )
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(
     r,
     {
       sx: {
@@ -1653,7 +1654,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         "& > *": { position: "relative", zIndex: 1 }
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -1669,7 +1670,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 C,
                 {
                   sx: {
-                    fontFamily: f,
+                    fontFamily: h,
                     fontSize: "0.7em",
                     fontWeight: 700,
                     color: i,
@@ -1683,7 +1684,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 C,
                 {
                   sx: {
-                    fontFamily: f,
+                    fontFamily: h,
                     fontSize: "0.7em",
                     fontWeight: 500,
                     color: i,
@@ -1712,12 +1713,12 @@ const dt = $e(/* @__PURE__ */ t("path", {
               backgroundColor: D ? `rgba(${oe(b)}, 0.6)` : `rgba(${oe(b)}, 0.35)`,
               transition: "background-color 200ms ease, border-left-color 200ms ease"
             },
-            children: P ? /* @__PURE__ */ h(et, { children: [
+            children: P ? /* @__PURE__ */ f(et, { children: [
               /* @__PURE__ */ t(
                 C,
                 {
                   sx: {
-                    fontFamily: f,
+                    fontFamily: h,
                     fontSize: "0.8em",
                     color: l,
                     fontWeight: 700,
@@ -1730,7 +1731,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 C,
                 {
                   sx: {
-                    fontFamily: f,
+                    fontFamily: h,
                     fontSize: "0.75em",
                     color: i,
                     fontWeight: 600
@@ -1744,7 +1745,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               C,
               {
                 sx: {
-                  fontFamily: f,
+                  fontFamily: h,
                   fontSize: "0.75em",
                   color: i,
                   opacity: 0.4,
@@ -1829,7 +1830,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 left: `${H}%`,
                 transform: j ? "none" : V ? "translateX(-100%)" : "translateX(-50%)",
                 fontSize: "0.6em",
-                fontFamily: f,
+                fontFamily: h,
                 color: i,
                 opacity: 0.4,
                 lineHeight: 1,
@@ -1850,8 +1851,8 @@ const dt = $e(/* @__PURE__ */ t("path", {
   brandingPrimaryColor: i
 }) => {
   var a;
-  const { t: s } = Q(), g = Ne(), o = q(), m = ((a = e == null ? void 0 : e.branding) == null ? void 0 : a.colors) || null, c = i || (m == null ? void 0 : m.primaryColor) || o.palette.primary.plainColor, u = (m == null ? void 0 : m.contentColor) || o.textColor, f = Te().primary, b = Te().secondary, p = pe(), x = ve(), A = Ve(), E = o.surfaceVariant, w = g.colorSchemes.light.palette.primary.onPrimary, I = o.outlineEnabledBorder, [y, d] = B(null), [z, S] = B(!0), [v, D] = B(0), [P, $] = B(null), [L, N] = B("leaderboard"), R = (l == null ? void 0 : l.currentPoints) ?? 0;
-  fe(() => {
+  const { t: s } = Q(), g = Ne(), o = q(), m = ((a = e == null ? void 0 : e.branding) == null ? void 0 : a.colors) || null, c = i || (m == null ? void 0 : m.primaryColor) || o.palette.primary.plainColor, u = (m == null ? void 0 : m.contentColor) || o.textColor, h = Te().primary, b = Te().secondary, p = pe(), x = ve(), A = Ve(), E = o.surfaceVariant, w = g.colorSchemes.light.palette.primary.onPrimary, I = o.outlineEnabledBorder, [y, d] = B(null), [z, S] = B(!0), [v, D] = B(0), [P, $] = B(null), [L, N] = B("leaderboard"), R = (l == null ? void 0 : l.currentPoints) ?? 0;
+  he(() => {
     (async () => {
       try {
         if (!e) return;
@@ -1912,7 +1913,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       "& > thead > tr > th": {
         backgroundColor: `rgba(${oe(E)}, 0.8)`,
         color: u,
-        fontFamily: f,
+        fontFamily: h,
         fontWeight: 600,
         fontSize: "0.875em",
         textAlign: "center",
@@ -1922,7 +1923,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     headerCellPosition: {
       backgroundColor: `rgba(${oe(E)}, 0.8)`,
       color: u,
-      fontFamily: f,
+      fontFamily: h,
       fontWeight: 600,
       fontSize: "0.875em",
       textAlign: "center",
@@ -1932,7 +1933,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     headerCellName: {
       backgroundColor: `rgba(${oe(E)}, 0.8)`,
       color: u,
-      fontFamily: f,
+      fontFamily: h,
       fontWeight: 600,
       fontSize: "0.875em",
       textAlign: "left",
@@ -1942,7 +1943,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     headerCellPoints: {
       backgroundColor: `rgba(${oe(E)}, 0.8)`,
       color: u,
-      fontFamily: f,
+      fontFamily: h,
       fontWeight: 600,
       fontSize: "0.875em",
       textAlign: "center",
@@ -1977,7 +1978,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       color: w
     },
     nameText: {
-      fontFamily: f,
+      fontFamily: h,
       fontWeight: 500,
       fontSize: "0.875em",
       color: u,
@@ -1986,13 +1987,13 @@ const dt = $e(/* @__PURE__ */ t("path", {
       whiteSpace: "nowrap"
     },
     positionText: {
-      fontFamily: f,
+      fontFamily: h,
       fontWeight: 600,
       fontSize: "0.875em",
       color: u
     },
     pointsText: {
-      fontFamily: f,
+      fontFamily: h,
       fontWeight: 600,
       fontSize: "0.875em",
       color: u
@@ -2035,7 +2036,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       label: s("eitherOr.standings.distribution", "Distribution")
     }
   ];
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(
     r,
     {
       sx: {
@@ -2077,7 +2078,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                     C,
                     {
                       sx: {
-                        fontFamily: f,
+                        fontFamily: h,
                         fontWeight: T ? 700 : 500,
                         fontSize: "0.8em",
                         color: T ? w : u,
@@ -2094,12 +2095,12 @@ const dt = $e(/* @__PURE__ */ t("path", {
             })
           }
         ),
-        L === "leaderboard" && /* @__PURE__ */ h(et, { children: [
+        L === "leaderboard" && /* @__PURE__ */ f(et, { children: [
           /* @__PURE__ */ t(
             C,
             {
               sx: {
-                fontFamily: f,
+                fontFamily: h,
                 fontWeight: 700,
                 fontSize: "1.5em",
                 color: u,
@@ -2108,7 +2109,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               children: s("eitherOr.leaderboard.top50Note", "Top 50")
             }
           ),
-          /* @__PURE__ */ t(fn, { sx: k.tableContainer, children: /* @__PURE__ */ h(
+          /* @__PURE__ */ t(hn, { sx: k.tableContainer, children: /* @__PURE__ */ f(
             xn,
             {
               variant: "outlined",
@@ -2117,7 +2118,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               size: "sm",
               sx: k.table,
               children: [
-                /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ h("tr", { children: [
+                /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ f("tr", { children: [
                   /* @__PURE__ */ t("th", { style: k.headerCellPosition, children: A ? "" : s("eitherOr.leaderboard.position", "#") }),
                   /* @__PURE__ */ t("th", { style: k.headerCellName, children: s("eitherOr.leaderboard.name", "Name") }),
                   /* @__PURE__ */ t("th", { style: k.headerCellPoints, children: A ? "🎯" : s("eitherOr.leaderboard.points", "Pts") })
@@ -2125,17 +2126,17 @@ const dt = $e(/* @__PURE__ */ t("path", {
                 /* @__PURE__ */ t("tbody", { children: j.map((W, T) => {
                   var J, me, ae;
                   const K = v * Je + T, X = W.userId === "current" || P !== null && W.userId === P, Z = ((J = W.userModel) == null ? void 0 : J.avatar) || void 0, ee = ((me = W.userModel) == null ? void 0 : me.nickname) || ((ae = W.userModel) == null ? void 0 : ae.name) || s("common.labels.anonymous", "Anonymous");
-                  return /* @__PURE__ */ h(
+                  return /* @__PURE__ */ f(
                     "tr",
                     {
                       style: X ? k.userRow : void 0,
                       children: [
-                        /* @__PURE__ */ t("td", { style: k.tableCellPosition, children: /* @__PURE__ */ h(C, { sx: k.positionText, children: [
+                        /* @__PURE__ */ t("td", { style: k.tableCellPosition, children: /* @__PURE__ */ f(C, { sx: k.positionText, children: [
                           "#",
                           K + 1
                         ] }) }),
-                        /* @__PURE__ */ t("td", { style: k.tableCellName, children: /* @__PURE__ */ h(r, { sx: k.nameCell, children: [
-                          /* @__PURE__ */ t(bn, { src: Z, sx: k.leaderboardAvatar, children: !Z && /* @__PURE__ */ t(hn, { sx: k.avatarIcon }) }),
+                        /* @__PURE__ */ t("td", { style: k.tableCellName, children: /* @__PURE__ */ f(r, { sx: k.nameCell, children: [
+                          /* @__PURE__ */ t(bn, { src: Z, sx: k.leaderboardAvatar, children: !Z && /* @__PURE__ */ t(fn, { sx: k.avatarIcon }) }),
                           /* @__PURE__ */ t(
                             C,
                             {
@@ -2157,7 +2158,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               ]
             }
           ) }),
-          H > 1 && /* @__PURE__ */ h(
+          H > 1 && /* @__PURE__ */ f(
             r,
             {
               sx: {
@@ -2174,7 +2175,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                     sx: {
                       cursor: v > 0 ? "pointer" : "default",
                       opacity: v > 0 ? 1 : 0.3,
-                      fontFamily: f,
+                      fontFamily: h,
                       fontSize: "1.25em",
                       fontWeight: 600,
                       color: c,
@@ -2186,11 +2187,11 @@ const dt = $e(/* @__PURE__ */ t("path", {
                     children: "‹"
                   }
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ f(
                   C,
                   {
                     sx: {
-                      fontFamily: f,
+                      fontFamily: h,
                       fontSize: "0.75em",
                       color: u,
                       opacity: 0.7
@@ -2209,7 +2210,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                     sx: {
                       cursor: v < H - 1 ? "pointer" : "default",
                       opacity: v < H - 1 ? 1 : 0.3,
-                      fontFamily: f,
+                      fontFamily: h,
                       fontSize: "1.25em",
                       fontWeight: 600,
                       color: c,
@@ -2271,7 +2272,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     feedback: m,
     sdk: c,
     defaultImagePlaceholderUrl: u,
-    rulesDisplay: f,
+    rulesDisplay: h,
     showStandings: b,
     additionalCTA: p,
     onGameStart: x,
@@ -2356,7 +2357,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     flexDirection: "column",
     overflow: "auto"
   };
-  return j && b ? /* @__PURE__ */ t(ke, { brandingBorderColor: (d == null ? void 0 : d.borderColor) || null, children: /* @__PURE__ */ h(
+  return j && b ? /* @__PURE__ */ t(ke, { brandingBorderColor: (d == null ? void 0 : d.borderColor) || null, children: /* @__PURE__ */ f(
     Mt,
     {
       value: R,
@@ -2367,7 +2368,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         backgroundColor: "transparent"
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ f(
           Ht,
           {
             sx: {
@@ -2376,7 +2377,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               flexDirection: N ? "column" : "row"
             },
             children: [
-              /* @__PURE__ */ t(nt, { sx: V, disableIndicator: !0, children: /* @__PURE__ */ h(
+              /* @__PURE__ */ t(nt, { sx: V, disableIndicator: !0, children: /* @__PURE__ */ f(
                 r,
                 {
                   sx: {
@@ -2403,7 +2404,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ t(nt, { sx: V, disableIndicator: !0, children: /* @__PURE__ */ h(
+              /* @__PURE__ */ t(nt, { sx: V, disableIndicator: !0, children: /* @__PURE__ */ f(
                 r,
                 {
                   sx: {
@@ -2452,7 +2453,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       headline: I("eitherOr.headline", "Either/Or"),
       finalImage: O,
       imagePosition: w,
-      rulesDisplay: f,
+      rulesDisplay: h,
       children: H()
     }
   ) });
@@ -2521,7 +2522,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     Pe.STANDARD
-  ), g = Te().primary, o = pe().xl, m = (n == null ? void 0 : n.primaryColor) || q().palette.primary.plainColor, c = q().palette.primary.onPrimary, u = (n == null ? void 0 : n.contentColor) || q().textColor, f = l ? ((w = e.eitherOr.branding) == null ? void 0 : w.images.mobileLogo) || ((I = e.eitherOr.branding) == null ? void 0 : I.images.mainLogo) || "" : ((y = e.eitherOr.branding) == null ? void 0 : y.images.mainLogo) || "", { t: b } = Q(), p = e.imagePosition || "left", x = Dn({
+  ), g = Te().primary, o = pe().xl, m = (n == null ? void 0 : n.primaryColor) || q().palette.primary.plainColor, c = q().palette.primary.onPrimary, u = (n == null ? void 0 : n.contentColor) || q().textColor, h = l ? ((w = e.eitherOr.branding) == null ? void 0 : w.images.mobileLogo) || ((I = e.eitherOr.branding) == null ? void 0 : I.images.mainLogo) || "" : ((y = e.eitherOr.branding) == null ? void 0 : y.images.mainLogo) || "", { t: b } = Q(), p = e.imagePosition || "left", x = Dn({
     fontFamilyPrimary: g,
     buttonRadius: o,
     primaryColor: m,
@@ -2602,7 +2603,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       brandingContent: /* @__PURE__ */ t(
         ue,
         {
-          brandingLogo: f,
+          brandingLogo: h,
           textColor: l && s ? (n == null ? void 0 : n.contentColor) || i.colorSchemes.dark.textColor : u,
           label: ((d = e.eitherOr.labels) == null ? void 0 : d.sponsor) || null
         }
@@ -2619,13 +2620,13 @@ const dt = $e(/* @__PURE__ */ t("path", {
   var u;
   const { t: s } = Q(), g = ((u = e.branding) == null ? void 0 : u.colors) || null, { brandingLogo: o } = it(
     e.branding || null
-  ), m = (f) => {
+  ), m = (h) => {
     var b;
     return /* @__PURE__ */ t(
       ue,
       {
         brandingLogo: o,
-        textColor: f,
+        textColor: h,
         label: ((b = e.labels) == null ? void 0 : b.sponsor) || null
       }
     );
@@ -2649,8 +2650,8 @@ const dt = $e(/* @__PURE__ */ t("path", {
     }
   ) });
 }, En = (e) => {
-  var g, o, m, c, u, f, b;
-  const { t: n } = Q(), l = ((g = e.eitherOr.branding) == null ? void 0 : g.colors) || null, i = Se() ? ((m = (o = e.eitherOr.branding) == null ? void 0 : o.images) == null ? void 0 : m.mobileLogo) || ((u = (c = e.eitherOr.branding) == null ? void 0 : c.images) == null ? void 0 : u.mainLogo) || "" : ((b = (f = e.eitherOr.branding) == null ? void 0 : f.images) == null ? void 0 : b.mainLogo) || "", s = {
+  var g, o, m, c, u, h, b;
+  const { t: n } = Q(), l = ((g = e.eitherOr.branding) == null ? void 0 : g.colors) || null, i = Se() ? ((m = (o = e.eitherOr.branding) == null ? void 0 : o.images) == null ? void 0 : m.mobileLogo) || ((u = (c = e.eitherOr.branding) == null ? void 0 : c.images) == null ? void 0 : u.mainLogo) || "" : ((b = (h = e.eitherOr.branding) == null ? void 0 : h.images) == null ? void 0 : b.mainLogo) || "", s = {
     ...e.eitherOr,
     branding: e.eitherOr.branding ? {
       ...e.eitherOr.branding,
@@ -2693,7 +2694,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
   startGame: m,
   fields: c = ["fullName", "email"],
   leadTitle: u,
-  leadDescription: f,
+  leadDescription: h,
   leadCta: b,
   leadSuccessTitle: p,
   leadSuccessDescription: x,
@@ -2702,7 +2703,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
   isAfterPosition: w = !1,
   isSubmittingParticipation: I = !1
 }) => {
-  const { t: y } = Q(), d = u ?? y("leads.header.title"), z = f ?? y("leads.header.description"), S = b ?? y("leads.buttons.submit"), v = p ?? y("leads.success.title"), D = x ?? y("leads.success.description"), P = {
+  const { t: y } = Q(), d = u ?? y("leads.header.title"), z = h ?? y("leads.header.description"), S = b ?? y("leads.buttons.submit"), v = p ?? y("leads.success.title"), D = x ?? y("leads.success.description"), P = {
     defaultLabel: y(w ? "eitherOr.buttons.finish" : "eitherOr.buttons.start"),
     onClick: m
   };
@@ -2881,7 +2882,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     feedback: m,
     sdk: c,
     defaultImagePlaceholderUrl: u,
-    rulesDisplay: f,
+    rulesDisplay: h,
     showStandings: b,
     additionalCTA: p,
     consents: x,
@@ -2891,23 +2892,23 @@ const dt = $e(/* @__PURE__ */ t("path", {
     onPlayAgain: I
   } = e, y = Ne(), d = ve(), z = Se(), { t: S } = Q(), [v, D] = B(0), [P, $] = B(0), [L, N] = B(!1), [R, k] = B(0), [O, H] = B(0), [j, V] = B(!1), a = mt(0), { brandingImage: W, brandingColors: T } = it(
     n.branding || null
-  ), K = u || (z ? ft : xt), X = st(
+  ), K = u || (z ? ht : xt), X = st(
     { images: n == null ? void 0 : n.images, imagePlaceholder: K },
     Pe.OVERLAY
   ), Z = W || X, ee = Ot(Z), J = Lt(
     Pe.OVERLAY
-  ), me = y.customRadius.dark.sm, ae = y.customRadius.dark.md, se = (T == null ? void 0 : T.backgroundColor) || ((xe = (ne = y.colorSchemes) == null ? void 0 : ne.dark) == null ? void 0 : xe.surfaceVariant), ce = (be = (Le = y.customRadius) == null ? void 0 : Le.light) == null ? void 0 : be.xl, Y = (T == null ? void 0 : T.primaryColor) || ((Ze = (Me = (We = (Ue = y.colorSchemes) == null ? void 0 : Ue.light) == null ? void 0 : We.palette) == null ? void 0 : Me.primary) == null ? void 0 : Ze.plainColor), he = (St = (pt = (yt = (bt = y.colorSchemes) == null ? void 0 : bt.light) == null ? void 0 : yt.palette) == null ? void 0 : pt.primary) == null ? void 0 : St.onPrimary, U = y.customFontFamily.dark.primary, G = y.colorSchemes.dark.textColor, de = y.colorSchemes.dark.surface, Ae = y.colorSchemes.dark.secondaryContainer, we = y.colorSchemes.dark.surfaceTintDim, Ce = ((Ct = oe(we || "")) == null ? void 0 : Ct.replace(/[^\d,]/g, "")) ?? null, Ie = oe(Y || ""), ie = Wn({
+  ), me = y.customRadius.dark.sm, ae = y.customRadius.dark.md, se = (T == null ? void 0 : T.backgroundColor) || ((xe = (ne = y.colorSchemes) == null ? void 0 : ne.dark) == null ? void 0 : xe.surfaceVariant), ce = (be = (Le = y.customRadius) == null ? void 0 : Le.light) == null ? void 0 : be.xl, Y = (T == null ? void 0 : T.primaryColor) || ((Ze = (Me = (We = (Ue = y.colorSchemes) == null ? void 0 : Ue.light) == null ? void 0 : We.palette) == null ? void 0 : Me.primary) == null ? void 0 : Ze.plainColor), fe = (St = (pt = (yt = (bt = y.colorSchemes) == null ? void 0 : bt.light) == null ? void 0 : yt.palette) == null ? void 0 : pt.primary) == null ? void 0 : St.onPrimary, U = y.customFontFamily.dark.primary, G = y.colorSchemes.dark.textColor, de = y.colorSchemes.dark.surface, Ae = y.colorSchemes.dark.secondaryContainer, we = y.colorSchemes.dark.surfaceTintDim, Ce = ((Ct = oe(we || "")) == null ? void 0 : Ct.replace(/[^\d,]/g, "")) ?? null, Ie = oe(Y || ""), ie = Wn({
     spacingScale: d,
     smBorderRadius: me,
     contentBgColor: se,
     buttonRadius: ce,
     primaryColor: Y,
-    onPrimaryColor: he,
+    onPrimaryColor: fe,
     fontFamilyPrimary: U,
     darkTextColor: G,
     isMobile: z
   });
-  fe(() => {
+  he(() => {
     if (i != null && i.currentPoints && i.currentPoints > P) {
       k(i.currentPoints - P), N(!0), H((le) => le + 1);
       const re = setTimeout(() => N(!1), 1e3);
@@ -2915,7 +2916,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     }
   }, [i == null ? void 0 : i.currentPoints, P]);
   const Fe = (n == null ? void 0 : n.points) ?? [], Re = Fe.length >= 2 ? Fe[1].correctSteps - Fe[0].correctSteps : ((It = Fe[0]) == null ? void 0 : It.correctSteps) || 5;
-  fe(() => {
+  he(() => {
     const re = a.current, le = (i == null ? void 0 : i.currentStreak) ?? 0;
     if (a.current = le, le > re && le > 0 && le % Re === 0) {
       V(!0);
@@ -2951,7 +2952,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     return re;
   }, qe = () => {
     const re = (i == null ? void 0 : i.currentStreak) ?? 0, le = j ? Re : re % Re, He = Math.floor(re / Re) + 1;
-    return /* @__PURE__ */ h(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+    return /* @__PURE__ */ f(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
       Array.from({ length: Re }, (Rt, Oe) => /* @__PURE__ */ t(
         r,
         {
@@ -2965,7 +2966,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         },
         `streak-${Oe}`
       )),
-      He > 1 && /* @__PURE__ */ h(
+      He > 1 && /* @__PURE__ */ f(
         C,
         {
           sx: {
@@ -3003,7 +3004,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     }
   ) }), Xe = () => {
     var re;
-    return l ? /* @__PURE__ */ h(r, { sx: ie.mainContentSection, children: [
+    return l ? /* @__PURE__ */ f(r, { sx: ie.mainContentSection, children: [
       /* @__PURE__ */ t(r, { sx: ie.timerContainer, children: /* @__PURE__ */ t(
         Yt,
         {
@@ -3013,8 +3014,8 @@ const dt = $e(/* @__PURE__ */ t("path", {
         },
         `timer-${l.pairId}`
       ) }),
-      /* @__PURE__ */ h(r, { sx: ie.contentContainerWithBackdrop, children: [
-        /* @__PURE__ */ h(r, { sx: ie.optionsContainer, children: [
+      /* @__PURE__ */ f(r, { sx: ie.contentContainerWithBackdrop, children: [
+        /* @__PURE__ */ f(r, { sx: ie.optionsContainer, children: [
           /* @__PURE__ */ t(r, { sx: ie.optionWrapper, children: /* @__PURE__ */ t(
             ot,
             {
@@ -3041,9 +3042,9 @@ const dt = $e(/* @__PURE__ */ t("path", {
             }
           ) })
         ] }),
-        /* @__PURE__ */ h(r, { children: [
+        /* @__PURE__ */ f(r, { children: [
           /* @__PURE__ */ t(r, { sx: { mb: d.xs }, children: qe() }),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ f(
             je,
             {
               direction: "row",
@@ -3051,19 +3052,19 @@ const dt = $e(/* @__PURE__ */ t("path", {
               alignItems: "center",
               children: [
                 /* @__PURE__ */ t(r, { children: _e() }),
-                /* @__PURE__ */ h(je, { direction: "row", spacing: 1, alignItems: "center", children: [
-                  /* @__PURE__ */ h(C, { sx: { color: G }, children: [
+                /* @__PURE__ */ f(je, { direction: "row", spacing: 1, alignItems: "center", children: [
+                  /* @__PURE__ */ f(C, { sx: { color: G }, children: [
                     Ye,
                     ":"
                   ] }),
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ f(
                     C,
                     {
                       level: "h4",
                       sx: { position: "relative", color: G },
                       children: [
                         P,
-                        L && /* @__PURE__ */ h(
+                        L && /* @__PURE__ */ f(
                           C,
                           {
                             sx: Nt.pointsAdded,
@@ -3119,7 +3120,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     display: "flex",
     flexDirection: "column",
     overflow: "auto"
-  }, F = () => b ? /* @__PURE__ */ t(r, { sx: { width: "100%" }, children: /* @__PURE__ */ h(
+  }, F = () => b ? /* @__PURE__ */ t(r, { sx: { width: "100%" }, children: /* @__PURE__ */ f(
     Mt,
     {
       value: v,
@@ -3130,7 +3131,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
         backgroundColor: "transparent"
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ f(
           Ht,
           {
             sx: {
@@ -3139,7 +3140,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
               flexDirection: z ? "column" : "row"
             },
             children: [
-              /* @__PURE__ */ t(nt, { sx: Ee, disableIndicator: !0, children: /* @__PURE__ */ h(
+              /* @__PURE__ */ t(nt, { sx: Ee, disableIndicator: !0, children: /* @__PURE__ */ f(
                 r,
                 {
                   sx: {
@@ -3167,7 +3168,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ t(nt, { sx: Ee, disableIndicator: !0, children: /* @__PURE__ */ h(
+              /* @__PURE__ */ t(nt, { sx: Ee, disableIndicator: !0, children: /* @__PURE__ */ f(
                 r,
                 {
                   sx: {
@@ -3275,7 +3276,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
             description: S("eitherOr.tutorial.step3Description")
           }
         ], Rt = Ie ? `rgba(${Ie.replace(/[^\d,]/g, "")}, 0.12)` : `${Y}20`;
-        return /* @__PURE__ */ h(
+        return /* @__PURE__ */ f(
           r,
           {
             sx: {
@@ -3310,8 +3311,8 @@ const dt = $e(/* @__PURE__ */ t("path", {
                   },
                   children: He.map((Oe, zt) => {
                     const Kt = zt === He.length - 1;
-                    return /* @__PURE__ */ h(r, { children: [
-                      /* @__PURE__ */ h(
+                    return /* @__PURE__ */ f(r, { children: [
+                      /* @__PURE__ */ f(
                         r,
                         {
                           sx: {
@@ -3339,7 +3340,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                                 children: Oe.icon
                               }
                             ),
-                            /* @__PURE__ */ h(r, { sx: { flex: 1, minWidth: 0, pt: "2px" }, children: [
+                            /* @__PURE__ */ f(r, { sx: { flex: 1, minWidth: 0, pt: "2px" }, children: [
                               /* @__PURE__ */ t(
                                 C,
                                 {
@@ -3395,7 +3396,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
                   brandingUrls: (re = n == null ? void 0 : n.branding) == null ? void 0 : re.urls
                 }
               ) }) : null,
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ f(
                 r,
                 {
                   sx: {
@@ -3422,10 +3423,10 @@ const dt = $e(/* @__PURE__ */ t("path", {
                           ...ie.pulseAnimation,
                           ...A ? Et(
                             Y,
-                            he
+                            fe
                           ) : {}
                         },
-                        endDecorator: /* @__PURE__ */ t(ht, { children: /* @__PURE__ */ t(gt, {}) }),
+                        endDecorator: /* @__PURE__ */ t(ft, { children: /* @__PURE__ */ t(gt, {}) }),
                         onClick: E,
                         children: /* @__PURE__ */ t(
                           C,
@@ -3467,7 +3468,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
       entity: n,
       headline: S("eitherOr.headline"),
       finalImage: Z,
-      rulesDisplay: f,
+      rulesDisplay: h,
       children: te()
     }
   );
@@ -3513,7 +3514,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
   var y, d, z, S, v, D, P, $, L, N, R;
   const n = Ne(), { t: l } = Q(), i = Se(), s = Lt(
     Pe.OVERLAY
-  ), g = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? ft : xt, o = st(
+  ), g = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? ht : xt, o = st(
     { images: e.eitherOr.images, imagePlaceholder: g },
     Pe.OVERLAY
   ), { brandingImage: m, brandingColors: c, brandingLogo: u } = it(e.eitherOr.branding || null), b = Ot(m || o), p = (d = (y = n.customRadius) == null ? void 0 : y.light) == null ? void 0 : d.xl, x = (c == null ? void 0 : c.primaryColor) || ((D = (v = (S = (z = n.colorSchemes) == null ? void 0 : z.light) == null ? void 0 : S.palette) == null ? void 0 : v.primary) == null ? void 0 : D.plainColor), A = (N = (L = ($ = (P = n.colorSchemes) == null ? void 0 : P.light) == null ? void 0 : $.palette) == null ? void 0 : L.primary) == null ? void 0 : N.onPrimary, E = n.customFontFamily.dark.primary, w = Hn({
@@ -3580,7 +3581,7 @@ const dt = $e(/* @__PURE__ */ t("path", {
     }
   );
 }, jn = (e) => {
-  const { t: n } = Q(), l = Se(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : l ? ft : xt, { brandingLogo: s } = it(
+  const { t: n } = Q(), l = Se(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : l ? ht : xt, { brandingLogo: s } = it(
     e.eitherOr.branding || null
   );
   return /* @__PURE__ */ t(
@@ -3707,7 +3708,7 @@ const _n = (e) => {
   var ze, Ye, _e, qe, Ke, Xe, Ee;
   const [n, l] = B(
     _.LOADING
-  ), [i, s] = B(null), [g, o] = B(null), [m, c] = B(10), [u, f] = B(null), [b, p] = B({
+  ), [i, s] = B(null), [g, o] = B(null), [m, c] = B(10), [u, h] = B(null), [b, p] = B({
     isCorrect: null,
     selectedOption: null
   }), [x, A] = B(!1), [E, w] = B(!1), [I, y] = B(!1), [d, z] = B(""), [S, v] = B(!1), [D, P] = B(!1), [$, L] = B(!1), [N, R] = B(!1), [k, O] = B(!1), [H, j] = B(!1), V = mt(null), a = Tn(e.entityId, e.sdk), {
@@ -3726,7 +3727,7 @@ const _n = (e) => {
     entityType: "either_or"
   }), ae = !!((a == null ? void 0 : a.authRequirement) === "LEAD" ? (Ye = e.leads) == null ? void 0 : Ye.position : void 0) && K.length > 0, se = ae ? [] : K.filter((M) => M.position !== "after"), ce = ae ? [] : K.filter((M) => M.position === "after"), Y = (M) => {
     Z(M), j(!1);
-  }, he = (M) => {
+  }, fe = (M) => {
     var F;
     return {
       items: M,
@@ -3736,12 +3737,12 @@ const _n = (e) => {
       showError: H
     };
   };
-  fe(() => {
+  he(() => {
     var M, F;
     n !== _.RESULTS || !g || (F = (M = e.callbacks) == null ? void 0 : M.onFinish) == null || F.call(M, g);
-  }, [n]), fe(() => {
+  }, [n]), he(() => {
     Qt(e.language || "en");
-  }, [e.language]), fe(() => {
+  }, [e.language]), he(() => {
     a && a.id && l(_.TUTORIAL);
   }, [a]);
   const U = () => ({
@@ -3768,7 +3769,7 @@ const _n = (e) => {
           return;
         }
         const xe = M.steps.find((be) => !be.played);
-        xe ? (s(xe), f(null), p({ isCorrect: null, selectedOption: null })) : ne ? P(!0) : l(_.RESULTS);
+        xe ? (s(xe), h(null), p({ isCorrect: null, selectedOption: null })) : ne ? P(!0) : l(_.RESULTS);
       }, 1e3);
     }
   }), G = (M) => {
@@ -3813,7 +3814,7 @@ const _n = (e) => {
   const Ae = Ge(
     async (M, F) => {
       if (!u) {
-        f(F);
+        h(F);
         try {
           const te = await e.sdk.miniGames.participateInEitherOr(
             e.entityId,
@@ -3832,10 +3833,10 @@ const _n = (e) => {
               return;
             }
             const We = te.steps.find((Ze) => !Ze.played);
-            We ? (s(We), f(null), p({ isCorrect: null, selectedOption: null })) : Ue ? R(!0) : be ? P(!0) : l(_.RESULTS);
+            We ? (s(We), h(null), p({ isCorrect: null, selectedOption: null })) : Ue ? R(!0) : be ? P(!0) : l(_.RESULTS);
           }, 1e3);
         } catch (te) {
-          console.error("Failed to submit answer:", te), f(null), G(te);
+          console.error("Failed to submit answer:", te), h(null), G(te);
         }
       }
     },
@@ -3872,9 +3873,9 @@ const _n = (e) => {
     }
     L(!0), await J(ce), O(!0), L(!1), R(!1), l(_.RESULTS);
   }, [ce, ee, J]), Ie = Ge(() => {
-    l(_.TUTORIAL), s(null), o(null), c((a == null ? void 0 : a.time) ?? 10), f(null), p({ isCorrect: null, selectedOption: null }), v(!1), P(!1), R(!1), j(!1);
+    l(_.TUTORIAL), s(null), o(null), c((a == null ? void 0 : a.time) ?? 10), h(null), p({ isCorrect: null, selectedOption: null }), v(!1), P(!1), R(!1), j(!1);
   }, [a == null ? void 0 : a.time]), ie = () => {
-    y(!1), w(!1), z(""), T(!1), W(!1), A(!x), l(_.TUTORIAL), s(null), o(null), f(null), p({ isCorrect: null, selectedOption: null }), v(!1), P(!1), R(!1), j(!1);
+    y(!1), w(!1), z(""), T(!1), W(!1), A(!x), l(_.TUTORIAL), s(null), o(null), h(null), p({ isCorrect: null, selectedOption: null }), v(!1), P(!1), R(!1), j(!1);
   };
   if (!a)
     return /* @__PURE__ */ t(lt, { my: 20 });
@@ -3937,7 +3938,7 @@ const _n = (e) => {
     const M = {
       eitherOr: a,
       sdk: e.sdk,
-      consents: he(ce),
+      consents: fe(ce),
       onSubmit: Ce,
       isSubmitting: $,
       defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
@@ -3999,7 +4000,7 @@ const _n = (e) => {
       showStandings: e.showStandings,
       additionalCTA: e.additionalCTA,
       imagePosition: e.imagePosition,
-      consents: he(se),
+      consents: fe(se),
       isSubmitting: $,
       onGameStart: de,
       onSelection: Ae,
@@ -4021,14 +4022,14 @@ const _n = (e) => {
       rulesDisplay: e.rulesDisplay,
       showStandings: e.showStandings,
       additionalCTA: e.additionalCTA,
-      consents: he(se),
+      consents: fe(se),
       isSubmitting: $,
       onGameStart: de,
       onSelection: Ae,
       onPlayAgain: Ie
     }
   ) : /* @__PURE__ */ t(et, {});
-}, vr = (e) => /* @__PURE__ */ t(en, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(_n, { ...e }) });
+}, Pr = (e) => /* @__PURE__ */ t(en, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(_n, { ...e }) });
 export {
-  vr as M
+  Pr as M
 };