Loading...
;\r\n\r\n// Containers\r\nconst DefaultLayout = React.lazy(() => import('./containers/DefaultLayout'));\r\n\r\n// Pages\r\nconst Home = React.lazy(() => import('./views/Home/Home'));\r\nconst Login = React.lazy(() => import('./views/Pages/Login'));\r\nconst Page404 = React.lazy(() => import('./views/Pages/Page404'));\r\nconst Page500 = React.lazy(() => import('./views/Pages/Page500'));\r\nconst OverlayBase = React.lazy(() => import('./views/Components/common/base/overlay/OverlayBase'));\r\nconst MapVetoPanel = React.lazy(() => import('./views/Components/common/mapVeto/panel/MapVetoPanel'));\r\nconst TeamLeaderboard = React.lazy(() => import('./views/CustomTournamentOverlays/TeamLeaderboard'));\r\nconst PlayerLeaderboard = React.lazy(() => import('./views/CustomTournamentOverlays/PlayerLeaderboard'));\r\nconst TodaysWinners = React.lazy(() => import('./views/CustomTournamentOverlays/TodaysWinners'));\r\nconst HeadToHeadTeams = React.lazy(() => import('./views/CustomTournamentOverlays/HeadToHeadTeams'));\r\nconst HeadToHeadPlayers = React.lazy(() => import('./views/CustomTournamentOverlays/HeadToHeadPlayers'));\r\nconst CurrentMatch = React.lazy(() => import('./views/CustomTournamentOverlays/CurrentMatch'));\r\n\r\nclass App extends Component {\r\n componentDidMount() {\r\n this.props.saveApolloClient(apolloClient);\r\n }\r\n\r\n render() {\r\n return (\r\n { text }
\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default PUBGPlayerStatsOverlay;\r\n","import React, { Component } from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport ControllerBase from '../../../common/base/controller/ControllerBase';\r\nimport StatisticsSelect from '../../../common/base/controller/inputs/StatisticsSelect';\r\nimport MatchSelect from '../../../common/base/controller/inputs/MatchSelect';\r\nimport TeamSelect from '../../../common/base/controller/inputs/TeamSelect';\r\nimport { COMPONENT_STATE_TEAM } from '../../../constants';\r\nimport { PUBG_GAME } from '../../../../../util/Games';\r\n\r\nclass PUBGTeamStatsController extends Component {\r\n render() {\r\n const { component } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default PUBGTeamStatsOverlay;\r\n","import React, { Component } from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport ControllerBase from '../../../common/base/controller/ControllerBase';\r\nimport StatisticsSelect from '../../../common/base/controller/inputs/StatisticsSelect';\r\nimport MatchSelect from '../../../common/base/controller/inputs/MatchSelect';\r\nimport TeamSelect from '../../../common/base/controller/inputs/TeamSelect';\r\nimport PlayerSelect from '../../../common/base/controller/inputs/PlayerSelect';\r\nimport {\r\n COMPONENT_STATE_LEFT_PLAYER,\r\n COMPONENT_STATE_LEFT_TEAM,\r\n COMPONENT_STATE_RIGHT_PLAYER,\r\n COMPONENT_STATE_RIGHT_TEAM,\r\n} from '../../../constants';\r\nimport { PUBG_GAME } from '../../../../../util/Games';\r\n\r\nclass PUBGPlayerHeadToHeadController extends Component {\r\n render() {\r\n const { component } = this.props;\r\n\r\n return (\r\n {leftPlayer.username}
\r\n \r\n{rightPlayer.username}
\r\n \r\nVS
\r\n{Math.round(leftPlayer[s.key])}
\r\n \r\n{Math.round(rightPlayer[s.key])}
\r\n \r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default HeadToHeadFooter;","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport HeadToHeadHeader from './HeadToHeadHeader';\r\nimport HeadToHeadBody from './HeadToHeadBody';\r\nimport HeadToHeadFooter from './HeadToHeadFooter';\r\n\r\nconst width = 900;\r\nconst height = 700;\r\n\r\nconst HeadToHeadWrapper = styled.div`\r\n width: ${props => props.rowWidth}px;\r\n overflow: hidden;\r\n font-family: 'muli';\r\n\r\n &.head-to-head-show {\r\n display: block;\r\n height: 0;\r\n animation: fadeIn 0.6s ease 0s forwards, slideDown 1s ease 0.3s forwards;\r\n \r\n @keyframes slideDown {\r\n from {height: 0;}\r\n to {height: ${height}px;}\r\n }\r\n \r\n @keyframes fadeIn {\r\n from {opacity: 0;}\r\n to {}\r\n }\r\n }\r\n\r\n &.head-to-head-hide {\r\n height: ${height}px;\r\n animation: slideUp 1s ease 0s forwards, fadeOut 0.3s ease .8s forwards;\r\n \r\n @keyframes slideUp {\r\n from {height: ${height}px;}\r\n to {height: 0;}\r\n }\r\n \r\n @keyframes fadeOut {\r\n from {}\r\n to {opacity: 0;}\r\n }\r\n }\r\n\r\n &.no-animation {\r\n height: ${height}px;\r\n }\r\n`;\r\n\r\nclass HeadToHeadPlayers extends Component {\r\n\r\n render() {\r\n const { loaded, left, right, opts, show, shard, exportAsImage } = this.props;\r\n\r\n return (\r\n loaded ?\r\n {left[s.key]}
\r\n \r\n{right[s.key]}
\r\n \r\n\r\n \r\n \r\n \r\n }\r\n)
e.target.src = getTeamLogo('default')}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n }\r\n)
e.target.src = getTeamLogo('default')}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default HeadToHeadBody;","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { Row, Col } from 'reactstrap';\r\n\r\nconst Wrapper = styled.div`\r\n text-transform: uppercase;\r\n font-family: 'agency_fb';\r\n width: ${props => props.rowWidth}px;\r\n margin-top: 35px;\r\n background: ${styles.pslColor};\r\n height: 180px;\r\n\r\n &.head-to-head-header-show {\r\n display: block;\r\n width: 0px;\r\n animation: headerSlideDown 0.5s ease 0.2s forwards;\r\n \r\n @keyframes headerSlideDown {\r\n from {width: 0px;}\r\n to {width: ${props => props.rowWidth}px;}\r\n }\r\n\r\n p {\r\n opacity: 0;\r\n animation: headerFadeIn 0.6s ease 0.6s forwards;\r\n \r\n @keyframes headerFadeIn {\r\n from {opacity: 0;}\r\n to {opacity: 1;}\r\n }\r\n }\r\n }\r\n\r\n &.head-to-head-header-hide {\r\n width: ${props => props.rowWidth}px;\r\n animation: headerSlideUp 0.5s ease 1s forwards;\r\n \r\n @keyframes headerSlideUp {\r\n from {width: ${props => props.rowWidth}px;}\r\n to {width: 0px;}\r\n }\r\n\r\n p {\r\n opacity: 1;\r\n animation: headerFadeOut 0.6s ease 0.6s forwards;\r\n \r\n @keyframes headerFadeOut {\r\n from {opacity: 1;}\r\n to {opacity: 0;}\r\n }\r\n }\r\n }\r\n\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n img {\r\n height: 250px;\r\n position: absolute;\r\n top: 0;\r\n z-index: 100;\r\n }\r\n\r\n .row {\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n }\r\n\r\n .next-match {\r\n vertical-align: middle;\r\n font-size: 35px;\r\n letter-spacing: 8px;\r\n filter: drop-shadow(0px 0px 4px #00000040);\r\n line-height: 1;\r\n margin-left: 5px;\r\n }\r\n\r\n .next-map {\r\n vertical-align: middle;\r\n font-size: 130px;\r\n text-transform: uppercase;\r\n filter: drop-shadow(0px 0px 4px #00000080);\r\n line-height: 1;\r\n }\r\n`;\r\n\r\nfunction HeadToHeadHeader(props) {\r\n const { rowWidth, show } = props;\r\n\r\n return (\r\n VS
\r\nPlayers
\r\nHead To head
\r\n \r\n{ left.ign }
\r\n \r\n :\r\n null\r\n }\r\n{ right.ign }
\r\n \r\n :\r\n null\r\n }\r\n| \r\n { left.ign } \r\n | \r\n :\r\n null\r\n }\r\n { parseInt(left[s.key]) } | \r\n\r\n \r\n { s.value }\r\n \r\n | \r\n { parseInt(right[s.key]) } | \r\n {\r\n i === 0 ?\r\n\r\n { right.ign } \r\n | \r\n :\r\n null\r\n }\r\n \r\n );\r\n })\r\n }\r\n
Player Head To Head
\r\n{leftTeam.teamName}
\r\n \r\n{rightTeam.teamName}
\r\n \r\nVS
\r\n{Math.round(leftTeam[s.key])}
\r\n \r\n{Math.round(rightTeam[s.key])}
\r\n \r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default HeadToHeadFooter;","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport HeadToHeadHeader from './HeadToHeadHeader';\r\nimport HeadToHeadBody from './HeadToHeadBody';\r\nimport HeadToHeadFooter from './HeadToHeadFooter';\r\n\r\nconst width = 900;\r\nconst height = 700;\r\n\r\nconst HeadToHeadWrapper = styled.div`\r\n width: ${props => props.rowWidth}px;\r\n overflow: hidden;\r\n font-family: 'muli';\r\n\r\n &.head-to-head-show {\r\n display: block;\r\n height: 0;\r\n animation: fadeIn 0.6s ease 0s forwards, slideDown 1s ease 0.3s forwards;\r\n \r\n @keyframes slideDown {\r\n from {height: 0;}\r\n to {height: ${height}px;}\r\n }\r\n \r\n @keyframes fadeIn {\r\n from {opacity: 0;}\r\n to {}\r\n }\r\n }\r\n\r\n &.head-to-head-hide {\r\n height: ${height}px;\r\n animation: slideUp 1s ease 0s forwards, fadeOut 0.3s ease .8s forwards;\r\n \r\n @keyframes slideUp {\r\n from {height: ${height}px;}\r\n to {height: 0;}\r\n }\r\n \r\n @keyframes fadeOut {\r\n from {}\r\n to {opacity: 0;}\r\n }\r\n }\r\n\r\n &.no-animation {\r\n height: ${height}px;\r\n }\r\n`;\r\n\r\nclass HeadToHeadTeams extends Component {\r\n\r\n render() {\r\n const { loaded, left, right, opts, show, shard, exportAsImage } = this.props;\r\n\r\n return (\r\n loaded ?\r\n {left[s.key]}
\r\n \r\n{right[s.key]}
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default HeadToHeadBody;","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { Row, Col } from 'reactstrap';\r\n\r\nconst Wrapper = styled.div`\r\n text-transform: uppercase;\r\n font-family: 'agency_fb';\r\n width: ${props => props.rowWidth}px;\r\n margin-top: 35px;\r\n background: ${styles.pslColor};\r\n height: 180px;\r\n\r\n &.head-to-head-header-show {\r\n display: block;\r\n width: 0px;\r\n animation: headerSlideDown 0.5s ease 0.2s forwards;\r\n \r\n @keyframes headerSlideDown {\r\n from {width: 0px;}\r\n to {width: ${props => props.rowWidth}px;}\r\n }\r\n\r\n p {\r\n opacity: 0;\r\n animation: headerFadeIn 0.6s ease 0.6s forwards;\r\n \r\n @keyframes headerFadeIn {\r\n from {opacity: 0;}\r\n to {opacity: 1;}\r\n }\r\n }\r\n }\r\n\r\n &.head-to-head-header-hide {\r\n width: ${props => props.rowWidth}px;\r\n animation: headerSlideUp 0.5s ease 1s forwards;\r\n \r\n @keyframes headerSlideUp {\r\n from {width: ${props => props.rowWidth}px;}\r\n to {width: 0px;}\r\n }\r\n\r\n p {\r\n opacity: 1;\r\n animation: headerFadeOut 0.6s ease 0.6s forwards;\r\n \r\n @keyframes headerFadeOut {\r\n from {opacity: 1;}\r\n to {opacity: 0;}\r\n }\r\n }\r\n }\r\n\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n img {\r\n height: 250px;\r\n position: absolute;\r\n top: 0;\r\n z-index: 100;\r\n }\r\n\r\n .row {\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n }\r\n\r\n .next-match {\r\n vertical-align: middle;\r\n font-size: 35px;\r\n letter-spacing: 8px;\r\n filter: drop-shadow(0px 0px 4px #00000040);\r\n line-height: 1;\r\n margin-left: 5px;\r\n }\r\n\r\n .next-map {\r\n vertical-align: middle;\r\n font-size: 130px;\r\n text-transform: uppercase;\r\n filter: drop-shadow(0px 0px 4px #00000080);\r\n line-height: 1;\r\n }\r\n`;\r\n\r\nfunction HeadToHeadHeader(props) {\r\n const { rowWidth, show } = props;\r\n\r\n return (\r\n VS
\r\nTeams
\r\nHead To head
\r\n \r\n{ left.teamName }
\r\n \r\n :\r\n null\r\n }\r\n{ right.teamName }
\r\n \r\n :\r\n null\r\n }\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Team;","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport Team from './Team';\r\n\r\nconst HeadToHeadWrapper = styled.table`\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 1920px;\r\n height: 1080px;\r\n`;\r\n\r\nclass Pjc21TeamHeadToHead extends Component {\r\n\r\n render() {\r\n const { loaded, left, right, show } = this.props;\r\n\r\n if (!loaded || !left || !right) return null;\r\n\r\n return (\r\n \r\n
\r\n \r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team logo\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n { TEAM_NAME_MAP[team.teamName] || team.teamName }
\r\n\r\n
\r\n AVERAGE KILLS
\r\n{ numberForDisplay(team.kills / (opts.selectedSpecificMatch ? 1 : opts.numberOfMatches)) }
\r\n\r\n
\r\n AVERAGE DAMAGE
\r\n{ numberForDisplay(team.damageDealt / (opts.selectedSpecificMatch ? 1 : opts.numberOfMatches)) }
\r\n\r\n
\r\n POINT
\r\n{ team.totalPoints || 0 }
\r\n| \r\n { left.teamName } \r\n | \r\n :\r\n null\r\n }\r\n { parseInt(left[s.key]) } | \r\n\r\n \r\n { s.value }\r\n \r\n | \r\n { parseInt(right[s.key]) } | \r\n {\r\n i === 0 ?\r\n\r\n { right.teamName } \r\n | \r\n :\r\n null\r\n }\r\n \r\n );\r\n })\r\n }\r\n
Team Head To Head
\r\n{props.title}
\r\n \r\n );\r\n}\r\n\r\nexport default LeaderboardHeader;","import React from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { TWIRE_ASSETS_URL } from '../../../../../../util/Constants';\r\nimport { getTeamLogo, numberToPlacementSurfix } from '../../../../../../util/CommonUtil';\r\n\r\nconst teamLogoSize = 220;\r\nconst padding = 50;\r\nconst height = 392;\r\n\r\nconst Wrapper = styled.div`\r\n width: ${props => props.backgroundWidth}px;\r\n margin-right: ${props => props.margin}px;\r\n float: left;\r\n overflow: hidden;\r\n\r\n &.player-show {\r\n height: 0;\r\n animation: open-player .75s ease ${props => props.delayShow * 0.3 + 0.2}s forwards;\r\n\r\n @keyframes open-player {\r\n from {height: 0;}\r\n to {height: ${height}px;}\r\n }\r\n }\r\n\r\n &.player-hide {\r\n height: ${height}px;\r\n animation: close-player .75s ease ${props => props.delayHide * 0.3 + 0.8}s forwards;\r\n\r\n @keyframes close-player {\r\n from {height: ${height}px;}\r\n to {height: 0px;}\r\n }\r\n }\r\n\r\n &.no-animation {\r\n height: ${height}px;\r\n }\r\n`;\r\n\r\nconst PlayerRow = styled(Row)`\r\n font-size: 25px;\r\n line-height: 30px;\r\n background: ${styles.tertiary};\r\n font-weight: 600;\r\n color: ${styles.secondary};\r\n border-top: 1px solid ${props => styles[props.shard + 'Color'] ? styles[props.shard + 'Color'] : styles.primary};\r\n padding: 15px;\r\n\r\n .player-name {\r\n text-overflow: ellipsis;\r\n overflow: hidden; \r\n white-space: nowrap;\r\n }\r\n`;\r\n\r\nconst ScoreRow = styled(Row)`\r\n height: ${teamLogoSize + padding}px;\r\n font-size: 75px;\r\n line-height: ${teamLogoSize + padding}px;\r\n background: ${styles.tertiary};\r\n font-weight: 600;\r\n color: ${styles.secondary};\r\n\r\n img {\r\n height: ${teamLogoSize}px;\r\n position: absolute;\r\n left: ${props => (props.backgroundWidth - teamLogoSize) / 2}px;\r\n top: ${padding / 2}px;\r\n transform: rotate(30deg);\r\n opacity: 0.3;\r\n z-index: 5;\r\n }\r\n\r\n span {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n`;\r\n\r\nfunction LeaderboardPlayer(props) {\r\n const { rank, player, stat, backgroundWidth, numOfPlayers, show, shard, exportAsImage } = props;\r\n\r\n return (\r\n![\"twire](\"/assets/img/twire/powered-by-twire-no-background.png\")
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default LeaderboardHeader;","import React from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { getTeamLogo } from '../../../../../../util/CommonUtil';\r\n\r\nconst height = 450;\r\n\r\nconst Wrapper = styled.div`\r\n width: ${props => props.rowWidth}px;\r\n margin-right: ${props => props.margin}px;\r\n float: left;\r\n overflow: hidden;\r\n\r\n &.player-show {\r\n height: 0;\r\n animation: open-player .75s ease ${ props => props.delayShow * 0.3 + 0.5 }s forwards;\r\n\r\n @keyframes open-player {\r\n from {height: 0;}\r\n to {height: ${height}px;}\r\n }\r\n }\r\n\r\n &.player-hide {\r\n height: ${height}px;\r\n animation: close-player .75s ease ${ props => props.delayHide * 0.3 + 0.8 }s forwards;\r\n\r\n @keyframes close-player {\r\n from {height: ${height}px;}\r\n to {height: 0px;}\r\n }\r\n }\r\n`;\r\n\r\nconst PlayerRow = styled(Row)`\r\n margin-top: 5px;\r\n font-size: ${props => props.fontSize}px;\r\n line-height: ${props => props.fontSize}px;\r\n background: #3e3e3e;\r\n font-weight: 600;\r\n color: ${props => props.color ? props.color : styles.secondary};\r\n padding: 10px;\r\n`;\r\n\r\nconst ScoreRow = styled(Row)`\r\n padding: 10px;\r\n height: ${props => props.fontSize + 20}px;\r\n font-size: ${props => props.fontSize}px;\r\n line-height: ${props => props.fontSize}px;\r\n background: #3e3e3e;\r\n font-weight: 600;\r\n color: ${props => props.color ? props.color : styles.secondary};\r\n overflow: hidden;\r\n\r\n img {\r\n height: 200px;\r\n position: absolute;\r\n left: ${props => (props.rowWidth - 200) / 2}px;\r\n top: -35px;\r\n opacity: 0.2;\r\n z-index: 5;\r\n }\r\n\r\n span {\r\n position: relative;\r\n z-index: 10;\r\n\r\n span {\r\n font-size: 50px;\r\n }\r\n }\r\n`;\r\n\r\nfunction LeaderboardPlayer(props) {\r\n const { rank, player, rowWidth, margin, numOfPlayers, show } = props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {props.groupName && props.groupName !== 'undefined' ? props.groupName : 'Lower Bracket'}
\r\nTop Kills & Damage
\r\n{ stat.value }
\r\n \r\n\r\n e.target.src = getPlayerImage('default')}\r\n alt=\"player\"\r\n />\r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team-logo\"\r\n />\r\n
\r\n { p[stat.key] }
\r\n \r\n );\r\n })\r\n }\r\n\r\n {\r\n topPlayers.map((p, i) => {\r\n return (\r\n \r\n e.target.src = '/assets/img/pjc21/player-leaderboard-default.png'}\r\n alt=\"player\"\r\n />\r\n \r\n
\r\n );\r\n })\r\n }\r\n \r\n \r\n
\r\n { i + 1 }
\r\n \r\n
\r\n \r\n
\r\n \r\n { \r\n stat.key === 'avgTimeSurvived' || stat.key === 'timeSurvived' ?\r\n moment().startOf('day')\r\n .seconds(p[stat.key])\r\n .format('mm:ss')\r\n :\r\n Math.round(p[stat.key])\r\n }{ STATS_NAME_MAP[stat.key] || stat.value }\r\n
\r\n \r\n { p.ign.split(\"_\").slice(1).join(\"_\") }\r\n
\r\n | \r\n | \r\n |
| { rank } | \r\n\r\n \r\n \r\n | \r\n
| \r\n { player[stat.key] } \r\n | \r\n
{ PLAYER_STATISTICS[stat.key] }
\r\n
\r\n { props.matchName ? props.matchName : props.groupName }
\r\nStandings
\r\n \r\n\r\n { rank }.\r\n
\r\n \r\n 
e.target.src = getTeamLogo('default')} alt=\"team logo\"\r\n />\r\n { teamTranslations[team.name] ? teamTranslations[team.name] : team.name }\r\n
\r\n \r\n { team.wins }\r\n
\r\n \r\n { team.totalKills }\r\n
\r\n | Leaderboard | \r\n{ groupName ? `Day ${groupName}` : '' } | \r\n
{ matchNumber ? `Match ${matchNumber}` : '' } | \r\n
| { rank } | \r\n\r\n \r\n \r\n | \r\n \r\n { team.kills } \r\n | \r\n \r\n { team.totalPoints } \r\n | \r\n
| \r\n | \r\n | \r\n KILLS \r\n | \r\n \r\n PTS \r\n | \r\n
| \r\n Final AŞAMASI \r\n | \r\n \r\n |
| \r\n Gün 4 Sıralaması \r\n | \r\n \r\n \r\n POWERED BY \r\n \r\n | \r\n
| \r\n GRUP AŞAMASI GENEL SIRALAMA\r\n | \r\n\r\n \r\n POWERED BY \r\n \r\n | \r\n
\r\n { leftTeamRank }.\r\n
\r\n \r\n { leftTeam.numberOfMatches }\r\n
\r\n \r\n { leftTeam.name }\r\n
\r\n \r\n { leftTeam.totalPoints - leftTeam.totalKills }\r\n
\r\n \r\n { leftTeam.totalKills }\r\n
\r\n \r\n { leftTeam.totalPoints }\r\n
\r\n \r\n { rightTeamRank }.\r\n
\r\n \r\n { rightTeam.numberOfMatches }\r\n
\r\n \r\n { rightTeam.name }\r\n
\r\n \r\n { rightTeam.totalPoints - rightTeam.totalKills }\r\n
\r\n \r\n { rightTeam.totalKills }\r\n
\r\n \r\n { rightTeam.totalPoints }\r\n
\r\n | \r\n | \r\n
| \r\n | \r\n
{props.groupName && props.groupName !== 'undefined' ? props.groupName : 'Lower Bracket'}
\r\nStandings
\r\n \r\n| \r\n team.deaths ? 'alive' : 'death'}> \r\n | \r\n );\r\n })\r\n }\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n { opts.overall ? 'Overall Standings' : 'Match Standings' }
\r\n {/*{ opts.overall ? opts.groupName : `Match 1-${ opts.numberOfMatches }` }
*/}\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Team
{ opts.overall ?
\r\n Chicken
Dinner
Total
Kills
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n {\r\n firstHalfTeams.map((_, i) => {\r\n const parity = i % 2 === 0 ? 'even' : 'odd';\r\n const leftTeam = firstHalfTeams[i];\r\n const rightTeam = secondHalfTeams[i];\r\n return (\r\n <>\r\n Team
{ opts.overall ?
\r\n Chicken
Dinner
Total
Kills
\r\n {\r\n opts.overall ?\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n :\r\n null\r\n }\r\n { i + 1 }
\r\n \r\n e.target.src = getTeamLogo('pubg_logo_masters-04')}\r\n alt=\"team logo\"\r\n />\r\n
\r\n { leftTeam.name }
{ opts.overall ? leftTeam.wins : '' }
{ leftTeam.totalKills }
\r\n {\r\n opts.overall ?\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n
\r\n :\r\n null\r\n }\r\n { i + 1 + numberOfHalfTeams }
\r\n \r\n e.target.src = getTeamLogo('pubg_logo_masters-04')}\r\n alt=\"team logo\"\r\n />\r\n
\r\n { rightTeam.name }
{ opts.overall ? rightTeam.wins : '' }
{ rightTeam.totalKills }
\r\n { rank }.\r\n
\r\n \r\n e.target.src = getTeamLogo('default')} alt=\"team logo\"\r\n />\r\n { teamTranslations[team.name] ? teamTranslations[team.name] : team.name }\r\n
\r\n \r\n { team.wins }\r\n
\r\n \r\n { team.totalKills }\r\n
\r\n \r\n { rank }.\r\n
\r\n \r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team logo\"\r\n />\r\n
\r\n { TEAM_NAME_MAP[team.name] || team.name }
\r\n { team.totalKills }
\r\n { team.totalPoints }
\r\n MATCH { props.overall ? '1-' : '' }{ props.numberOfMatches }
\r\n RANK
\r\n \r\n TEAM
\r\n KILLS
\r\n POINT
\r\n RANK
\r\n \r\n TEAM
\r\n KILLS
\r\n POINT
\r\n \r\n
\r\n \r\n :\r\n null\r\n );\r\n }\r\n}\r\n\r\nexport default Pjc21LiveTeamLeaderboard;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\n\r\nconst TitleTable = styled.table`\r\n width: ${props => props.rowWidth}px;\r\n\r\n .headline {\r\n width: ${props => props.overall ? '577px' : '610px'};\r\n color: #000;\r\n font-size: 80px;\r\n padding: 0;\r\n vertical-align: top;\r\n\r\n div {\r\n background: #FFF;\r\n height: 90px;\r\n\r\n p {\r\n margin: 0;\r\n padding: 0px 14px 10px;\r\n line-height: 80px;\r\n white-space: nowrap;\r\n }\r\n }\r\n }\r\n\r\n .match-title {\r\n padding: 20px;\r\n width: ${props => props.rowWidth / 2 - 577}px;\r\n\r\n div {\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n border-top: 2px solid #ffa900;\r\n width: fit-content;\r\n }\r\n }\r\n }\r\n\r\n .tournament-logo {\r\n width: ${props => props.rowWidth / 2}px;\r\n vertical-align: top;\r\n }\r\n\r\n &.component-show {\r\n .headline {\r\n div {\r\n width: 0;\r\n animation: slideIn 0.3s ease 0s forwards;\r\n\r\n p {\r\n opacity: 0;\r\n animation: fadeIn 0.3s ease 0.5s forwards;\r\n }\r\n }\r\n }\r\n\r\n .match-title, .tournament-logo {\r\n opacity: 0;\r\n animation: fadeIn 0.3s ease 0.5s forwards;\r\n }\r\n\r\n @keyframes slideIn {\r\n from {width: 0px;}\r\n to {width: ${props => props.overall ? '577px' : '610px'};}\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {opacity: 0;}\r\n to {opacity: 1;}\r\n }\r\n }\r\n\r\n &.component-hide {\r\n .headline {\r\n div {\r\n animation: slideOut 0.3s ease 0.3s forwards;\r\n\r\n p {\r\n animation: fadeOut 0.3s ease 0s forwards;\r\n }\r\n }\r\n }\r\n\r\n .match-title, .tournament-logo {\r\n animation: fadeOut 0.3s ease 0s forwards;\r\n }\r\n \r\n\r\n @keyframes slideOut {\r\n from {width: ${props => props.overall ? '577px' : '610px'};}\r\n to {width: 0px;}\r\n }\r\n\r\n @keyframes fadeOut {\r\n from {opacity: 1;}\r\n to {opacity: 0;}\r\n }\r\n }\r\n`;\r\n\r\nfunction LeaderboardTitle(props) {\r\n const { rowWidth, numberOfMatches, show, exportOverlay, overall } = props;\r\n\r\n return (\r\n \r\n
\r\n { overall ? 'Total' : 'Match' } Result
\r\n\r\n
\r\n Final{ ` // Match ${numberOfMatches}` }
\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default LeaderboardHeader;","import React from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport styled from 'styled-components';\r\nimport { getTeamLogo } from '../../../../../../util/CommonUtil';\r\n\r\nconst StyledHeaderCol = styled.div`\r\n width: 910px;\r\n background: #ff0050;\r\n margin: 0 20px !important;\r\n padding: 5px 20px;\r\n color: #000000;\r\n\r\n span {\r\n font-size: 33px;\r\n line-height: 47px;\r\n font-weight: 600;\r\n }\r\n`;\r\n\r\nconst StyledTeamCol = styled.div`\r\n width: 910px;\r\n padding: 0 15px;\r\n margin: 0 20px !important;\r\n color: #FFFFFF;\r\n\r\n img {\r\n height: 40px;\r\n }\r\n`;\r\n\r\nconst StyledTeamRow = styled(Row)`\r\n background: #000000;\r\n padding: 5px 10px;\r\n margin: -7px;\r\n margin-top: 5px !important;\r\n margin-bottom: 5px !important;\r\n border: 1px solid #ff0050;\r\n\r\n span {\r\n text-transform: uppercase;\r\n line-height: 45px;\r\n font-size: 30px;\r\n font-weight: 600;\r\n }\r\n`;\r\n\r\nfunction LeaderboardBody(props) {\r\n const { leaderboard } = props;\r\n const firstHalfTeams = leaderboard.slice(0, 8);\r\n const secondHalfTeams = leaderboard.slice(8, leaderboard.length);\r\n \r\n const HeaderCol = () => {\r\n return (\r\n | \r\n Final AŞAMASI \r\n | \r\n \r\n |
| \r\n Gün 4 Sıralaması \r\n | \r\n \r\n \r\n POWERED BY \r\n \r\n | \r\n
| \r\n GRUP AŞAMASI GENEL SIRALAMA\r\n | \r\n\r\n \r\n POWERED BY \r\n \r\n | \r\n
\r\n { leftTeamRank }.\r\n
\r\n \r\n { leftTeam.numberOfMatches }\r\n
\r\n \r\n { leftTeam.name }\r\n
\r\n \r\n { leftTeam.totalPoints - leftTeam.totalKills }\r\n
\r\n \r\n { leftTeam.totalKills }\r\n
\r\n \r\n { leftTeam.totalPoints }\r\n
\r\n \r\n { rightTeamRank }.\r\n
\r\n \r\n { rightTeam.numberOfMatches }\r\n
\r\n \r\n { rightTeam.name }\r\n
\r\n \r\n { rightTeam.totalPoints - rightTeam.totalKills }\r\n
\r\n \r\n { rightTeam.totalKills }\r\n
\r\n \r\n { rightTeam.totalPoints }\r\n
\r\n | \r\n | \r\n
| \r\n | \r\n
| Leaderboard | \r\n{ opts.groupName ? `${opts.groupName}` : '' } | \r\n
{`Match ${opts.numberOfMatches}`} | \r\n
| { rank } | \r\n\r\n \r\n \r\n | \r\n \r\n { team.totalKills } \r\n | \r\n \r\n { team.totalPoints } \r\n | \r\n
| \r\n | \r\n | \r\n KILLS \r\n | \r\n \r\n PTS \r\n | \r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
\r\n
\r\n { rank }
\r\n{ team.initial }
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n | \r\n );\r\n })\r\n }\r\n
{ team.totalKills }
\r\n { team.totalPoints }
\r\n \r\n );\r\n}\r\n\r\nexport default LeaderboardBody;","import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst HeaderRow = styled.div`\r\n width: ${props => props.width}px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n background: url(/assets/img/pjc21/live-survivel-leaderboard-header.png);\r\n max-height: 57px;\r\n margin-bottom: 2px;\r\n\r\n .header {\r\n width: ${props => props.width}px;\r\n font-size: 24px;\r\n line-height: 24px;\r\n height: 33px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .sub-header {\r\n width: ${props => props.width/5}px;\r\n font-size: 18px;\r\n line-height: 18px;\r\n height: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n &.text-left {\r\n justify-content: start;\r\n }\r\n }\r\n`;\r\n\r\nfunction LeaderboardHeader(props) {\r\n\r\n return (\r\n Leaderboard
\r\n \r\n TEAM
\r\n ALIVE
\r\n KILLS
\r\n POINT
\r\n \r\n \r\n {\r\n top16.map((t, i) => {\r\n return (\r\n
\r\n \r\n :\r\n null\r\n );\r\n }\r\n}\r\n\r\nexport default Pjc21LiveTeamLeaderboard;","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { isTeamDeath, sortByPlayerStatus } from '../../../../../../util/CommonUtil';\r\n\r\nconst TeamRow = styled.div`\r\n text-transform: uppercase;\r\n width: ${props => props.width}px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n font-size: 22px;\r\n line-height: 22px;\r\n background: url('/assets/img/pjc22_1/team-background.png');\r\n\r\n\r\n .td {\r\n width: ${props => props.width/5}px;\r\n height: 37px;\r\n align-items: center;\r\n display: flex;\r\n }\r\n\r\n .team-rank {\r\n color: #f29f00;\r\n padding-right: 12px;\r\n padding-left: 12px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: end;\r\n text-align: right !important;\r\n\r\n p {\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n }\r\n\r\n .team-points {\r\n justify-content: center;\r\n }\r\n\r\n .team-alive {\r\n padding: 0 6px;\r\n td {\r\n background: none;\r\n padding: 3px 2px;\r\n div {\r\n width: 4px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .alive {\r\n background: #f29f00;\r\n }\r\n .death {\r\n background: #48484840;\r\n }\r\n .knocked {\r\n background: #d50001;\r\n }\r\n }\r\n\r\n &.team-death {\r\n background: #939393;\r\n }\r\n`;\r\n\r\nfunction LeaderboardBody(props) {\r\n const { team, rank, width } = props;\r\n\r\n return (\r\n \r\n
\r\n { rank }
\r\n{ team.initial }
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n | \r\n );\r\n })\r\n }\r\n
{ team.totalKills }
\r\n { team.totalPoints }
\r\n \r\n );\r\n}\r\n\r\nexport default LeaderboardBody;","import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst HeaderRow = styled.div`\r\n width: ${props => props.width}px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n background: url(/assets/img/pjc22_1/header-background.png);\r\n max-height: 60px;\r\n\r\n .header {\r\n width: ${props => props.width}px;\r\n font-size: 24px;\r\n line-height: 24px;\r\n height: 33px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .sub-header {\r\n width: ${props => props.width/5}px;\r\n font-size: 18px;\r\n line-height: 18px;\r\n height: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n &.text-left {\r\n justify-content: start;\r\n }\r\n }\r\n\r\n .underline {\r\n text-decoration: underline;\r\n }\r\n`;\r\n\r\nfunction LeaderboardHeader(props) {\r\n\r\n return (\r\n Leaderboard
\r\n \r\n TEAM
\r\n ALIVE
\r\n KILL
\r\n POINT
\r\n \r\n \r\n {\r\n top16.map((t, i) => {\r\n return (\r\n
\r\n \r\n :\r\n null\r\n );\r\n }\r\n}\r\n\r\nexport default Pjc21LiveTeamLeaderboard;","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { isTeamDeath, sortByPlayerStatus } from '../../../../../../util/CommonUtil';\r\n\r\nconst TeamRow = styled.tr`\r\n text-transform: uppercase;\r\n\r\n &.team-death {\r\n opacity: 0.7;\r\n }\r\n\r\n td {\r\n padding: 1px;\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n background: ${styles.tertiary}EE;\r\n color: ${styles.secondary}DD;\r\n\r\n img {\r\n height: 20px !important;\r\n }\r\n }\r\n\r\n .team-rank {\r\n width: 25px !important;\r\n }\r\n\r\n .team-logo, .team-points {\r\n width: 30px !important;\r\n }\r\n\r\n .team-initial, .team-alive {\r\n width: 40px !important;\r\n }\r\n\r\n .team-alive {\r\n padding: 0 6px;\r\n td {\r\n background: none;\r\n padding: 3px 2px;\r\n div {\r\n width: 3px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .alive {\r\n background: #00C12B;\r\n }\r\n .death {\r\n background: #60606090;\r\n }\r\n .knocked {\r\n background: #FF1300;\r\n }\r\n }\r\n\r\n .team-wins, .team-kills {\r\n color: #ffa900;\r\n }\r\n`;\r\n\r\nfunction LeaderboardBody(props) {\r\n const { team, rank } = props;\r\n\r\n return (\r\n | \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
\r\n
\r\n #{ rank }
\r\n{ team.initial }
\r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n | \r\n );\r\n })\r\n }\r\n
{ team.totalKills }
{ team.totalPoints }
LEADERBOARD
\r\n \r\n TEAM
\r\n ALIVE
\r\n KILLS
\r\n TOTAL
\r\n \r\n \r\n {\r\n top16.map((t, i) => {\r\n return (\r\n
\r\n \r\n :\r\n null\r\n );\r\n }\r\n}\r\n\r\nexport default Pjc21LiveTeamLeaderboard;","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { isTeamDeath, sortByPlayerStatus } from '../../../../../../util/CommonUtil';\r\n\r\nconst TeamRow = styled.tr`\r\n text-transform: uppercase;\r\n\r\n &.team-death {\r\n opacity: 0.7;\r\n }\r\n\r\n td {\r\n padding: 1px;\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n background: white;\r\n color: black;\r\n\r\n img {\r\n height: 20px !important;\r\n }\r\n }\r\n\r\n .team-rank {\r\n width: 25px !important;\r\n }\r\n\r\n .team-logo, .team-points {\r\n width: 30px !important;\r\n }\r\n\r\n .team-initial, .team-alive {\r\n width: 40px !important;\r\n }\r\n\r\n .team-alive {\r\n padding: 0 6px;\r\n td {\r\n background: none;\r\n padding: 3px 2px;\r\n div {\r\n width: 3px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .alive {\r\n background: #000;\r\n }\r\n .death {\r\n background: #60606090;\r\n }\r\n .knocked {\r\n background: ${styles.danger};\r\n }\r\n }\r\n\r\n .team-points {\r\n color: #242484;\r\n }\r\n`;\r\n\r\nfunction LeaderboardBody(props) {\r\n const { team, rank, overall } = props;\r\n\r\n return (\r\n | \r\n \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n | \r\n );\r\n })\r\n }\r\n
ELIMINATED
\r\n :\r\n| { p.ign } | \r\n
\r\n e.target.src = getTeamLogo('pubg_logo_masters-04')}\r\n alt=\"team-logo\"\r\n />\r\n
\r\n \r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team-logo\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team logo\"\r\n />\r\n
\r\n \r\n
\r\n { TEAM_NAME_MAP[team.name] || team.name }
\r\n\r\n
\r\n AVERAGE KILLS
\r\n{ numberForDisplay(team.avgKills) }
\r\n\r\n
\r\n AVERAGE DAMAGE
\r\n{ numberForDisplay(team.avgDamageDealt) }
\r\n\r\n
\r\n POINT
\r\n{ team.totalPoints }
\r\n\r\n e.target.src = getTeamLogo('being-default')}\r\n alt=\"team-logo\"\r\n />\r\n
\r\n \r\n
\r\n \r\n e.target.src = getPlayerImage('default')}\r\n alt=\"player\"\r\n />\r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team-logo\"\r\n />\r\n
\r\n \r\n { name }
\r\n{ value }
\r\n{ player.ign.replace(new RegExp(`${player.teamInitial}_`, 'ig'), '').toUpperCase() }
\r\n{ (player.teamInitial || '').toUpperCase() }
\r\n \r\n\r\n e.target.src = getPlayerImage('default')}\r\n alt=\"player\"\r\n />\r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team-logo\"\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n { rank } \r\n | \r\n \r\n { player.ign }\r\n | \r\n
{ player.totalKills }
\r\n{ parseInt(p.totalKills) }
\r\n| \r\n | \r\n |
| { rank } | \r\n\r\n \r\n \r\n | \r\n
| \r\n { player.totalKills } \r\n | \r\n
Kills
\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default LeaderboardHeader;","import React from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { getTeamLogo } from '../../../../../../util/CommonUtil';\r\n\r\nconst height = 450;\r\n\r\nconst Wrapper = styled.div`\r\n width: ${props => props.rowWidth}px;\r\n margin-right: ${props => props.margin}px;\r\n float: left;\r\n overflow: hidden;\r\n\r\n &.player-show {\r\n height: 0;\r\n animation: open-player .75s ease ${ props => props.delayShow * 0.3 + 0.5 }s forwards;\r\n\r\n @keyframes open-player {\r\n from {height: 0;}\r\n to {height: ${height}px;}\r\n }\r\n }\r\n\r\n &.player-hide {\r\n height: ${height}px;\r\n animation: close-player .75s ease ${ props => props.delayHide * 0.3 + 0.8 }s forwards;\r\n\r\n @keyframes close-player {\r\n from {height: ${height}px;}\r\n to {height: 0px;}\r\n }\r\n }\r\n`;\r\n\r\nconst PlayerRow = styled(Row)`\r\n margin-top: 5px;\r\n font-size: ${props => props.fontSize}px;\r\n line-height: ${props => props.fontSize}px;\r\n background: #3e3e3e;\r\n font-weight: 600;\r\n color: ${props => props.color ? props.color : styles.secondary};\r\n padding: 10px;\r\n`;\r\n\r\nconst ScoreRow = styled(Row)`\r\n padding: 10px;\r\n height: ${props => props.fontSize + 20}px;\r\n font-size: ${props => props.fontSize}px;\r\n line-height: ${props => props.fontSize}px;\r\n background: #3e3e3e;\r\n font-weight: 600;\r\n color: ${props => props.color ? props.color : styles.secondary};\r\n overflow: hidden;\r\n\r\n img {\r\n height: 200px;\r\n position: absolute;\r\n left: ${props => (props.rowWidth - 200) / 2}px;\r\n top: -35px;\r\n opacity: 0.2;\r\n z-index: 5;\r\n }\r\n\r\n span {\r\n position: relative;\r\n z-index: 10;\r\n\r\n span {\r\n font-size: 50px;\r\n }\r\n }\r\n`;\r\n\r\nfunction LeaderboardPlayer(props) {\r\n const { rank, player, rowWidth, margin, numOfPlayers, show } = props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {props.groupName && props.groupName !== 'undefined' ? props.groupName : 'Lower Bracket'}
\r\nTop Kills & Damage
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n { rank } \r\n | \r\n \r\n { player.ign }\r\n | \r\n
{ player.totalKills } / { Math.round(player.totalDamage) }
\r\n{ parseInt(p.totalDamage) }
\r\n| \r\n | \r\n |
| { rank } | \r\n\r\n \r\n \r\n | \r\n
| \r\n { player.totalKills } / { Math.round(player.totalDamage) } \r\n | \r\n
Kills & Damage
\r\nToday's Winners
\r\n \r\n );\r\n}\r\n\r\nexport default LastWinnersHeader;","import React from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { getTeamLogo, numberToPlacementSurfix } from '../../../../../../util/CommonUtil';\r\n\r\nconst teamLogoSize = 220;\r\nconst padding = 20;\r\nconst height = 390;\r\n\r\nconst maps = {\r\n m: 'Miramar',\r\n v: 'Vikendi',\r\n e: 'Erangel',\r\n s: 'Sanhok',\r\n}\r\n\r\nconst Wrapper = styled.div`\r\n width: ${props => props.colWidth}px;\r\n margin-right: ${props => props.margin}px;\r\n float: left;\r\n overflow: hidden;\r\n text-transform: uppercase;\r\n\r\n &.team-show {\r\n height: 0;\r\n animation: open-team .75s ease ${ props => props.delayShow * 0.3 + 0.2 }s forwards;\r\n\r\n @keyframes open-team {\r\n from {height: 0;}\r\n to {height: ${height}px;}\r\n }\r\n }\r\n\r\n &.team-hide {\r\n height: ${height}px;\r\n animation: close-team .75s ease ${ props => props.delayHide * 0.3 }s forwards;\r\n\r\n @keyframes close-team {\r\n from {height: ${height}px;}\r\n to {height: 0px;}\r\n }\r\n }\r\n\r\n .empty {\r\n opacity: .3;\r\n }\r\n`;\r\n\r\nconst TeamRow = styled(Row)`\r\n font-size: 30px;\r\n line-height: 30px;\r\n background: ${styles.tertiary};\r\n font-weight: 600;\r\n color: ${styles.secondary};\r\n border-top: 1px solid ${styles.primary};\r\n padding: 12px;\r\n\r\n span {\r\n font-size: 20px;\r\n }\r\n`;\r\n\r\nconst LogoRow = styled(Row)`\r\n background: ${styles.tertiary};\r\n font-weight: 600;\r\n color: ${styles.secondary};\r\n\r\n img {\r\n height: ${teamLogoSize}px;\r\n margin: ${padding}px 0;\r\n z-index: 5;\r\n }\r\n\r\n span {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n`;\r\n\r\nfunction LastWinnersBody(props) {\r\n const { index, matches, colWidth, numOfMatches, map, show } = props;\r\n let { currentMatchNumber } = props;\r\n matches.forEach(lw => {\r\n if (lw.teamName) {\r\n currentMatchNumber--;\r\n }\r\n });\r\n\r\n return (\r\n{index + currentMatchNumber}{ numberToPlacementSurfix(index + currentMatchNumber) } match
\r\n{ matches[index] ? 'Winner' : '-' }
\r\n \r\n\r\n \r\n
\r\n :\r\n null\r\n );\r\n }\r\n}\r\n\r\nexport default TwireTodaysWinners;\r\n","export default {\r\n m: 'Miramar',\r\n v: 'Vikendi',\r\n e: 'Erangel',\r\n s: 'Sanhok',\r\n}","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport maps from '../../../../../../assets/map/mapMapping';\r\nimport { Row, Col } from 'reactstrap';\r\n\r\nconst Wrapper = styled.div`\r\n text-transform: uppercase;\r\n width: ${ props => props.rowWidth / 2 }px;\r\n margin-left: ${ props => props.rowWidth / 4 }px;\r\n margin-top: 35px;\r\n margin-bottom: 35px !important;\r\n background: ${ styles.pslColor };\r\n color: #000000;\r\n height: 180px;\r\n\r\n &.head-to-head-header-show {\r\n display: block;\r\n width: 0px;\r\n animation: headerSlideDown 0.5s ease 0.2s forwards;\r\n \r\n @keyframes headerSlideDown {\r\n from {width: 0px;}\r\n to {width: ${ props => props.rowWidth / 2 }px;}\r\n }\r\n\r\n p {\r\n opacity: 0;\r\n animation: headerFadeIn 0.6s ease 0.6s forwards;\r\n \r\n @keyframes headerFadeIn {\r\n from {opacity: 0;}\r\n to {opacity: 1;}\r\n }\r\n }\r\n\r\n img {\r\n opacity: 0;\r\n animation: headerFadeInImg 0.3s ease 0s forwards;\r\n \r\n @keyframes headerFadeInImg {\r\n from {opacity: 0;}\r\n to {opacity: 1;}\r\n }\r\n }\r\n }\r\n\r\n &.head-to-head-header-hide {\r\n width: ${ props => props.rowWidth / 2 }px;\r\n animation: headerSlideUp 0.5s ease 3s forwards;\r\n \r\n @keyframes headerSlideUp {\r\n from {width: ${ props => props.rowWidth / 2 }px;}\r\n to {width: 0px;}\r\n }\r\n\r\n p {\r\n opacity: 1;\r\n animation: headerFadeOut 0.6s ease 2.5s forwards;\r\n \r\n @keyframes headerFadeOut {\r\n from {opacity: 1;}\r\n to {opacity: 0;}\r\n }\r\n }\r\n\r\n img {\r\n opacity: 1;\r\n animation: headerFadeOutImg 0.3s ease 3.3s forwards;\r\n \r\n @keyframes headerFadeOutImg {\r\n from {opacity: 1;}\r\n to {opacity: 0;}\r\n }\r\n }\r\n }\r\n\r\n img {\r\n height: 250px;\r\n position: absolute;\r\n top: -0px;\r\n }\r\n\r\n .row {\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n }\r\n\r\n .next-match {\r\n vertical-align: middle;\r\n font-size: 35px;\r\n letter-spacing: 8px;\r\n filter: drop-shadow(0px 0px 4px #00000040);\r\n line-height: 1;\r\n margin-left: 5px;\r\n }\r\n\r\n .next-map {\r\n vertical-align: middle;\r\n font-size: 130px;\r\n text-transform: uppercase;\r\n filter: drop-shadow(0px 0px 4px #00000080);\r\n line-height: 1;\r\n }\r\n`;\r\n\r\nfunction LastWinnersHeader(props) {\r\n const { rowWidth, show, nextMap } = props;\r\n\r\n return (\r\n \r\n { maps[nextMap] ? 'Next Match' : 'Today\\'s' }
\r\n{ maps[nextMap] ? maps[nextMap] : 'WINNERS' }
\r\n \r\n{ maps[map] }
\r\n \r\n\r\n 
e.target.src = getTeamLogo('default')}\r\n />\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default PslLastWinners;\r\n","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport maps from '../../../../../../assets/map/mapMapping';\r\nimport { getTeamLogo } from '../../../../../../util/CommonUtil';\r\nimport teamTranslations from '../../../../../../util/TeamTranslations';\r\n\r\nconst WIDTH = 1800;\r\nconst HORIZONTAL_SPACING = 5;\r\n\r\nconst TodaysWinnersWrapper = styled.table`\r\n font-family: machine;\r\n font-size: 35px;\r\n\r\n border-collapse:separate; \r\n border-spacing: ${HORIZONTAL_SPACING}px;\r\n width: ${WIDTH}px;\r\n\r\n text-align: center;\r\n vertical-align: middle;\r\n\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .background-td {\r\n background-image: url('/assets/img/pjc/todays-winners-background.png');\r\n background-attachment: fixed;\r\n background-position: 0px 0px;\r\n background-repeat: no-repeat;\r\n overflow: hidden;\r\n }\r\n\r\n .map-overlay {\r\n position: relative;\r\n height: 400px;\r\n width: 354px;\r\n top: 0;\r\n left: 0;\r\n background: #18141b80;\r\n }\r\n\r\n .component-show {\r\n opacity: 0;\r\n animation: fadeIn 0.6s ease 0.2s forwards;\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n p, span {\r\n bottom: -100px;\r\n animation: slideUp 0.3s ease 0.2s forwards;\r\n \r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n bottom: -100px;\r\n }\r\n to {\r\n opacity: 1;\r\n bottom: 0px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n span {\r\n position: relative;\r\n }\r\n\r\n .component-hide {\r\n opacity: 1;\r\n animation: fadeOut 0.6s ease 0s forwards;\r\n\r\n @keyframes fadeOut {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n p, span {\r\n bottom: 0px;\r\n animation: slideDown 0.3s ease 0s forwards;\r\n \r\n @keyframes slideDown {\r\n from {\r\n opacity: 1;\r\n bottom: 0px;\r\n }\r\n to {\r\n opacity: 0;\r\n bottom: -100px;\r\n }\r\n }\r\n }\r\n }\r\n`;\r\n\r\nconst Map = styled.td`\r\n background: url('/assets/img/maps/${props => maps[props.map]}.png');\r\n height: 400px;\r\n width: 354px;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n position: relative;\r\n\r\n img {\r\n position: absolute;\r\n width: 220px;\r\n left: 67px;\r\n top: 90px;\r\n }\r\n`;\r\n\r\nclass PjcTodaysWinners extends Component {\r\n render() {\r\n const { loaded, matches, show } = this.props;\r\n\r\n if (!loaded) return null;\r\n\r\n return (\r\n \r\n \r\n \r\n {\r\n matches.map(m => {\r\n return (\r\n { m.time } \r\n );\r\n })\r\n }\r\n \r\n \r\n {\r\n matches.map(m => {\r\n return (\r\n \r\n {\r\n m.teamName ?\r\n \r\n :\r\n null\r\n }\r\n {\r\n m.teamName ?\r\n e.target.src = getTeamLogo('default')}\r\n alt=\"team logo\"\r\n />\r\n :\r\n null\r\n }\r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n {\r\n matches.map(m => {\r\n return (\r\n \r\n { (teamTranslations[m.teamName] ? teamTranslations[m.teamName] : m.teamName) || maps[m.map] }\r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default PjcTodaysWinners;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport Default from './default/TwireTodaysWinners';\r\nimport PSL from './psl/PslTodaysWinners';\r\nimport PJC from './pjc/PjcTodaysWinners';\r\n\r\nconst PUBGTodaysWinnersOverlay = (props) => {\r\n const { shard, mapRotation, startTime, timeBetweenMatches } = props;\r\n const numOfMatches = (mapRotation || '').length;\r\n\r\n [...new Array(numOfMatches).keys()].forEach(i => {\r\n // Calculating match numbers\r\n if (!props.matches[i]) {\r\n props.matches.push({ matchNumber: props.currentMatchNumber + i });\r\n }\r\n props.matches[i].map = mapRotation.substring(i, i + 1);\r\n\r\n // Calculating times of each match\r\n let matchTime = moment.duration(startTime);\r\n [...new Array(i).keys()].forEach(() => {\r\n matchTime = matchTime.add(timeBetweenMatches);\r\n });\r\n props.matches[i].time = moment.utc(matchTime.asMilliseconds()).format(\"HH:mm\");\r\n });\r\n\r\n return (\r\n shard.includes('psl') ? \r\n \r\n \r\n \r\n \r\n requestChangeComponent(component, { state: { [COMPONENT_STATE_OVERLAY_TYPE]: type }})}\r\n disabledOptionText='-- select overlay type --'\r\n options={[\r\n {\r\n key: OVERLAY_TYPE_FULL_SCREEN,\r\n value: 'Full Screen',\r\n },\r\n {\r\n key: OVERLAY_TYPE_CARD,\r\n value: 'Card',\r\n },\r\n {\r\n key: OVERLAY_TYPE_MVP,\r\n value: 'MVP',\r\n },\r\n ]}\r\n />\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n requestChangeComponent,\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(CSGOPlayerStatsController);\r\n","export const STATS_NAME_MAP = {\r\n assists: 'assists',\r\n avgArmorLeft: 'avg armor left',\r\n avgBurningTime: 'avg burning',\r\n avgDmg: 'adr',\r\n avgEquipmentValue: 'avg equip. value',\r\n avgFlashedTime: 'avg flashed time',\r\n avgHealthLeft: 'avg health left',\r\n deaths: 'deaths',\r\n hsKills: 'hs kills',\r\n hsPercentage: 'hs%',\r\n kD: 'kd',\r\n kR: 'kr',\r\n kills: 'kills',\r\n maxDmg: 'most damage',\r\n maxEquipmentValue: 'max equip. value',\r\n roundsAceKills: 'aces',\r\n roundsFourKills: 'quads',\r\n roundsThreeKills: 'triples',\r\n totalBurningTime: 'burning time',\r\n totalDmg: 'damage',\r\n totalEquipmentValue: 'equip. value',\r\n totalFlashedTime: 'flashed time',\r\n}","import React, { Component } from 'react';\r\nimport { getCsgoPlayerImage, getCsgoTeamLogo } from '../../../../../../../util/CommonUtil';\r\nimport { STATS_NAME_MAP } from '../constants';\r\n\r\nimport './ElisaPlayerStatsCard.scss';\r\n\r\nclass ElisaPlayerStatsCard extends Component {\r\n render() {\r\n const { show, player, opts } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n requestChangeComponent,\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(CSGOPlayerLeaderboardController);\r\n","import React, { Component } from 'react';\r\nimport { getCsgoPlayerImage, getCsgoTeamLogo } from '../../../../../../util/CommonUtil';\r\nimport { STATS_NAME_MAP } from '../../../playerStats/overlay/elisa/constants';\r\n\r\nimport './ElisaPlayerLeaderboard.scss';\r\n\r\nclass ElisaPlayerLeaderboard extends Component {\r\n render() {\r\n const { show, leaderboard, opts } = this.props;\r\n const player = leaderboard.slice(0, 5);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default ValorantPlayerStatsController\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst PlayerStatsTable = styled.table`\r\n font-family: teko-regular;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 300px;\r\n padding: 8px 30px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: teko-bold;\r\n background: #5848f1;\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction PlayerStats(props) {\r\n const { player, opts, game, show } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {player.ign}\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n \r\n \r\n {s.value}\r\n \r\n \r\n {numberForDisplay(player[s.key])}\r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n player: state.overlay.valorant || {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PlayerStats);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst PlayerStatsTable = styled.table`\r\n font-family: sdp;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 500px;\r\n padding: 8px 30px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: sdp;\r\n background: ${styles.sdpPrimary};\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction PlayerStats(props) {\r\n const { player, opts, game, show } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {player.ign}\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n \r\n \r\n {s.value}\r\n \r\n \r\n {numberForDisplay(player[s.key])}\r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n player: state.overlay.valorant || {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PlayerStats);","import React from 'react'\r\nimport OSL from './onslaughtLeague/PlayerStats'\r\nimport SDP from './sdp/PlayerStats'\r\n\r\nconst ValorantPlayerStatsOverlay = (props) => {\r\n const { shard } = props;\r\n\r\n return (\r\n shard.includes('sdp') ? \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ValorantPlayerLeaderboardController;\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport PropTypes from 'prop-types'\r\n\r\nexport const SlideInAnimation = ({ children, show, direction, delay }) => {\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nSlideInAnimation.defaultProps = {\r\n delay: 0,\r\n direction: 'left',\r\n}\r\n\r\nSlideInAnimation.propTypes = {\r\n show: PropTypes.bool.isRequired,\r\n direction: PropTypes.string,\r\n delay: PropTypes.number,\r\n children: PropTypes.object,\r\n}\r\n\r\nconst Animation = styled.span`\r\n transform: ${({ direction, show }) => {\r\n if (!show) {\r\n return null\r\n }\r\n return `translateX(${direction === 'left' ? '-200vw' : '200vw'})`\r\n }};\r\n\r\n animation-name: animation-${({ show, direction }) => {\r\n return show ? `in-${direction}` : `out-${direction}`\r\n }};\r\n animation-delay: ${({ delay }) => delay}s;\r\n animation-duration: 1.25s;\r\n animation-fill-mode: forwards;\r\n animation-timing-function: cubic-bezier(0.96, 0.05, 0.14, 0.92);\r\n\r\n @keyframes animation-in-left {\r\n 0% {\r\n transform: translateX(-200vw);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes animation-out-left {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-200vw);\r\n }\r\n }\r\n @keyframes animation-in-right {\r\n 0% {\r\n transform: translateX(200vw);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes animation-out-right {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(200vw);\r\n }\r\n }\r\n`\r\n","import React from 'react'\r\nimport './style.scss'\r\n\r\nexport const Image = ({\r\n style,\r\n imageStyle,\r\n src,\r\n size = 'normal',\r\n onError = null,\r\n center = false,\r\n}) => {\r\n switch (size) {\r\n case 'gigantic':\r\n imageStyle = { maxWidth: '18rem', ...imageStyle }\r\n break\r\n case 'giant':\r\n imageStyle = { maxWidth: '15rem', ...imageStyle }\r\n break\r\n case 'largest':\r\n imageStyle = { maxWidth: '13rem', ...imageStyle }\r\n break\r\n case 'large':\r\n imageStyle = { maxWidth: '8rem', ...imageStyle }\r\n break\r\n case 'small':\r\n imageStyle = { maxWidth: '6rem', ...imageStyle }\r\n break\r\n case 'smallest':\r\n imageStyle = { maxWidth: '5rem', ...imageStyle }\r\n break\r\n case 'tiny':\r\n imageStyle = { maxWidth: '3rem', ...imageStyle }\r\n break\r\n default:\r\n break\r\n }\r\n\r\n if (center) {\r\n style = {\r\n ...style,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {leaderboard.map((player, i) => (\r\n
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n players: state.overlay.valorant || [],\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PlayerLeaderboard);\r\n\r\nconst OverflowContainer = styled.div`\r\n overflow: hidden;\r\n background-color: transparent;\r\n`\r\n\r\nconst FontWrapper = styled.div`\r\n font-family: IntegralCD-Regular;\r\n font-size: 1.3rem;\r\n color: black;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n text-align: center;\r\n`\r\n\r\nconst Container = styled.div`\r\n${({showOnlyMVP}) => showOnlyMVP ? `` : `\r\nheight: 100vh;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\nalign-items: stretch;`}\r\n`\r\n\r\nconst Table = styled.div`\r\n ${({showOnlyMVP}) => showOnlyMVP ? `\r\n position: relative;\r\n display: flex;\r\n justify-content: left;\r\n align-items: center;\r\n ` : `\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;`}\r\n`\r\n\r\nconst PlayerContainer = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: stretch;\r\n\r\n ${({showOnlyMVP}) => !showOnlyMVP && `margin: 1.2rem;`}\r\n\r\n min-width: 10rem;\r\n\r\n background: linear-gradient(to bottom, #ffffff, #ed1c24);\r\n`\r\n\r\nconst PlayerTeamImage = styled.div`\r\n position: relative;\r\n flex: 5;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: stretch;\r\n\r\n ${({ showOnlyMVP }) => {\r\n if (showOnlyMVP) {\r\n return `height: 40rem;\r\n min-width: 25rem;`\r\n }\r\n }}\r\n`\r\n\r\nconst PlayerFooter = styled.div`\r\n flex: 2;\r\n padding-left: 2rem;\r\n padding-right: 2rem;\r\n padding-bottom: 1.3rem;\r\n\r\n background: linear-gradient(to bottom, #ed1c24, #a50006);\r\n`\r\n\r\nconst PlayerImage = styled.div`\r\n position: relative;\r\n`\r\n\r\nconst BackgroundImage = styled.div`\r\n background-image: url(\"/assets/img/aces/squares_mvp.png\");\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n`\r\n\r\nconst MVPTeamImage = styled.div`\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n transform: translate(7%, 7%);\r\n`\r\n\r\nconst TeamImage = styled.div`\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n\r\n z-index: -10;\r\n`\r\n\r\nconst PlayerScore = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n width: 100%;\r\n text-align: end;\r\n font-size: 1.3rem;\r\n\r\n line-height: 22px;\r\n`\r\n\r\nconst Key = styled.div`\r\n text-align: start;\r\n font-weight: 100;\r\n`\r\n\r\nconst Value = styled.div`\r\n color: white;\r\n text-align: end;\r\n font-weight: 500;\r\n`\r\n\r\nconst PlayerNumber = styled.div`\r\n color: red;\r\n\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n z-index: 100;\r\n font-size: 5.8rem;\r\n transform: translate(0.3rem, 18.1%);\r\n`\r\n\r\nconst PlayerName = styled.div`\r\n font-weight: 900;\r\n font-size: 2rem;\r\n border-bottom: 1px solid black;\r\n padding: 0.35rem 0;\r\n padding-bottom: 0.55rem;\r\n margin-bottom: 0.55rem;\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n`\r\n\r\nconst MVP = styled.div`\r\n font-family: IntegralCD-Demi-Bold-Oblique;\r\n color: red;\r\n font-weight: 700;\r\n font-size: 1.8rem;\r\n font-style: italic;\r\n\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n z-index: 100;\r\n transform: translate(-20%, 20%);\r\n`\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst PlayerLeaderboardTable = styled.table`\r\n font-family: teko-regular;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 300px;\r\n max-width: 300px;\r\n padding: 8px;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden; \r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: teko-bold;\r\n font-size: 2.5rem;\r\n`;\r\n\r\nconst PlayerNameRow = styled.tr`\r\n font-family: teko-bold;\r\n background: #5848f1;\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction PlayerLeaderboard(props) {\r\n const { players, opts, game, show } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {opts.stats ? opts.stats[0].value : ''}\r\n \r\n \r\n \r\n {\r\n players.slice(0, 5).map(player => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {player.ign}\r\n \r\n \r\n \r\n \r\n {numberForDisplay(player[opts.stats[0].key])}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }) \r\n }\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n players: state.overlay.valorant || [],\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PlayerLeaderboard);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst PlayerLeaderboardTable = styled.table`\r\n font-family: sdp;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 350px;\r\n max-width: 350px;\r\n padding: 8px;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden; \r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: sdp;\r\n font-size: 2.5rem;\r\n`;\r\n\r\nconst PlayerNameRow = styled.tr`\r\n font-family: sdp;\r\n background: ${styles.sdpPrimary};\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction PlayerLeaderboard(props) {\r\n const { players, opts, game, show } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {opts.stats ? opts.stats[0].value : ''}\r\n \r\n \r\n \r\n {\r\n players.slice(0, 5).map(player => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {player.ign}\r\n \r\n \r\n \r\n \r\n {numberForDisplay(player[opts.stats[0].key])}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }) \r\n }\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n players: state.overlay.valorant || [],\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PlayerLeaderboard);","import React from 'react'\r\nimport AEL from './acesEsports/PlayerLeaderboard'\r\nimport OSL from './onslaughtLeague/PlayerLeaderboard'\r\nimport SDP from './sdp/PlayerLeaderboard'\r\n\r\nconst ValorantPlayerLeaderboardOverlay = (props) => {\r\n const { shard } = props;\r\n\r\n return (\r\n shard.includes('ael-conq') || shard.includes('test-att') ? \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ValorantPlayerHeadToHeadController;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst PlayerHeadToHeadTable = styled.table`\r\n font-family: teko-regular;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 300px;\r\n padding: 8px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: teko-bold;\r\n background: #5848f1;\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction PlayerHeadToHead(props) {\r\n const { left, right, opts, game, show } = props;\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {left.ign}\r\n \r\n \r\n VS\r\n \r\n \r\n {right.ign}\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n \r\n \r\n {numberForDisplay(left[s.key])}\r\n \r\n \r\n {s.value}\r\n \r\n \r\n {numberForDisplay(right[s.key])}\r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n left: state.overlay.left ? state.overlay.left.valorant : {},\r\n right: state.overlay.right ? state.overlay.right.valorant : {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PlayerHeadToHead);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst PlayerHeadToHeadTable = styled.table`\r\n font-family: sdp;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 500px;\r\n padding: 8px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: sdp;\r\n background: ${styles.sdpPrimary};\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction PlayerHeadToHead(props) {\r\n const { left, right, opts, game, show } = props;\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {left.ign}\r\n \r\n \r\n VS\r\n \r\n \r\n {right.ign}\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n \r\n \r\n {numberForDisplay(left[s.key])}\r\n \r\n \r\n {s.value}\r\n \r\n \r\n {numberForDisplay(right[s.key])}\r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n left: state.overlay.left ? state.overlay.left.valorant : {},\r\n right: state.overlay.right ? state.overlay.right.valorant : {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PlayerHeadToHead);","import React from 'react';\r\nimport OSL from './onslaughtLeague/PlayerHeadToHead';\r\nimport SDP from './sdp/PlayerHeadToHead';\r\n\r\nconst ValorantPlayerHeadToHeadOverlay = (props) => {\r\n const { shard } = props;\r\n\r\n return (\r\n shard.includes('sdp') ? \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default ValorantTeamStatsController\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst TeamStatsTable = styled.table`\r\n font-family: teko-regular;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 300px;\r\n padding: 8px 30px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: teko-bold;\r\n background: #5848f1;\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction TeamStats(props) {\r\n const { team, opts, game, show } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {team.teamName}\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n \r\n \r\n {s.value}\r\n \r\n \r\n {numberForDisplay(team[s.key])}\r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n team: state.overlay.valorant || {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TeamStats);","import React from 'react';\r\nimport OnslaughtLeaguePlayerStats from './onslaughtLeague/TeamStats';\r\n\r\nconst ValorantTeamStatsOverlay = (props) => {\r\n const { shard } = props;\r\n\r\n return (\r\n shard.includes('fs') ? \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ValorantTeamHeadToHeadController;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil';\r\n\r\nconst TeamHeadToHeadTable = styled.table`\r\n font-family: teko-regular;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 300px;\r\n padding: 8px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n font-family: teko-bold;\r\n background: #5848f1;\r\n font-size: 2.3rem;\r\n`;\r\n\r\nconst StatsRow = styled.tr`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n`;\r\n\r\nfunction TeamHeadToHead(props) {\r\n const { left, right, opts, game, show } = props;\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {left.teamName}\r\n \r\n \r\n VS\r\n \r\n \r\n {right.teamName}\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n \r\n \r\n {numberForDisplay(left[s.key])}\r\n \r\n \r\n {s.value}\r\n \r\n \r\n {numberForDisplay(right[s.key])}\r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n left: state.overlay.left ? state.overlay.left.valorant : {},\r\n right: state.overlay.right ? state.overlay.right.valorant : {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TeamHeadToHead);","import React from 'react';\r\nimport OnslaughtTeamHeadToHead from './OnslaughtLeague/TeamHeadToHead';\r\n\r\nconst ValorantTeamHeadToHeadOverlay = (props) => {\r\n const { shard } = props;\r\n\r\n return (\r\n shard.includes('fs') ? \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ValorantTeamLeaderboardController;\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport PropTypes from 'prop-types'\r\n\r\nexport const ShowInAnimation = ({ children, show, direction, delay }) => {\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nShowInAnimation.defaultProps = {\r\n delay: 0,\r\n direction: 'left',\r\n}\r\n\r\nShowInAnimation.propTypes = {\r\n show: PropTypes.bool.isRequired,\r\n direction: PropTypes.string,\r\n delay: PropTypes.number,\r\n children: PropTypes.object,\r\n}\r\n\r\nconst Animation = styled.div`\r\n ${({ show }) => {\r\n if (!show) {\r\n return null\r\n }\r\n return `opacity: 0`\r\n }};\r\n\r\n animation-name: animation-${({ show, direction }) => {\r\n return show ? `in` : `out`\r\n }};\r\n animation-delay: ${({ delay }) => delay}s;\r\n animation-duration: 1.25s;\r\n animation-fill-mode: forwards;\r\n\r\n @keyframes animation-in {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes animation-out {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n }\r\n`\r\n","export const getBackgroundColors = (i) => {\r\n switch (i) {\r\n case 0:\r\n return 'white'\r\n case 1:\r\n return '#ececec'\r\n case 2:\r\n return '#cccccc'\r\n default:\r\n return '#bbbbbb'\r\n }\r\n}\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport { getCountryFlag, getTeamLogoByGame } from '../../../../../../util/CommonUtil'\r\nimport { ShowInAnimation } from '../../../../animations/ShowInAnimation'\r\nimport { SlideInAnimation } from '../../../../animations/SlideInAnimation'\r\nimport { getBackgroundColors } from '../../../../helpers'\r\nimport { Image } from '../../../../helpers/Image'\r\nimport { VALORANT_GAME } from '../../../../../../util/Games'\r\n\r\nfunction TeamLeaderboard({ show, teamLeaderboard }) {\r\n // Set up the table here\r\n const STANDARD_TEAM_SIZE = 16\r\n const HOW_MANY_PAGES = 1 // If pagination is needed: Math.ceil(teamLeaderboard.length / 8)\r\n const RANK_COL_LEN = 3\r\n const FLAG_COL_LEN = 6\r\n const LOGO_COL_LEN = 6\r\n const TEAM_COL_LEN = 25\r\n const PLAYED_COL_LEN = 5\r\n const WINS_COL_LEN = 5\r\n const DRAWS_COL_LEN = 5\r\n const LOSE_COL_LEN = 5\r\n const KD_COL_LEN = 5\r\n const POINTS_COL_LEN = 5\r\n const GAP_BETWEEN_PAGES = 1\r\n\r\n const numberOfExtraTeams =\r\n teamLeaderboard.length - STANDARD_TEAM_SIZE > 0 &&\r\n teamLeaderboard.length - STANDARD_TEAM_SIZE\r\n\r\n const howManyToDisplayPerPage = Math.ceil(\r\n teamLeaderboard.length / HOW_MANY_PAGES,\r\n )\r\n\r\n const shouldEvenPaginate =\r\n teamLeaderboard.length - howManyToDisplayPerPage > 0\r\n\r\n const mainContainerWidth =\r\n (RANK_COL_LEN +\r\n FLAG_COL_LEN +\r\n LOGO_COL_LEN +\r\n TEAM_COL_LEN +\r\n PLAYED_COL_LEN +\r\n WINS_COL_LEN +\r\n DRAWS_COL_LEN +\r\n LOSE_COL_LEN +\r\n KD_COL_LEN +\r\n POINTS_COL_LEN) *\r\n HOW_MANY_PAGES\r\n const tableHeight = howManyToDisplayPerPage * 4 + numberOfExtraTeams * 4\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[...Array(HOW_MANY_PAGES)].map((e, i) => (\r\n \r\n | \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n P\r\n | \r\n \r\n W\r\n | \r\n \r\n D\r\n | \r\n \r\n L\r\n | \r\n \r\n RD\r\n | \r\n \r\n Pts\r\n | \r\n \r\n ))}\r\n \r\n \r\n {teamLeaderboard.map((team, i) => {\r\n const page = Math.ceil((i + 1) / howManyToDisplayPerPage)\r\n const half = Math.ceil(teamLeaderboard.length / 2) === i + 1\r\n\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n teamLeaderboard: state.overlay.valorant || [],\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TeamLeaderboard);\r\n\r\n\r\nconst OverflowContainer = styled.div`\r\n overflow: hidden;\r\n background-color: transparent;\r\n`\r\n\r\nconst FontWrapper = styled.div`\r\n font-size: 1.7rem;\r\n color: black;\r\n font-weight: 500;\r\n text-align: center;\r\n`\r\n\r\nconst Container = styled.div`\r\n width: ${({ width }) => width}rem;\r\n`\r\n\r\nconst TournamentLogo = styled.div`\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n`\r\n\r\nconst LegendRow = styled.div`\r\n position: relative;\r\n width: 100%;\r\n background-color: #ed1c24;\r\n height: 6rem;\r\n\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: flex-end;\r\n padding-bottom: 0.2rem;\r\n\r\n background-image: url(\"/assets/img/aces/squares.png\");\r\n background-position: left;\r\n background-repeat: no-repeat;\r\n`\r\n\r\nconst Legend = styled.div`\r\n display: flex;\r\n margin${({ page, gap, shouldEvenPaginate }) => {\r\n if (shouldEvenPaginate) {\r\n return page % 2 === 0 ? `-right:${gap}rem` : `-left:${gap}rem`\r\n }\r\n }};\r\n font-weight: 900;\r\n font-size: 1.6rem;\r\n`\r\n\r\nconst Cell = styled.div`\r\n width: ${({ width }) => width}rem;\r\n ${({ color }) => color && `color: ${color};`}\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n text-transform: ${({ uppercase }) => uppercase && 'uppercase'};\r\n\r\n border-left: ${({ borderLeft }) => borderLeft && '1px solid red'};\r\n\r\n display: flex;\r\n justify-content: ${({ textToLeft }) => (textToLeft ? 'start' : 'center')};\r\n align-items: ${({ textToBottom }) => (textToBottom ? 'flex-end' : 'center')};\r\n`\r\n\r\nconst Table = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n align-items: stretch;\r\n\r\n width: 100%;\r\n height: ${({ height }) => height}rem;\r\n`\r\n\r\nconst Team = styled.div`\r\n height: 4rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: stretch;\r\n\r\n margin${({ page, gap, shouldEvenPaginate }) => {\r\n if (shouldEvenPaginate) {\r\n return page % 2 === 0 ? `-left:${gap}rem` : `-right:${gap}rem`\r\n }\r\n }};\r\n\r\n background-color: ${({ backgroundColor }) => backgroundColor};\r\n border-bottom: ${({ half }) => half && '2px solid #ed1c24'};\r\n`\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport { ShowInAnimation } from '../../../../animations/ShowInAnimation'\r\n\r\nconst TEAM_PADDING = 3\r\n\r\nfunction TeamLeaderboard(props) {\r\n const { show, teamLeaderboard } = props;\r\n\r\n if (!teamLeaderboard || !teamLeaderboard.length) return null;\r\n\r\n // Set up the table here\r\n const STANDARD_TEAM_SIZE = 4\r\n const HOW_MANY_PAGES = 1 // If pagination is needed: Math.ceil(teamLeaderboard.length / 8)\r\n const TEAM_COL_LEN = 25\r\n const WINS_COL_LEN = 3\r\n const DASH_COL = 1\r\n const LOSE_COL_LEN = 3\r\n const GAP_BETWEEN_PAGES = 1\r\n\r\n const numberOfExtraTeams =\r\n teamLeaderboard.length - STANDARD_TEAM_SIZE > 0 &&\r\n teamLeaderboard.length - STANDARD_TEAM_SIZE\r\n\r\n const howManyToDisplayPerPage = Math.ceil(\r\n teamLeaderboard.length / HOW_MANY_PAGES,\r\n )\r\n\r\n const shouldEvenPaginate =\r\n teamLeaderboard.length - howManyToDisplayPerPage > 0\r\n\r\n const mainContainerWidth =\r\n (TEAM_COL_LEN + WINS_COL_LEN + LOSE_COL_LEN + DASH_COL + TEAM_PADDING * 2) *\r\n HOW_MANY_PAGES\r\n\r\n const tableHeight = howManyToDisplayPerPage * 6 + numberOfExtraTeams * 6\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Group A \r\n \r\n {teamLeaderboard.map((team, i) => {\r\n const page = Math.ceil((i + 1) / howManyToDisplayPerPage)\r\n const half = Math.ceil(teamLeaderboard.length / 2) === i + 1\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n teamLeaderboard: state.overlay.valorant,\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TeamLeaderboard);\r\n\r\nconst OverflowContainer = styled.div`\r\n overflow: hidden;\r\n background-color: transparent;\r\n`\r\n\r\nconst FontWrapper = styled.div`\r\n font-size: 1.7rem;\r\n color: white;\r\n font-weight: 500;\r\n text-align: center;\r\n text-transform: uppercase;\r\n`\r\n\r\nconst Container = styled.div`\r\n width: ${({ width }) => width}rem;\r\n`\r\n\r\nconst Cell = styled.div`\r\n width: ${({ width }) => width}rem;\r\n ${({ color }) => color && `color: ${color};`}\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n font-family: teko-regular;\r\n\r\n text-transform: ${({ uppercase }) => uppercase && 'uppercase'};\r\n\r\n display: flex;\r\n justify-content: ${({ textToLeft }) => (textToLeft ? 'start' : 'center')};\r\n align-items: ${({ textToBottom }) => (textToBottom ? 'flex-end' : 'center')};\r\n`\r\n\r\nconst Table = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n align-items: stretch;\r\n\r\n width: 100%;\r\n height: ${({ height }) => height}rem;\r\n`\r\n\r\nconst Team = styled.div`\r\n height: 6rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: stretch;\r\n\r\n font-family: teko-regular;\r\n font-size: 2.5rem;\r\n letter-spacing: 2px;\r\n\r\n padding: 0 ${TEAM_PADDING};\r\n\r\n margin${({ page, gap, shouldEvenPaginate }) => {\r\n if (shouldEvenPaginate) {\r\n return page % 2 === 0 ? `-left:${gap}rem` : `-right:${gap}rem`\r\n }\r\n }};\r\n\r\n background-color: ${({ backgroundColor }) => backgroundColor};\r\n`\r\n\r\nconst Title = styled.div`\r\n width: 100%;\r\n font-size: 4rem;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n background-color: #1a3ffb;\r\n padding: 1 ${TEAM_PADDING};\r\n\r\n font-family: teko-semibold;\r\n letter-spacing: 1px;\r\n`\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport styles from '../../../../../../scss/style.scss'\r\n\r\nconst TEAM_PADDING = 3\r\n\r\nconst OverflowContainer = styled.div`\r\n overflow: hidden;\r\n background-color: transparent;\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`\r\n\r\nconst FontWrapper = styled.div`\r\n font-size: 1.7rem;\r\n color: white;\r\n font-weight: 500;\r\n text-align: center;\r\n text-transform: uppercase;\r\n`\r\n\r\nconst Container = styled.div`\r\n width: ${({ width }) => width}rem;\r\n`\r\n\r\nconst Cell = styled.div`\r\n width: ${({ width }) => width}rem;\r\n ${({ color }) => color && `color: ${color};`}\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n font-family: sdp;\r\n\r\n text-transform: ${({ uppercase }) => uppercase && 'uppercase'};\r\n\r\n display: flex;\r\n justify-content: ${({ textToLeft }) => (textToLeft ? 'start' : 'center')};\r\n align-items: ${({ textToBottom }) => (textToBottom ? 'flex-end' : 'center')};\r\n`\r\n\r\nconst Table = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n align-items: stretch;\r\n\r\n width: 100%;\r\n height: ${({ height }) => height}rem;\r\n`\r\n\r\nconst Team = styled.div`\r\n height: 6rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: stretch;\r\n\r\n font-family: sdp;\r\n font-size: 2.5rem;\r\n letter-spacing: 2px;\r\n\r\n padding: 0 ${TEAM_PADDING};\r\n\r\n margin${({ page, gap, shouldEvenPaginate }) => {\r\n if (shouldEvenPaginate) {\r\n return page % 2 === 0 ? `-left:${gap}rem` : `-right:${gap}rem`\r\n }\r\n }};\r\n\r\n background-color: ${({ backgroundColor }) => backgroundColor};\r\n`\r\n\r\nconst Title = styled.div`\r\n width: 100%;\r\n font-size: 4rem;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n background-color: ${styles.sdpPrimary};\r\n padding: 1 ${TEAM_PADDING};\r\n\r\n font-family: sdp;\r\n`\r\n\r\nfunction TeamLeaderboard(props) {\r\n const { show, teamLeaderboard } = props;\r\n\r\n if (!teamLeaderboard || !teamLeaderboard.length) return null;\r\n\r\n // Set up the table here\r\n const STANDARD_TEAM_SIZE = 4\r\n const HOW_MANY_PAGES = 1 // If pagination is needed: Math.ceil(teamLeaderboard.length / 8)\r\n const TEAM_COL_LEN = 40\r\n const WINS_COL_LEN = 3\r\n const DASH_COL = 1\r\n const LOSE_COL_LEN = 3\r\n const GAP_BETWEEN_PAGES = 1\r\n\r\n const numberOfExtraTeams =\r\n teamLeaderboard.length - STANDARD_TEAM_SIZE > 0 &&\r\n teamLeaderboard.length - STANDARD_TEAM_SIZE\r\n\r\n const howManyToDisplayPerPage = Math.ceil(\r\n teamLeaderboard.length / HOW_MANY_PAGES,\r\n )\r\n\r\n const shouldEvenPaginate =\r\n teamLeaderboard.length - howManyToDisplayPerPage > 0\r\n\r\n const mainContainerWidth =\r\n (TEAM_COL_LEN + WINS_COL_LEN + LOSE_COL_LEN + DASH_COL + TEAM_PADDING * 2) *\r\n HOW_MANY_PAGES\r\n\r\n const tableHeight = howManyToDisplayPerPage * 6 + numberOfExtraTeams * 6\r\n\r\n return (\r\n \r\n \r\n \r\n LESTVICA \r\n \r\n {teamLeaderboard.map((team, i) => {\r\n const page = Math.ceil((i + 1) / howManyToDisplayPerPage)\r\n const half = Math.ceil(teamLeaderboard.length / 2) === i + 1\r\n return (\r\n
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n teamLeaderboard: state.overlay.valorant,\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TeamLeaderboard);","import React from 'react'\r\nimport AEL from './acesEsports/TeamLeaderboard'\r\nimport OSL from './OnslaughtLeague/TeamLeaderboard'\r\nimport SDP from './sdp/TeamLeaderboard'\r\n\r\nconst ValorantTeamLeaderboardOverlay = (props) => {\r\n const { shard } = props\r\n\r\n return (\r\n shard.includes('ael-conq') || shard.includes('test-att') ? \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ValorantScoreboardController);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { getTeamLogoByGame, getValorantAgentIcon } from '../../../../../../util/CommonUtil';\r\n\r\nconst ScoreboardTable = styled.table`\r\n font-family: teko-regular;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 300px;\r\n padding: 8px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n\r\n p {\r\n font-family: teko-bold;\r\n font-size: 150px;\r\n line-height: 150px;\r\n margin: 0;\r\n padding-top: 30px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n .header-td {\r\n font-family: teko-bold;\r\n background: #5848f1;\r\n font-size: 2.3rem;\r\n }\r\n`;\r\n\r\nconst StatsColumn = styled.td`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n white-space: nowrap;\r\n\r\n .agent-image {\r\n height: 50px;\r\n }\r\n`;\r\n\r\nfunction Scoreboard(props) {\r\n const { left, right, opts, game, show } = props;\r\n\r\n opts.stats = (opts.stats || []);\r\n const numOfColumns = opts.stats.length + 1;\r\n\r\n const TeamHeader = () => {\r\n return (\r\n <>\r\n { s.value } \r\n );\r\n })\r\n }\r\n \r\n );\r\n }\r\n\r\n const PlayerStats = ({player}) => {\r\n return (\r\n <>\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n { player[s.key] } \r\n );\r\n })\r\n }\r\n \r\n )\r\n }\r\n\r\n const StatsRow = ({index}) => {\r\n return (\r\n \r\n \r\n );\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n left.players ?\r\n Array.from(Array(left.players.length).keys()).map(i => )\r\n :\r\n null\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n left: state.overlay.left ? state.overlay.left.valorant : {},\r\n right: state.overlay.right ? state.overlay.right.valorant : {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(Scoreboard);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { getTeamLogoByGame, getValorantAgentIcon } from '../../../../../../util/CommonUtil';\r\n\r\nconst STATISTICS = {\r\n kd: 'K/D',\r\n deaths: 'D',\r\n firstBloods: 'FB',\r\n firstDeaths: 'FD',\r\n econRating: 'ECON',\r\n hsProcentage: 'HS%',\r\n assists: 'A',\r\n kills: 'K',\r\n esr: 'ESR',\r\n adr: 'ADR',\r\n plants: 'Plants',\r\n defuses: 'Defuses',\r\n aces: 'ACES',\r\n multikills: 'Multi Kills',\r\n clutches: 'Clutches',\r\n}\r\n\r\nconst ScoreboardTable = styled.table`\r\n font-family: sdp;\r\n text-transform: uppercase;\r\n\r\n td {\r\n text-align: center; \r\n vertical-align: middle;\r\n width: 300px;\r\n padding: 8px;\r\n }\r\n\r\n transition: opacity 0.5s ease-out;\r\n transition-delay: 0.5s;\r\n\r\n &.cg-show {\r\n opacity: 1;\r\n }\r\n\r\n &.cg-hide {\r\n opacity: 0;\r\n }\r\n\r\n .player-name-td {\r\n width: 20%;\r\n }\r\n\r\n .stat-td {\r\n width: 7%;\r\n }\r\n`;\r\n\r\nconst TeamLogos = styled.tr`\r\n img {\r\n height: 150px;\r\n }\r\n\r\n p {\r\n font-size: 150px;\r\n line-height: 150px;\r\n margin: 0;\r\n padding-top: 30px;\r\n }\r\n`;\r\n\r\nconst HeaderRow = styled.tr`\r\n .header-td {\r\n background: ${styles.sdpPrimary};\r\n font-size: 2.3rem;\r\n }\r\n`;\r\n\r\nconst StatsColumn = styled.td`\r\n background: rgba(0,0,0,.80);\r\n font-size: 2rem;\r\n white-space: nowrap;\r\n\r\n .agent-image {\r\n height: 50px;\r\n }\r\n`;\r\n\r\nfunction Scoreboard(props) {\r\n const { left, right, opts, game, show } = props;\r\n\r\n opts.stats = (opts.stats || []);\r\n const numOfColumns = opts.stats.length + 1;\r\n\r\n const TeamHeader = () => {\r\n return (\r\n <>\r\n { STATISTICS[s.key] } \r\n );\r\n })\r\n }\r\n \r\n );\r\n }\r\n\r\n const PlayerStats = ({player}) => {\r\n return (\r\n <>\r\n \r\n \r\n {\r\n (opts.stats || []).map(s => {\r\n return (\r\n { player[s.key] } \r\n );\r\n })\r\n }\r\n \r\n )\r\n }\r\n\r\n const StatsRow = ({index}) => {\r\n return (\r\n \r\n \r\n );\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n e.target.src = getTeamLogoByGame(game)}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n left.players ?\r\n Array.from(Array(left.players.length).keys()).map(i => )\r\n :\r\n null\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n left: state.overlay.left ? state.overlay.left.valorant : {},\r\n right: state.overlay.right ? state.overlay.right.valorant : {},\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n});\r\n\r\nexport default connect(mapStateToProps)(Scoreboard);","import React from 'react';\r\nimport OSL from './onslaughtLeague/Scoreboard';\r\nimport SDP from './sdp/Scoreboard';\r\n\r\nconst ValorantScoreboardOverlay = (props) => {\r\n const { shard } = props;\r\n\r\n return (\r\n shard.includes('sdp') ? \r\n \r\n \r\n requestChangeComponent(component, { state: { [COMPONENT_STATE_MAPS]: s } })}\r\n onRemove={s => requestChangeComponent(component, { state: { [COMPONENT_STATE_MAPS]: s.length ? s : null } })}\r\n color={styles.tertiaryDark}\r\n displayValue='value'\r\n warning={!component.state[COMPONENT_STATE_MAPS] && component.state.showEmptyFieldWarning}\r\n />\r\n \r\n );\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n requestChangeComponent,\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(MapSelect);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { FormGroup, Label } from 'reactstrap';\r\nimport { requestChangeComponent } from '../../../../../../redux/dashboard/actions';\r\nimport { COMPONENT_STATE_RULE } from '../../../../constants';\r\nimport Multiselect from '../../../../../../components/common/multiselect/Multiselect';\r\n\r\nfunction MapSelect(props) {\r\n const { component, requestChangeComponent } = props;\r\n\r\n return (\r\n \r\n \r\n requestChangeComponent(component, { state: { [COMPONENT_STATE_RULE]: s } })}\r\n onRemove={s => requestChangeComponent(component, { state: { [COMPONENT_STATE_RULE]: s.length ? s : null } })}\r\n color={styles.tertiaryDark}\r\n displayValue='value'\r\n warning={!component.state[COMPONENT_STATE_RULE] && component.state.showEmptyFieldWarning}\r\n />\r\n \r\n );\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n requestChangeComponent,\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(MapSelect);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styles from '../../../../../../scss/style.scss';\r\nimport { FormGroup, InputGroup, InputGroupAddon, Label } from 'reactstrap';\r\nimport { requestChangeComponent } from '../../../../../../redux/dashboard/actions';\r\nimport { displaySuccessNotification } from '../../../../../../redux/notification/actions';\r\nimport { Button, Select } from '../../../../../../components/StyledCoreUI';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\n\r\nfunction TeamSelectWithCopy(props) {\r\n const { component, label, stateAttribute, copyText, stateToMergeOnChange, requestChangeComponent, displaySuccessNotification } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n requestChangeComponent(component, { state: {\r\n ...stateToMergeOnChange,\r\n [stateAttribute]: parseInt(id),\r\n }})}\r\n disabledOptionText='-- select team --'\r\n options={component.teams.map(t => {\r\n return { key: t.id, value: t.name };\r\n })}\r\n warning={!component.state[stateAttribute] && component.state.showEmptyFieldWarning}\r\n />\r\n \r\n displaySuccessNotification('Link Copied')}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n requestChangeComponent,\r\n displaySuccessNotification,\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(TeamSelectWithCopy);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Col, FormGroup, Row } from 'reactstrap';\r\nimport ControllerBase from '../../base/controller/ControllerBase';\r\nimport MapSelect from '../../base/controller/inputs/MapSelect';\r\nimport RuleSelect from '../../base/controller/inputs/RuleSelect';\r\nimport TeamSelectWithCopy from '../../base/controller/inputs/TeamSelectWithCopy';\r\nimport { Button } from '../../../../../components/StyledCoreUI';\r\nimport { requestChangeComponent, requestChangeComponentWithValidation } from '../../../../../redux/dashboard/actions';\r\nimport { displaySuccessNotification } from '../../../../../redux/notification/actions';\r\nimport { COMPONENT_STATE_LEFT_TEAM, COMPONENT_STATE_RIGHT_TEAM, MAP_VETO_VETO_STATUS } from '../../../constants';\r\nimport { VALORANT_GAME } from '../../../../../util/Games';\r\n\r\nclass MapVetoController extends Component {\r\n\r\n /**\r\n * Generated voting URL for teams\r\n * \r\n * @param {*} token \r\n */\r\n generateTeamLink = (token, teamToken) => {\r\n if (!token || !teamToken) return null;\r\n return `${window.location.protocol}//${window.location.host}/map-veto/${VALORANT_GAME}/${token}/${teamToken}`;\r\n }\r\n\r\n render() {\r\n const { component, requestChangeComponent, requestChangeComponentWithValidation } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n requestChangeComponentWithValidation(component, { [MAP_VETO_VETO_STATUS]: 'generate-url' })}\r\n >Generate Links\r\n \r\n \r\n \r\n requestChangeComponent(component, { [MAP_VETO_VETO_STATUS]: 'reset', state: {} })}\r\n >Reset\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n requestChangeComponent,\r\n requestChangeComponentWithValidation,\r\n displaySuccessNotification,\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(MapVetoController);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { getMapByGame, getTeamLogo } from '../../../../../../util/CommonUtil';\r\nimport { VALORANT_GAME } from '../../../../../../util/Games';\r\nimport { MAP_VETO_SIDE_COLORS, MAP_VETO_SIDE_MAPPING } from '../../../../constants';\r\n\r\nconst MapPick = styled.table`\r\n background: url('${props => getMapByGame(VALORANT_GAME, props.map)}-muted.png');\r\n background-size: cover;\r\n background-position-y: 50px;\r\n margin: 0px 30px;\r\n`;\r\n\r\nconst Header = styled.td`\r\n height: 50px;\r\n background: #5848f1;\r\n text-transform: uppercase;\r\n color: white;\r\n font-size: 2.5rem;\r\n font-family: teko-semibold;\r\n`;\r\n\r\nconst MapPicker = styled.td`\r\n width: 175px;\r\n padding: 15px 25px;\r\n p {\r\n font-size: 1.5rem;\r\n text-transform: uppercase;\r\n font-family: teko-semibold;\r\n }\r\n\r\n img {\r\n height: 100px;\r\n }\r\n`;\r\n\r\nconst MapSide = styled.td`\r\n width: 175px;\r\n padding: 15px 25px;\r\n img {\r\n height: 50px;\r\n }\r\n\r\n div {\r\n height: 15px;\r\n margin-bottom: 10px;\r\n\r\n &.side-indicator {\r\n background: ${props => props.color};\r\n }\r\n }\r\n\r\n .empty-holder {\r\n height: 50px;\r\n width: 50px;\r\n margin: 0 auto;\r\n }\r\n`;\r\n\r\nfunction MapVeto(props) {\r\n const { logs } = props;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n logs: state.overlay.logs,\r\n});\r\n\r\nexport default connect(mapStateToProps)(MapVeto);","import React from 'react';\r\nimport OnslaughtMapVeto from './onslaughtLeague/MapVeto';\r\n\r\nconst MapVetoOverlay = (props) => {\r\n const { shard } = props;\r\n\r\n switch (shard) {\r\n case shard.includes('fs'):\r\n return onChange(e.target.value)}\r\n warning={warning}\r\n >\r\n {\r\n disabledOptionText ?\r\n \r\n :\r\n null\r\n }\r\n {\r\n options.map(o => {\r\n return (\r\n { o.value }\r\n );\r\n })\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default Select;","import styles from '../../scss/style.scss';\r\nimport styled from 'styled-components';\r\nimport { Table } from 'reactstrap';\r\n\r\nexport default styled(Table)`\r\n color: ${styles.secondary};\r\n\r\n th, td {\r\n border: none;\r\n }\r\n\r\n tbody tr:nth-child(even),\r\n tbody tr.table-active {\r\n background: ${styles.tertiary};\r\n }\r\n\r\n tbody tr:nth-child(odd),\r\n tbody tr.table-active {\r\n background: ${styles.tertiaryDark};\r\n }\r\n\r\n tbody tr.table-inactive {\r\n background: ${styles.tertiaryDark};\r\n }\r\n\r\n thead th {\r\n border-color: ${styles.primary};\r\n }\r\n`;","import styles from '../../scss/style.scss';\r\nimport styled from 'styled-components';\r\nimport { TabContent } from 'reactstrap';\r\n\r\nexport default styled(TabContent)`\r\n background: ${styles.tertiaryDark};\r\n border-color: ${styles.tertiary};\r\n color: ${styles.secondary};\r\n padding: 30px;\r\n`;","import styles from '../../scss/style.scss';\r\nimport styled from 'styled-components';\r\n\r\nexport default styled.textarea`\r\n width: 100%;\r\n background: ${styles.tertiary};\r\n border-color: ${styles.tertiary};\r\n color: ${styles.secondary};\r\n\r\n &:focus {\r\n background: ${styles.tertiary};\r\n color: ${styles.secondary};\r\n }\r\n\r\n &[disabled] {\r\n background: ${styles.tertiary};\r\n color: ${styles.info};\r\n cursor: not-allowed;\r\n }\r\n`;","// Action for requesting new component\r\nexport const REQUEST_CREATE_COMPONENT = 'REQUEST_CREATE_COMPONENT';\r\nexport const REQUEST_CREATE_COMPONENT_PENDING = 'REQUEST_CREATE_COMPONENT_PENDING';\r\nexport const REQUEST_CREATE_COMPONENT_SUCCESS = 'REQUEST_CREATE_COMPONENT_SUCCESS';\r\nexport const REQUEST_CREATE_COMPONENT_ERROR = 'REQUEST_CREATE_COMPONENT_ERROR';\r\n// Action for requesting new components in bulk\r\nexport const REQUEST_CREATE_COMPONENTS_BULK = 'REQUEST_CREATE_COMPONENTS_BULK';\r\nexport const REQUEST_CREATE_COMPONENTS_BULK_PENDING = 'REQUEST_CREATE_COMPONENTS_BULK_PENDING';\r\nexport const REQUEST_CREATE_COMPONENTS_BULK_SUCCESS = 'REQUEST_CREATE_COMPONENTS_BULK_SUCCESS';\r\nexport const REQUEST_CREATE_COMPONENTS_BULK_ERROR = 'REQUEST_CREATE_COMPONENTS_BULK_ERROR';\r\n// Action for requesting change component\r\nexport const REQUEST_CHANGE_COMPONENT = 'REQUEST_CHANGE_COMPONENT';\r\nexport const REQUEST_CHANGE_COMPONENT_PENDING = 'REQUEST_CHANGE_COMPONENT_PENDING';\r\nexport const REQUEST_CHANGE_COMPONENT_SUCCESS = 'REQUEST_CHANGE_COMPONENT_SUCCESS';\r\nexport const REQUEST_CHANGE_COMPONENT_ERROR = 'REQUEST_CHANGE_COMPONENT_ERROR';\r\n// Action for requesting change component wiht state validation\r\nexport const REQUEST_CHANGE_COMPONENT_WITH_VALIDATION = 'REQUEST_CHANGE_COMPONENT_WITH_STATE_VALIDATION';\r\n// Action for requesting remove of the component\r\nexport const REQUEST_REMOVE_COMPONENT = 'REQUEST_REMOVE_COMPONENT';\r\nexport const REQUEST_REMOVE_COMPONENT_PENDING = 'REQUEST_REMOVE_COMPONENT_PENDING';\r\nexport const REQUEST_REMOVE_COMPONENT_SUCCESS = 'REQUEST_REMOVE_COMPONENT_SUCCESS';\r\nexport const REQUEST_REMOVE_COMPONENT_ERROR = 'REQUEST_REMOVE_COMPONENT_ERROR';\r\n// Action for requesting remove of all components\r\nexport const REQUEST_REMOVE_ALL_COMPONENT = 'REQUEST_REMOVE_ALL_COMPONENT';\r\nexport const REQUEST_REMOVE_ALL_COMPONENT_PENDING = 'REQUEST_REMOVE_ALL_COMPONENT_PENDING';\r\nexport const REQUEST_REMOVE_ALL_COMPONENT_SUCCESS = 'REQUEST_REMOVE_ALL_COMPONENT_SUCCESS';\r\nexport const REQUEST_REMOVE_ALL_COMPONENT_ERROR = 'REQUEST_REMOVE_ALL_COMPONENT_ERROR';\r\n// Action for requesting change of the shard info\r\nexport const REQUEST_SHARD_INFO_CHANGE_COMPONENT = 'REQUEST_SHARD_INFO_CHANGE_COMPONENT';\r\nexport const REQUEST_SHARD_INFO_CHANGE_COMPONENT_PENDING = 'REQUEST_SHARD_INFO_CHANGE_COMPONENT_PENDING';\r\nexport const REQUEST_SHARD_INFO_CHANGE_COMPONENT_SUCCESS = 'REQUEST_SHARD_INFO_CHANGE_COMPONENT_SUCCESS';\r\nexport const REQUEST_SHARD_INFO_CHANGE_COMPONENT_ERROR = 'REQUEST_SHARD_INFO_CHANGE_COMPONENT_ERROR';\r\n// Action for subscribing to component changes\r\nexport const SUBSCRIBE_TO_CHANGE_COMPONENT = 'SUBSCRIBE_TO_CHANGE_COMPONENT';\r\nexport const SUBSCRIBE_TO_CHANGE_COMPONENT_PENDING = 'SUBSCRIBE_TO_CHANGE_COMPONENT_PENDING';\r\nexport const SUBSCRIBE_TO_CHANGE_COMPONENT_SUCCESS = 'SUBSCRIBE_TO_CHANGE_COMPONENT_SUCCESS';\r\nexport const SUBSCRIBE_TO_CHANGE_COMPONENT_ERROR = 'SUBSCRIBE_TO_CHANGE_COMPONENT_ERROR';\r\n// Action for setting the component state\r\nexport const SET_COMPONENT_STATE = 'SET_COMPONENT_STATE';\r\n// Action for setting the component data\r\nexport const SET_COMPONENT_DATA = 'SET_COMPONENT_DATA';","// Logout error message\r\nexport const AUTH_LOGOUT_ERROR = 'Error while logging out';\r\n// Error logging in\r\nexport const AUTH_LOGIN_ERROR = 'Wrong username or password';\r\n\r\n// General loading error message\r\nexport const LOADING_ERROR = 'Error while loading data';\r\n\r\n// General saving error message\r\nexport const SAVING_ERROR = 'Error while saving data';\r\n\r\n// Dashboard change message\r\nexport const CREATE_COMPONENT_ERROR = 'Error while creating component';\r\nexport const CHANGE_COMPONENT_ERROR = 'Error while changing component';\r\nexport const REMOVE_COMPONENT_ERROR = 'Error while removing component';","import { createBrowserHistory } from 'history';\r\nexport default createBrowserHistory();","import { \r\n REQUEST_TEAM_READY,\r\n SUBSCRIBE_TO_MAP_VETO_DATA,\r\n REQUEST_MAP_VETO_PICK,\r\n SET_MAP_VETO_DATA,\r\n} from './types';\r\n\r\n/**\r\n * Action for requesting team ready\r\n */\r\nexport const requestTeamReady = (teamToken, overlayToken) => ({\r\n type: REQUEST_TEAM_READY,\r\n payload: {\r\n teamToken: teamToken,\r\n overlayToken: overlayToken,\r\n }\r\n});\r\n\r\n/**\r\n * Action for requesting subscription to map veto data\r\n */\r\nexport const subscribeToMapVetoData = (teamToken, overlayToken, callback) => ({\r\n type: SUBSCRIBE_TO_MAP_VETO_DATA,\r\n payload: {\r\n teamToken: teamToken,\r\n overlayToken: overlayToken,\r\n callback: callback,\r\n }\r\n});\r\n\r\n/**\r\n * Action for requesting pick\r\n */\r\nexport const requestMapVetoPick = (pick) => ({\r\n type: REQUEST_MAP_VETO_PICK,\r\n payload: pick,\r\n});\r\n\r\n/**\r\n * Action for setting new map veto data\r\n */\r\nexport const setMapVetoData = (data) => ({\r\n type: SET_MAP_VETO_DATA,\r\n payload: data,\r\n});","// Twire assets URL\r\nexport const TWIRE_ASSETS_URL = \"https://assets.twire.gg/\";\r\n\r\n// Auth constants\r\nexport const AUTH_TOURNAMENT_ORGANIZER_GROUP = 'TOURNAMENT_ORGANIZER';\r\n\r\n// Tournament types\r\nexport const TOURNAMENT_TYPE_TOURNAMENT = 'tournament';\r\nexport const TOURNAMENT_TYPE_SCRIM = 'scrim';\r\nexport const TOURNAMENT_TYPES = {\r\n [TOURNAMENT_TYPE_TOURNAMENT]: TOURNAMENT_TYPE_TOURNAMENT.toUpperCase(),\r\n [TOURNAMENT_TYPE_SCRIM]: TOURNAMENT_TYPE_SCRIM.toUpperCase(),\r\n};\r\n\r\n// Tournament servers\r\nexport const TOURNAMENT_SERVER_EVENT = 'event';\r\nexport const TOURNAMENT_SERVER_LIVE = 'live';\r\nexport const TOURNAMENT_SERVERS = {\r\n [TOURNAMENT_SERVER_EVENT]: TOURNAMENT_SERVER_EVENT.toUpperCase(),\r\n [TOURNAMENT_SERVER_LIVE]: TOURNAMENT_SERVER_LIVE.toUpperCase(),\r\n};\r\n\r\n// Tournament regions\r\nexport const TOURNAMENT_REGION_GLOBAL = 'global';\r\nexport const TOURNAMENT_REGION_GLOBAL_NAME = 'Global';\r\nexport const TOURNAMENT_REGION_EUROPE = 'eu';\r\nexport const TOURNAMENT_REGION_EUROPE_NAME = 'Europe';\r\nexport const TOURNAMENT_REGION_NA = 'na';\r\nexport const TOURNAMENT_REGION_NA_NAME = 'North America';\r\nexport const TOURNAMENT_REGION_AM = 'am';\r\nexport const TOURNAMENT_REGION_AM_NAME = 'Americas';\r\nexport const TOURNAMENT_REGION_LA = 'la';\r\nexport const TOURNAMENT_REGION_LA_NAME = 'South America';\r\nexport const TOURNAMENT_REGION_ASIA = 'asia';\r\nexport const TOURNAMENT_REGION_ASIA_NAME = 'Asia';\r\nexport const TOURNAMENT_REGION_OCE = 'oce';\r\nexport const TOURNAMENT_REGION_OCE_NAME = 'Oceania';\r\nexport const TOURNAMENT_REGION_APAC = 'apac';\r\nexport const TOURNAMENT_REGION_APAC_NAME = 'APAC';\r\nexport const TOURNAMENT_REGIONS = {\r\n [TOURNAMENT_REGION_GLOBAL]: TOURNAMENT_REGION_GLOBAL_NAME.toUpperCase(),\r\n [TOURNAMENT_REGION_EUROPE]: TOURNAMENT_REGION_EUROPE_NAME.toUpperCase(),\r\n [TOURNAMENT_REGION_NA]: TOURNAMENT_REGION_NA_NAME.toUpperCase(),\r\n [TOURNAMENT_REGION_AM]: TOURNAMENT_REGION_AM_NAME.toUpperCase(),\r\n [TOURNAMENT_REGION_LA]: TOURNAMENT_REGION_LA_NAME.toUpperCase(),\r\n [TOURNAMENT_REGION_ASIA]: TOURNAMENT_REGION_ASIA_NAME.toUpperCase(),\r\n [TOURNAMENT_REGION_OCE]: TOURNAMENT_REGION_OCE_NAME.toUpperCase(),\r\n [TOURNAMENT_REGION_APAC]: TOURNAMENT_REGION_APAC_NAME.toUpperCase(),\r\n};\r\n\r\n// Tournament tiers\r\nexport const TOURNAMENT_TIERS = {\r\n 's': 's',\r\n 'a': 'a',\r\n 'b': 'b',\r\n 'c': 'c',\r\n}\r\n\r\n// Players statistics\r\nexport const PLAYER_STATISTICS = {\r\n kills: 'Kills',\r\n assists: 'Assists',\r\n damageDealt: 'Damage Dealt',\r\n damageTaken: 'Damage Taken',\r\n dbnos: 'Knocks',\r\n revives: 'Revives',\r\n headshotKills: 'Headshot Kills',\r\n killSteals: 'Stolen Kills',\r\n killsStolenFrom: 'Kills stolen from player',\r\n swimDistance: 'Swim Distance',\r\n walkDistance: 'Walk Distance',\r\n rideDistance: 'Ride Distance',\r\n longestKill: 'Longest Kill',\r\n timeSurvived: 'Time Survived',\r\n killStreaks: 'Kill Streaks',\r\n heals: 'Heals',\r\n boosts: 'Boosts',\r\n vehicleDestroys: 'Vehicle Destroys',\r\n}\r\n\r\n// Players statistics texts\r\nexport const TOP_PLAYER_STATISTICS = {\r\n kills: 'Top Kill Leaders',\r\n assists: 'Top Assisters',\r\n damageDealt: 'Top Damage Dealers',\r\n damageTaken: 'Most Damage Taken',\r\n dbnos: 'Top Knockers',\r\n revives: 'Top Revivers',\r\n headshotKills: 'Top Headshot Killers',\r\n killSteals: 'Top Kill Stealers',\r\n killsStolenFrom: 'Most Kills Stolen From Players',\r\n swimDistance: 'Top Swimmers',\r\n walkDistance: 'Top Walkers',\r\n rideDistance: 'Top Drivers',\r\n longestKill: 'Longest Kill Leaders',\r\n timeSurvived: 'Time Survived',\r\n killStreaks: 'Kill Streaks',\r\n heals: 'Heals',\r\n boosts: 'Boosts',\r\n vehicleDestroys: 'Vehicle Destroys',\r\n}\r\n\r\n// Head To Head constants\r\nexport const HEAD_TO_HEAD_TEAM_TYPE = 'teams';\r\nexport const HEAD_TO_HEAD_PLAYER_TYPE = 'players';\r\n\r\n// Head to head details\r\nexport const HEAD_TO_HEAD_TEAM_DETAILS = {\r\n kills: 'Total Kills',\r\n damageDealt: 'Total Damage Dealt',\r\n avgRank: 'Average Placement',\r\n avgPoints: 'Average Points'\r\n}\r\nexport const HEAD_TO_HEAD_PLAYER_DETAILS = {\r\n kills: 'Kills',\r\n damageDealt: 'Damage Dealt',\r\n assists: 'Assists',\r\n dbnos: 'Knocks'\r\n}\r\n\r\n// PUBG game modes\r\nexport const PUBG_GAME_MODES = [\r\n 'esports-squad-fpp',\r\n 'esports-squad-tpp',\r\n 'esports-duo-fpp',\r\n 'esports-duo-tpp',\r\n 'esports-solo-fpp',\r\n 'esports-solo-tpp',\r\n 'squad-fpp',\r\n 'duo-fpp',\r\n 'solo-fpp',\r\n 'normal-squad-fpp',\r\n 'normal-duo-fpp',\r\n 'normal-solo-fpp'\r\n];\r\nexport const PUBG_DEFAULT_GAME_MODE = 'esports-squad-fpp';\r\nexport const PUBG_SERVERS = ['live', 'event'];\r\nexport const PUBG_DEFAULT_SERVER = 'live';\r\n\r\n// PUBG Console platforms\r\nexport const PUBGC_XBOX = 'xbox';\r\nexport const PUBGC_PSN = 'psn';\r\nexport const PUBGC_PLATFORMS = [PUBGC_XBOX, PUBGC_PSN];\r\n\r\n// Stage filter types (match means that filter will not be shown on leaderboard page but only on matches page)\r\nexport const STAGE_FILTER_TYPE_ALL = 'all';\r\nexport const STAGE_FILTER_TYPE_MATCH = 'match';\r\nexport const STAGE_FILTER_TYPE_HIDDEN = 'hidden';\r\nexport const STAGE_FILTER_TYPE_OVERALL = 'overall';\r\n\r\nexport const PUBG_SUPER20_RULESET = 'super20';\r\nexport const PUBG_SUPER22_RULESET = 'super22';\r\nexport const PUBG_SUPER21_RULESET = 'super21';\r\nexport const PUBG_WWCD_RULESET = 'wwcd';\r\nexport const PUBG_SMASH_RULESET = 'smash';\r\n// Rulesets that can be used for PUBG for scoring\r\nexport const PUBG_RULESETS = {\r\n [PUBG_SUPER22_RULESET]: 'SUPER 22',\r\n [PUBG_SUPER20_RULESET]: 'SUPER',\r\n [PUBG_WWCD_RULESET]: 'WWCD',\r\n [PUBG_SUPER21_RULESET]: 'MC',\r\n [PUBG_SMASH_RULESET]: 'SMASH (Beta)',\r\n}\r\n\r\nexport const PUBG_DEFAULT_RULESET = PUBG_SUPER22_RULESET;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#F2AA04\",\"primaryLight\":\"#FEC33E\",\"primaryShadow\":\"rgba(239,168,40,0.4)\",\"primaryGlow\":\"#FEC33E\",\"secondary\":\"#fff\",\"tertiary\":\"#1C1D22\",\"tertiaryDark\":\"#161719\",\"tertiaryTransparent\":\"rgba(28,29,34,0.847059)\",\"warning\":\"#F28204\",\"danger\":\"#F4512D\",\"success\":\"#209191\",\"info\":\"#989AA2\",\"infoDark\":\"#5B6073\",\"transparent\":\"rgba(0,0,0,0)\",\"background\":\"#1C1D22\",\"font\":\"#fff\",\"balkanBlue\":\"#0587cd\",\"green303\":\"#0bba93\",\"pslColor\":\"#0064ff\",\"pcsColor\":\"#0185c8\",\"baeColor\":\"#ee2c43\",\"aelBlue\":\"#43dae9\",\"aelGreen\":\"#69fca2\",\"sdpPrimary\":\"#190d38\",\"sdpSecondary\":\"#190d38\"};","import { isInt } from '../../util/CommonUtil';\r\nimport { OPTS_OVERALL_STATS, OPTS_SUBSCRIPTION } from '../../views/Components/constants';\r\nimport { \r\n REQUEST_CREATE_COMPONENT,\r\n REQUEST_CHANGE_COMPONENT,\r\n REQUEST_CHANGE_COMPONENT_WITH_VALIDATION,\r\n REQUEST_REMOVE_COMPONENT,\r\n SUBSCRIBE_TO_CHANGE_COMPONENT,\r\n REQUEST_SHARD_INFO_CHANGE_COMPONENT,\r\n REQUEST_CREATE_COMPONENTS_BULK,\r\n REQUEST_REMOVE_ALL_COMPONENT,\r\n SET_COMPONENT_STATE,\r\n SET_COMPONENT_DATA,\r\n} from './types';\r\n\r\n/**\r\n * Action for requesting create component\r\n */\r\nexport const requestCreateComponent = (component, shard, shardInfo, game) => ({\r\n type: REQUEST_CREATE_COMPONENT,\r\n payload: {\r\n component: component,\r\n shard: shard,\r\n args: {\r\n type: component.type,\r\n shardInfo: component.useOnlyShard ? shard : shardInfo,\r\n match: null,\r\n game: game,\r\n },\r\n }\r\n});\r\n\r\n/**\r\n * Action for requesting create components in bulk\r\n */\r\nexport const requestCreateComponentsBulk = (components, shard, shardInfo, game) => {\r\n const componentsToCreate = {...components};\r\n Object.keys(componentsToCreate).forEach(c => {\r\n if (componentsToCreate[c].skipOnCreateBulk) {\r\n delete componentsToCreate[c];\r\n }\r\n })\r\n return {\r\n type: REQUEST_CREATE_COMPONENTS_BULK,\r\n payload: {\r\n components: componentsToCreate,\r\n shard: shard,\r\n args: Object.keys(componentsToCreate).map(k => {\r\n const c = componentsToCreate[k];\r\n return {\r\n type: c.type,\r\n shardInfo: shardInfo,\r\n match: null,\r\n game: game,\r\n };\r\n }),\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Action for requesting change component\r\n */\r\nexport const requestChangeComponent = (component, changes) => ({\r\n type: REQUEST_CHANGE_COMPONENT,\r\n payload: {\r\n component: component,\r\n state: changes.state,\r\n componentParameters: {\r\n show: changes.show !== null ? changes.show : component.show,\r\n name: changes.name ? changes.name : component.name,\r\n opts: JSON.stringify({ \r\n ...component.opts, \r\n ...mapStateToOpts({ ...component.state, ...changes.state }, component.stateOptsMapping), \r\n selectedSpecificMatch: isInt((changes.state && changes.state.match) || (component.state && component.state.match)) \r\n || ((changes.state && changes.state.overall === false) || (component.state && component.state.overall === false))\r\n }),\r\n args: component.fixArgs ? null : { ...component.args, ...changes.args },\r\n ...mapAdditionalParameters(changes, component.additionalParameters),\r\n },\r\n }\r\n});\r\n\r\n/**\r\n * Action for requesting change component with state validation\r\n */\r\nexport const requestChangeComponentWithValidation = (component, changes) => ({\r\n type: REQUEST_CHANGE_COMPONENT_WITH_VALIDATION,\r\n payload: {\r\n component: component,\r\n changes: changes,\r\n }\r\n});\r\n\r\n/**\r\n * Action for subscribing to change component\r\n */\r\nexport const subscribeToChangeComponent = (component, callback) => ({\r\n type: SUBSCRIBE_TO_CHANGE_COMPONENT,\r\n payload: {\r\n component: component,\r\n callback: callback,\r\n },\r\n});\r\n\r\n/**\r\n * Action for requesting remove of the component\r\n */\r\nexport const requestRemoveComponent = (component) => ({\r\n type: REQUEST_REMOVE_COMPONENT,\r\n payload: component,\r\n});\r\n\r\n/**\r\n * Action for requesting remove of the component\r\n */\r\nexport const requestRemoveAllComponent = () => ({\r\n type: REQUEST_REMOVE_ALL_COMPONENT,\r\n});\r\n\r\n/**\r\n * Action for requesting change of shard info component\r\n */\r\nexport const requestShardInfoChangeComponent = (shardInfo) => ({\r\n type: REQUEST_SHARD_INFO_CHANGE_COMPONENT,\r\n payload: shardInfo,\r\n});\r\n\r\n/**\r\n * Action for setting the state of the component\r\n */\r\nexport const setComponentState = (component, state) => ({\r\n type: SET_COMPONENT_STATE,\r\n payload: {\r\n component: component,\r\n state: state,\r\n },\r\n});\r\n\r\n/**\r\n * Action for setting the data of the component\r\n */\r\nexport const setComponentData = (component, data) => ({\r\n type: SET_COMPONENT_DATA,\r\n payload: {\r\n component: component,\r\n data: data,\r\n },\r\n});\r\n\r\n/**\r\n * Mapps component state to opts according to mapping rules\r\n * \r\n * @param {*} state \r\n * @param {*} stateOptsMapping \r\n */\r\nfunction mapStateToOpts(state, stateOptsMapping) {\r\n const opts = {};\r\n Object.keys(state || {}).forEach(key => {\r\n if (stateOptsMapping[key]) {\r\n opts[stateOptsMapping[key]] = state[key];\r\n }\r\n });\r\n // FIX ME: set default values somehow\r\n if (!opts[OPTS_SUBSCRIPTION] && stateOptsMapping[OPTS_SUBSCRIPTION]) opts[OPTS_SUBSCRIPTION] = false;\r\n if (opts[OPTS_OVERALL_STATS] === undefined && stateOptsMapping[OPTS_OVERALL_STATS]) opts[OPTS_OVERALL_STATS] = true;\r\n return opts;\r\n}\r\n\r\n/**\r\n * Mapps component's additional parameters from changes into object\r\n * \r\n * @param {*} changes \r\n * @param {*} additionalParameters \r\n */\r\nfunction mapAdditionalParameters(changes, additionalParameters) {\r\n if (!additionalParameters) return null;\r\n\r\n const parameters = {};\r\n Object.keys(changes || {}).forEach(key => {\r\n if (changes[key] || additionalParameters.includes(key)) {\r\n parameters[key] = changes[key];\r\n }\r\n });\r\n return parameters;\r\n}","/**\r\n * ONLY COMPONENTS THAT SUPPORT LIVE DATA CAN HAVE 'LIVE' IN TYPE\r\n */\r\n\r\n// Component types constants\r\nexport const PLAYER_STATS_COMPONENT_TYPE = 'player-stats';\r\nexport const PLAYER_LEADERBOARD_COMPONENT_TYPE = 'player-leaderboard';\r\nexport const PLAYER_HEAD_TO_HEAD_COMPONENT_TYPE = 'player-head-to-head';\r\nexport const TEAM_STATS_COMPONENT_TYPE = 'team-stats';\r\nexport const TEAM_LEADERBOARD_COMPONENT_TYPE = 'team-leaderboard';\r\nexport const LIVE_TEAM_LEADERBOARD_COMPONENT_TYPE = 'live-team-leaderboard';\r\nexport const LIVE_SURVIVAL_LEADERBOARD_COMPONENT_TYPE = 'live-survival-leaderboard';\r\nexport const LIVE_MAP_TEAMS_COMPONENT_TYPE = 'live-map-teams';\r\nexport const LIVE_TEAM_STATS_COMPONENT_TYPE = 'live-team-stats';\r\nexport const LIVE_PLAYER_STATS_COMPONENT_TYPE = 'live-player-stats';\r\nexport const LIVE_PLAYER_KILLS_COMPONENT_TYPE = 'live-player-kills';\r\nexport const LIVE_PLAYER_KILLS_DAMAGE_COMPONENT_TYPE = 'live-player-kills-damage';\r\nexport const LIVE_TEAM_HEAD_TO_HEAD_COMPONENT_TYPE = 'live-team-head-to-head';\r\nexport const LIVE_PLAYER_LEADERBOARD_COMPONENT_TYPE = 'live-player-leaderboard';\r\nexport const TEAM_HEAD_TO_HEAD_COMPONENT_TYPE = 'team-head-to-head';\r\nexport const CURRENT_MATCH_COMPONENT_TYPE = 'current-match';\r\nexport const TODAYS_WINNERS_COMPONENT_TYPE = 'todays-winners';\r\nexport const SCOREBOARD_COMPONENT_TYPE = 'scoreboard';\r\nexport const MAP_VETO_COMPONENT_TYPE = 'map-veto';\r\n\r\n// Component names constants\r\nexport const PLAYER_STATS_COMPONENT_NAME = 'Player Stats';\r\nexport const PLAYER_LEADERBOARD_COMPONENT_NAME = 'Player Leaderboard';\r\nexport const PLAYER_HEAD_TO_HEAD_COMPONENT_NAME = 'Player Head To Head';\r\nexport const TEAM_STATS_COMPONENT_NAME = 'Team Stats';\r\nexport const TEAM_LEADERBOARD_COMPONENT_NAME = 'Team Leaderboard';\r\nexport const LIVE_TEAM_LEADERBOARD_COMPONENT_NAME = 'Live Team Leaderboard';\r\nexport const LIVE_SURVIVAL_LEADERBOARD_COMPONENT_NAME = 'Live Survival Leaderboard';\r\nexport const LIVE_MAP_TEAMS_COMPONENT_NAME = 'Live Map Teams';\r\nexport const LIVE_TEAM_STATS_COMPONENT_NAME = 'Live Team Stats';\r\nexport const LIVE_PLAYER_STATS_COMPONENT_NAME = 'Live Player Stats';\r\nexport const LIVE_PLAYER_KILLS_COMPONENT_NAME = 'Live Player Kills';\r\nexport const LIVE_PLAYER_KILLS_DAMAGE_COMPONENT_NAME = 'Live Player Kills & Damage';\r\nexport const LIVE_TEAM_HEAD_TO_HEAD_COMPONENT_NAME = 'Live Team Head To Head';\r\nexport const LIVE_PLAYER_LEADERBOARD_COMPONENT_NAME = 'Live Player Leaderboard';\r\nexport const TEAM_HEAD_TO_HEAD_COMPONENT_NAME = 'Team Head To Head';\r\nexport const CURRENT_MATCH_COMPONENT_NAME = 'Current Match';\r\nexport const TODAYS_WINNERS_COMPONENT_NAME = 'Todays Winners';\r\nexport const SCOREBOARD_COMPONENT_NAME = 'Scoreboard';\r\nexport const MAP_VETO_COMPONENT_NAME = 'Map Veto';\r\n\r\n// Component state variables\r\nexport const COMPONENT_STATE_STATS = 'stats';\r\nexport const COMPONENT_STATE_MATCH = 'match';\r\nexport const COMPONENT_STATE_TEAM = 'team';\r\nexport const COMPONENT_STATE_PLAYER = 'player';\r\nexport const COMPONENT_STATE_LEFT_TEAM = 'leftTeam';\r\nexport const COMPONENT_STATE_RIGHT_TEAM = 'rightTeam';\r\nexport const COMPONENT_STATE_LEFT_PLAYER = 'leftPlayer';\r\nexport const COMPONENT_STATE_RIGHT_PLAYER = 'rightPlayer';\r\nexport const COMPONENT_STATE_MAPS = 'maps';\r\nexport const COMPONENT_STATE_RULE = 'rule';\r\nexport const COMPONENT_STATE_MAP_ROTATION = 'mapRotation';\r\nexport const COMPONENT_STATE_START_TIME = 'startTime';\r\nexport const COMPONENT_STATE_TIME_BETWEEN_MATCHES = 'timeBetweenMatches';\r\nexport const COMPONENT_STATE_SUBSCRIPTION = 'subscription';\r\nexport const COMPONENT_STATE_OVERALL_STATS = 'overall';\r\nexport const COMPONENT_STATE_OVERLAY_TYPE = 'overlayType';\r\nexport const COMPONENT_STATE_GREEN_BACKGROUND = 'greenBackground';\r\n\r\n// Opts state variables\r\nexport const OPTS_ID = 'id';\r\nexport const OPTS_STATS = 'stats';\r\nexport const OPTS_HEAD_TO_HEAD_LEFT = 'leftId';\r\nexport const OPTS_HEAD_TO_HEAD_RIGHT = 'rightId';\r\nexport const OPTS_MAPS = 'maps';\r\nexport const OPTS_RULE = 'rule';\r\nexport const OPTS_OTHER_OPTS = 'other_opts';\r\nexport const OPTS_SUBSCRIPTION = 'subscription';\r\nexport const OPTS_OVERALL_STATS = 'overall';\r\nexport const OPTS_OVERLAY_TYPE = 'overlayType';\r\nexport const OPTS_GREEN_BACKGROUND = 'greenBackground';\r\n\r\n// Default values for state\r\nexport const CURRENT_MATCH_DATA = 'current';\r\nexport const OVERALL_DATA = 'overall';\r\nexport const OVERLAY_TYPE_FULL_SCREEN = 'full-screen';\r\nexport const OVERLAY_TYPE_CARD = 'card';\r\nexport const OVERLAY_TYPE_MVP = 'mvp';\r\nexport const DEFAULT_STATE_VALUES = {\r\n [COMPONENT_STATE_OVERALL_STATS]: true,\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: false,\r\n}\r\n\r\n// Player stats component state to opts mapping\r\nexport const PLAYER_STATS_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_PLAYER]: OPTS_ID,\r\n [COMPONENT_STATE_STATS]: OPTS_STATS,\r\n // Info used to retain state between different dashboard instances\r\n [COMPONENT_STATE_TEAM]: COMPONENT_STATE_TEAM,\r\n [COMPONENT_STATE_OVERLAY_TYPE]: OPTS_OVERLAY_TYPE,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Player leadeboard component state to opts mapping\r\nexport const PLAYER_LEADERBOARD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_STATS]: OPTS_STATS,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Team stats component state to opts mapping\r\nexport const TEAM_STATS_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_TEAM]: OPTS_ID,\r\n [COMPONENT_STATE_STATS]: OPTS_STATS,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Team leadeboard component state to opts mapping\r\nexport const TEAM_LEADERBOARD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Live Team leadeboard component state to opts mapping\r\nexport const LIVE_TEAM_LEADERBOARD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n [COMPONENT_STATE_OVERALL_STATS]: OPTS_OVERALL_STATS,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Live Survival leadeboard component state to opts mapping\r\nexport const LIVE_SURVIVAL_LEADERBOARD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n [COMPONENT_STATE_OVERALL_STATS]: OPTS_OVERALL_STATS,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Live Map Teams component state to opts mapping\r\nexport const LIVE_MAP_TEAMS_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Live Team Stats component state to opts mapping\r\nexport const LIVE_TEAM_STATS_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n [COMPONENT_STATE_TEAM]: OPTS_ID,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Live Player Stats component state to opts mapping\r\nexport const LIVE_PLAYER_STATS_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n [COMPONENT_STATE_PLAYER]: OPTS_ID,\r\n [COMPONENT_STATE_TEAM]: COMPONENT_STATE_TEAM,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Live Player Kills component state to opts mapping\r\nexport const LIVE_PLAYER_KILLS_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Live Player Kills and Damage component state to opts mapping\r\nexport const LIVE_PLAYER_KILLS_DAMAGE_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Head to head component state to opts mapping\r\nexport const LIVE_TEAM_HEAD_TO_HEAD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n [COMPONENT_STATE_LEFT_TEAM]: OPTS_HEAD_TO_HEAD_LEFT,\r\n [COMPONENT_STATE_RIGHT_TEAM]: OPTS_HEAD_TO_HEAD_RIGHT,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Player leadeboard component state to opts mapping\r\nexport const LIVE_PLAYER_LEADERBOARD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_SUBSCRIPTION]: OPTS_SUBSCRIPTION,\r\n [COMPONENT_STATE_STATS]: OPTS_STATS,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Head to head component state to opts mapping\r\nexport const TEAM_HEAD_TO_HEAD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_LEFT_TEAM]: OPTS_HEAD_TO_HEAD_LEFT,\r\n [COMPONENT_STATE_RIGHT_TEAM]: OPTS_HEAD_TO_HEAD_RIGHT,\r\n [COMPONENT_STATE_STATS]: OPTS_STATS,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\nexport const PLAYER_HEAD_TO_HEAD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_LEFT_PLAYER]: OPTS_HEAD_TO_HEAD_LEFT,\r\n [COMPONENT_STATE_RIGHT_PLAYER]: OPTS_HEAD_TO_HEAD_RIGHT,\r\n [COMPONENT_STATE_STATS]: OPTS_STATS,\r\n // Info used to retain state between different dashboard instances\r\n [COMPONENT_STATE_LEFT_TEAM]: COMPONENT_STATE_LEFT_TEAM,\r\n [COMPONENT_STATE_RIGHT_TEAM]: COMPONENT_STATE_RIGHT_TEAM,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Current match component state to opts mapping\r\nexport const CURRENT_MATCH_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Todays Winners component state to opts mapping\r\nexport const TODAYS_WINNERS_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_MAP_ROTATION]: COMPONENT_STATE_MAP_ROTATION,\r\n [COMPONENT_STATE_START_TIME]: COMPONENT_STATE_START_TIME,\r\n [COMPONENT_STATE_TIME_BETWEEN_MATCHES]: COMPONENT_STATE_TIME_BETWEEN_MATCHES,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Scoreboard state to opts mapping\r\nexport const SCOREBOARD_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_LEFT_TEAM]: OPTS_HEAD_TO_HEAD_LEFT,\r\n [COMPONENT_STATE_RIGHT_TEAM]: OPTS_HEAD_TO_HEAD_RIGHT,\r\n [COMPONENT_STATE_STATS]: OPTS_STATS,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Map veto state to opts mapping\r\nexport const MAP_VETO_COMPONENT_STATE_TO_OPTS_MAPPING = {\r\n [COMPONENT_STATE_MAPS]: OPTS_MAPS,\r\n [COMPONENT_STATE_RULE]: OPTS_RULE,\r\n [COMPONENT_STATE_LEFT_TEAM]: OPTS_HEAD_TO_HEAD_LEFT,\r\n [COMPONENT_STATE_RIGHT_TEAM]: OPTS_HEAD_TO_HEAD_RIGHT,\r\n // Green background\r\n [COMPONENT_STATE_GREEN_BACKGROUND]: OPTS_GREEN_BACKGROUND,\r\n};\r\n\r\n// Map veto statuses\r\nexport const MAP_VETO_STATUS_PICK_MAP = 'pick-map';\r\nexport const MAP_VETO_STATUS_BAN_MAP = 'ban-map';\r\nexport const MAP_VETO_STATUS_PICK_SIDE = 'pick-side';\r\nexport const MAP_VETO_STATUS_WAIT = 'wait';\r\nexport const MAP_VETO_STATUS_TO_STRING_MAPPING = {\r\n [MAP_VETO_STATUS_PICK_MAP]: 'Pick a map',\r\n [MAP_VETO_STATUS_BAN_MAP]: 'Ban a map',\r\n [MAP_VETO_STATUS_PICK_SIDE]: 'Pick a starting side',\r\n [MAP_VETO_STATUS_WAIT]: 'Wait for the opponent team',\r\n}\r\n\r\n// Map veto sides\r\nexport const MAP_VETO_SIDE_ATTACKERS = 'attackers';\r\nexport const MAP_VETO_SIDE_DEFENDERS = 'defenders';\r\nexport const MAP_VETO_SIDE_COLORS = {\r\n [MAP_VETO_SIDE_DEFENDERS]: '#00ffb9',\r\n [MAP_VETO_SIDE_ATTACKERS]: '#ff4655',\r\n};\r\nexport const MAP_VETO_SIDE_MAPPING = {\r\n left: MAP_VETO_SIDE_ATTACKERS,\r\n right: MAP_VETO_SIDE_DEFENDERS,\r\n};\r\n\r\n// Additional component parameters\r\nexport const MAP_VETO_VETO_STATUS = 'vetoStatus';","import { \r\n CLOSE_MODAL,\r\n OPEN_MODAL,\r\n} from './types';\r\n\r\n/**\r\n * Action for opening modal\r\n */\r\nexport const openModal = (title, content, onConfirm) => ({\r\n type: OPEN_MODAL,\r\n payload: {\r\n title: title,\r\n content: content,\r\n onConfirm: onConfirm,\r\n }\r\n});\r\n\r\n/**\r\n * Action for opening modal\r\n */\r\nexport const closeModal = () => ({\r\n type: CLOSE_MODAL,\r\n});","// Types of action for authenticated user\r\nexport const SET_AUTH_USER = 'SET_AUTH_USER';\r\nexport const UNSET_AUTH_USER = 'UNSET_AUTH_USER';\r\n// Login action\r\nexport const REQUEST_LOGIN = 'REQUEST_LOGIN';\r\n// Get logged in user\r\nexport const REQUEST_LOGGED_IN_USER = 'REQUEST_LOGGED_IN_USER';\r\n// Request tournament organizer token\r\nexport const REQUEST_TOURNAMENT_ORGANIZER_TOKEN = 'REQUEST_TOURNAMENT_ORGANIZER_TOKEN';\r\nexport const REQUEST_TOURNAMENT_ORGANIZER_TOKEN_SUCCESS = 'REQUEST_TOURNAMENT_ORGANIZER_TOKEN_SUCCESS';\r\n// Get user subscription action\r\nexport const REQUEST_USER_SUBSCRIPTION = 'REQUEST_USER_SUBSCRIPTION';\r\nexport const REQUEST_USER_SUBSCRIPTION_PENDING = 'REQUEST_USER_SUBSCRIPTION_PENDING';\r\nexport const REQUEST_USER_SUBSCRIPTION_SUCCESS = 'REQUEST_USER_SUBSCRIPTION_SUCCESS';\r\nexport const REQUEST_USER_SUBSCRIPTION_ERROR = 'REQUEST_USER_SUBSCRIPTION_ERROR';","// Action for requesting team ready\r\nexport const REQUEST_TEAM_READY = 'REQUEST_TEAM_READY';\r\nexport const REQUEST_TEAM_READY_PENDING = 'REQUEST_TEAM_READY_PENDING';\r\nexport const REQUEST_TEAM_READY_SUCCESS = 'REQUEST_TEAM_READY_SUCCESS';\r\nexport const REQUEST_TEAM_READY_ERROR = 'REQUEST_TEAM_READY_ERROR';\r\n// Action for requesting subscription to map veto data\r\nexport const SUBSCRIBE_TO_MAP_VETO_DATA = 'SUBSCRIBE_TO_MAP_VETO_DATA';\r\nexport const SUBSCRIBE_TO_MAP_VETO_DATA_PENDING = 'SUBSCRIBE_TO_MAP_VETO_DATA_PENDING';\r\nexport const SUBSCRIBE_TO_MAP_VETO_DATA_SUCCESS = 'SUBSCRIBE_TO_MAP_VETO_DATA_SUCCESS';\r\nexport const SUBSCRIBE_TO_MAP_VETO_DATA_ERROR = 'SUBSCRIBE_TO_MAP_VETO_DATA_ERROR';\r\n// Action for requesting pick\r\nexport const REQUEST_MAP_VETO_PICK = 'REQUEST_MAP_VETO_PICK';\r\nexport const REQUEST_MAP_VETO_PICK_PENDING = 'REQUEST_MAP_VETO_PICK_PENDING';\r\nexport const REQUEST_MAP_VETO_PICK_SUCCESS = 'REQUEST_MAP_VETO_PICK_SUCCESS';\r\nexport const REQUEST_MAP_VETO_PICK_ERROR = 'REQUEST_MAP_VETO_PICK_ERROR';\r\n// Action for receiving map veto data\r\nexport const SET_MAP_VETO_DATA = 'SET_MAP_VETO_DATA';"],"sourceRoot":""}
{ matches[index] && matches[index].teamName ? 'Winner' : `Match ${ index + currentMatchNumber }`}
\r\n \r\n\r\n { matches[index] && matches[index].teamName ? matches[index].teamName : matchTime }\r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default LastWinnersBody;","import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst height = 50;\r\n\r\nconst Wrapper = styled.div`\r\n width: ${ props => props.rowWidth / 5 }px;\r\n margin-left: ${ props => 2 * props.rowWidth / 5 }px;\r\n overflow: hidden;\r\n background: #3e3e3e;\r\n\r\n img {\r\n margin-top: 2px;\r\n height: 45px;\r\n }\r\n\r\n &.footer-show {\r\n height: 0;\r\n animation: open-footer .75s ease 2.6s forwards;\r\n\r\n @keyframes open-footer {\r\n from {height: 0;}\r\n to {height: ${height}px;}s\r\n }\r\n }\r\n\r\n &.footer-hide {\r\n height: ${height}px;\r\n animation: close-footer .75s ease-in 0s forwards;\r\n\r\n @keyframes close-footer {\r\n from {height: ${height}px;}\r\n to {height: 0px;}\r\n }\r\n }\r\n`;\r\n\r\nfunction PoweredByTwire(props) {\r\n const { rowWidth, show } = props;\r\n\r\n return (\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ElisaPlayerStatsCard;","import React, { Component } from 'react';\r\nimport { getCsgoPlayerImage, getCsgoTeamLogo } from '../../../../../../../util/CommonUtil';\r\nimport { STATS_NAME_MAP } from '../constants';\r\n\r\nimport './ElisaPlayerStatsFullScreen.scss';\r\n\r\nclass ElisaPlayerStatsFullScreen extends Component {\r\n render() {\r\n const { show, player, opts } = this.props;\r\n\r\n return (\r\n \r\n e.target.src = getCsgoTeamLogo('default')}\r\n alt=\"team-logo\"\r\n />\r\n
\r\n | \r\n \r\n \r\n {player.firstName} {player.lastName} \r\n{player.name} \r\n | \r\n \r\n {STATS_NAME_MAP[opts.stats[0].key]}\r\n | \r\n \r\n \r\n | \r\n \r\n \r\n \r\n \r\n \r\n {\r\n opts.stats[0].key === 'hsPercentage' ? \r\n `${Math.round(player[opts.stats[0].key] * 100)} %`\r\n :\r\n Math.round(player[opts.stats[0].key])\r\n } | \r\n
\r\n { STATS_NAME_MAP[s.key] }\r\n | \r\n \r\n \r\n | \r\n \r\n \r\n \r\n \r\n \r\n {\r\n s.key === 'hsPercentage' ?\r\n `${Math.round(parseFloat(player[s.key]) * 100)} %`\r\n :\r\n s.key === 'kD' || s.key === 'kR' ?\r\n `${player[s.key]}`\r\n :\r\n Math.round(player[s.key])\r\n } | \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ElisaPlayerStatsFullScreen;","import React, { Component } from 'react';\r\nimport { getCsgoPlayerImage, getCsgoTeamLogo } from '../../../../../../../util/CommonUtil';\r\nimport { STATS_NAME_MAP } from '../constants';\r\n\r\nimport './ElisaPlayerStatsFullScreenSponsor.scss';\r\n\r\nclass ElisaPlayerStatsFullScreenSponsor extends Component {\r\n render() {\r\n const { show, player, opts } = this.props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n e.target.src = getCsgoPlayerImage('default')}\r\n alt=\"player\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n e.target.src = getCsgoTeamLogo('default')}\r\n alt=\"team-logo\"\r\n />\r\n { player.teamName }\r\n
\r\n \r\n
\r\n { player.firstName } { player.name } { player.lastName }
\r\n\r\n {\r\n opts.stats.map((s, i) => {\r\n return (\r\n
\r\n {STATS_NAME_MAP[s.key]}
\r\n );\r\n })\r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n opts.stats.map((s, i) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })\r\n }\r\n {\r\n s.key === 'hsPercentage' ?\r\n `${Math.round(parseFloat(player[s.key]) * 100)} %`\r\n :\r\n s.key === 'kD' || s.key === 'kR' ?\r\n `${player[s.key]}`\r\n :\r\n Math.round(player[s.key])}
\r\n\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ElisaPlayerStatsFullScreenSponsor;","import React, { Component } from 'react';\r\nimport { OVERLAY_TYPE_CARD, OVERLAY_TYPE_FULL_SCREEN } from '../../../../constants';\r\nimport ElisaPlayerStatsCard from './Card/ElisaPlayerStatsCard';\r\nimport ElisaPlayerStatsFullScreen from './FullScreen/ElisaPlayerStatsFullScreen';\r\nimport ElisaPlayerStatsFullScreenSponsor from './FullScreenSponsor/ElisaPlayerStatsFullScreenSponsor';\r\n\r\nclass ElisaPlayerStats extends Component {\r\n render() {\r\n const { opts } = this.props;\r\n\r\n return (\r\n opts.overlayType && opts.overlayType === OVERLAY_TYPE_CARD ?\r\n \r\n
\r\n \r\n
\r\n \r\n e.target.src = getCsgoPlayerImage('default')}\r\n alt=\"player\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n COOLBET MVP\r\n
\r\n \r\n
\r\n { player.firstName } { player.name } { player.lastName }
\r\n\r\n e.target.src = getCsgoTeamLogo('default')}\r\n alt=\"team-logo\"\r\n />\r\n { player.teamName }\r\n
\r\n \r\n {\r\n opts.stats.map((s, i) => {\r\n return (\r\n
\r\n {STATS_NAME_MAP[s.key]}
\r\n );\r\n })\r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n opts.stats.map((s, i) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })\r\n }\r\n {\r\n s.key === 'hsPercentage' ?\r\n `${Math.round(parseFloat(player[s.key]) * 100)} %`\r\n :\r\n s.key === 'kD' || s.key === 'kR' ?\r\n `${player[s.key]}`\r\n :\r\n Math.round(player[s.key])}
\r\n\r\n
\r\n \r\n
\r\n \r\n No Design\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n player: state.overlay.csgo || {},\r\n overlayDesign: (state.overlay.tournament || {}).overlayDesign,\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n loaded: state.overlay.loaded,\r\n});\r\n\r\nexport default connect(mapStateToProps)(CSGOPlayerStatsOverlay);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Col, Row } from 'reactstrap';\r\nimport ControllerBase from '../../../common/base/controller/ControllerBase';\r\nimport { CSGO_GAME } from '../../../../../util/Games';\r\nimport StatisticsSelect from '../../../common/base/controller/inputs/StatisticsSelect';\r\nimport MatchSelect from '../../../common/base/controller/inputs/MatchSelect';\r\nimport { requestChangeComponent } from '../../../../../redux/dashboard/actions';\r\n\r\nclass CSGOPlayerLeaderboardController extends Component {\r\n render() {\r\n const { component } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ElisaPlayerLeaderboard;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport ElisaPlayerLeaderboard from './elisa/ElisaPlayerLeaderboard';\r\n\r\nconst CSGOPlayerLeaderboardOverlay = (props) => {\r\n const { overlayDesign } = props;\r\n\r\n return (\r\n overlayDesign === 'elisa' ?\r\n \r\n { STATS_NAME_MAP[opts.stats[0].key] }\r\n | \r\n
\r\n { i + 1 }.\r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n \r\n \r\n \r\n {\r\n opts.stats[0].key === 'hsPercentage' ? \r\n `${Math.round(p[opts.stats[0].key] * 100)} %`\r\n :\r\n opts.stats[0].key === 'kD' || opts.stats[0].key === 'kR' ?\r\n p[opts.stats[0].key]\r\n :\r\n Math.round(p[opts.stats[0].key])\r\n } \r\n | \r\n );\r\n })\r\n }\r\n
| \r\n \r\n \r\n | \r\n );\r\n })\r\n }\r\n
\r\n No Design\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n leaderboard: state.overlay.csgo || {},\r\n overlayDesign: (state.overlay.tournament || {}).overlayDesign,\r\n opts: state.overlay.opts,\r\n show: state.overlay.show,\r\n loaded: state.overlay.loaded,\r\n});\r\n\r\nexport default connect(mapStateToProps)(CSGOPlayerLeaderboardOverlay);\r\n","import {\r\n // Component Names\r\n PLAYER_STATS_COMPONENT_NAME,\r\n PLAYER_LEADERBOARD_COMPONENT_NAME,\r\n // Component Types\r\n PLAYER_STATS_COMPONENT_TYPE,\r\n PLAYER_LEADERBOARD_COMPONENT_TYPE,\r\n // State to opts mappings\r\n PLAYER_STATS_COMPONENT_STATE_TO_OPTS_MAPPING,\r\n PLAYER_LEADERBOARD_COMPONENT_STATE_TO_OPTS_MAPPING,\r\n} from '../constants';\r\n\r\n\r\nimport PlayerStatsController from './playerStats/controller/CSGOPlayerStatsController';\r\nimport PlayerStatsOverlay from './playerStats/overlay/CSGOPlayerStatsOverlay';\r\nimport PlayerLeaderboardController from './playerLeaderboard/controller/CSGOPlayerLeaderboardController';\r\nimport PlayerLeaderboardOverlay from './playerLeaderboard/overlay/CSGOPlayerLeaderboardOverlay';\r\n\r\nexport default {\r\n PlayerStats: {\r\n width: 4,\r\n name: PLAYER_STATS_COMPONENT_NAME,\r\n type: PLAYER_STATS_COMPONENT_TYPE,\r\n controller: PlayerStatsController,\r\n overlay: PlayerStatsOverlay,\r\n maxStatistics: 5,\r\n stateOptsMapping: PLAYER_STATS_COMPONENT_STATE_TO_OPTS_MAPPING,\r\n },\r\n PlayerLeaderboard: {\r\n width: 4,\r\n name: PLAYER_LEADERBOARD_COMPONENT_NAME,\r\n type: PLAYER_LEADERBOARD_COMPONENT_TYPE,\r\n controller: PlayerLeaderboardController,\r\n overlay: PlayerLeaderboardOverlay,\r\n maxStatistics: 1,\r\n stateOptsMapping: PLAYER_LEADERBOARD_COMPONENT_STATE_TO_OPTS_MAPPING,\r\n },\r\n};","import React from 'react'\r\nimport { Col, Row } from 'reactstrap'\r\nimport ControllerBase from '../../../common/base/controller/ControllerBase'\r\nimport StatisticsSelect from '../../../common/base/controller/inputs/StatisticsSelect'\r\nimport MatchSelect from '../../../common/base/controller/inputs/MatchSelect'\r\nimport TeamSelect from '../../../common/base/controller/inputs/TeamSelect'\r\nimport PlayerSelect from '../../../common/base/controller/inputs/PlayerSelect'\r\nimport {\r\n COMPONENT_STATE_PLAYER,\r\n COMPONENT_STATE_TEAM,\r\n} from '../../../constants'\r\nimport { VALORANT_GAME } from '../../../../../util/Games'\r\n\r\nconst ValorantPlayerStatsController = (props) => {\r\n const { component } = props\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport styled from 'styled-components'\r\nimport { getPlayerImageByGame, getTeamLogoByGame, numberForDisplay } from '../../../../../../util/CommonUtil'\r\nimport { SlideInAnimation } from '../../../../animations/SlideInAnimation'\r\nimport { Image } from '../../../../helpers/Image'\r\n\r\nfunction PlayerLeaderboard({ show, players, game }) {\r\n const showOnlyMVP = true;\r\n\r\n // playerStats.adr = Math.round((parseFloat(num) + Number.EPSILON) * 100) / 100\r\n\r\n const leaderboard = players.slice(0, 1)\r\n\r\n return (\r\n {(left.score || {}).score}
\r\n{(right.score || {}).score}
\r\n{(left.score || {}).score}
\r\n{(right.score || {}).score}
\r\nGenerate links for team captains
\r\nReset map veto panels
\r\n| \r\n { mapPick.type } \r\n | \r\n );\r\n })\r\n }\r\n