fansunited-frontend-components 0.0.44 → 0.0.47

package/ChanceGame.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as w, Fragment as re } from "react/jsx-runtime";
-import { h as Ce, g as Je, l as Ke } from "./chunks/helpers-LUoF9-Zd.js";
-import Z, { useState as qe, useEffect as Qe } from "react";
-import { f as K, X as Ze, r as ve, u as ie, S as Se, B as m, Q as se, ae as ue, q as we, h as xe, T as D, R as he, af as Te, W as fe, g as $e, ag as et, i as tt, Y as ne, c as ot, C as nt, a as rt, E as lt, b as it } from "./chunks/PrizeCard-C4Au83Cz.js";
-import { S as at } from "./chunks/Spinner-BHr9A75G.js";
+import { h as Ce, g as Je, l as Ke } from "./chunks/helpers-CV2Mo9Pu.js";
+import Q, { useState as qe, useEffect as Ze } from "react";
+import { m as K, ab as Qe, t as ve, k as ie, a0 as Se, B as m, Z as se, ag as ue, r as we, o as xe, T as D, $ as he, ah as Te, W as fe, n as $e, ai as et, i as tt, ac as ne, g as ot, C as nt, h as rt, E as lt, j as it } from "./chunks/PrizeCard-B0HczmXj.js";
+import { S as at } from "./chunks/Spinner-VF7pS8cz.js";
 import { createPortal as st } from "react-dom";
 import { u as ct } from "./chunks/useInfoPage-BHdgKdme.js";
-import { N as dt, S as Ae, O as Ie } from "./chunks/NotFoundSkeleton-BHPH2RiI.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-ny-1b2mb.js";
-import { u as pe, d as He, a as Ne } from "./chunks/useImageVariant-BAF6m9zj.js";
+import { N as dt, S as Ae, O as Ie } from "./chunks/NotFoundSkeleton-B_cooMQ9.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-CXiNBq-I.js";
+import { u as pe, d as He, a as Ne } from "./chunks/useImageVariant-DalagjyR.js";
 const ke = ({
   children: e,
   brandingBorderColor: s,
   state: a
 }) => {
-  const r = K(), x = Ze(), o = a === "play" ? x : r, c = ve().md, d = s || ie().secondaryContainer, l = Se().size + " solid " + d;
+  const r = K(), x = Qe(), o = a === "play" ? x : r, c = ve().md, d = s || ie().secondaryContainer, l = Se().size + " solid " + d;
   return /* @__PURE__ */ t(
     m,
     {
@@ -66,9 +66,9 @@ const ke = ({
     showInlineResult: k,
     hasEntered: $,
     confettiActive: z,
-    spinDuration: P,
-    shakeAnimationDuration: U,
-    confettiVelocityMultiplier: j,
+    spinDuration: j,
+    shakeAnimationDuration: P,
+    confettiVelocityMultiplier: U,
     confettiGravity: A,
     handleSpin: I,
     handleReset: v,
@@ -87,7 +87,7 @@ const ke = ({
       {
         active: z,
         primaryColor: r,
-        velocityMultiplier: j,
+        velocityMultiplier: U,
         gravity: A,
         onComplete: ee
       }
@@ -256,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 ${P / 2}ms ease-in-out 2` : "none",
             "@keyframes wheelShake": {
               "0%, 100%": { transform: "translateX(0)" },
               "10%, 30%, 50%, 70%, 90%": { transform: "translateX(-8px)" },
@@ -287,7 +287,7 @@ const ke = ({
                 isStandard: y,
                 rotation: N,
                 isSpinning: T,
-                spinDuration: P
+                spinDuration: j
               }
             ),
             !y && !h && n && /* @__PURE__ */ t(
@@ -451,7 +451,7 @@ const ke = ({
     ] })
   ] });
   if (y) {
-    const Q = Ce(c), oe = Q ? Q.replace(/[^\d,]/g, "") : "";
+    const Z = Ce(c), oe = Z ? Z.replace(/[^\d,]/g, "") : "";
     return /* @__PURE__ */ w(
       m,
       {
@@ -700,7 +700,7 @@ const ke = ({
   compactCards: g = !1
 }) => {
   var Fe, We, _e, Oe;
-  const i = K(), u = ie(), _ = ve(), y = we(), h = xe(), 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 = Ee(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) => {
+  const i = K(), u = ie(), _ = ve(), y = we(), h = xe(), 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 = Ee(r, O), k = JSON.parse(e.body), $ = k.segments || [], z = e.labels || {}, j = k.mode || ((Fe = k.config) == null ? void 0 : Fe.mode) || "fair", P = ((We = k.config) == null ? void 0 : We.pace) || "normal", U = ((_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;
   }), {
@@ -711,15 +711,15 @@ const ke = ({
     showInlineResult: G,
     showLoseAnimation: q,
     hasEntered: V,
-    flippedCards: Q,
+    flippedCards: Z,
     crossfadedCards: oe,
     revealedOtherCards: ce,
     flipDuration: Xe,
-    crossfadeDuration: Pe,
-    loseAnimationDuration: Ue,
+    crossfadeDuration: je,
+    loseAnimationDuration: Pe,
     handlePick: Re,
     handleReset: ge
-  } = pt({ segments: $, mode: P, pace: U, revealAll: j }), ze = () => /* @__PURE__ */ w(re, { children: [
+  } = pt({ segments: $, mode: j, pace: P, revealAll: U }), ze = () => /* @__PURE__ */ w(re, { children: [
     A && /* @__PURE__ */ t(
       Ge,
       {
@@ -928,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, Be = Z.has(be), me = ce.has(be), Ue = de && !Be && !me, De = oe.has(be), Ye = de && !De && !me;
             return /* @__PURE__ */ t(
               m,
               {
@@ -954,7 +954,7 @@ const ke = ({
                     isRevealed: de,
                     hasEntered: V,
                     objectSize: N,
-                    crossfadeDuration: Pe,
+                    crossfadeDuration: je,
                     isStandard: f,
                     primaryColor: r,
                     dangerColor: d,
@@ -968,14 +968,14 @@ const ke = ({
                     selectedSegment: v,
                     isFlipped: Be,
                     isOtherRevealed: me,
-                    shouldDim: je,
+                    shouldDim: Ue,
                     isRevealed: de,
                     showLoseAnimation: q,
                     hasEntered: V,
                     cardWidth: B,
                     cardHeight: T,
                     flipDuration: Xe,
-                    loseAnimationDuration: Ue,
+                    loseAnimationDuration: Pe,
                     cardBaseColor: E,
                     shimmerColor: M,
                     primaryColor: r,
@@ -1305,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;
+  var f, L, H, W, B, T, N, b, X, R, k, $, z, j, P, U, A, I, v;
   const { t: r } = se(), x = K(), o = $e(), c = xe(), 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 ? He : Ne), p = l || pe(
     {
       images: e.images,
       imagePlaceholder: O
     },
     fe.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 = (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 = (U = (P = (j = (z = o.colorSchemes) == null ? void 0 : z.light) == null ? void 0 : j.palette) == null ? void 0 : P.danger) == null ? void 0 : U.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: _,
@@ -1468,14 +1468,14 @@ const ke = ({
   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;
+  var L, H, W, B, T, N, b, X, R, k, $, z, j, P, U, A, I, v, ee, te, Y, G, q, V, Z, oe, ce;
   const { t: r } = se(), x = K(), o = $e(), c = xe(), 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 ? He : Ne), p = l || pe(
     {
       images: e.images,
       imagePlaceholder: O
     },
     fe.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 = (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), _ = (P = (j = (z = ($ = o.colorSchemes) == null ? void 0 : $.light) == null ? void 0 : z.palette) == null ? void 0 : j.primary) == null ? void 0 : P.onPrimary, y = (d == null ? void 0 : d.background_color) || ((A = (U = o.colorSchemes) == null ? void 0 : U.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,
@@ -1523,7 +1523,7 @@ const ke = ({
             brandingLogo: F,
             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,
+            primaryUrl: (Z = (V = e.branding) == null ? void 0 : V.urls) == null ? void 0 : Z.primary_url,
             secondaryUrl: (ce = (oe = e.branding) == null ? void 0 : oe.urls) == null ? void 0 : ce.secondary_url
           }
         )
@@ -1541,7 +1541,7 @@ const ke = ({
     }
     return e.language || "en";
   }, [r, x] = qe(!1);
-  if (Qe(() => {
+  if (Ze(() => {
     const o = a();
     tt(o).then(() => x(!0));
   }, [e.language, s]), !s || !r)
@@ -1584,10 +1584,10 @@ const ke = ({
   }
   return e.variant === ne.PENALTY_SHOOTOUT ? /* @__PURE__ */ t(ye, { infoPage: s }) : e.variant === ne.PICK_ONE_OF_X ? /* @__PURE__ */ t(yt, { infoPage: s }) : /* @__PURE__ */ t(vt, { infoPage: s });
 }, _t = (e) => {
-  const [s, a] = Z.useState(!1), r = Z.useRef(
+  const [s, a] = Q.useState(!1), r = Q.useRef(
     `chance-game-shadow-root-${Math.random().toString(36).substring(2, 11)}`
-  ), x = Z.useRef(null), o = Z.useRef(null), c = Z.useRef(null), d = Z.useRef(null);
-  Z.useEffect(() => {
+  ), x = Q.useRef(null), o = Q.useRef(null), c = Q.useRef(null), d = Q.useRef(null);
+  Q.useEffect(() => {
     if (x.current)
       return x.current.shadowRoot ? (o.current = x.current.shadowRoot, c.current = o.current.getElementById(
         r.current