npm - @maestro_io/maestro-web-sdk - Versions diffs - 4.0.0 → 4.0.2 - Mend

@maestro_io/maestro-web-sdk 4.0.0 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (599) hide show

package/dist/6.maestro-web-sdk.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["webpack:///./src/modules/key-plays/constants.ts","webpack:///./src/modules/key-plays/view/KeyPlaysView.styles.css","webpack:///./src/modules/key-plays/view/KeyPlayCardView.styles.css","webpack:///./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css","webpack:///./src/modules/key-plays/view/KeyPlayCardView.styles.css?438d","webpack:///./src/modules/key-plays/view/KeyPlayCardScoreTagView.tsx","webpack:///./src/modules/key-plays/view/KeyPlayCardView.tsx","webpack:///./src/modules/key-plays/view/KeyPlaysView.styles.css?dc86","webpack:///./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css?b623","webpack:///./src/modules/key-plays/view/KeyPlayErrorStateView.tsx","webpack:///./src/modules/key-plays/view/KeyPlaysView.tsx","webpack:///./src/components/atoms/Image/index.tsx","webpack:///./src/components/atoms/SvgIcon/index.ts","webpack:///./src/components/atoms/BaseButton/index.ts","webpack:///./src/components/molecules/ActionButton/ActionButton.styles.css?ed9b","webpack:///./src/components/molecules/ActionButton/ActionButton.tsx","webpack:///./src/components/molecules/ActionButton/index.ts","webpack:///./src/components/core/ScrollableContainer/index.ts","webpack:///./src/components/molecules/TabLoadError/TabLoadError.styles.css","webpack:///./src/components/molecules/ActionButton/ActionButton.styles.css","webpack:///./src/components/molecules/TabLoadError/TabLoadError.styles.css?59a9","webpack:///./src/components/molecules/TabLoadError/TabLoadError.tsx","webpack:///./src/components/molecules/TabLoadError/index.ts"],"names":["BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK","___CSS_LOADER_EXPORT___","push","module","i","options","locals","ScoreCard","React","Component","render","awayTeamScore","homeTeamScore","homeTeamName","awayTeamName","this","props","createElement","className","KeyPlayCardView","constructor","super","_defineProperty","setState","imageLoaded","playerImageUrl","teamImageUrl","thumbnailImageUrl","isScoring","Image","src","crossOrigin","alt","onLoad","style","display","state","data-has-score","vm","SDK","getMaestroEventViewModel","keyPlaysViewModel","failedClip","viewModel","failedClips","value","clipID","Error","componentDidMount","failedClipListener","subscribe","componentWillUnmount","description","isPlaying","playbackProgress","focused","id","data-focused","renderImage","max","Icon","iconName","width","height","FocusableKeyPlayCard","withFocusable","KeyPlayCard","args","DEFAULT_SCROLLABLE_CONTAINER_CONTEXT","d","deliverFocus","layout","context","scrollToFocusedElement","FocusableItem","_extends","onArrowPress","handleLeftPressed","onBecameFocused","SCROLLABLE_CONTEXT_TYPE","UnpopulatedEvent","Array","from","length","map","_","key","UnsupportedEvent","viewBox","fill","xmlns","opacity","x","y","transform","KeyPlayErrorStateView","errorState","onRetry","TabLoadErrorView","onEnterPress","KeyPlays","_this$viewModel$curre","_this$viewModel$curre2","_this$viewModel$filte","index","async","playKeyPlay","scrollableContainer","currentClipPlaybackProgress","playbackIndex","currentlyPlayingClipIndex","items","filteredItems","playbackProgressUnsub","playbackIndexUnsub","itemsUnsub","container","ScrollableContainer","scrollableContainerRef","containerTopOffset","ref","el","section","sectionIndex","title","item","_this$vm$allItems$fin","_this$vm","absoluteIndex","allItems","findIndex","vmItem","isCurrentlyPlaying","Boolean","handlePlayClip","KeyPlaysWithErrorState","userRequestedNewKeyPlaysData","errorStateUnsub","init","handleRetry","failed","console","warn","onError","handleError","BaseButton","ActionButton","children","_focused","focusKey","_focusKey","parentFocusKey","_parentFocusKey","preferredChildFocusKey","_preferredChildFocusKey","forgetLastFocusedChild","_forgetLastFocusedChild","trackChildren","_trackChildren","autoRestoreFocus","_autoRestoreFocus","blockNavigationOut","_blockNavigationOut","hasFocusedChild","_hasFocusedChild","focusable","_focusable","_onEnterPress","onEnterRelease","_onEnterRelease","onBackPress","_onBackPress","_onArrowPress","_onBecameFocused","onBecameBlurred","_onBecameBlurred","realFocusKey","_realFocusKey","setFocus","_setFocus","navigateByDirection","_navigateByDirection","stealFocus","_stealFocus","onUpdateFocus","_onUpdateFocus","onUpdateHasFocusedChild","_onUpdateHasFocusedChild","buttonProps"],"mappings":"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","file":"6.maestro-web-sdk.esm.js","sourcesContent":["import IMaestroKeyPlaysResponse from './interfaces/IKeyPlaysResponse';\n\nexport const KEY_PLAYS_RESPONSE_MOCK_DATA: IMaestroKeyPlaysResponse = {\n entities: {\n team: {\n '251': {\n id: '251',\n displayName: 'Texas Longhorns',\n color: 'c15d26',\n alternateColor: 'ffffff',\n shortName: 'Texas',\n homeAway: 'away',\n displayOrder: '1',\n logoRef:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/teams/251.jpg?w=184&h=144',\n logoDarkRef: 'https://a.espncdn.com/i/teamlogos/ncaa/500-dark/251.png',\n },\n '264': {\n id: '264',\n displayName: 'Washington Huskies',\n color: '33006f',\n alternateColor: 'e8d3a2',\n shortName: 'Washington',\n homeAway: 'home',\n displayOrder: '0',\n logoRef:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/teams/264.jpg?w=184&h=144',\n logoDarkRef: 'https://a.espncdn.com/i/teamlogos/ncaa/500-dark/264.png',\n },\n },\n athlete: {\n '4360423': {\n id: '4360423',\n shortName: 'M. Penix Jr.',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n },\n '4430637': {\n id: '4430637',\n shortName: 'J. Polk',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430637.jpg?w=184&h=144',\n },\n '4430834': {\n id: '4430834',\n shortName: 'J. McMillan',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430834.jpg?w=184&h=144',\n },\n '4569337': {\n id: '4569337',\n shortName: 'R. Sanborn',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4569337.jpg?w=184&h=144',\n },\n '4570040': {\n id: '4570040',\n shortName: 'B. Murphy II',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4570040.jpg?w=184&h=144',\n },\n '4597500': {\n id: '4597500',\n shortName: 'A. Mitchell',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4597500.jpg?w=184&h=144',\n },\n '4689338': {\n id: '4689338',\n shortName: 'D. Johnson',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n },\n '4870609': {\n id: '4870609',\n shortName: 'C. Baxter',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4870609.jpg?w=184&h=144',\n },\n '4889929': {\n id: '4889929',\n shortName: 'Q. Ewers',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4889929.jpg?w=184&h=144',\n },\n },\n },\n sections: [\n {\n title: '1st Quarter',\n items: [\n {\n description: \"Ja'Lynn Polk's 77-yard catch sets up Washington TD\",\n team: '264',\n awayScore: '0',\n homeScore: '7',\n wallClock: '2024-01-02T02:11:05Z',\n displayClock: '11:04',\n shortPeriod: 'Q1',\n scoringPlay: true,\n athlete: '4689338',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225214',\n },\n {\n description: 'Germie Bernard makes leaping grab for Washington',\n team: '264',\n wallClock: '2024-01-02T02:38:54Z',\n displayClock: '1:30',\n shortPeriod: 'Q1',\n scoringPlay: false,\n athlete: '4360423',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225401',\n },\n ],\n },\n {\n title: '2nd Quarter',\n items: [\n {\n description: 'Dillon Johnson scores 2nd TD of game for the Huskies',\n team: '264',\n awayScore: '7',\n homeScore: '14',\n wallClock: '2024-01-02T02:47:33Z',\n displayClock: '13:08',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4689338',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225442',\n },\n {\n description: 'Texas takes over after Washington muffs punt',\n team: '251',\n wallClock: '2024-01-02T02:54:50Z',\n displayClock: '11:45',\n shortPeriod: 'Q2',\n scoringPlay: false,\n athlete: '4569337',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4569337.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225487',\n },\n {\n description: 'Big man TD! Byron Murphy II punches it in for Texas',\n team: '251',\n awayScore: '14',\n homeScore: '14',\n wallClock: '2024-01-02T02:57:22Z',\n displayClock: '10:08',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4570040',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4570040.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225513',\n },\n {\n description:\n 'Rome Odunze makes over-the-shoulder grab for Washington',\n team: '264',\n wallClock: '2024-01-02T03:02:27Z',\n displayClock: '9:31',\n shortPeriod: 'Q2',\n scoringPlay: false,\n athlete: '4360423',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225518',\n },\n {\n description: \"Texas stops Washington's attempt on 4th down\",\n team: '251',\n wallClock: '2024-01-02T03:06:28Z',\n displayClock: '6:59',\n shortPeriod: 'Q2',\n scoringPlay: false,\n athlete: '4689338',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225559',\n },\n {\n description:\n \"Ja'Lynn Polk makes bobbling TD catch and Washington goes ahead\",\n team: '264',\n awayScore: '14',\n homeScore: '21',\n wallClock: '2024-01-02T03:27:56Z',\n displayClock: '1:27',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4430637',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430637.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225686',\n },\n {\n description: \"Texas ties the score after CJ Baxter's TD run\",\n team: '251',\n awayScore: '21',\n homeScore: '21',\n wallClock: '2024-01-02T03:38:42Z',\n displayClock: '0:17',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4870609',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4870609.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225762',\n },\n ],\n },\n {\n title: '3rd Quarter',\n items: [\n {\n description:\n 'Penix threads the needle to McMillan for Washington score',\n team: '264',\n awayScore: '21',\n homeScore: '28',\n wallClock: '2024-01-02T04:11:00Z',\n displayClock: '10:30',\n shortPeriod: 'Q3',\n scoringPlay: true,\n athlete: '4430834',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430834.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226021',\n },\n {\n description: 'Texas commits their first turnover of the game',\n team: '264',\n wallClock: '2024-01-02T04:16:16Z',\n displayClock: '10:14',\n shortPeriod: 'Q3',\n scoringPlay: false,\n athlete: '4870609',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4870609.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226030',\n },\n ],\n },\n {\n title: '4th Quarter',\n items: [\n {\n description:\n 'Hang time! Adonai Mitchell makes incredible TD grab for Texas',\n team: '251',\n awayScore: '28',\n homeScore: '34',\n wallClock: '2024-01-01T05:08:14Z',\n displayClock: '7:23',\n shortPeriod: 'Q4',\n scoringPlay: true,\n athlete: '4597500',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4597500.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226360',\n },\n {\n description: 'How did Penix drop this pass in to Odunze?',\n team: '264',\n wallClock: '2024-01-01T05:17:15Z',\n displayClock: '3:48',\n shortPeriod: 'Q4',\n scoringPlay: false,\n athlete: '4360423',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226394',\n },\n {\n description:\n \"Jordan Whittington's big catch gives Texas good field position\",\n team: '251',\n wallClock: '2024-01-01T05:41:48Z',\n displayClock: '0:28',\n shortPeriod: 'Q4',\n scoringPlay: false,\n athlete: '4889929',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4889929.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226506',\n },\n {\n description:\n \"Washington survives Texas' final drive to win Sugar Bowl\",\n team: '264',\n wallClock: '2024-01-02T04:43:41Z',\n displayClock: '0:00',\n shortPeriod: 'Q4',\n scoringPlay: false,\n athlete: '4889929',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4889929.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226585',\n },\n ],\n },\n ],\n};\n\nexport const BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK =\n 'data:image/jpeg;base64,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';\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".key-plays-view {\\n display: block;\\n overflow-y: auto;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n scroll-behavior: smooth;\\n overscroll-behavior: contain;\\n}\\n\\n.key-plays-view::-webkit-scrollbar {\\n display: none;\\n}\\n\\n.key-plays-view > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-view > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section {\\n display: block;\\n position: relative;\\n}\\n\\n.key-plays-section > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-section > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-items {\\n display: block;\\n}\\n\\n.key-plays-section-items > * {\\n margin-bottom: 20px;\\n}\\n\\n.key-plays-section-items > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-title {\\n position: sticky;\\n top: 0;\\n z-index: 1;\\n margin: 0;\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-bottom-padding {\\n height: calc(100vh - 240px);\\n min-height: 400px;\\n width: 100%;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/key-plays/view/KeyPlaysView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,4CAA4C;EAC5C,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,iBAAiB;EACjB,WAAW;AACb\",\"sourcesContent\":[\".key-plays-view {\\n display: block;\\n overflow-y: auto;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n scroll-behavior: smooth;\\n overscroll-behavior: contain;\\n}\\n\\n.key-plays-view::-webkit-scrollbar {\\n display: none;\\n}\\n\\n.key-plays-view > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-view > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section {\\n display: block;\\n position: relative;\\n}\\n\\n.key-plays-section > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-section > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-items {\\n display: block;\\n}\\n\\n.key-plays-section-items > * {\\n margin-bottom: 20px;\\n}\\n\\n.key-plays-section-items > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-title {\\n position: sticky;\\n top: 0;\\n z-index: 1;\\n margin: 0;\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-bottom-padding {\\n height: calc(100vh - 240px);\\n min-height: 400px;\\n width: 100%;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".key-play-card {\\n display: block;\\n background-color: var(--sdk-surface2);\\n position: relative;\\n}\\n\\n.key-play-card-content {\\n display: block;\\n width: 100%;\\n position: relative;\\n}\\n\\n.key-play-card-content .cardImage {\\n display: inline-block;\\n width: 33.33%;\\n vertical-align: top;\\n object-fit: cover;\\n border-top-left-radius: 10px;\\n border-bottom-left-radius: 10px;\\n}\\n\\n.key-play-card-content .cardImage[data-has-score='true'] {\\n border-bottom-left-radius: 0;\\n}\\n\\n.key-play-card-content .text-content {\\n position: absolute;\\n top: 50%;\\n left: 33.33%;\\n transform: translateY(-50%);\\n width: 66.67%;\\n padding: 44px 36px 44px 24px;\\n text-align: center;\\n box-sizing: border-box;\\n}\\n\\n.key-play-card-content .multi-line {\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n text-align: left;\\n}\\n\\n.key-play-card progress {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n width: 100%;\\n height: 8px;\\n border-radius: 15px;\\n background-color: var(--sdk-surface6);\\n box-shadow: 0px 1px 3px 0px #10111366 inset;\\n overflow: hidden;\\n border-radius: 0;\\n position: absolute;\\n bottom: 0;\\n}\\n\\n.key-play-card progress::-webkit-progress-bar,\\n.key-play-card progress::-moz-progress-bar {\\n background-color: var(--sdk-surface6);\\n}\\n\\n.key-play-card progress::-webkit-progress-value {\\n background-color: var(--sdk-highlightPrimary);\\n}\\n\\n.key-play-card .score {\\n display: block;\\n text-align: center;\\n padding: 10px;\\n background-color: var(--sdk-surface4);\\n border-bottom-left-radius: 10px;\\n border-bottom-right-radius: 10px;\\n}\\n\\n.key-play-card .score-team {\\n display: inline-block;\\n vertical-align: middle;\\n margin: 0 32px;\\n}\\n\\n.key-play-card .score-team > div {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .score > *:last-child .score-value {\\n margin-left: 0;\\n margin-right: 16px;\\n}\\n\\n.key-play-card .score-team .score-value {\\n margin-left: 16px;\\n}\\n\\n.key-play-card .error-state {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n display: block;\\n text-align: center;\\n background-color: var(--sdk-surface2);\\n}\\n\\n.key-play-card .error-state-text {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n}\\n\\n.key-play-card .error-state-text > * {\\n margin: 8px;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .error-state .error-state-inner {\\n position: relative;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.key-play-card .error-state path {\\n fill: var(--sdk-alertWarning);\\n}\\n\\n.key-play-card .non-recent-error-state {\\n position: absolute;\\n top: 18px;\\n right: 18px;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/key-plays/view/KeyPlayCardView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,4BAA4B;EAC5B,+BAA+B;AACjC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,YAAY;EACZ,2BAA2B;EAC3B,aAAa;EACb,4BAA4B;EAC5B,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;EAChB,WAAW;EACX,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,2CAA2C;EAC3C,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;AACX;;AAEA;;EAEE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,aAAa;EACb,qCAAqC;EACrC,+BAA+B;EAC/B,gCAAgC;AAClC;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,cAAc;AAChB;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;AACb\",\"sourcesContent\":[\".key-play-card {\\n display: block;\\n background-color: var(--sdk-surface2);\\n position: relative;\\n}\\n\\n.key-play-card-content {\\n display: block;\\n width: 100%;\\n position: relative;\\n}\\n\\n.key-play-card-content .cardImage {\\n display: inline-block;\\n width: 33.33%;\\n vertical-align: top;\\n object-fit: cover;\\n border-top-left-radius: 10px;\\n border-bottom-left-radius: 10px;\\n}\\n\\n.key-play-card-content .cardImage[data-has-score='true'] {\\n border-bottom-left-radius: 0;\\n}\\n\\n.key-play-card-content .text-content {\\n position: absolute;\\n top: 50%;\\n left: 33.33%;\\n transform: translateY(-50%);\\n width: 66.67%;\\n padding: 44px 36px 44px 24px;\\n text-align: center;\\n box-sizing: border-box;\\n}\\n\\n.key-play-card-content .multi-line {\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n text-align: left;\\n}\\n\\n.key-play-card progress {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n width: 100%;\\n height: 8px;\\n border-radius: 15px;\\n background-color: var(--sdk-surface6);\\n box-shadow: 0px 1px 3px 0px #10111366 inset;\\n overflow: hidden;\\n border-radius: 0;\\n position: absolute;\\n bottom: 0;\\n}\\n\\n.key-play-card progress::-webkit-progress-bar,\\n.key-play-card progress::-moz-progress-bar {\\n background-color: var(--sdk-surface6);\\n}\\n\\n.key-play-card progress::-webkit-progress-value {\\n background-color: var(--sdk-highlightPrimary);\\n}\\n\\n.key-play-card .score {\\n display: block;\\n text-align: center;\\n padding: 10px;\\n background-color: var(--sdk-surface4);\\n border-bottom-left-radius: 10px;\\n border-bottom-right-radius: 10px;\\n}\\n\\n.key-play-card .score-team {\\n display: inline-block;\\n vertical-align: middle;\\n margin: 0 32px;\\n}\\n\\n.key-play-card .score-team > div {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .score > *:last-child .score-value {\\n margin-left: 0;\\n margin-right: 16px;\\n}\\n\\n.key-play-card .score-team .score-value {\\n margin-left: 16px;\\n}\\n\\n.key-play-card .error-state {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n display: block;\\n text-align: center;\\n background-color: var(--sdk-surface2);\\n}\\n\\n.key-play-card .error-state-text {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n}\\n\\n.key-play-card .error-state-text > * {\\n margin: 8px;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .error-state .error-state-inner {\\n position: relative;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.key-play-card .error-state path {\\n fill: var(--sdk-alertWarning);\\n}\\n\\n.key-play-card .non-recent-error-state {\\n position: absolute;\\n top: 18px;\\n right: 18px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".sdk--key-play-error-state-unsupportedEvent {\\n padding: 32px 24px 0 24px;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent::after {\\n background: linear-gradient(\\n 180deg,\\n rgba(0, 0, 0, 0) 0%,\\n rgba(255, 255, 255, 0.08) 100%\\n );\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent h3 {\\n margin: 0;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent {\\n overflow-y: hidden;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n text-align: left;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n text-align: left;\\n margin-top: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\\n display: block;\\n text-align: center;\\n padding: 32px 6px 32px 6px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\\n display: block;\\n position: relative;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\\n content: '';\\n width: 100%;\\n height: 100%;\\n position: absolute;\\n bottom: 0;\\n background: linear-gradient(\\n 0deg,\\n var(--sdk-surface1) 0%,\\n rgba(0, 0, 0, 0) 30%\\n );\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example {\\n display: block;\\n padding: 28px 24px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface3);\\n height: 128px;\\n box-sizing: border-box;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .image {\\n width: 72px;\\n height: 72px;\\n border-radius: 50%;\\n background-color: var(--sdk-surface4);\\n margin-right: 16px;\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .content {\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .headline {\\n width: 180px;\\n height: 26px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n margin-bottom: 23px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .body {\\n width: 107px;\\n height: 23px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\\n margin-bottom: 0;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE;;;;GAIC;AACH;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;EAC5C,qBAAqB;EACrB,cAAc;AAChB;;AAEA;EACE,SAAS;EACT,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT;;;;GAIC;AACH;;AAEA;;;EAGE,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,qCAAqC;EACrC,aAAa;EACb,sBAAsB;AACxB;;AAEA;;;;EAIE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,qCAAqC;EACrC,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;;;;EAIE,qBAAqB;AACvB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;EACd,mBAAmB;AACrB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB\",\"sourcesContent\":[\".sdk--key-play-error-state-unsupportedEvent {\\n padding: 32px 24px 0 24px;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent::after {\\n background: linear-gradient(\\n 180deg,\\n rgba(0, 0, 0, 0) 0%,\\n rgba(255, 255, 255, 0.08) 100%\\n );\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent h3 {\\n margin: 0;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent {\\n overflow-y: hidden;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n text-align: left;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n text-align: left;\\n margin-top: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\\n display: block;\\n text-align: center;\\n padding: 32px 6px 32px 6px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\\n display: block;\\n position: relative;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\\n content: '';\\n width: 100%;\\n height: 100%;\\n position: absolute;\\n bottom: 0;\\n background: linear-gradient(\\n 0deg,\\n var(--sdk-surface1) 0%,\\n rgba(0, 0, 0, 0) 30%\\n );\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example {\\n display: block;\\n padding: 28px 24px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface3);\\n height: 128px;\\n box-sizing: border-box;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .image {\\n width: 72px;\\n height: 72px;\\n border-radius: 50%;\\n background-color: var(--sdk-surface4);\\n margin-right: 16px;\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .content {\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .headline {\\n width: 180px;\\n height: 26px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n margin-bottom: 23px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .body {\\n width: 107px;\\n height: 23px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\\n margin-bottom: 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./KeyPlayCardView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from 'react';\n\nexport default class ScoreCard extends React.Component<\n {\n awayTeamScore?: number;\n homeTeamScore?: number;\n homeTeamName: string;\n awayTeamName: string;\n },\n {}\n> {\n render() {\n const {\n awayTeamScore,\n homeTeamScore,\n homeTeamName,\n awayTeamName,\n } = this.props;\n\n if (!awayTeamScore || !homeTeamScore || !homeTeamName || !awayTeamName) {\n return null;\n }\n\n return (\n <div className=\"score\">\n <div className=\"score-team T05_ALT\">\n <span>{homeTeamName}</span>\n <span className=\"T30 score-value FONT_BOLD\">{homeTeamScore}</span>\n </div>\n <div className=\"score-team T05_ALT\">\n <span className=\"T30 score-value FONT_BOLD\">{awayTeamScore}</span>\n <span>{awayTeamName}</span>\n </div>\n </div>\n );\n }\n}\n","import Image from '@/components/atoms/Image';\nimport { BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK } from '../constants';\nimport IKeyPlay, { KeyPlayLoadFailureStatus } from '../interfaces/IKeyPlays';\nimport './KeyPlayCardView.styles.css';\nimport SDK from '@/index';\nimport Icon from '@/components/atoms/SvgIcon';\nimport React from 'react';\nimport {\n withFocusable,\n WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport ScoreCard from './KeyPlayCardScoreTagView';\nimport KeyPlaysViewModel from '../view-model/KeyPlaysViewModel';\nimport { Direction, Layout } from '@/external/spatial-navigation/utils';\nimport FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';\nimport {\n DEFAULT_SCROLLABLE_CONTAINER_CONTEXT,\n SCROLLABLE_CONTEXT_TYPE,\n} from '@/components/core/ScrollableContainer/ScrollableContainer';\n\ntype KeyPlayCardViewProps = IKeyPlay & {\n isPlaying: boolean;\n playbackProgress: number | null;\n isScoring: boolean;\n};\n\ntype KeyPlaysCardViewState = {\n failedClip: KeyPlayLoadFailureStatus | null;\n imageLoaded: boolean;\n};\n\nexport class KeyPlayCardView extends React.Component<\n KeyPlayCardViewProps & WithFocusableProps,\n KeyPlaysCardViewState\n> {\n private failedClipListener: () => void = () => {};\n private vm: KeyPlaysViewModel | null;\n\n constructor(props: KeyPlayCardViewProps) {\n super(props);\n this.vm = SDK.getMaestroEventViewModel().keyPlaysViewModel;\n this.state = {\n failedClip: this.viewModel.failedClips.value[props.clipID] || null,\n imageLoaded: false,\n };\n }\n\n get viewModel() {\n if (!this.vm) {\n throw new Error('KeyPlaysViewModel is not initialized');\n }\n\n return this.vm;\n }\n\n componentDidMount() {\n this.failedClipListener = this.viewModel.failedClips.subscribe(\n (failedClips) => {\n this.setState({ failedClip: failedClips[this.props.clipID] });\n }\n );\n }\n\n componentWillUnmount() {\n if (this.failedClipListener) {\n this.failedClipListener();\n }\n }\n\n onLoad = () => {\n this.setState({ imageLoaded: true });\n };\n\n renderImage = () => {\n const {\n playerImageUrl,\n teamImageUrl,\n thumbnailImageUrl,\n isScoring,\n } = this.props;\n if (playerImageUrl) {\n return (\n <Image\n src={playerImageUrl}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Player Image\"\n className=\"cardImage\"\n onLoad={this.onLoad}\n style={{\n display: this.state.imageLoaded ? 'block' : 'none',\n }}\n data-has-score={isScoring}\n />\n );\n }\n\n if (teamImageUrl) {\n return (\n <Image\n src={teamImageUrl}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Team Image\"\n className=\"cardImage\"\n onLoad={this.onLoad}\n style={{\n display: this.state.imageLoaded ? 'block' : 'none',\n }}\n data-has-score={isScoring}\n />\n );\n }\n\n if (thumbnailImageUrl) {\n return (\n <Image\n src={thumbnailImageUrl}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Thumbnail Image\"\n className=\"cardImage\"\n onLoad={this.onLoad}\n style={{\n display: this.state.imageLoaded ? 'block' : 'none',\n }}\n />\n );\n }\n\n return null;\n };\n\n render() {\n const {\n clipID,\n description,\n isPlaying,\n playbackProgress,\n isScoring,\n focused,\n awayTeamScore,\n homeTeamScore,\n homeTeamName,\n awayTeamName,\n } = this.props;\n const { failedClip } = this.state;\n\n return (\n <div\n className=\"key-play-card focus-ring\"\n id={clipID}\n data-focused={focused}\n >\n <div className=\"key-play-card-content\">\n {!this.state.imageLoaded && (\n <Image\n src={BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Thumbnail Image\"\n className=\"cardImage\"\n />\n )}\n {this.renderImage()}\n <div className=\"text-content T05_ALT\">\n <div className=\"multi-line\">{description}</div>\n </div>\n </div>\n {isPlaying && playbackProgress !== null && (\n <progress value={playbackProgress} max=\"1\" />\n )}\n {isScoring && (\n <ScoreCard\n awayTeamScore={awayTeamScore}\n homeTeamScore={homeTeamScore}\n homeTeamName={homeTeamName}\n awayTeamName={awayTeamName}\n />\n )}\n\n {failedClip === 'recentFailure' && (\n <div className=\"error-state\">\n <div className=\"error-state-inner\">\n <div className=\"error-state-text\">\n <Icon iconName=\"warning\" width={21.6} height={18.7} />\n <span className=\"T05_ALT\">Could not play this clip. </span>\n </div>\n </div>\n </div>\n )}\n {failedClip === 'nonRecentFailure' && (\n <div className=\"non-recent-error-state\">\n <Icon iconName=\"warning\" width={21.6} height={18.7} />\n </div>\n )}\n </div>\n );\n }\n}\n\nconst FocusableKeyPlayCard = withFocusable<KeyPlayCardViewProps>()(\n KeyPlayCardView as React.ComponentType<KeyPlayCardViewProps>\n);\n\nexport default class KeyPlayCard extends React.Component<\n Omit<KeyPlayCardViewProps, 'setRef'> & WithFocusableProps\n> {\n context = DEFAULT_SCROLLABLE_CONTAINER_CONTEXT;\n static contextTypes = SCROLLABLE_CONTEXT_TYPE;\n\n handleLeftPressed = (d: Direction) => {\n if (d === 'left') {\n SDK.getMaestroEventViewModel().deliverFocus();\n }\n };\n\n onBecameFocused = (layout: Layout) => {\n this.context.scrollToFocusedElement(layout);\n };\n\n render() {\n return (\n <FocusableItem>\n <FocusableKeyPlayCard\n {...this.props}\n onArrowPress={this.handleLeftPressed}\n onBecameFocused={this.onBecameFocused}\n />\n </FocusableItem>\n );\n }\n}\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./KeyPlaysView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./KeyPlayErrorStateView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { KeyPlaysErrorState } from '../interfaces/IKeyPlays';\nimport './KeyPlayErrorStateView.styles.css';\nimport React from 'react';\nimport { Direction } from '@/external/spatial-navigation/utils';\nimport SDK from '@/index';\nimport TabLoadErrorView from '@/components/molecules/TabLoadError';\n\ntype Props = {\n errorState: KeyPlaysErrorState;\n onRetry: () => void;\n};\n\nclass UnpopulatedEvent extends React.Component {\n render() {\n return (\n <div className=\"sdk--key-play-error-state-unpopulatedEvent\">\n <div className=\"main-content\">\n <h3 className=\"T70\">Good things come to those who wait!</h3>\n <p className=\"T20\">\n When a key play occurs we will serve them up for you here.\n </p>\n </div>\n <div className=\"unpopulatedEvent-examples\">\n {Array.from({ length: 4 }).map((_, i) => (\n <div key={i} className=\"example\">\n <div className=\"image\" />\n <div className=\"content\">\n <div className=\"headline\" />\n <div className=\"body\" />\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n\nclass UnsupportedEvent extends React.Component {\n render() {\n return (\n <div className=\"sdk--key-play-error-state-unsupportedEvent\">\n <h3 className=\"T70\">No Key Plays Available</h3>\n <svg\n viewBox=\"0 0 520 359\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.16\">\n <path\n d=\"M146.334 219.427V244.686L168.723 198.187V38.0215L165.279 40.3178V188.427L146.334 219.427Z\"\n fill=\"#6D6D6D\"\n />\n <rect\n x=\"94.6687\"\n y=\"219.427\"\n width=\"51.6662\"\n height=\"25.259\"\n fill=\"#777777\"\n />\n <rect\n x=\"145.187\"\n y=\"39.1694\"\n width=\"20.6665\"\n height=\"149.258\"\n fill=\"#666666\"\n />\n <path\n d=\"M146.335 219.427H94.6687L143.465 187.279H167.001L146.335 219.427Z\"\n fill=\"#666666\"\n />\n <path\n d=\"M375.389 219.427V244.686L353 198.187V38.0215L356.445 40.3178V188.427L375.389 219.427Z\"\n fill=\"#6D6D6D\"\n />\n <rect\n width=\"51.6662\"\n height=\"25.259\"\n transform=\"matrix(-1 0 0 1 427.055 219.427)\"\n fill=\"#777777\"\n />\n <rect\n width=\"20.6665\"\n height=\"149.258\"\n transform=\"matrix(-1 0 0 1 376.537 39.1694)\"\n fill=\"#666666\"\n />\n <path\n d=\"M375.389 219.427H427.055L378.259 187.279H354.722L375.389 219.427Z\"\n fill=\"#666666\"\n />\n <path\n d=\"M23.4844 141.354H496.517L410.981 121.835H93.5208L23.4844 141.354Z\"\n fill=\"#B1B1B1\"\n />\n <rect\n x=\"23.4844\"\n y=\"141.354\"\n width=\"473.033\"\n height=\"19.5183\"\n fill=\"#777777\"\n />\n <rect\n x=\"72.8545\"\n y=\"51.7993\"\n width=\"374.293\"\n height=\"45.9255\"\n fill=\"#CDCDCD\"\n />\n </g>\n </svg>\n </div>\n );\n }\n}\n\nclass KeyPlayErrorStateView extends React.Component<Props, {}> {\n onArrowPress = (d: Direction) => {\n if (d === 'left') {\n SDK.getMaestroEventViewModel().deliverFocus();\n }\n };\n\n render() {\n const { errorState, onRetry } = this.props;\n\n if (errorState === 'unsupportedEvent') {\n return <UnsupportedEvent />;\n }\n\n if (errorState === 'unpopulatedEvent') {\n return <UnpopulatedEvent />;\n }\n\n if (errorState === 'tabLoadFailure') {\n return (\n <TabLoadErrorView\n onEnterPress={onRetry}\n onArrowPress={this.onArrowPress}\n />\n );\n }\n\n return null;\n }\n}\n\nexport default KeyPlayErrorStateView;\n","import React, { Component } from 'react';\nimport KeyPlayCardView from './KeyPlayCardView';\nimport './KeyPlaysView.styles.css';\nimport KeyPlayErrorStateView from './KeyPlayErrorStateView';\nimport SDK from '@/index';\nimport { KeyPlaysErrorState } from '../interfaces/IKeyPlays';\nimport KeyPlaysViewModel, {\n KeyPlayItem,\n} from '../view-model/KeyPlaysViewModel';\nimport ScrollableContainer from '@/components/core/ScrollableContainer';\n\nconst STICKY_HEADER_HEIGHT = 32;\n\ntype Unsubscribe = () => void;\n\ninterface IKeyPlaysState {\n playbackProgress: number | null;\n playbackIndex: number | null;\n items: KeyPlayItem[];\n scrollableContainer: HTMLDivElement | null;\n}\n\nexport class KeyPlays extends Component<{}, IKeyPlaysState> {\n private container: HTMLDivElement | null = null;\n private playbackProgressUnsub: Unsubscribe | null = null;\n private playbackIndexUnsub: Unsubscribe | null = null;\n private itemsUnsub: Unsubscribe | null = null;\n private vm: KeyPlaysViewModel | null;\n\n constructor(props: {}) {\n super(props);\n this.vm = SDK.getMaestroEventViewModel().keyPlaysViewModel;\n this.state = {\n scrollableContainer: null,\n playbackProgress:\n this.viewModel.currentClipPlaybackProgress.value ?? null,\n playbackIndex: this.viewModel.currentlyPlayingClipIndex.value ?? null,\n items: this.viewModel.filteredItems.value ?? [],\n };\n }\n\n get viewModel() {\n if (!this.vm) {\n throw new Error('KeyPlaysViewModel is not initialized');\n }\n\n return this.vm;\n }\n\n componentDidMount() {\n this.playbackProgressUnsub = this.viewModel.currentClipPlaybackProgress.subscribe(\n (value) => {\n this.setState({ playbackProgress: value ?? null });\n }\n );\n this.playbackIndexUnsub = this.viewModel.currentlyPlayingClipIndex.subscribe(\n (value) => {\n this.setState({ playbackIndex: value ?? null });\n }\n );\n this.itemsUnsub = this.viewModel.filteredItems.subscribe((items) => {\n this.setState({\n items,\n });\n });\n\n this.setState({\n scrollableContainer: this.container,\n });\n }\n\n componentWillUnmount() {\n this.playbackProgressUnsub && this.playbackProgressUnsub();\n this.playbackIndexUnsub && this.playbackIndexUnsub();\n this.itemsUnsub && this.itemsUnsub();\n }\n\n private handlePlayClip = (index: number) => async () => {\n await this.viewModel.playKeyPlay(index);\n };\n\n render() {\n const {\n playbackProgress,\n playbackIndex,\n items,\n scrollableContainer,\n } = this.state;\n\n return (\n <ScrollableContainer\n scrollableContainerRef={scrollableContainer}\n containerTopOffset={STICKY_HEADER_HEIGHT}\n >\n <div\n ref={(el) => {\n this.container = el;\n }}\n className=\"key-plays-view\"\n >\n {items.map((section, sectionIndex) => (\n <div key={`section-${sectionIndex}`} className=\"key-plays-section\">\n {section.title && (\n <h3 className=\"key-plays-section-title T10\">{section.title}</h3>\n )}\n <div className=\"key-plays-section-items\">\n {section.items.map((item) => {\n const absoluteIndex =\n this.vm?.allItems.findIndex(\n (vmItem) => vmItem.id === item.id\n ) ?? -1;\n return (\n <KeyPlayCardView\n key={item.id}\n id={item.id}\n clipID={item.clipID}\n description={item.description}\n awayTeamName={item.awayTeamName}\n homeTeamName={item.homeTeamName}\n awayTeamScore={item.awayTeamScore}\n homeTeamScore={item.homeTeamScore}\n playerImageUrl={item.playerImageUrl}\n teamImageUrl={item.teamImageUrl}\n thumbnailImageUrl={item.thumbnailImageUrl}\n isPlaying={this.viewModel.isCurrentlyPlaying(\n absoluteIndex\n )}\n isScoring={Boolean(\n item.awayTeamScore && item.homeTeamScore\n )}\n playbackProgress={\n absoluteIndex === playbackIndex\n ? playbackProgress\n : null\n }\n onEnterPress={this.handlePlayClip(absoluteIndex)}\n />\n );\n })}\n </div>\n </div>\n ))}\n <div className=\"key-plays-bottom-padding\" />\n </div>\n </ScrollableContainer>\n );\n }\n}\n\ninterface KeyPlaysWithErrorStateState {\n errorState: KeyPlaysErrorState;\n}\n\nexport default class KeyPlaysWithErrorState extends Component<\n {},\n KeyPlaysWithErrorStateState\n> {\n private errorStateUnsub: Unsubscribe | null = null;\n private vm: KeyPlaysViewModel | null;\n\n constructor(props: {}) {\n super(props);\n this.vm = SDK.getMaestroEventViewModel().keyPlaysViewModel;\n this.state = {\n errorState: this.viewModel.errorState.value as KeyPlaysErrorState,\n };\n }\n\n get viewModel() {\n if (!this.vm) {\n throw new Error('KeyPlaysViewModel is not initialized');\n }\n\n return this.vm;\n }\n\n componentDidMount() {\n this.errorStateUnsub = this.viewModel.errorState.subscribe((value) => {\n this.setState({ errorState: value as KeyPlaysErrorState });\n });\n this.viewModel.init();\n }\n\n componentWillUnmount() {\n this.errorStateUnsub && this.errorStateUnsub();\n }\n\n private handleRetry = async () => {\n await this.viewModel.userRequestedNewKeyPlaysData();\n };\n\n render() {\n const { errorState } = this.state;\n if (errorState) {\n return (\n <KeyPlayErrorStateView\n errorState={errorState}\n onRetry={this.handleRetry}\n />\n );\n }\n\n return <KeyPlays />;\n }\n}\n","import React from 'react';\nimport { ImgHTMLAttributes } from 'react';\n\ninterface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {}\n\nclass Image extends React.Component<ImageProps> {\n state = {\n failed: false,\n };\n\n constructor(props: ImageProps) {\n super(props);\n }\n\n handleError = () => {\n this.setState({ failed: true });\n };\n\n render() {\n if (this.state.failed) {\n console.warn('Image failed to load:', this.props.src);\n return null;\n }\n\n if (!this.props.src) {\n console.warn('Image source is empty');\n return null;\n }\n\n return (\n <img\n alt={this.props.alt || 'Image'}\n {...this.props}\n onError={this.handleError}\n />\n );\n }\n}\n\nexport default Image;\n","import Icon from './Icon';\n\nexport default Icon;\n","import BaseButton from './BaseButton';\n\nexport default BaseButton;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./ActionButton.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import BaseButton from '@/components/atoms/BaseButton';\nimport './ActionButton.styles.css';\nimport {\n withFocusable,\n WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\n\ntype SpatialNavigationInjectedProps = {\n realFocusKey?: string;\n setFocus?: (focusKey: string) => void;\n navigateByDirection?: (...args: any[]) => any;\n stealFocus?: () => void;\n onUpdateFocus?: (focused: boolean) => void;\n onUpdateHasFocusedChild?: (hasFocusedChild: boolean) => void;\n};\n\ntype Props = React.PropsWithChildren<\n React.ButtonHTMLAttributes<HTMLButtonElement> &\n WithFocusableProps &\n SpatialNavigationInjectedProps\n>;\n\nclass ActionButton extends React.Component<Props, {}> {\n render() {\n const {\n children,\n // spatial-navigation props (must not hit DOM)\n focused: _focused,\n focusKey: _focusKey,\n parentFocusKey: _parentFocusKey,\n preferredChildFocusKey: _preferredChildFocusKey,\n forgetLastFocusedChild: _forgetLastFocusedChild,\n trackChildren: _trackChildren,\n autoRestoreFocus: _autoRestoreFocus,\n blockNavigationOut: _blockNavigationOut,\n hasFocusedChild: _hasFocusedChild,\n focusable: _focusable,\n onEnterPress: _onEnterPress,\n onEnterRelease: _onEnterRelease,\n onBackPress: _onBackPress,\n onArrowPress: _onArrowPress,\n onBecameFocused: _onBecameFocused,\n onBecameBlurred: _onBecameBlurred,\n // injected/internal props (also must not hit DOM)\n realFocusKey: _realFocusKey,\n setFocus: _setFocus,\n navigateByDirection: _navigateByDirection,\n stealFocus: _stealFocus,\n onUpdateFocus: _onUpdateFocus,\n onUpdateHasFocusedChild: _onUpdateHasFocusedChild,\n ...buttonProps\n } = this.props;\n\n return (\n <BaseButton className=\"action-button T05_ALT\" {...buttonProps}>\n {children}\n </BaseButton>\n );\n }\n}\n\nexport default withFocusable()(ActionButton);\n","import ActionButton from './ActionButton';\n\nexport default ActionButton;\n","import ScrollableContainer from './ScrollableContainer';\n\nexport default ScrollableContainer;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".tab-load-error {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.tab-load-error h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.tab-load-error p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/molecules/TabLoadError/TabLoadError.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd\",\"sourcesContent\":[\".tab-load-error {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.tab-load-error h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.tab-load-error p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".action-button {\\n padding: 23px 0;\\n background-color: var(--sdk-surface5);\\n color: var(--sdk-text100);\\n}\\n\\n.action-button:hover,\\n.action-button[data-focused='true'] {\\n background-color: var(--sdk-accentPrimary);\\n color: var(--sdk-text500);\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/molecules/ActionButton/ActionButton.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,eAAe;EACf,qCAAqC;EACrC,yBAAyB;AAC3B;;AAEA;;EAEE,0CAA0C;EAC1C,yBAAyB;AAC3B\",\"sourcesContent\":[\".action-button {\\n padding: 23px 0;\\n background-color: var(--sdk-surface5);\\n color: var(--sdk-text100);\\n}\\n\\n.action-button:hover,\\n.action-button[data-focused='true'] {\\n background-color: var(--sdk-accentPrimary);\\n color: var(--sdk-text500);\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./TabLoadError.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import {\n withFocusable,\n WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\nimport ActionButton from '../ActionButton';\nimport './TabLoadError.styles.css';\n\nclass TabLoadErrorView extends React.Component<WithFocusableProps> {\n render() {\n const { focused } = this.props;\n\n return (\n <div data-focused={focused} className=\"tab-load-error focus-ring\">\n <h3 className=\"T70\">We dropped the ball.</h3>\n <p className=\"T20\">\n {\"We're having trouble loading that for you. Please try again.\"}\n </p>\n <ActionButton\n data-focused={focused}\n onEnterPress={this.props.onEnterPress}\n >\n Try Again\n </ActionButton>\n </div>\n );\n }\n}\n\nexport default withFocusable()(TabLoadErrorView);\n","import TabLoadErrorView from './TabLoadError';\n\nexport default TabLoadErrorView;\n"],"sourceRoot":""}

package/dist/6.maestro-web-sdk.umd.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (this.webpackJsonpMaestroWebSDK=this.webpackJsonpMaestroWebSDK\|\|[]).push([[6],{108:function(e,n,a){"use strict";a.d(n,"a",(function(){return t}));const t="data:image/jpeg;base64,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"},132:function(e,n,a){"use strict";var t=a(6),r=a.n(t),A=a(7),o=a.n(A)()(r.a);o.push([e.i,".key-plays-view {\n display: block;\n overflow-y: auto;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n scroll-behavior: smooth;\n overscroll-behavior: contain;\n}\n\n.key-plays-view::-webkit-scrollbar {\n display: none;\n}\n\n.key-plays-view > * {\n margin-bottom: 16px;\n}\n\n.key-plays-view > :last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section {\n display: block;\n position: relative;\n}\n\n.key-plays-section > {\n margin-bottom: 16px;\n}\n\n.key-plays-section > :last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-items {\n display: block;\n}\n\n.key-plays-section-items > {\n margin-bottom: 20px;\n}\n\n.key-plays-section-items > :last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-title {\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 0;\n margin-bottom: 16px;\n}\n\n.key-plays-bottom-padding {\n height: calc(100vh - 240px);\n min-height: 400px;\n width: 100%;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlaysView.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,4CAA4C;EAC5C,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,iBAAiB;EACjB,WAAW;AACb",sourcesContent:[".key-plays-view {\n display: block;\n overflow-y: auto;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n scroll-behavior: smooth;\n overscroll-behavior: contain;\n}\n\n.key-plays-view::-webkit-scrollbar {\n display: none;\n}\n\n.key-plays-view > {\n margin-bottom: 16px;\n}\n\n.key-plays-view > :last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section {\n display: block;\n position: relative;\n}\n\n.key-plays-section > {\n margin-bottom: 16px;\n}\n\n.key-plays-section > :last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-items {\n display: block;\n}\n\n.key-plays-section-items > {\n margin-bottom: 20px;\n}\n\n.key-plays-section-items > :last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-title {\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 0;\n margin-bottom: 16px;\n}\n\n.key-plays-bottom-padding {\n height: calc(100vh - 240px);\n min-height: 400px;\n width: 100%;\n}\n"],sourceRoot:""}]),n.a=o},133:function(e,n,a){"use strict";var t=a(6),r=a.n(t),A=a(7),o=a.n(A)()(r.a);o.push([e.i,".key-play-card {\n display: block;\n background-color: var(--sdk-surface2);\n position: relative;\n}\n\n.key-play-card-content {\n display: block;\n width: 100%;\n position: relative;\n}\n\n.key-play-card-content .cardImage {\n display: inline-block;\n width: 33.33%;\n vertical-align: top;\n object-fit: cover;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n}\n\n.key-play-card-content .cardImage[data-has-score='true'] {\n border-bottom-left-radius: 0;\n}\n\n.key-play-card-content .text-content {\n position: absolute;\n top: 50%;\n left: 33.33%;\n transform: translateY(-50%);\n width: 66.67%;\n padding: 44px 36px 44px 24px;\n text-align: center;\n box-sizing: border-box;\n}\n\n.key-play-card-content .multi-line {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.key-play-card progress {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 8px;\n border-radius: 15px;\n background-color: var(--sdk-surface6);\n box-shadow: 0px 1px 3px 0px #10111366 inset;\n overflow: hidden;\n border-radius: 0;\n position: absolute;\n bottom: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar,\n.key-play-card progress::-moz-progress-bar {\n background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n display: block;\n text-align: center;\n padding: 10px;\n background-color: var(--sdk-surface4);\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.key-play-card .score-team {\n display: inline-block;\n vertical-align: middle;\n margin: 0 32px;\n}\n\n.key-play-card .score-team > div {\n display: inline-block;\n vertical-align: middle;\n}\n\n.key-play-card .score > :last-child .score-value {\n margin-left: 0;\n margin-right: 16px;\n}\n\n.key-play-card .score-team .score-value {\n margin-left: 16px;\n}\n\n.key-play-card .error-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n text-align: center;\n background-color: var(--sdk-surface2);\n}\n\n.key-play-card .error-state-text {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.key-play-card .error-state-text > * {\n margin: 8px;\n vertical-align: middle;\n}\n\n.key-play-card .error-state .error-state-inner {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.key-play-card .error-state path {\n fill: var(--sdk-alertWarning);\n}\n\n.key-play-card .non-recent-error-state {\n position: absolute;\n top: 18px;\n right: 18px;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlayCardView.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,4BAA4B;EAC5B,+BAA+B;AACjC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,YAAY;EACZ,2BAA2B;EAC3B,aAAa;EACb,4BAA4B;EAC5B,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;EAChB,WAAW;EACX,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,2CAA2C;EAC3C,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;AACX;;AAEA;;EAEE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,aAAa;EACb,qCAAqC;EACrC,+BAA+B;EAC/B,gCAAgC;AAClC;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,cAAc;AAChB;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;AACb",sourcesContent:[".key-play-card {\n display: block;\n background-color: var(--sdk-surface2);\n position: relative;\n}\n\n.key-play-card-content {\n display: block;\n width: 100%;\n position: relative;\n}\n\n.key-play-card-content .cardImage {\n display: inline-block;\n width: 33.33%;\n vertical-align: top;\n object-fit: cover;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n}\n\n.key-play-card-content .cardImage[data-has-score='true'] {\n border-bottom-left-radius: 0;\n}\n\n.key-play-card-content .text-content {\n position: absolute;\n top: 50%;\n left: 33.33%;\n transform: translateY(-50%);\n width: 66.67%;\n padding: 44px 36px 44px 24px;\n text-align: center;\n box-sizing: border-box;\n}\n\n.key-play-card-content .multi-line {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.key-play-card progress {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 8px;\n border-radius: 15px;\n background-color: var(--sdk-surface6);\n box-shadow: 0px 1px 3px 0px #10111366 inset;\n overflow: hidden;\n border-radius: 0;\n position: absolute;\n bottom: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar,\n.key-play-card progress::-moz-progress-bar {\n background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n display: block;\n text-align: center;\n padding: 10px;\n background-color: var(--sdk-surface4);\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.key-play-card .score-team {\n display: inline-block;\n vertical-align: middle;\n margin: 0 32px;\n}\n\n.key-play-card .score-team > div {\n display: inline-block;\n vertical-align: middle;\n}\n\n.key-play-card .score > :last-child .score-value {\n margin-left: 0;\n margin-right: 16px;\n}\n\n.key-play-card .score-team .score-value {\n margin-left: 16px;\n}\n\n.key-play-card .error-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n text-align: center;\n background-color: var(--sdk-surface2);\n}\n\n.key-play-card .error-state-text {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.key-play-card .error-state-text > {\n margin: 8px;\n vertical-align: middle;\n}\n\n.key-play-card .error-state .error-state-inner {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.key-play-card .error-state path {\n fill: var(--sdk-alertWarning);\n}\n\n.key-play-card .non-recent-error-state {\n position: absolute;\n top: 18px;\n right: 18px;\n}\n"],sourceRoot:""}]),n.a=o},134:function(e,n,a){"use strict";var t=a(6),r=a.n(t),A=a(7),o=a.n(A)()(r.a);o.push([e.i,".sdk--key-play-error-state-unsupportedEvent {\n padding: 32px 24px 0 24px;\n display: block;\n}\n\n.sdk--key-play-error-state-unsupportedEvent::after {\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.08) 100%\n );\n}\n\n.sdk--key-play-error-state-unsupportedEvent h3 {\n margin: 0;\n}\n\n.sdk--key-play-error-state-unsupportedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unsupportedEvent > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unsupportedEvent > :last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n overflow-y: hidden;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n display: block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n text-align: left;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n text-align: left;\n margin-top: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent > :last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n display: block;\n text-align: center;\n padding: 32px 6px 32px 6px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n display: block;\n position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n > :last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n bottom: 0;\n background: linear-gradient(\n 0deg,\n var(--sdk-surface1) 0%,\n rgba(0, 0, 0, 0) 30%\n );\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example {\n display: block;\n padding: 28px 24px;\n border-radius: 10px;\n background-color: var(--sdk-surface3);\n height: 128px;\n box-sizing: border-box;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .image {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background-color: var(--sdk-surface4);\n margin-right: 16px;\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .content {\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .headline {\n width: 180px;\n height: 26px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n margin-bottom: 23px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .body {\n width: 107px;\n height: 23px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n margin: 16px 0;\n height: 86px;\n}\n\n.sdk--key-play-error-state-tabLoadFailure > :last-child {\n margin-bottom: 0;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css"],names:[],mappings:"AAAA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE;;;;GAIC;AACH;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;EAC5C,qBAAqB;EACrB,cAAc;AAChB;;AAEA;EACE,SAAS;EACT,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT;;;;GAIC;AACH;;AAEA;;;EAGE,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,qCAAqC;EACrC,aAAa;EACb,sBAAsB;AACxB;;AAEA;;;;EAIE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,qCAAqC;EACrC,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;;;;EAIE,qBAAqB;AACvB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;EACd,mBAAmB;AACrB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:[".sdk--key-play-error-state-unsupportedEvent {\n padding: 32px 24px 0 24px;\n display: block;\n}\n\n.sdk--key-play-error-state-unsupportedEvent::after {\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.08) 100%\n );\n}\n\n.sdk--key-play-error-state-unsupportedEvent h3 {\n margin: 0;\n}\n\n.sdk--key-play-error-state-unsupportedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unsupportedEvent > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unsupportedEvent > :last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n overflow-y: hidden;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n display: block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n text-align: left;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n text-align: left;\n margin-top: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent > :last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n display: block;\n text-align: center;\n padding: 32px 6px 32px 6px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n display: block;\n position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n > :last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n bottom: 0;\n background: linear-gradient(\n 0deg,\n var(--sdk-surface1) 0%,\n rgba(0, 0, 0, 0) 30%\n );\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example {\n display: block;\n padding: 28px 24px;\n border-radius: 10px;\n background-color: var(--sdk-surface3);\n height: 128px;\n box-sizing: border-box;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .image {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background-color: var(--sdk-surface4);\n margin-right: 16px;\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .content {\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .headline {\n width: 180px;\n height: 26px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n margin-bottom: 23px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .body {\n width: 107px;\n height: 23px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n margin: 16px 0;\n height: 86px;\n}\n\n.sdk--key-play-error-state-tabLoadFailure > :last-child {\n margin-bottom: 0;\n}\n"],sourceRoot:""}]),n.a=o},204:function(e,n,a){"use strict";a.r(n),a.d(n,"KeyPlays",(function(){return T})),a.d(n,"default",(function(){return D}));var t=a(0),r=a.n(t),A=a(91),o=a(108),s=a(5),l=a.n(s),i=a(133),c={insert:"head",singleton:!1},d=(l()(i.a,c),i.a.locals,a(10)),p=a(93),u=a(89);class m extends r.a.Component{render(){const{awayTeamScore:e,homeTeamScore:n,homeTeamName:a,awayTeamName:t}=this.props;return e&&n&&a&&t?r.a.createElement("div",{className:"score"},r.a.createElement("div",{className:"score-team T05_ALT"},r.a.createElement("span",null,a),r.a.createElement("span",{className:"T30 score-value FONT_BOLD"},n)),r.a.createElement("div",{className:"score-team T05_ALT"},r.a.createElement("span",{className:"T30 score-value FONT_BOLD"},e),r.a.createElement("span",null,t))):null}}var E=a(26),y=a(16);function v(){return(v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}function g(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e\|\|!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n\|\|"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class B extends r.a.Component{constructor(e){super(e),g(this,"failedClipListener",()=>{}),g(this,"vm",void 0),g(this,"onLoad",()=>{this.setState({imageLoaded:!0})}),g(this,"renderImage",()=>{const{playerImageUrl:e,teamImageUrl:n,thumbnailImageUrl:a,isScoring:t}=this.props;return e?r.a.createElement(A.a,{src:e,crossOrigin:"anonymous",alt:"Key Play Player Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"},"data-has-score":t}):n?r.a.createElement(A.a,{src:n,crossOrigin:"anonymous",alt:"Key Play Team Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"},"data-has-score":t}):a?r.a.createElement(A.a,{src:a,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"}}):null}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={failedClip:this.viewModel.failedClips.value[e.clipID]\|\|null,imageLoaded:!1}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.failedClipListener=this.viewModel.failedClips.subscribe(e=>{this.setState({failedClip:e[this.props.clipID]})})}componentWillUnmount(){this.failedClipListener&&this.failedClipListener()}render(){const{clipID:e,description:n,isPlaying:a,playbackProgress:t,isScoring:s,focused:l,awayTeamScore:i,homeTeamScore:c,homeTeamName:d,awayTeamName:u}=this.props,{failedClip:E}=this.state;return r.a.createElement("div",{className:"key-play-card focus-ring",id:e,"data-focused":l},r.a.createElement("div",{className:"key-play-card-content"},!this.state.imageLoaded&&r.a.createElement(A.a,{src:o.a,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage"}),this.renderImage(),r.a.createElement("div",{className:"text-content T05_ALT"},r.a.createElement("div",{className:"multi-line"},n))),a&&null!==t&&r.a.createElement("progress",{value:t,max:"1"}),s&&r.a.createElement(m,{awayTeamScore:i,homeTeamScore:c,homeTeamName:d,awayTeamName:u}),"recentFailure"===E&&r.a.createElement("div",{className:"error-state"},r.a.createElement("div",{className:"error-state-inner"},r.a.createElement("div",{className:"error-state-text"},r.a.createElement(p.a,{iconName:"warning",width:21.6,height:18.7}),r.a.createElement("span",{className:"T05_ALT"},"Could not play this clip. ")))),"nonRecentFailure"===E&&r.a.createElement("div",{className:"non-recent-error-state"},r.a.createElement(p.a,{iconName:"warning",width:21.6,height:18.7})))}}const k=Object(u.a)()(B);class b extends r.a.Component{constructor(...e){super(...e),g(this,"context",y.a),g(this,"handleLeftPressed",e=>{"left"===e&&d.default.getMaestroEventViewModel().deliverFocus()}),g(this,"onBecameFocused",e=>{this.context.scrollToFocusedElement(e)})}render(){return r.a.createElement(E.a,null,r.a.createElement(k,v({},this.props,{onArrowPress:this.handleLeftPressed,onBecameFocused:this.onBecameFocused})))}}g(b,"contextTypes",y.b);var h=a(132),C={insert:"head",singleton:!1},f=(l()(h.a,C),h.a.locals,a(134)),x={insert:"head",singleton:!1},P=(l()(f.a,x),f.a.locals,a(99));function w(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e\|\|!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n\|\|"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class Q extends r.a.Component{render(){return r.a.createElement("div",{className:"sdk--key-play-error-state-unpopulatedEvent"},r.a.createElement("div",{className:"main-content"},r.a.createElement("h3",{className:"T70"},"Good things come to those who wait!"),r.a.createElement("p",{className:"T20"},"When a key play occurs we will serve them up for you here.")),r.a.createElement("div",{className:"unpopulatedEvent-examples"},Array.from({length:4}).map((e,n)=>r.a.createElement("div",{key:n,className:"example"},r.a.createElement("div",{className:"image"}),r.a.createElement("div",{className:"content"},r.a.createElement("div",{className:"headline"}),r.a.createElement("div",{className:"body"}))))))}}class N extends r.a.Component{render(){return r.a.createElement("div",{className:"sdk--key-play-error-state-unsupportedEvent"},r.a.createElement("h3",{className:"T70"},"No Key Plays Available"),r.a.createElement("svg",{viewBox:"0 0 520 359",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.a.createElement("g",{opacity:"0.16"},r.a.createElement("path",{d:"M146.334 219.427V244.686L168.723 198.187V38.0215L165.279 40.3178V188.427L146.334 219.427Z",fill:"#6D6D6D"}),r.a.createElement("rect",{x:"94.6687",y:"219.427",width:"51.6662",height:"25.259",fill:"#777777"}),r.a.createElement("rect",{x:"145.187",y:"39.1694",width:"20.6665",height:"149.258",fill:"#666666"}),r.a.createElement("path",{d:"M146.335 219.427H94.6687L143.465 187.279H167.001L146.335 219.427Z",fill:"#666666"}),r.a.createElement("path",{d:"M375.389 219.427V244.686L353 198.187V38.0215L356.445 40.3178V188.427L375.389 219.427Z",fill:"#6D6D6D"}),r.a.createElement("rect",{width:"51.6662",height:"25.259",transform:"matrix(-1 0 0 1 427.055 219.427)",fill:"#777777"}),r.a.createElement("rect",{width:"20.6665",height:"149.258",transform:"matrix(-1 0 0 1 376.537 39.1694)",fill:"#666666"}),r.a.createElement("path",{d:"M375.389 219.427H427.055L378.259 187.279H354.722L375.389 219.427Z",fill:"#666666"}),r.a.createElement("path",{d:"M23.4844 141.354H496.517L410.981 121.835H93.5208L23.4844 141.354Z",fill:"#B1B1B1"}),r.a.createElement("rect",{x:"23.4844",y:"141.354",width:"473.033",height:"19.5183",fill:"#777777"}),r.a.createElement("rect",{x:"72.8545",y:"51.7993",width:"374.293",height:"45.9255",fill:"#CDCDCD"}))))}}class X extends r.a.Component{constructor(...e){super(...e),w(this,"onArrowPress",e=>{"left"===e&&d.default.getMaestroEventViewModel().deliverFocus()})}render(){const{errorState:e,onRetry:n}=this.props;return"unsupportedEvent"===e?r.a.createElement(N,null):"unpopulatedEvent"===e?r.a.createElement(Q,null):"tabLoadFailure"===e?r.a.createElement(P.a,{onEnterPress:n,onArrowPress:this.onArrowPress}):null}}var j=X,I=a(96);function S(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e\|\|!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n\|\|"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class T extends t.Component{constructor(e){var n,a,t;super(e),S(this,"container",null),S(this,"playbackProgressUnsub",null),S(this,"playbackIndexUnsub",null),S(this,"itemsUnsub",null),S(this,"vm",void 0),S(this,"handlePlayClip",e=>async()=>{await this.viewModel.playKeyPlay(e)}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={scrollableContainer:null,playbackProgress:null!==(n=this.viewModel.currentClipPlaybackProgress.value)&&void 0!==n?n:null,playbackIndex:null!==(a=this.viewModel.currentlyPlayingClipIndex.value)&&void 0!==a?a:null,items:null!==(t=this.viewModel.filteredItems.value)&&void 0!==t?t:[]}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.playbackProgressUnsub=this.viewModel.currentClipPlaybackProgress.subscribe(e=>{this.setState({playbackProgress:null!=e?e:null})}),this.playbackIndexUnsub=this.viewModel.currentlyPlayingClipIndex.subscribe(e=>{this.setState({playbackIndex:null!=e?e:null})}),this.itemsUnsub=this.viewModel.filteredItems.subscribe(e=>{this.setState({items:e})}),this.setState({scrollableContainer:this.container})}componentWillUnmount(){this.playbackProgressUnsub&&this.playbackProgressUnsub(),this.playbackIndexUnsub&&this.playbackIndexUnsub(),this.itemsUnsub&&this.itemsUnsub()}render(){const{playbackProgress:e,playbackIndex:n,items:a,scrollableContainer:t}=this.state;return r.a.createElement(I.a,{scrollableContainerRef:t,containerTopOffset:32},r.a.createElement("div",{ref:e=>{this.container=e},className:"key-plays-view"},a.map((a,t)=>r.a.createElement("div",{key:"section-"+t,className:"key-plays-section"},a.title&&r.a.createElement("h3",{className:"key-plays-section-title T10"},a.title),r.a.createElement("div",{className:"key-plays-section-items"},a.items.map(a=>{var t,A;const o=null!==(t=null===(A=this.vm)\|\|void 0===A?void 0:A.allItems.findIndex(e=>e.id===a.id))&&void 0!==t?t:-1;return r.a.createElement(b,{key:a.id,id:a.id,clipID:a.clipID,description:a.description,awayTeamName:a.awayTeamName,homeTeamName:a.homeTeamName,awayTeamScore:a.awayTeamScore,homeTeamScore:a.homeTeamScore,playerImageUrl:a.playerImageUrl,teamImageUrl:a.teamImageUrl,thumbnailImageUrl:a.thumbnailImageUrl,isPlaying:this.viewModel.isCurrentlyPlaying(o),isScoring:Boolean(a.awayTeamScore&&a.homeTeamScore),playbackProgress:o===n?e:null,onEnterPress:this.handlePlayClip(o)})})))),r.a.createElement("div",{className:"key-plays-bottom-padding"})))}}class D extends t.Component{constructor(e){super(e),S(this,"errorStateUnsub",null),S(this,"vm",void 0),S(this,"handleRetry",async()=>{await this.viewModel.userRequestedNewKeyPlaysData()}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={errorState:this.viewModel.errorState.value}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.errorStateUnsub=this.viewModel.errorState.subscribe(e=>{this.setState({errorState:e})}),this.viewModel.init()}componentWillUnmount(){this.errorStateUnsub&&this.errorStateUnsub()}render(){const{errorState:e}=this.state;return e?r.a.createElement(j,{errorState:e,onRetry:this.handleRetry}):r.a.createElement(T,null)}}},91:function(e,n,a){"use strict";var t=a(0),r=a.n(t);function A(){return(A=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}function o(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e\|\|!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n\|\|"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class s extends r.a.Component{constructor(e){super(e),o(this,"state",{failed:!1}),o(this,"handleError",()=>{this.setState({failed:!0})})}render(){return this.state.failed?(console.warn("Image failed to load:",this.props.src),null):this.props.src?r.a.createElement("img",A({alt:this.props.alt\|\|"Image"},this.props,{onError:this.handleError})):(console.warn("Image source is empty"),null)}}n.a=s},93:function(e,n,a){"use strict";var t=a(27);n.a=t.a},94:function(e,n,a){"use strict";var t=a(28).a,r=a(5),A=a.n(r),o=a(98),s={insert:"head",singleton:!1},l=(A()(o.a,s),o.a.locals,a(89)),i=a(0),c=a.n(i);function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}class p extends c.a.Component{render(){const{children:e,focused:n,focusKey:a,parentFocusKey:r,preferredChildFocusKey:A,forgetLastFocusedChild:o,trackChildren:s,autoRestoreFocus:l,blockNavigationOut:i,hasFocusedChild:p,focusable:u,onEnterPress:m,onEnterRelease:E,onBackPress:y,onArrowPress:v,onBecameFocused:g,onBecameBlurred:B,realFocusKey:k,setFocus:b,navigateByDirection:h,stealFocus:C,onUpdateFocus:f,onUpdateHasFocusedChild:x,...P}=this.props;return c.a.createElement(t,d({className:"action-button T05_ALT"},P),e)}}var u=Object(l.a)()(p);n.a=u},96:function(e,n,a){"use strict";var t=a(16);n.a=t.c},97:function(e,n,a){"use strict";var t=a(6),r=a.n(t),A=a(7),o=a.n(A)()(r.a);o.push([e.i,".tab-load-error {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n margin: 16px 0;\n height: 86px;\n}\n","",{version:3,sources:["webpack://./src/components/molecules/TabLoadError/TabLoadError.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd",sourcesContent:[".tab-load-error {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n margin: 16px 0;\n height: 86px;\n}\n"],sourceRoot:""}]),n.a=o},98:function(e,n,a){"use strict";var t=a(6),r=a.n(t),A=a(7),o=a.n(A)()(r.a);o.push([e.i,".action-button {\n padding: 23px 0;\n background-color: var(--sdk-surface5);\n color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.action-button[data-focused='true'] {\n background-color: var(--sdk-accentPrimary);\n color: var(--sdk-text500);\n}\n","",{version:3,sources:["webpack://./src/components/molecules/ActionButton/ActionButton.styles.css"],names:[],mappings:"AAAA;EACE,eAAe;EACf,qCAAqC;EACrC,yBAAyB;AAC3B;;AAEA;;EAEE,0CAA0C;EAC1C,yBAAyB;AAC3B",sourcesContent:[".action-button {\n padding: 23px 0;\n background-color: var(--sdk-surface5);\n color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.action-button[data-focused='true'] {\n background-color: var(--sdk-accentPrimary);\n color: var(--sdk-text500);\n}\n"],sourceRoot:""}]),n.a=o},99:function(e,n,a){"use strict";var t=a(89),r=a(0),A=a.n(r),o=a(94),s=a(5),l=a.n(s),i=a(97),c={insert:"head",singleton:!1};l()(i.a,c),i.a.locals;class d extends A.a.Component{render(){const{focused:e}=this.props;return A.a.createElement("div",{"data-focused":e,className:"tab-load-error focus-ring"},A.a.createElement("h3",{className:"T70"},"We dropped the ball."),A.a.createElement("p",{className:"T20"},"We're having trouble loading that for you. Please try again."),A.a.createElement(o.a,{"data-focused":e,onEnterPress:this.props.onEnterPress},"Try Again"))}}var p=Object(t.a)()(d);n.a=p}}]);
2	+ //# sourceMappingURL=6.maestro-web-sdk.umd.js.map

package/dist/6.maestro-web-sdk.umd.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["webpack://MaestroWebSDK/./src/modules/key-plays/constants.ts","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlaysView.styles.css","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlayCardView.styles.css","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlayCardView.styles.css?438d","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlayCardScoreTagView.tsx","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlayCardView.tsx","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlaysView.styles.css?dc86","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css?b623","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlayErrorStateView.tsx","webpack://MaestroWebSDK/./src/modules/key-plays/view/KeyPlaysView.tsx","webpack://MaestroWebSDK/./src/components/atoms/Image/index.tsx","webpack://MaestroWebSDK/./src/components/atoms/SvgIcon/index.ts","webpack://MaestroWebSDK/./src/components/atoms/BaseButton/index.ts","webpack://MaestroWebSDK/./src/components/molecules/ActionButton/ActionButton.styles.css?ed9b","webpack://MaestroWebSDK/./src/components/molecules/ActionButton/ActionButton.tsx","webpack://MaestroWebSDK/./src/components/molecules/ActionButton/index.ts","webpack://MaestroWebSDK/./src/components/core/ScrollableContainer/index.ts","webpack://MaestroWebSDK/./src/components/molecules/TabLoadError/TabLoadError.styles.css","webpack://MaestroWebSDK/./src/components/molecules/ActionButton/ActionButton.styles.css","webpack://MaestroWebSDK/./src/components/molecules/TabLoadError/TabLoadError.styles.css?59a9","webpack://MaestroWebSDK/./src/components/molecules/TabLoadError/TabLoadError.tsx","webpack://MaestroWebSDK/./src/components/molecules/TabLoadError/index.ts"],"names":["BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK","___CSS_LOADER_EXPORT___","push","module","i","options","locals","ScoreCard","React","Component","render","awayTeamScore","homeTeamScore","homeTeamName","awayTeamName","this","props","createElement","className","KeyPlayCardView","constructor","super","_defineProperty","setState","imageLoaded","playerImageUrl","teamImageUrl","thumbnailImageUrl","isScoring","Image","src","crossOrigin","alt","onLoad","style","display","state","data-has-score","vm","SDK","getMaestroEventViewModel","keyPlaysViewModel","failedClip","viewModel","failedClips","value","clipID","Error","componentDidMount","failedClipListener","subscribe","componentWillUnmount","description","isPlaying","playbackProgress","focused","id","data-focused","renderImage","max","Icon","iconName","width","height","FocusableKeyPlayCard","withFocusable","KeyPlayCard","args","DEFAULT_SCROLLABLE_CONTAINER_CONTEXT","d","deliverFocus","layout","context","scrollToFocusedElement","FocusableItem","_extends","onArrowPress","handleLeftPressed","onBecameFocused","SCROLLABLE_CONTEXT_TYPE","UnpopulatedEvent","Array","from","length","map","_","key","UnsupportedEvent","viewBox","fill","xmlns","opacity","x","y","transform","KeyPlayErrorStateView","errorState","onRetry","TabLoadErrorView","onEnterPress","KeyPlays","_this$viewModel$curre","_this$viewModel$curre2","_this$viewModel$filte","index","async","playKeyPlay","scrollableContainer","currentClipPlaybackProgress","playbackIndex","currentlyPlayingClipIndex","items","filteredItems","playbackProgressUnsub","playbackIndexUnsub","itemsUnsub","container","ScrollableContainer","scrollableContainerRef","containerTopOffset","ref","el","section","sectionIndex","title","item","_this$vm$allItems$fin","_this$vm","absoluteIndex","allItems","findIndex","vmItem","isCurrentlyPlaying","Boolean","handlePlayClip","KeyPlaysWithErrorState","userRequestedNewKeyPlaysData","errorStateUnsub","init","handleRetry","failed","console","warn","onError","handleError","BaseButton","ActionButton","children","_focused","focusKey","_focusKey","parentFocusKey","_parentFocusKey","preferredChildFocusKey","_preferredChildFocusKey","forgetLastFocusedChild","_forgetLastFocusedChild","trackChildren","_trackChildren","autoRestoreFocus","_autoRestoreFocus","blockNavigationOut","_blockNavigationOut","hasFocusedChild","_hasFocusedChild","focusable","_focusable","_onEnterPress","onEnterRelease","_onEnterRelease","onBackPress","_onBackPress","_onArrowPress","_onBecameFocused","onBecameBlurred","_onBecameBlurred","realFocusKey","_realFocusKey","setFocus","_setFocus","navigateByDirection","_navigateByDirection","stealFocus","_stealFocus","onUpdateFocus","_onUpdateFocus","onUpdateHasFocusedChild","_onUpdateHasFocusedChild","buttonProps"],"mappings":"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","file":"6.maestro-web-sdk.umd.js","sourcesContent":["import IMaestroKeyPlaysResponse from './interfaces/IKeyPlaysResponse';\n\nexport const KEY_PLAYS_RESPONSE_MOCK_DATA: IMaestroKeyPlaysResponse = {\n entities: {\n team: {\n '251': {\n id: '251',\n displayName: 'Texas Longhorns',\n color: 'c15d26',\n alternateColor: 'ffffff',\n shortName: 'Texas',\n homeAway: 'away',\n displayOrder: '1',\n logoRef:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/teams/251.jpg?w=184&h=144',\n logoDarkRef: 'https://a.espncdn.com/i/teamlogos/ncaa/500-dark/251.png',\n },\n '264': {\n id: '264',\n displayName: 'Washington Huskies',\n color: '33006f',\n alternateColor: 'e8d3a2',\n shortName: 'Washington',\n homeAway: 'home',\n displayOrder: '0',\n logoRef:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/teams/264.jpg?w=184&h=144',\n logoDarkRef: 'https://a.espncdn.com/i/teamlogos/ncaa/500-dark/264.png',\n },\n },\n athlete: {\n '4360423': {\n id: '4360423',\n shortName: 'M. Penix Jr.',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n },\n '4430637': {\n id: '4430637',\n shortName: 'J. Polk',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430637.jpg?w=184&h=144',\n },\n '4430834': {\n id: '4430834',\n shortName: 'J. McMillan',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430834.jpg?w=184&h=144',\n },\n '4569337': {\n id: '4569337',\n shortName: 'R. Sanborn',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4569337.jpg?w=184&h=144',\n },\n '4570040': {\n id: '4570040',\n shortName: 'B. Murphy II',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4570040.jpg?w=184&h=144',\n },\n '4597500': {\n id: '4597500',\n shortName: 'A. Mitchell',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4597500.jpg?w=184&h=144',\n },\n '4689338': {\n id: '4689338',\n shortName: 'D. Johnson',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n },\n '4870609': {\n id: '4870609',\n shortName: 'C. Baxter',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4870609.jpg?w=184&h=144',\n },\n '4889929': {\n id: '4889929',\n shortName: 'Q. Ewers',\n headshot:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4889929.jpg?w=184&h=144',\n },\n },\n },\n sections: [\n {\n title: '1st Quarter',\n items: [\n {\n description: \"Ja'Lynn Polk's 77-yard catch sets up Washington TD\",\n team: '264',\n awayScore: '0',\n homeScore: '7',\n wallClock: '2024-01-02T02:11:05Z',\n displayClock: '11:04',\n shortPeriod: 'Q1',\n scoringPlay: true,\n athlete: '4689338',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225214',\n },\n {\n description: 'Germie Bernard makes leaping grab for Washington',\n team: '264',\n wallClock: '2024-01-02T02:38:54Z',\n displayClock: '1:30',\n shortPeriod: 'Q1',\n scoringPlay: false,\n athlete: '4360423',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225401',\n },\n ],\n },\n {\n title: '2nd Quarter',\n items: [\n {\n description: 'Dillon Johnson scores 2nd TD of game for the Huskies',\n team: '264',\n awayScore: '7',\n homeScore: '14',\n wallClock: '2024-01-02T02:47:33Z',\n displayClock: '13:08',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4689338',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225442',\n },\n {\n description: 'Texas takes over after Washington muffs punt',\n team: '251',\n wallClock: '2024-01-02T02:54:50Z',\n displayClock: '11:45',\n shortPeriod: 'Q2',\n scoringPlay: false,\n athlete: '4569337',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4569337.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225487',\n },\n {\n description: 'Big man TD! Byron Murphy II punches it in for Texas',\n team: '251',\n awayScore: '14',\n homeScore: '14',\n wallClock: '2024-01-02T02:57:22Z',\n displayClock: '10:08',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4570040',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4570040.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225513',\n },\n {\n description:\n 'Rome Odunze makes over-the-shoulder grab for Washington',\n team: '264',\n wallClock: '2024-01-02T03:02:27Z',\n displayClock: '9:31',\n shortPeriod: 'Q2',\n scoringPlay: false,\n athlete: '4360423',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225518',\n },\n {\n description: \"Texas stops Washington's attempt on 4th down\",\n team: '251',\n wallClock: '2024-01-02T03:06:28Z',\n displayClock: '6:59',\n shortPeriod: 'Q2',\n scoringPlay: false,\n athlete: '4689338',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4689338.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225559',\n },\n {\n description:\n \"Ja'Lynn Polk makes bobbling TD catch and Washington goes ahead\",\n team: '264',\n awayScore: '14',\n homeScore: '21',\n wallClock: '2024-01-02T03:27:56Z',\n displayClock: '1:27',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4430637',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430637.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225686',\n },\n {\n description: \"Texas ties the score after CJ Baxter's TD run\",\n team: '251',\n awayScore: '21',\n homeScore: '21',\n wallClock: '2024-01-02T03:38:42Z',\n displayClock: '0:17',\n shortPeriod: 'Q2',\n scoringPlay: true,\n athlete: '4870609',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4870609.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39225762',\n },\n ],\n },\n {\n title: '3rd Quarter',\n items: [\n {\n description:\n 'Penix threads the needle to McMillan for Washington score',\n team: '264',\n awayScore: '21',\n homeScore: '28',\n wallClock: '2024-01-02T04:11:00Z',\n displayClock: '10:30',\n shortPeriod: 'Q3',\n scoringPlay: true,\n athlete: '4430834',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4430834.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226021',\n },\n {\n description: 'Texas commits their first turnover of the game',\n team: '264',\n wallClock: '2024-01-02T04:16:16Z',\n displayClock: '10:14',\n shortPeriod: 'Q3',\n scoringPlay: false,\n athlete: '4870609',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4870609.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226030',\n },\n ],\n },\n {\n title: '4th Quarter',\n items: [\n {\n description:\n 'Hang time! Adonai Mitchell makes incredible TD grab for Texas',\n team: '251',\n awayScore: '28',\n homeScore: '34',\n wallClock: '2024-01-01T05:08:14Z',\n displayClock: '7:23',\n shortPeriod: 'Q4',\n scoringPlay: true,\n athlete: '4597500',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4597500.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226360',\n },\n {\n description: 'How did Penix drop this pass in to Odunze?',\n team: '264',\n wallClock: '2024-01-01T05:17:15Z',\n displayClock: '3:48',\n shortPeriod: 'Q4',\n scoringPlay: false,\n athlete: '4360423',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4360423.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226394',\n },\n {\n description:\n \"Jordan Whittington's big catch gives Texas good field position\",\n team: '251',\n wallClock: '2024-01-01T05:41:48Z',\n displayClock: '0:28',\n shortPeriod: 'Q4',\n scoringPlay: false,\n athlete: '4889929',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4889929.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226506',\n },\n {\n description:\n \"Washington survives Texas' final drive to win Sugar Bowl\",\n team: '264',\n wallClock: '2024-01-02T04:43:41Z',\n displayClock: '0:00',\n shortPeriod: 'Q4',\n scoringPlay: false,\n athlete: '4889929',\n thumbnail:\n 'https://stitcher.espn.com/ctv/sports/football/leagues/college-football/athletes/4889929.jpg?w=184&h=144',\n thumbnailType: 'headshot',\n clipID: '39226585',\n },\n ],\n },\n ],\n};\n\nexport const BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK =\n 'data:image/jpeg;base64,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';\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".key-plays-view {\\n display: block;\\n overflow-y: auto;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n scroll-behavior: smooth;\\n overscroll-behavior: contain;\\n}\\n\\n.key-plays-view::-webkit-scrollbar {\\n display: none;\\n}\\n\\n.key-plays-view > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-view > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section {\\n display: block;\\n position: relative;\\n}\\n\\n.key-plays-section > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-section > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-items {\\n display: block;\\n}\\n\\n.key-plays-section-items > * {\\n margin-bottom: 20px;\\n}\\n\\n.key-plays-section-items > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-title {\\n position: sticky;\\n top: 0;\\n z-index: 1;\\n margin: 0;\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-bottom-padding {\\n height: calc(100vh - 240px);\\n min-height: 400px;\\n width: 100%;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/key-plays/view/KeyPlaysView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,4CAA4C;EAC5C,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,iBAAiB;EACjB,WAAW;AACb\",\"sourcesContent\":[\".key-plays-view {\\n display: block;\\n overflow-y: auto;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n scroll-behavior: smooth;\\n overscroll-behavior: contain;\\n}\\n\\n.key-plays-view::-webkit-scrollbar {\\n display: none;\\n}\\n\\n.key-plays-view > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-view > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section {\\n display: block;\\n position: relative;\\n}\\n\\n.key-plays-section > * {\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-section > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-items {\\n display: block;\\n}\\n\\n.key-plays-section-items > * {\\n margin-bottom: 20px;\\n}\\n\\n.key-plays-section-items > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.key-plays-section-title {\\n position: sticky;\\n top: 0;\\n z-index: 1;\\n margin: 0;\\n margin-bottom: 16px;\\n}\\n\\n.key-plays-bottom-padding {\\n height: calc(100vh - 240px);\\n min-height: 400px;\\n width: 100%;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".key-play-card {\\n display: block;\\n background-color: var(--sdk-surface2);\\n position: relative;\\n}\\n\\n.key-play-card-content {\\n display: block;\\n width: 100%;\\n position: relative;\\n}\\n\\n.key-play-card-content .cardImage {\\n display: inline-block;\\n width: 33.33%;\\n vertical-align: top;\\n object-fit: cover;\\n border-top-left-radius: 10px;\\n border-bottom-left-radius: 10px;\\n}\\n\\n.key-play-card-content .cardImage[data-has-score='true'] {\\n border-bottom-left-radius: 0;\\n}\\n\\n.key-play-card-content .text-content {\\n position: absolute;\\n top: 50%;\\n left: 33.33%;\\n transform: translateY(-50%);\\n width: 66.67%;\\n padding: 44px 36px 44px 24px;\\n text-align: center;\\n box-sizing: border-box;\\n}\\n\\n.key-play-card-content .multi-line {\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n text-align: left;\\n}\\n\\n.key-play-card progress {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n width: 100%;\\n height: 8px;\\n border-radius: 15px;\\n background-color: var(--sdk-surface6);\\n box-shadow: 0px 1px 3px 0px #10111366 inset;\\n overflow: hidden;\\n border-radius: 0;\\n position: absolute;\\n bottom: 0;\\n}\\n\\n.key-play-card progress::-webkit-progress-bar,\\n.key-play-card progress::-moz-progress-bar {\\n background-color: var(--sdk-surface6);\\n}\\n\\n.key-play-card progress::-webkit-progress-value {\\n background-color: var(--sdk-highlightPrimary);\\n}\\n\\n.key-play-card .score {\\n display: block;\\n text-align: center;\\n padding: 10px;\\n background-color: var(--sdk-surface4);\\n border-bottom-left-radius: 10px;\\n border-bottom-right-radius: 10px;\\n}\\n\\n.key-play-card .score-team {\\n display: inline-block;\\n vertical-align: middle;\\n margin: 0 32px;\\n}\\n\\n.key-play-card .score-team > div {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .score > *:last-child .score-value {\\n margin-left: 0;\\n margin-right: 16px;\\n}\\n\\n.key-play-card .score-team .score-value {\\n margin-left: 16px;\\n}\\n\\n.key-play-card .error-state {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n display: block;\\n text-align: center;\\n background-color: var(--sdk-surface2);\\n}\\n\\n.key-play-card .error-state-text {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n}\\n\\n.key-play-card .error-state-text > * {\\n margin: 8px;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .error-state .error-state-inner {\\n position: relative;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.key-play-card .error-state path {\\n fill: var(--sdk-alertWarning);\\n}\\n\\n.key-play-card .non-recent-error-state {\\n position: absolute;\\n top: 18px;\\n right: 18px;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/key-plays/view/KeyPlayCardView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,4BAA4B;EAC5B,+BAA+B;AACjC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,YAAY;EACZ,2BAA2B;EAC3B,aAAa;EACb,4BAA4B;EAC5B,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;EAChB,WAAW;EACX,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,2CAA2C;EAC3C,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;AACX;;AAEA;;EAEE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,aAAa;EACb,qCAAqC;EACrC,+BAA+B;EAC/B,gCAAgC;AAClC;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,cAAc;AAChB;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;AACb\",\"sourcesContent\":[\".key-play-card {\\n display: block;\\n background-color: var(--sdk-surface2);\\n position: relative;\\n}\\n\\n.key-play-card-content {\\n display: block;\\n width: 100%;\\n position: relative;\\n}\\n\\n.key-play-card-content .cardImage {\\n display: inline-block;\\n width: 33.33%;\\n vertical-align: top;\\n object-fit: cover;\\n border-top-left-radius: 10px;\\n border-bottom-left-radius: 10px;\\n}\\n\\n.key-play-card-content .cardImage[data-has-score='true'] {\\n border-bottom-left-radius: 0;\\n}\\n\\n.key-play-card-content .text-content {\\n position: absolute;\\n top: 50%;\\n left: 33.33%;\\n transform: translateY(-50%);\\n width: 66.67%;\\n padding: 44px 36px 44px 24px;\\n text-align: center;\\n box-sizing: border-box;\\n}\\n\\n.key-play-card-content .multi-line {\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n text-align: left;\\n}\\n\\n.key-play-card progress {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n width: 100%;\\n height: 8px;\\n border-radius: 15px;\\n background-color: var(--sdk-surface6);\\n box-shadow: 0px 1px 3px 0px #10111366 inset;\\n overflow: hidden;\\n border-radius: 0;\\n position: absolute;\\n bottom: 0;\\n}\\n\\n.key-play-card progress::-webkit-progress-bar,\\n.key-play-card progress::-moz-progress-bar {\\n background-color: var(--sdk-surface6);\\n}\\n\\n.key-play-card progress::-webkit-progress-value {\\n background-color: var(--sdk-highlightPrimary);\\n}\\n\\n.key-play-card .score {\\n display: block;\\n text-align: center;\\n padding: 10px;\\n background-color: var(--sdk-surface4);\\n border-bottom-left-radius: 10px;\\n border-bottom-right-radius: 10px;\\n}\\n\\n.key-play-card .score-team {\\n display: inline-block;\\n vertical-align: middle;\\n margin: 0 32px;\\n}\\n\\n.key-play-card .score-team > div {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .score > *:last-child .score-value {\\n margin-left: 0;\\n margin-right: 16px;\\n}\\n\\n.key-play-card .score-team .score-value {\\n margin-left: 16px;\\n}\\n\\n.key-play-card .error-state {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n display: block;\\n text-align: center;\\n background-color: var(--sdk-surface2);\\n}\\n\\n.key-play-card .error-state-text {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n}\\n\\n.key-play-card .error-state-text > * {\\n margin: 8px;\\n vertical-align: middle;\\n}\\n\\n.key-play-card .error-state .error-state-inner {\\n position: relative;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.key-play-card .error-state path {\\n fill: var(--sdk-alertWarning);\\n}\\n\\n.key-play-card .non-recent-error-state {\\n position: absolute;\\n top: 18px;\\n right: 18px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".sdk--key-play-error-state-unsupportedEvent {\\n padding: 32px 24px 0 24px;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent::after {\\n background: linear-gradient(\\n 180deg,\\n rgba(0, 0, 0, 0) 0%,\\n rgba(255, 255, 255, 0.08) 100%\\n );\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent h3 {\\n margin: 0;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent {\\n overflow-y: hidden;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n text-align: left;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n text-align: left;\\n margin-top: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\\n display: block;\\n text-align: center;\\n padding: 32px 6px 32px 6px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\\n display: block;\\n position: relative;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\\n content: '';\\n width: 100%;\\n height: 100%;\\n position: absolute;\\n bottom: 0;\\n background: linear-gradient(\\n 0deg,\\n var(--sdk-surface1) 0%,\\n rgba(0, 0, 0, 0) 30%\\n );\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example {\\n display: block;\\n padding: 28px 24px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface3);\\n height: 128px;\\n box-sizing: border-box;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .image {\\n width: 72px;\\n height: 72px;\\n border-radius: 50%;\\n background-color: var(--sdk-surface4);\\n margin-right: 16px;\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .content {\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .headline {\\n width: 180px;\\n height: 26px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n margin-bottom: 23px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .body {\\n width: 107px;\\n height: 23px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\\n margin-bottom: 0;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE;;;;GAIC;AACH;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;EAC5C,qBAAqB;EACrB,cAAc;AAChB;;AAEA;EACE,SAAS;EACT,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT;;;;GAIC;AACH;;AAEA;;;EAGE,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,qCAAqC;EACrC,aAAa;EACb,sBAAsB;AACxB;;AAEA;;;;EAIE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,qCAAqC;EACrC,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;;;;EAIE,qBAAqB;AACvB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;EACd,mBAAmB;AACrB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB\",\"sourcesContent\":[\".sdk--key-play-error-state-unsupportedEvent {\\n padding: 32px 24px 0 24px;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent::after {\\n background: linear-gradient(\\n 180deg,\\n rgba(0, 0, 0, 0) 0%,\\n rgba(255, 255, 255, 0.08) 100%\\n );\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent h3 {\\n margin: 0;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent {\\n overflow-y: hidden;\\n max-height: calc(100vh - 86px - 60px - 60px);\\n scrollbar-width: none;\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n text-align: left;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent p {\\n margin: 0;\\n color: var(--sdk-text200);\\n text-align: left;\\n margin-top: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\\n display: block;\\n text-align: center;\\n padding: 32px 6px 32px 6px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\\n display: block;\\n position: relative;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\\n margin-bottom: 16px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\\n content: '';\\n width: 100%;\\n height: 100%;\\n position: absolute;\\n bottom: 0;\\n background: linear-gradient(\\n 0deg,\\n var(--sdk-surface1) 0%,\\n rgba(0, 0, 0, 0) 30%\\n );\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example {\\n display: block;\\n padding: 28px 24px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface3);\\n height: 128px;\\n box-sizing: border-box;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .image {\\n width: 72px;\\n height: 72px;\\n border-radius: 50%;\\n background-color: var(--sdk-surface4);\\n margin-right: 16px;\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .content {\\n display: inline-block;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .headline {\\n width: 180px;\\n height: 26px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n margin-bottom: 23px;\\n}\\n\\n.sdk--key-play-error-state-unpopulatedEvent\\n .unpopulatedEvent-examples\\n .example\\n .body {\\n width: 107px;\\n height: 23px;\\n border-radius: 10px;\\n background-color: var(--sdk-surface4);\\n display: block;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\\n margin-bottom: 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./KeyPlayCardView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from 'react';\n\nexport default class ScoreCard extends React.Component<\n {\n awayTeamScore?: number;\n homeTeamScore?: number;\n homeTeamName: string;\n awayTeamName: string;\n },\n {}\n> {\n render() {\n const {\n awayTeamScore,\n homeTeamScore,\n homeTeamName,\n awayTeamName,\n } = this.props;\n\n if (!awayTeamScore || !homeTeamScore || !homeTeamName || !awayTeamName) {\n return null;\n }\n\n return (\n <div className=\"score\">\n <div className=\"score-team T05_ALT\">\n <span>{homeTeamName}</span>\n <span className=\"T30 score-value FONT_BOLD\">{homeTeamScore}</span>\n </div>\n <div className=\"score-team T05_ALT\">\n <span className=\"T30 score-value FONT_BOLD\">{awayTeamScore}</span>\n <span>{awayTeamName}</span>\n </div>\n </div>\n );\n }\n}\n","import Image from '@/components/atoms/Image';\nimport { BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK } from '../constants';\nimport IKeyPlay, { KeyPlayLoadFailureStatus } from '../interfaces/IKeyPlays';\nimport './KeyPlayCardView.styles.css';\nimport SDK from '@/index';\nimport Icon from '@/components/atoms/SvgIcon';\nimport React from 'react';\nimport {\n withFocusable,\n WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport ScoreCard from './KeyPlayCardScoreTagView';\nimport KeyPlaysViewModel from '../view-model/KeyPlaysViewModel';\nimport { Direction, Layout } from '@/external/spatial-navigation/utils';\nimport FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';\nimport {\n DEFAULT_SCROLLABLE_CONTAINER_CONTEXT,\n SCROLLABLE_CONTEXT_TYPE,\n} from '@/components/core/ScrollableContainer/ScrollableContainer';\n\ntype KeyPlayCardViewProps = IKeyPlay & {\n isPlaying: boolean;\n playbackProgress: number | null;\n isScoring: boolean;\n};\n\ntype KeyPlaysCardViewState = {\n failedClip: KeyPlayLoadFailureStatus | null;\n imageLoaded: boolean;\n};\n\nexport class KeyPlayCardView extends React.Component<\n KeyPlayCardViewProps & WithFocusableProps,\n KeyPlaysCardViewState\n> {\n private failedClipListener: () => void = () => {};\n private vm: KeyPlaysViewModel | null;\n\n constructor(props: KeyPlayCardViewProps) {\n super(props);\n this.vm = SDK.getMaestroEventViewModel().keyPlaysViewModel;\n this.state = {\n failedClip: this.viewModel.failedClips.value[props.clipID] || null,\n imageLoaded: false,\n };\n }\n\n get viewModel() {\n if (!this.vm) {\n throw new Error('KeyPlaysViewModel is not initialized');\n }\n\n return this.vm;\n }\n\n componentDidMount() {\n this.failedClipListener = this.viewModel.failedClips.subscribe(\n (failedClips) => {\n this.setState({ failedClip: failedClips[this.props.clipID] });\n }\n );\n }\n\n componentWillUnmount() {\n if (this.failedClipListener) {\n this.failedClipListener();\n }\n }\n\n onLoad = () => {\n this.setState({ imageLoaded: true });\n };\n\n renderImage = () => {\n const {\n playerImageUrl,\n teamImageUrl,\n thumbnailImageUrl,\n isScoring,\n } = this.props;\n if (playerImageUrl) {\n return (\n <Image\n src={playerImageUrl}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Player Image\"\n className=\"cardImage\"\n onLoad={this.onLoad}\n style={{\n display: this.state.imageLoaded ? 'block' : 'none',\n }}\n data-has-score={isScoring}\n />\n );\n }\n\n if (teamImageUrl) {\n return (\n <Image\n src={teamImageUrl}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Team Image\"\n className=\"cardImage\"\n onLoad={this.onLoad}\n style={{\n display: this.state.imageLoaded ? 'block' : 'none',\n }}\n data-has-score={isScoring}\n />\n );\n }\n\n if (thumbnailImageUrl) {\n return (\n <Image\n src={thumbnailImageUrl}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Thumbnail Image\"\n className=\"cardImage\"\n onLoad={this.onLoad}\n style={{\n display: this.state.imageLoaded ? 'block' : 'none',\n }}\n />\n );\n }\n\n return null;\n };\n\n render() {\n const {\n clipID,\n description,\n isPlaying,\n playbackProgress,\n isScoring,\n focused,\n awayTeamScore,\n homeTeamScore,\n homeTeamName,\n awayTeamName,\n } = this.props;\n const { failedClip } = this.state;\n\n return (\n <div\n className=\"key-play-card focus-ring\"\n id={clipID}\n data-focused={focused}\n >\n <div className=\"key-play-card-content\">\n {!this.state.imageLoaded && (\n <Image\n src={BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK}\n crossOrigin=\"anonymous\"\n alt=\"Key Play Thumbnail Image\"\n className=\"cardImage\"\n />\n )}\n {this.renderImage()}\n <div className=\"text-content T05_ALT\">\n <div className=\"multi-line\">{description}</div>\n </div>\n </div>\n {isPlaying && playbackProgress !== null && (\n <progress value={playbackProgress} max=\"1\" />\n )}\n {isScoring && (\n <ScoreCard\n awayTeamScore={awayTeamScore}\n homeTeamScore={homeTeamScore}\n homeTeamName={homeTeamName}\n awayTeamName={awayTeamName}\n />\n )}\n\n {failedClip === 'recentFailure' && (\n <div className=\"error-state\">\n <div className=\"error-state-inner\">\n <div className=\"error-state-text\">\n <Icon iconName=\"warning\" width={21.6} height={18.7} />\n <span className=\"T05_ALT\">Could not play this clip. </span>\n </div>\n </div>\n </div>\n )}\n {failedClip === 'nonRecentFailure' && (\n <div className=\"non-recent-error-state\">\n <Icon iconName=\"warning\" width={21.6} height={18.7} />\n </div>\n )}\n </div>\n );\n }\n}\n\nconst FocusableKeyPlayCard = withFocusable<KeyPlayCardViewProps>()(\n KeyPlayCardView as React.ComponentType<KeyPlayCardViewProps>\n);\n\nexport default class KeyPlayCard extends React.Component<\n Omit<KeyPlayCardViewProps, 'setRef'> & WithFocusableProps\n> {\n context = DEFAULT_SCROLLABLE_CONTAINER_CONTEXT;\n static contextTypes = SCROLLABLE_CONTEXT_TYPE;\n\n handleLeftPressed = (d: Direction) => {\n if (d === 'left') {\n SDK.getMaestroEventViewModel().deliverFocus();\n }\n };\n\n onBecameFocused = (layout: Layout) => {\n this.context.scrollToFocusedElement(layout);\n };\n\n render() {\n return (\n <FocusableItem>\n <FocusableKeyPlayCard\n {...this.props}\n onArrowPress={this.handleLeftPressed}\n onBecameFocused={this.onBecameFocused}\n />\n </FocusableItem>\n );\n }\n}\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./KeyPlaysView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./KeyPlayErrorStateView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { KeyPlaysErrorState } from '../interfaces/IKeyPlays';\nimport './KeyPlayErrorStateView.styles.css';\nimport React from 'react';\nimport { Direction } from '@/external/spatial-navigation/utils';\nimport SDK from '@/index';\nimport TabLoadErrorView from '@/components/molecules/TabLoadError';\n\ntype Props = {\n errorState: KeyPlaysErrorState;\n onRetry: () => void;\n};\n\nclass UnpopulatedEvent extends React.Component {\n render() {\n return (\n <div className=\"sdk--key-play-error-state-unpopulatedEvent\">\n <div className=\"main-content\">\n <h3 className=\"T70\">Good things come to those who wait!</h3>\n <p className=\"T20\">\n When a key play occurs we will serve them up for you here.\n </p>\n </div>\n <div className=\"unpopulatedEvent-examples\">\n {Array.from({ length: 4 }).map((_, i) => (\n <div key={i} className=\"example\">\n <div className=\"image\" />\n <div className=\"content\">\n <div className=\"headline\" />\n <div className=\"body\" />\n </div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n\nclass UnsupportedEvent extends React.Component {\n render() {\n return (\n <div className=\"sdk--key-play-error-state-unsupportedEvent\">\n <h3 className=\"T70\">No Key Plays Available</h3>\n <svg\n viewBox=\"0 0 520 359\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.16\">\n <path\n d=\"M146.334 219.427V244.686L168.723 198.187V38.0215L165.279 40.3178V188.427L146.334 219.427Z\"\n fill=\"#6D6D6D\"\n />\n <rect\n x=\"94.6687\"\n y=\"219.427\"\n width=\"51.6662\"\n height=\"25.259\"\n fill=\"#777777\"\n />\n <rect\n x=\"145.187\"\n y=\"39.1694\"\n width=\"20.6665\"\n height=\"149.258\"\n fill=\"#666666\"\n />\n <path\n d=\"M146.335 219.427H94.6687L143.465 187.279H167.001L146.335 219.427Z\"\n fill=\"#666666\"\n />\n <path\n d=\"M375.389 219.427V244.686L353 198.187V38.0215L356.445 40.3178V188.427L375.389 219.427Z\"\n fill=\"#6D6D6D\"\n />\n <rect\n width=\"51.6662\"\n height=\"25.259\"\n transform=\"matrix(-1 0 0 1 427.055 219.427)\"\n fill=\"#777777\"\n />\n <rect\n width=\"20.6665\"\n height=\"149.258\"\n transform=\"matrix(-1 0 0 1 376.537 39.1694)\"\n fill=\"#666666\"\n />\n <path\n d=\"M375.389 219.427H427.055L378.259 187.279H354.722L375.389 219.427Z\"\n fill=\"#666666\"\n />\n <path\n d=\"M23.4844 141.354H496.517L410.981 121.835H93.5208L23.4844 141.354Z\"\n fill=\"#B1B1B1\"\n />\n <rect\n x=\"23.4844\"\n y=\"141.354\"\n width=\"473.033\"\n height=\"19.5183\"\n fill=\"#777777\"\n />\n <rect\n x=\"72.8545\"\n y=\"51.7993\"\n width=\"374.293\"\n height=\"45.9255\"\n fill=\"#CDCDCD\"\n />\n </g>\n </svg>\n </div>\n );\n }\n}\n\nclass KeyPlayErrorStateView extends React.Component<Props, {}> {\n onArrowPress = (d: Direction) => {\n if (d === 'left') {\n SDK.getMaestroEventViewModel().deliverFocus();\n }\n };\n\n render() {\n const { errorState, onRetry } = this.props;\n\n if (errorState === 'unsupportedEvent') {\n return <UnsupportedEvent />;\n }\n\n if (errorState === 'unpopulatedEvent') {\n return <UnpopulatedEvent />;\n }\n\n if (errorState === 'tabLoadFailure') {\n return (\n <TabLoadErrorView\n onEnterPress={onRetry}\n onArrowPress={this.onArrowPress}\n />\n );\n }\n\n return null;\n }\n}\n\nexport default KeyPlayErrorStateView;\n","import React, { Component } from 'react';\nimport KeyPlayCardView from './KeyPlayCardView';\nimport './KeyPlaysView.styles.css';\nimport KeyPlayErrorStateView from './KeyPlayErrorStateView';\nimport SDK from '@/index';\nimport { KeyPlaysErrorState } from '../interfaces/IKeyPlays';\nimport KeyPlaysViewModel, {\n KeyPlayItem,\n} from '../view-model/KeyPlaysViewModel';\nimport ScrollableContainer from '@/components/core/ScrollableContainer';\n\nconst STICKY_HEADER_HEIGHT = 32;\n\ntype Unsubscribe = () => void;\n\ninterface IKeyPlaysState {\n playbackProgress: number | null;\n playbackIndex: number | null;\n items: KeyPlayItem[];\n scrollableContainer: HTMLDivElement | null;\n}\n\nexport class KeyPlays extends Component<{}, IKeyPlaysState> {\n private container: HTMLDivElement | null = null;\n private playbackProgressUnsub: Unsubscribe | null = null;\n private playbackIndexUnsub: Unsubscribe | null = null;\n private itemsUnsub: Unsubscribe | null = null;\n private vm: KeyPlaysViewModel | null;\n\n constructor(props: {}) {\n super(props);\n this.vm = SDK.getMaestroEventViewModel().keyPlaysViewModel;\n this.state = {\n scrollableContainer: null,\n playbackProgress:\n this.viewModel.currentClipPlaybackProgress.value ?? null,\n playbackIndex: this.viewModel.currentlyPlayingClipIndex.value ?? null,\n items: this.viewModel.filteredItems.value ?? [],\n };\n }\n\n get viewModel() {\n if (!this.vm) {\n throw new Error('KeyPlaysViewModel is not initialized');\n }\n\n return this.vm;\n }\n\n componentDidMount() {\n this.playbackProgressUnsub = this.viewModel.currentClipPlaybackProgress.subscribe(\n (value) => {\n this.setState({ playbackProgress: value ?? null });\n }\n );\n this.playbackIndexUnsub = this.viewModel.currentlyPlayingClipIndex.subscribe(\n (value) => {\n this.setState({ playbackIndex: value ?? null });\n }\n );\n this.itemsUnsub = this.viewModel.filteredItems.subscribe((items) => {\n this.setState({\n items,\n });\n });\n\n this.setState({\n scrollableContainer: this.container,\n });\n }\n\n componentWillUnmount() {\n this.playbackProgressUnsub && this.playbackProgressUnsub();\n this.playbackIndexUnsub && this.playbackIndexUnsub();\n this.itemsUnsub && this.itemsUnsub();\n }\n\n private handlePlayClip = (index: number) => async () => {\n await this.viewModel.playKeyPlay(index);\n };\n\n render() {\n const {\n playbackProgress,\n playbackIndex,\n items,\n scrollableContainer,\n } = this.state;\n\n return (\n <ScrollableContainer\n scrollableContainerRef={scrollableContainer}\n containerTopOffset={STICKY_HEADER_HEIGHT}\n >\n <div\n ref={(el) => {\n this.container = el;\n }}\n className=\"key-plays-view\"\n >\n {items.map((section, sectionIndex) => (\n <div key={`section-${sectionIndex}`} className=\"key-plays-section\">\n {section.title && (\n <h3 className=\"key-plays-section-title T10\">{section.title}</h3>\n )}\n <div className=\"key-plays-section-items\">\n {section.items.map((item) => {\n const absoluteIndex =\n this.vm?.allItems.findIndex(\n (vmItem) => vmItem.id === item.id\n ) ?? -1;\n return (\n <KeyPlayCardView\n key={item.id}\n id={item.id}\n clipID={item.clipID}\n description={item.description}\n awayTeamName={item.awayTeamName}\n homeTeamName={item.homeTeamName}\n awayTeamScore={item.awayTeamScore}\n homeTeamScore={item.homeTeamScore}\n playerImageUrl={item.playerImageUrl}\n teamImageUrl={item.teamImageUrl}\n thumbnailImageUrl={item.thumbnailImageUrl}\n isPlaying={this.viewModel.isCurrentlyPlaying(\n absoluteIndex\n )}\n isScoring={Boolean(\n item.awayTeamScore && item.homeTeamScore\n )}\n playbackProgress={\n absoluteIndex === playbackIndex\n ? playbackProgress\n : null\n }\n onEnterPress={this.handlePlayClip(absoluteIndex)}\n />\n );\n })}\n </div>\n </div>\n ))}\n <div className=\"key-plays-bottom-padding\" />\n </div>\n </ScrollableContainer>\n );\n }\n}\n\ninterface KeyPlaysWithErrorStateState {\n errorState: KeyPlaysErrorState;\n}\n\nexport default class KeyPlaysWithErrorState extends Component<\n {},\n KeyPlaysWithErrorStateState\n> {\n private errorStateUnsub: Unsubscribe | null = null;\n private vm: KeyPlaysViewModel | null;\n\n constructor(props: {}) {\n super(props);\n this.vm = SDK.getMaestroEventViewModel().keyPlaysViewModel;\n this.state = {\n errorState: this.viewModel.errorState.value as KeyPlaysErrorState,\n };\n }\n\n get viewModel() {\n if (!this.vm) {\n throw new Error('KeyPlaysViewModel is not initialized');\n }\n\n return this.vm;\n }\n\n componentDidMount() {\n this.errorStateUnsub = this.viewModel.errorState.subscribe((value) => {\n this.setState({ errorState: value as KeyPlaysErrorState });\n });\n this.viewModel.init();\n }\n\n componentWillUnmount() {\n this.errorStateUnsub && this.errorStateUnsub();\n }\n\n private handleRetry = async () => {\n await this.viewModel.userRequestedNewKeyPlaysData();\n };\n\n render() {\n const { errorState } = this.state;\n if (errorState) {\n return (\n <KeyPlayErrorStateView\n errorState={errorState}\n onRetry={this.handleRetry}\n />\n );\n }\n\n return <KeyPlays />;\n }\n}\n","import React from 'react';\nimport { ImgHTMLAttributes } from 'react';\n\ninterface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {}\n\nclass Image extends React.Component<ImageProps> {\n state = {\n failed: false,\n };\n\n constructor(props: ImageProps) {\n super(props);\n }\n\n handleError = () => {\n this.setState({ failed: true });\n };\n\n render() {\n if (this.state.failed) {\n console.warn('Image failed to load:', this.props.src);\n return null;\n }\n\n if (!this.props.src) {\n console.warn('Image source is empty');\n return null;\n }\n\n return (\n <img\n alt={this.props.alt || 'Image'}\n {...this.props}\n onError={this.handleError}\n />\n );\n }\n}\n\nexport default Image;\n","import Icon from './Icon';\n\nexport default Icon;\n","import BaseButton from './BaseButton';\n\nexport default BaseButton;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./ActionButton.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import BaseButton from '@/components/atoms/BaseButton';\nimport './ActionButton.styles.css';\nimport {\n withFocusable,\n WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\n\ntype SpatialNavigationInjectedProps = {\n realFocusKey?: string;\n setFocus?: (focusKey: string) => void;\n navigateByDirection?: (...args: any[]) => any;\n stealFocus?: () => void;\n onUpdateFocus?: (focused: boolean) => void;\n onUpdateHasFocusedChild?: (hasFocusedChild: boolean) => void;\n};\n\ntype Props = React.PropsWithChildren<\n React.ButtonHTMLAttributes<HTMLButtonElement> &\n WithFocusableProps &\n SpatialNavigationInjectedProps\n>;\n\nclass ActionButton extends React.Component<Props, {}> {\n render() {\n const {\n children,\n // spatial-navigation props (must not hit DOM)\n focused: _focused,\n focusKey: _focusKey,\n parentFocusKey: _parentFocusKey,\n preferredChildFocusKey: _preferredChildFocusKey,\n forgetLastFocusedChild: _forgetLastFocusedChild,\n trackChildren: _trackChildren,\n autoRestoreFocus: _autoRestoreFocus,\n blockNavigationOut: _blockNavigationOut,\n hasFocusedChild: _hasFocusedChild,\n focusable: _focusable,\n onEnterPress: _onEnterPress,\n onEnterRelease: _onEnterRelease,\n onBackPress: _onBackPress,\n onArrowPress: _onArrowPress,\n onBecameFocused: _onBecameFocused,\n onBecameBlurred: _onBecameBlurred,\n // injected/internal props (also must not hit DOM)\n realFocusKey: _realFocusKey,\n setFocus: _setFocus,\n navigateByDirection: _navigateByDirection,\n stealFocus: _stealFocus,\n onUpdateFocus: _onUpdateFocus,\n onUpdateHasFocusedChild: _onUpdateHasFocusedChild,\n ...buttonProps\n } = this.props;\n\n return (\n <BaseButton className=\"action-button T05_ALT\" {...buttonProps}>\n {children}\n </BaseButton>\n );\n }\n}\n\nexport default withFocusable()(ActionButton);\n","import ActionButton from './ActionButton';\n\nexport default ActionButton;\n","import ScrollableContainer from './ScrollableContainer';\n\nexport default ScrollableContainer;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".tab-load-error {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.tab-load-error h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.tab-load-error p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/molecules/TabLoadError/TabLoadError.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd\",\"sourcesContent\":[\".tab-load-error {\\n display: block;\\n padding: 24px;\\n background-color: var(--sdk-surface4);\\n}\\n\\n.tab-load-error h3 {\\n margin: 0;\\n font-family: var(--sdk-font-headline);\\n}\\n\\n.tab-load-error p {\\n margin: 16px 0;\\n height: 86px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".action-button {\\n padding: 23px 0;\\n background-color: var(--sdk-surface5);\\n color: var(--sdk-text100);\\n}\\n\\n.action-button:hover,\\n.action-button[data-focused='true'] {\\n background-color: var(--sdk-accentPrimary);\\n color: var(--sdk-text500);\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/molecules/ActionButton/ActionButton.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,eAAe;EACf,qCAAqC;EACrC,yBAAyB;AAC3B;;AAEA;;EAEE,0CAA0C;EAC1C,yBAAyB;AAC3B\",\"sourcesContent\":[\".action-button {\\n padding: 23px 0;\\n background-color: var(--sdk-surface5);\\n color: var(--sdk-text100);\\n}\\n\\n.action-button:hover,\\n.action-button[data-focused='true'] {\\n background-color: var(--sdk-accentPrimary);\\n color: var(--sdk-text500);\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./TabLoadError.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import {\n withFocusable,\n WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\nimport ActionButton from '../ActionButton';\nimport './TabLoadError.styles.css';\n\nclass TabLoadErrorView extends React.Component<WithFocusableProps> {\n render() {\n const { focused } = this.props;\n\n return (\n <div data-focused={focused} className=\"tab-load-error focus-ring\">\n <h3 className=\"T70\">We dropped the ball.</h3>\n <p className=\"T20\">\n {\"We're having trouble loading that for you. Please try again.\"}\n </p>\n <ActionButton\n data-focused={focused}\n onEnterPress={this.props.onEnterPress}\n >\n Try Again\n </ActionButton>\n </div>\n );\n }\n}\n\nexport default withFocusable()(TabLoadErrorView);\n","import TabLoadErrorView from './TabLoadError';\n\nexport default TabLoadErrorView;\n"],"sourceRoot":""}

package/dist/7.maestro-web-sdk.esm.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (window.webpackJsonp=window.webpackJsonp\|\|[]).push([[7],{189:function(e,t,n){"use strict";var l=n(6),a=n.n(l),r=n(7),i=n.n(r)()(a.a);i.push([e.i,".hello-world-view {\n text-align: center;\n padding: 90px 52px;\n background: transparent;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n margin-bottom: 60px;\n}\n\n.hello-world-view .title {\n font-weight: 700;\n font-size: 48px;\n line-height: 56px;\n font-family: var(--sdk-font-headline);\n color: var(--sdk-text100);\n text-align: center;\n}\n\n.hello-world-view .subtitle {\n font-weight: 400;\n font-size: 27px;\n line-height: 36px;\n text-align: center;\n margin: 10px 0 30px 0;\n font-family: var(--sdk-font-title);\n color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n position: relative;\n}\n\n.hello-world-view .unsupported-text {\n font-family: var(--sdk-font-body);\n font-size: 21px;\n line-height: 26px;\n text-align: center;\n color: var(--sdk-text200);\n margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n list-style: none;\n padding: 0;\n margin: 0;\n margin-top: 24px;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n padding: 8px 0;\n color: var(--sdk-text100);\n text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n vertical-align: middle;\n display: inline-block;\n margin-right: 8px;\n border-radius: 50%;\n background-color: var(--sdk-surface5);\n width: 40px;\n height: 40px;\n color: var(--sdk-text200);\n position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n vertical-align: middle;\n display: inline-block;\n color: var(--sdk-text200);\n}\n","",{version:3,sources:["webpack://./src/modules/hello-world/HelloWorldView.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,kBAAkB;EAClB,uBAAuB;AACzB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,qCAAqC;EACrC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,qBAAqB;EACrB,kCAAkC;EAClC,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,yBAAyB;EACzB,SAAS;AACX;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,cAAc;EACd,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,kBAAkB;EAClB,qCAAqC;EACrC,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;AAClC;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,yBAAyB;AAC3B",sourcesContent:[".hello-world-view {\n text-align: center;\n padding: 90px 52px;\n background: transparent;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n margin-bottom: 60px;\n}\n\n.hello-world-view .title {\n font-weight: 700;\n font-size: 48px;\n line-height: 56px;\n font-family: var(--sdk-font-headline);\n color: var(--sdk-text100);\n text-align: center;\n}\n\n.hello-world-view .subtitle {\n font-weight: 400;\n font-size: 27px;\n line-height: 36px;\n text-align: center;\n margin: 10px 0 30px 0;\n font-family: var(--sdk-font-title);\n color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n position: relative;\n}\n\n.hello-world-view .unsupported-text {\n font-family: var(--sdk-font-body);\n font-size: 21px;\n line-height: 26px;\n text-align: center;\n color: var(--sdk-text200);\n margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n list-style: none;\n padding: 0;\n margin: 0;\n margin-top: 24px;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n padding: 8px 0;\n color: var(--sdk-text100);\n text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n vertical-align: middle;\n display: inline-block;\n margin-right: 8px;\n border-radius: 50%;\n background-color: var(--sdk-surface5);\n width: 40px;\n height: 40px;\n color: var(--sdk-text200);\n position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n vertical-align: middle;\n display: inline-block;\n color: var(--sdk-text200);\n}\n"],sourceRoot:""}]),t.a=i},205:function(e,t,n){"use strict";n.r(t);var l=n(0),a=n.n(l),r=n(5),i=n.n(r),o=n(189),A={insert:"head",singleton:!1},s=(i()(o.a,A),o.a.locals,n(10));var d=()=>a.a.createElement("div",{className:"hello-world-image"},a.a.createElement("svg",{width:"376",height:"236",viewBox:"0 0 376 236",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{d:"M255.234 212.541H232.178V235.597H255.234V212.541ZM116.898 235.597H139.954V212.541H116.898V235.597ZM197.594 108.789H220.65V154.901H197.594V108.789ZM174.538 154.901H151.482V108.789H174.538V154.901ZM255.234 91.4965H243.706V79.9685H232.178V68.4404H214.886V45.3843H203.358V68.4404H168.774V45.3843H157.246V68.4404H139.954V79.9685H128.426V91.4965H116.898V131.845H93.8414V143.373H116.898V183.721H139.954V212.541H168.774V183.721H203.358V212.541H232.178V183.721H255.234V143.373H278.29V131.845H255.234V91.4965ZM278.29 131.845H289.818V68.4404H278.29V131.845ZM82.3134 131.845H93.8414V68.4404H82.3134V131.845Z",fill:"#2D2D2D"}),a.a.createElement("path",{d:"M262.396 50.3333L246.908 65.8205H262.396V80.7546H346.469V5.53113H262.396V50.3333Z",fill:"#101113",stroke:"#2D2D2D",strokeWidth:"6.63736"}),a.a.createElement("path",{d:"M278.746 57.5037V29.5141H286.311V39.9156H295.616V29.5141H303.18V57.5037H295.616V46.1944H286.311V57.5037H278.746ZM308.634 57.5037V29.5141H316.199V57.5037H308.634ZM323.408 48.1612L321.593 29.5141H331.011L329.195 48.1612H323.408ZM322.387 57.5037V51.0737H330.216V57.5037H322.387Z",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"61.0623",y:"56.4176",width:"8.84982",height:"8.84982",transform:"rotate(-90 61.0623 56.4176)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"50",y:"42.0366",width:"8.84982",height:"8.84982",transform:"rotate(-90 50 42.0366)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"69.9121",y:"47.5674",width:"8.84982",height:"8.84982",transform:"rotate(-90 69.9121 47.5674)",fill:"#2D2D2D"}),a.a.createElement("g",{filter:"url(#filter0_d_193_43290)"},a.a.createElement("rect",{width:"8",height:"12",transform:"matrix(4.37114e-08 1 1 -4.37114e-08 82 67)",fill:"#21EFA3"})),a.a.createElement("rect",{x:"58.8499",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 58.8499 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"78.762",y:"47.5677",width:"8.84982",height:"8.84982",transform:"rotate(-90 78.762 47.5677)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"67.6997",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 67.6997 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"256.865",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 86.2857)",fill:"#101113"}),a.a.createElement("rect",{x:"256.865",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 86.2857)",fill:"#101113"}),a.a.createElement("defs",null,a.a.createElement("filter",{id:"filter0_d_193_43290",x:"64",y:"50",width:"48",height:"44",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},a.a.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),a.a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.a.createElement("feMorphology",{radius:"3",operator:"dilate",in:"SourceAlpha",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feOffset",{dy:"1"}),a.a.createElement("feGaussianBlur",{stdDeviation:"7.5"}),a.a.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),a.a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.129412 0 0 0 0 0.937255 0 0 0 0 0.639216 0 0 0 0.25 0"}),a.a.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_193_43290",result:"shape"}))))),p=n(93);const c={chat:"Chat",shopifyBlockPanel:"Shopify"};class h extends l.Component{constructor(e){super(e);const t=s.default.getMaestroEventViewModel().panelManagerViewModel;this.state={unlistedPanels:t.getUnlistedPanels()}}render(){const{unlistedPanels:e}=this.state;return a.a.createElement("div",{className:"hello-world-view","data-has-unlisted":e.length>0},a.a.createElement(d,null),a.a.createElement("div",{className:"title"},"HELLO, WORLD!"),a.a.createElement("p",{className:"T20 subtitle"},"Panel component has been",a.a.createElement("br",null),"installed correctly."),e.length>0&&a.a.createElement("div",{className:"unsupported-panels"},a.a.createElement("p",{className:"T10 unsupported-text"},"However, some panels currently active on this",a.a.createElement("br",null),"channel aren't supported on this device:"),a.a.createElement("ul",{className:"unsupported-list"},e.filter(e=>e.type in c).map(e=>a.a.createElement("li",{key:e.type,className:"T10"},a.a.createElement("div",{className:"panel-icon"},a.a.createElement(p.a,{iconName:e.type,width:24,height:24})),a.a.createElement("div",{className:"panel-title"},c[e.type]))))))}}var E=h;t.default=E},93:function(e,t,n){"use strict";var l=n(27);t.a=l.a}}]);
2	+ //# sourceMappingURL=7.maestro-web-sdk.esm.js.map