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

package/packages/match-quiz-play/src/components/Shared/Stepper.js

@@ -1,151 +0,0 @@
-import { j as o } from "../../../../../node_modules/react/jsx-runtime.js";
-import { Box as i, Typography as u } from "@mui/joy";
-import { useColors as C, useCornerRadius as y, isMobile as f, getSpacing as j } 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 "react";
-import "../../../../common/src/providers/ConstantsProvider.js";
-import "../../../../common/src/providers/ContainerProvider.js";
-const z = (e) => {
-  const r = C(), p = y(), m = f(), g = () => {
-    const c = p.full, a = e.brandingPrimaryColor || r.palette.primary.plainColor, l = e.brandingPrimaryColor || r.palette.primary.outlinedBorder, n = "#FFFFFF", t = r.outlineEnabledBorder;
-    return /* @__PURE__ */ o.jsxs(
-      i,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          width: "100%"
-        },
-        children: [
-          /* @__PURE__ */ o.jsx(
-            i,
-            {
-              sx: {
-                flex: 1,
-                height: "3px",
-                backgroundColor: t,
-                borderRadius: "1px"
-              }
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            i,
-            {
-              sx: {
-                width: "32px",
-                height: "32px",
-                borderRadius: c,
-                backgroundColor: a,
-                border: `1px solid ${l}`,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                transition: "background-color 0.3s ease",
-                mx: 1.5
-                // Add margin between lines and circle
-              },
-              children: /* @__PURE__ */ o.jsx(
-                u,
-                {
-                  sx: {
-                    fontSize: "14px",
-                    fontWeight: 600,
-                    color: n,
-                    lineHeight: 1
-                  },
-                  children: e.currentStep
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            i,
-            {
-              sx: {
-                flex: 1,
-                height: "3px",
-                backgroundColor: t,
-                borderRadius: "1px"
-              }
-            }
-          )
-        ]
-      }
-    );
-  }, b = () => {
-    const c = p.full, a = e.totalSteps || e.matchQuiz.fixtures.length, l = [];
-    for (let n = 0; n < a; n++) {
-      const t = n + 1;
-      let s, d, x;
-      if (t < e.currentStep ? (s = e.brandingPrimaryColor || r.palette.primary.plainColor, d = e.brandingPrimaryColor || r.palette.primary.outlinedBorder, x = "#FFFFFF") : t === e.currentStep ? (s = e.brandingPrimaryColor || r.palette.primary.plainColor, d = e.brandingPrimaryColor || r.palette.primary.outlinedBorder, x = r.palette.primary.onPrimary) : (s = r.palette.neutral.softBg, d = r.outlineEnabledBorder, x = r.textColor), l.push(
-        /* @__PURE__ */ o.jsx(
-          i,
-          {
-            sx: {
-              width: "32px",
-              height: "32px",
-              borderRadius: c,
-              backgroundColor: s,
-              border: `1px solid ${d}`,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              transition: "background-color 0.3s ease",
-              position: "relative"
-            },
-            children: /* @__PURE__ */ o.jsx(
-              u,
-              {
-                sx: {
-                  fontSize: "14px",
-                  fontWeight: 600,
-                  color: x,
-                  lineHeight: 1
-                },
-                children: t
-              }
-            )
-          },
-          `step-${t}`
-        )
-      ), n < a - 1) {
-        const h = t < e.currentStep ? e.brandingPrimaryColor || r.palette.primary.plainColor : r.outlineEnabledBorder;
-        l.push(
-          /* @__PURE__ */ o.jsx(
-            i,
-            {
-              sx: {
-                width: "32px",
-                height: "3px",
-                backgroundColor: h,
-                transition: "background-color 0.3s ease",
-                borderRadius: "2px"
-              }
-            },
-            `line-${t}`
-          )
-        );
-      }
-    }
-    return l;
-  };
-  return /* @__PURE__ */ o.jsx(
-    i,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        py: j("xs"),
-        width: "100%",
-        zIndex: 1
-      },
-      children: m || e.isSplitVariant ? g() : b()
-    }
-  );
-};
-export {
-  z as default
-};

package/packages/match-quiz-play/src/components/Shared/Summary/EditPredictionModal.js

@@ -1,172 +0,0 @@
-import { j as i } from "../../../../../../node_modules/react/jsx-runtime.js";
-import { useState as E } from "react";
-import { Modal as j, ModalDialog as k, IconButton as F, DialogContent as T, DialogActions as _, Button as y } from "@mui/joy";
-import w from "../../../../../../node_modules/@mui/icons-material/esm/Close.js";
-import { useColors as M, useCornerRadius as O, useFontFamily as A, useSpacingScale as D } 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 { useConstantContext as H } from "../../../../../common/src/hooks/useConstantContext.js";
-import { ConstantsContext as I } from "../../../../../common/src/providers/ConstantsProvider.js";
-import "../../../../../common/src/providers/ContainerProvider.js";
-import { MarketEnum as l } from "fansunited-sdk-esm";
-import { createStyles as N } from "./EditPredictionModal.styles.js";
-import B from "../Fixtures/CorrectScore/CorrectScoreFixture.js";
-import V from "../Fixtures/1X2/OneXTwoFixture.js";
-import X from "../Fixtures/Corners/CornersFixture.js";
-import p from "../Fixtures/YesNo/YesNoFixture.js";
-import z from "../Fixtures/Players/PlayersFixture.js";
-import { isPlayersMarket as Q } from "../../../helpers/helpers.js";
-import { useTranslation as Y } from "../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
-const mo = (o) => {
-  const { t: m } = Y(), { shadowRootElement: x } = H(I), n = M(), h = O(), d = A(), S = D(), [u, C] = E(!1), f = N({
-    spacingScale: S,
-    borderRadius: h,
-    fontFamilyPrimary: d.primary,
-    fontFamilySecondary: d.secondary,
-    textPrimary: n.textPrimary,
-    textSecondary: n.textSecondary,
-    primaryColor: o.brandingPrimaryColor || n.palette.primary.plainColor,
-    surface: n.surface
-  }), r = o.prediction.fixtures.find(
-    (e) => e.market === o.fixture.market
-  ), s = (e) => {
-    const a = { ...o.prediction }, t = a.fixtures.findIndex(
-      (c) => c.market === o.fixture.market
-    );
-    t !== -1 && (a.fixtures[t] = {
-      ...a.fixtures[t],
-      prediction: e
-    }), o.onPredictionUpdate(a);
-  }, g = async () => {
-    C(!0);
-    try {
-      await o.play(), o.onPlayResult && o.onPlayResult({ success: !0 }), o.onClose();
-    } catch (e) {
-      console.error("Failed to save prediction:", e), o.onPlayResult && o.onPlayResult({ success: !1, error: e }), o.view !== "score" && o.onClose();
-    } finally {
-      C(!1);
-    }
-  }, R = () => {
-    const e = o.fixture.market, a = o.fixture.matchModel;
-    if (e === l.CORRECT_SCORE || e === l.CORRECT_SCORE_HT || e === l.CORRECT_SCORE_ADVANCED) {
-      const t = (r == null ? void 0 : r.prediction.value) || "0:0", [c, v] = t.split(":").map(Number);
-      return /* @__PURE__ */ i.jsx(
-        B,
-        {
-          matchModel: a,
-          market: e,
-          onScoreChange: (P, b) => {
-            s({ value: `${P}:${b}` });
-          },
-          initialHomeScore: c,
-          initialAwayScore: v,
-          showPoints: !1
-        }
-      );
-    }
-    return e === l.FT_1X2 || e === l.HT_1X2 ? /* @__PURE__ */ i.jsx(
-      V,
-      {
-        matchModel: a,
-        market: e,
-        onSelectionChange: (t) => {
-          s({ value: t });
-        },
-        brandingPrimaryColor: o.brandingPrimaryColor,
-        prediction: r == null ? void 0 : r.prediction.value,
-        showPoints: !1
-      }
-    ) : e === l.CORNERS_MATCH ? /* @__PURE__ */ i.jsx(
-      X,
-      {
-        matchModel: a,
-        market: l.CORNERS_MATCH,
-        prediction: r == null ? void 0 : r.prediction.value,
-        onCornersChange: (t) => {
-          s({ value: t });
-        },
-        showPoints: !1
-      }
-    ) : Q(e) ? /* @__PURE__ */ i.jsx(
-      z,
-      {
-        matchModel: a,
-        prediction: r == null ? void 0 : r.prediction.playerId,
-        market: e,
-        onPlayerSelection: (t) => {
-          s({ playerId: t, value: !0 });
-        },
-        brandingPrimaryColor: o.brandingPrimaryColor,
-        showPoints: !1
-      }
-    ) : e === l.PENALTY_MATCH || e === l.RED_CARD_MATCH || e.includes("OVER_") ? /* @__PURE__ */ i.jsx(
-      p,
-      {
-        matchModel: a,
-        market: e,
-        onSelectionChange: (t) => {
-          s({ value: t });
-        },
-        brandingPrimaryColor: o.brandingPrimaryColor,
-        prediction: r == null ? void 0 : r.prediction.value,
-        showPoints: !1
-      }
-    ) : null;
-  };
-  return /* @__PURE__ */ i.jsx(
-    j,
-    {
-      open: o.isOpen,
-      onClose: o.onClose,
-      container: x,
-      children: /* @__PURE__ */ i.jsxs(k, { sx: f.modalDialog, children: [
-        /* @__PURE__ */ i.jsx(F, { onClick: o.onClose, sx: f.closeButton, children: /* @__PURE__ */ i.jsx(w, {}) }),
-        /* @__PURE__ */ i.jsx(T, { children: R() }),
-        o.view === "score" && /* @__PURE__ */ i.jsxs(_, { children: [
-          /* @__PURE__ */ i.jsx(
-            y,
-            {
-              variant: "solid",
-              onClick: g,
-              loading: u,
-              sx: {
-                backgroundColor: o.brandingPrimaryColor || void 0,
-                "&:hover": {
-                  backgroundColor: o.brandingPrimaryColor || void 0,
-                  opacity: 0.8
-                }
-              },
-              children: m("matchQuiz.buttons.save")
-            }
-          ),
-          /* @__PURE__ */ i.jsx(
-            y,
-            {
-              variant: "outlined",
-              onClick: o.onClose,
-              disabled: u,
-              sx: {
-                borderColor: n.secondaryContainer,
-                color: n.secondaryContainer,
-                "&:hover": {
-                  borderColor: n.textPrimary,
-                  color: n.textPrimary,
-                  backgroundColor: n.surfaceVariant
-                },
-                "&:disabled": {
-                  borderColor: n.secondaryContainer,
-                  color: n.secondaryContainer,
-                  opacity: 0.5
-                }
-              },
-              children: m("matchQuiz.buttons.close")
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-};
-export {
-  mo as default
-};

package/packages/match-quiz-play/src/components/Shared/Summary/EditPredictionModal.styles.js

@@ -1,109 +0,0 @@
-import { isMobile as o } 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 "../../../../../../node_modules/react/jsx-runtime.js";
-import "@mui/joy";
-import "react";
-import "../../../../../common/src/providers/ConstantsProvider.js";
-import "../../../../../common/src/providers/ContainerProvider.js";
-const g = (t) => {
-  const e = o();
-  return {
-    modalDialog: {
-      width: "100%",
-      maxWidth: e ? "90vw" : "600px",
-      maxHeight: e ? "90vh" : "80vh",
-      overflow: "auto",
-      p: e ? 2 : 3,
-      borderRadius: t.borderRadius.md,
-      backgroundColor: t.surface
-    },
-    content: {
-      display: "flex",
-      flexDirection: "column",
-      gap: t.spacingScale.md
-    },
-    title: {
-      fontFamily: t.fontFamilyPrimary,
-      fontWeight: 600,
-      fontSize: e ? "1.25em" : "1.5em",
-      lineHeight: 1.2,
-      color: t.textPrimary,
-      textAlign: "center",
-      marginBottom: t.spacingScale.sm
-    },
-    questionText: {
-      fontFamily: t.fontFamilySecondary,
-      fontWeight: 500,
-      fontSize: e ? "1em" : "1.125em",
-      lineHeight: 1.3,
-      color: t.textSecondary,
-      textAlign: "center",
-      marginBottom: t.spacingScale.md
-    },
-    buttonContainer: {
-      marginTop: t.spacingScale.lg,
-      justifyContent: "center",
-      alignItems: "center"
-    },
-    cancelButton: {
-      fontFamily: t.fontFamilySecondary,
-      fontWeight: 500,
-      fontSize: "0.875em",
-      borderRadius: t.borderRadius.sm,
-      padding: `${t.spacingScale.sm} ${t.spacingScale.md}`,
-      minWidth: e ? "100px" : "120px",
-      borderColor: t.primaryColor,
-      color: t.primaryColor,
-      "&:hover": {
-        backgroundColor: `${t.primaryColor}10`,
-        borderColor: t.primaryColor
-      }
-    },
-    saveButton: {
-      fontFamily: t.fontFamilySecondary,
-      fontWeight: 500,
-      fontSize: "0.875em",
-      borderRadius: t.borderRadius.sm,
-      padding: `${t.spacingScale.sm} ${t.spacingScale.md}`,
-      minWidth: e ? "100px" : "120px",
-      backgroundColor: t.primaryColor,
-      color: "#ffffff",
-      "&:hover": {
-        backgroundColor: t.primaryColor,
-        opacity: 0.9
-      }
-    },
-    closeButton: {
-      position: "absolute",
-      top: t.spacingScale.sm,
-      right: t.spacingScale.sm,
-      backgroundColor: "transparent",
-      color: t.textSecondary,
-      border: "none",
-      borderRadius: "50%",
-      width: "32px",
-      height: "32px",
-      minHeight: "32px",
-      minWidth: "32px",
-      padding: 0,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      cursor: "pointer",
-      transition: "all 0.2s ease-in-out",
-      zIndex: 1e3,
-      "&:hover": {
-        backgroundColor: `${t.textSecondary}15`,
-        color: t.textPrimary,
-        transform: "scale(1.05)"
-      },
-      "& svg": {
-        fontSize: "1.25em"
-      }
-    }
-  };
-};
-export {
-  g as createStyles
-};

package/packages/match-quiz-play/src/components/Shared/Summary/PredictionSummary.js

@@ -1,235 +0,0 @@
-import { j as e } from "../../../../../../node_modules/react/jsx-runtime.js";
-import { useState as O } from "react";
-import { Box as c, Typography as m, Sheet as v, Table as H, IconButton as Y } from "@mui/joy";
-import { useColors as D, useCornerRadius as I, useFontFamily as V, useSpacingScale as N, isMobile as G } 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 { useConstantContext as k } from "../../../../../common/src/hooks/useConstantContext.js";
-import "../../../../../common/src/providers/ConstantsProvider.js";
-import "../../../../../common/src/providers/ContainerProvider.js";
-import { createStyles as X } from "./PredictionSummary.styles.js";
-import { MarketEnum as i } from "fansunited-sdk-esm";
-import U from "../../../../../../node_modules/@mui/icons-material/esm/Edit.js";
-import W from "../../../../../../node_modules/@mui/icons-material/esm/PersonOutline.js";
-import q from "./EditPredictionModal.js";
-import { MatchQuizConstantsContext as $ } from "../../../providers/ConstantsProvider.js";
-import { useTranslation as K } from "../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
-const he = (d) => {
-  const { t: r } = K(), h = D(), A = I(), T = V(), F = N(), g = G(), { squads: P } = k($), [z, f] = O(!1), [C, R] = O(null), t = X({
-    spacingScale: F,
-    borderRadius: A,
-    fontFamilyPrimary: T.primary,
-    fontFamilySecondary: T.secondary,
-    textPrimary: h.textPrimary,
-    textSecondary: h.textSecondary,
-    primaryColor: d.brandingPrimaryColor || h.palette.primary.plainColor,
-    surfaceVariant: h.surfaceVariant,
-    outlineEnabledBorder: h.outlineEnabledBorder,
-    outlinedBorder: h.palette.neutral.outlinedBorder,
-    neutralSoftBg: h.palette.neutral.softBg,
-    isMobile: g,
-    isSplitVariant: d.isSplitVariant || !1
-  }), Q = (s) => {
-    const o = d.fixtures[s];
-    R(o), f(!0);
-  }, b = () => {
-    f(!1), R(null);
-  }, w = (s) => {
-    d.onPredictionUpdate(s);
-  }, L = (s) => {
-    switch (s) {
-      case i.CORRECT_SCORE:
-      case i.CORRECT_SCORE_ADVANCED:
-        return r("matchQuiz.fixtures.correctScoreFixtureTitle");
-      case i.CORRECT_SCORE_HT:
-        return r("matchQuiz.fixtures.correctScoreFixtureTitleHT");
-      case i.FT_1X2:
-        return r("matchQuiz.fixtures.oneXTwoFixtureTitle");
-      case i.HT_1X2:
-        return r("matchQuiz.fixtures.oneXTwoFixtureTitleHT");
-      case i.CORNERS_MATCH:
-        return r("matchQuiz.fixtures.cornersFixtureTitle");
-      case i.PLAYER_SCORE_FIRST_GOAL:
-        return r("matchQuiz.fixtures.playerScoreFirstGoalFixtureTitle");
-      case i.PLAYER_SCORE:
-        return r("matchQuiz.fixtures.playerScoreFixtureTitle");
-      case i.PLAYER_YELLOW_CARD:
-        return r("matchQuiz.fixtures.playerYellowCardFixtureTitle");
-      case i.PLAYER_RED_CARD:
-        return r("matchQuiz.fixtures.playerRedCardFixtureTitle");
-      case i.PLAYER_SCORE_HATTRICK:
-        return r("matchQuiz.fixtures.playerScoreHattrickFixtureTitle");
-      case i.PLAYER_SCORE_TWICE:
-        return r("matchQuiz.fixtures.playerScoreTwiceFixtureTitle");
-      case i.PENALTY_MATCH:
-        return r("matchQuiz.fixtures.penaltyFixtureTitle");
-      case i.RED_CARD_MATCH:
-        return r("matchQuiz.fixtures.redCardFixtureTitle");
-      default:
-        if (s.includes("OVER_GOALS")) {
-          const o = s.replace("OVER_GOALS_", "").replace("_", "."), n = Math.floor(parseFloat(o));
-          return r("matchQuiz.fixtures.overGoalsFixtureTitle", { threshold: n });
-        }
-        if (s.includes("OVER_CORNERS")) {
-          const o = s.replace("OVER_CORNERS_", "").replace("_", "."), n = Math.floor(parseFloat(o));
-          return r("matchQuiz.fixtures.overCornersFixtureTitle", { threshold: n });
-        }
-        return "";
-    }
-  }, B = (s) => {
-    for (const [, o] of P.entries()) {
-      const n = o.find((u) => u.id === s);
-      if (n)
-        return n;
-    }
-    return null;
-  }, M = (s) => {
-    var p, y, E, j, _, S;
-    const o = (p = d.prediction.fixtures) == null ? void 0 : p.find(
-      (a) => a.market === s.market
-    );
-    if (!o) return null;
-    const n = s.market, u = s.matchModel;
-    if (n === i.CORRECT_SCORE || n === i.CORRECT_SCORE_HT || n === i.CORRECT_SCORE_ADVANCED) {
-      const a = o.prediction.value || "0:0", [l, x] = a.split(":");
-      return /* @__PURE__ */ e.jsxs(c, { sx: t.predictionBox, children: [
-        ((y = u.homeTeam.assets) == null ? void 0 : y.logo) && /* @__PURE__ */ e.jsx(c, { sx: t.teamLogo, children: /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            src: u.homeTeam.assets.logo,
-            alt: u.homeTeam.name,
-            style: {
-              width: "100%",
-              height: "100%",
-              borderRadius: "50%",
-              objectFit: "cover"
-            }
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs(m, { sx: t.selectionText, children: [
-          l,
-          ":",
-          x
-        ] }),
-        ((E = u.awayTeam.assets) == null ? void 0 : E.logo) && /* @__PURE__ */ e.jsx(c, { sx: t.teamLogo, children: /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            src: u.awayTeam.assets.logo,
-            alt: u.awayTeam.name,
-            style: {
-              width: "100%",
-              height: "100%",
-              borderRadius: "50%",
-              objectFit: "cover"
-            }
-          }
-        ) })
-      ] });
-    }
-    if (n === i.FT_1X2 || n === i.HT_1X2) {
-      const a = o.prediction.value;
-      let l = "", x = null;
-      return a === "1" ? (l = u.homeTeam.name, x = (j = u.homeTeam.assets) == null ? void 0 : j.logo) : a === "x" ? l = r("matchQuiz.fixtures.draw") : a === "2" && (l = u.awayTeam.name, x = (_ = u.awayTeam.assets) == null ? void 0 : _.logo), /* @__PURE__ */ e.jsxs(c, { sx: t.predictionBox, children: [
-        x && /* @__PURE__ */ e.jsx(c, { sx: t.teamLogo, children: /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            src: x,
-            alt: l,
-            style: {
-              width: "100%",
-              height: "100%",
-              borderRadius: "50%",
-              objectFit: "cover"
-            }
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(m, { sx: t.selectionText, children: l })
-      ] });
-    }
-    if (n.includes("PLAYER_")) {
-      const a = o.prediction.playerId;
-      if (!a)
-        return /* @__PURE__ */ e.jsx(c, { sx: t.predictionBox, children: /* @__PURE__ */ e.jsx(m, { sx: t.selectionText, children: r("matchQuiz.fixtures.noGoalWillBeScored") }) });
-      if (a === "OWN_GOAL")
-        return /* @__PURE__ */ e.jsx(c, { sx: t.predictionBox, children: /* @__PURE__ */ e.jsx(m, { sx: t.selectionText, children: r("matchQuiz.fixtures.ownGoal") }) });
-      const l = B(a), x = (l == null ? void 0 : l.name) || "Unknown Player";
-      return /* @__PURE__ */ e.jsxs(c, { sx: t.predictionBox, children: [
-        /* @__PURE__ */ e.jsx(c, { sx: t.playerAvatar, children: (S = l == null ? void 0 : l.assets) != null && S.headshot ? /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            src: l.assets.headshot,
-            alt: x,
-            style: {
-              width: "100%",
-              height: "100%",
-              objectFit: "cover",
-              borderRadius: "50%"
-            }
-          }
-        ) : /* @__PURE__ */ e.jsx(W, { sx: t.playerAvatarIcon }) }),
-        /* @__PURE__ */ e.jsx(m, { sx: t.selectionText, children: x })
-      ] });
-    }
-    if (n === i.PENALTY_MATCH || n === i.RED_CARD_MATCH || n.includes("OVER_")) {
-      const a = o.prediction.value === !0;
-      return /* @__PURE__ */ e.jsx(c, { sx: t.predictionBox, children: /* @__PURE__ */ e.jsx(m, { sx: t.selectionText, children: r(a ? "matchQuiz.fixtures.yes" : "matchQuiz.fixtures.no") }) });
-    }
-    if (n === i.CORNERS_MATCH) {
-      const a = o.prediction.value || 6;
-      return /* @__PURE__ */ e.jsx(c, { sx: t.predictionBox, children: /* @__PURE__ */ e.jsx(m, { sx: t.selectionText, children: a }) });
-    }
-    return null;
-  };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(c, { sx: t.container, children: [
-    /* @__PURE__ */ e.jsx(m, { sx: t.title, children: r("matchQuiz.summary.title") }),
-    /* @__PURE__ */ e.jsx(v, { sx: t.tableContainer, children: /* @__PURE__ */ e.jsxs(
-      H,
-      {
-        variant: "outlined",
-        hoverRow: !1,
-        borderAxis: "bothBetween",
-        size: "sm",
-        sx: t.table,
-        children: [
-          /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
-            /* @__PURE__ */ e.jsx("th", { style: t.headerCell, children: r("matchQuiz.summary.prediction") }),
-            /* @__PURE__ */ e.jsx("th", { style: t.headerCellAction })
-          ] }) }),
-          /* @__PURE__ */ e.jsx("tbody", { children: d.fixtures.map((s, o) => /* @__PURE__ */ e.jsxs("tr", { children: [
-            /* @__PURE__ */ e.jsx("td", { style: t.predictionCell, children: /* @__PURE__ */ e.jsxs(c, { sx: t.predictionContent, children: [
-              /* @__PURE__ */ e.jsx(m, { sx: t.questionText, children: L(s.market) }),
-              M(s)
-            ] }) }),
-            /* @__PURE__ */ e.jsx("td", { style: t.actionCell, children: /* @__PURE__ */ e.jsx(
-              Y,
-              {
-                variant: "plain",
-                size: "sm",
-                sx: t.editIconButton,
-                onClick: () => Q(o),
-                children: /* @__PURE__ */ e.jsx(U, {})
-              }
-            ) })
-          ] }, `${s.market}-${o}`)) })
-        ]
-      }
-    ) }),
-    C && /* @__PURE__ */ e.jsx(
-      q,
-      {
-        isOpen: z,
-        onClose: b,
-        fixture: C,
-        prediction: d.prediction,
-        brandingPrimaryColor: d.brandingPrimaryColor,
-        onPredictionUpdate: w,
-        play: d.play,
-        view: d.view,
-        onPlayResult: d.onPlayResult
-      }
-    )
-  ] }) });
-};
-export {
-  he as default
-};