fansunited-frontend-components 0.0.31-RC3 → 0.0.31-RC5

package/packages/match-quiz-play/src/components/Variants/Standard/ScoreState/MatchQuizStandardScoreState.styles.js

@@ -0,0 +1,259 @@
+const a = (e) => {
+  var i, n, t;
+  return {
+    // Main content area
+    mainContentArea: {
+      flex: e.isMobile ? "1" : e.finalImage ? "0.7" : "1",
+      display: "flex",
+      flexDirection: "column",
+      p: e.isMobile ? e.spacingScale.sm : e.spacingScale.md,
+      gap: e.isMobile ? e.spacingScale.sm : e.spacingScale.md
+    },
+    // Question area
+    questionArea: {
+      display: "flex",
+      flexDirection: "column",
+      p: e.isMobile ? e.spacingScale.sm : e.spacingScale.md
+    },
+    // Question container
+    questionContainer: {
+      display: "flex",
+      flexDirection: "column",
+      gap: e.isMobile ? e.spacingScale.lg : e.spacingScale.md
+    },
+    // Question content container
+    questionContentContainer: {
+      borderRadius: e.borderRadius.md,
+      gap: e.spacingScale.md,
+      display: "flex",
+      flexDirection: "column"
+    },
+    // Lead collection container
+    leadCollectionContainer: {
+      display: "flex",
+      flexDirection: "column",
+      p: e.isMobile ? e.spacingScale.sm : e.spacingScale.md
+    },
+    // Lead question container
+    leadQuestionContainer: {
+      display: "flex",
+      flexDirection: "column",
+      gap: e.isMobile ? e.spacingScale.lg : e.spacingScale.md
+    },
+    // Lead content container
+    leadContentContainer: {
+      borderRadius: e.borderRadius.md,
+      p: e.isMobile ? e.spacingScale.sm : e.spacingScale.md,
+      gap: e.spacingScale.md,
+      bgcolor: e.surfaceVariant,
+      display: "flex",
+      flexDirection: "column",
+      backdropFilter: "blur(4px)"
+    },
+    footerContainer: {
+      px: e.isMobile ? e.spacingScale.sm : e.spacingScale.md,
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: e.spacingScale.md
+    },
+    // Image container (left position)
+    imageContainerLeft: {
+      display: e.isMobile ? "none" : "block",
+      flex: "0.3",
+      overflow: "hidden",
+      height: "auto",
+      position: "relative",
+      minHeight: "auto",
+      backgroundImage: `url(${e.finalImage})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center center",
+      backgroundRepeat: "no-repeat",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    // Image container (right position)
+    imageContainerRight: {
+      display: e.isMobile ? "none" : "block",
+      flex: "0.3",
+      overflow: "hidden",
+      height: "auto",
+      position: "relative",
+      minHeight: "auto",
+      backgroundImage: `url(${e.finalImage})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center center",
+      backgroundRepeat: "no-repeat",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    // Desktop headline container
+    desktopHeadlineContainer: {
+      display: e.isMobile ? "none" : "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      gap: e.spacingScale["2xl"],
+      textAlign: "center"
+    },
+    // Mobile headline with image background
+    mobileHeadlineWithImage: {
+      display: e.isMobile ? "flex" : "none",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      gap: "10px",
+      backgroundImage: `url(${e.finalImage})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      borderTopLeftRadius: "5px",
+      borderTopRightRadius: "5px",
+      position: "relative",
+      minHeight: "210px",
+      overflow: "hidden",
+      height: "auto",
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        width: "100%",
+        height: "100%",
+        background: e.imageBackgroundGradient,
+        borderTopLeftRadius: "5px",
+        borderTopRightRadius: "5px"
+      }
+    },
+    // Mobile headline content
+    mobileHeadlineContent: {
+      zIndex: 1,
+      height: "100%",
+      p: e.spacingScale.xl,
+      gap: e.spacingScale["2xl"],
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between"
+    },
+    // Mobile headline without image
+    mobileHeadlineWithoutImage: {
+      display: e.isMobile ? "flex" : "none",
+      flex: "0.5",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      p: e.spacingScale.lg,
+      gap: e.spacingScale["2xl"]
+    },
+    // Headline typography (mobile with image)
+    headlineTypographyMobileImage: {
+      fontWeight: 500,
+      lineHeight: "166%",
+      letterSpacing: "1px",
+      fontSize: "0.75em",
+      color: ((i = e.brandingColors) == null ? void 0 : i.secondaryColor) || e.darkTextColor,
+      opacity: "70%",
+      textTransform: "uppercase",
+      fontFamily: e.fontFamilySecondary,
+      textAlign: "center"
+    },
+    // Headline typography (mobile without image & desktop)
+    headlineTypography: {
+      fontWeight: 500,
+      lineHeight: "166%",
+      letterSpacing: "1px",
+      textTransform: "uppercase",
+      fontSize: "0.75em",
+      color: e.secondaryColor,
+      opacity: e.opacity,
+      fontFamily: e.fontFamilySecondary,
+      textAlign: e.isMobile ? "center" : "left"
+    },
+    // Headline typography (desktop centered)
+    headlineTypographyDesktop: {
+      fontWeight: 500,
+      lineHeight: "166%",
+      letterSpacing: "1px",
+      textTransform: "uppercase",
+      fontSize: "0.75em",
+      color: e.secondaryColor,
+      opacity: e.opacity,
+      fontFamily: e.fontFamilySecondary
+    },
+    // Content container
+    contentContainer: {
+      display: "flex",
+      flexDirection: "column",
+      gap: e.spacingScale["3xs"]
+    },
+    // Title typography (mobile with image)
+    titleTypographyMobileImage: {
+      fontWeight: 700,
+      lineHeight: "133%",
+      fontSize: "1.5em",
+      letterSpacing: "0.15px",
+      color: ((n = e.brandingColors) == null ? void 0 : n.contentColor) || e.darkTextColor,
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: "center"
+    },
+    // Title typography (mobile without image & desktop responsive)
+    titleTypography: {
+      fontWeight: 700,
+      lineHeight: "133%",
+      letterSpacing: "0px",
+      fontSize: "1.5em",
+      color: e.textColor,
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: e.isMobile ? "center" : "left"
+    },
+    // Title typography (desktop centered)
+    titleTypographyDesktop: {
+      fontWeight: 700,
+      lineHeight: "133%",
+      letterSpacing: "0px",
+      fontSize: "1.5em",
+      color: e.textColor,
+      fontFamily: e.fontFamilyPrimary
+    },
+    // Description typography (mobile with image)
+    descriptionTypographyMobileImage: {
+      fontWeight: 400,
+      lineHeight: "140%",
+      fontSize: "1.25em",
+      letterSpacing: "0.15px",
+      color: ((t = e.brandingColors) == null ? void 0 : t.secondaryColor) || e.darkTextColor,
+      opacity: "70%",
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: "center"
+    },
+    // Description typography (mobile without image & desktop responsive)
+    descriptionTypography: {
+      fontWeight: 400,
+      lineHeight: "140%",
+      letterSpacing: "0.15px",
+      fontSize: "1.25em",
+      color: e.secondaryColor,
+      opacity: e.opacity,
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: e.isMobile ? "center" : "left"
+    },
+    // Description typography (desktop centered)
+    descriptionTypographyDesktop: {
+      fontWeight: 400,
+      lineHeight: "140%",
+      letterSpacing: "0.15px",
+      fontSize: "1.25em",
+      color: e.secondaryColor,
+      opacity: e.opacity,
+      fontFamily: e.fontFamilyPrimary
+    },
+    // Safe area indicator for Standard variant (30% width containers)
+    imageSafeArea: {
+      position: "relative",
+      zIndex: 2,
+      width: "165px",
+      // Safe area: 165px
+      height: "100%"
+      // Visual indicator for development (remove in production)
+      // border: "1px dashed rgba(255,255,255,0.7)",
+    }
+  };
+};
+export {
+  a as createStyles
+};

package/packages/match-quiz-play/src/components/Variants/Standard/SignIn/MatchQuizStandardSignIn.js

@@ -0,0 +1,129 @@
+import { j as i } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import N from "../../../Shared/MainCard.js";
+import U from "../../../Shared/PresentedBy.js";
+import { useInternalTheme as E, isMobile as V, useSpacingScale as W, useFontFamily as b, useCornerRadius as S, useColors as r, useImageBackgroundGradient as q } from "../../../../../../common/src/functions/theme.js";
+import "../../../../../../../node_modules/i18next/dist/esm/i18next.js";
+import "../../../../../../../node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
+import { WidgetTemplate as k } from "../../../../../../common/src/enums/enums.js";
+import { Button as l, Typography as a, Box as H } from "@mui/joy";
+import "react";
+import "../../../../../../common/src/providers/ConstantsProvider.js";
+import J from "../../../../../../common/src/components/Skeletons/Standard/SignIn/StandardSignInSkeleton.js";
+import { useImageVariant as K } from "../../../../../../common/src/hooks/useImageVariant.js";
+import "../../../../../../common/src/providers/ContainerProvider.js";
+import { createStyles as O } from "./MatchQuizStandardSignIn.styles.js";
+import { useTranslation as X } from "../../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+const dn = (n) => {
+  var g, d, x, I, f;
+  const t = ((g = n.matchQuiz.branding) == null ? void 0 : g.colors) || null, c = E(), s = V(), m = K(
+    {
+      images: n.matchQuiz.images,
+      imagePlaceholder: n.defaultImagePlaceholderUrl ? n.defaultImagePlaceholderUrl : ""
+    },
+    k.STANDARD
+  ), z = W(), P = b().primary, Q = b().secondary, L = S(), D = S().xl, w = (t == null ? void 0 : t.primaryColor) || r().palette.primary.plainColor, R = r().palette.primary.onPrimary, u = (t == null ? void 0 : t.contentColor) || r().textColor, v = (t == null ? void 0 : t.secondaryColor) || r().textColor, F = q(
+    k.STANDARD
+  ), M = s ? ((d = n.matchQuiz.branding) == null ? void 0 : d.images.mobileLogo) || ((x = n.matchQuiz.branding) == null ? void 0 : x.images.mainLogo) || "" : ((I = n.matchQuiz.branding) == null ? void 0 : I.images.mainLogo) || "", { t: o } = X(), _ = n.imagePosition || "left", e = O({
+    finalImage: m,
+    spacingScale: z,
+    borderRadius: L,
+    fontFamilyPrimary: P,
+    fontFamilySecondary: Q,
+    textColor: u,
+    secondaryColor: v,
+    brandingColors: t,
+    darkTextColor: c.colorSchemes.dark.textColor,
+    opacity: "60%",
+    imageBackgroundGradient: F,
+    buttonRadius: D,
+    primaryColor: w,
+    onPrimaryColor: R,
+    isMobile: s
+  }), G = () => {
+    var C, h, y, T;
+    return n.signInCTA ? (C = n.signInCTA) != null && C.component ? n.signInCTA.component : (h = n.signInCTA) != null && h.onClick ? /* @__PURE__ */ i.jsx(
+      l,
+      {
+        variant: "soft",
+        sx: {
+          ...e.signInButton,
+          ...e.pulseAnimation
+        },
+        onClick: n.signInCTA.onClick,
+        children: /* @__PURE__ */ i.jsx(a, { sx: e.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : (y = n.signInCTA) != null && y.url ? typeof window > "u" ? /* @__PURE__ */ i.jsx(
+      H,
+      {
+        component: "a",
+        href: n.signInCTA.url,
+        target: ((T = n.signInCTA) == null ? void 0 : T.target) || "_self",
+        sx: {
+          ...e.signInButton,
+          ...e.pulseAnimation,
+          textDecoration: "none",
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ i.jsx(a, { sx: e.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : /* @__PURE__ */ i.jsx(
+      l,
+      {
+        variant: "soft",
+        sx: {
+          ...e.signInButton,
+          ...e.pulseAnimation
+        },
+        onClick: () => {
+          var A, j, B;
+          ((A = n.signInCTA) == null ? void 0 : A.target) === "_blank" ? window.open((j = n.signInCTA) == null ? void 0 : j.url, "_blank") : window.location.href = (B = n.signInCTA) == null ? void 0 : B.url;
+        },
+        children: /* @__PURE__ */ i.jsx(a, { sx: e.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : /* @__PURE__ */ i.jsx(
+      l,
+      {
+        variant: "soft",
+        sx: {
+          ...e.signInButton
+        },
+        disabled: !0,
+        children: /* @__PURE__ */ i.jsx(a, { sx: e.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : /* @__PURE__ */ i.jsx(
+      l,
+      {
+        variant: "soft",
+        sx: {
+          ...e.signInButton
+        },
+        disabled: !0,
+        children: /* @__PURE__ */ i.jsx(a, { sx: e.signInButtonText, children: o("common.signIn") })
+      }
+    );
+  };
+  return /* @__PURE__ */ i.jsx(N, { brandingBorderColor: (t == null ? void 0 : t.borderColor) || null, children: /* @__PURE__ */ i.jsx(
+    J,
+    {
+      entity: n.matchQuiz,
+      headline: o("matchQuiz.headline"),
+      finalImage: m,
+      imagePosition: _,
+      signInContent: G(),
+      brandingContent: /* @__PURE__ */ i.jsx(
+        U,
+        {
+          brandingLogo: M,
+          textColor: s && m ? (t == null ? void 0 : t.contentColor) || c.colorSchemes.dark.textColor : u,
+          label: ((f = n.matchQuiz.labels) == null ? void 0 : f.sponsor) || null
+        }
+      ),
+      rulesDisplay: n.rulesDisplay
+    }
+  ) });
+};
+export {
+  dn as default
+};

package/packages/match-quiz-play/src/components/Variants/Standard/SignIn/MatchQuizStandardSignIn.styles.js

@@ -0,0 +1,239 @@
+const o = (e) => {
+  var i, t, n;
+  return {
+    // Pulse animation for buttons
+    pulseAnimation: {
+      "@keyframes pulse": {
+        "0%": { transform: "scale(1)" },
+        "50%": { transform: "scale(1.05)" },
+        "100%": { transform: "scale(1)" }
+      }
+    },
+    // Sign in button
+    signInButton: {
+      borderRadius: e.buttonRadius,
+      py: "10px",
+      px: "16px",
+      bgcolor: e.primaryColor,
+      color: e.onPrimaryColor,
+      transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
+      transform: "scale(1)",
+      alignSelf: "center",
+      "&:hover": {
+        bgcolor: e.primaryColor,
+        transform: "scale(1.02)"
+      },
+      "&:active": {
+        color: e.onPrimaryColor,
+        transform: "scale(0.98)"
+      },
+      "&:disabled": {
+        bgcolor: e.primaryColor,
+        color: e.onPrimaryColor,
+        opacity: "12%"
+      },
+      animation: "pulse 1s infinite",
+      fontSize: "0.9375em"
+    },
+    // Sign in button text
+    signInButtonText: {
+      fontFamily: e.fontFamilyPrimary,
+      fontWeight: 500,
+      fontSize: "0.9375em",
+      lineHeight: "24px",
+      letterSpacing: "0.46px",
+      textTransform: "uppercase",
+      color: e.onPrimaryColor,
+      gap: "8px",
+      display: "flex",
+      alignItems: "center"
+    },
+    // Mobile headline with image background
+    mobileHeadlineWithImage: {
+      display: e.isMobile ? "flex" : "none",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      gap: "10px",
+      backgroundImage: `url(${e.finalImage})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      borderTopLeftRadius: "5px",
+      borderTopRightRadius: "5px",
+      position: "relative",
+      minHeight: "210px",
+      overflow: "hidden",
+      height: "auto",
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        width: "100%",
+        height: "100%",
+        background: e.imageBackgroundGradient,
+        borderTopLeftRadius: "5px",
+        borderTopRightRadius: "5px"
+      }
+    },
+    // Content inside mobile headline with image
+    mobileHeadlineContent: {
+      zIndex: 1,
+      height: "100%",
+      p: e.spacingScale.xl,
+      gap: e.spacingScale["2xl"],
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between"
+    },
+    // Mobile headline without image
+    mobileHeadlineWithoutImage: {
+      display: e.isMobile ? "flex" : "none",
+      flex: "0.5",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      p: e.spacingScale.lg,
+      gap: e.spacingScale["2xl"]
+    },
+    // Headline typography (mobile with image)
+    headlineTypographyMobileImage: {
+      fontWeight: 500,
+      lineHeight: "166%",
+      letterSpacing: "1px",
+      fontSize: "0.75em",
+      color: ((i = e.brandingColors) == null ? void 0 : i.secondaryColor) || e.darkTextColor,
+      opacity: "70%",
+      textTransform: "uppercase",
+      fontFamily: e.fontFamilySecondary,
+      textAlign: "center"
+    },
+    // Headline typography (mobile without image & desktop)
+    headlineTypography: {
+      fontWeight: 500,
+      lineHeight: "166%",
+      letterSpacing: "1px",
+      textTransform: "uppercase",
+      fontSize: "0.75em",
+      color: e.secondaryColor,
+      opacity: e.opacity,
+      fontFamily: e.fontFamilySecondary,
+      textAlign: "center"
+    },
+    // Title typography (mobile with image)
+    titleTypographyMobileImage: {
+      fontWeight: 700,
+      lineHeight: "133%",
+      fontSize: "1.5em",
+      letterSpacing: "0.15px",
+      color: ((t = e.brandingColors) == null ? void 0 : t.contentColor) || e.darkTextColor,
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: "center"
+    },
+    // Title typography (mobile without image & desktop)
+    titleTypography: {
+      fontWeight: 700,
+      lineHeight: "133%",
+      letterSpacing: "0px",
+      fontSize: "1.5em",
+      color: e.textColor,
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: e.isMobile ? "center" : "left"
+    },
+    // Description typography (mobile with image)
+    descriptionTypographyMobileImage: {
+      fontWeight: 400,
+      lineHeight: "140%",
+      fontSize: "1.25em",
+      letterSpacing: "0.15px",
+      color: ((n = e.brandingColors) == null ? void 0 : n.secondaryColor) || e.darkTextColor,
+      opacity: "70%",
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: "center"
+    },
+    // Description typography (mobile without image & desktop)
+    descriptionTypography: {
+      fontWeight: 400,
+      lineHeight: "140%",
+      letterSpacing: "0.15px",
+      fontSize: "1.25em",
+      color: e.secondaryColor,
+      opacity: e.opacity,
+      fontFamily: e.fontFamilyPrimary,
+      textAlign: e.isMobile ? "center" : "left"
+    },
+    // Desktop title typography (centered)
+    titleTypographyDesktop: {
+      fontWeight: 700,
+      lineHeight: "133%",
+      letterSpacing: "0px",
+      fontSize: "1.5em",
+      color: e.textColor,
+      fontFamily: e.fontFamilyPrimary
+    },
+    // Desktop description typography (centered)
+    descriptionTypographyDesktop: {
+      fontWeight: 400,
+      lineHeight: "140%",
+      letterSpacing: "0.15px",
+      fontSize: "1.25em",
+      color: e.secondaryColor,
+      opacity: e.opacity,
+      fontFamily: e.fontFamilyPrimary
+    },
+    // Image container (left position)
+    imageContainerLeft: {
+      display: e.isMobile ? "none" : "block",
+      flex: "0.3",
+      borderTopLeftRadius: e.borderRadius.md,
+      borderBottomLeftRadius: e.borderRadius.md,
+      overflow: "hidden",
+      height: "auto",
+      position: "relative"
+    },
+    // Image container (right position)
+    imageContainerRight: {
+      display: e.isMobile ? "none" : "block",
+      flex: "0.3",
+      borderTopRightRadius: "5px",
+      borderBottomRightRadius: "5px",
+      overflow: "hidden",
+      height: "auto",
+      position: "relative"
+    },
+    // Main content area
+    mainContentArea: {
+      flex: e.isMobile ? "1" : e.finalImage ? "0.7" : "1",
+      display: e.isMobile ? "none" : "flex",
+      flexDirection: "column",
+      p: e.spacingScale.md,
+      gap: e.spacingScale["2xl"]
+    },
+    // Desktop headline container
+    desktopHeadlineContainer: {
+      display: e.isMobile ? "none" : "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      gap: e.spacingScale["2xl"],
+      textAlign: "center"
+    },
+    // Content container
+    contentContainer: {
+      display: "flex",
+      flexDirection: "column",
+      gap: e.spacingScale["3xs"]
+    },
+    // Start button container
+    signInButtonContainer: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      alignItems: "center",
+      gap: e.spacingScale["2xl"]
+    },
+    image: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
+    }
+  };
+};
+export {
+  o as createStyles
+};

package/packages/match-quiz-play/src/helpers/helpers.js

@@ -0,0 +1,9 @@
+const _ = (R) => R === "CORRECT_SCORE" || R === "CORRECT_SCORE_HT" || R === "CORRECT_SCORE_ADVANCED", e = (R) => R === "PLAYER_SCORE" || R === "PLAYER_YELLOW_CARD" || R === "PLAYER_RED_CARD" || R === "PLAYER_SCORE_FIRST_GOAL" || R === "PLAYER_SCORE_HATTRICK" || R === "PLAYER_SCORE_TWICE", n = (R) => {
+  const C = (/* @__PURE__ */ new Date()).getTime(), E = new Date(R).getTime();
+  return C > E;
+};
+export {
+  _ as isCorrectScore,
+  e as isPlayersMarket,
+  n as isPredictionsCutoffPassed
+};

package/packages/match-quiz-play/src/hooks/useMatchQuiz.js

@@ -0,0 +1,42 @@
+import { isPlayersMarket as I } from "../helpers/helpers.js";
+import { GameByIdModel as M } from "fansunited-sdk-esm";
+import { useState as i, useEffect as T } from "react";
+const z = (l, a, m) => {
+  const [f, c] = i(null), [w, o] = i(
+    null
+  ), [h, s] = i(null), g = async () => {
+    try {
+      const t = await a.matchQuiz.getGameById(l, !0);
+      c(t);
+      const r = t.fixtures.some(
+        (e) => I(e.market)
+      ), u = t.fixtures[0].matchModel.homeTeam.id, y = t.fixtures[0].matchModel.awayTeam.id, n = (/* @__PURE__ */ new Map()).set(u, []).set(y, []);
+      if (r)
+        try {
+          const e = await a.football.getTeamById(u), d = await a.football.getTeamById(y);
+          n.set(e.id, e.squad), n.set(d.id, d.squad);
+        } catch (e) {
+          console.warn(e);
+        } finally {
+          o(n);
+          return;
+        }
+      o(n);
+    } catch (t) {
+      console.warn(t), c(new M()), o(/* @__PURE__ */ new Map());
+    }
+  }, p = async () => {
+    try {
+      const r = (await a.loyalty.getConfigV2(!0)).rewards.points.matchQuiz;
+      s(r);
+    } catch (t) {
+      console.warn(t), s([]);
+    }
+  };
+  return T(() => (g(), m ? p() : s([]), () => {
+    c(null), o(null), s(null);
+  }), [l, a, m]), { game: f, squads: w, points: h };
+};
+export {
+  z as useMatchQuizById
+};