fansunited-frontend-components 0.0.31-RC5 → 0.0.31-RC6

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

@@ -1,513 +0,0 @@
-import { j as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import Y, { useCallback as b, useMemo as q } from "react";
-import { Box as o, Typography as f, Button as fe } from "@mui/joy";
-import { useInternalTheme as We, isMobile as Ue, isExtraSmall as Ke, useColors as O, useFontFamily as Se, useCornerRadius as Re, useSpacingScale as Xe, useImageBackgroundGradient as Je } from "../../../../../common/src/functions/theme.js";
-import { hexToRgb as Ze } from "../../../../../common/src/functions/helpers.js";
-import "../../../../../../node_modules/i18next/dist/esm/i18next.js";
-import "../../../../../../node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
-import { WidgetTemplate as ge } from "../../../../../common/src/enums/enums.js";
-import "../../../../../common/src/providers/ConstantsProvider.js";
-import et from "../../../../../common/src/components/Skeletons/Standard/StandardSkeleton.js";
-import { useImageVariant as tt } from "../../../../../common/src/hooks/useImageVariant.js";
-import "../../../../../common/src/providers/ContainerProvider.js";
-import at from "../../Shared/MainCard.js";
-import it from "../../Shared/PresentedBy.js";
-import rt from "../../Leads/CollectLeadWrapper.js";
-import { createStyles as nt } from "./MatchQuizStandardVariant.styles.js";
-import { MarketEnum as n } from "fansunited-sdk-esm";
-import ot from "../../Shared/Fixtures/CorrectScore/CorrectScoreFixture.js";
-import st from "../../Shared/Fixtures/1X2/OneXTwoFixture.js";
-import ct from "../../Shared/Fixtures/Corners/CornersFixture.js";
-import lt from "../../Shared/Fixtures/YesNo/YesNoFixture.js";
-import mt from "../../Shared/Fixtures/Players/PlayersFixture.js";
-import dt from "../../Shared/Stepper.js";
-import ut from "../../Shared/Countdown.js";
-import xt from "../../Shared/Summary/PredictionSummary.js";
-import { isPredictionsCutoffPassed as ht } from "../../../helpers/helpers.js";
-import { useTranslation as Ct } from "../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
-const Yt = (a) => {
-  var J, Z, ee, te, ae, ie, re, ne, oe, se, ce, le, me, de;
-  const [x, D] = Y.useState(1), [Ee, H] = Y.useState(
-    ((J = a.leads) == null ? void 0 : J.position) === "before" && a.matchQuiz.authRequirement === "LEAD"
-  ), _e = We(), { t: C } = Ct();
-  Y.useEffect(() => {
-    var t;
-    H(
-      ((t = a.leads) == null ? void 0 : t.position) === "before" && a.matchQuiz.authRequirement === "LEAD" || !1
-    );
-  }, [(Z = a.leads) == null ? void 0 : Z.position, a.matchQuiz.authRequirement]);
-  const p = Ue(), ye = Ke(), r = ((ee = a.matchQuiz.branding) == null ? void 0 : ee.colors) || null, E = p ? ((ae = (te = a.matchQuiz.branding) == null ? void 0 : te.images) == null ? void 0 : ae.mobileLogo) || ((re = (ie = a.matchQuiz.branding) == null ? void 0 : ie.images) == null ? void 0 : re.mainLogo) || "" : ((oe = (ne = a.matchQuiz.branding) == null ? void 0 : ne.images) == null ? void 0 : oe.mainLogo) || "", je = a.imagePosition || "left", v = tt(
-    {
-      images: a.matchQuiz.images,
-      imagePlaceholder: a.defaultImagePlaceholderUrl ? a.defaultImagePlaceholderUrl : ""
-    },
-    ge.STANDARD
-  ), R = ye || p && !!v, ke = O().palette.danger.plainColor, _ = (r == null ? void 0 : r.contentColor) || O().textColor, Oe = (r == null ? void 0 : r.secondaryColor) || O().textColor, Pe = Se().secondary, Te = "60%", I = Se().primary, ze = (r == null ? void 0 : r.backgroundColor) || O().surfaceVariant, Ae = Re(), g = (r == null ? void 0 : r.primaryColor) || O().palette.primary.plainColor, P = O().palette.primary.onPrimary, $ = Re().xl, Le = Xe(), Qe = Je(
-    ge.STANDARD
-  ), i = nt({
-    finalImage: v,
-    spacingScale: Le,
-    borderRadius: Ae,
-    fontFamilyPrimary: I,
-    fontFamilySecondary: Pe,
-    textColor: _,
-    secondaryColor: Oe,
-    bgcolor: Ze(ze || ""),
-    opacity: Te,
-    brandingColors: r,
-    darkTextColor: _e.colorSchemes.dark.textColor,
-    imageBackgroundGradient: Qe,
-    isMobile: p,
-    isExtraSmall: R,
-    dangerColor: ke
-  }), be = () => {
-    H(!1);
-  }, B = b(
-    (t, l, m) => {
-      const s = `${l}:${m}`;
-      a.setPrediction((c) => {
-        const d = { ...c }, h = d.fixtures.find((y) => y.market === t);
-        return h && (h.prediction.value = s), d;
-      });
-    },
-    [a.setPrediction]
-  ), W = b(
-    (t, l) => {
-      a.setPrediction((m) => {
-        const s = { ...m }, c = s.fixtures.find(
-          (d) => d.market === t
-        );
-        return c && (c.prediction.value = l), s;
-      });
-    },
-    [a.setPrediction]
-  ), U = b(
-    (t, l) => {
-      a.setPrediction((m) => {
-        const s = { ...m }, c = s.fixtures.find(
-          (d) => d.market === t
-        );
-        return c && (c.prediction.playerId = l), s;
-      });
-    },
-    [a.setPrediction]
-  ), K = b(
-    (t, l) => {
-      a.setPrediction((m) => {
-        const s = { ...m }, c = s.fixtures.find((d) => d.market === t);
-        return c && (c.prediction.value = l), s;
-      });
-    },
-    [a.setPrediction]
-  ), j = a.matchQuiz.fixtures.length + 1, N = a.matchQuiz.status === "OPEN" && ht(a.matchQuiz.predictionsCutoff), De = x === j && ((se = a.leads) == null ? void 0 : se.position) !== "after" ? C("matchQuiz.buttons.play") : C("matchQuiz.buttons.next"), pe = () => {
-    x < j ? D(x + 1) : a.play();
-  }, ve = (t) => {
-    D(t + 1);
-  }, Ie = () => {
-    var m, s;
-    if (x === j) return !0;
-    const t = a.matchQuiz.fixtures[x - 1];
-    if (!t) return !1;
-    const l = (s = (m = a.prediction) == null ? void 0 : m.fixtures) == null ? void 0 : s.find(
-      (c) => c.market === t.market
-    );
-    return l ? t.market === n.CORRECT_SCORE || t.market === n.CORRECT_SCORE_HT || t.market === n.CORRECT_SCORE_ADVANCED || t.market === n.CORNERS_MATCH ? !0 : t.market === n.PLAYER_SCORE || t.market === n.PLAYER_YELLOW_CARD || t.market === n.PLAYER_RED_CARD || t.market === n.PLAYER_SCORE_FIRST_GOAL || t.market === n.PLAYER_SCORE_HATTRICK || t.market === n.PLAYER_SCORE_TWICE ? l.prediction.playerId !== void 0 : l.prediction.value !== null : !1;
-  }, Ne = () => {
-    x > 1 && D(x - 1);
-  }, we = () => /* @__PURE__ */ e.jsx(o, { sx: i.questionArea, children: /* @__PURE__ */ e.jsxs(o, { sx: i.questionContainer, children: [
-    /* @__PURE__ */ e.jsx(o, { sx: i.questionContentContainer, children: /* @__PURE__ */ e.jsxs(o, { sx: i.gameStateContainer, children: [
-      /* @__PURE__ */ e.jsx(f, { sx: i.stateTitle, children: C("matchQuiz.states.pending.title") }),
-      /* @__PURE__ */ e.jsx(f, { sx: i.stateDescription, children: C("matchQuiz.states.pending.description") })
-    ] }) }),
-    E && /* @__PURE__ */ e.jsx(o, { sx: i.footerContainer, children: k(_) })
-  ] }) }), X = () => {
-    var s, c, d, h;
-    const t = (s = a.matchQuiz.fixtures[0]) == null ? void 0 : s.matchModel;
-    if (!t || !((c = t.scores) != null && c.ftScore)) return null;
-    const l = t.scores.ftScore.homeGoals || 0, m = t.scores.ftScore.awayGoals || 0;
-    return /* @__PURE__ */ e.jsxs(o, { sx: i.matchResultBadge, children: [
-      ((d = t.homeTeam.assets) == null ? void 0 : d.logo) && /* @__PURE__ */ e.jsx(o, { sx: i.matchResultTeamLogo, children: /* @__PURE__ */ e.jsx(
-        "img",
-        {
-          src: t.homeTeam.assets.logo,
-          alt: t.homeTeam.name,
-          style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: "50%",
-            objectFit: "cover"
-          }
-        }
-      ) }),
-      /* @__PURE__ */ e.jsxs(f, { sx: i.matchResultScoreText, children: [
-        l,
-        " - ",
-        m
-      ] }),
-      ((h = t.awayTeam.assets) == null ? void 0 : h.logo) && /* @__PURE__ */ e.jsx(o, { sx: i.matchResultTeamLogo, children: /* @__PURE__ */ e.jsx(
-        "img",
-        {
-          src: t.awayTeam.assets.logo,
-          alt: t.awayTeam.name,
-          style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: "50%",
-            objectFit: "cover"
-          }
-        }
-      ) })
-    ] });
-  }, Me = () => /* @__PURE__ */ e.jsx(o, { sx: i.questionArea, children: /* @__PURE__ */ e.jsxs(o, { sx: i.questionContainer, children: [
-    /* @__PURE__ */ e.jsx(o, { sx: i.questionContentContainer, children: /* @__PURE__ */ e.jsxs(o, { sx: i.gameStateContainer, children: [
-      X(),
-      /* @__PURE__ */ e.jsxs(o, { sx: i.liveIndicatorContainer, children: [
-        /* @__PURE__ */ e.jsx(o, { sx: i.liveIndicator }),
-        /* @__PURE__ */ e.jsx(f, { sx: i.liveText, children: C("matchQuiz.states.live.indicator") })
-      ] }),
-      /* @__PURE__ */ e.jsx(f, { sx: i.stateDescription, children: C("matchQuiz.states.live.description") })
-    ] }) }),
-    E && /* @__PURE__ */ e.jsx(o, { sx: i.footerContainer, children: k(_) })
-  ] }) }), Ve = () => /* @__PURE__ */ e.jsx(o, { sx: i.questionArea, children: /* @__PURE__ */ e.jsxs(o, { sx: i.questionContainer, children: [
-    /* @__PURE__ */ e.jsx(o, { sx: i.questionContentContainer, children: /* @__PURE__ */ e.jsxs(o, { sx: i.gameStateContainer, children: [
-      X(),
-      /* @__PURE__ */ e.jsx(o, { sx: i.closedStateHeader, children: /* @__PURE__ */ e.jsx(f, { sx: i.stateTitle, children: C("matchQuiz.states.closed.title") }) }),
-      /* @__PURE__ */ e.jsx(f, { sx: i.stateDescription, children: C("matchQuiz.states.closed.description") })
-    ] }) }),
-    E && /* @__PURE__ */ e.jsx(o, { sx: i.footerContainer, children: k(_) })
-  ] }) }), Fe = () => /* @__PURE__ */ e.jsxs(o, { sx: i.gameStateContainer, children: [
-    /* @__PURE__ */ e.jsx(f, { sx: i.stateTitle, children: C("matchQuiz.states.open.title") }),
-    /* @__PURE__ */ e.jsx(f, { sx: i.stateDescription, children: C("matchQuiz.states.open.description") })
-  ] }), Ge = () => {
-    var t, l, m, s, c, d, h, y, A, L, Q;
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: Ee ? /* @__PURE__ */ e.jsx(o, { sx: i.leadCollectionContainer, children: /* @__PURE__ */ e.jsxs(o, { sx: i.leadQuestionContainer, children: [
-      /* @__PURE__ */ e.jsx(o, { sx: i.leadContentContainer, children: /* @__PURE__ */ e.jsx(
-        rt,
-        {
-          sdk: a.sdk,
-          startGame: be,
-          contentId: a.matchQuiz.id,
-          contentName: a.matchQuiz.title,
-          brandingColors: (t = a.matchQuiz.branding) == null ? void 0 : t.colors,
-          brandingUrls: (l = a.matchQuiz.branding) == null ? void 0 : l.urls,
-          campaignId: (m = a.leads) == null ? void 0 : m.campaignId,
-          campaignName: (s = a.leads) == null ? void 0 : s.campaignName,
-          fields: (c = a.leads) == null ? void 0 : c.fields,
-          leadTitle: (d = a.matchQuiz.labels) == null ? void 0 : d.leadTitle,
-          leadDescription: (h = a.matchQuiz.labels) == null ? void 0 : h.leadDescription,
-          leadCta: (y = a.matchQuiz.labels) == null ? void 0 : y.leadCta,
-          leadSuccessTitle: (A = a.matchQuiz.labels) == null ? void 0 : A.leadSuccessTitle,
-          leadSuccessDescription: (L = a.matchQuiz.labels) == null ? void 0 : L.leadSuccessDescription,
-          syncWithProfile: (Q = a.leads) == null ? void 0 : Q.syncWithProfile
-        }
-      ) }),
-      k(_)
-    ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      a.showCountdown && a.matchQuiz.status === "OPEN" && /* @__PURE__ */ e.jsx(
-        ut,
-        {
-          predictionsCutoffTime: a.matchQuiz.predictionsCutoff,
-          brandingPrimaryColor: r == null ? void 0 : r.primaryColor
-        }
-      ),
-      /* @__PURE__ */ e.jsx(o, { sx: i.questionArea, children: /* @__PURE__ */ e.jsxs(o, { sx: i.questionContainer, children: [
-        !N && /* @__PURE__ */ e.jsx(o, { sx: i.paginationContainer, children: /* @__PURE__ */ e.jsx(
-          dt,
-          {
-            matchQuiz: a.matchQuiz,
-            currentStep: x,
-            totalSteps: j,
-            brandingPrimaryColor: r == null ? void 0 : r.primaryColor
-          }
-        ) }),
-        x === j ? /* @__PURE__ */ e.jsx(
-          xt,
-          {
-            fixtures: a.matchQuiz.fixtures,
-            prediction: a.prediction,
-            brandingPrimaryColor: r == null ? void 0 : r.primaryColor,
-            onEditPrediction: ve,
-            onPredictionUpdate: a.setPrediction,
-            view: "play",
-            play: async () => a.play()
-          }
-        ) : /* @__PURE__ */ e.jsx(o, { sx: i.questionContentContainer, children: qe() }),
-        /* @__PURE__ */ e.jsxs(
-          o,
-          {
-            sx: E ? i.footerContainer : i.footerContainerNoLogo,
-            children: [
-              E && !R ? k(_, "row") : /* @__PURE__ */ e.jsx(e.Fragment, {}),
-              /* @__PURE__ */ e.jsxs(o, { sx: i.navigationContainer, children: [
-                x > 1 && x < j && /* @__PURE__ */ e.jsx(
-                  fe,
-                  {
-                    variant: "outlined",
-                    onClick: Ne,
-                    sx: {
-                      borderRadius: $,
-                      py: "10px",
-                      px: "16px",
-                      borderColor: g,
-                      color: g,
-                      transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
-                      transform: "scale(1)",
-                      alignSelf: "center",
-                      "&:hover": {
-                        borderColor: g,
-                        backgroundColor: `${g}10`,
-                        transform: "scale(1.02)"
-                      },
-                      "&:active": {
-                        transform: "scale(0.98)"
-                      },
-                      fontSize: "0.9375em"
-                    },
-                    children: /* @__PURE__ */ e.jsx(
-                      f,
-                      {
-                        sx: {
-                          fontFamily: I,
-                          fontWeight: 500,
-                          fontSize: "0.9375em",
-                          lineHeight: "24px",
-                          letterSpacing: "0.46px",
-                          textTransform: "uppercase",
-                          color: g,
-                          gap: "8px",
-                          display: "flex",
-                          alignItems: "center"
-                        },
-                        children: C("matchQuiz.buttons.back")
-                      }
-                    )
-                  }
-                ),
-                !N && /* @__PURE__ */ e.jsx(
-                  fe,
-                  {
-                    variant: "soft",
-                    onClick: pe,
-                    disabled: !Ie(),
-                    loading: a.isPlaying,
-                    sx: {
-                      borderRadius: $,
-                      py: "10px",
-                      px: "16px",
-                      bgcolor: g,
-                      color: P,
-                      transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
-                      transform: "scale(1)",
-                      alignSelf: "center",
-                      "&:hover": {
-                        bgcolor: g,
-                        transform: "scale(1.02)"
-                      },
-                      "&:active": {
-                        color: P,
-                        transform: "scale(0.98)"
-                      },
-                      "&:disabled": {
-                        bgcolor: g,
-                        color: P,
-                        opacity: "12%"
-                      },
-                      "--Icon-color": P,
-                      fontSize: "0.9375em"
-                    },
-                    children: /* @__PURE__ */ e.jsx(
-                      f,
-                      {
-                        sx: {
-                          fontFamily: I,
-                          fontWeight: 500,
-                          fontSize: "0.9375em",
-                          lineHeight: "24px",
-                          letterSpacing: "0.46px",
-                          textTransform: "uppercase",
-                          color: P,
-                          gap: "8px",
-                          display: "flex",
-                          alignItems: "center"
-                        },
-                        children: De
-                      }
-                    )
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        E && R ? k(_) : /* @__PURE__ */ e.jsx(e.Fragment, {})
-      ] }) })
-    ] }) });
-  }, Ye = () => {
-    switch (a.matchQuiz.status) {
-      case "PENDING":
-        return we();
-      case "LIVE":
-        return Me();
-      case "CLOSED":
-        return Ve();
-      default:
-        return Ge();
-    }
-  }, k = (t, l) => {
-    var m, s, c, d, h;
-    return /* @__PURE__ */ e.jsx(
-      it,
-      {
-        brandingLogo: E,
-        textColor: t,
-        label: ((m = a.matchQuiz.labels) == null ? void 0 : m.sponsor) || null,
-        flexDirection: l,
-        primaryUrl: (c = (s = a.matchQuiz.branding) == null ? void 0 : s.urls) == null ? void 0 : c.primaryUrl,
-        secondaryUrl: (h = (d = a.matchQuiz.branding) == null ? void 0 : d.urls) == null ? void 0 : h.secondaryUrl
-      }
-    );
-  }, u = q(() => a.matchQuiz.fixtures[x - 1], [a.matchQuiz.fixtures, x]), T = q(() => u == null ? void 0 : u.matchModel, [
-    (le = (ce = u == null ? void 0 : u.matchModel) == null ? void 0 : ce.homeTeam) == null ? void 0 : le.id,
-    (de = (me = u == null ? void 0 : u.matchModel) == null ? void 0 : me.awayTeam) == null ? void 0 : de.id
-  ]), z = q(() => u ? {
-    onScoreChange: (t, l) => B(u.market, t, l),
-    onSelectionChange: (t) => W(u.market, t),
-    onCornersChange: (t) => K(u.market, t),
-    onPlayerSelection: (t) => U(u.market, t)
-  } : {}, [
-    u == null ? void 0 : u.market,
-    B,
-    W,
-    K,
-    U
-  ]), qe = () => {
-    var l, m, s, c, d, h, y, A, L, Q, ue, xe, he, Ce;
-    const t = u;
-    if (N)
-      return Fe();
-    if (t)
-      switch (t.market) {
-        case n.CORRECT_SCORE:
-        case n.CORRECT_SCORE_HT:
-        case n.CORRECT_SCORE_ADVANCED:
-          const w = (m = (l = a.prediction) == null ? void 0 : l.fixtures) == null ? void 0 : m.find(
-            (S) => S.market === t.market
-          ), He = (w == null ? void 0 : w.prediction.value) || "0:0", [$e, Be] = He.split(":").map(Number);
-          return /* @__PURE__ */ e.jsx(
-            ot,
-            {
-              matchModel: T,
-              market: t.market,
-              brandingPrimaryColor: r == null ? void 0 : r.primaryColor,
-              onScoreChange: z.onScoreChange,
-              initialHomeScore: $e,
-              initialAwayScore: Be,
-              useExtraSmallLayout: R
-            },
-            `${t.market}-${x}`
-          );
-        case n.FT_1X2:
-        case n.HT_1X2:
-          const M = (c = (s = a.prediction) == null ? void 0 : s.fixtures) == null ? void 0 : c.find(
-            (S) => S.market === t.market
-          );
-          return /* @__PURE__ */ e.jsx(
-            st,
-            {
-              matchModel: T,
-              market: t.market,
-              brandingPrimaryColor: r == null ? void 0 : r.primaryColor,
-              prediction: ((d = M == null ? void 0 : M.prediction) == null ? void 0 : d.value) || null,
-              onSelectionChange: z.onSelectionChange,
-              useExtraSmallLayout: R
-            },
-            `${t.market}-${x}`
-          );
-        case n.CORNERS_MATCH:
-          const V = (y = (h = a.prediction) == null ? void 0 : h.fixtures) == null ? void 0 : y.find(
-            (S) => S.market === t.market
-          );
-          return /* @__PURE__ */ e.jsx(
-            ct,
-            {
-              matchModel: T,
-              market: t.market,
-              prediction: (A = V == null ? void 0 : V.prediction) == null ? void 0 : A.value,
-              brandingPrimaryColor: r == null ? void 0 : r.primaryColor,
-              onCornersChange: z.onCornersChange,
-              useExtraSmallLayout: R
-            },
-            `${t.market}-${x}`
-          );
-        case n.OVER_GOALS_0_5:
-        case n.OVER_GOALS_1_5:
-        case n.OVER_GOALS_2_5:
-        case n.OVER_GOALS_3_5:
-        case n.OVER_GOALS_4_5:
-        case n.OVER_GOALS_5_5:
-        case n.OVER_GOALS_6_5:
-        case n.OVER_CORNERS_6_5:
-        case n.OVER_CORNERS_7_5:
-        case n.OVER_CORNERS_8_5:
-        case n.OVER_CORNERS_9_5:
-        case n.OVER_CORNERS_10_5:
-        case n.OVER_CORNERS_11_5:
-        case n.OVER_CORNERS_12_5:
-        case n.OVER_CORNERS_13_5:
-        case n.RED_CARD_MATCH:
-        case n.PENALTY_MATCH:
-          const F = (Q = (L = a.prediction) == null ? void 0 : L.fixtures) == null ? void 0 : Q.find(
-            (S) => S.market === t.market
-          );
-          return /* @__PURE__ */ e.jsx(
-            lt,
-            {
-              matchModel: T,
-              market: t.market,
-              brandingPrimaryColor: r == null ? void 0 : r.primaryColor,
-              prediction: (ue = F == null ? void 0 : F.prediction) == null ? void 0 : ue.value,
-              onSelectionChange: z.onSelectionChange,
-              useExtraSmallLayout: R
-            },
-            t.market
-          );
-        case n.PLAYER_SCORE:
-        case n.PLAYER_YELLOW_CARD:
-        case n.PLAYER_RED_CARD:
-        case n.PLAYER_SCORE_FIRST_GOAL:
-        case n.PLAYER_SCORE_HATTRICK:
-        case n.PLAYER_SCORE_TWICE:
-          const G = (he = (xe = a.prediction) == null ? void 0 : xe.fixtures) == null ? void 0 : he.find(
-            (S) => S.market === t.market
-          );
-          return /* @__PURE__ */ e.jsx(
-            mt,
-            {
-              matchModel: T,
-              market: t.market,
-              brandingPrimaryColor: r == null ? void 0 : r.primaryColor,
-              prediction: (Ce = G == null ? void 0 : G.prediction) == null ? void 0 : Ce.playerId,
-              onPlayerSelection: z.onPlayerSelection,
-              useExtraSmallLayout: R
-            },
-            `${t.market}-${x}`
-          );
-        default:
-          return /* @__PURE__ */ e.jsx(e.Fragment, {});
-      }
-  };
-  return /* @__PURE__ */ e.jsx(at, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ e.jsx(
-    et,
-    {
-      entity: a.matchQuiz,
-      headline: C("matchQuiz.headline"),
-      finalImage: v,
-      imagePosition: je,
-      rulesDisplay: a.rulesDisplay,
-      children: Ye()
-    }
-  ) });
-};
-export {
-  Yt as default
-};