fansunited-frontend-components 0.0.92 → 0.0.93

package/ClassicQuizPlay.js

@@ -1,4 +1,4 @@
-import { M as a } from "./chunks/main-BoLNJccN.js";
+import { M as a } from "./chunks/main-DsAnwwP4.js";
 const o = a;
 export {
   o as ClassicQuizPlay

package/CollectLead.js

@@ -1,16 +1,10 @@
 import { jsx as n, jsxs as s, Fragment as r } from "react/jsx-runtime";
-import { createContext as de } from "react";
-import { u as Y, i as Q, B as o, a as me, b as J, c as K, d as X, e as Z, f as q, g as u, h as se, j as ge } from "./chunks/PrizeCard-B2tBhY45.js";
-import "react-dom";
-import { P as xe } from "./chunks/Portal-X8O64KaQ.js";
-import { W as w } from "./chunks/enums-B1lTCQvC.js";
-import { d as le, a as ae } from "./chunks/index-Bg5jypgn.js";
-import { g as fe, s as ye, h as re } from "./chunks/helpers-CKFwVhwj.js";
-import { T as y } from "./chunks/Typography-BsucZNXl.js";
-import { C as ue } from "./chunks/CollectLeadForm-DtUFKk99.js";
-import { u as ee } from "./chunks/useImageVariant-B62O7iLC.js";
+import { useFontFamily as Y, isMobile as Q, getBrandingClickUrl as de, useConstantContext as J, CollectLeadForm as me, useInternalTheme as K, useSpacingScale as X, useImageBackgroundGradient as Z, WidgetTemplate as w, defaultBgVertical as le, defaultBg as ae, useImageVariant as ee, sanitizeBackgroundUrl as se, useCornerRadius as q, useColors as u, useBorderSize as ge, usePhysicalImagePosition as xe, hexToRgb as re, Portal as fe } from "fansunited-frontend-core";
+import { Box as o, Typography as y } from "@mui/joy";
+import { useTranslation as ye } from "react-i18next";
+import { createContext as ue } from "react";
 const te = (e) => {
-  const i = Y().secondary, m = Q(), a = fe(e.primaryUrl, e.secondaryUrl, "logo");
+  const i = Y().secondary, m = Q(), a = de(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const d = () => {
@@ -114,7 +108,7 @@ const te = (e) => {
       ]
     }
   );
-}, _ = de({
+}, _ = ue({
   shadowRootElement: null,
   language: null,
   sdk: null
@@ -158,7 +152,7 @@ const te = (e) => {
     children: p
   }
 ), ne = () => {
-  const { t: e } = me(), {
+  const { t: e } = ye(), {
     sdk: i,
     content: m,
     branding: a,
@@ -192,7 +186,7 @@ const te = (e) => {
     termsAndConditionsUrlLabel: t == null ? void 0 : t.termsAndConditionsUrlLabel
   };
   return /* @__PURE__ */ n(
-    ue,
+    me,
     {
       sdk: i,
       content: m,
@@ -404,7 +398,7 @@ const te = (e) => {
       imagePlaceholder: f
     },
     w.OVERLAY
-  ), S = ye(b), p = i.colorSchemes.dark.textColor, T = i.customFontFamily.dark.primary, k = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = (l = i.border) == null ? void 0 : l.dark.size, F = (M = (U = i.colorSchemes) == null ? void 0 : U.dark) == null ? void 0 : M.surfaceVariant, P = (L = (I = i.customRadius) == null ? void 0 : I.light) == null ? void 0 : L.xl, V = (v = (H = (z = (D = i.colorSchemes) == null ? void 0 : D.light) == null ? void 0 : z.palette) == null ? void 0 : H.primary) == null ? void 0 : v.plainColor, $ = (x = (C = (W = (B = i.colorSchemes) == null ? void 0 : B.light) == null ? void 0 : W.palette) == null ? void 0 : C.primary) == null ? void 0 : x.onPrimary, c = be({
+  ), S = se(b), p = i.colorSchemes.dark.textColor, T = i.customFontFamily.dark.primary, k = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = (l = i.border) == null ? void 0 : l.dark.size, F = (M = (U = i.colorSchemes) == null ? void 0 : U.dark) == null ? void 0 : M.surfaceVariant, P = (L = (I = i.customRadius) == null ? void 0 : I.light) == null ? void 0 : L.xl, V = (v = (H = (z = (D = i.colorSchemes) == null ? void 0 : D.light) == null ? void 0 : z.palette) == null ? void 0 : H.primary) == null ? void 0 : v.plainColor, $ = (x = (C = (W = (B = i.colorSchemes) == null ? void 0 : B.light) == null ? void 0 : W.palette) == null ? void 0 : C.primary) == null ? void 0 : x.onPrimary, c = be({
     spacingScale: m,
     secondaryColor: p,
     fontFamilyPrimary: T,
@@ -440,7 +434,7 @@ const te = (e) => {
     ] })
   ] });
 }, ce = ({ children: e }) => {
-  const i = q().md, m = u().surface, a = u().secondaryContainer, t = se().size + " solid " + a;
+  const i = q().md, m = u().surface, a = u().secondaryContainer, t = ge().size + " solid " + a;
   return /* @__PURE__ */ n(
     o,
     {
@@ -777,7 +771,7 @@ const te = (e) => {
     w.STANDARD
   ), t = Q(), f = t ? ((L = (I = i.branding) == null ? void 0 : I.images) == null ? void 0 : L.mobileLogo) || ((z = (D = i.branding) == null ? void 0 : D.images) == null ? void 0 : z.mainLogo) || "" : ((v = (H = i.branding) == null ? void 0 : H.images) == null ? void 0 : v.mainLogo) || "", b = u().textColor, S = u().textSecondary, p = Y().secondary, T = "60%", k = Y().primary, j = u().surfaceVariant, N = q().md, F = q().sm, P = u().palette.primary.plainColor, V = u().palette.primary.onPrimary, $ = q().xl, c = X(), g = Z(
     w.STANDARD
-  ), R = ge(a), l = pe({
+  ), R = xe(a), l = pe({
     finalImage: d,
     spacingScale: c,
     borderRadius: q(),
@@ -1227,7 +1221,7 @@ function Pe(e) {
 const Re = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(Se, {}) : Pe(e) ? /* @__PURE__ */ n(Te, { imagePosition: e.imagePosition || "left" }) : /* @__PURE__ */ n(Fe, {}), Ie = (e) => {
   var i;
   return /* @__PURE__ */ n(
-    xe,
+    fe,
     {
       packageName: "collect-lead",
       entityId: ((i = e.content) == null ? void 0 : i.id) || "",
@@ -1255,7 +1249,7 @@ const Re = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(Se, {}) : Pe(e) ?
       )
     }
   );
-}, Ue = Ie;
+}, Be = Ie;
 export {
-  Ue as CollectLead
+  Be as CollectLead
 };

package/CompetitionStatistics.js

@@ -1,20 +1,20 @@
 import { jsx as r, jsxs as y, Fragment as ye } from "react/jsx-runtime";
 import A, { useState as ee, useEffect as pe, useMemo as le } from "react";
-import { g as tt, u as ot, f as nt, n as rt, z as st, a as it, B as m, i as xe, m as at, p as lt, o as dt, q as ct, r as ut, C as pt, s as mt, E as ht, t as gt, w as ft } from "./chunks/PrizeCard-B2tBhY45.js";
-import { S as yt } from "./chunks/Spinner-_5U881sC.js";
-import { createPortal as xt } from "react-dom";
-import { f as bt } from "./chunks/searchEntities-SJcoznz0.js";
-import { h as wt } from "./chunks/helpers-CKFwVhwj.js";
-import { O as Ct, u as St } from "./chunks/OddsStrip-B159Nivm.js";
-import { c as vt } from "./chunks/createLucideIcon-YBRjY5Kl.js";
-import { G as It } from "./chunks/GlobalStyles-PokSS9bO.js";
+import { Box as m, GlobalStyles as tt } from "@mui/joy";
+import { fetchSearchEntitiesByIds as ot, useColors as nt, useFontFamily as rt, useCornerRadius as st, useCurrentThemeMode as it, hexToRgb as at, toIntlLocale as lt, isMobile as xe, isExtraSmall as dt, Spinner as ct, getLanguageDirection as ut, initializeI18n as pt, applyDirectionToMount as mt, widgetCacheKey as ht, createWidgetCache as gt, ContainerProvider as ft, ThemeProvider as yt, ConstantsProvider as xt } from "fansunited-frontend-core";
+import { useTranslation as bt } from "react-i18next";
+import { O as wt, u as Ct } from "./chunks/OddsStrip-CviVfQI4.js";
+import "fansunited-sdk-esm";
+import { c as St } from "./chunks/createLucideIcon-YBRjY5Kl.js";
+import { CacheProvider as vt } from "@emotion/react";
+import { createPortal as It } from "react-dom";
 /**
  * @license lucide-react v0.454.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $t = vt("Tv", [
+const $t = St("Tv", [
   ["rect", { width: "20", height: "15", x: "2", y: "7", rx: "2", ry: "2", key: "10ag99" }],
   ["polyline", { points: "17 2 12 7 7 2", key: "11pgbg" }]
 ]), Oe = "https://sports.fansunitedapi.com/v1", Fe = (e) => {
@@ -56,7 +56,7 @@ const $t = vt("Tv", [
   }
 }, _t = async (e, t, o) => {
   const s = /* @__PURE__ */ new Map(), i = Fe(e);
-  return !i || t.length === 0 || (await bt(i, t, {
+  return !i || t.length === 0 || (await ot(i, t, {
     signal: o,
     partial: !0
   })).forEach((d) => s.set(d.id, d)), s;
@@ -342,7 +342,7 @@ const $t = vt("Tv", [
   );
   return { data: M, competitionId: (u == null ? void 0 : u.id) ?? t, entities: E, loading: T, error: P };
 }, n = (e, t = 16) => `${Math.round(e / t * 1e4) / 1e4}em`, O = () => {
-  const e = tt(), t = ot(), o = nt(), s = rt() === "dark", i = (d, l) => `rgba(${wt(d)}, ${l})`, a = e.palette.primary.plainColor;
+  const e = nt(), t = rt(), o = st(), s = it() === "dark", i = (d, l) => `rgba(${at(d)}, ${l})`, a = e.palette.primary.plainColor;
   return {
     fonts: t,
     radius: o,
@@ -425,7 +425,7 @@ const $t = vt("Tv", [
     return { ...i, rank: c ? `${l}=` : `${l}` };
   });
 }, V = (e, t, o = 1) => [...e].sort((s, i) => o * (t(i) - t(s)))[0], qt = (e) => Array.from(e.values()), Jt = (e) => {
-  const t = st(e), o = /* @__PURE__ */ new Map();
+  const t = lt(e), o = /* @__PURE__ */ new Map();
   return {
     date: (s, i) => {
       const a = new Date(s);
@@ -447,7 +447,7 @@ const $t = vt("Tv", [
   /\{\{\s*(\w+)\s*\}\}/g,
   (o, s) => s in t ? String(t[s]) : o
 ) : e, Zt = (e) => {
-  const { t } = it("common");
+  const { t } = bt("common");
   return le(
     () => (o, s) => {
       const i = e == null ? void 0 : e[o];
@@ -1462,7 +1462,7 @@ const $t = vt("Tv", [
 }, mo = ({ match: e, odds: t, open: o, onToggle: s }) => {
   var H, U, p, I, S;
   const { colors: i, radius: a } = O(), { entities: d, label: l, fmt: c, props: u } = Y(), h = (H = u.callbacks) == null ? void 0 : H.onBroadcastClick, f = e.status === "FINISHED", C = e.status === "LIVE", [b, g] = e.fullTime ?? [0, 0], T = f && b > g, v = f && g > b, P = f && b === g, _ = e.status === "CANCELLED", z = !_, D = !f && !_, R = C ? e.liveMinute !== null ? l("liveMinute", { minute: e.liveMinute }) : e.isHalfTime ? l("halfTimeShort") : l("live") : c.time(e.start), M = xe(), E = (u.showOdds ?? !1) && !M && (e.status === "UPCOMING" || C), $ = t ? /* @__PURE__ */ r(
-    Ct,
+    wt,
     {
       odds: t,
       market: ((U = u.odds) == null ? void 0 : U.market) ?? "FT_1X2",
@@ -1736,7 +1736,7 @@ const $t = vt("Tv", [
   ).sort((x, L) => x - L), W = R ? S : [...S].reverse(), K = R ? T : P, ne = K !== null && S.includes(K) ? K : R ? S[0] : S[S.length - 1], X = i.matches.filter((x) => x.round === ne && I(x)).sort(Pe), re = X.filter(M), Ve = A.useMemo(
     () => re.filter((x) => x.status === "UPCOMING" || x.status === "LIVE").map((x) => x.id),
     [re]
-  ), { odds: Ye } = St(s, Ve, {
+  ), { odds: Ye } = Ct(s, Ve, {
     enabled: c.showOdds ?? !1,
     markets: [((Ie = c.odds) == null ? void 0 : Ie.market) ?? "FT_1X2"],
     sport: i.sport,
@@ -2038,7 +2038,7 @@ const $t = vt("Tv", [
   const i = Math.min(t, fo), a = e < i ? i : t - i;
   return Math.floor(12 / a);
 }, xo = () => {
-  const { colors: e, radius: t } = O(), o = xe(), s = at(), { data: i, entities: a, tally: d, label: l, fmt: c, props: u } = Y(), h = A.useMemo(() => Vt(i.matches), [i.matches]), f = h.played, C = (p) => l("ofMatches", { value: p, matches: l("matchesCount", { count: f }) }), b = (p) => c.decimal(f ? p / f : 0, 1), g = (p, I = 22) => /* @__PURE__ */ r(w, { size: I, weight: 700, color: e.text, sx: { lineHeight: 1 }, children: p }), T = [
+  const { colors: e, radius: t } = O(), o = xe(), s = dt(), { data: i, entities: a, tally: d, label: l, fmt: c, props: u } = Y(), h = A.useMemo(() => Vt(i.matches), [i.matches]), f = h.played, C = (p) => l("ofMatches", { value: p, matches: l("matchesCount", { count: f }) }), b = (p) => c.decimal(f ? p / f : 0, 1), g = (p, I = 22) => /* @__PURE__ */ r(w, { size: I, weight: 700, color: e.text, sx: { lineHeight: 1 }, children: p }), T = [
     {
       label: l("matchesPlayed"),
       value: f,
@@ -2477,7 +2477,7 @@ const $t = vt("Tv", [
     { seasonId: i, stageId: a, liveRefresh: l, refreshInterval: c }
   ), z = A.useMemo(() => g ? g.matches.filter(we) : [], [g]), D = A.useMemo(() => Ut(z), [z]), R = Array.from(new Set(d)), M = ($) => /* @__PURE__ */ r(Z, { sx: { padding: n(24) }, children: /* @__PURE__ */ r(w, { component: "div", size: 14, font: "secondary", color: h.dim, sx: { textAlign: "center" }, children: $ }) });
   let E;
-  return P ? E = /* @__PURE__ */ r(yt, { my: 10 }) : _ ? E = M(C("loadFailed")) : !g || g.matches.length === 0 ? E = M(C("noData")) : E = /* @__PURE__ */ r(
+  return P ? E = /* @__PURE__ */ r(ct, { my: 10 }) : _ ? E = M(C("loadFailed")) : !g || g.matches.length === 0 ? E = M(C("noData")) : E = /* @__PURE__ */ r(
     eo,
     {
       value: { sdk: o, data: g, competitionId: T, entities: v, finished: z, tally: D, label: C, fmt: b, props: e },
@@ -2499,19 +2499,19 @@ const $t = vt("Tv", [
     }
   );
 }, So = (e) => {
-  const [t, o] = A.useState(!1), [s, i] = A.useState(!1), a = lt(e.language), d = A.useRef(
+  const [t, o] = A.useState(!1), [s, i] = A.useState(!1), a = ut(e.language), d = A.useRef(
     `competition-statistics-shadow-root-${Math.random().toString(36).substring(2, 11)}`
   ), l = A.useRef(null), c = A.useRef(null), u = A.useRef(null), [h, f] = A.useState(null);
   A.useEffect(() => {
-    dt(e.language || "en").finally(() => i(!0));
+    pt(e.language || "en").finally(() => i(!0));
   }, [e.language]), A.useEffect(() => {
     if (!l.current) return;
     l.current.shadowRoot ? (c.current = l.current.shadowRoot, u.current = c.current.getElementById(
       d.current
-    ), u.current || (u.current = document.createElement("div"), u.current.id = d.current, u.current.style.height = "100%", c.current.appendChild(u.current))) : (c.current = l.current.attachShadow({ mode: "open" }), u.current = document.createElement("div"), u.current.id = d.current, u.current.style.height = "100%", c.current.appendChild(u.current)), ct(u.current, a);
-    const T = ft("competition-statistics", a);
+    ), u.current || (u.current = document.createElement("div"), u.current.id = d.current, u.current.style.height = "100%", c.current.appendChild(u.current))) : (c.current = l.current.attachShadow({ mode: "open" }), u.current = document.createElement("div"), u.current.id = d.current, u.current.style.height = "100%", c.current.appendChild(u.current)), mt(u.current, a);
+    const T = ht("competition-statistics", a);
     return f(
-      (v) => (v == null ? void 0 : v.key) === T ? v : ut(
+      (v) => (v == null ? void 0 : v.key) === T ? v : gt(
         "competition-statistics",
         c.current,
         a
@@ -2527,19 +2527,19 @@ const $t = vt("Tv", [
       lang: e.language || "en",
       sx: { height: "100%", display: "block" }
     }
-  ), g = t && s && u.current && h ? xt(
+  ), g = t && s && u.current && h ? It(
     // Keyed on the cache, not on `direction`: it must change in the same render that adopts
     // the new cache, or CssVarsProvider writes its CSS variables into the outgoing cache and
     // never repeats.
-    /* @__PURE__ */ r(pt, { value: h, children: /* @__PURE__ */ r(mt, { containerRef: l, children: /* @__PURE__ */ r(
-      ht,
+    /* @__PURE__ */ r(vt, { value: h, children: /* @__PURE__ */ r(ft, { containerRef: l, children: /* @__PURE__ */ r(
+      yt,
       {
         customTheme: C,
         mode: C == null ? void 0 : C.mode,
         shadowRootElement: u.current,
         direction: a,
         children: /* @__PURE__ */ y(
-          gt,
+          xt,
           {
             shadowRootElement: u.current,
             leadPhoneCountryCode: null,
@@ -2548,7 +2548,7 @@ const $t = vt("Tv", [
             direction: a,
             children: [
               /* @__PURE__ */ r(
-                It,
+                tt,
                 {
                   styles: {
                     "@keyframes cs-pulse": {