fansunited-frontend-components 0.0.48 → 0.0.49

package/ChanceGame.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as w, Fragment as re } from "react/jsx-runtime";
-import { i as K, h as Je, b as ve, a as ie, d as Se, B as m, f as se, O as ue, c as we, e as xe, T as D, j as he, H as Ce, W as fe, u as Te, p as Ke, o as qe, F as ne, J as Qe, K as Ze, L as et, M as tt, N as ot } from "./chunks/index-Btf_jw7-.js";
-import Z, { useState as nt, useEffect as rt } from "react";
-import { S as lt } from "./chunks/Spinner-D7-MZe2m.js";
-import { N as it, S as $e, O as Ae } from "./chunks/NotFoundSkeleton-D5Jh3lnu.js";
-import { u as at, S as le, c as Ie, D as Ee, C as st, W as ct, d as dt, e as mt, f as ut, O as ht, F as xt, b as ye, a as ft, P as pt } from "./chunks/PickOneOfX-CvIn7QOd.js";
-import { h as Ge, g as gt, l as bt } from "./chunks/helpers-1jFObSvc.js";
-import { b as pe, d as He, a as Ne } from "./chunks/useImageVariant-BJ722AFw.js";
-import { u as yt } from "./chunks/useInfoPage-BHdgKdme.js";
-import { createPortal as vt } from "react-dom";
+import { h as Ce, g as Je, l as Ke } from "./chunks/helpers-NuC1SzL3.js";
+import Z, { useState as qe, useEffect as Qe } from "react";
+import { i as K, h as Ze, b as ve, a as ie, d as Se, B as m, f as se, O as ue, c as we, e as xe, T as D, j as he, H as Te, W as fe, u as $e, p as et, o as tt, F as ne, J as ot, K as nt, L as rt, M as lt, N as it } from "./chunks/PrizeCard-DF3QxwQJ.js";
+import { S as at } from "./chunks/Spinner-DbUB64Gj.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-Cs6DtD9u.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-Ci4ZJf7G.js";
+import { b as pe, d as He, a as Ne } from "./chunks/useImageVariant-Cex1eIqq.js";
 const ke = ({
   children: e,
   brandingBorderColor: s,
   state: a
 }) => {
-  const r = K(), x = Je(), o = a === "play" ? x : r, c = ve().md, d = s || ie().secondaryContainer, l = Se().size + " solid " + d;
+  const r = K(), x = Ze(), o = a === "play" ? x : r, c = ve().md, d = s || ie().secondaryContainer, l = Se().size + " solid " + d;
   return /* @__PURE__ */ t(
     m,
     {
@@ -35,7 +35,7 @@ const ke = ({
   template: e
 }) => {
   const { t: s } = se(), a = /* @__PURE__ */ t(
-    it,
+    dt,
     {
       notFoundTitle: s("chanceGame.chanceGameNotFound"),
       notFoundMessage: s("chanceGame.chanceGameNotFoundDescription")
@@ -57,7 +57,7 @@ const ke = ({
   variant: O
 }) => {
   var G, q, M;
-  const p = K(), S = ie(), g = ve(), i = we(), u = xe(), _ = Se(), y = O === "standard", h = O === "overlay", C = y || h, E = JSON.parse(e.body), V = 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 = ((M = E.config) == null ? void 0 : M.decorations) ?? !1, B = Ie(r, l), {
+  const p = K(), S = ie(), g = ve(), i = we(), u = xe(), _ = Se(), y = O === "standard", h = O === "overlay", C = y || h, E = JSON.parse(e.body), V = 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 = ((M = E.config) == null ? void 0 : M.decorations) ?? !1, B = Ee(r, l), {
     isSpinning: T,
     finalRotation: N,
     selectedSegment: b,
@@ -73,9 +73,9 @@ const ke = ({
     handleSpin: I,
     handleReset: v,
     onConfettiComplete: ee
-  } = at({ segments: V, mode: L, pace: H }), te = C ? p ? "260px" : "340px" : p ? "320px" : "450px", Y = () => /* @__PURE__ */ w(re, { children: [
+  } = mt({ segments: V, mode: L, pace: H }), te = C ? p ? "260px" : "340px" : p ? "320px" : "450px", Y = () => /* @__PURE__ */ w(re, { children: [
     W && /* @__PURE__ */ t(
-      Ee,
+      Ge,
       {
         primaryColor: r,
         isDark: l,
@@ -83,7 +83,7 @@ const ke = ({
       }
     ),
     /* @__PURE__ */ t(
-      st,
+      ut,
       {
         active: F,
         primaryColor: r,
@@ -269,7 +269,7 @@ const ke = ({
           },
           children: [
             /* @__PURE__ */ t(
-              ct,
+              ht,
               {
                 segmentCount: V.length,
                 decorations: W,
@@ -277,7 +277,7 @@ const ke = ({
               }
             ),
             /* @__PURE__ */ t(
-              dt,
+              xt,
               {
                 segments: V,
                 secondaryColor: x,
@@ -312,7 +312,7 @@ const ke = ({
               }
             ),
             /* @__PURE__ */ t(
-              mt,
+              ft,
               {
                 primaryColor: r,
                 dangerColor: d,
@@ -451,7 +451,7 @@ const ke = ({
     ] })
   ] });
   if (y) {
-    const Q = Ge(c), oe = Q ? Q.replace(/[^\d,]/g, "") : "";
+    const Q = Ce(c), oe = Q ? Q.replace(/[^\d,]/g, "") : "";
     return /* @__PURE__ */ w(
       m,
       {
@@ -642,7 +642,7 @@ const ke = ({
   defaultImagePlaceholderUrl: r
 }) => {
   var u, _;
-  const { t: x } = se(), o = K(), c = ie(), d = Ce() === "dark", n = pe(
+  const { t: x } = se(), o = K(), c = ie(), d = Te() === "dark", n = pe(
     {
       images: e.images,
       imagePlaceholder: r || ""
@@ -650,7 +650,7 @@ const ke = ({
     fe.STANDARD
   ), 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(
-    $e,
+    Ae,
     {
       entity: {
         ...e,
@@ -700,7 +700,7 @@ const ke = ({
   compactCards: g = !1
 }) => {
   var ze, We, _e, Oe;
-  const i = K(), u = ie(), _ = ve(), y = we(), h = xe(), C = Se(), E = n || c, V = l || r, f = S === "standard", L = S === "overlay", H = f ? Ge(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 = Ie(r, O), k = JSON.parse(e.body), $ = k.segments || [], F = e.labels || {}, j = k.mode || ((ze = k.config) == null ? void 0 : ze.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) => {
+  const i = K(), u = ie(), _ = ve(), y = we(), h = xe(), C = Se(), E = n || c, V = 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 || [], F = e.labels || {}, j = k.mode || ((ze = k.config) == null ? void 0 : ze.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;
   }), {
@@ -719,9 +719,9 @@ const ke = ({
     loseAnimationDuration: Pe,
     handlePick: Re,
     handleReset: ge
-  } = ut({ segments: $, mode: j, pace: P, revealAll: U }), Fe = () => /* @__PURE__ */ w(re, { children: [
+  } = pt({ segments: $, mode: j, pace: P, revealAll: U }), Fe = () => /* @__PURE__ */ w(re, { children: [
     A && /* @__PURE__ */ t(
-      Ee,
+      Ge,
       {
         primaryColor: r,
         isDark: O,
@@ -942,7 +942,7 @@ const ke = ({
                   transition: `all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) ${J * 100}ms`
                 },
                 children: I ? /* @__PURE__ */ t(
-                  ht,
+                  gt,
                   {
                     segment: ae,
                     index: J,
@@ -961,7 +961,7 @@ const ke = ({
                     onPick: () => Re(J, !0)
                   }
                 ) : /* @__PURE__ */ t(
-                  xt,
+                  bt,
                   {
                     segment: ae,
                     index: J,
@@ -1214,7 +1214,7 @@ const ke = ({
   defaultImagePlaceholderUrl: r
 }) => {
   var i, u, _;
-  const { t: x } = se(), o = K(), c = ie(), d = Ce() === "dark", n = pe(
+  const { t: x } = se(), o = K(), c = ie(), d = Te() === "dark", n = pe(
     {
       images: e.images,
       imagePlaceholder: r || ""
@@ -1222,7 +1222,7 @@ const ke = ({
     fe.STANDARD
   ), 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(
-    $e,
+    Ae,
     {
       entity: {
         ...e,
@@ -1306,7 +1306,7 @@ const ke = ({
   defaultImagePlaceholderUrl: a
 }) => {
   var f, L, H, W, B, T, N, b, X, R, k, $, F, j, P, U, A, I, v;
-  const { t: r } = se(), x = K(), o = Te(), 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) || "", 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 || pe(
+  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) || "", 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 || pe(
     {
       images: e.images,
       imagePlaceholder: O
@@ -1325,7 +1325,7 @@ const ke = ({
     textColor: g
   });
   return /* @__PURE__ */ t(
-    Ae,
+    Ie,
     {
       entity: {
         ...e,
@@ -1359,7 +1359,7 @@ const ke = ({
     }
   );
 }, Ft = (e) => {
-  const s = we().secondary, a = Ke(), r = e.isSplitVariant && a, x = K(), o = gt(e.primaryUrl, e.secondaryUrl, "logo");
+  const s = we().secondary, a = et(), r = e.isSplitVariant && a, x = K(), o = Je(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const c = () => {
@@ -1469,7 +1469,7 @@ const ke = ({
   defaultImagePlaceholderUrl: a
 }) => {
   var L, H, W, B, T, N, b, X, R, k, $, F, j, P, U, A, I, v, ee, te, Y, G, q, M, Q, oe, ce;
-  const { t: r } = se(), x = K(), o = Te(), 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) || "", 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 || pe(
+  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) || "", 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 || pe(
     {
       images: e.images,
       imagePlaceholder: O
@@ -1488,7 +1488,7 @@ const ke = ({
     textColor: g
   });
   return /* @__PURE__ */ w(
-    Ae,
+    Ie,
     {
       entity: {
         ...e,
@@ -1531,21 +1531,21 @@ const ke = ({
     }
   );
 }, Wt = (e) => {
-  const { infoPage: s } = yt(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(bt);
+      const o = Object.keys(Ke);
       if (s.language && o.includes(s.language))
         return s.language;
       if (s.language)
         return "en";
     }
     return e.language || "en";
-  }, [r, x] = nt(!1);
-  if (rt(() => {
+  }, [r, x] = qe(!1);
+  if (Qe(() => {
     const o = a();
-    qe(o).then(() => x(!0));
+    tt(o).then(() => x(!0));
   }, [e.language, s]), !s || !r)
-    return /* @__PURE__ */ t(lt, { my: 20 });
+    return /* @__PURE__ */ t(at, { my: 20 });
   if (s.id === "not-found")
     return /* @__PURE__ */ t(St, { template: e.template });
   if (e.template === ue.STANDARD) {
@@ -1582,7 +1582,7 @@ const ke = ({
       }
     );
   }
-  return e.variant === ne.PENALTY_SHOOTOUT ? /* @__PURE__ */ t(ye, { infoPage: s }) : e.variant === ne.PICK_ONE_OF_X ? /* @__PURE__ */ t(ft, { infoPage: s }) : /* @__PURE__ */ t(pt, { infoPage: s });
+  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(
     `chance-game-shadow-root-${Math.random().toString(36).substring(2, 11)}`
@@ -1591,7 +1591,7 @@ const ke = ({
     if (x.current)
       return x.current.shadowRoot ? (o.current = x.current.shadowRoot, c.current = o.current.getElementById(
         r.current
-      ), c.current || (c.current = document.createElement("div"), c.current.id = r.current, o.current.appendChild(c.current))) : (o.current = x.current.attachShadow({ mode: "open" }), c.current = document.createElement("div"), c.current.id = r.current, o.current.appendChild(c.current)), d.current || (d.current = Qe({
+      ), c.current || (c.current = document.createElement("div"), c.current.id = r.current, o.current.appendChild(c.current))) : (o.current = x.current.attachShadow({ mode: "open" }), c.current = document.createElement("div"), c.current.id = r.current, o.current.appendChild(c.current)), d.current || (d.current = ot({
         key: "chance-game-css",
         prepend: !0,
         container: o.current
@@ -1602,15 +1602,15 @@ const ke = ({
   const n = e.themeOptions, l = {
     ...n,
     mode: e.template === ue.OVERLAY ? "dark" : n == null ? void 0 : n.mode
-  }, z = /* @__PURE__ */ t(m, { ref: x }), O = s && x.current && c.current && d.current ? vt(
-    /* @__PURE__ */ t(Ze, { value: d.current, children: /* @__PURE__ */ t(et, { containerRef: x, children: /* @__PURE__ */ t(
-      tt,
+  }, 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,
       {
         customTheme: l,
         mode: l == null ? void 0 : l.mode,
         shadowRootElement: c.current,
         children: /* @__PURE__ */ t(
-          ot,
+          it,
           {
             shadowRootElement: c.current,
             leadPhoneCountryCode: null,