fansunited-frontend-components 0.0.34 → 0.0.35

package/EventGamePlay.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as d, Fragment as G } from "react/jsx-runtime";
 import _e, { useState as _, useEffect as Oe, useRef as kt, createContext as zt, useCallback as et, useMemo as Le } from "react";
-import { i as Z, c as L, d as B, m as we, B as i, b as J, g as Ht, T as x, a as oe, u as me, b3 as ve, aW as ht, ae as ne, k as Ie, ah as Pe, ad as Kt, aV as vt, aX as Vt, aY as Mt, b4 as wt, ag as Re, f as Ue, W as le, e as qe, h as W, ai as It, aj as qt, ak as jt, al as Dt, am as Ct, af as pt, j as tt, s as De, l as Qt, P as Ot } from "./chunks/Portal-B3p6WA9w.js";
-import { x as Gt, T as xt, M as Wt, n as Jt, C as Et, D as Zt, p as I, S as Ft, g as $e, i as Yt, m as bt, R as Qe, N as Nt, j as Xt, k as Lt, l as $t, O as _t, a as en, y as tn } from "./chunks/index-C1CcfTa8.js";
-import { K as nn, a as on, H as an, D as ln, S as Bt, T as Rt, E as rn, A as yt, P as ut, C as cn, b as An, c as dn, d as sn } from "./chunks/Error-Bv1kv7mw.js";
-import { T as gn, a as mn, b as St, t as Pt, c as Ut } from "./chunks/Tabs-BaP82CxE.js";
-import { O as fn } from "./chunks/OverlayScoreStateSkeleton--HpHqZxi.js";
+import { i as Z, c as L, d as B, m as we, B as i, b as J, g as Ht, T as x, a as oe, u as me, b3 as ve, aW as ht, ae as ne, k as Ie, ah as Pe, ad as Kt, aV as vt, aX as Vt, aY as Mt, b4 as wt, ag as Re, f as Ue, W as le, e as qe, h as W, ai as It, aj as qt, ak as jt, al as Dt, am as Ct, af as pt, j as tt, s as De, l as Qt, P as Ot } from "./chunks/Portal-B6XfLNOm.js";
+import { x as Gt, T as xt, M as Wt, n as Jt, C as Et, D as Zt, p as I, S as Ft, g as $e, i as Yt, m as bt, R as Qe, N as Nt, j as Xt, k as Lt, l as $t, O as _t, a as en, y as tn } from "./chunks/index-BRCVgD7v.js";
+import { K as nn, a as on, H as an, D as ln, S as Bt, T as Rt, E as rn, A as yt, P as ut, C as cn, b as An, c as dn, d as sn } from "./chunks/Error-DxcJswdS.js";
+import { T as gn, a as mn, b as St, t as Pt, c as Ut } from "./chunks/Tabs-BZk8Oqpw.js";
+import { O as fn } from "./chunks/OverlayScoreStateSkeleton-xC6B2dOa.js";
 const xn = (e, n, o) => {
   const [r, c] = _(null), [A, f] = _(null), a = async () => {
     try {
@@ -210,7 +210,7 @@ const xn = (e, n, o) => {
     flexDirection: "column",
     justifyContent: "space-between",
     gap: "10px",
-    backgroundImage: `url(${e.finalImage})`,
+    backgroundImage: `url("${e.finalImage}")`,
     backgroundSize: "cover",
     backgroundPosition: "center",
     borderTopLeftRadius: "5px",
@@ -357,7 +357,7 @@ const xn = (e, n, o) => {
     height: "auto",
     position: "relative",
     minHeight: "auto",
-    backgroundImage: `url(${e.finalImage})`,
+    backgroundImage: `"url("${e.finalImage}")`,
     backgroundSize: "cover",
     backgroundPosition: "center center",
     backgroundRepeat: "no-repeat",
@@ -372,7 +372,7 @@ const xn = (e, n, o) => {
     height: "auto",
     position: "relative",
     minHeight: "auto",
-    backgroundImage: `url(${e.finalImage})`,
+    backgroundImage: `url("${e.finalImage}")`,
     backgroundSize: "cover",
     backgroundPosition: "center center",
     backgroundRepeat: "no-repeat",
@@ -2839,7 +2839,7 @@ const xn = (e, n, o) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -2854,7 +2854,7 @@ const xn = (e, n, o) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -2875,7 +2875,7 @@ const xn = (e, n, o) => {
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -3413,7 +3413,7 @@ const xn = (e, n, o) => {
       boxShadow: "md",
       border: (n = e.brandingColors) != null && n.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
       overflow: "hidden",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundPosition: "center",
       backgroundSize: "cover",
       position: "relative",
@@ -3682,7 +3682,7 @@ const xn = (e, n, o) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -3697,7 +3697,7 @@ const xn = (e, n, o) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -3718,7 +3718,7 @@ const xn = (e, n, o) => {
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -4073,7 +4073,7 @@ const xn = (e, n, o) => {
       boxShadow: "md",
       border: (A = e.brandingColors) != null && A.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
       overflow: "hidden",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundPosition: "center",
       backgroundSize: "cover",
       position: "relative",
@@ -5329,7 +5329,7 @@ const xn = (e, n, o) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -5344,7 +5344,7 @@ const xn = (e, n, o) => {
       height: "auto",
       position: "relative",
       minHeight: "auto",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center center",
       backgroundRepeat: "no-repeat",
@@ -5365,7 +5365,7 @@ const xn = (e, n, o) => {
       flexDirection: "column",
       justifyContent: "space-between",
       gap: "10px",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: "5px",
@@ -7029,7 +7029,7 @@ const xn = (e, n, o) => {
       width: e.isMobile ? "100%" : "50%",
       minWidth: e.isMobile ? "100%" : "50%",
       maxWidth: e.isMobile ? "100%" : "50%",
-      backgroundImage: `url(${e.finalImage})`,
+      backgroundImage: `url("${e.finalImage}")`,
       backgroundSize: "cover",
       backgroundPosition: "center",
       borderTopLeftRadius: e.isTabulated ? 0 : e.borderRadius.md,