fansunited-frontend-components 0.0.48 → 0.0.49

package/CollectLead.js

@@ -1,12 +1,13 @@
 import { jsx as n, jsxs as g, Fragment as r } from "react/jsx-runtime";
-import { c as Y, i as Q, B as o, T as u, f as ce, g as J, u as K, e as X, n as Z, W as w, b as U, a as h, d as de } from "./chunks/index-Btf_jw7-.js";
-import { g as se, a as me, h as oe } from "./chunks/helpers-1jFObSvc.js";
-import { createContext as ge } from "react";
-import { C as xe } from "./chunks/CollectLeadForm-BqjgPYKX.js";
-import { d as le, a as ae, b as ee } from "./chunks/useImageVariant-BJ722AFw.js";
-import { P as fe } from "./chunks/Portal-B-nN3a_R.js";
+import { createContext as ce } from "react";
+import { c as Y, i as Q, B as o, T as u, f as de, g as J, u as K, e as X, n as Z, W as w, b as U, a as h, d as se } from "./chunks/PrizeCard-DF3QxwQJ.js";
+import { P as me } from "./chunks/Portal-Cs0dgwmH.js";
+import "react-dom";
+import { g as ge, a as xe, h as oe } from "./chunks/helpers-NuC1SzL3.js";
+import { d as le, a as ae, b as ee } from "./chunks/useImageVariant-Cex1eIqq.js";
+import { C as fe } from "./chunks/CollectLeadForm-DnLKA8qz.js";
 const te = (e) => {
-  const i = Y().secondary, s = Q(), a = se(e.primaryUrl, e.secondaryUrl, "logo");
+  const i = Y().secondary, s = Q(), a = ge(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const d = () => {
@@ -110,7 +111,7 @@ const te = (e) => {
       ]
     }
   );
-}, _ = ge({
+}, _ = ce({
   shadowRootElement: null,
   language: null,
   sdk: null
@@ -154,7 +155,7 @@ const te = (e) => {
     children: S
   }
 ), ne = () => {
-  const { t: e } = ce(), {
+  const { t: e } = de(), {
     sdk: i,
     content: s,
     branding: a,
@@ -188,7 +189,7 @@ const te = (e) => {
     termsAndConditionsUrlLabel: t == null ? void 0 : t.termsAndConditionsUrlLabel
   };
   return /* @__PURE__ */ n(
-    xe,
+    fe,
     {
       sdk: i,
       content: s,
@@ -400,7 +401,7 @@ const te = (e) => {
       imagePlaceholder: f
     },
     w.OVERLAY
-  ), C = me(b), S = i.colorSchemes.dark.textColor, p = i.customFontFamily.dark.primary, T = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = ($ = i.border) == null ? void 0 : $.dark.size, k = (P = (q = i.colorSchemes) == null ? void 0 : q.dark) == null ? void 0 : P.surfaceVariant, F = (I = (R = i.customRadius) == null ? void 0 : R.light) == null ? void 0 : I.xl, M = (H = (z = (D = (L = i.colorSchemes) == null ? void 0 : L.light) == null ? void 0 : D.palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, V = (m = (y = (B = (v = i.colorSchemes) == null ? void 0 : v.light) == null ? void 0 : B.palette) == null ? void 0 : y.primary) == null ? void 0 : m.onPrimary, c = ue({
+  ), C = xe(b), S = i.colorSchemes.dark.textColor, p = i.customFontFamily.dark.primary, T = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = ($ = i.border) == null ? void 0 : $.dark.size, k = (P = (q = i.colorSchemes) == null ? void 0 : q.dark) == null ? void 0 : P.surfaceVariant, F = (I = (R = i.customRadius) == null ? void 0 : R.light) == null ? void 0 : I.xl, M = (H = (z = (D = (L = i.colorSchemes) == null ? void 0 : L.light) == null ? void 0 : D.palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, V = (m = (y = (B = (v = i.colorSchemes) == null ? void 0 : v.light) == null ? void 0 : B.palette) == null ? void 0 : y.primary) == null ? void 0 : m.onPrimary, c = ue({
     spacingScale: s,
     secondaryColor: S,
     fontFamilyPrimary: p,
@@ -436,7 +437,7 @@ const te = (e) => {
     ] })
   ] });
 }, re = ({ children: e }) => {
-  const i = U().md, s = h().surface, a = h().secondaryContainer, t = de().size + " solid " + a;
+  const i = U().md, s = h().surface, a = h().secondaryContainer, t = se().size + " solid " + a;
   return /* @__PURE__ */ n(
     o,
     {
@@ -1223,7 +1224,7 @@ function ke(e) {
 const Fe = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(be, {}) : ke(e) ? /* @__PURE__ */ n(Se, { imagePosition: e.imagePosition || "left" }) : /* @__PURE__ */ n(Te, {}), Pe = (e) => {
   var i;
   return /* @__PURE__ */ n(
-    fe,
+    me,
     {
       packageName: "collect-lead",
       entityId: ((i = e.content) == null ? void 0 : i.id) || "",
@@ -1251,7 +1252,7 @@ const Fe = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(be, {}) : ke(e) ?
       )
     }
   );
-}, Be = Pe;
+}, We = Pe;
 export {
-  Be as CollectLead
+  We as CollectLead
 };

package/Discussion.js

@@ -1,4 +1,4 @@
-import { M as o } from "./chunks/main-Chqd9Wwn.js";
+import { M as o } from "./chunks/main-hB01WcoP.js";
 const i = o;
 export {
   i as Discussion

package/EitherOrPlay.js

@@ -1,24 +1,25 @@
 import { jsx as t, jsxs as g, Fragment as De } from "react/jsx-runtime";
-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 ge, 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/index-Btf_jw7-.js";
-import { useState as D, useEffect as he, useRef as qe, useCallback as Le } from "react";
-import { z as Vt } from "./chunks/index-D1K1OB4p.js";
-import { S as He } from "./chunks/Spinner-D7-MZe2m.js";
-import { A as Ke, O as Nt } from "./chunks/ArrowRightAlt-wEs8SY1V.js";
-import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-1jFObSvc.js";
-import { F as Fe, a as It } from "./chunks/FavoriteBorder-_mUf1vas.js";
-import { E as Pe } from "./chunks/EmojiEvents-D_ObJxNy.js";
-import { C as Ne } from "./chunks/CheckCircle-CU2itira.js";
-import { u as _t, b as Ge, d as Xe, a as Ze } from "./chunks/useImageVariant-BJ722AFw.js";
-import { T as qt } from "./chunks/TimerOutlined-DOpryr42.js";
-import { S as we } from "./chunks/Stack-CU36SsgA.js";
-import { A as Kt, S as Tt, O as Xt } from "./chunks/OverlayApiErrorSkeleton-BUuD0zL8.js";
-import { S as Zt, T as Qt, P as Jt } from "./chunks/Person-K8GGMiAW.js";
-import { A as en } from "./chunks/Avatar-BXHdXHLA.js";
-import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-CA-FqQfT.js";
-import { S as tn, N as nn, O as rn } from "./chunks/NotFoundSkeleton-D5Jh3lnu.js";
-import { S as on, a as ln, O as an, b as sn } from "./chunks/OverlayLeadAfterCollection-B-N1OjPu.js";
-import { C as cn } from "./chunks/CollectLeadForm-BqjgPYKX.js";
-import { P as dn } from "./chunks/Portal-B-nN3a_R.js";
+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 "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";
 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", {
@@ -41,10 +42,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
       const h = await n.miniGames.getEitherOrById(e, !0);
       s(h);
     } catch (h) {
-      console.error(h), s(new Vt());
+      console.error(h), s(new Nt());
     }
   };
-  return he(() => (d(), () => s(null)), [e, n]), i;
+  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 () => {
     try {
@@ -72,7 +73,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       a(!0);
     }
   };
-  return he(() => (m(), () => {
+  return ge(() => (m(), () => {
     d(null), l(!1), a(!1);
   }), [e, n, i]), {
     myStats: s,
@@ -197,7 +198,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 = ge().xl, L = ge().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(), 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 = [
     {
       icon: /* @__PURE__ */ t(zt, { sx: { fontSize: "1.1em" } }),
       title: d("eitherOr.tutorial.step1Title"),
@@ -339,7 +340,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 me,
                 {
                   variant: "soft",
-                  endDecorator: /* @__PURE__ */ t(Ke, {}),
+                  endDecorator: /* @__PURE__ */ t(Ze, {}),
                   onClick: s && i ? i.onClick : e,
                   sx: {
                     borderRadius: I,
@@ -468,7 +469,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   brandingPrimaryColor: h,
   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 = _t(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 = 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;
   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;
     return /* @__PURE__ */ g(
@@ -666,7 +667,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 = ge().xl, y = be().secondary, b = pe(), f = {
+  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 = {
     "@keyframes pulse": {
       "0%": { transform: "scale(1)" },
       "50%": { transform: "scale(1.05)" },
@@ -709,7 +710,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       },
       children: [
         /* @__PURE__ */ t(
-          qt,
+          Qt,
           {
             sx: {
               width: "24px",
@@ -749,8 +750,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
   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 = ge().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 });
-  he(() => {
+  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 });
+  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);
@@ -758,7 +759,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     }
   }, [l == null ? void 0 : l.currentPoints, m]);
   const Y = (a == null ? void 0 : a.points) ?? [], T = Y.length >= 2 ? Y[1].correctSteps - Y[0].correctSteps : ((w = Y[0]) == null ? void 0 : w.correctSteps) || 5;
-  he(() => {
+  ge(() => {
     const A = c.current, V = (l == null ? void 0 : l.currentStreak) ?? 0;
     if (c.current = V, V > A && V > 0 && V % T === 0) {
       P(!0);
@@ -1025,8 +1026,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
   additionalCTA: h
 }) => {
   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 = ge().md, S = ge().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 (he(() => {
+  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;
+  if (ge(() => {
     n && (async () => {
       try {
         const V = await i.miniGames.getMyEitherOrStats(n.id);
@@ -1493,7 +1494,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 me,
                 {
                   variant: "soft",
-                  endDecorator: /* @__PURE__ */ t(Ke, {}),
+                  endDecorator: /* @__PURE__ */ t(Ze, {}),
                   onClick: s,
                   sx: {
                     borderRadius: S,
@@ -1529,7 +1530,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           }
         ),
         /* @__PURE__ */ t(
-          Kt,
+          Jt,
           {
             additionalCTA: h,
             buttonStyle: {
@@ -1557,8 +1558,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
   primaryColor: i,
   textColor: s
 }) => {
-  const { t: d } = se(), h = q(), l = ge(), u = pe(), a = be().primary, m = h.outlineEnabledBorder, y = re(i), [b, f] = D(null), [I, L] = D(!1);
-  if (he(() => {
+  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);
+  if (ge(() => {
     const O = requestAnimationFrame(() => {
       setTimeout(() => L(!0), 80);
     });
@@ -1813,8 +1814,8 @@ 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 = ge(), 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;
-  he(() => {
+  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;
+  ge(() => {
     (async () => {
       try {
         if (!e) return;
@@ -2071,8 +2072,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
               children: d("eitherOr.leaderboard.top50Note", "Top 50")
             }
           ),
-          /* @__PURE__ */ t(Zt, { sx: z.tableContainer, children: /* @__PURE__ */ g(
-            Qt,
+          /* @__PURE__ */ t(tn, { sx: z.tableContainer, children: /* @__PURE__ */ g(
+            nn,
             {
               variant: "outlined",
               hoverRow: !1,
@@ -2098,7 +2099,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                           Q + 1
                         ] }) }),
                         /* @__PURE__ */ t("td", { style: z.tableCellName, children: /* @__PURE__ */ g(r, { sx: z.nameCell, children: [
-                          /* @__PURE__ */ t(en, { src: oe, sx: z.leaderboardAvatar, children: !oe && /* @__PURE__ */ t(Jt, { sx: z.avatarIcon }) }),
+                          /* @__PURE__ */ t(on, { src: oe, sx: z.leaderboardAvatar, children: !oe && /* @__PURE__ */ t(rn, { sx: z.avatarIcon }) }),
                           /* @__PURE__ */ t(
                             x,
                             {
@@ -2204,7 +2205,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
   children: e,
   brandingBorderColor: n
 }) => {
-  const i = ge().md, s = n || q().secondaryContainer, d = q().surface, h = jt().size, l = xe(), u = h + " solid " + s;
+  const i = he().md, s = n || q().secondaryContainer, d = q().surface, h = jt().size, l = xe(), u = h + " solid " + s;
   return /* @__PURE__ */ t(
     r,
     {
@@ -2241,7 +2242,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     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 = ge().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 = he().md, F = be().primary, E = pe(), O = xe(), [o, z] = D(0), H = Ge(
     {
       images: n == null ? void 0 : n.images,
       imagePlaceholder: m || ""
@@ -2407,7 +2408,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       ]
     }
   ) }) : N ? /* @__PURE__ */ t(ye, { brandingBorderColor: (c == null ? void 0 : c.borderColor) || null, children: /* @__PURE__ */ t(r, { sx: T, children: U() }) }) : /* @__PURE__ */ t(ye, { brandingBorderColor: (c == null ? void 0 : c.borderColor) || null, children: /* @__PURE__ */ t(
-    tn,
+    _t,
     {
       entity: n,
       headline: C("eitherOr.headline", "Either/Or"),
@@ -2420,7 +2421,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
 }, Tn = () => {
   const { t: e } = se();
   return /* @__PURE__ */ t(ye, { brandingBorderColor: null, children: /* @__PURE__ */ t(
-    nn,
+    qt,
     {
       notFoundTitle: e("eitherOr.eitherOrNotFound"),
       notFoundMessage: e("eitherOr.eitherOrNotFoundDescription")
@@ -2482,7 +2483,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     Se.STANDARD
-  ), h = be().primary, l = ge().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({
+  ), 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,
     buttonRadius: l,
     primaryColor: u,
@@ -2553,7 +2554,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     );
   };
   return /* @__PURE__ */ t(ye, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
-    on,
+    ln,
     {
       entity: e.eitherOr,
       headline: b("eitherOr.headline"),
@@ -2667,7 +2668,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     onClick: u
   };
   return /* @__PURE__ */ t(
-    cn,
+    dn,
     {
       sdk: e,
       content: {
@@ -2699,7 +2700,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
 }, wn = (e) => {
   const { t: n } = se();
   return /* @__PURE__ */ t(
-    ln,
+    an,
     {
       entity: e.eitherOr,
       headline: n("eitherOr.headline"),
@@ -2847,7 +2848,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     onPlayAgain: p
   } = e, S = Me(), C = pe(), P = xe(), { t: c } = se(), [B, k] = D(0), [v, W] = D(0), [R, F] = D(!1), [E, O] = D(0), [o, z] = D(0), [H, U] = D(!1), N = qe(0), { brandingImage: Y, brandingColors: T } = je(
     n.branding || null
-  ), M = m || (P ? Xe : Ze), G = Ge(
+  ), 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(
@@ -2863,7 +2864,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     darkTextColor: $,
     isMobile: P
   });
-  he(() => {
+  ge(() => {
     if (s != null && s.currentPoints && s.currentPoints > v) {
       O(s.currentPoints - v), F(!0), z((ae) => ae + 1);
       const ne = setTimeout(() => F(!1), 1e3);
@@ -2871,7 +2872,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     }
   }, [s == null ? void 0 : s.currentPoints, v]);
   const Ie = (n == null ? void 0 : n.points) ?? [], Te = Ie.length >= 2 ? Ie[1].correctSteps - Ie[0].correctSteps : ((gt = Ie[0]) == null ? void 0 : gt.correctSteps) || 5;
-  he(() => {
+  ge(() => {
     const ne = N.current, ae = (s == null ? void 0 : s.currentStreak) ?? 0;
     if (N.current = ae, ae > ne && ae > 0 && ae % Te === 0) {
       U(!0);
@@ -3362,7 +3363,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                       {
                         variant: "soft",
                         sx: { ...J.startButton, ...J.pulseAnimation },
-                        endDecorator: /* @__PURE__ */ t(Ke, {}),
+                        endDecorator: /* @__PURE__ */ t(Ze, {}),
                         onClick: I,
                         children: /* @__PURE__ */ t(x, { sx: J.startButtonText, children: c("eitherOr.buttons.start") })
                       }
@@ -3381,7 +3382,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     }
   };
   return d === K.RESULTS ? /* @__PURE__ */ t(
-    Nt,
+    Zt,
     {
       entity: n,
       backgroundImage: X,
@@ -3390,7 +3391,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       children: Ut()
     }
   ) : /* @__PURE__ */ t(
-    rn,
+    Kt,
     {
       entity: n,
       headline: c("eitherOr.headline"),
@@ -3441,7 +3442,7 @@ 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 ? Xe : Ze, l = Ge(
+  ), h = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? Ke : Xe, l = Ge(
     { images: e.eitherOr.images, imagePlaceholder: h },
     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({
@@ -3489,7 +3490,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     ) : /* @__PURE__ */ t(me, { variant: "soft", sx: S.signInButton, disabled: !0, children: /* @__PURE__ */ t(x, { sx: S.signInButtonText, children: e.signInCTA.defaultLabel || i("common.signIn") }) }) : /* @__PURE__ */ t(me, { variant: "soft", sx: S.signInButton, disabled: !0, children: /* @__PURE__ */ t(x, { sx: S.signInButtonText, children: i("common.signIn") }) });
   };
   return /* @__PURE__ */ t(
-    an,
+    sn,
     {
       entity: e.eitherOr,
       headline: i("eitherOr.headline"),
@@ -3508,11 +3509,11 @@ const un = Ce([/* @__PURE__ */ t("path", {
     }
   );
 }, Bn = (e) => {
-  const { t: n } = se(), i = xe(), s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? Xe : Ze, { brandingLogo: d } = je(
+  const { t: n } = se(), i = xe(), s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? Ke : Xe, { brandingLogo: d } = je(
     e.eitherOr.branding || null
   );
   return /* @__PURE__ */ t(
-    Xt,
+    en,
     {
       entity: e.eitherOr,
       headline: n("eitherOr.headline"),
@@ -3539,7 +3540,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
 }, $n = (e) => {
   const { t: n } = se();
   return /* @__PURE__ */ t(
-    sn,
+    cn,
     {
       entity: e.eitherOr,
       headline: n("eitherOr.headline"),
@@ -3571,9 +3572,9 @@ const Dn = (e) => {
     setIsUnauthorized: z,
     setIsApiError: H
   } = fn(e.entityId, e.sdk, I);
-  he(() => {
+  ge(() => {
     Gt(e.language || "en");
-  }, [e.language]), he(() => {
+  }, [e.language]), ge(() => {
     o && o.id && i(K.TUTORIAL);
   }, [o]);
   const U = () => ({
@@ -3822,7 +3823,7 @@ const Dn = (e) => {
       onPlayAgain: G
     }
   ) : /* @__PURE__ */ t(De, {});
-}, Fn = (e) => /* @__PURE__ */ t(dn, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(Dn, { ...e }) }), or = Fn;
+}, Fn = (e) => /* @__PURE__ */ t(Vt, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(Dn, { ...e }) }), ir = Fn;
 export {
-  or as EitherOrPlay
+  ir as EitherOrPlay
 };