fansunited-frontend-components 0.0.67 → 0.0.69

package/EitherOrPlay.js

@@ -1,30 +1,30 @@
 import { jsx as t, jsxs as g, Fragment as De } from "react/jsx-runtime";
 import { useState as D, useEffect as me, useRef as qe, useCallback as Oe } from "react";
-import { r as Pe, b as be, q as ze, B as r, u as se, l as xe, a as K, c as fe, e as pe, I as Ht, j as Me, k as jt, W as Se, s as St, i as Gt } from "./chunks/PrizeCard-DlK8irk1.js";
-import { P as Vt } from "./chunks/Portal-CVkKDGuY.js";
+import { l as Pe, d as be, k as ze, B as r, u as se, i as xe, b as K, c as fe, f as pe, G as Ht, a as Me, e as Gt, W as Se, m as St, n as jt } from "./chunks/PrizeCard-CXjFADAN.js";
+import { P as Vt } from "./chunks/Portal-bNE7Trh9.js";
 import "react-dom";
-import { S as He } from "./chunks/Spinner-00hTC1QH.js";
+import { S as He } from "./chunks/Spinner-C219bcnm.js";
 import { Z as Nt } from "./chunks/index-BBrO1Htm.js";
-import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-DQsdRliV.js";
-import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-T4NKrhfx.js";
-import { u as Xt, b as Ge, d as Ke, a as Xe } from "./chunks/useImageVariant-DMs19-UC.js";
-import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-BWEyQ4rF.js";
-import { T as x } from "./chunks/Typography-BFCXsYfo.js";
-import { F as Fe, a as It } from "./chunks/FavoriteBorder-_0szWv8_.js";
-import { E as ve } from "./chunks/EmojiEvents-CxftZVbi.js";
-import { B as ge } from "./chunks/Button-BPtVuOyn.js";
-import { C as Ne } from "./chunks/CheckCircle-DKzwnhnr.js";
-import { T as Jt } from "./chunks/TimerOutlined-DC5foG2M.js";
-import { S as we } from "./chunks/Stack-CB_N08X-.js";
-import { A as Qt } from "./chunks/AccessTime-D7JlgCS_.js";
-import { A as en, S as Tt, O as tn } from "./chunks/OverlayApiErrorSkeleton-BdzLPy8g.js";
-import { P as nn } from "./chunks/Person-OeVVOCoA.js";
-import { S as rn } from "./chunks/Sheet-Co4lPFez.js";
-import { T as on } from "./chunks/Table-Damdp0vr.js";
-import { A as ln } from "./chunks/Avatar-BtqTJz-0.js";
-import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-CiKqMnto.js";
-import { S as an, a as sn, O as cn, b as dn } from "./chunks/OverlayLeadAfterCollection-C-rM0D5V.js";
-import { C as un } from "./chunks/CollectLeadForm-B1FGVWj4.js";
+import { g as Yt, h as re, e as Ge, a as Ct } from "./chunks/helpers-D8cWUfGf.js";
+import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-CJZIRj5-.js";
+import { u as Xt, b as je, d as Ke, a as Xe } from "./chunks/useImageVariant-Cs6lWUs2.js";
+import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-DrBMgptf.js";
+import { T as x } from "./chunks/Typography-DFdgIDQS.js";
+import { F as Fe, a as It } from "./chunks/FavoriteBorder-Lr6swB6-.js";
+import { E as ve } from "./chunks/EmojiEvents-g001ss_z.js";
+import { B as ge } from "./chunks/Button-GawVOPKi.js";
+import { C as Ne } from "./chunks/CheckCircle-DgKcR_no.js";
+import { T as Jt } from "./chunks/TimerOutlined-BUL4BZFp.js";
+import { S as we } from "./chunks/Stack-JIDLCVx0.js";
+import { A as Qt } from "./chunks/AccessTime-7cim24ED.js";
+import { A as en, S as Tt, O as tn } from "./chunks/OverlayApiErrorSkeleton-JMWA0FV8.js";
+import { P as nn } from "./chunks/Person-DB_bEPcg.js";
+import { S as rn } from "./chunks/Sheet-vOgATocO.js";
+import { T as on } from "./chunks/Table-Cx7htUDp.js";
+import { A as ln } from "./chunks/Avatar-RBMU1Gkk.js";
+import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-CIJK8YZY.js";
+import { S as an, a as sn, O as cn, b as dn } from "./chunks/OverlayLeadAfterCollection-BwF9MvIB.js";
+import { C as un } from "./chunks/CollectLeadForm-D0P_JHmT.js";
 const Ye = Pe(/* @__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"), At = Pe(/* @__PURE__ */ t("path", {
@@ -244,7 +244,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
               flexDirection: "column",
               backdropFilter: "blur(4px)"
             },
-            children: B.map((j, U) => {
+            children: B.map((G, U) => {
               const N = U === B.length - 1;
               return /* @__PURE__ */ g(r, { children: [
                 /* @__PURE__ */ g(
@@ -272,7 +272,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
                             justifyContent: "center",
                             flexShrink: 0
                           },
-                          children: j.icon
+                          children: G.icon
                         }
                       ),
                       /* @__PURE__ */ g(r, { sx: { flex: 1, minWidth: 0, pt: "2px" }, children: [
@@ -286,7 +286,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
                               lineHeight: 1.3,
                               color: y
                             },
-                            children: j.title
+                            children: G.title
                           }
                         ),
                         /* @__PURE__ */ t(
@@ -301,7 +301,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
                               opacity: 0.65,
                               mt: p["2xs"]
                             },
-                            children: j.description
+                            children: G.description
                           }
                         )
                       ] })
@@ -755,7 +755,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
   game: a
 }) => {
   var X, oe, ee, te, ie, ce, _, H, w, $;
-  const [m, y] = D(0), [b, h] = D(!1), [I, O] = D(0), [p, S] = D(0), [C, P] = D(!1), c = qe(0), { t: B } = se(), k = xe(), v = ze(), W = K(), R = W.surfaceVariant, F = u || W.palette.primary.plainColor, E = ((oe = (X = a == null ? void 0 : a.branding) == null ? void 0 : X.colors) == null ? void 0 : oe.contentColor) || W.textColor, L = fe().md, o = pe(), z = re(R || ""), j = 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) || "" : ((H = (_ = a == null ? void 0 : a.branding) == null ? void 0 : _.images) == null ? void 0 : H.mainLogo) || "", N = B("common.labels.point", { count: m });
+  const [m, y] = D(0), [b, h] = D(!1), [I, O] = D(0), [p, S] = D(0), [C, P] = D(!1), c = qe(0), { t: B } = se(), k = xe(), v = ze(), W = K(), R = W.surfaceVariant, F = u || W.palette.primary.plainColor, E = ((oe = (X = a == null ? void 0 : a.branding) == null ? void 0 : X.colors) == null ? void 0 : oe.contentColor) || W.textColor, L = fe().md, o = pe(), z = re(R || ""), G = 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) || "" : ((H = (_ = a == null ? void 0 : a.branding) == null ? void 0 : _.images) == null ? void 0 : H.mainLogo) || "", N = B("common.labels.point", { count: m });
   me(() => {
     if (l != null && l.currentPoints && l.currentPoints > m) {
       O(l.currentPoints - m), h(!0), S((V) => V + 1);
@@ -791,14 +791,14 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
           {
             sx: {
               height: 20,
-              color: j ? `rgba(${j.replace(/[^\d,]/g, "")}, 0.35)` : `${F}59`
+              color: G ? `rgba(${G.replace(/[^\d,]/g, "")}, 0.35)` : `${F}59`
             }
           },
           `empty-${Z}`
         )
       );
     return A;
-  }, G = () => {
+  }, j = () => {
     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 }, (he, Q) => /* @__PURE__ */ t(
@@ -807,7 +807,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
           sx: {
             flex: 1,
             height: 4,
-            bgcolor: Q < V ? F : j ? `rgba(${j.replace(/[^\d,]/g, "")}, 0.2)` : `${F}33`,
+            bgcolor: Q < V ? F : G ? `rgba(${G.replace(/[^\d,]/g, "")}, 0.2)` : `${F}33`,
             borderRadius: "2px",
             transition: "background-color 0.3s ease"
           }
@@ -938,7 +938,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
             }
           ),
           /* @__PURE__ */ g(r, { children: [
-            /* @__PURE__ */ t(r, { sx: { mb: o.xs }, children: G() }),
+            /* @__PURE__ */ t(r, { sx: { mb: o.xs }, children: j() }),
             /* @__PURE__ */ g(
               we,
               {
@@ -1041,16 +1041,16 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
       }
     })();
   }, [e, n, i]), !e) return null;
-  const j = e.steps.filter((A) => A.played), U = j.filter((A) => A.correct === !0).length, N = j.filter(
+  const G = e.steps.filter((A) => A.played), U = G.filter((A) => A.correct === !0).length, N = G.filter(
     (A) => A.correct === !1 && A.userSelection !== null
-  ).length, Y = j.filter(
+  ).length, Y = G.filter(
     (A) => A.userSelection === null
-  ).length, T = j.length, M = yn(
+  ).length, T = G.length, M = yn(
     U,
     T,
     e.currentLives,
     l
-  ), G = T > 0 ? U / T * 100 : 0, J = T > 0 ? N / T * 100 : 0, X = T > 0 ? Y / T * 100 : 0;
+  ), j = T > 0 ? U / T * 100 : 0, J = T > 0 ? N / T * 100 : 0, X = T > 0 ? Y / T * 100 : 0;
   return /* @__PURE__ */ g(
     r,
     {
@@ -1321,11 +1321,11 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
               bgcolor: u.surfaceVariant
             },
             children: [
-              G > 0 && /* @__PURE__ */ t(
+              j > 0 && /* @__PURE__ */ t(
                 r,
                 {
                   sx: {
-                    width: `${G}%`,
+                    width: `${j}%`,
                     bgcolor: b,
                     transition: "width 0.7s ease"
                   }
@@ -1735,7 +1735,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
               width: "100%"
             },
             children: p.map((L, o) => {
-              const z = o === B, j = b === o, U = Math.log(L.totalUsers + 1) / C * 100, N = z || j ? i : `rgba(${y}, 0.5)`;
+              const z = o === B, G = b === o, U = Math.log(L.totalUsers + 1) / C * 100, N = z || G ? i : `rgba(${y}, 0.5)`;
               return /* @__PURE__ */ t(
                 r,
                 {
@@ -1760,7 +1760,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
                         height: I ? `${U}%` : "0%",
                         borderRadius: "3px 3px 1px 1px",
                         backgroundColor: N,
-                        boxShadow: z || j ? `0 0 10px rgba(${y}, 0.4), 0 0 3px rgba(${y}, 0.2)` : "none",
+                        boxShadow: z || G ? `0 0 10px rgba(${y}, 0.4), 0 0 3px rgba(${y}, 0.2)` : "none",
                         transition: [
                           `height 480ms cubic-bezier(0.34, 1.56, 0.64, 1) ${o * 18}ms`,
                           "background-color 150ms ease",
@@ -1789,14 +1789,14 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
         /* @__PURE__ */ t(r, { sx: { height: "1px", backgroundColor: m, mt: "1px" } }),
         /* @__PURE__ */ t(r, { sx: { position: "relative", height: "18px", mt: "4px" }, children: p.map((L, o) => {
           if (!E.has(o)) return null;
-          const z = p.length > 1 ? o / (p.length - 1) * 100 : 0, j = o === 0, U = o === p.length - 1;
+          const z = p.length > 1 ? o / (p.length - 1) * 100 : 0, G = o === 0, U = o === p.length - 1;
           return /* @__PURE__ */ t(
             x,
             {
               sx: {
                 position: "absolute",
                 left: `${z}%`,
-                transform: j ? "none" : U ? "translateX(-100%)" : "translateX(-50%)",
+                transform: G ? "none" : U ? "translateX(-100%)" : "translateX(-50%)",
                 fontSize: "0.6em",
                 fontFamily: a,
                 color: s,
@@ -1824,18 +1824,18 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
     (async () => {
       try {
         if (!e) return;
-        const [G, J] = await Promise.all([
+        const [j, J] = await Promise.all([
           n.miniGames.getEitherOrResults(e.id),
           n.profile.getOwn().getInfo().catch(() => null)
         ]), X = (J == null ? void 0 : J.id) ?? null;
-        if (F(X), X && G.standings.some(
+        if (F(X), X && j.standings.some(
           (ee) => ee.userId === X
         )) {
-          c(G);
+          c(j);
           return;
         }
         if (o > 0) {
-          const oe = [...G.standings], ee = {
+          const oe = [...j.standings], ee = {
             userId: "current",
             userModel: {
               id: "current",
@@ -1857,9 +1857,9 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
           }, te = oe.findIndex(
             (ie) => Number.parseInt(ie.personalBest) < o
           );
-          te >= 0 && te < 50 && (oe.splice(te, 0, ee), G.standings = oe);
+          te >= 0 && te < 50 && (oe.splice(te, 0, ee), j.standings = oe);
         }
-        c(G);
+        c(j);
       } catch {
       } finally {
         k(!1);
@@ -1991,7 +1991,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
         children: /* @__PURE__ */ t(x, { level: "body-lg", sx: z.noLeaderboardText, children: d("common.labels.noData", "No standings available yet.") })
       }
     );
-  const j = P.standings, U = Math.ceil(j.length / Be), N = j.slice(
+  const G = P.standings, U = Math.ceil(G.length / Be), N = G.slice(
     v * Be,
     (v + 1) * Be
   ), Y = [
@@ -2024,7 +2024,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
               gap: I.xs
             },
             children: Y.map((M) => {
-              const G = E === M.id;
+              const j = E === M.id;
               return /* @__PURE__ */ t(
                 r,
                 {
@@ -2036,7 +2036,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
                     justifyContent: "center",
                     p: I.xs,
                     borderRadius: `calc(${h["2xl"]} - 3px)`,
-                    backgroundColor: G ? a : p,
+                    backgroundColor: j ? a : p,
                     cursor: "pointer",
                     transition: "background-color 220ms ease",
                     userSelect: "none",
@@ -2047,10 +2047,10 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
                     {
                       sx: {
                         fontFamily: y,
-                        fontWeight: G ? 700 : 500,
+                        fontWeight: j ? 700 : 500,
                         fontSize: "0.8em",
-                        color: G ? S : m,
-                        opacity: G ? 1 : 0.45,
+                        color: j ? S : m,
+                        opacity: j ? 1 : 0.45,
                         transition: "color 220ms ease, opacity 220ms ease",
                         lineHeight: 1
                       },
@@ -2091,9 +2091,9 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
                   /* @__PURE__ */ t("th", { style: z.headerCellName, children: d("eitherOr.leaderboard.name", "Name") }),
                   /* @__PURE__ */ t("th", { style: z.headerCellPoints, children: O ? "🎯" : d("eitherOr.leaderboard.points", "Pts") })
                 ] }) }),
-                /* @__PURE__ */ t("tbody", { children: N.map((M, G) => {
+                /* @__PURE__ */ t("tbody", { children: N.map((M, j) => {
                   var te, ie, ce;
-                  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");
+                  const J = v * Be + j, 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",
                     {
@@ -2210,7 +2210,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
   children: e,
   brandingBorderColor: n
 }) => {
-  const i = fe().md, s = n || K().secondaryContainer, d = K().surface, f = jt().size, l = xe(), u = f + " solid " + s;
+  const i = fe().md, s = n || K().secondaryContainer, d = K().surface, f = Gt().size, l = xe(), u = f + " solid " + s;
   return /* @__PURE__ */ t(
     r,
     {
@@ -2229,7 +2229,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
     }
   );
 }, In = (e) => {
-  var M, G;
+  var M, j;
   const {
     eitherOr: n,
     currentPair: i,
@@ -2247,7 +2247,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
     onSelection: O,
     onPlayAgain: p,
     imagePosition: S = "left"
-  } = e, { t: C } = se(), P = K(), c = ((M = n == null ? void 0 : n.branding) == null ? void 0 : M.colors) || null, B = (c == null ? void 0 : c.primaryColor) || P.palette.primary.plainColor, k = P.secondaryContainer, v = P.surfaceTintDim, W = ((G = re(v || "")) == null ? void 0 : G.replace(/[^\d,]/g, "")) ?? null, R = fe().md, F = be().primary, E = pe(), L = xe(), [o, z] = D(0), j = Ge(
+  } = e, { t: C } = se(), P = K(), 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 = ((j = re(v || "")) == null ? void 0 : j.replace(/[^\d,]/g, "")) ?? null, R = fe().md, F = be().primary, E = pe(), L = xe(), [o, z] = D(0), G = je(
     {
       images: n == null ? void 0 : n.images,
       imagePlaceholder: m || ""
@@ -2417,7 +2417,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
     {
       entity: n,
       headline: C("eitherOr.headline", "Either/Or"),
-      finalImage: j,
+      finalImage: G,
       imagePosition: S,
       rulesDisplay: y,
       children: U()
@@ -2482,7 +2482,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
   }
 }), Pn = (e) => {
   var p, S, C, P, c;
-  const n = ((p = e.eitherOr.branding) == null ? void 0 : p.colors) || null, i = xe(), s = Me(), d = Ge(
+  const n = ((p = e.eitherOr.branding) == null ? void 0 : p.colors) || null, i = xe(), s = Me(), d = je(
     {
       images: e.eitherOr.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
@@ -2584,7 +2584,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
   rulesDisplay: s
 }) => {
   var m;
-  const { t: d } = se(), f = ((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 } = Ge(
     e.branding || null
   ), u = (y) => {
     var b;
@@ -2851,12 +2851,12 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
     onGameStart: I,
     onSelection: O,
     onPlayAgain: p
-  } = e, S = Me(), C = pe(), P = xe(), { t: c } = se(), [B, k] = D(0), [v, W] = D(0), [R, F] = D(!1), [E, L] = D(0), [o, z] = D(0), [j, U] = D(!1), N = qe(0), { brandingImage: Y, brandingColors: T } = je(
+  } = e, S = Me(), C = pe(), P = xe(), { t: c } = se(), [B, k] = D(0), [v, W] = D(0), [R, F] = D(!1), [E, L] = D(0), [o, z] = D(0), [G, U] = D(!1), N = qe(0), { brandingImage: Y, brandingColors: T } = Ge(
     n.branding || null
-  ), M = m || (P ? Ke : Xe), G = Ge(
+  ), M = m || (P ? Ke : Xe), j = je(
     { images: n == null ? void 0 : n.images, imagePlaceholder: M },
     Se.OVERLAY
-  ), J = Y || G, X = Ct(J), oe = St(
+  ), J = Y || j, 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), H = (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,
@@ -2912,7 +2912,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
       );
     return ne;
   }, Ft = () => {
-    const ne = (s == null ? void 0 : s.currentStreak) ?? 0, ae = j ? Ie : ne % Ie, Te = Math.floor(ne / Ie) + 1;
+    const ne = (s == null ? void 0 : s.currentStreak) ?? 0, ae = G ? Ie : ne % Ie, Te = Math.floor(ne / Ie) + 1;
     return /* @__PURE__ */ g(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
       Array.from({ length: Ie }, (Ve, Le) => /* @__PURE__ */ t(
         r,
@@ -3449,17 +3449,17 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
   var P, c, B, k, v, W, R, F, E, L, o;
   const n = Me(), { t: i } = se(), s = xe(), d = St(
     Se.OVERLAY
-  ), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? Ke : Xe, l = Ge(
+  ), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? Ke : Xe, l = je(
     { images: e.eitherOr.images, imagePlaceholder: f },
     Se.OVERLAY
-  ), { brandingImage: u, brandingColors: a, brandingLogo: m } = je(e.eitherOr.branding || null), b = Ct(u || l), h = (c = (P = n.customRadius) == null ? void 0 : P.light) == null ? void 0 : c.xl, I = (a == null ? void 0 : a.primaryColor) || ((W = (v = (k = (B = n.colorSchemes) == null ? void 0 : B.light) == null ? void 0 : k.palette) == null ? void 0 : v.primary) == null ? void 0 : W.plainColor), O = (L = (E = (F = (R = n.colorSchemes) == null ? void 0 : R.light) == null ? void 0 : F.palette) == null ? void 0 : E.primary) == null ? void 0 : L.onPrimary, p = n.customFontFamily.dark.primary, S = Ln({
+  ), { brandingImage: u, brandingColors: a, brandingLogo: m } = Ge(e.eitherOr.branding || null), b = Ct(u || l), h = (c = (P = n.customRadius) == null ? void 0 : P.light) == null ? void 0 : c.xl, I = (a == null ? void 0 : a.primaryColor) || ((W = (v = (k = (B = n.colorSchemes) == null ? void 0 : B.light) == null ? void 0 : k.palette) == null ? void 0 : v.primary) == null ? void 0 : W.plainColor), O = (L = (E = (F = (R = n.colorSchemes) == null ? void 0 : R.light) == null ? void 0 : F.palette) == null ? void 0 : E.primary) == null ? void 0 : L.onPrimary, p = n.customFontFamily.dark.primary, S = Ln({
     buttonRadius: h,
     primaryColor: I,
     onPrimaryColor: O,
     fontFamilyPrimary: p
   }), C = () => {
-    var z, j, U, N;
-    return e.signInCTA ? (z = e.signInCTA) != null && z.component ? e.signInCTA.component : (j = e.signInCTA) != null && j.onClick ? /* @__PURE__ */ t(
+    var z, G, U, N;
+    return e.signInCTA ? (z = e.signInCTA) != null && z.component ? e.signInCTA.component : (G = e.signInCTA) != null && G.onClick ? /* @__PURE__ */ t(
       ge,
       {
         variant: "soft",
@@ -3516,7 +3516,7 @@ const Ye = Pe(/* @__PURE__ */ t("path", {
     }
   );
 }, Bn = (e) => {
-  const { t: n } = se(), i = xe(), s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? Ke : Xe, { brandingLogo: d } = je(
+  const { t: n } = se(), i = xe(), s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? Ke : Xe, { brandingLogo: d } = Ge(
     e.eitherOr.branding || null
   );
   return /* @__PURE__ */ t(
@@ -3577,13 +3577,13 @@ const Dn = (e) => {
     selectedOption: null
   }), [I, O] = D(!1), [p, S] = D(!1), [C, P] = D(!1), [c, B] = D(""), [k, v] = D(!1), [W, R] = D(!1), [F, E] = D(!1), L = qe(null), o = fn(e.entityId, e.sdk), {
     setIsUnauthorized: z,
-    setIsApiError: j
+    setIsApiError: G
   } = hn(e.entityId, e.sdk, I);
   me(() => {
     var H, w;
     n !== q.RESULTS || !f || (w = (H = e.callbacks) == null ? void 0 : H.onFinish) == null || w.call(H, f);
   }, [n]), me(() => {
-    Gt(e.language || "en");
+    jt(e.language || "en");
   }, [e.language]), me(() => {
     o && o.id && i(q.TUTORIAL);
   }, [o]);
@@ -3700,10 +3700,10 @@ const Dn = (e) => {
       }
     } else
       R(!1), E(!1), i(q.RESULTS);
-  }, [(ie = e.leads) == null ? void 0 : ie.position, e.entityId, e.sdk, o == null ? void 0 : o.time]), G = Oe(() => {
+  }, [(ie = e.leads) == null ? void 0 : ie.position, e.entityId, e.sdk, o == null ? void 0 : o.time]), j = Oe(() => {
     i(q.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(""), j(!1), z(!1), O(!I), i(q.TUTORIAL), d(null), l(null), y(null), h({ isCorrect: null, selectedOption: null }), v(!1), R(!1);
+    P(!1), S(!1), B(""), G(!1), z(!1), O(!I), i(q.TUTORIAL), d(null), l(null), y(null), h({ isCorrect: null, selectedOption: null }), v(!1), R(!1);
   };
   if (!o)
     return /* @__PURE__ */ t(He, { my: 20 });
@@ -3810,7 +3810,7 @@ const Dn = (e) => {
       imagePosition: e.imagePosition,
       onGameStart: Y,
       onSelection: T,
-      onPlayAgain: G
+      onPlayAgain: j
     }
   ) : $e(e) ? /* @__PURE__ */ t(
     Rn,
@@ -3830,7 +3830,7 @@ const Dn = (e) => {
       additionalCTA: e.additionalCTA,
       onGameStart: Y,
       onSelection: T,
-      onPlayAgain: G
+      onPlayAgain: j
     }
   ) : /* @__PURE__ */ t(De, {});
 }, Fn = (e) => /* @__PURE__ */ t(Vt, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(Dn, { ...e }) }), dr = Fn;