fansunited-frontend-components 0.0.47 → 0.0.49

package/CollectLead.js

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as g, Fragment as r } from "react/jsx-runtime";
 import { createContext as ce } from "react";
-import { r as Y, m as Q, B as o, T as u, Z as de, a5 as Z, n as J, o as K, Y as X, W as w, t as U, k as h, a0 as me } from "./chunks/PrizeCard-B0HczmXj.js";
-import { P as se } from "./chunks/Portal-BNrzAjXr.js";
+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-CV2Mo9Pu.js";
-import { d as le, a as ae, u as ee } from "./chunks/useImageVariant-DalagjyR.js";
-import { C as fe } from "./chunks/CollectLeadForm-DFIhLeYH.js";
+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, m = Q(), a = ge(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 = () => {
@@ -47,7 +47,7 @@ const te = (e) => {
       children: t
     }
   ) : t;
-  return m ? /* @__PURE__ */ g(
+  return s ? /* @__PURE__ */ g(
     o,
     {
       sx: {
@@ -118,7 +118,7 @@ const te = (e) => {
 }), ye = ({
   shadowRootElement: e,
   phoneCountryCode: i,
-  images: m,
+  images: s,
   content: a,
   campaign: d,
   branding: t,
@@ -138,7 +138,7 @@ const te = (e) => {
     value: {
       shadowRootElement: e,
       phoneCountryCode: i,
-      images: m,
+      images: s,
       content: a,
       campaign: d,
       branding: t,
@@ -157,7 +157,7 @@ const te = (e) => {
 ), ne = () => {
   const { t: e } = de(), {
     sdk: i,
-    content: m,
+    content: s,
     branding: a,
     campaign: d,
     labels: t,
@@ -166,7 +166,7 @@ const te = (e) => {
     consents: C,
     customFields: S,
     syncWithProfile: p = !1
-  } = Z(_), T = {
+  } = J(_), T = {
     title: t == null ? void 0 : t.formTitle,
     description: t == null ? void 0 : t.formDescription,
     fullNameLabel: t == null ? void 0 : t.formFullNameLabel,
@@ -192,7 +192,7 @@ const te = (e) => {
     fe,
     {
       sdk: i,
-      content: m,
+      content: s,
       onSuccessCta: f,
       branding: a,
       campaign: d,
@@ -390,8 +390,8 @@ const te = (e) => {
   let i = (e == null ? void 0 : e.mainLogo) || null;
   return Q() && (i = (e == null ? void 0 : e.mobileLogo) || (e == null ? void 0 : e.mainLogo) || null), i;
 }, be = () => {
-  var l, $, q, P, R, I, L, D, z, H, v, B, y, s, W, A, G, E;
-  const e = Z(_), i = J(), m = K(), a = X(
+  var l, $, q, P, R, I, L, D, z, H, v, B, y, m, W, A, G, E;
+  const e = J(_), i = K(), s = X(), a = Z(
     w.OVERLAY
   ), d = Q(), t = he(
     ((l = e.branding) == null ? void 0 : l.images) || null
@@ -401,8 +401,8 @@ const te = (e) => {
       imagePlaceholder: f
     },
     w.OVERLAY
-  ), 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 = (s = (y = (B = (v = i.colorSchemes) == null ? void 0 : v.light) == null ? void 0 : B.palette) == null ? void 0 : y.primary) == null ? void 0 : s.onPrimary, c = ue({
-    spacingScale: m,
+  ), 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,
     fontFamilySecondary: T,
@@ -437,7 +437,7 @@ const te = (e) => {
     ] })
   ] });
 }, re = ({ children: e }) => {
-  const i = U().md, m = h().surface, a = h().secondaryContainer, t = me().size + " solid " + a;
+  const i = U().md, s = h().surface, a = h().secondaryContainer, t = se().size + " solid " + a;
   return /* @__PURE__ */ n(
     o,
     {
@@ -449,7 +449,7 @@ const te = (e) => {
         overflow: "hidden",
         minHeight: "250px",
         borderRadius: i,
-        background: m,
+        background: s,
         border: t
       },
       children: e
@@ -766,13 +766,13 @@ const te = (e) => {
   }
 }), Se = (e) => {
   var P, R, I, L, D, z, H, v, B;
-  const i = Z(_), m = J(), a = e.imagePosition || "left", d = ee(
+  const i = J(_), s = K(), a = e.imagePosition || "left", d = ee(
     {
       images: i.images || null,
       imagePlaceholder: i.defaultImagePlaceholderUrl ? i.defaultImagePlaceholderUrl : ""
     },
     w.STANDARD
-  ), t = Q(), f = t ? ((R = (P = i.branding) == null ? void 0 : P.images) == null ? void 0 : R.mobileLogo) || ((L = (I = i.branding) == null ? void 0 : I.images) == null ? void 0 : L.mainLogo) || "" : ((z = (D = i.branding) == null ? void 0 : D.images) == null ? void 0 : z.mainLogo) || "", b = h().textColor, C = h().textSecondary, S = Y().secondary, p = "60%", T = Y().primary, j = h().surfaceVariant, N = U().md, k = U().sm, F = h().palette.primary.plainColor, M = h().palette.primary.onPrimary, V = U().xl, c = K(), x = X(
+  ), t = Q(), f = t ? ((R = (P = i.branding) == null ? void 0 : P.images) == null ? void 0 : R.mobileLogo) || ((L = (I = i.branding) == null ? void 0 : I.images) == null ? void 0 : L.mainLogo) || "" : ((z = (D = i.branding) == null ? void 0 : D.images) == null ? void 0 : z.mainLogo) || "", b = h().textColor, C = h().textSecondary, S = Y().secondary, p = "60%", T = Y().primary, j = h().surfaceVariant, N = U().md, k = U().sm, F = h().palette.primary.plainColor, M = h().palette.primary.onPrimary, V = U().xl, c = X(), x = Z(
     w.STANDARD
   ), l = Ce({
     finalImage: d,
@@ -790,23 +790,23 @@ const te = (e) => {
     buttonRadius: V,
     opacity: p,
     imagePosition: a,
-    darkTextColor: m.colorSchemes.dark.textColor,
+    darkTextColor: s.colorSchemes.dark.textColor,
     imageBackgroundGradient: x
   }), $ = (y) => {
-    var s;
+    var m;
     return /* @__PURE__ */ n(
       te,
       {
         brandingLogo: f,
         textColor: y,
-        label: (s = i.labels) == null ? void 0 : s.presentedByLabel
+        label: (m = i.labels) == null ? void 0 : m.presentedByLabel
       }
     );
   };
   return /* @__PURE__ */ g(re, { children: [
     (() => {
-      var y, s, W, A, G, E, O, ie;
-      return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (y = i.labels) != null && y.title || (s = i.labels) != null && s.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineContent, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
+      var y, m, W, A, G, E, O, ie;
+      return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (y = i.labels) != null && y.title || (m = i.labels) != null && m.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineContent, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
         (W = i.labels) != null && W.title ? /* @__PURE__ */ n(u, { sx: l.titleTypographyMobileImage, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
         (A = i.labels) != null && A.description ? /* @__PURE__ */ n(u, { sx: l.descriptionTypographyMobileImage, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
       ] }) }) : /* @__PURE__ */ n(r, {}) }) : (G = i.labels) != null && G.title || (E = i.labels) != null && E.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithoutImage, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
@@ -1161,13 +1161,13 @@ const te = (e) => {
   }
 }), Te = () => {
   var q, P, R, I, L, D, z, H, v, B;
-  const e = Z(_), i = J(), m = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : m ? le : ae, d = ee(
+  const e = J(_), i = K(), s = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? le : ae, d = ee(
     {
       images: e.images || null,
       imagePlaceholder: a
     },
     w.SPLIT
-  ), t = m ? ((P = (q = e.branding) == null ? void 0 : q.images) == null ? void 0 : P.mobileLogo) || ((I = (R = e.branding) == null ? void 0 : R.images) == null ? void 0 : I.mainLogo) || "" : ((D = (L = e.branding) == null ? void 0 : L.images) == null ? void 0 : D.mainLogo) || "", f = h().textColor, b = Y().secondary, C = "60%", S = Y().primary, p = U().xl, T = h().surfaceVariant, j = (H = (z = h().palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, N = (B = (v = h().palette) == null ? void 0 : v.primary) == null ? void 0 : B.onPrimary, k = h().textColor, F = K(), M = U(), V = X(
+  ), t = s ? ((P = (q = e.branding) == null ? void 0 : q.images) == null ? void 0 : P.mobileLogo) || ((I = (R = e.branding) == null ? void 0 : R.images) == null ? void 0 : I.mainLogo) || "" : ((D = (L = e.branding) == null ? void 0 : L.images) == null ? void 0 : D.mainLogo) || "", f = h().textColor, b = Y().secondary, C = "60%", S = Y().primary, p = U().xl, T = h().surfaceVariant, j = (H = (z = h().palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, N = (B = (v = h().palette) == null ? void 0 : v.primary) == null ? void 0 : B.onPrimary, k = h().textColor, F = X(), M = U(), V = Z(
     w.SPLIT
   ), c = oe(T || ""), x = pe({
     finalImage: d,
@@ -1185,21 +1185,21 @@ const te = (e) => {
     darkTextColor: i.colorSchemes.dark.textColor,
     imageBackgroundGradient: V
   }), l = (y) => {
-    var s;
+    var m;
     return /* @__PURE__ */ n(
       te,
       {
         brandingLogo: t,
         textColor: y,
-        label: (s = e.labels) == null ? void 0 : s.presentedByLabel
+        label: (m = e.labels) == null ? void 0 : m.presentedByLabel
       }
     );
   };
   return /* @__PURE__ */ g(re, { children: [
     (() => {
-      var y, s, W, A;
+      var y, m, W, A;
       return /* @__PURE__ */ n(o, { sx: x.headlineSection, children: /* @__PURE__ */ g(o, { sx: x.headlineContent, children: [
-        (y = e.labels) != null && y.title || (s = e.labels) != null && s.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ g(o, { sx: x.contentContainer, children: [
+        (y = e.labels) != null && y.title || (m = e.labels) != null && m.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ g(o, { sx: x.contentContainer, children: [
           (W = e.labels) != null && W.title ? /* @__PURE__ */ n(u, { sx: x.pollTitleText, children: e.labels.title }) : /* @__PURE__ */ n(r, {}),
           (A = e.labels) != null && A.description ? /* @__PURE__ */ n(u, { sx: x.pollDescriptionText, children: e.labels.description }) : /* @__PURE__ */ n(r, {})
         ] }) }) : /* @__PURE__ */ n(r, {}),
@@ -1224,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(
-    se,
+    me,
     {
       packageName: "collect-lead",
       entityId: ((i = e.content) == null ? void 0 : i.id) || "",

package/Discussion.js

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

package/EitherOrPlay.js

@@ -1,25 +1,25 @@
 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 { c as Ce, r as be, ae as ze, B as r, T as x, Z as se, m as xe, k as q, t as he, o as pe, $ as me, a4 as Ht, n as Me, a0 as jt, W as Se, Y as St, i as Gt } from "./chunks/PrizeCard-B0HczmXj.js";
-import { P as Vt } from "./chunks/Portal-BNrzAjXr.js";
+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-VF7pS8cz.js";
-import { z as Nt } from "./chunks/index-B2OgR4TV.js";
-import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-CV2Mo9Pu.js";
-import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-B_cooMQ9.js";
-import { b as Xt, u as Ge, d as Ke, a as Xe } from "./chunks/useImageVariant-DalagjyR.js";
-import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-B2nkus4s.js";
-import { F as Fe, a as It } from "./chunks/FavoriteBorder-B73FKZ3W.js";
-import { E as Pe } from "./chunks/EmojiEvents-BhDSwudY.js";
-import { C as Ne } from "./chunks/CheckCircle-RcO0pr0f.js";
-import { T as Jt } from "./chunks/TimerOutlined-azUFE6Ed.js";
-import { S as we } from "./chunks/Stack-DchTYx6z.js";
-import { A as Qt, S as Tt, O as en } from "./chunks/OverlayApiErrorSkeleton-CiVtcOmG.js";
-import { S as tn, T as nn, P as rn } from "./chunks/Person-C0oARTCn.js";
-import { A as on } from "./chunks/Avatar-C9PZ4fZC.js";
-import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-CDt4yvnj.js";
-import { S as ln, a as an, O as sn, b as cn } from "./chunks/OverlayLeadAfterCollection-Df7xGLgO.js";
-import { C as dn } from "./chunks/CollectLeadForm-DFIhLeYH.js";
+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", {
@@ -710,7 +710,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       },
       children: [
         /* @__PURE__ */ t(
-          Jt,
+          Qt,
           {
             sx: {
               width: "24px",
@@ -796,18 +796,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, Q) => /* @__PURE__ */ t(
+      Array.from({ length: T }, (fe, J) => /* @__PURE__ */ t(
         r,
         {
           sx: {
             flex: 1,
             height: 4,
-            bgcolor: Q < V ? F : H ? `rgba(${H.replace(/[^\d,]/g, "")}, 0.2)` : `${F}33`,
+            bgcolor: J < V ? F : H ? `rgba(${H.replace(/[^\d,]/g, "")}, 0.2)` : `${F}33`,
             borderRadius: "2px",
             transition: "background-color 0.3s ease"
           }
         },
-        `streak-${Q}`
+        `streak-${J}`
       )),
       le > 1 && /* @__PURE__ */ g(
         x,
@@ -827,7 +827,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         }
       )
     ] });
-  }, J = () => /* @__PURE__ */ t(
+  }, Q = () => /* @__PURE__ */ t(
     r,
     {
       sx: {
@@ -914,7 +914,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                         optionIndex: 0
                       }
                     ) }),
-                    J(),
+                    Q(),
                     /* @__PURE__ */ t(r, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t(
                       Ue,
                       {
@@ -1045,7 +1045,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     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;
+  ), G = T > 0 ? U / T * 100 : 0, Q = T > 0 ? N / T * 100 : 0, X = T > 0 ? Y / T * 100 : 0;
   return /* @__PURE__ */ g(
     r,
     {
@@ -1326,11 +1326,11 @@ const un = Ce([/* @__PURE__ */ t("path", {
                   }
                 }
               ),
-              J > 0 && /* @__PURE__ */ t(
+              Q > 0 && /* @__PURE__ */ t(
                 r,
                 {
                   sx: {
-                    width: `${J}%`,
+                    width: `${Q}%`,
                     bgcolor: f,
                     transition: "width 0.7s ease 0.1s"
                   }
@@ -1530,7 +1530,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           }
         ),
         /* @__PURE__ */ t(
-          Qt,
+          Jt,
           {
             additionalCTA: h,
             buttonStyle: {
@@ -1819,10 +1819,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
     (async () => {
       try {
         if (!e) return;
-        const [G, J] = await Promise.all([
+        const [G, Q] = await Promise.all([
           n.miniGames.getEitherOrResults(e.id),
           n.profile.getOwn().getInfo().catch(() => null)
-        ]), X = (J == null ? void 0 : J.id) ?? null;
+        ]), X = (Q == null ? void 0 : Q.id) ?? null;
         if (F(X), X && G.standings.some(
           (ee) => ee.userId === X
         )) {
@@ -2088,7 +2088,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 ] }) }),
                 /* @__PURE__ */ t("tbody", { children: N.map((M, G) => {
                   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 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");
                   return /* @__PURE__ */ g(
                     "tr",
                     {
@@ -2096,7 +2096,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                       children: [
                         /* @__PURE__ */ t("td", { style: z.tableCellPosition, children: /* @__PURE__ */ g(x, { sx: z.positionText, children: [
                           "#",
-                          J + 1
+                          Q + 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 +2115,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}-${J}`
+                    `${M.userId}-${Q}`
                   );
                 }) })
               ]
@@ -2322,7 +2322,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     Pt,
     {
       value: o,
-      onChange: (J, X) => z(X),
+      onChange: (Q, X) => z(X),
       sx: {
         borderRadius: R,
         width: "100%",
@@ -2851,9 +2851,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
-  ), J = Y || G, X = Ct(J), oe = St(
+  ), Q = Y || G, X = Ct(Q), 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(_ || ""), Q = 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, fe = re(_ || ""), J = zn({
     spacingScale: C,
     smBorderRadius: ee,
     contentBgColor: ie,
@@ -2940,7 +2940,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         }
       )
     ] });
-  }, Et = () => /* @__PURE__ */ t(r, { sx: Q.dividerContainer, children: /* @__PURE__ */ t(
+  }, Et = () => /* @__PURE__ */ t(r, { sx: J.dividerContainer, children: /* @__PURE__ */ t(
     r,
     {
       sx: {
@@ -2960,8 +2960,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
     }
   ) }), Wt = () => {
     var ne;
-    return i ? /* @__PURE__ */ g(r, { sx: Q.mainContentSection, children: [
-      /* @__PURE__ */ t(r, { sx: Q.timerContainer, children: /* @__PURE__ */ t(
+    return i ? /* @__PURE__ */ g(r, { sx: J.mainContentSection, children: [
+      /* @__PURE__ */ t(r, { sx: J.timerContainer, children: /* @__PURE__ */ t(
         Ot,
         {
           time: h,
@@ -2970,9 +2970,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
         },
         `timer-${i.pairId}`
       ) }),
-      /* @__PURE__ */ g(r, { sx: Q.contentContainerWithBackdrop, children: [
-        /* @__PURE__ */ g(r, { sx: Q.optionsContainer, children: [
-          /* @__PURE__ */ t(r, { sx: Q.optionWrapper, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ g(r, { sx: J.contentContainerWithBackdrop, children: [
+        /* @__PURE__ */ g(r, { sx: J.optionsContainer, children: [
+          /* @__PURE__ */ t(r, { sx: J.optionWrapper, children: /* @__PURE__ */ t(
             Ue,
             {
               option: i.optionOne,
@@ -2985,7 +2985,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             }
           ) }),
           Et(),
-          /* @__PURE__ */ t(r, { sx: Q.optionWrapper, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(r, { sx: J.optionWrapper, children: /* @__PURE__ */ t(
             Ue,
             {
               option: i.optionTwo,
@@ -3040,7 +3040,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           )
         ] })
       ] }),
-      Re && /* @__PURE__ */ t(r, { sx: Q.bottomFooterContainer, children: /* @__PURE__ */ t(
+      Re && /* @__PURE__ */ t(r, { sx: J.bottomFooterContainer, children: /* @__PURE__ */ t(
         de,
         {
           brandingLogo: Re,
@@ -3050,7 +3050,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         }
       ) })
     ] }) : null;
-  }, Je = {
+  }, Qe = {
     display: "flex",
     flexDirection: "row",
     justifyContent: "center",
@@ -3071,7 +3071,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       opacity: "100%",
       mb: "-1px"
     }
-  }, Qe = {
+  }, Je = {
     flex: 1,
     display: "flex",
     flexDirection: "column",
@@ -3096,7 +3096,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
               flexDirection: P ? "column" : "row"
             },
             children: [
-              /* @__PURE__ */ t(Ee, { sx: Je, disableIndicator: !0, children: /* @__PURE__ */ g(
+              /* @__PURE__ */ t(Ee, { sx: Qe, disableIndicator: !0, children: /* @__PURE__ */ g(
                 r,
                 {
                   sx: {
@@ -3124,7 +3124,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ t(Ee, { sx: Je, disableIndicator: !0, children: /* @__PURE__ */ g(
+              /* @__PURE__ */ t(Ee, { sx: Qe, disableIndicator: !0, children: /* @__PURE__ */ g(
                 r,
                 {
                   sx: {
@@ -3160,7 +3160,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           {
             value: 0,
             sx: { p: 0, fontSize: "1em", display: "flex" },
-            children: /* @__PURE__ */ t(r, { sx: Qe, children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ t(r, { sx: Je, children: /* @__PURE__ */ t(
               _e,
               {
                 stepInfo: s,
@@ -3178,7 +3178,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           {
             value: 1,
             sx: { p: 0, fontSize: "1em", display: "flex" },
-            children: /* @__PURE__ */ t(r, { sx: Qe, children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ t(r, { sx: Je, children: /* @__PURE__ */ t(
               Lt,
               {
                 game: n,
@@ -3345,7 +3345,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                 r,
                 {
                   sx: {
-                    ...Q.filterScreenContainer,
+                    ...J.filterScreenContainer,
                     justifyContent: Re ? "space-between" : "flex-end"
                   },
                   children: [
@@ -3362,10 +3362,10 @@ const un = Ce([/* @__PURE__ */ t("path", {
                       me,
                       {
                         variant: "soft",
-                        sx: { ...Q.startButton, ...Q.pulseAnimation },
+                        sx: { ...J.startButton, ...J.pulseAnimation },
                         endDecorator: /* @__PURE__ */ t(Ze, {}),
                         onClick: I,
-                        children: /* @__PURE__ */ t(x, { sx: Q.startButtonText, children: c("eitherOr.buttons.start") })
+                        children: /* @__PURE__ */ t(x, { sx: J.startButtonText, children: c("eitherOr.buttons.start") })
                       }
                     )
                   ]
@@ -3395,7 +3395,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     {
       entity: n,
       headline: c("eitherOr.headline"),
-      finalImage: J,
+      finalImage: Q,
       rulesDisplay: y,
       children: Mt()
     }
@@ -3652,8 +3652,8 @@ const Dn = (e) => {
             (le) => le !== w
           ) ?? null;
           f({ 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;
+            var J;
+            const le = ((J = e.leads) == null ? void 0 : J.position) === "after" && (o == null ? void 0 : o.authRequirement) === "LEAD" && !k;
             if ($.currentLives === 0) {
               le ? R(!0) : i(K.RESULTS);
               return;
@@ -3692,7 +3692,7 @@ const Dn = (e) => {
       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]), J = () => {
+  }, [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);
   };
   if (!o)
@@ -3737,7 +3737,7 @@ const Dn = (e) => {
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
         isApiError: C,
         apiErrorMessage: c,
-        toggleTryAgain: J,
+        toggleTryAgain: Q,
         rulesDisplay: e.rulesDisplay
       }
     ) : /* @__PURE__ */ t(
@@ -3748,7 +3748,7 @@ const Dn = (e) => {
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
         isApiError: C,
         apiErrorMessage: c,
-        toggleTryAgain: J,
+        toggleTryAgain: Q,
         rulesDisplay: e.rulesDisplay
       }
     );

package/EventGamePlay.js

@@ -1,29 +1,29 @@
 import { jsx as t, jsxs as m, Fragment as j } from "react/jsx-runtime";
 import Je, { useState as Q, useEffect as je, useRef as At, createContext as zt, useCallback as et, useMemo as Ve } from "react";
-import { m as Y, t as J, k as p, a0 as He, B as i, r as q, T as x, o as ae, n as ue, af as De, Z as ne, a5 as We, ae as Se, a6 as It, ad as Dt, at as Mt, $ as Re, W as le, Y as Ee, ab as kt } from "./chunks/PrizeCard-B0HczmXj.js";
-import { P as Bt } from "./chunks/Portal-BNrzAjXr.js";
+import { i as Y, b as J, a as p, d as He, B as i, c as q, T as x, e as ae, u as ue, I as De, f as ne, g as We, l as Se, C as It, r as Dt, k as Mt, j as Re, W as le, n as Ee, h as kt } from "./chunks/PrizeCard-DF3QxwQJ.js";
+import { P as Bt } from "./chunks/Portal-Cs0dgwmH.js";
 import "react-dom";
-import { g as Ht, h as N, e as tt, s as Le, a as Wt, j as Et } from "./chunks/helpers-CV2Mo9Pu.js";
-import { S as Ft } from "./chunks/Spinner-VF7pS8cz.js";
-import { a as $t, b as Lt, S as Ut, C as xt, c as yt } from "./chunks/ChanceGameEmbedVariant-Bb_hUXEk.js";
-import { N as Xe } from "./chunks/Notification-DAj7523J.js";
-import { E as Vt, o as W, m as jt } from "./chunks/index-B2OgR4TV.js";
-import { T as ht, D as Nt, S as Tt, R as Ue, N as Ot, O as qt } from "./chunks/NotFoundSkeleton-B_cooMQ9.js";
-import { u as Ce, d as Me, a as Be } from "./chunks/useImageVariant-DalagjyR.js";
-import { K as Yt, a as _t, H as Zt, D as Xt, E as Kt } from "./chunks/Edit-Bb8BBw7A.js";
-import { I as wt } from "./chunks/Input-eeZp8VCW.js";
-import { S as Qt, a as Jt } from "./chunks/Select-BpXJGPDL.js";
-import { C as en } from "./chunks/Close-QIefKug3.js";
-import { a as tn, b as nn } from "./chunks/ModalDialog-BF0aFU49.js";
-import { S as Rt, T as pt, P as bt } from "./chunks/Person-C0oARTCn.js";
-import { A as Qe, S as an, O as on } from "./chunks/OverlayApiErrorSkeleton-CiVtcOmG.js";
-import { C as ln } from "./chunks/CheckCircle-RcO0pr0f.js";
-import { a as rn, I as cn, W as dn } from "./chunks/AlertMessage-DEQIOPix.js";
-import { S as sn } from "./chunks/Stack-DchTYx6z.js";
-import { T as mn, a as gn, b as St, t as Ct, c as vt } from "./chunks/Tabs-CDt4yvnj.js";
-import { A as Pt } from "./chunks/Avatar-C9PZ4fZC.js";
+import { g as Ht, h as N, e as tt, s as Le, a as Wt, b as Et } from "./chunks/helpers-NuC1SzL3.js";
+import { S as Ft } from "./chunks/Spinner-DbUB64Gj.js";
+import { a as $t, b as Lt, S as Ut, C as xt, c as yt } from "./chunks/ChanceGameEmbedVariant-DqFg4YKU.js";
+import { N as Xe } from "./chunks/Notification-pcKtlRms.js";
+import { E as Vt, a as W, m as jt } from "./chunks/index-D1K1OB4p.js";
+import { T as ht, D as Nt, S as Tt, R as Ue, N as Ot, O as qt } from "./chunks/NotFoundSkeleton-Cs6DtD9u.js";
+import { b as Ce, d as Me, a as Be } from "./chunks/useImageVariant-Cex1eIqq.js";
+import { K as Yt, a as _t, H as Zt, D as Xt, E as Kt } from "./chunks/Edit-CZ3ni-Ur.js";
+import { I as wt } from "./chunks/Input-MJCQcYzo.js";
+import { S as Qt, a as Jt } from "./chunks/Select-BHeTdOYr.js";
+import { C as en } from "./chunks/Close-BHp4N1-6.js";
+import { M as tn, a as nn } from "./chunks/ModalDialog-Cfgv9UAA.js";
+import { S as Rt, T as pt, P as bt } from "./chunks/Person-BGdniS_p.js";
+import { A as Qe, S as an, O as on } from "./chunks/OverlayApiErrorSkeleton-Dl3s5Oaf.js";
+import { C as ln } from "./chunks/CheckCircle-CV9iMpkZ.js";
+import { A as rn, I as cn, W as dn } from "./chunks/AlertMessage-Ds45MBHB.js";
+import { S as sn } from "./chunks/Stack-BpHk5eb0.js";
+import { T as mn, a as gn, b as St, t as Ct, c as vt } from "./chunks/Tabs-hwJ7jsUl.js";
+import { A as Pt } from "./chunks/Avatar-K1EWhhkA.js";
 import { C as un, a as fn } from "./chunks/chevron-right-B3IZtaMT.js";
-import { O as xn } from "./chunks/OverlayScoreStateSkeleton-CHzX1Gf7.js";
+import { O as xn } from "./chunks/OverlayScoreStateSkeleton-LQ0svzeX.js";
 const yn = (e, n, a) => {
   const [r, c] = Q(null), [d, f] = Q(null), o = async () => {
     try {