@maestro_io/maestro-web-sdk 4.0.0-beta.2 → 4.0.0-beta.3

package/dist/src/modules/key-plays/constants.js

@@ -267,7 +267,9 @@ export const KEY_PLAYS_RESPONSE_MOCK_DATA = {
                     wallClock: '2024-01-01T05:41:48Z',
                     displayClock: '0:28',
                     shortPeriod: 'Q4',
-                    scoringPlay: false,
+                    scoringPlay: true,
+                    awayScore: '34',
+                    homeScore: '34',
                     athlete: '4889929',
                     thumbnail: 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4889929.jpg?w=184&h=144',
                     thumbnailType: 'headshot',

package/dist/src/modules/key-plays/view/KeyPlayCardView.js

@@ -5,6 +5,7 @@ import SDK from '@/index';
 import Icon from '@/components/atoms/SvgIcon';
 import React from 'react';
 import { withFocusable, } from '@/external/spatial-navigation';
+import ScoreCard from './KeyPlayCardScoreTagView';
 import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
 import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
 export class KeyPlayCardView extends React.Component {
@@ -77,14 +78,7 @@ export class KeyPlayCardView extends React.Component {
         }
     }
     render() {
-        const { clipID, description, isPlaying, playbackProgress, 
-        // isScoring,
-        focused,
-        // awayTeamScore,
-        // homeTeamScore,
-        // homeTeamName,
-        // awayTeamName,
-         } = this.props;
+        const { clipID, description, isPlaying, playbackProgress, isScoring, focused, awayTeamScore, homeTeamScore, homeTeamName, awayTeamName, } = this.props;
         const { failedClip } = this.state;
         return (React.createElement("div", { className: "key-play-card focus-ring", id: clipID, "data-focused": focused },
             React.createElement("div", { className: "key-play-card-content" },
@@ -93,6 +87,7 @@ export class KeyPlayCardView extends React.Component {
                 React.createElement("div", { className: "text-content T05_ALT" },
                     React.createElement("div", { className: "multi-line" }, description))),
             isPlaying && playbackProgress !== null && (React.createElement("progress", { value: playbackProgress, max: "1" })),
+            isScoring && (React.createElement(ScoreCard, { awayTeamScore: awayTeamScore, homeTeamScore: homeTeamScore, homeTeamName: homeTeamName, awayTeamName: awayTeamName })),
             failedClip === 'recentFailure' && (React.createElement("div", { className: "error-state" },
                 React.createElement("div", { className: "error-state-inner" },
                     React.createElement("div", { className: "error-state-text" },

package/dist/src/modules/stats/view/Teams/Teams.js

@@ -2,6 +2,8 @@ import React from 'react';
 import './TeamsView.styles.css';
 import Image from '@/components/atoms/Image';
 import { withFocusable, } from '@/external/spatial-navigation';
+import { CarouselSlider, StatsCarousel } from './StatsCarousel';
+import { renderTeamStatistic } from '../../utils/renderTeamStatistic';
 const Teams = (props) => {
     const item = props.item;
     const teams = [item.awayTeam, item.homeTeam];
@@ -22,6 +24,20 @@ const Teams = (props) => {
                         item.linescoresHeader.map((header) => (React.createElement("th", { key: header, className: "T10" }, header))))),
                 React.createElement("tbody", null, teams.map((team) => (React.createElement("tr", { key: team.id },
                     React.createElement("td", { className: "T30 FONT_BOLD" }, team.name),
-                    team.linescores.map((lineScore, index) => (React.createElement("td", { key: `${lineScore}-${index}`, className: "T10" }, lineScore))))))))))));
+                    team.linescores.map((lineScore, index) => (React.createElement("td", { key: `${lineScore}-${index}`, className: "T10" }, lineScore)))))))),
+            item.statistics && item.statistics.length > 0 && (React.createElement(StatsCarousel, { itemsLength: item.statistics.length }, item.statistics.map((statistic) => (React.createElement(CarouselSlider, { itemsLength: item.statistics.length, key: statistic.displayName }, renderTeamStatistic({
+                statisticName: statistic.displayName,
+                firstDisplayValue: statistic.awayTeamDisplayValue,
+                secondDisplayValue: statistic.homeTeamDisplayValue,
+                awayProgressValue: statistic.awayTeamValue,
+                homeProgressValue: statistic.homeTeamValue,
+                classNames: {
+                    container: 'score-statistics',
+                    header: 'score-statistics-header',
+                    firstValue: 'T30 FONT_BOLD',
+                    secondValue: 'T30 FONT_BOLD',
+                    statisticName: 'statistic-name T02',
+                },
+            }))))))))));
 };
 export default withFocusable()(Teams);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maestro_io/maestro-web-sdk",
   "private": false,
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.3",
   "type": "commonjs",
   "license": "MIT",
   "main": "dist/maestro-web-sdk.umd.js",