fansunited-frontend-components 0.0.31-RC5 → 0.0.31-RC7

package/packages/match-quiz-play/src/components/Variants/Overlay/LeadCollection/OverlayLeadAfterCollection.js

@@ -1,35 +0,0 @@
-import { j as i } from "../../../../../../../node_modules/react/jsx-runtime.js";
-import "react";
-import "../../../../../../common/src/providers/ContainerProvider.js";
-import "../../../../../../../node_modules/i18next/dist/esm/i18next.js";
-import "../../../../../../../node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
-import "@mui/joy";
-import "../../../../../../common/src/providers/ConstantsProvider.js";
-import m from "../../../../../../common/src/components/LeadCollection/OverlayLeadAfterCollection.js";
-import r from "../../../../assets/default-quiz-bg.png.js";
-import a from "../../../../assets/default-quiz-bg-vertical.jpg.js";
-import o from "../../../Shared/PresentedBy.js";
-import l from "../../../Leads/CollectLeadWrapper.js";
-import { useTranslation as d } from "../../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
-const P = (e) => {
-  const { t } = d();
-  return /* @__PURE__ */ i.jsx(
-    m,
-    {
-      entity: e.matchQuiz,
-      headline: t("matchQuiz.headline"),
-      sdk: e.sdk,
-      leads: e.leads,
-      defaultImagePlaceholder: e.defaultImagePlaceholderUrl || r,
-      mobileImagePlaceholder: a,
-      onLeadSubmitted: e.onLeadSubmitted,
-      isSubmitting: e.isSubmitting,
-      PresentedBy: o,
-      CollectLeadWrapper: l,
-      rulesDisplay: e.rulesDisplay
-    }
-  );
-};
-export {
-  P as default
-};

package/packages/match-quiz-play/src/components/Variants/Overlay/MatchQuizOverlayVariant.js

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