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

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

@@ -0,0 +1,151 @@
+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

@@ -0,0 +1,172 @@
+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

@@ -0,0 +1,109 @@
+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

@@ -0,0 +1,235 @@
+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
+};