fansunited-frontend-components 0.0.49 → 0.0.51

package/EitherOrPlay.js

@@ -1,25 +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 { m as Ce, c as be, l as ze, B as r, T as x, f as se, i as xe, a as q, b as he, e as pe, j as me, Q as Ht, u as Me, d as jt, W as Se, n as St, o as Gt } from "./chunks/PrizeCard-DF3QxwQJ.js";
-import { P as Vt } from "./chunks/Portal-Cs0dgwmH.js";
+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 "react-dom";
-import { S as He } from "./chunks/Spinner-DbUB64Gj.js";
-import { z as Nt } from "./chunks/index-D1K1OB4p.js";
-import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-NuC1SzL3.js";
-import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-Cs6DtD9u.js";
-import { u as Xt, b as Ge, d as Ke, a as Xe } from "./chunks/useImageVariant-Cex1eIqq.js";
-import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-DKADQN2o.js";
-import { F as Fe, a as It } from "./chunks/FavoriteBorder-DUK_DrY4.js";
-import { E as Pe } from "./chunks/EmojiEvents-DpmLq98V.js";
-import { C as Ne } from "./chunks/CheckCircle-CV9iMpkZ.js";
-import { T as Qt } from "./chunks/TimerOutlined-DWE7f0YX.js";
-import { S as we } from "./chunks/Stack-BpHk5eb0.js";
-import { A as Jt, S as Tt, O as en } from "./chunks/OverlayApiErrorSkeleton-Dl3s5Oaf.js";
-import { S as tn, T as nn, P as rn } from "./chunks/Person-BGdniS_p.js";
-import { A as on } from "./chunks/Avatar-K1EWhhkA.js";
-import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-hwJ7jsUl.js";
-import { S as ln, a as an, O as sn, b as cn } from "./chunks/OverlayLeadAfterCollection-F2TAV9wK.js";
-import { C as dn } from "./chunks/CollectLeadForm-DnLKA8qz.js";
+import { S as He } from "./chunks/Spinner-BoysVPn7.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";
 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", {
@@ -36,18 +37,18 @@ const un = Ce([/* @__PURE__ */ t("path", {
   d: "M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61M13 14h-2V8h2z"
 }), "Timer"), gn = Ce(/* @__PURE__ */ t("path", {
   d: "M9.68 13.69 12 11.93l2.31 1.76-.88-2.85L15.75 9h-2.84L12 6.19 11.09 9H8.25l2.31 1.84zM20 10c0-4.42-3.58-8-8-8s-8 3.58-8 8c0 2.03.76 3.87 2 5.28V23l6-2 6 2v-7.72c1.24-1.41 2-3.25 2-5.28m-8-6c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6 2.69-6 6-6"
-}), "WorkspacePremium"), hn = (e, n) => {
+}), "WorkspacePremium"), fn = (e, n) => {
   const [i, s] = D(null), d = async () => {
     try {
-      const h = await n.miniGames.getEitherOrById(e, !0);
-      s(h);
-    } catch (h) {
-      console.error(h), s(new Nt());
+      const f = await n.miniGames.getEitherOrById(e, !0);
+      s(f);
+    } catch (f) {
+      console.error(f), s(new Nt());
     }
   };
   return ge(() => (d(), () => s(null)), [e, n]), i;
-}, fn = (e, n, i = !1) => {
-  const [s, d] = D(null), [h, l] = D(!1), [u, a] = D(!1), m = async () => {
+}, hn = (e, n, i = !1) => {
+  const [s, d] = D(null), [f, l] = D(!1), [u, a] = D(!1), m = async () => {
     try {
       const y = await n.miniGames.getMyEitherOrStats(e);
       d(y);
@@ -63,10 +64,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
         a(!0);
         return;
       }
-      const f = y;
-      if (f.data.error.code === 404)
+      const h = y;
+      if (h.data.error.code === 404)
         return;
-      if (f.data.error.code === 401 || f.data.error.code === 403) {
+      if (h.data.error.code === 401 || h.data.error.code === 403) {
         l(!0);
         return;
       }
@@ -78,7 +79,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   }), [e, n, i]), {
     myStats: s,
     setMyStats: d,
-    isUnauthorized: h,
+    isUnauthorized: f,
     isApiError: u,
     setIsUnauthorized: l,
     setIsApiError: a
@@ -98,7 +99,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     return null;
   const d = () => {
     s && window.open(s, "_blank", "noopener,noreferrer");
-  }, h = /* @__PURE__ */ t(
+  }, f = /* @__PURE__ */ t(
     "img",
     {
       src: e.brandingLogo,
@@ -117,16 +118,16 @@ const un = Ce([/* @__PURE__ */ t("path", {
         textDecoration: "none",
         display: "inline-flex"
       },
-      children: h
+      children: f
     }
   ) : /* @__PURE__ */ t(
     r,
     {
       onClick: d,
       sx: { cursor: "pointer", display: "inline-flex" },
-      children: h
+      children: f
     }
-  ) : h;
+  ) : f;
   return e.isCentered || i ? /* @__PURE__ */ g(
     r,
     {
@@ -198,7 +199,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   showSignInCTA: s
 }) => {
   var k, v, W, R, F, E, O, o, z;
-  const { t: d } = se(), h = 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, f = be().primary, I = he().xl, L = he().md, p = pe(), S = re(a || ""), C = re(b || ""), P = S ? `rgba(${S.replace(/[^\d,]/g, "")}, 0.12)` : `${a}20`, c = h ? ((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 = [
+  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 = [
     {
       icon: /* @__PURE__ */ t(zt, { sx: { fontSize: "1.1em" } }),
       title: d("eitherOr.tutorial.step1Title"),
@@ -225,7 +226,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       sx: {
         display: "flex",
         flexDirection: "column",
-        gap: h ? p.lg : p.md
+        gap: f ? p.lg : p.md
       },
       children: [
         /* @__PURE__ */ t(
@@ -275,7 +276,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                           x,
                           {
                             sx: {
-                              fontFamily: f,
+                              fontFamily: h,
                               fontWeight: 700,
                               fontSize: "0.875em",
                               lineHeight: 1.3,
@@ -288,7 +289,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                           x,
                           {
                             sx: {
-                              fontFamily: f,
+                              fontFamily: h,
                               fontWeight: 400,
                               fontSize: "0.75em",
                               lineHeight: 1.6,
@@ -372,7 +373,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     x,
                     {
                       sx: {
-                        fontFamily: f,
+                        fontFamily: h,
                         fontWeight: 500,
                         fontSize: "0.9375em",
                         lineHeight: "24px",
@@ -466,12 +467,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
   feedback: i,
   onSelect: s,
   pairId: d,
-  brandingPrimaryColor: h,
+  brandingPrimaryColor: f,
   optionIndex: l = 0
 }) => {
-  const u = q(), a = pe(), m = h || u.palette.primary.plainColor, y = u.palette.primary.onPrimary, b = u.palette.success.plainColor, f = 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 || ""), 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;
   if (!S) {
-    const k = l === 0 ? "135deg" : "225deg", v = c ? `linear-gradient(${k}, ${b}20 0%, ${b}0D 100%)` : B ? `linear-gradient(${k}, ${f}20 0%, ${f}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 ? f : L ? `rgba(${L}, 0.3)` : `${m}4D`, F = c ? b : B ? f : 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%)` : 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;
     return /* @__PURE__ */ g(
       r,
       {
@@ -490,7 +491,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           gap: "14px",
           px: a.md,
           transition: "transform 0.2s, box-shadow 0.2s, border-color 0.25s",
-          boxShadow: c ? `0 0 0 3px ${b}30` : B ? `0 0 0 3px ${f}30` : "none",
+          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`}`
@@ -522,7 +523,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 ${f}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 ${L ? `rgba(${L}, 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,
@@ -546,7 +547,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 fontWeight: 700,
                 fontSize: "0.9375em",
                 lineHeight: 1.35,
-                color: c ? b : B ? f : m,
+                color: c ? b : B ? h : m,
                 zIndex: 2,
                 flex: 1,
                 transition: "color 0.25s"
@@ -574,9 +575,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
         backgroundClip: "padding-box",
         bgcolor: u.surfaceVariant,
         border: "1.5px solid transparent",
-        borderColor: c ? b : B ? f : "transparent",
+        borderColor: c ? b : B ? h : "transparent",
         transition: "transform 0.2s, border-color 0.25s",
-        boxShadow: c ? `0 0 0 3px ${b}30` : B ? `0 0 0 3px ${f}30` : "none",
+        boxShadow: c ? `0 0 0 3px ${b}30` : B ? `0 0 0 3px ${h}30` : "none",
         "&:hover": n ? {} : { transform: "scale(1.01)" }
       },
       children: [
@@ -596,7 +597,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             sx: {
               position: "absolute",
               inset: 0,
-              background: c ? `linear-gradient(to top, ${b}CC, ${b}55 50%, transparent 100%)` : `linear-gradient(to top, ${f}CC, ${f}55 50%, transparent 100%)`,
+              background: c ? `linear-gradient(to top, ${b}CC, ${b}55 50%, transparent 100%)` : `linear-gradient(to top, ${h}CC, ${h}55 50%, transparent 100%)`,
               transition: "background 0.25s",
               zIndex: 1
             }
@@ -667,7 +668,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   maxTime: n,
   brandingPrimaryColor: i
 }) => {
-  const s = q().palette.danger.softBg, d = q().palette.danger.plainColor, h = q().palette.warning.softBg, l = q().palette.warning.plainColor, u = i || q().palette.primary.plainColor, a = q().palette.primary.onPrimary, m = he().xl, y = be().secondary, b = pe(), f = {
+  const s = q().palette.danger.softBg, d = q().palette.danger.plainColor, f = q().palette.warning.softBg, l = q().palette.warning.plainColor, u = i || q().palette.primary.plainColor, a = q().palette.primary.onPrimary, m = fe().xl, y = be().secondary, b = pe(), h = {
     "@keyframes pulse": {
       "0%": { transform: "scale(1)" },
       "50%": { transform: "scale(1.05)" },
@@ -678,7 +679,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     color: d,
     animation: "pulse 1s infinite"
   } : I <= 50 ? {
-    background: h,
+    background: f,
     color: l,
     animation: void 0
   } : {
@@ -705,12 +706,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
         maxHeight: "40px",
         transition: "all 0.3s ease",
         animation: p.animation,
-        ...f,
+        ...h,
         zIndex: 10
       },
       children: [
         /* @__PURE__ */ t(
-          Qt,
+          Jt,
           {
             sx: {
               width: "24px",
@@ -744,17 +745,17 @@ const un = Ce([/* @__PURE__ */ t("path", {
   selected: i,
   maxTime: s,
   feedback: d,
-  onSelect: h,
+  onSelect: f,
   stepInfo: l,
   brandingPrimaryColor: u,
   game: a
 }) => {
   var X, oe, ee, te, ie, ce, _, j, w, $;
-  const [m, y] = D(0), [b, f] = 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 = he().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, 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 });
   ge(() => {
     if (l != null && l.currentPoints && l.currentPoints > m) {
-      L(l.currentPoints - m), f(!0), S((V) => V + 1);
-      const A = setTimeout(() => f(!1), 1e3);
+      L(l.currentPoints - m), h(!0), S((V) => V + 1);
+      const A = setTimeout(() => h(!1), 1e3);
       return y(l.currentPoints), () => clearTimeout(A);
     }
   }, [l == null ? void 0 : l.currentPoints, m]);
@@ -796,18 +797,18 @@ const un = Ce([/* @__PURE__ */ t("path", {
   }, G = () => {
     const A = (l == null ? void 0 : l.currentStreak) ?? 0, V = C ? T : A % T, le = Math.floor(A / T) + 1;
     return /* @__PURE__ */ g(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-      Array.from({ length: T }, (fe, J) => /* @__PURE__ */ t(
+      Array.from({ length: T }, (he, Q) => /* @__PURE__ */ t(
         r,
         {
           sx: {
             flex: 1,
             height: 4,
-            bgcolor: J < V ? F : H ? `rgba(${H.replace(/[^\d,]/g, "")}, 0.2)` : `${F}33`,
+            bgcolor: Q < V ? F : H ? `rgba(${H.replace(/[^\d,]/g, "")}, 0.2)` : `${F}33`,
             borderRadius: "2px",
             transition: "background-color 0.3s ease"
           }
         },
-        `streak-${J}`
+        `streak-${Q}`
       )),
       le > 1 && /* @__PURE__ */ g(
         x,
@@ -827,7 +828,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         }
       )
     ] });
-  }, Q = () => /* @__PURE__ */ t(
+  }, J = () => /* @__PURE__ */ t(
     r,
     {
       sx: {
@@ -908,20 +909,20 @@ const un = Ce([/* @__PURE__ */ t("path", {
                         option: e.optionOne,
                         selected: i,
                         feedback: d,
-                        onSelect: h,
+                        onSelect: f,
                         pairId: e.pairId,
                         brandingPrimaryColor: u,
                         optionIndex: 0
                       }
                     ) }),
-                    Q(),
+                    J(),
                     /* @__PURE__ */ t(r, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
                       Ue,
                       {
                         option: e.optionTwo,
                         selected: i,
                         feedback: d,
-                        onSelect: h,
+                        onSelect: f,
                         pairId: e.pairId,
                         brandingPrimaryColor: u,
                         optionIndex: 1
@@ -1002,31 +1003,31 @@ const un = Ce([/* @__PURE__ */ t("path", {
       message: s("eitherOr.results.practice", "Keep practicing!")
     };
   const d = e / n * 100;
-  let h;
-  if (d === 100 ? h = {
+  let f;
+  if (d === 100 ? f = {
     emoji: "🏆",
     message: s("eitherOr.results.perfect", "Perfect! Flawless!")
-  } : d >= 80 ? h = {
+  } : d >= 80 ? f = {
     emoji: "🔥",
     message: s("eitherOr.results.excellent", "Excellent!")
-  } : d >= 60 ? h = { emoji: "✨", message: s("eitherOr.results.great", "Great job!") } : d >= 40 ? h = { emoji: "💪", message: s("eitherOr.results.good", "Good try!") } : h = {
+  } : d >= 60 ? f = { emoji: "✨", message: s("eitherOr.results.great", "Great job!") } : d >= 40 ? f = { emoji: "💪", message: s("eitherOr.results.good", "Good try!") } : f = {
     emoji: "📚",
     message: s("eitherOr.results.practice", "Keep practicing!")
   }, i > 0) {
     const l = s("eitherOr.results.livesBonus", { count: i }) || (i === 1 ? "And with 1 life to spare!" : `And with ${i} lives to spare!`);
-    h = { ...h, message: `${h.message} ${l}` };
+    f = { ...f, message: `${f.message} ${l}` };
   }
-  return h;
+  return f;
 }, _e = ({
   stepInfo: e,
   game: n,
   sdk: i,
   onPlayAgain: s,
   brandingPrimaryColor: d,
-  additionalCTA: h
+  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, f = u.palette.danger.plainColor, I = u.palette.success.softBg, L = u.palette.danger.softBg, p = he().md, S = he().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, 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;
   if (ge(() => {
     n && (async () => {
       try {
@@ -1045,7 +1046,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     T,
     e.currentLives,
     l
-  ), G = T > 0 ? U / T * 100 : 0, Q = T > 0 ? N / T * 100 : 0, X = T > 0 ? Y / T * 100 : 0;
+  ), G = T > 0 ? U / T * 100 : 0, J = T > 0 ? N / T * 100 : 0, X = T > 0 ? Y / T * 100 : 0;
   return /* @__PURE__ */ g(
     r,
     {
@@ -1326,12 +1327,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
                   }
                 }
               ),
-              Q > 0 && /* @__PURE__ */ t(
+              J > 0 && /* @__PURE__ */ t(
                 r,
                 {
                   sx: {
-                    width: `${Q}%`,
-                    bgcolor: f,
+                    width: `${J}%`,
+                    bgcolor: h,
                     transition: "width 0.7s ease 0.1s"
                   }
                 }
@@ -1364,12 +1365,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
             labelSx: { color: b }
           },
           {
-            icon: /* @__PURE__ */ t(Ye, { sx: { fontSize: "1.25em", color: f } }),
+            icon: /* @__PURE__ */ t(Ye, { sx: { fontSize: "1.25em", color: h } }),
             value: N,
             label: l("eitherOr.results.wrong", "Wrong"),
             bg: L,
-            valueSx: { color: f },
-            labelSx: { color: f }
+            valueSx: { color: h },
+            labelSx: { color: h }
           },
           {
             icon: /* @__PURE__ */ t(
@@ -1530,9 +1531,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
           }
         ),
         /* @__PURE__ */ t(
-          Jt,
+          Qt,
           {
-            additionalCTA: h,
+            additionalCTA: f,
             buttonStyle: {
               borderRadius: S,
               width: "100%",
@@ -1558,7 +1559,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   primaryColor: i,
   textColor: s
 }) => {
-  const { t: d } = se(), h = q(), l = he(), u = pe(), a = be().primary, m = h.outlineEnabledBorder, y = re(i), [b, f] = 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, L] = D(!1);
   if (ge(() => {
     const O = requestAnimationFrame(() => {
       setTimeout(() => L(!0), 80);
@@ -1609,7 +1610,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           left: 0,
           right: 0,
           bottom: 0,
-          backgroundColor: h.surfaceVariant,
+          backgroundColor: f.surfaceVariant,
           opacity: 0.5,
           borderRadius: "inherit",
           zIndex: 0
@@ -1741,12 +1742,12 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     alignItems: "flex-end",
                     cursor: "pointer"
                   },
-                  onMouseEnter: () => f(o),
-                  onMouseLeave: () => f(null),
+                  onMouseEnter: () => h(o),
+                  onMouseLeave: () => h(null),
                   onTouchStart: (Y) => {
-                    Y.preventDefault(), f(o);
+                    Y.preventDefault(), h(o);
                   },
-                  onTouchEnd: () => setTimeout(() => f(null), 2e3),
+                  onTouchEnd: () => setTimeout(() => h(null), 2e3),
                   children: /* @__PURE__ */ t(
                     r,
                     {
@@ -1814,15 +1815,15 @@ const un = Ce([/* @__PURE__ */ t("path", {
   brandingPrimaryColor: s
 }) => {
   var T;
-  const { t: d } = se(), h = 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, f = he(), I = pe(), L = ze(), p = l.surfaceVariant, S = h.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(), 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;
   ge(() => {
     (async () => {
       try {
         if (!e) return;
-        const [G, Q] = await Promise.all([
+        const [G, J] = await Promise.all([
           n.miniGames.getEitherOrResults(e.id),
           n.profile.getOwn().getInfo().catch(() => null)
-        ]), X = (Q == null ? void 0 : Q.id) ?? null;
+        ]), X = (J == null ? void 0 : J.id) ?? null;
         if (F(X), X && G.standings.some(
           (ee) => ee.userId === X
         )) {
@@ -1864,7 +1865,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   const z = {
     tableContainer: {
       overflowX: "auto",
-      borderRadius: f.md,
+      borderRadius: h.md,
       border: `1px solid ${C}`
     },
     table: {
@@ -2014,7 +2015,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           {
             sx: {
               display: "flex",
-              borderRadius: f["2xl"],
+              borderRadius: h["2xl"],
               p: "3px",
               gap: I.xs
             },
@@ -2030,7 +2031,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     alignItems: "center",
                     justifyContent: "center",
                     p: I.xs,
-                    borderRadius: `calc(${f["2xl"]} - 3px)`,
+                    borderRadius: `calc(${h["2xl"]} - 3px)`,
                     backgroundColor: G ? a : p,
                     cursor: "pointer",
                     transition: "background-color 220ms ease",
@@ -2088,7 +2089,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 ] }) }),
                 /* @__PURE__ */ t("tbody", { children: N.map((M, G) => {
                   var te, ie, ce;
-                  const Q = v * Be + G, X = M.userId === "current" || R !== null && M.userId === R, oe = ((te = M.userModel) == null ? void 0 : te.avatar) || void 0, ee = ((ie = M.userModel) == null ? void 0 : ie.nickname) || ((ce = M.userModel) == null ? void 0 : ce.name) || d("common.labels.anonymous", "Anonymous");
+                  const J = v * Be + G, X = M.userId === "current" || R !== null && M.userId === R, oe = ((te = M.userModel) == null ? void 0 : te.avatar) || void 0, ee = ((ie = M.userModel) == null ? void 0 : ie.nickname) || ((ce = M.userModel) == null ? void 0 : ce.name) || d("common.labels.anonymous", "Anonymous");
                   return /* @__PURE__ */ g(
                     "tr",
                     {
@@ -2096,7 +2097,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                       children: [
                         /* @__PURE__ */ t("td", { style: z.tableCellPosition, children: /* @__PURE__ */ g(x, { sx: z.positionText, children: [
                           "#",
-                          Q + 1
+                          J + 1
                         ] }) }),
                         /* @__PURE__ */ t("td", { style: z.tableCellName, children: /* @__PURE__ */ g(r, { sx: z.nameCell, children: [
                           /* @__PURE__ */ t(on, { src: oe, sx: z.leaderboardAvatar, children: !oe && /* @__PURE__ */ t(rn, { sx: z.avatarIcon }) }),
@@ -2115,7 +2116,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                         /* @__PURE__ */ t("td", { style: z.tableCellPoints, children: /* @__PURE__ */ t(x, { sx: z.pointsText, children: M.personalBest }) })
                       ]
                     },
-                    `${M.userId}-${Q}`
+                    `${M.userId}-${J}`
                   );
                 }) })
               ]
@@ -2205,7 +2206,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   children: e,
   brandingBorderColor: n
 }) => {
-  const i = he().md, s = n || q().secondaryContainer, d = q().surface, h = jt().size, l = xe(), u = h + " solid " + s;
+  const i = fe().md, s = n || q().secondaryContainer, d = q().surface, f = jt().size, l = xe(), u = f + " solid " + s;
   return /* @__PURE__ */ t(
     r,
     {
@@ -2230,19 +2231,19 @@ const un = Ce([/* @__PURE__ */ t("path", {
     currentPair: i,
     stepInfo: s,
     gameState: d,
-    timer: h,
+    timer: f,
     selected: l,
     feedback: u,
     sdk: a,
     defaultImagePlaceholderUrl: m,
     rulesDisplay: y,
     showStandings: b,
-    additionalCTA: f,
+    additionalCTA: h,
     onGameStart: I,
     onSelection: L,
     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 = he().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(), O = xe(), [o, z] = D(0), H = Ge(
     {
       images: n == null ? void 0 : n.images,
       imagePlaceholder: m || ""
@@ -2266,7 +2267,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           pn,
           {
             currentPair: i,
-            timer: h,
+            timer: f,
             maxTime: (n == null ? void 0 : n.time) ?? 10,
             selected: l,
             feedback: u,
@@ -2285,7 +2286,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             sdk: a,
             onPlayAgain: p,
             brandingPrimaryColor: (c == null ? void 0 : c.primaryColor) || null,
-            additionalCTA: f
+            additionalCTA: h
           }
         );
       default:
@@ -2322,7 +2323,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     Pt,
     {
       value: o,
-      onChange: (Q, X) => z(X),
+      onChange: (J, X) => z(X),
       sx: {
         borderRadius: R,
         width: "100%",
@@ -2483,8 +2484,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     Se.STANDARD
-  ), h = be().primary, l = he().xl, u = (n == null ? void 0 : n.primaryColor) || q().palette.primary.plainColor, a = q().palette.primary.onPrimary, m = (n == null ? void 0 : n.contentColor) || q().textColor, y = i ? ((S = e.eitherOr.branding) == null ? void 0 : S.images.mobileLogo) || ((C = e.eitherOr.branding) == null ? void 0 : C.images.mainLogo) || "" : ((P = e.eitherOr.branding) == null ? void 0 : P.images.mainLogo) || "", { t: b } = se(), f = e.imagePosition || "left", I = vn({
-    fontFamilyPrimary: h,
+  ), f = be().primary, l = fe().xl, u = (n == null ? void 0 : n.primaryColor) || q().palette.primary.plainColor, a = q().palette.primary.onPrimary, m = (n == null ? void 0 : n.contentColor) || q().textColor, y = i ? ((S = e.eitherOr.branding) == null ? void 0 : S.images.mobileLogo) || ((C = e.eitherOr.branding) == null ? void 0 : C.images.mainLogo) || "" : ((P = e.eitherOr.branding) == null ? void 0 : P.images.mainLogo) || "", { t: b } = se(), h = e.imagePosition || "left", I = vn({
+    fontFamilyPrimary: f,
     buttonRadius: l,
     primaryColor: u,
     onPrimaryColor: a
@@ -2559,7 +2560,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       entity: e.eitherOr,
       headline: b("eitherOr.headline"),
       finalImage: d,
-      imagePosition: f,
+      imagePosition: h,
       signInContent: L(),
       brandingContent: /* @__PURE__ */ t(
         de,
@@ -2579,7 +2580,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   rulesDisplay: s
 }) => {
   var m;
-  const { t: d } = se(), h = ((m = e.branding) == null ? void 0 : m.colors) || null, { brandingLogo: l } = je(
+  const { t: d } = se(), f = ((m = e.branding) == null ? void 0 : m.colors) || null, { brandingLogo: l } = je(
     e.branding || null
   ), u = (y) => {
     var b;
@@ -2601,7 +2602,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     customAlertMessage: d("eitherOr.gameNotAvailableDescription"),
     renderPresentedBy: u
   };
-  return /* @__PURE__ */ t(ye, { brandingBorderColor: (h == null ? void 0 : h.borderColor) || null, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(ye, { brandingBorderColor: (f == null ? void 0 : f.borderColor) || null, children: /* @__PURE__ */ t(
     Tt,
     {
       ...a,
@@ -2611,8 +2612,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
     }
   ) });
 }, An = (e) => {
-  var h, l, u, a, m, y, b;
-  const { t: n } = se(), i = ((h = e.eitherOr.branding) == null ? void 0 : h.colors) || null, s = xe() ? ((u = (l = e.eitherOr.branding) == null ? void 0 : l.images) == null ? void 0 : u.mobileLogo) || ((m = (a = e.eitherOr.branding) == null ? void 0 : a.images) == null ? void 0 : m.mainLogo) || "" : ((b = (y = e.eitherOr.branding) == null ? void 0 : y.images) == null ? void 0 : b.mainLogo) || "", d = {
+  var f, l, u, a, m, y, b;
+  const { t: n } = se(), i = ((f = e.eitherOr.branding) == null ? void 0 : f.colors) || null, s = xe() ? ((u = (l = e.eitherOr.branding) == null ? void 0 : l.images) == null ? void 0 : u.mobileLogo) || ((m = (a = e.eitherOr.branding) == null ? void 0 : a.images) == null ? void 0 : m.mainLogo) || "" : ((b = (y = e.eitherOr.branding) == null ? void 0 : y.images) == null ? void 0 : b.mainLogo) || "", d = {
     ...e.eitherOr,
     branding: e.eitherOr.branding ? {
       ...e.eitherOr.branding,
@@ -2630,13 +2631,13 @@ const un = Ce([/* @__PURE__ */ t("path", {
       isApiError: e.isApiError,
       toggleTryAgain: e.toggleTryAgain,
       apiErrorMessage: e.apiErrorMessage,
-      renderPresentedBy: (f) => {
+      renderPresentedBy: (h) => {
         var I;
         return /* @__PURE__ */ t(
           de,
           {
             brandingLogo: s,
-            textColor: f,
+            textColor: h,
             label: ((I = e.eitherOr.labels) == null ? void 0 : I.sponsor) || null
           }
         );
@@ -2650,20 +2651,20 @@ const un = Ce([/* @__PURE__ */ t("path", {
   contentName: i,
   brandingColors: s,
   brandingUrls: d,
-  campaignId: h,
+  campaignId: f,
   campaignName: l,
   startGame: u,
   fields: a = ["fullName", "email"],
   leadTitle: m,
   leadDescription: y,
   leadCta: b,
-  leadSuccessTitle: f,
+  leadSuccessTitle: h,
   leadSuccessDescription: I,
   syncWithProfile: L = !1,
   isAfterPosition: p = !1,
   isSubmittingParticipation: S = !1
 }) => {
-  const { t: C } = se(), P = m ?? C("leads.header.title"), c = y ?? C("leads.header.description"), B = b ?? C("leads.buttons.submit"), k = f ?? C("leads.success.title"), v = I ?? C("leads.success.description"), W = {
+  const { t: C } = se(), P = m ?? C("leads.header.title"), c = y ?? C("leads.header.description"), B = b ?? C("leads.buttons.submit"), k = h ?? C("leads.success.title"), v = I ?? C("leads.success.description"), W = {
     defaultLabel: C(p ? "eitherOr.buttons.finish" : "eitherOr.buttons.start"),
     onClick: u
   };
@@ -2682,7 +2683,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         urls: d
       },
       campaign: {
-        id: h,
+        id: f,
         name: l
       },
       fields: a,
@@ -2829,20 +2830,20 @@ const un = Ce([/* @__PURE__ */ t("path", {
     gap: e.spacingScale.md
   }
 }), Rn = (e) => {
-  var et, tt, nt, rt, ot, it, lt, at, st, ct, dt, ut, mt, gt, ht, ft, xt, bt, pt, yt;
+  var et, tt, nt, rt, ot, it, lt, at, st, ct, dt, ut, mt, gt, ft, ht, xt, bt, pt, yt;
   const {
     eitherOr: n,
     currentPair: i,
     stepInfo: s,
     gameState: d,
-    timer: h,
+    timer: f,
     selected: l,
     feedback: u,
     sdk: a,
     defaultImagePlaceholderUrl: m,
     rulesDisplay: y,
     showStandings: b,
-    additionalCTA: f,
+    additionalCTA: h,
     onGameStart: I,
     onSelection: L,
     onPlayAgain: p
@@ -2851,9 +2852,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
   ), M = m || (P ? Ke : Xe), G = Ge(
     { images: n == null ? void 0 : n.images, imagePlaceholder: M },
     Se.OVERLAY
-  ), Q = Y || G, X = Ct(Q), oe = St(
+  ), J = Y || G, X = Ct(J), oe = St(
     Se.OVERLAY
-  ), ee = S.customRadius.dark.sm, te = S.customRadius.dark.md, ie = (T == null ? void 0 : T.backgroundColor) || ((tt = (et = S.colorSchemes) == null ? void 0 : et.dark) == null ? void 0 : tt.surfaceVariant), ce = (rt = (nt = S.customRadius) == null ? void 0 : nt.light) == null ? void 0 : rt.xl, _ = (T == null ? void 0 : T.primaryColor) || ((at = (lt = (it = (ot = S.colorSchemes) == null ? void 0 : ot.light) == null ? void 0 : it.palette) == null ? void 0 : lt.primary) == null ? void 0 : at.plainColor), j = (ut = (dt = (ct = (st = S.colorSchemes) == null ? void 0 : st.light) == null ? void 0 : ct.palette) == null ? void 0 : dt.primary) == null ? void 0 : ut.onPrimary, w = S.customFontFamily.dark.primary, $ = S.colorSchemes.dark.textColor, A = S.colorSchemes.dark.surface, V = S.colorSchemes.dark.secondaryContainer, Z = S.colorSchemes.dark.surfaceTintDim, le = ((mt = re(Z || "")) == null ? void 0 : mt.replace(/[^\d,]/g, "")) ?? null, fe = re(_ || ""), J = zn({
+  ), ee = S.customRadius.dark.sm, te = S.customRadius.dark.md, ie = (T == null ? void 0 : T.backgroundColor) || ((tt = (et = S.colorSchemes) == null ? void 0 : et.dark) == null ? void 0 : tt.surfaceVariant), ce = (rt = (nt = S.customRadius) == null ? void 0 : nt.light) == null ? void 0 : rt.xl, _ = (T == null ? void 0 : T.primaryColor) || ((at = (lt = (it = (ot = S.colorSchemes) == null ? void 0 : ot.light) == null ? void 0 : it.palette) == null ? void 0 : lt.primary) == null ? void 0 : at.plainColor), j = (ut = (dt = (ct = (st = S.colorSchemes) == null ? void 0 : st.light) == null ? void 0 : ct.palette) == null ? void 0 : dt.primary) == null ? void 0 : ut.onPrimary, w = S.customFontFamily.dark.primary, $ = S.colorSchemes.dark.textColor, A = S.colorSchemes.dark.surface, V = S.colorSchemes.dark.secondaryContainer, Z = S.colorSchemes.dark.surfaceTintDim, le = ((mt = re(Z || "")) == null ? void 0 : mt.replace(/[^\d,]/g, "")) ?? null, he = re(_ || ""), Q = zn({
     spacingScale: C,
     smBorderRadius: ee,
     contentBgColor: ie,
@@ -2880,7 +2881,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       return () => clearTimeout(ue);
     }
   }, [s == null ? void 0 : s.currentStreak, Te]);
-  const Re = P ? ((ft = (ht = n.branding) == null ? void 0 : ht.images) == null ? void 0 : ft.mobileLogo) || ((bt = (xt = n.branding) == null ? void 0 : xt.images) == null ? void 0 : bt.mainLogo) || "" : ((yt = (pt = n.branding) == null ? void 0 : pt.images) == null ? void 0 : yt.mainLogo) || "", $t = c("common.labels.point", { count: v }), Dt = () => {
+  const Re = P ? ((ht = (ft = n.branding) == null ? void 0 : ft.images) == null ? void 0 : ht.mobileLogo) || ((bt = (xt = n.branding) == null ? void 0 : xt.images) == null ? void 0 : bt.mainLogo) || "" : ((yt = (pt = n.branding) == null ? void 0 : pt.images) == null ? void 0 : yt.mainLogo) || "", $t = c("common.labels.point", { count: v }), Dt = () => {
     const ne = [], ae = (s == null ? void 0 : s.currentLives) ?? 3;
     for (let ue = 0; ue < ae; ue++)
       ne.push(
@@ -2899,7 +2900,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           {
             sx: {
               height: 20,
-              color: fe ? `rgba(${fe.replace(/[^\d,]/g, "")}, 0.35)` : `${_}59`
+              color: he ? `rgba(${he.replace(/[^\d,]/g, "")}, 0.35)` : `${_}59`
             }
           },
           `empty-${ue}`
@@ -2940,7 +2941,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         }
       )
     ] });
-  }, Et = () => /* @__PURE__ */ t(r, { sx: J.dividerContainer, children: /* @__PURE__ */ t(
+  }, Et = () => /* @__PURE__ */ t(r, { sx: Q.dividerContainer, children: /* @__PURE__ */ t(
     r,
     {
       sx: {
@@ -2960,19 +2961,19 @@ const un = Ce([/* @__PURE__ */ t("path", {
     }
   ) }), Wt = () => {
     var ne;
-    return i ? /* @__PURE__ */ g(r, { sx: J.mainContentSection, children: [
-      /* @__PURE__ */ t(r, { sx: J.timerContainer, children: /* @__PURE__ */ t(
+    return i ? /* @__PURE__ */ g(r, { sx: Q.mainContentSection, children: [
+      /* @__PURE__ */ t(r, { sx: Q.timerContainer, children: /* @__PURE__ */ t(
         Ot,
         {
-          time: h,
+          time: f,
           maxTime: (n == null ? void 0 : n.time) ?? 10,
           brandingPrimaryColor: (T == null ? void 0 : T.primaryColor) || null
         },
         `timer-${i.pairId}`
       ) }),
-      /* @__PURE__ */ g(r, { sx: J.contentContainerWithBackdrop, children: [
-        /* @__PURE__ */ g(r, { sx: J.optionsContainer, children: [
-          /* @__PURE__ */ t(r, { sx: J.optionWrapper, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ g(r, { sx: Q.contentContainerWithBackdrop, children: [
+        /* @__PURE__ */ g(r, { sx: Q.optionsContainer, children: [
+          /* @__PURE__ */ t(r, { sx: Q.optionWrapper, children: /* @__PURE__ */ t(
             Ue,
             {
               option: i.optionOne,
@@ -2985,7 +2986,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             }
           ) }),
           Et(),
-          /* @__PURE__ */ t(r, { sx: J.optionWrapper, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(r, { sx: Q.optionWrapper, children: /* @__PURE__ */ t(
             Ue,
             {
               option: i.optionTwo,
@@ -3040,7 +3041,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           )
         ] })
       ] }),
-      Re && /* @__PURE__ */ t(r, { sx: J.bottomFooterContainer, children: /* @__PURE__ */ t(
+      Re && /* @__PURE__ */ t(r, { sx: Q.bottomFooterContainer, children: /* @__PURE__ */ t(
         de,
         {
           brandingLogo: Re,
@@ -3050,7 +3051,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         }
       ) })
     ] }) : null;
-  }, Qe = {
+  }, Je = {
     display: "flex",
     flexDirection: "row",
     justifyContent: "center",
@@ -3071,7 +3072,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       opacity: "100%",
       mb: "-1px"
     }
-  }, Je = {
+  }, Qe = {
     flex: 1,
     display: "flex",
     flexDirection: "column",
@@ -3096,7 +3097,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
               flexDirection: P ? "column" : "row"
             },
             children: [
-              /* @__PURE__ */ t(Ee, { sx: Qe, disableIndicator: !0, children: /* @__PURE__ */ g(
+              /* @__PURE__ */ t(Ee, { sx: Je, disableIndicator: !0, children: /* @__PURE__ */ g(
                 r,
                 {
                   sx: {
@@ -3124,7 +3125,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ t(Ee, { sx: Qe, disableIndicator: !0, children: /* @__PURE__ */ g(
+              /* @__PURE__ */ t(Ee, { sx: Je, disableIndicator: !0, children: /* @__PURE__ */ g(
                 r,
                 {
                   sx: {
@@ -3160,7 +3161,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           {
             value: 0,
             sx: { p: 0, fontSize: "1em", display: "flex" },
-            children: /* @__PURE__ */ t(r, { sx: Je, children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ t(r, { sx: Qe, children: /* @__PURE__ */ t(
               _e,
               {
                 stepInfo: s,
@@ -3168,7 +3169,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 sdk: a,
                 onPlayAgain: p,
                 brandingPrimaryColor: (T == null ? void 0 : T.primaryColor) || null,
-                additionalCTA: f
+                additionalCTA: h
               }
             ) })
           }
@@ -3178,7 +3179,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           {
             value: 1,
             sx: { p: 0, fontSize: "1em", display: "flex" },
-            children: /* @__PURE__ */ t(r, { sx: Je, children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ t(r, { sx: Qe, children: /* @__PURE__ */ t(
               Lt,
               {
                 game: n,
@@ -3199,7 +3200,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       sdk: a,
       onPlayAgain: p,
       brandingPrimaryColor: (T == null ? void 0 : T.primaryColor) || null,
-      additionalCTA: f
+      additionalCTA: h
     }
   ), Mt = () => {
     var ne;
@@ -3229,7 +3230,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             title: c("eitherOr.tutorial.step3Title"),
             description: c("eitherOr.tutorial.step3Description")
           }
-        ], ue = fe ? `rgba(${fe.replace(/[^\d,]/g, "")}, 0.12)` : `${_}20`;
+        ], ue = he ? `rgba(${he.replace(/[^\d,]/g, "")}, 0.12)` : `${_}20`;
         return /* @__PURE__ */ g(
           r,
           {
@@ -3333,7 +3334,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                           sx: {
                             height: "1px",
                             mx: C.md,
-                            bgcolor: fe ? `rgba(${fe.replace(/[^\d,]/g, "")}, 0.1)` : `${_}1A`
+                            bgcolor: he ? `rgba(${he.replace(/[^\d,]/g, "")}, 0.1)` : `${_}1A`
                           }
                         }
                       )
@@ -3345,7 +3346,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 r,
                 {
                   sx: {
-                    ...J.filterScreenContainer,
+                    ...Q.filterScreenContainer,
                     justifyContent: Re ? "space-between" : "flex-end"
                   },
                   children: [
@@ -3362,10 +3363,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
                       me,
                       {
                         variant: "soft",
-                        sx: { ...J.startButton, ...J.pulseAnimation },
+                        sx: { ...Q.startButton, ...Q.pulseAnimation },
                         endDecorator: /* @__PURE__ */ t(Ze, {}),
                         onClick: I,
-                        children: /* @__PURE__ */ t(x, { sx: J.startButtonText, children: c("eitherOr.buttons.start") })
+                        children: /* @__PURE__ */ t(x, { sx: Q.startButtonText, children: c("eitherOr.buttons.start") })
                       }
                     )
                   ]
@@ -3395,7 +3396,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     {
       entity: n,
       headline: c("eitherOr.headline"),
-      finalImage: Q,
+      finalImage: J,
       rulesDisplay: y,
       children: Mt()
     }
@@ -3442,11 +3443,11 @@ const un = Ce([/* @__PURE__ */ t("path", {
   var P, c, B, k, v, W, R, F, E, O, o;
   const n = Me(), { t: i } = se(), s = xe(), d = St(
     Se.OVERLAY
-  ), h = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? Ke : Xe, l = Ge(
-    { images: e.eitherOr.images, imagePlaceholder: h },
+  ), 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), f = (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({
-    buttonRadius: f,
+  ), { 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({
+    buttonRadius: h,
     primaryColor: I,
     onPrimaryColor: L,
     fontFamilyPrimary: p
@@ -3522,13 +3523,13 @@ const un = Ce([/* @__PURE__ */ t("path", {
       isApiError: e.isApiError,
       apiErrorMessage: e.apiErrorMessage,
       toggleTryAgain: e.toggleTryAgain,
-      renderPresentedBy: (h) => {
+      renderPresentedBy: (f) => {
         var l;
         return /* @__PURE__ */ t(
           de,
           {
             brandingLogo: d,
-            textColor: h,
+            textColor: f,
             label: ((l = e.eitherOr.labels) == null ? void 0 : l.sponsor) || null,
             isCentered: i
           }
@@ -3565,13 +3566,13 @@ const Dn = (e) => {
   var ee, te, ie, ce, _;
   const [n, i] = D(
     K.LOADING
-  ), [s, d] = D(null), [h, l] = D(null), [u, a] = D(10), [m, y] = D(null), [b, f] = D({
+  ), [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 = hn(e.entityId, e.sdk), {
+  }), [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), {
     setIsUnauthorized: z,
     setIsApiError: H
-  } = fn(e.entityId, e.sdk, I);
+  } = hn(e.entityId, e.sdk, I);
   ge(() => {
     Gt(e.language || "en");
   }, [e.language]), ge(() => {
@@ -3588,7 +3589,7 @@ const Dn = (e) => {
           return A.pairId === ((V = O.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;
-      f({
+      h({
         isCorrect: !1,
         selectedOption: null,
         timedOut: !0,
@@ -3601,7 +3602,7 @@ const Dn = (e) => {
           return;
         }
         const V = j.steps.find((le) => !le.played);
-        V ? (d(V), y(null), f({ isCorrect: null, selectedOption: null })) : A ? R(!0) : i(K.RESULTS);
+        V ? (d(V), y(null), h({ isCorrect: null, selectedOption: null })) : A ? R(!0) : i(K.RESULTS);
       }, 1e3);
     }
   }), N = (j) => {
@@ -3651,15 +3652,15 @@ const Dn = (e) => {
           ), V = (A == null ? void 0 : A.correct) ?? !1, Z = V ? null : [A == null ? void 0 : A.optionOne.id, A == null ? void 0 : A.optionTwo.id].find(
             (le) => le !== w
           ) ?? null;
-          f({ isCorrect: V, selectedOption: w, correctOptionId: Z }), l($), setTimeout(() => {
-            var J;
-            const le = ((J = e.leads) == null ? void 0 : J.position) === "after" && (o == null ? void 0 : o.authRequirement) === "LEAD" && !k;
+          h({ isCorrect: V, selectedOption: w, correctOptionId: Z }), l($), setTimeout(() => {
+            var Q;
+            const le = ((Q = e.leads) == null ? void 0 : Q.position) === "after" && (o == null ? void 0 : o.authRequirement) === "LEAD" && !k;
             if ($.currentLives === 0) {
               le ? R(!0) : i(K.RESULTS);
               return;
             }
-            const fe = $.steps.find((Ie) => !Ie.played);
-            fe ? (d(fe), y(null), f({ isCorrect: null, selectedOption: null })) : le ? R(!0) : i(K.RESULTS);
+            const he = $.steps.find((Ie) => !Ie.played);
+            he ? (d(he), y(null), h({ isCorrect: null, selectedOption: null })) : le ? R(!0) : i(K.RESULTS);
           }, 1e3);
         } catch ($) {
           console.error("Failed to submit answer:", $), y(null), N($);
@@ -3691,9 +3692,9 @@ 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(() => {
-    i(K.TUTORIAL), d(null), l(null), a((o == null ? void 0 : o.time) ?? 10), y(null), f({ isCorrect: null, selectedOption: null }), v(!1), R(!1);
-  }, [o == null ? void 0 : o.time]), Q = () => {
-    P(!1), S(!1), B(""), H(!1), z(!1), L(!I), i(K.TUTORIAL), d(null), l(null), y(null), f({ isCorrect: null, selectedOption: null }), v(!1), R(!1);
+    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);
   };
   if (!o)
     return /* @__PURE__ */ t(He, { my: 20 });
@@ -3737,7 +3738,7 @@ const Dn = (e) => {
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
         isApiError: C,
         apiErrorMessage: c,
-        toggleTryAgain: Q,
+        toggleTryAgain: J,
         rulesDisplay: e.rulesDisplay
       }
     ) : /* @__PURE__ */ t(
@@ -3748,7 +3749,7 @@ const Dn = (e) => {
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
         isApiError: C,
         apiErrorMessage: c,
-        toggleTryAgain: Q,
+        toggleTryAgain: J,
         rulesDisplay: e.rulesDisplay
       }
     );
@@ -3786,7 +3787,7 @@ const Dn = (e) => {
     {
       eitherOr: o,
       currentPair: s,
-      stepInfo: h,
+      stepInfo: f,
       gameState: n,
       timer: u,
       selected: m,
@@ -3807,7 +3808,7 @@ const Dn = (e) => {
     {
       eitherOr: o,
       currentPair: s,
-      stepInfo: h,
+      stepInfo: f,
       gameState: n,
       timer: u,
       selected: m,
@@ -3823,7 +3824,7 @@ const Dn = (e) => {
       onPlayAgain: G
     }
   ) : /* @__PURE__ */ t(De, {});
-}, Fn = (e) => /* @__PURE__ */ t(Vt, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(Dn, { ...e }) }), ir = Fn;
+}, Fn = (e) => /* @__PURE__ */ t(Vt, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(Dn, { ...e }) }), lr = Fn;
 export {
-  ir as EitherOrPlay
+  lr as EitherOrPlay
 };