fansunited-frontend-components 0.0.39 → 0.0.40

package/ChanceGame.js

@@ -1,11 +1,13 @@
 import { jsx as t, jsxs as w, Fragment as re } from "react/jsx-runtime";
-import { h as Ce, u as xe, d as Te, a as $e, g as Je, l as Ke } from "./chunks/useImageVariant-Do8kOVs2.js";
+import { h as Ce, u as xe, g as Je, l as Ke } from "./chunks/useImageVariant-pnFelF9A.js";
 import Z, { useState as qe, useEffect as Qe } from "react";
-import { e as K, a3 as Ze, w as ve, x as ie, a2 as Se, B as m, a0 as se, a4 as ue, v as we, f as fe, T as D, a5 as he, a6 as Ae, W as pe, u as Ie, a7 as et, i as tt, a8 as ne, c as ot, C as nt, a as rt, E as lt, b as it } from "./chunks/ConstantsProvider-BPJJz9fq.js";
-import { S as at } from "./chunks/Spinner-m59ZJZ35.js";
+import { e as K, S as Ze, j as ve, k as ie, F as Se, B as m, A as se, aa as ue, h as we, f as fe, T as B, D as he, ab as Te, W as pe, u as $e, ac as et, i as tt, U as ne, a as ot, C as nt, b as rt, E as lt, d as it } from "./chunks/PrizeCard-gMp7I66d.js";
+import { S as at } from "./chunks/Spinner-BBA89t5s.js";
 import { createPortal as st } from "react-dom";
-import { N as ct, S as Ee, O as Ge, u as dt } from "./chunks/useInfoPage-v91yL5SS.js";
-import { u as mt, S as le, c as He, D as Ne, C as ut, W as ht, a as xt, b as ft, d as pt, O as gt, F as bt, P as ye, e as yt, f as vt } from "./chunks/PickOneOfX-C2YpLk40.js";
+import { O as Ae, u as ct } from "./chunks/useInfoPage-DPkzE5Gn.js";
+import { N as dt, S as Ie } from "./chunks/NotFoundSkeleton-B3RNa8KJ.js";
+import { u as mt, S as le, c as Ee, D as Ge, C as ut, W as ht, d as xt, e as ft, f as pt, O as gt, F as bt, b as ye, a as yt, P as vt } from "./chunks/PickOneOfX-DYQ4c1o2.js";
+import { d as He, a as Ne } from "./chunks/default-quiz-bg-vertical-CT7rrg9o.js";
 const ke = ({
   children: e,
   brandingBorderColor: s,
@@ -33,7 +35,7 @@ const ke = ({
   template: e
 }) => {
   const { t: s } = se(), a = /* @__PURE__ */ t(
-    ct,
+    dt,
     {
       notFoundTitle: s("chanceGame.chanceGameNotFound"),
       notFoundMessage: s("chanceGame.chanceGameNotFoundDescription")
@@ -51,11 +53,11 @@ const ke = ({
   dangerColor: d,
   brandingLogo: n,
   isDark: l = !1,
-  showTitleBlock: F = !1,
+  showTitleBlock: z = !1,
   variant: O
 }) => {
   var G, q, V;
-  const p = K(), S = ie(), g = ve(), i = we(), u = fe(), _ = Se(), y = O === "standard", h = O === "overlay", C = y || h, E = JSON.parse(e.body), M = E.segments || [], f = e.labels || {}, L = E.mode || ((G = E.config) == null ? void 0 : G.mode) || "fair", H = ((q = E.config) == null ? void 0 : q.pace) || "normal", W = ((V = E.config) == null ? void 0 : V.decorations) ?? !1, B = He(r, l), {
+  const p = K(), S = ie(), g = ve(), i = we(), u = fe(), _ = Se(), y = O === "standard", h = O === "overlay", C = y || h, E = JSON.parse(e.body), M = E.segments || [], f = e.labels || {}, L = E.mode || ((G = E.config) == null ? void 0 : G.mode) || "fair", H = ((q = E.config) == null ? void 0 : q.pace) || "normal", W = ((V = E.config) == null ? void 0 : V.decorations) ?? !1, D = Ee(r, l), {
     isSpinning: T,
     finalRotation: N,
     selectedSegment: b,
@@ -63,17 +65,17 @@ const ke = ({
     showResultScreen: R,
     showInlineResult: k,
     hasEntered: $,
-    confettiActive: z,
-    spinDuration: P,
-    shakeAnimationDuration: U,
-    confettiVelocityMultiplier: j,
+    confettiActive: F,
+    spinDuration: U,
+    shakeAnimationDuration: j,
+    confettiVelocityMultiplier: P,
     confettiGravity: A,
     handleSpin: I,
     handleReset: v,
     onConfettiComplete: ee
   } = mt({ segments: M, mode: L, pace: H }), te = C ? p ? "260px" : "340px" : p ? "320px" : "450px", Y = () => /* @__PURE__ */ w(re, { children: [
     W && /* @__PURE__ */ t(
-      Ne,
+      Ge,
       {
         primaryColor: r,
         isDark: l,
@@ -83,9 +85,9 @@ const ke = ({
     /* @__PURE__ */ t(
       ut,
       {
-        active: z,
+        active: F,
         primaryColor: r,
-        velocityMultiplier: j,
+        velocityMultiplier: P,
         gravity: A,
         onComplete: ee
       }
@@ -105,7 +107,7 @@ const ke = ({
       }
     ),
     !R && /* @__PURE__ */ w(re, { children: [
-      F && (e.title || e.subtitle) && /* @__PURE__ */ w(
+      z && (e.title || e.subtitle) && /* @__PURE__ */ w(
         m,
         {
           sx: {
@@ -120,7 +122,7 @@ const ke = ({
           children: [
             e.title && /* @__PURE__ */ w(re, { children: [
               /* @__PURE__ */ t(
-                D,
+                B,
                 {
                   level: "h2",
                   sx: {
@@ -130,7 +132,7 @@ const ke = ({
                     color: a,
                     lineHeight: 1.2,
                     ...W && {
-                      textShadow: `0 0 20px ${B("20")}, 0 0 40px ${B("10")}`
+                      textShadow: `0 0 20px ${D("20")}, 0 0 40px ${D("10")}`
                     }
                   },
                   children: e.title
@@ -152,7 +154,7 @@ const ke = ({
                         sx: {
                           width: p ? "40px" : "60px",
                           height: "1px",
-                          background: `linear-gradient(90deg, transparent, ${B("40")})`
+                          background: `linear-gradient(90deg, transparent, ${D("40")})`
                         }
                       }
                     ),
@@ -163,7 +165,7 @@ const ke = ({
                           width: "6px",
                           height: "6px",
                           transform: "rotate(45deg)",
-                          background: B("50")
+                          background: D("50")
                         }
                       }
                     ),
@@ -173,7 +175,7 @@ const ke = ({
                         sx: {
                           width: p ? "40px" : "60px",
                           height: "1px",
-                          background: `linear-gradient(90deg, ${B("40")}, transparent)`
+                          background: `linear-gradient(90deg, ${D("40")}, transparent)`
                         }
                       }
                     )
@@ -182,7 +184,7 @@ const ke = ({
               )
             ] }),
             e.subtitle && /* @__PURE__ */ t(
-              D,
+              B,
               {
                 level: "body-md",
                 sx: {
@@ -200,7 +202,7 @@ const ke = ({
       ),
       /* @__PURE__ */ w(m, { children: [
         !y && f.welcome && /* @__PURE__ */ t(
-          D,
+          B,
           {
             level: "body-md",
             sx: {
@@ -216,7 +218,7 @@ const ke = ({
           }
         ),
         (y || h) && !k && f.instructions && /* @__PURE__ */ t(
-          D,
+          B,
           {
             level: y ? "body-sm" : "body-md",
             sx: {
@@ -246,7 +248,7 @@ const ke = ({
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            cursor: T || z || k || !R && !k && b !== null ? "default" : "pointer",
+            cursor: T || F || k || !R && !k && b !== null ? "default" : "pointer",
             userSelect: "none",
             zIndex: 1,
             // Entrance animation
@@ -254,7 +256,7 @@ const ke = ({
             transform: $ ? "scale(1)" : "scale(0.85)",
             transition: "opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)",
             // Shake animation
-            animation: X ? `wheelShake ${U / 2}ms ease-in-out 2` : "none",
+            animation: X ? `wheelShake ${j / 2}ms ease-in-out 2` : "none",
             "@keyframes wheelShake": {
               "0%, 100%": { transform: "translateX(0)" },
               "10%, 30%, 50%, 70%, 90%": { transform: "translateX(-8px)" },
@@ -262,7 +264,7 @@ const ke = ({
             },
             // Wheel glow effect (decorations only)
             ...W && {
-              filter: `drop-shadow(0 0 ${p ? "15px" : "25px"} ${B("20")}) drop-shadow(0 0 ${p ? "40px" : "60px"} ${B("10")})`
+              filter: `drop-shadow(0 0 ${p ? "15px" : "25px"} ${D("20")}) drop-shadow(0 0 ${p ? "40px" : "60px"} ${D("10")})`
             }
           },
           children: [
@@ -285,7 +287,7 @@ const ke = ({
                 isStandard: y,
                 rotation: N,
                 isSpinning: T,
-                spinDuration: P
+                spinDuration: U
               }
             ),
             !y && !h && n && /* @__PURE__ */ t(
@@ -321,7 +323,7 @@ const ke = ({
         }
       ),
       !y && !h && !k && f.instructions && /* @__PURE__ */ t(
-        D,
+        B,
         {
           level: "body-sm",
           sx: {
@@ -356,7 +358,7 @@ const ke = ({
         he,
         {
           variant: "soft",
-          disabled: T || z || !R && !k && b !== null,
+          disabled: T || F || !R && !k && b !== null,
           onClick: I,
           sx: {
             borderRadius: g.xl,
@@ -466,7 +468,7 @@ const ke = ({
         },
         children: [
           !R && f.welcome && /* @__PURE__ */ t(
-            D,
+            B,
             {
               level: "body-md",
               sx: {
@@ -516,7 +518,7 @@ const ke = ({
                           position: "relative",
                           overflow: "hidden",
                           ...W && {
-                            border: `${_.size} solid ${B("15")}`
+                            border: `${_.size} solid ${D("15")}`
                           }
                         },
                         children: Y()
@@ -546,7 +548,7 @@ const ke = ({
                         },
                         children: [
                           f.disclaimer && /* @__PURE__ */ t(
-                            D,
+                            B,
                             {
                               level: "body-sm",
                               sx: {
@@ -612,7 +614,7 @@ const ke = ({
               gap: u.md
             },
             children: /* @__PURE__ */ t(
-              D,
+              B,
               {
                 level: "body-sm",
                 sx: {
@@ -640,15 +642,15 @@ const ke = ({
   defaultImagePlaceholderUrl: r
 }) => {
   var u, _;
-  const { t: x } = se(), o = K(), c = ie(), d = Ae() === "dark", n = xe(
+  const { t: x } = se(), o = K(), c = ie(), d = Te() === "dark", n = xe(
     {
       images: e.images,
       imagePlaceholder: r || ""
     },
     pe.STANDARD
-  ), l = (u = e.branding) == null ? void 0 : u.colors, F = (l == null ? void 0 : l.primary_color) || c.palette.primary.plainColor, O = (l == null ? void 0 : l.secondary_color) || c.palette.danger.plainColor, p = (l == null ? void 0 : l.border_color) || null, S = (l == null ? void 0 : l.background_color) || c.surfaceVariant || "", g = (_ = e.branding) == null ? void 0 : _.images, i = o ? (g == null ? void 0 : g.mobile_logo) || (g == null ? void 0 : g.main_logo) || "" : (g == null ? void 0 : g.main_logo) || "";
+  ), l = (u = e.branding) == null ? void 0 : u.colors, z = (l == null ? void 0 : l.primary_color) || c.palette.primary.plainColor, O = (l == null ? void 0 : l.secondary_color) || c.palette.danger.plainColor, p = (l == null ? void 0 : l.border_color) || null, S = (l == null ? void 0 : l.background_color) || c.surfaceVariant || "", g = (_ = e.branding) == null ? void 0 : _.images, i = o ? (g == null ? void 0 : g.mobile_logo) || (g == null ? void 0 : g.main_logo) || "" : (g == null ? void 0 : g.main_logo) || "";
   return /* @__PURE__ */ t(ke, { brandingBorderColor: p, children: /* @__PURE__ */ t(
-    Ee,
+    Ie,
     {
       entity: {
         ...e,
@@ -665,13 +667,13 @@ const ke = ({
           infoPage: e,
           enableReset: s,
           contentColor: (l == null ? void 0 : l.content_color) || c.textColor,
-          primaryColor: F,
+          primaryColor: z,
           secondaryColor: O,
           onPrimaryColor: c.palette.primary.onPrimary,
           borderColor: p || void 0,
           backgroundColor: S,
           dangerColor: c.palette.danger.plainColor,
-          shimmerColor: F,
+          shimmerColor: z,
           brandingLogo: i,
           isDark: d,
           showTitleBlock: !1,
@@ -691,14 +693,14 @@ const ke = ({
   dangerColor: d,
   cardBaseColor: n,
   shimmerColor: l,
-  brandingLogo: F = "",
+  brandingLogo: z = "",
   isDark: O = !1,
   showTitleBlock: p = !1,
   variant: S,
   compactCards: g = !1
 }) => {
-  var Fe, We, _e, Oe;
-  const i = K(), u = ie(), _ = ve(), y = we(), h = fe(), C = Se(), E = n || c, M = l || r, f = S === "standard", L = S === "overlay", H = f ? Ce(c) : "", W = H ? H.replace(/[^\d,]/g, "") : "", B = g ? i ? 80 : 110 : i ? 100 : 140, T = g ? i ? 104 : 143 : i ? 130 : 180, N = g ? i ? 90 : 130 : i ? 120 : 180, b = g ? i ? "16px" : "32px" : i ? "24px" : "48px", X = g ? i ? "12px" : "32px" : i ? "16px" : "48px", R = He(r, O), k = JSON.parse(e.body), $ = k.segments || [], z = e.labels || {}, P = k.mode || ((Fe = k.config) == null ? void 0 : Fe.mode) || "fair", U = ((We = k.config) == null ? void 0 : We.pace) || "normal", j = ((_e = k.config) == null ? void 0 : _e.revealAll) ?? !1, A = ((Oe = k.config) == null ? void 0 : Oe.decorations) ?? !1, I = $.some((ae) => {
+  var ze, We, _e, Oe;
+  const i = K(), u = ie(), _ = ve(), y = we(), h = fe(), C = Se(), E = n || c, M = l || r, f = S === "standard", L = S === "overlay", H = f ? Ce(c) : "", W = H ? H.replace(/[^\d,]/g, "") : "", D = g ? i ? 80 : 110 : i ? 100 : 140, T = g ? i ? 104 : 143 : i ? 130 : 180, N = g ? i ? 90 : 130 : i ? 120 : 180, b = g ? i ? "16px" : "32px" : i ? "24px" : "48px", X = g ? i ? "12px" : "32px" : i ? "16px" : "48px", R = Ee(r, O), k = JSON.parse(e.body), $ = k.segments || [], F = e.labels || {}, U = k.mode || ((ze = k.config) == null ? void 0 : ze.mode) || "fair", j = ((We = k.config) == null ? void 0 : We.pace) || "normal", P = ((_e = k.config) == null ? void 0 : _e.revealAll) ?? !1, A = ((Oe = k.config) == null ? void 0 : Oe.decorations) ?? !1, I = $.some((ae) => {
     var J;
     return (J = ae.images) == null ? void 0 : J.idle;
   }), {
@@ -713,13 +715,13 @@ const ke = ({
     crossfadedCards: oe,
     revealedOtherCards: ce,
     flipDuration: Xe,
-    crossfadeDuration: Pe,
-    loseAnimationDuration: Ue,
+    crossfadeDuration: Ue,
+    loseAnimationDuration: je,
     handlePick: Re,
     handleReset: ge
-  } = pt({ segments: $, mode: P, pace: U, revealAll: j }), ze = () => /* @__PURE__ */ w(re, { children: [
+  } = pt({ segments: $, mode: U, pace: j, revealAll: P }), Fe = () => /* @__PURE__ */ w(re, { children: [
     A && /* @__PURE__ */ t(
-      Ne,
+      Ge,
       {
         primaryColor: r,
         isDark: O,
@@ -736,7 +738,7 @@ const ke = ({
         primaryColor: r,
         onPrimaryColor: x,
         borderColor: o,
-        disclaimer: f ? void 0 : z.disclaimer,
+        disclaimer: f ? void 0 : F.disclaimer,
         enableReset: s,
         onReset: ge
       }
@@ -755,7 +757,7 @@ const ke = ({
           },
           children: [
             e.title && /* @__PURE__ */ t(
-              D,
+              B,
               {
                 level: "h2",
                 sx: {
@@ -816,7 +818,7 @@ const ke = ({
               }
             ),
             e.subtitle && /* @__PURE__ */ t(
-              D,
+              B,
               {
                 level: "body-md",
                 sx: {
@@ -833,8 +835,8 @@ const ke = ({
         }
       ),
       /* @__PURE__ */ w(m, { children: [
-        !f && z.welcome && /* @__PURE__ */ t(
-          D,
+        !f && F.welcome && /* @__PURE__ */ t(
+          B,
           {
             level: "body-md",
             sx: {
@@ -845,11 +847,11 @@ const ke = ({
               textAlign: "center",
               mb: L ? 0 : h.md
             },
-            children: z.welcome
+            children: F.welcome
           }
         ),
-        z.instructions && !G && /* @__PURE__ */ t(
-          D,
+        F.instructions && !G && /* @__PURE__ */ t(
+          B,
           {
             level: f ? "body-sm" : "body-md",
             sx: {
@@ -861,7 +863,7 @@ const ke = ({
               opacity: 0.7,
               maxWidth: f ? "400px" : "600px"
             },
-            children: z.instructions
+            children: F.instructions
           }
         )
       ] }),
@@ -917,7 +919,7 @@ const ke = ({
             mt: h.lg,
             mx: "auto",
             display: "grid",
-            gridTemplateColumns: I ? `repeat(3, ${N}px)` : `repeat(3, ${B}px)`,
+            gridTemplateColumns: I ? `repeat(3, ${N}px)` : `repeat(3, ${D}px)`,
             rowGap: b,
             columnGap: X,
             justifyContent: "center",
@@ -926,7 +928,7 @@ const ke = ({
             perspective: "1200px"
           },
           children: (ee ?? $).map((ae, J) => {
-            const be = `card-${J}`, de = v !== null, Be = Q.has(be), me = ce.has(be), je = de && !Be && !me, De = oe.has(be), Ye = de && !De && !me;
+            const be = `card-${J}`, de = v !== null, De = Q.has(be), me = ce.has(be), Pe = de && !De && !me, Be = oe.has(be), Ye = de && !Be && !me;
             return /* @__PURE__ */ t(
               m,
               {
@@ -946,13 +948,13 @@ const ke = ({
                     index: J,
                     selectedSegment: v,
                     revealResult: te,
-                    isCrossfaded: De,
+                    isCrossfaded: Be,
                     isOtherRevealed: me,
                     shouldDim: Ye,
                     isRevealed: de,
                     hasEntered: V,
                     objectSize: N,
-                    crossfadeDuration: Pe,
+                    crossfadeDuration: Ue,
                     isStandard: f,
                     primaryColor: r,
                     dangerColor: d,
@@ -964,23 +966,23 @@ const ke = ({
                     segment: ae,
                     index: J,
                     selectedSegment: v,
-                    isFlipped: Be,
+                    isFlipped: De,
                     isOtherRevealed: me,
-                    shouldDim: je,
+                    shouldDim: Pe,
                     isRevealed: de,
                     showLoseAnimation: q,
                     hasEntered: V,
-                    cardWidth: B,
+                    cardWidth: D,
                     cardHeight: T,
                     flipDuration: Xe,
-                    loseAnimationDuration: Ue,
+                    loseAnimationDuration: je,
                     cardBaseColor: E,
                     shimmerColor: M,
                     primaryColor: r,
                     contentColor: a,
                     dangerColor: d,
                     borderColor: o,
-                    brandingLogo: F,
+                    brandingLogo: z,
                     compactCards: g,
                     onPick: () => Re(J, !1)
                   }
@@ -1071,8 +1073,8 @@ const ke = ({
         boxSizing: "border-box"
       },
       children: [
-        !Y && z.welcome && /* @__PURE__ */ t(
-          D,
+        !Y && F.welcome && /* @__PURE__ */ t(
+          B,
           {
             level: "body-md",
             sx: {
@@ -1083,7 +1085,7 @@ const ke = ({
               textAlign: "center",
               px: h.md
             },
-            children: z.welcome
+            children: F.welcome
           }
         ),
         /* @__PURE__ */ t(
@@ -1122,7 +1124,7 @@ const ke = ({
                         position: "relative",
                         overflow: "hidden"
                       },
-                      children: ze()
+                      children: Fe()
                     }
                   ),
                   G && (v == null ? void 0 : v.results) && /* @__PURE__ */ t(
@@ -1138,7 +1140,7 @@ const ke = ({
                       sx: { mb: h.md }
                     }
                   ),
-                  (F || z.disclaimer) && /* @__PURE__ */ w(
+                  (z || F.disclaimer) && /* @__PURE__ */ w(
                     m,
                     {
                       sx: {
@@ -1148,8 +1150,8 @@ const ke = ({
                         gap: h.md
                       },
                       children: [
-                        z.disclaimer && /* @__PURE__ */ t(
-                          D,
+                        F.disclaimer && /* @__PURE__ */ t(
+                          B,
                           {
                             level: "body-sm",
                             sx: {
@@ -1162,13 +1164,13 @@ const ke = ({
                               maxWidth: "900px",
                               lineHeight: 1.4
                             },
-                            children: z.disclaimer
+                            children: F.disclaimer
                           }
                         ),
-                        F && I && /* @__PURE__ */ t(
+                        z && I && /* @__PURE__ */ t(
                           "img",
                           {
-                            src: F,
+                            src: z,
                             alt: "Brand Logo",
                             style: {
                               height: "auto",
@@ -1202,7 +1204,7 @@ const ke = ({
         overflow: "auto",
         boxSizing: "border-box"
       },
-      children: ze()
+      children: Fe()
     }
   );
 }, kt = ({
@@ -1212,15 +1214,15 @@ const ke = ({
   defaultImagePlaceholderUrl: r
 }) => {
   var i, u, _;
-  const { t: x } = se(), o = K(), c = ie(), d = Ae() === "dark", n = xe(
+  const { t: x } = se(), o = K(), c = ie(), d = Te() === "dark", n = xe(
     {
       images: e.images,
       imagePlaceholder: r || ""
     },
     pe.STANDARD
-  ), l = (i = e.branding) == null ? void 0 : i.colors, F = (l == null ? void 0 : l.primary_color) || c.palette.primary.plainColor, O = (l == null ? void 0 : l.border_color) || null, p = (l == null ? void 0 : l.background_color) || c.surfaceVariant || "", S = (u = e.branding) == null ? void 0 : u.images, g = o ? (S == null ? void 0 : S.mobile_logo) || (S == null ? void 0 : S.main_logo) || "" : (S == null ? void 0 : S.main_logo) || "";
+  ), l = (i = e.branding) == null ? void 0 : i.colors, z = (l == null ? void 0 : l.primary_color) || c.palette.primary.plainColor, O = (l == null ? void 0 : l.border_color) || null, p = (l == null ? void 0 : l.background_color) || c.surfaceVariant || "", S = (u = e.branding) == null ? void 0 : u.images, g = o ? (S == null ? void 0 : S.mobile_logo) || (S == null ? void 0 : S.main_logo) || "" : (S == null ? void 0 : S.main_logo) || "";
   return /* @__PURE__ */ t(ke, { brandingBorderColor: O, children: /* @__PURE__ */ t(
-    Ee,
+    Ie,
     {
       entity: {
         ...e,
@@ -1239,13 +1241,13 @@ const ke = ({
           infoPage: e,
           enableReset: s,
           contentColor: (l == null ? void 0 : l.content_color) || c.textPrimary,
-          primaryColor: F,
+          primaryColor: z,
           onPrimaryColor: (l == null ? void 0 : l.content_color) || c.palette.primary.onPrimary || c.surface,
           borderColor: O || void 0,
           backgroundColor: p,
           dangerColor: c.palette.danger.plainColor,
           cardBaseColor: p,
-          shimmerColor: F,
+          shimmerColor: z,
           brandingLogo: g,
           isDark: d,
           showTitleBlock: !1,
@@ -1303,14 +1305,14 @@ const ke = ({
   enableReset: s = !1,
   defaultImagePlaceholderUrl: a
 }) => {
-  var f, L, H, W, B, T, N, b, X, R, k, $, z, P, U, j, A, I, v;
-  const { t: r } = se(), x = K(), o = Ie(), c = fe(), d = ((f = e.branding) == null ? void 0 : f.colors) || null, n = (L = e.branding) == null ? void 0 : L.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", F = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? Te : $e), p = l || xe(
+  var f, L, H, W, D, T, N, b, X, R, k, $, F, U, j, P, A, I, v;
+  const { t: r } = se(), x = K(), o = $e(), c = fe(), d = ((f = e.branding) == null ? void 0 : f.colors) || null, n = (L = e.branding) == null ? void 0 : L.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", z = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? He : Ne), p = l || xe(
     {
       images: e.images,
       imagePlaceholder: O
     },
     pe.OVERLAY
-  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((T = (B = (W = (H = o.colorSchemes) == null ? void 0 : H.light) == null ? void 0 : W.palette) == null ? void 0 : B.primary) == null ? void 0 : T.plainColor), u = (R = (X = (b = (N = o.colorSchemes) == null ? void 0 : N.light) == null ? void 0 : b.palette) == null ? void 0 : X.primary) == null ? void 0 : R.onPrimary, _ = (d == null ? void 0 : d.background_color) || (($ = (k = o.colorSchemes) == null ? void 0 : k.dark) == null ? void 0 : $.surfaceVariant), y = (j = (U = (P = (z = o.colorSchemes) == null ? void 0 : z.light) == null ? void 0 : P.palette) == null ? void 0 : U.danger) == null ? void 0 : j.plainColor, h = o.customFontFamily.dark.primary, C = o.customRadius.dark.md, E = (I = (A = o.customRadius) == null ? void 0 : A.light) == null ? void 0 : I.xl, M = Le({
+  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((T = (D = (W = (H = o.colorSchemes) == null ? void 0 : H.light) == null ? void 0 : W.palette) == null ? void 0 : D.primary) == null ? void 0 : T.plainColor), u = (R = (X = (b = (N = o.colorSchemes) == null ? void 0 : N.light) == null ? void 0 : b.palette) == null ? void 0 : X.primary) == null ? void 0 : R.onPrimary, _ = (d == null ? void 0 : d.background_color) || (($ = (k = o.colorSchemes) == null ? void 0 : k.dark) == null ? void 0 : $.surfaceVariant), y = (P = (j = (U = (F = o.colorSchemes) == null ? void 0 : F.light) == null ? void 0 : U.palette) == null ? void 0 : j.danger) == null ? void 0 : P.plainColor, h = o.customFontFamily.dark.primary, C = o.customRadius.dark.md, E = (I = (A = o.customRadius) == null ? void 0 : A.light) == null ? void 0 : I.xl, M = Le({
     spacingScale: c,
     mdBorderRadius: C,
     contentBgColor: _,
@@ -1323,7 +1325,7 @@ const ke = ({
     textColor: g
   });
   return /* @__PURE__ */ t(
-    Ge,
+    Ae,
     {
       entity: {
         ...e,
@@ -1347,7 +1349,7 @@ const ke = ({
           dangerColor: y,
           cardBaseColor: _,
           shimmerColor: i,
-          brandingLogo: F,
+          brandingLogo: z,
           isDark: !0,
           showTitleBlock: !1,
           variant: "overlay",
@@ -1356,7 +1358,7 @@ const ke = ({
       ) })
     }
   );
-}, zt = (e) => {
+}, Ft = (e) => {
   const s = we().secondary, a = et(), r = e.isSplitVariant && a, x = K(), o = Je(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
@@ -1411,7 +1413,7 @@ const ke = ({
       },
       children: [
         e.label && /* @__PURE__ */ t(
-          D,
+          B,
           {
             level: "body-sm",
             sx: {
@@ -1442,7 +1444,7 @@ const ke = ({
       },
       children: [
         e.label && /* @__PURE__ */ t(
-          D,
+          B,
           {
             level: "body-sm",
             sx: {
@@ -1461,19 +1463,19 @@ const ke = ({
       ]
     }
   );
-}, Ft = ({
+}, zt = ({
   infoPage: e,
   enableReset: s = !1,
   defaultImagePlaceholderUrl: a
 }) => {
-  var L, H, W, B, T, N, b, X, R, k, $, z, P, U, j, A, I, v, ee, te, Y, G, q, V, Q, oe, ce;
-  const { t: r } = se(), x = K(), o = Ie(), c = fe(), d = ((L = e.branding) == null ? void 0 : L.colors) || null, n = (H = e.branding) == null ? void 0 : H.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", F = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? Te : $e), p = l || xe(
+  var L, H, W, D, T, N, b, X, R, k, $, F, U, j, P, A, I, v, ee, te, Y, G, q, V, Q, oe, ce;
+  const { t: r } = se(), x = K(), o = $e(), c = fe(), d = ((L = e.branding) == null ? void 0 : L.colors) || null, n = (H = e.branding) == null ? void 0 : H.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", z = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? He : Ne), p = l || xe(
     {
       images: e.images,
       imagePlaceholder: O
     },
     pe.OVERLAY
-  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((N = (T = (B = (W = o.colorSchemes) == null ? void 0 : W.light) == null ? void 0 : B.palette) == null ? void 0 : T.primary) == null ? void 0 : N.plainColor), u = (d == null ? void 0 : d.secondary_color) || ((k = (R = (X = (b = o.colorSchemes) == null ? void 0 : b.light) == null ? void 0 : X.palette) == null ? void 0 : R.danger) == null ? void 0 : k.plainColor), _ = (U = (P = (z = ($ = o.colorSchemes) == null ? void 0 : $.light) == null ? void 0 : z.palette) == null ? void 0 : P.primary) == null ? void 0 : U.onPrimary, y = (d == null ? void 0 : d.background_color) || ((A = (j = o.colorSchemes) == null ? void 0 : j.dark) == null ? void 0 : A.surfaceVariant), h = (te = (ee = (v = (I = o.colorSchemes) == null ? void 0 : I.light) == null ? void 0 : v.palette) == null ? void 0 : ee.danger) == null ? void 0 : te.plainColor, C = o.customFontFamily.dark.primary, E = o.customRadius.dark.md, M = (G = (Y = o.customRadius) == null ? void 0 : Y.light) == null ? void 0 : G.xl, f = Le({
+  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((N = (T = (D = (W = o.colorSchemes) == null ? void 0 : W.light) == null ? void 0 : D.palette) == null ? void 0 : T.primary) == null ? void 0 : N.plainColor), u = (d == null ? void 0 : d.secondary_color) || ((k = (R = (X = (b = o.colorSchemes) == null ? void 0 : b.light) == null ? void 0 : X.palette) == null ? void 0 : R.danger) == null ? void 0 : k.plainColor), _ = (j = (U = (F = ($ = o.colorSchemes) == null ? void 0 : $.light) == null ? void 0 : F.palette) == null ? void 0 : U.primary) == null ? void 0 : j.onPrimary, y = (d == null ? void 0 : d.background_color) || ((A = (P = o.colorSchemes) == null ? void 0 : P.dark) == null ? void 0 : A.surfaceVariant), h = (te = (ee = (v = (I = o.colorSchemes) == null ? void 0 : I.light) == null ? void 0 : v.palette) == null ? void 0 : ee.danger) == null ? void 0 : te.plainColor, C = o.customFontFamily.dark.primary, E = o.customRadius.dark.md, M = (G = (Y = o.customRadius) == null ? void 0 : Y.light) == null ? void 0 : G.xl, f = Le({
     spacingScale: c,
     mdBorderRadius: E,
     contentBgColor: y,
@@ -1486,7 +1488,7 @@ const ke = ({
     textColor: g
   });
   return /* @__PURE__ */ w(
-    Ge,
+    Ae,
     {
       entity: {
         ...e,
@@ -1509,16 +1511,16 @@ const ke = ({
             backgroundColor: y,
             dangerColor: h,
             shimmerColor: i,
-            brandingLogo: F,
+            brandingLogo: z,
             isDark: !0,
             showTitleBlock: !1,
             variant: "overlay"
           }
         ) }),
         /* @__PURE__ */ t(
-          zt,
+          Ft,
           {
-            brandingLogo: F,
+            brandingLogo: z,
             textColor: S,
             label: ((q = e.labels) == null ? void 0 : q.sponsor) || null,
             primaryUrl: (Q = (V = e.branding) == null ? void 0 : V.urls) == null ? void 0 : Q.primary_url,
@@ -1529,7 +1531,7 @@ const ke = ({
     }
   );
 }, Wt = (e) => {
-  const { infoPage: s } = dt(e.entityId, "chance-game", e.sdk), a = () => {
+  const { infoPage: s } = ct(e.entityId, "chance-game", e.sdk), a = () => {
     if (s && s.id !== "not-found") {
       const o = Object.keys(Ke);
       if (s.language && o.includes(s.language))
@@ -1573,7 +1575,7 @@ const ke = ({
         defaultImagePlaceholderUrl: o
       }
     ) : /* @__PURE__ */ t(
-      Ft,
+      zt,
       {
         infoPage: s,
         defaultImagePlaceholderUrl: o
@@ -1600,7 +1602,7 @@ const ke = ({
   const n = e.themeOptions, l = {
     ...n,
     mode: e.template === ue.OVERLAY ? "dark" : n == null ? void 0 : n.mode
-  }, F = /* @__PURE__ */ t(m, { ref: x }), O = s && x.current && c.current && d.current ? st(
+  }, z = /* @__PURE__ */ t(m, { ref: x }), O = s && x.current && c.current && d.current ? st(
     /* @__PURE__ */ t(nt, { value: d.current, children: /* @__PURE__ */ t(rt, { containerRef: x, children: /* @__PURE__ */ t(
       lt,
       {
@@ -1622,10 +1624,10 @@ const ke = ({
     c.current
   ) : null;
   return /* @__PURE__ */ w(re, { children: [
-    F,
+    z,
     O
   ] });
-}, Ot = (e) => /* @__PURE__ */ t(_t, { ...e, children: /* @__PURE__ */ t(Wt, { ...e }) }), Gt = Ot;
+}, Ot = (e) => /* @__PURE__ */ t(_t, { ...e, children: /* @__PURE__ */ t(Wt, { ...e }) }), Nt = Ot;
 export {
-  Gt as ChanceGame
+  Nt as ChanceGame
 };