{t(\"entryHistory.title\", \"Entry History\")}

\n {t(\"elementDialog.tabs.schedule.date\", \"Date\")}\n	\n {t(\"elementDialog.tabs.schedule.roundShort\", \"RD\")}\n	\n {t(\n \"elementDialog.tabs.schedule.opponent\",\n \"Opponent\"\n )}\n
\n {fixture.kickoff_time ? (\n \n {formatRawAsLocal(fixture.kickoff_time)}\n \n ) : (\n \n \n \n {t(\n \"elementDialog.tabs.schedule.tbcShort\",\n \"TBC\"\n )}\n \n \n \n )}\n	{fixture.event}	\n \n
	{fixture.event}	\n {t(\"elementDialog.tabs.schedule.none\", \"None\")}\n

RD	GP	PB	GR	TM	TC	OP	OR	kr	#
\n \n RD{eh.event}\n \n	{eh.points}	{eh.points_on_bench}	{eh.rank ? eh.rank.toLocaleString() : \"-\"}	{eh.event_transfers}	{eh.event_transfers_cost}	{eh.total_points}	\n {eh.overall_rank\n ? eh.overall_rank.toLocaleString()\n : \"-\"}\n	{integerToMoney(eh.value, 10)}	{this.movementFromIndex(i)}

\n \n RD{eh.event}\n \n

{eh.points}

{eh.points_on_bench}

{eh.rank ? eh.rank.toLocaleString() : \"-\"}

{eh.event_transfers}

{eh.event_transfers_cost}

{eh.total_points}

\n {eh.overall_rank\n ? eh.overall_rank.toLocaleString()\n : \"-\"}\n

{integerToMoney(eh.value, 10)}

{this.movementFromIndex(i)}

{t(\"entryHistory.date\", \"Date\")}	{t(\"entryHistory.name\", \"Name\")}	{t(\"entryHistory.active\", \"Active\")}
\n {formatRawAsLocalI18n(\n ch.time,\n dateLocales[i18n.language]\n )}\n	{getChipName(ch.name as ChipName, t)}	\n \n RD{ch.event}\n \n

{t(\"entryHistory.date\", \"Date\")}

{t(\"entryHistory.name\", \"Name\")}

{t(\"entryHistory.active\", \"Active\")}

\n {formatRawAsLocalI18n(\n ch.time,\n dateLocales[i18n.language]\n )}\n

{getChipName(ch.name as ChipName, t)}

\n \n RD{ch.event}\n \n

{t(\"entryHistory.season\", \"Season\")}	{t(\"entryHistory.points\", \"Points\")}	{t(\"entryHistory.Rank\", \"Rank\")}
{sh.season_name}	{sh.total_points}	{sh.rank}

{t(\"entryHistory.season\", \"Season\")}

{t(\"entryHistory.points\", \"Points\")}

{t(\"entryHistory.Rank\", \"Rank\")}

{sh.season_name}

{sh.total_points}

{sh.rank}

{t(\"elementExplainDialog.stat\", \"Statistic\")}	{t(\"elementExplainDialog.value\", \"Value\")}	{t(\"elementExplainDialog.points\", \"Points\")}
{statsByIdentifier[stat.identifier].label}	{stat.value}	{stat.points}

{t(\"elementExplainDialog.stat\", \"Statistic\")}

{t(\"elementExplainDialog.value\", \"Value\")}

{t(\"elementExplainDialog.points\", \"Points\")}

{statsByIdentifier[stat.identifier].label}

{stat.value}

{stat.points}

;\n};\n\nexport default AutoJoin;\n","import { Link } from \"@reach/router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Box } from \"rebass/styled-components\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport Title from \"../Title\";\n\nconst Create: React.FC = () => {\n const { t } = useTranslation();\n return (\n \n \n

\n \n

\n \n \n \n \n \n {t(\"createLeagues.title\", \"Choose a league type to create\")}\n \n \n \n \n \n {t(\"createLeagues.classic.title\", \"Classic scoring\")}\n

\n {t(\n \"createLeagues.classic.p1\",\n \"In a league with classic scoring, teams are ranked based on their total points in the game. You can join or leave a league with classic scoring at any point during the season.\"\n )}\n

\n \n \n \n \n {t(\"createLeagues.h2H.title\", \"Head-to-Head scoring\")}\n

\n {t(\n \"createLeagues.h2H.p0\",\n \"In a league with head-to-head scoring, every team plays a match against another team in the league each Round. The match result is based on the Round score of each team minus any transfer points spent preparing for the Round.\"\n )}\n

\n {t(\n \"createLeagues.h2H.p1\",\n \"The Head-to-Head schedule is generated at the start of the league's first Round. Once the schedule has been generated the league is locked and teams will not be able to join or leave.\"\n )}\n

\n );\n};\n\nexport default Create;\n","import React from \"react\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { IError, RootState, ThunkDispatch } from \"../../core/store\";\nimport { getEvents } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport { getCreateClassicLeagueError } from \"../../core/store/leagues/reducers\";\nimport { createClassicLeague } from \"../../core/store/leagues/thunks\";\nimport { ICreateClassicLeagueData } from \"../../core/store/leagues/types\";\nimport Button from \"../Button\";\nimport Collapsible from \"../Collapsible\";\nimport Copy from \"../Copy\";\nimport { FieldWrap, InputField, SelectField } from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport Title from \"../Title\";\n\ninterface IPropsFromState {\n error: IError | null;\n events: IEvent[];\n settings: ISettings | null;\n}\n\ninterface IPropsFromDispatch {\n createClassicLeague: (data: ICreateClassicLeagueData) => void;\n}\n\ntype Props = WithTranslation & IPropsFromState & IPropsFromDispatch;\n\ninterface IState {\n name: string;\n startEvent: number;\n}\n\nclass CreateClassic extends React.Component {\n public state: IState = {\n name: \"\",\n startEvent: 1,\n };\n\n public requiredFields: Array = [\"name\", \"startEvent\"];\n\n public apiDataFromState = (): ICreateClassicLeagueData => ({\n name: this.state.name,\n start_event: this.state.startEvent,\n });\n\n public handleNameChange = (e: React.FormEvent) =>\n this.setState({ name: e.currentTarget.value });\n\n public handleStartEventChange = (e: React.FormEvent) =>\n this.setState({ startEvent: parseInt(e.currentTarget.value, 10) });\n\n public handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n this.props.createClassicLeague(this.apiDataFromState());\n };\n\n public render() {\n const { error, events, settings, t } = this.props;\n const disabled = this.requiredFields.some((e) => !this.state[e]);\n return (\n \n );\n }\n}\n\nexport { CreateClassic as CreateClassicTest };\n\nconst mapStateToProps = (state: RootState) => ({\n error: getCreateClassicLeagueError(state),\n events: getEvents(state),\n settings: getSettings(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n createClassicLeague: (data: ICreateClassicLeagueData) =>\n dispatch(createClassicLeague(data)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(CreateClassic)\n);\n","import range from \"lodash/range\";\nimport React from \"react\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { IError, RootState, ThunkDispatch } from \"../../core/store\";\nimport { getFutureEvents } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport { getCreateH2HLeagueError } from \"../../core/store/leagues/reducers\";\nimport { createH2HLeague } from \"../../core/store/leagues/thunks\";\nimport { ICreateH2HLeagueData } from \"../../core/store/leagues/types\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { FieldWrap, InputField, SelectField } from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\n\ninterface IPropsFromState {\n error: IError | null;\n events: IEvent[];\n settings: ISettings;\n}\n\ninterface IPropsFromDispatch {\n createH2HLeague: (data: ICreateH2HLeagueData) => void;\n}\n\ntype Props = WithTranslation & IPropsFromState & IPropsFromDispatch;\n\ninterface IState {\n koRounds: number;\n maxEntries: number;\n name: string;\n startEvent: number;\n}\n\nclass CreateH2H extends React.Component\n \n

\n \n

\n \n {error ? (\n error.badRequest &&\n error.badRequest.non_field_errors &&\n error.badRequest.non_field_errors[0].code ===\n \"max_private_entries\" ? (\n \n ) : (\n \n )\n ) : (\n \"\"\n )}\n \n {t(\"createClassic.title\", \"Create a new classic league & cup\")}\n

\n {t(\n \"createClassic.error\",\n \"You may only enter {{ maxPrivateEntries }} private leagues\",\n {\n maxPrivateEntries:\n settings && settings.league_join_private_max,\n }\n )}\n

{JSON.stringify(error)}

\n \n \n \n \n \n \n \n \n \n {events.map((e) => (\n \n {e.name}\n \n ))}\n \n \n \n {t(\"createClassic.theCup\", \"The Cup\")}

\n {t(\n \"createClassic.theCupExplain\",\n \"League cups are now included in Private Classic Leagues. The League Cups will start in the second half of the season dependent on the size of your league and will conclude in Round 30.\"\n )}\n

\n \n \n \n \n \n

\n {t(\n \"createClassic.theCupHowExplain\",\n \"In the first round of the cup each qualifying team will be randomly drawn against another. The winner (the team with the highest Round score minus any transfer points), will progress to the second round of the cup and another random draw. The loser will be eliminated from the cup. This process continues until the final round of the cup when there will only be two teams remaining.\"\n )}\n

\n {t(\n \"createClassic.theCupHowExplain1\",\n \"In the case of a draw, then the following tie-breaks will be applied until a winner is found:\"\n )}\n

\n \n \n \n

\n {t(\n \"createClassic.theCupHowExplain2\",\n \"Most goals scored in the round\"\n )}\n

\n {t(\n \"createClassic.theCupHowExplain3\",\n \"Fewest goals conceded in the round\"\n )}\n

\n {t(\"createClassic.theCupHowExplain4\", \"Virtual coin toss\")}\n

{\n public requiredFields: Array = [\"name\", \"startEvent\"];\n\n public constructor(props: Props) {\n super(props);\n this.state = {\n koRounds: 0,\n maxEntries: 0,\n name: \"\",\n startEvent: props.events.length ? props.events[0].id : 1,\n };\n }\n\n public maximumKoRounds = () => {\n const remainingEvents = this.props.events.length;\n if (remainingEvents <= 1) {\n return 0;\n }\n return Math.min(\n this.props.settings.league_max_ko_rounds_private_h2h,\n remainingEvents - 1\n );\n };\n\n public minimumSize = (koRounds: number) =>\n this.state.koRounds ? Math.pow(2, koRounds) : 2;\n\n public validStartingEvents = (koRounds: number) =>\n koRounds ? this.props.events.slice(0, -koRounds) : this.props.events;\n\n public apiDataFromState = (): ICreateH2HLeagueData => ({\n ko_rounds: this.state.koRounds || null,\n max_entries: this.state.maxEntries || null,\n name: this.state.name,\n start_event: this.state.startEvent,\n });\n\n public handleNameChange = (e: React.FormEvent) =>\n this.setState({ name: e.currentTarget.value });\n\n public handleStartEventChange = (e: React.FormEvent) =>\n this.setState({ startEvent: parseInt(e.currentTarget.value, 10) });\n\n public handleMaxEntriesChange = (e: React.FormEvent) =>\n this.setState({ maxEntries: parseInt(e.currentTarget.value, 10) });\n\n public handleKoRoundsChange = (e: React.FormEvent) => {\n const koRounds = parseInt(e.currentTarget.value, 10);\n const minimumSize = this.minimumSize(koRounds);\n const events = this.validStartingEvents(koRounds);\n this.setState({\n koRounds,\n maxEntries: this.state.maxEntries\n ? Math.max(minimumSize, this.state.maxEntries)\n : 0,\n startEvent: Math.min(events[events.length - 1].id, this.state.startEvent),\n });\n };\n\n public handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n this.props.createH2HLeague(this.apiDataFromState());\n };\n\n public render() {\n const { error, events, settings, t } = this.props;\n if (!events.length) {\n return null;\n }\n const disabled = this.requiredFields.some((e) => !this.state[e]);\n return (\n \n );\n }\n}\n\nexport { CreateH2H as CreateH2HTest };\n\nconst mapStateToProps = (state: RootState) => ({\n error: getCreateH2HLeagueError(state),\n events: getFutureEvents(state),\n settings: getSettings(state) as ISettings,\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n createH2HLeague: (data: ICreateH2HLeagueData) =>\n dispatch(createH2HLeague(data)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(CreateH2H)\n);\n","import { Link } from \"@reach/router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport TextDivider from \"../TextDivider\";\nimport Title from \"../Title\";\n\nconst CreateJoin: React.FC = () => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nexport default CreateJoin;\n","import { RouteComponentProps } from \"@reach/router\";\nimport React, { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport styled from \"styled-components\";\nimport { Box } from \"rebass/styled-components\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getLeagueCupStatus } from \"../../core/store/leagues/reducers\";\nimport { fetchLeagueCupStatus } from \"../../core/store/leagues/thunks\";\nimport BoldLink from \"../BoldLink\";\nimport Copy from \"../Copy\";\nimport { Main, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport Title from \"../Title\";\n\nconst StyledMain = styled(Main)`\n width: 100%;\n padding: ${({ theme }) => `${theme.space[4]} ${theme.space[2]}`};\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding: ${({ theme }) => `${theme.space[8]} ${theme.space[4]}`};\n }\n`;\n\nconst StyledSubheading = styled(SubHeading)`\n margin: ${({ theme }) => `${theme.space[8]} ${theme.space[0]}`};\n`;\n\nconst StyledParagraph = styled.p`\n padding-top: ${({ theme }) => theme.space[4]};\n`;\n\ntype OwnProps = RouteComponentProps<{ leagueId: string }>;\n\nconst CupNotStarted: React.FC\n \n

\n \n

\n \n {error ? (\n error.badRequest &&\n error.badRequest.non_field_errors &&\n error.badRequest.non_field_errors[0].code ===\n \"max_private_entries\" ? (\n \n ) : (\n \n )\n ) : (\n \"\"\n )}\n \n \n {t(\"createH2H.title\", \"Create a new head-to-head league\")}\n

\n {t(\n \"createH2H.errors.maxPrivateEntry\",\n \"You may only enter {{ maxPrivateEntries }} private leagues\",\n {\n maxPrivateEntries:\n settings && settings.league_join_private_max,\n }\n )}\n

{JSON.stringify(error)}

\n \n \n \n {this.validStartingEvents(this.state.koRounds).map((e) => (\n \n {e.name}\n \n ))}\n \n \n \n \n {range(\n this.minimumSize(this.state.koRounds),\n settings.league_max_size_private_h2h + 1\n ).map((num) => (\n \n {num}\n \n ))}\n \n \n \n \n {range(1, this.maximumKoRounds() + 1).map((num) => (\n \n {num}\n \n ))}\n \n \n \n \n \n

\n \n

\n \n \n \n \n \n \n \n \n {t(\"createJoin.title\", \"Create and join leagues\")}\n {t(\"createJoin.joinLeague.title\", \"Join a League & cup\")}\n

\n {t(\n \"createJoin.joinLeague.p1\",\n \"Join a private or public league to compete against friends and other game players.\"\n )}\n

{t(\"createJoin.or\", \"or\")}\n {t(\"createJoin.createLeague.title\", \"Create a new league & cup\")}\n

\n {t(\n \"createJoin.createLeague.p1\",\n \"Create a private league to compete against friends.\"\n )}\n

= ({ leagueId }) => {\n const leagueNumber = Number(leagueId!) || 0;\n const { t } = useTranslation();\n\n const cupStatus = useSelector((state: RootState) =>\n leagueNumber ? getLeagueCupStatus(state, leagueNumber) : null\n );\n\n const reduxDispatch = useDispatch();\n\n useEffect(() => {\n leagueNumber &&\n !cupStatus &&\n reduxDispatch(fetchLeagueCupStatus(leagueNumber));\n }, [leagueNumber, cupStatus, reduxDispatch]);\n\n if (!cupStatus) {\n return null;\n }\n\n return (\n \n );\n};\n\nexport default CupNotStarted;\n","import { RouteComponentProps } from \"@reach/router\";\nimport { TFunction } from \"i18next\";\nimport React, { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport useClipboard from \"react-use-clipboard\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getLeagueForEntry } from \"../../core/store/entries/reducers\";\nimport { fetchEntrySummary } from \"../../core/store/entries/thunks\";\nimport { ILeagueEntry } from \"../../core/store/entries/types\";\nimport { getCode } from \"../../core/store/leagues/reducers\";\nimport { fetchLeagueCode } from \"../../core/store/leagues/thunks\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { ILoggedInPlayer } from \"../../core/store/player/types\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\n\nconst LeagueInvite = styled.div`\n margin-bottom: ${({ theme }) => theme.space[4]};\n padding: ${({ theme }) => theme.space[2]};\n background-color: ${({ theme }) => theme.colors.primary};\n color: ${({ theme }) => theme.colors.blue};\n font-size: ${({ theme }) => theme.space[4]};\n text-align: center;\n`;\n\nconst LeagueInviteCode = styled.strong`\n margin-left: ${({ theme }) => theme.space[1]};\n color: ${({ theme }) => theme.colors.black};\n`;\n\nconst Hr = styled.hr`\n border: 0;\n height: 1px;\n margin-top: 23px;\n margin-bottom: 23px;\n background-color: ${({ theme }) => theme.colors.grey};\n`;\n\nconst inviteMessage = (code: string, leagueName: string, t: TFunction) => [\n t(\"invite.inviteMsg1\", \"Hi\"),\n t(\n \"invite.inviteMsg2\",\n `I'm playing Fantasy Eliteserien in a league called ${leagueName}.`,\n {\n leagueName,\n }\n ),\n t(\"invite.inviteMsg3\", \"Why not join me?\"),\n `${window.location.origin}/leagues/auto-join/${code}`,\n t(\"invite.inviteMsg4\", `The code to join this league is: ${code}`, {\n code: code,\n }),\n t(\"invite.inviteMsg5\", \"Enjoy the game!\"),\n];\n\ntype OwnProps = RouteComponentProps<{ leagueId: string }>;\n\ninterface IPropsFromState {\n code: string | null;\n entryId: number;\n leagueNumber: number;\n league: ILeagueEntry | null;\n}\n\ninterface IPropsFromDispatch {\n fetchCode: (leagueId: number) => void;\n fetchEntrySummary: (entryId: number) => void;\n}\n\ntype Props = OwnProps & IPropsFromState & IPropsFromDispatch;\n\nconst Invite: React.FC\n \n \n \n \n \n\n \n\n {cupStatus.qualification_event ? (\n <>\n \n {cupStatus.has_byes ? (\n <>\n \n\n \n \n\n \n \n \n \n ) : (\n <>\n \n\n \n \n \n \n )}\n \n ) : (\n \n )}\n {cupStatus.name}\n \n \n {t(\"cupNotStarted.standings\", \"View league standings\")}\n \n {t(\n \"cupNotStarted.starts\",\n \"The Cup is scheduled to start in RD {{ round }}\",\n { round: cupStatus.qualification_event + 1 }\n )}\n

\n {t(\n \"cupNotStarted.fixtures\",\n \"Fixtures will be determined at the end of Round {{ round }}\",\n { round: cupStatus.qualification_event }\n )}{\" \"}\n {cupStatus.qualification_numbers > 2 && (\n <>\n {t(\n \"cupNotStarted.qualify1\",\n \"If there are {{ qualification_numbers }} teams in the associated league, then each team will have an opponent in Round {{ qualification_event }}.\",\n {\n qualification_numbers:\n cupStatus.qualification_numbers,\n qualification_event:\n cupStatus.qualification_event + 1,\n }\n )}\n {cupStatus.qualification_numbers === 4 &&\n t(\n \"cupNotStarted.qualify2\",\n \"If there are 3 teams in the league, 1 team will receive a bye in Round {{ qualification_event_plus }} based on their score in Round {{ qualification_event_plus }}\",\n {\n qualification_event_plus:\n cupStatus.qualification_event + 1,\n qualification_event:\n cupStatus.qualification_event,\n }\n )}{\" \"}\n {t(\n \"cupNotStarted.qualify3\",\n \"If there are between {{ qualification_numbers_div }} and {{ qualification_numbers_min }} teams in the league, some teams will receive a bye in Round {{ qualification_numbers_plus }} based on their score in Round {{ qualification_event }}\",\n {\n qualification_numbers_div:\n cupStatus.qualification_numbers / 2 + 1,\n qualification_numbers_min:\n cupStatus.qualification_numbers - 1,\n qualification_numbers_plus:\n cupStatus.qualification_event + 1,\n qualification_event: cupStatus.qualification_event,\n }\n )}\n \n )}\n

\n {t(\n \"cupNotStarted.qualify4\",\n \"The starting round of the cup is determined by the number of teams in the associated league and the final will be contested in Round 30.\"\n )}\n

\n {t(\n \"cupNotStarted.qualify5\",\n \"You will not be entered into the cup if you have joined the league after the Round prior to the cup starting.\"\n )}\n

\n {t(\"cupNotStarted.qualify6\", \"How the cup works\")}\n

\n {t(\n \"cupNotStarted.qualify7\",\n \"Each team will be randomly drawn against another unless they have received a bye. The winner (the team with the highest Round score minus any transfer points), will progress to the process continues until the final round when the two remaining teams contest the cup final. If a cup match is drawn, then the following tie-breaks will be applied until a winner is found:\"\n )}\n

\n \n \n \n

\n {t(\n \"cupNotStarted.qualify8\",\n \"Most goals scored in the Round\"\n )}\n

\n {t(\n \"cupNotStarted.qualify9\",\n \"Fewest goals conceded in the Round\"\n )}\n

{t(\"cupNotStarted.qualify10\", \"Virtual coin toss\")}

\n {t(\n \"cupNotStarted.qualify11\",\n \"The top {{qualification_numbers}} ranked managers in Round {{qualification_event}} will be entered into the first round of the cup in Round {{qualification_numbers_plus}}. The final will be contested in Round 30.\",\n {\n qualification_numbers: cupStatus.qualification_numbers,\n qualification_event: cupStatus.qualification_event,\n qualification_numbers_plus:\n cupStatus.qualification_event + 1,\n }\n )}\n

\n {t(\"cupNotStarted.qualify12\", \"How the cup works\")}\n

\n {t(\n \"cupNotStarted.qualify13\",\n \"Each qualifying team will be randomly drawn against another in the first round. The winner (the team with the highest Round score minus any transfer points), will progress to the second round and another random draw, the losers are out! This process continues until the final round when the two remaining teams contest the cup final. If a cup match is drawn, then the following tie-breaks will be applied until a winner is found:\"\n )}\n

\n \n \n \n

\n {t(\n \"cupNotStarted.qualify14\",\n \"Most goals scored in the Round\"\n )}\n

\n {t(\n \"cupNotStarted.qualify15\",\n \"Fewest goals conceded in the Round\"\n )}\n

{t(\"cupNotStarted.qualify16\", \"Virtual coin toss\")}

\n {t(\n \"cupNotStarted.qualify17\",\n \"There is no information available for this cup yet.\"\n )}\n = ({\n code,\n league,\n leagueNumber,\n entryId,\n fetchCode,\n fetchEntrySummary,\n}) => {\n const { t } = useTranslation();\n const codeToCopy = code ? code : \"\";\n const leagueName = league ? league.name : \"\";\n const message = inviteMessage(codeToCopy, leagueName, t);\n const emailText = message ? message.join(\"\\n\\n\") : \"\";\n const emailBody = encodeURIComponent(emailText);\n const emailSubject = t(\"invite.emailSubject\", \"Play Eliteserien Fantasy\");\n const encodedEmailSubject = encodeURI(emailSubject);\n const joinUrl = `${window.location.origin}/leagues/auto-join/${code}`;\n const [isCopied, setCopied] = useClipboard(codeToCopy, {\n successDuration: 500,\n });\n const [isCopiedUrl, setCopiedUrl] = useClipboard(joinUrl, {\n successDuration: 500,\n });\n const [isCopiedEmail, setCopiedEmail] = useClipboard(emailText, {\n successDuration: 500,\n });\n\n useEffect(() => {\n if (leagueNumber) {\n fetchCode(leagueNumber);\n }\n\n fetchEntrySummary(entryId);\n }, [leagueNumber, entryId, fetchCode, fetchEntrySummary]);\n\n if (!codeToCopy || !leagueNumber || !league) {\n return null;\n }\n\n return (\n \n );\n};\n\nexport { Invite as InviteTest };\n\nconst mapStateToProps = (\n state: RootState,\n ownProps: OwnProps\n): IPropsFromState => {\n const player = getPlayerData(state) as ILoggedInPlayer; // enforced by EntryRoute\n const entry = player.entry;\n const leagueNumber =\n ownProps.leagueId && parseInt(ownProps.leagueId, 10)\n ? parseInt(ownProps.leagueId, 10)\n : 0;\n return {\n code: leagueNumber ? getCode(state, leagueNumber) : null,\n league: leagueNumber ? getLeagueForEntry(state, entry, leagueNumber) : null,\n leagueNumber,\n entryId: entry,\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchCode: (leagueId: number) => dispatch(fetchLeagueCode(leagueId)),\n fetchEntrySummary: (entryId: number) => dispatch(fetchEntrySummary(entryId)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Invite);\n","import { Link } from \"@reach/router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport { RootState } from \"../../core/store\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport Title from \"../Title\";\n\ninterface IPropsFromState {\n settings: ISettings | null;\n}\n\nconst Join: React.FC\n \n

\n \n

\n \n \n\n \n\n \n\n \n\n \n\n \n {t(\"invite.title\", \"Invite players to join\")} {leagueName}\n \n {t(\"invite.codeToJoin\", \"Code to join this league\")}:\n \n \n {isCopied ? t(\"invite.copied\", \"Copied!\") : codeToCopy}\n

\n {t(\n \"invite.description1\",\n \"When you click the link below, the link will attempt to open your default email program and start a new email.\"\n )}\n

\n {t(\n \"invite.description2\",\n \"If you do not have a default email program, like Outlook or Mail, enabled on your computer, clicking the link may not result in any action or you may be prompted to set up an email program.\"\n )}\n

\n (window.location.href = `mailto:?to=&subject=${encodedEmailSubject}&body=${emailBody}`)\n }\n >\n {t(\"invite.byEmailButton\", \"Share league code by email\")}{\" \"}\n \n \n\n \n\n \n\n \n\n \n

\n {t(\n \"invite.description3\",\n \"If you use a browser based webmail application, like Gmail or Yahoo!, you can copy and paste the text below:\"\n )}\n

\n {message.map((line) => (\n \n ))}\n

{line}

= ({ settings }) => {\n const { t } = useTranslation();\n if (!settings) {\n return null;\n }\n return (\n \n );\n};\n\nexport { Join as JoinTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n settings: getSettings(state),\n});\n\nexport default connect(mapStateToProps)(Join);\n","import { navigate } from \"@reach/router\";\nimport React from \"react\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport { IError, RootState, ThunkDispatch } from \"../../core/store\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport {\n getJoinPrivateLeagueError,\n getJoinPrivateLeagueSuccess,\n} from \"../../core/store/leagues/reducers\";\nimport { joinPrivateLeague } from \"../../core/store/leagues/thunks\";\nimport { IJoinPrivateLeagueData } from \"../../core/store/leagues/types\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { FieldWrap, InputField } from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\nimport { getErrorType } from \"./errors\";\nimport JoinLeagueError from \"./JoinLeagueError\";\n\ninterface IState {\n code: string;\n}\n\ninterface IPropsFromState {\n error: IError | null;\n settings: ISettings;\n hasJoinedPrivate: boolean;\n}\n\ninterface IPropsFromDispatch {\n joinPrivateLeague: (data: IJoinPrivateLeagueData) => void;\n}\n\ntype Props = WithTranslation & IPropsFromState & IPropsFromDispatch;\n\nclass JoinPrivate extends React.Component\n \n

\n \n

\n \n \n \n \n \n \n {t(\"join.title\", \"Choose a league type to join\")}

\n {t(\n \"join.p1\",\n \"You can join up to {{ maxPrivateLeagues }} private leagues and {{ maxPublicLeagues }} public leagues.\",\n {\n maxPrivateLeagues: settings.league_join_private_max,\n maxPublicLeagues: settings.league_join_public_max,\n }\n )}\n

\n \n \n\n \n \n {t(\"join.private.title\", \"Private leagues & cups\")}\n

\n {t(\n \"join.private.p1\",\n \"Join a private league if somebody has given you a league code to enter.\"\n )}\n

{t(\"join.public.title\", \"Public leagues\")}

\n {t(\n \"join.public.p1\",\n \"Join a public league to play against a small, randomly selected group of other game players.\"\n )}\n

{\n public state = { code: \"\" };\n\n public apiDataFromState = (): IJoinPrivateLeagueData => ({\n code: this.state.code,\n });\n\n public handleCodeChange = (e: React.FormEvent) =>\n this.setState({ code: e.currentTarget.value });\n\n public handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n this.props.joinPrivateLeague(this.apiDataFromState());\n };\n\n public render() {\n const disabled = !this.state.code;\n const error = getErrorType(this.props.error);\n const { settings, t, hasJoinedPrivate } = this.props;\n\n if (hasJoinedPrivate) {\n navigate(\"/leagues\");\n return null;\n }\n\n return (\n \n );\n }\n}\n\nexport { JoinPrivate as JoinPrivateTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n error: getJoinPrivateLeagueError(state),\n settings: getSettings(state) as ISettings,\n hasJoinedPrivate: getJoinPrivateLeagueSuccess(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n joinPrivateLeague: (data: IJoinPrivateLeagueData) =>\n dispatch(joinPrivateLeague(data)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(JoinPrivate)\n);\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport { IError, RootState, ThunkDispatch } from \"../../core/store\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport { getJoinPublicLeagueError } from \"../../core/store/leagues/reducers\";\nimport { joinPublicLeague } from \"../../core/store/leagues/thunks\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { Main, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport Title from \"../Title\";\n\ninterface IPropsFromState {\n error: IError | null;\n settings: ISettings;\n}\n\ninterface IPropsFromDispatch {\n joinPublicLeagueClassic: () => void;\n joinPublicLeagueH2H: () => void;\n}\n\ntype Props = IPropsFromState & IPropsFromDispatch;\n\nconst JoinPublic: React.FC\n \n

\n \n

\n \n {error && (\n \n )}\n \n {t(\"joinPrivate.title\", \"Join private league & cup\")}\n \n \n {settings && (\n \n )}\n \n \n \n \n = ({\n error,\n joinPublicLeagueClassic,\n joinPublicLeagueH2H,\n settings,\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nexport { JoinPublic as JoinPublicTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n error: getJoinPublicLeagueError(state),\n settings: getSettings(state) as ISettings,\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n joinPublicLeagueClassic: () => dispatch(joinPublicLeague({ scoring: \"c\" })),\n joinPublicLeagueH2H: () => dispatch(joinPublicLeague({ scoring: \"h\" })),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(JoinPublic);\n","import { Link } from \"@reach/router\";\nimport * as React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\n\ninterface IArrowProps {\n variant?: string;\n disabled?: boolean;\n}\n\nconst ButtonLinkStyles = css\n \n

\n \n

\n \n {error ? (\n error.badRequest &&\n error.badRequest.non_field_errors &&\n error.badRequest.non_field_errors[0].code ===\n \"public_league_max_exceeded\" ? (\n \n ) : (\n \n )\n ) : (\n \"\"\n )}\n \n\n \n \n \n \n {t(\"joinPublic.title\", \"Join public league\")}\n \n \n {t(\n \"joinPublic.error\",\n \"You may only enter {{ publicLeagueMax }} public leagues\",\n { publicLeagueMax: settings.league_join_public_max }\n )}\n

{JSON.stringify(error)}

\n \n \n

\n {t(\n \"joinPublic.p1\",\n \"Public leagues allow you to compete against {{ maxSizePublicClassic }} randomly assigned game players in a classic league and up to {{ maxSizePublicH2H }} in head-to-head leagues. You can join up to {{ leagueJoinPublicMax }} public leagues.\",\n {\n maxSizePublicClassic: settings.league_max_size_public_classic,\n maxSizePublicH2H: settings.league_max_size_public_h2h,\n leagueJoinPublicMax: settings.league_join_public_max,\n }\n )}\n

\n \n

\n {t(\n \"joinPublic.p2\",\n \"Note, you can't remove your team from a public league after the league has started, once the challenge is on there's no quitting.\"\n )}\n \n \n \n \n \n {t(\"joinPublic.classic.title\", \"Classic scoring\")}\n

\n {t(\n \"joinPublic.classic.p1\",\n \"In a league with classic scoring, teams are ranked based on their total points in the game. You can join or leave a league with classic scoring at any point during the season\"\n )}\n

\n {t(\"joinPublic.h2H.button\", \"Head-to-Head scoring\")}\n

\n {t(\n \"joinPublic.h2H.p1\",\n \"In a league with head-to-head scoring, every team plays a match against another team in the league each Round. The match result is based on the Round score of each team minus any transfer points spent preparing for the Round.\"\n )}\n

`\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.space[3]};\n border: 0;\n border-radius: 4px;\n font-size: ${({ theme }) => theme.fontSizes[1]};\n background-color: ${({ theme }) => theme.colors.primary};\n color: ${({ theme }) => theme.colors.black};\n text-decoration: none;\n\n ${(props) =>\n props.variant === \"secondary\" &&\n css`\n background: ${({ theme }) => theme.colors.greyDarker2};\n color: #333;\n `}\n`;\n\nexport const ButtonHyperlink = styled.a`\n ${ButtonLinkStyles}\n`;\n\nconst StyledButtonLink = styled(Link)`\n ${ButtonLinkStyles}\n`;\n\nexport const ButtonLinkCenter = styled.span`\n flex: 1;\n text-align: center;\n`;\n\ninterface IProps {\n onClick?: () => void;\n to: string;\n children: React.ReactNode;\n variant?: string;\n disabled?: boolean;\n}\n\ntype Props = IProps;\n\nconst ButtonLink: React.FC = ({\n children,\n onClick,\n to,\n variant = \"primary\",\n disabled = false,\n}) => (\n \n {children}\n \n);\n\nexport default ButtonLink;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { IEntryInLeague } from \"../../core/store/leagues/types\";\nimport { SelectField } from \"../FieldRenderers\";\nimport { SelectBox } from \"./Styles\";\n\ninterface IProps {\n entryId: number;\n handleFilterChange: (e: React.ChangeEvent) => void;\n leagueEntries: IEntryInLeague[];\n}\n\nconst H2HEntryFilter: React.FC = ({\n entryId,\n handleFilterChange,\n leagueEntries,\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nexport default H2HEntryFilter;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { getEvents } from \"../../core/store/events/reducers\";\nimport { SelectField } from \"../FieldRenderers\";\nimport { SelectBox } from \"./Styles\";\n\ninterface IProps {\n eventId: number;\n handleFilterChange: (e: React.ChangeEvent\n \n \n {leagueEntries\n .sort((a, b) => a.entry_name.localeCompare(b.entry_name))\n .map((e) => (\n \n ))}\n \n ) => void;\n startEvent: number | null;\n}\n\nconst H2HEventFilter: React.FC = ({\n eventId,\n handleFilterChange,\n startEvent,\n}) => {\n const { t } = useTranslation();\n const events = useSelector(getEvents);\n\n if (!startEvent) {\n return null;\n }\n return (\n \n );\n};\n\nexport default H2HEventFilter;\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCog(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M24,10.295858 L24,13.7651471 C24,13.8898242 23.9583351,14.0095008 23.8750052,14.124177 C23.7916753,14.2388532 23.6873464,14.3065255 23.5620182,14.3271939 L20.6711387,14.7652304 C20.473147,15.327944 20.2701554,15.8019835 20.0621641,16.1873489 C20.4268155,16.708059 20.9841257,17.4267856 21.7340944,18.3435286 C21.8380901,18.4682057 21.8900879,18.5985499 21.8900879,18.7345612 C21.8900879,18.8705725 21.8430899,18.9902492 21.7490938,19.0935911 C21.4677722,19.4789566 20.952127,20.0413368 20.2021582,20.7807317 C19.4521895,21.5201267 18.9625432,21.8898242 18.7332194,21.8898242 C18.608558,21.8898242 18.4732303,21.8428202 18.3272364,21.7488124 L16.1713262,20.0616718 C15.7126786,20.3010251 15.2386984,20.4990416 14.7493854,20.6557213 C14.5827257,22.072506 14.431732,23.0412534 14.2964043,23.5619635 C14.2237407,23.8539878 14.0364151,24 13.7344277,24 L10.2655723,24 C10.1195784,24 9.991917,23.955663 9.88258823,23.8669889 C9.77325945,23.7783149 9.71326195,23.6663055 9.70259573,23.5309609 L9.26461397,20.6557213 C8.75396858,20.4890408 8.28532144,20.296358 7.85867256,20.0776731 L5.65576434,21.7498125 C5.55176868,21.8438203 5.42144077,21.8908242 5.26478063,21.8908242 C5.11878672,21.8908242 4.98845881,21.8334861 4.87379693,21.7188099 C3.56118495,20.5313776 2.70188742,19.6563047 2.29590434,19.0935911 C2.2232407,18.9895825 2.18690888,18.8699058 2.18690888,18.7345612 C2.18690888,18.6098842 2.22857381,18.4902075 2.31190367,18.3755313 C2.46789717,18.1568464 2.73355277,17.8104842 3.10887046,17.3364447 C3.48418816,16.8624052 3.76550977,16.4950413 3.9528353,16.2343529 C3.67151369,15.7136428 3.45785592,15.1979332 3.31186201,14.6872239 L0.452981126,14.2651888 C0.317653431,14.2445204 0.208324653,14.179515 0.124994792,14.0701725 C0.0416649306,13.9608301 0,13.8384865 0,13.7031419 L0,10.2338528 C0,10.1091758 0.0416649306,9.98949912 0.124994792,9.8748229 C0.208324653,9.76014668 0.307320528,9.69247437 0.421982417,9.67180598 L3.32786134,9.23376948 C3.47385526,8.7543962 3.6768468,8.27535628 3.93683597,7.79664972 C3.52018666,7.20260022 2.96287655,6.48387366 2.26490563,5.64047004 C2.16090996,5.51579298 2.10891213,5.39078257 2.10891213,5.26543879 C2.10891213,5.16143012 2.15591017,5.04175348 2.24990625,4.90640887 C2.52056164,4.53171098 3.03354027,3.97166431 3.78884213,3.22626886 C4.54414399,2.48087341 5.03645681,2.10850904 5.26578059,2.10917576 C5.40110829,2.10917576 5.53643598,2.1611801 5.67176368,2.26518877 L7.82767385,3.93732811 C8.2863214,3.69797483 8.76030165,3.49995833 9.2496146,3.34327861 C9.41627432,1.92649387 9.56726803,0.957746479 9.70259573,0.43703642 C9.77525936,0.145678807 9.96258489,0 10.2645723,0 L13.7334278,0 C13.8794217,0 14.007083,0.0443370281 14.1164118,0.133011084 C14.2257406,0.22168514 14.2857381,0.333694475 14.2964043,0.469039087 L14.7343861,3.34427869 C15.2450315,3.51095925 15.7136786,3.70364197 16.1403275,3.92232686 L18.359235,2.25018752 C18.4532311,2.15617968 18.5782259,2.10917576 18.7342194,2.10917576 C18.8695471,2.10917576 18.999875,2.1611801 19.1252031,2.26518877 C20.4691471,3.50462539 21.3284446,4.3900325 21.7030957,4.92141012 C21.7757593,5.0047504 21.8120912,5.11942662 21.8120912,5.26543879 C21.8120912,5.39011584 21.7704262,5.50979248 21.6870964,5.62446871 C21.5311029,5.8431536 21.2654473,6.18951579 20.8901296,6.6635553 C20.5148119,7.1375948 20.2334903,7.50495875 20.0461647,7.76564714 C20.3168201,8.2863572 20.5304779,8.79673306 20.687138,9.29677473 L23.5460189,9.73481123 C23.6813466,9.75547962 23.7906754,9.82048504 23.8740052,9.92982749 C23.9573351,10.0391699 23.999,10.1615135 23.999,10.2968581 L24,10.295858 Z M16,12 C16,10.896 15.6093333,9.95333333 14.828,9.172 C14.0466667,8.39066667 13.104,8 12,8 C10.896,8 9.95333333,8.39066667 9.172,9.172 C8.39066667,9.95333333 8,10.896 8,12 C8,13.104 8.39066667,14.0466667 9.172,14.828 C9.95333333,15.6093333 10.896,16 12,16 C13.104,16 14.0466667,15.6093333 14.828,14.828 C15.6093333,14.0466667 16,13.104 16,12 Z\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCog);\nexport default __webpack_public_path__ + \"static/media/cog.47b424f1.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport styled, { css } from \"styled-components/macro\";\nimport { getCurrentEvent } from \"../../core/store/events/reducers\";\nimport { IH2HMatch } from \"../../core/store/leagues/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { ReactComponent as CupBase } from \"../../img/icons/cup.svg\";\nimport { getShortNameFromId } from \"../../utils/events\";\nimport Alert from \"../Alert\";\nimport Link from \"../Link\";\n\nconst CupWinner = styled.span`\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst StyledCup = styled(CupBase)`\n color: #dbaf13;\n margin-right: 0.6rem;\n`;\n\ninterface IStyledMatchRow {\n inProgress: boolean;\n mine: boolean;\n}\n\ninterface IMatchesScore {\n inProgress: boolean;\n}\n\nconst MatchesScore = styled.div\n \n \n {events\n .filter((e) => e.id >= startEvent)\n .map((e) => (\n \n ))}\n \n `\n display: flex;\n border: 1px solid ${({ theme }) => theme.colors.greyDarker3};\n border-radius: ${({ theme }) => theme.radii[1]};\n background-color: white;\n color: ${({ theme }) => theme.colors.greyDarker3};\n\n ${(props) =>\n props.inProgress &&\n css`\n border: 0;\n background-color: ${({ theme }) => theme.colors.blueDarker2};\n color: white;\n\n td {\n > a {\n color: inherit;\n }\n }\n `}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 80%;\n margin: auto;\n }\n`;\n\nconst MatchesScoreTeam = styled.span`\n width: 50%;\n padding: 0.2rem;\n font-family: ${({ theme }) => theme.fonts.baseSemiBold};\n font-size: 1.3rem;\n line-height: 1;\n text-align: center;\n\n :first-child {\n border-right: 1px solid ${({ theme }) => theme.colors.greyDarker3};\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding: ${({ theme }) => theme.space[1]};\n font-size: 1.8rem;\n }\n`;\n\nconst StyledStatusRow = styled.tr`\n td {\n padding-top: 0;\n border-top: 0 !important;\n }\n`;\n\nconst StyledMatchRow = styled.tr`\n ~ ${StyledStatusRow} td {\n border-top: 0;\n }\n\n ${(props) =>\n props.mine &&\n css`\n td {\n background-color: ${({ theme }) => theme.colors.primary};\n color: white;\n > a {\n color: inherit;\n }\n }\n `}\n`;\n\nconst MatchesEntryStyles = css`\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n`;\n\nconst MatchesEntry1 = styled.td`\n ${MatchesEntryStyles}\n text-align: right;\n`;\n\nconst MatchesEntry2 = styled.td`\n ${MatchesEntryStyles}\n`;\n\nconst StatusCell = styled.td`\n white-space: normal;\n text-align: center;\n`;\n\nconst MatchesScoreWrap = styled.td`\n text-align: center;\n white-space: nowrap;\n`;\n\nconst ByeScore = styled.div`\n display: inline-block;\n padding: 0.3rem;\n background-color: ${({ theme }) => theme.colors.primary};\n color: ${({ theme }) => theme.colors.greyDarker3};\n border-radius: ${({ theme }) => theme.radii[1]};\n font-family: ${({ theme }) => theme.fonts.baseSemiBold};\n font-size: ${({ theme }) => theme.fontSizes[0]};\n text-transform: uppercase;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n padding: 0.4rem 1.7rem;\n font-size: ${({ theme }) => theme.fontSizes[4]};\n }\n`;\n\nconst KONameRow = styled.tr`\n td {\n padding-bottom: 0;\n }\n + tr td {\n border-top: 0;\n }\n`;\n\nconst KONameCell = styled.td`\n text-align: center;\n`;\n\ninterface IStyledKONameCell {\n isFinal: boolean;\n}\n\nconst KOName = styled.span`\n font-size: 1.1rem;\n\n ${(props) =>\n props.isFinal &&\n css`\n font-family: ${({ theme }) => theme.fonts.baseSemiBold};\n `}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n font-size: 1.3rem;\n }\n`;\n\nconst WinnerStatus: React.FC<{ isCup: boolean; match: IH2HMatch }> = ({\n isCup,\n match,\n}) => {\n const { t } = useTranslation();\n if (!match.winner) {\n return null;\n }\n const winnerName =\n match.winner === match.entry_1_entry\n ? match.entry_1_name\n : match.entry_2_name;\n\n return (\n <>\n {match.tiebreak && (\n \n )}\n {isCup && match.event === 30 && (\n \n )}\n \n );\n};\n\nconst StatusRow: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n \n);\n\ninterface IH2HMatchRow {\n selectedEntry: number;\n isCup: boolean;\n showEvent?: boolean;\n started?: boolean;\n match: IH2HMatch;\n isAllMine: boolean;\n}\n\nconst H2HMatch: React.FC\n \n \n {t(\"h2hMatch.tie\", \"Tie-break - {{winnerName}} progressed\", {\n winnerName: winnerName,\n })}{\" \"}\n {match.tiebreak === \"goals_scored\" &&\n t(\"h2hMatch.tie1\", \"on most goals scored\")}\n {match.tiebreak === \"goals_conceded\" &&\n t(\"h2hMatch.tie2\", \"on fewest goals conceded\")}\n {match.tiebreak === \"default\" &&\n t(\"h2hMatch.tie3\", \"by virtual coin toss\")}\n \n \n \n \n \n {winnerName}\n \n \n {children} = ({\n selectedEntry,\n showEvent = false,\n started = false,\n match,\n isAllMine = false,\n isCup,\n}) => {\n const { t } = useTranslation();\n const player = useSelector(getPlayerData);\n const now = useSelector(getCurrentEvent);\n const inProgress = now?.id === match.event && !match.winner ? true : false;\n return (\n <>\n {match.knockout_name ? (\n \n ) : null}\n \n \n \n \n \n {match.knockout_name}\n {showEvent && {getShortNameFromId(match.event, true)}}\n {/* Lots of duplication here but can't think of a clean way around it */}\n {selectedEntry === match.entry_2_entry ? (\n <>\n \n \n \n \n ) : (\n <>\n \n \n \n \n )}\n \n {match.is_bye && (\n \n )}\n {match.winner && \n {match.entry_2_entry && started ? (\n \n \n \n {match.entry_2_player_name}\n \n ) : (\n \n \n \n {match.entry_2_player_name}\n \n )}\n {match.entry_2_name}
{match.entry_2_name}
\n {match.is_bye ? (\n \n ) : (\n \n )}\n {t(\"h2hEventFilter.score\", \"N/A\")}\n {started ? (\n <>\n \n \n \n ) : (\n <>\n \n \n \n )}\n \n {match.entry_2_points}\n \n {match.entry_1_points}\n --\n {match.entry_1_entry ? (\n started ? (\n \n \n \n {match.entry_1_player_name}\n \n ) : (\n \n \n \n {match.entry_1_player_name}\n \n )\n ) : (\n <> \n )}\n {match.entry_1_name}
{match.entry_1_name}
\n {match.entry_1_entry && started ? (\n \n \n \n {match.entry_1_player_name}\n \n ) : (\n \n \n \n {match.entry_1_player_name}\n \n )}\n {match.entry_1_name}
{match.entry_1_name}
\n {match.is_bye ? (\n \n ) : (\n \n )}\n {t(\"h2hEventFilter.score2\", \"N/A\")}\n {started ? (\n <>\n \n \n \n ) : (\n <>\n \n \n \n )}\n \n {match.entry_1_points}\n \n {match.entry_2_points}\n --\n {match.entry_2_entry ? (\n started ? (\n \n \n \n {match.entry_2_player_name}\n \n ) : (\n \n \n \n {match.entry_2_player_name}\n \n )\n ) : (\n <> \n )}\n {match.entry_2_name}
{match.entry_2_name}
\n \n \n {t(\n \"h2hEventFilter.isbye\",\n \"{{matchEntry}} progressed with a bye due to their Round {{matchEvent}} score\",\n {\n matchEntry: match.entry_1_name,\n matchEvent: match.event - 1,\n }\n )}\n }\n \n );\n};\n\nexport default H2HMatch;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { getCurrentEvent } from \"../../core/store/events/reducers\";\nimport { IH2HMatch } from \"../../core/store/leagues/types\";\nimport Table from \"../Table\";\nimport H2HMatch from \"./H2HMatch\";\nimport Panel from \"../Panel\";\n\nconst StyledMatchesTable = styled(Table)`\n table-layout: fixed;\n white-space: nowrap;\n\n /* Have to override Table td border to include tiebrake inside match border-bottom */\n td {\n border-top: 1px solid ${({ theme }) => theme.colors.grey};\n border-bottom: 0;\n }\n\n tr:last-child td {\n border-bottom: 1px solid ${({ theme }) => theme.colors.grey};\n }\n`;\n\nconst MatchesRoundColRound = styled.th`\n width: 10%;\n`;\n\nconst MatchesRoundColEntry = styled.th`\n width: 32%;\n`;\n\nconst MatchesRoundColEntry1 = styled.th`\n width: 32%;\n\n ${StyledMatchesTable} & {\n text-align: right;\n }\n`;\n\nexport const MatchesRoundColScore = styled.th`\n width: 21%;\n`;\n\ninterface IProps {\n selectedEntry: number;\n isCup?: boolean;\n isAllMine?: boolean;\n matches: IH2HMatch[] | null;\n}\n\nconst MatchesTable: React.FC = ({\n selectedEntry,\n isAllMine = false,\n isCup = false,\n matches,\n}) => {\n const { t } = useTranslation();\n const now = useSelector(getCurrentEvent);\n\n if (!matches) {\n return null;\n }\n\n return (\n \n );\n};\n\nexport default MatchesTable;\n","import { RouteComponentProps, navigate } from \"@reach/router\";\nimport React, { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect, useDispatch } from \"react-redux\";\nimport { Flex } from \"rebass\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n getActiveEntryInLeague,\n getCode,\n} from \"../../core/store/leagues/reducers\";\nimport {\n fetchLeagueCode,\n joinPrivateLeague,\n setCode,\n} from \"../../core/store/leagues/thunks\";\nimport {\n IJoinPrivateLeagueData,\n ILeague,\n} from \"../../core/store/leagues/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { IPlayer } from \"../../core/store/player/types\";\nimport Button from \"../Button\";\nimport ButtonLink from \"../ButtonLink\";\nimport Title from \"../Title\";\n\nconst StyledHeader = styled.div`\n padding-left: ${({ theme }) => theme.space[2]};\n padding-right: ${({ theme }) => theme.space[2]};\n`;\n\nconst ButtonWrapper = styled.div``;\n\ntype OwnProps = RouteComponentProps<{\n type: string;\n league: ILeague | null;\n leagueNumber: number;\n}>;\n\ninterface IPropsFromState {\n entryInLeague: any | null;\n leagueNumber: number;\n code: string | null;\n player: IPlayer | null;\n}\n\ninterface IPropsFromDispatch {\n fetchCode: (leagueId: number) => void;\n joinPrivateLeague: (data: IJoinPrivateLeagueData) => void;\n}\n\ntype Props = OwnProps & IPropsFromState & IPropsFromDispatch;\n\nconst StandingsHeading: React.FC\n \n \n \n \n \n \n \n \n \n \n \n {matches.map((m) => (\n \n {t(\"matchesTable.rd\", \"RD\")}\n \n {t(\"matchesTable.team1\", \"Team\")}\n \n {t(\"matchesTable.team2\", \"Team\")}\n \n ))}\n \n = ({\n code,\n player,\n fetchCode,\n league,\n leagueNumber,\n entryInLeague,\n}) => {\n const { t } = useTranslation();\n const isAdmin =\n entryInLeague &&\n entryInLeague.league &&\n entryInLeague.league.entry_can_admin;\n const isEntryInLeague = entryInLeague && entryInLeague.league;\n const reduxDispatch = useDispatch();\n\n useEffect(() => {\n if (\n !isEntryInLeague &&\n league &&\n league.code_privacy === \"a\" &&\n leagueNumber\n ) {\n fetchCode(leagueNumber);\n }\n }, [league, isAdmin, isEntryInLeague, leagueNumber, fetchCode]);\n\n let showInviteBtn = false;\n let showJoinBtn = false;\n\n if (league && !league.closed) {\n if (isAdmin) {\n showInviteBtn = true;\n } else {\n if (league) {\n if (isEntryInLeague) {\n if (league.code_privacy === \"a\") {\n showInviteBtn = true;\n }\n if (league.code_privacy === \"l\") {\n showInviteBtn = true;\n }\n }\n\n if (!isEntryInLeague) {\n if (league.code_privacy === \"a\") {\n showJoinBtn = true;\n }\n }\n }\n }\n }\n\n return (\n \n );\n};\n\nconst mapStateToProps = (\n state: RootState,\n ownProps: OwnProps\n): IPropsFromState => {\n const leagueNumber = ownProps.leagueNumber || 0;\n const entryInLeague = getActiveEntryInLeague(\n state,\n leagueNumber,\n ownProps.type === \"classic\" ? \"classic\" : \"h2h\"\n );\n\n return {\n leagueNumber,\n entryInLeague: entryInLeague,\n player: getPlayerData(state),\n code: leagueNumber ? getCode(state, leagueNumber) : null,\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchCode: (leagueNumber: number) => dispatch(fetchLeagueCode(leagueNumber)),\n joinPrivateLeague: (data: IJoinPrivateLeagueData) => {\n dispatch(joinPrivateLeague(data));\n },\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StandingsHeading);\n","import { navigate, RouteComponentProps } from \"@reach/router\";\nimport qs from \"qs\";\nimport React, { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getEntry, getLeagueForEntry } from \"../../core/store/entries/reducers\";\nimport { fetchEntrySummary } from \"../../core/store/entries/thunks\";\nimport { getCurrentEvent } from \"../../core/store/events/reducers\";\nimport {\n getClassicLeague,\n getH2HMatches,\n getLeagueCupStatus,\n getLeagueEntries,\n} from \"../../core/store/leagues/reducers\";\nimport {\n fetchClassicLeagueStandings,\n fetchH2HLeagueMatches,\n fetchLeagueCupStatus,\n fetchLeagueEntries,\n} from \"../../core/store/leagues/thunks\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport Alert from \"../Alert\";\nimport BoldLink from \"../BoldLink\";\nimport ButtonLink from \"../ButtonLink\";\nimport Copy from \"../Copy\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport { Pager, PagerItem, PagerItemNext } from \"../Pager\";\nimport SubHeading from \"../SubHeading\";\nimport H2HEntryFilter from \"./H2HEntryFilter\";\nimport H2HEventFilter from \"./H2HEventFilter\";\nimport MatchesTable from \"./MatchesTable\";\nimport StandingsHeading from \"./StandingsHeading\";\nimport { SelectWrap } from \"./Styles\";\nimport { getLeagueUrl } from \"./utils\";\n\nconst StyledMain = styled(Main)`\n min-width: 100%;\n padding: ${({ theme }) => `${theme.space[4]} ${theme.space[2]}`};\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding: ${({ theme }) => `${theme.space[8]} ${theme.space[4]}`};\n }\n`;\n\ntype OwnProps = RouteComponentProps<{ leagueId: string }>;\n\nconst MatchesCup: React.FC\n \n \n \n \n {league && league.name}\n {showInviteBtn && (\n \n {t(\n \"standingsHeading.inviteButton\",\n \"Invite people to join this league\"\n )}\n \n )}\n\n {code && showJoinBtn && (\n \n player && player.entry\n ? reduxDispatch(setCode(code))\n : navigate(`/leagues/auto-join/${code}`)\n }\n >\n {t(\"standingsHeading.joinButton\", \"Join this league\")}\n \n )}\n = ({ location, leagueId }) => {\n const { t } = useTranslation();\n const leagueNumber = Number(leagueId!) || 0;\n const query = qs.parse(location!.search, {\n ignoreQueryPrefix: true,\n });\n const entryNumber = Number(query.entry) || 0;\n const eventNumber = Number(query.event) || 0;\n const pageMatches = Number(query.page_matches) || 1;\n\n const buildMatchesUrl = (\n leagueNumber: number,\n eventNumber: number,\n entryNumber: number,\n pageMatches: number\n ) => {\n let url = `/leagues/${leagueNumber}/cup?page_matches=${pageMatches}`;\n if (entryNumber) {\n url += `&entry=${entryNumber}`;\n }\n if (eventNumber) {\n url += `&event=${eventNumber}`;\n }\n return url;\n };\n\n const player = useSelector(getPlayerData);\n\n const cupStatus = useSelector((state: RootState) =>\n leagueNumber ? getLeagueCupStatus(state, leagueNumber) : null\n );\n\n const entry = useSelector((state: RootState) =>\n entryNumber ? getEntry(state, entryNumber) : null\n );\n\n const leagueEntry = useSelector((state: RootState) =>\n entry ? getLeagueForEntry(state, entry.id, leagueNumber) : null\n );\n\n const myLeagueEntry = useSelector((state: RootState) =>\n player?.entry ? getLeagueForEntry(state, player.entry, leagueNumber) : null\n );\n\n const now = useSelector(getCurrentEvent);\n\n const league = useSelector((state: RootState) =>\n leagueNumber ? getClassicLeague(state, leagueNumber) : null\n );\n\n const matches = useSelector((state: RootState) =>\n cupStatus?.league\n ? getH2HMatches(\n state,\n cupStatus.league,\n entryNumber,\n eventNumber,\n pageMatches\n )\n : null\n );\n\n const leagueEntries = useSelector((state: RootState) =>\n cupStatus?.league ? getLeagueEntries(state, cupStatus.league) : null\n );\n\n const didNotQualify = leagueEntry && leagueEntry.cup_qualified === false;\n const notStarted = leagueEntry && leagueEntry.cup_qualified === null;\n // Event where we can show entries for large cups\n const largeCupEvent = 24;\n\n const reduxDispatch = useDispatch();\n\n // Can we fetch matches?\n const canFetchMatches = () => {\n if (!cupStatus) {\n return false;\n }\n // Asking for a specific entry is fine as long as qualified\n if (entryNumber) {\n return leagueEntry?.cup_qualified;\n }\n // Can always request a cup that isn't large\n if (!cupStatus.is_large) {\n return true;\n }\n // Asking for a late event in a large league is fine\n if (eventNumber >= largeCupEvent) {\n return true;\n }\n // We are able to show the current round or first round draw\n if (now && now.id >= largeCupEvent && cupStatus.qualification_event) {\n navigate(\n buildMatchesUrl(\n leagueNumber,\n Math.max(now.id, cupStatus.qualification_event + 1),\n 0,\n 1\n ),\n {\n replace: true,\n }\n );\n }\n // We are able to show the logged in entry. We are safe to use non null\n // assertion on player.entry if myLeagueEntry\n else if (myLeagueEntry && myLeagueEntry?.cup_qualified) {\n navigate(buildMatchesUrl(leagueNumber, 0, player!.entry!, 1), {\n replace: true,\n });\n }\n return false;\n };\n const fetchMatches = canFetchMatches();\n\n // API calls ...\n\n // This is currently the 'best' way to get a league which is needed by\n // child components for things like name\n useEffect(() => {\n leagueNumber &&\n !league &&\n reduxDispatch(fetchClassicLeagueStandings(leagueNumber, 1, 1, 1));\n }, [league, leagueNumber, reduxDispatch]);\n\n // Get any requested entry if different to the logged in entry as there\n // is a chance we won't have it\n useEffect(() => {\n entryNumber &&\n player?.entry !== entryNumber &&\n reduxDispatch(fetchEntrySummary(entryNumber));\n }, [entryNumber, player, reduxDispatch]);\n\n // Get the cup status for the parent league\n useEffect(() => {\n leagueNumber && reduxDispatch(fetchLeagueCupStatus(leagueNumber));\n }, [leagueNumber, reduxDispatch]);\n\n // Get a list of league entries for filtering. We need to know the cup\n // status before we can do this\n useEffect(() => {\n cupStatus &&\n cupStatus.league &&\n !cupStatus.is_large &&\n reduxDispatch(fetchLeagueEntries(cupStatus.league));\n }, [cupStatus, reduxDispatch]);\n\n // Get the list of matches.\n useEffect(() => {\n cupStatus &&\n cupStatus.league &&\n fetchMatches &&\n reduxDispatch(\n fetchH2HLeagueMatches(\n cupStatus.league,\n entryNumber,\n eventNumber,\n pageMatches\n )\n );\n }, [\n cupStatus,\n fetchMatches,\n entryNumber,\n eventNumber,\n pageMatches,\n reduxDispatch,\n ]);\n\n // We are still waiting for required data so delay rendering ...\n if (!cupStatus || !now || !league || (entryNumber && !entry)) {\n return null;\n }\n\n const cupStartText =\n now.id === cupStatus.qualification_event\n ? t(\"matchesCup.willStart\", \"will start\")\n : t(\"matchesCup.started\", \"started\");\n\n // This function wil be called if there are no matches, it attempts to\n // work out why!\n const getNoMatchesMessage = () => {\n if (eventNumber && eventNumber > now.id) {\n return t(\n \"matchesCup.cupMatches.end\",\n \"Cup matches for round {{ eventNumber }} will be available at the end of round {{eventNumberMinus}}\",\n {\n eventNumber: eventNumber,\n eventNumberMinus: eventNumber - 1,\n }\n );\n }\n if (cupStatus.is_large && now.id < largeCupEvent) {\n return t(\n \"matchesCup.cupMatches.after\",\n \"Cup matches will be available after round {{largeCupEvent}}\",\n {\n largeCupEvent: largeCupEvent,\n }\n );\n }\n if (notStarted || cupStatus.qualification_event === now.id) {\n return t(\n \"matchesCup.cupMatches.draw\",\n \"The draw for the first round is yet to be made\"\n );\n }\n if (entryNumber && eventNumber) {\n return t(\n \"matchesCup.cupMatches.eliminated\",\n \"This team has been eliminated\"\n );\n }\n return \"\";\n };\n\n const handleEntryFilterChange = (e: React.ChangeEvent) =>\n navigate(\n buildMatchesUrl(\n leagueNumber,\n eventNumber,\n Number(e.currentTarget.value),\n 1\n )\n );\n\n const handleEventFilterChange = (e: React.ChangeEvent) => {\n if (e.currentTarget.value) {\n return navigate(\n buildMatchesUrl(\n leagueNumber,\n Number(e.currentTarget.value),\n entryNumber,\n 1\n )\n );\n }\n return navigate(buildMatchesUrl(leagueNumber, 0, entryNumber, 1));\n };\n\n return (\n \n );\n};\n\nexport default MatchesCup;\n","import { Link } from \"@reach/router\";\nimport React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\n\nconst NavList = styled.ul`\n margin: ${({ theme }) => theme.space[2]};\n display: flex;\n background-color: ${({ theme }) => theme.colors.primary};\n border: 2px solid ${({ theme }) => theme.colors.primary};\n border-radius: 3px;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n margin-right: 20%;\n margin-left: 20%;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[5]}) {\n margin-right: 30%;\n margin-left: 30%;\n }\n`;\n\nconst NavItem = styled.li`\n flex: 1;\n :not(:last-child) {\n border-right: 2px solid white;\n }\n`;\n\n// TODO - This stops isCurrent being passed to Link but doesn't have\n// any type checking\nconst NavLink = styled(({ isCurrent, ...rest }) => )`\n display: block;\n padding: ${({ theme }) => theme.space[2]};\n color: white;\n font-family: ${({ theme }) => theme.fonts.bold};\n text-decoration: none;\n text-align: center;\n\n ${(props) =>\n props.isCurrent &&\n css`\n background-color: white;\n color: ${({ theme }) => theme.colors.black};\n `}\n`;\n\ninterface IProps {\n defaultEntry?: number;\n leagueId: number;\n eventId: number;\n}\n\nconst H2HNav: React.FC\n \n \n \n \n \n {didNotQualify ? (\n \n ) : (\n <>\n \n {matches && matches.results.length ? (\n \n \n \n {t(\"matchesCup.leagueLink\", \"View league standings\")}\n \n \n \n {t(\"matchesCup.notQf\", \"This team did not qualify for the cup.\")}{\" \"}\n \n \n {t(\"matchesCup.viewMatches\", \"View cup matches\")}\n \n {!cupStatus.is_large && leagueEntries && (\n \n )}\n {cupStatus.qualification_event &&\n !notStarted &&\n (!cupStatus.is_large || now.id >= largeCupEvent) && (\n \n )}\n \n ) : (\n \n )}\n \n )}\n {cupStatus.qualification_event && (\n \n )}\n \n {matches && (\n \n )}\n \n \n {getNoMatchesMessage()}\n {t(\n \"matchesCup.cupStart\",\n \"The cup {{ cupStartText }} in RD {{cupStatus}}\",\n {\n cupStartText: cupStartText,\n cupStatus: cupStatus.qualification_event + 1,\n }\n )}\n \n \n \n \n \n \n \n {t(\"matchesCup.how\", \"How the cup works\")}

\n {t(\n \"matchesCup.explain1\",\n \"Each qualifying team will be randomly drawn against another in the first round. The winner (the team with the highest Round score minus any transfer points), will progress to the second round and another random draw, the losers are out! This process continues until the final round when the two remaining teams contest the cup final.\"\n )}\n

\n {t(\n \"matchesCup.explain2\",\n \"If a cup match is drawn, then the following tie-breaks will be applied until a winner is found:\"\n )}\n

\n \n \n \n

\n {t(\"matchesCup.explain3\", \"Most goals scored in the Round\")}\n

\n {t(\"matchesCup.explain4\", \"Fewest goals conceded in the Round\")}\n

{t(\"matchesCup.explain5\", \"Virtual coin toss\")}

\n \n \n \n \n \n {pageMatches > 1 && (\n \n \n \n )}\n {t(\"matchesCup.previews\", \"Previous\")}\n {matches.has_next && (\n \n \n \n )}\n {t(\"matchesCup.next\", \"Next\")}\n <>\n = ({ eventId, leagueId, defaultEntry }) => {\n const defaultEntryParam = defaultEntry ? `default_entry=${defaultEntry}` : \"\";\n const links = [\n {\n href: `/leagues/${leagueId}/matches/h`,\n qs: `?event=${eventId}` + (defaultEntryParam && `&${defaultEntryParam}`),\n text: \"Matches\",\n },\n {\n href: `/leagues/${leagueId}/standings/h`,\n qs: defaultEntryParam && `?${defaultEntryParam}`,\n text: \"Standings\",\n },\n ];\n return (\n \n );\n};\n\nexport default H2HNav;\n","import { navigate, RouteComponentProps } from \"@reach/router\";\nimport qs from \"qs\";\nimport React from \"react\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport { IError, RootState, ThunkDispatch } from \"../../core/store\";\nimport { getCurrentEvent, getEvents } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport {\n getActiveEntryInLeague,\n getH2HLeague,\n getH2HMatches,\n getH2HNewEntries,\n getH2HStandings,\n getLeagueEntries,\n getLeagueEntriesError,\n} from \"../../core/store/leagues/reducers\";\nimport {\n fetchH2HLeagueMatches,\n fetchH2HLeagueStandings,\n fetchLeagueEntries,\n} from \"../../core/store/leagues/thunks\";\nimport {\n IEntryInLeague,\n IH2HMatchesData,\n IH2HStandingsData,\n ILeague,\n INewEntriesData,\n} from \"../../core/store/leagues/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { IPlayer } from \"../../core/store/player/types\";\nimport Alert from \"../Alert\";\nimport ButtonLink from \"../ButtonLink\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport { Pager, PagerItem, PagerItemNext } from \"../Pager\";\nimport H2HEntryFilter from \"./H2HEntryFilter\";\nimport H2HEventFilter from \"./H2HEventFilter\";\nimport H2HNav from \"./H2HNav\";\nimport MatchesTable from \"./MatchesTable\";\nimport StandingsHeading from \"./StandingsHeading\";\nimport { SelectWrap } from \"./Styles\";\n\ntype OwnProps = RouteComponentProps<{\n entryId: string;\n eventId: string;\n leagueId: string;\n}>;\n\ninterface IPropsFromState {\n defaultEntryNumber: number;\n entryNumber: number;\n eventNumber: number;\n events: IEvent[];\n isPlayerInLeague: boolean;\n league: ILeague | null;\n leagueEntries: IEntryInLeague[] | null;\n leagueEntriesError: IError | null;\n leagueNumber: number;\n matches: IH2HMatchesData | null;\n newEntries: INewEntriesData | null;\n now: IEvent | null;\n pageMatches: number;\n player: IPlayer | null;\n standings: IH2HStandingsData | null;\n}\n\ninterface IPropsFromDispatch {\n fetchEntries: (leagueId: number) => void;\n fetchMatches: (\n leagueId: number,\n entryId: number,\n eventId: number,\n page: number\n ) => void;\n fetchStandings: (leagueId: number) => void;\n}\n\ntype Props = WithTranslation & OwnProps & IPropsFromState & IPropsFromDispatch;\n\nclass MatchesH2H extends React.Component\n {links.map((l) => (\n \n ))}\n \n \n {l.text}\n \n {\n defaultEntry?: number;\n public componentDidMount() {\n this.defaultEntry = this.props.defaultEntryNumber;\n if (this.props.leagueNumber) {\n const {\n entryNumber,\n eventNumber,\n fetchEntries,\n fetchMatches,\n fetchStandings,\n leagueNumber,\n pageMatches,\n } = this.props;\n // Have to fetch standings to get league\n fetchStandings(leagueNumber);\n // We could look at delaying these calls as they are pointless for\n // unstarted h2h leagues at the cost of some complexity as we may have\n // to wait for league to be available. As a 'good enough' we don't do\n // them before the season starts ...\n if (this.props.now) {\n fetchEntries(leagueNumber);\n fetchMatches(leagueNumber, entryNumber, eventNumber, pageMatches);\n }\n }\n }\n public componentDidUpdate(prevProps: Props) {\n const {\n entryNumber,\n eventNumber,\n fetchMatches,\n isPlayerInLeague,\n leagueEntriesError,\n leagueNumber,\n pageMatches,\n player,\n } = this.props;\n if (\n prevProps.eventNumber !== eventNumber ||\n prevProps.pageMatches !== pageMatches ||\n prevProps.entryNumber !== entryNumber\n ) {\n fetchMatches(leagueNumber, entryNumber, eventNumber, pageMatches);\n }\n // We've got a large league, we can only show default or logged in entry\n let showEntry = 0;\n if (\n leagueEntriesError !== prevProps.leagueEntriesError &&\n this.isLargeLeague()\n ) {\n showEntry = this.defaultEntry\n ? this.defaultEntry\n : isPlayerInLeague\n ? // As isPlayerInLeague we must have a player and an entry\n player!.entry!\n : 0;\n navigate(this.buildMatchesUrl(leagueNumber, 0, showEntry, pageMatches), {\n replace: true,\n });\n }\n }\n\n public buildMatchesUrl(\n leagueNumber: number,\n eventNumber: number,\n entryNumber: number,\n pageMatches: number\n ) {\n let url = `/leagues/${leagueNumber}/matches/h?page_matches=${pageMatches}`;\n if (entryNumber) {\n url += `&entry=${entryNumber}`;\n }\n if (this.props.now?.id && eventNumber !== this.props.now.id) {\n url += `&event=${eventNumber}`;\n }\n return url;\n }\n\n public isLargeLeague() {\n return this.props.leagueEntriesError?.badRequest?.non_field_errors[0]\n ?.code === \"large_leagues_forbidden\"\n ? true\n : false;\n }\n\n public handleEntryFilterChange = (e: React.ChangeEvent) =>\n navigate(\n this.buildMatchesUrl(\n this.props.leagueNumber,\n this.props.eventNumber,\n parseInt(e.currentTarget.value, 10),\n 1\n )\n );\n\n public handleEventFilterChange = (e: React.ChangeEvent) =>\n navigate(\n this.buildMatchesUrl(\n this.props.leagueNumber,\n parseInt(e.currentTarget.value, 10),\n this.props.entryNumber,\n 1\n )\n );\n\n public render() {\n const {\n entryNumber,\n eventNumber,\n league,\n leagueEntries,\n leagueNumber,\n matches,\n newEntries,\n now,\n pageMatches,\n player,\n standings,\n t,\n } = this.props;\n if (!league || !newEntries) {\n return null;\n }\n // If we have new entries then switch to dedicated page\n if (!now || newEntries.results.length) {\n navigate(`/leagues/${league.id}/new-entries/h`, { replace: true });\n }\n if (!matches) {\n return null;\n }\n // Handle the edge case between rollover and matches being created ...\n if (\n now &&\n now.id === league.start_event &&\n standings &&\n !standings.results.length\n ) {\n return (\n \n );\n }\n\n return (\n \n );\n }\n}\n\nconst mapStateToProps = (\n state: RootState,\n ownProps: OwnProps\n): IPropsFromState => {\n // Get league id from path\n const leagueNumber = parseInt(ownProps.leagueId!, 10) || 0;\n // Get entry id from query string\n const query = qs.parse(ownProps.location!.search, {\n ignoreQueryPrefix: true,\n });\n const entryNumber = parseInt(query.entry as string, 10) || 0;\n const defaultEntryNumber = parseInt(query.default_entry as string, 10) || 0;\n const now = getCurrentEvent(state);\n const eventNumber = query.event\n ? parseInt(query.event as string, 10)\n : now?.id || 0;\n const pageMatches = parseInt(query.page_matches as string, 10) || 1;\n return {\n defaultEntryNumber,\n entryNumber,\n eventNumber,\n events: getEvents(state),\n isPlayerInLeague: Boolean(\n getActiveEntryInLeague(state, leagueNumber, \"h2h\")\n ),\n league: getH2HLeague(state, leagueNumber),\n leagueEntries: getLeagueEntries(state, leagueNumber),\n leagueEntriesError: getLeagueEntriesError(state, leagueNumber),\n leagueNumber,\n matches: leagueNumber\n ? getH2HMatches(\n state,\n leagueNumber,\n entryNumber,\n eventNumber,\n pageMatches\n )\n : null,\n newEntries: getH2HNewEntries(state, leagueNumber, 1),\n now,\n pageMatches: pageMatches,\n player: getPlayerData(state),\n standings: getH2HStandings(state, leagueNumber, 1),\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchEntries: async (leagueId: number) =>\n dispatch(fetchLeagueEntries(leagueId)),\n fetchMatches: (\n leagueId: number,\n entryId: number,\n eventId: number,\n page: number\n ) => dispatch(fetchH2HLeagueMatches(leagueId, entryId, eventId, page)),\n fetchStandings: (leagueId: number) =>\n dispatch(fetchH2HLeagueStandings(leagueId, 1, 1)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(MatchesH2H)\n);\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState } from \"../../core/store\";\nimport {\n getCupMatchesByLeagueId,\n getEntry,\n} from \"../../core/store/entries/reducers\";\nimport {\n CupMatchesByLeagueId,\n ILeagueEntry,\n} from \"../../core/store/entries/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport Panel from \"../Panel\";\nimport Table from \"../Table\";\nimport { VisuallyHidden } from \"../Utils\";\nimport CupTypeRow from \"./CupTypeRow\";\n\nconst CupCol = styled.th`\n width: 56%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 72%;\n }\n`;\n\nconst RoundCol = styled.th`\n width: 22%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 12%;\n }\n`;\n\nconst StatusCol = styled.th`\n width: 22%;\n text-align: center;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 16%;\n }\n`;\n\nconst MyCupsTable = styled(Table)`\n table-layout: fixed;\n\n th,\n td {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n /* Have to do this because of Table td specificity */\n ${StatusCol} {\n text-align: center;\n }\n`;\n\ninterface IProps {\n leagues: ILeagueEntry[] | null;\n title: string;\n}\n\nconst CupTypeTable: React.FC\n \n

\n \n \n \n

\n {t(\n \"matchesH2h.explain1\",\n \"Matches are currently being generated, please check back later.\"\n )}\n

\n \n \n

\n \n \n <>\n {now && (\n \n )}\n {leagueEntries && (\n \n )}\n {this.isLargeLeague() && (\n \n )}\n {now && (\n \n \n \n \n \n \n {t(\n \"matchesH2h.explain2\",\n \"In head-to-head leagues with more than 512 teams only matches for a single team can be viewed.\"\n )}\n \n )}\n \n \n \n \n \n \n \n \n {pageMatches > 1 && (\n \n \n \n )}\n {t(\"matchesH2h.previews\", \"Previous\")}\n {matches.has_next && (\n \n \n \n )}\n {t(\"matchesH2h.next\", \"Next\")}\n <>\n = ({ leagues, title }) => {\n const { t } = useTranslation();\n const player = useSelector(getPlayerData);\n const entry = useSelector((state: RootState) =>\n player?.entry ? getEntry(state, player.entry) : null\n );\n\n const cupMatches: CupMatchesByLeagueId | null = useSelector(\n (state: RootState) =>\n entry ? getCupMatchesByLeagueId(state, entry.id) : null\n );\n\n if (!leagues || !entry) {\n return null;\n }\n\n return (\n \n );\n};\n\nexport default CupTypeTable;\n","import { Link } from \"@reach/router\";\nimport React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\n\nconst NavList = styled.ul`\n display: flex;\n align-items: center;\n margin: ${({ theme }) => theme.space[2]};\n padding-left: 0;\n`;\n\nconst NavItem = styled.li`\n flex: 1;\n overflow: hidden;\n list-style-type: none;\n border-radius: ${({ theme }) => theme.space[1]};\n`;\n\n// TODO - This stops isCurrent being passed to Link but doesn't have\n// any type checking\nconst NavLink = styled(({ isCurrent, ...rest }) => )`\n display: block;\n padding: ${({ theme }) => theme.space[2]};\n background-color: ${({ theme }) => theme.colors.purple4};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impactMedium};\n font-size: 1.6rem;\n text-decoration: none;\n overflow: hidden;\n border: none;\n text-align: center;\n\n &:hover {\n background-color: ${({ theme }) => theme.colors.primaryDarker};\n color: ${({ theme }) => theme.colors.black};\n }\n\n ${(props) =>\n props.isCurrent &&\n css`\n background-color: ${({ theme }) => theme.colors.red};\n color: ${({ theme }) => theme.colors.white};\n border-radius: ${({ theme }) => theme.radii[1]};\n padding: 1.2rem 0;\n\n &:hover {\n background-color: ${({ theme }) => theme.colors.redDarker};\n }\n `}\n`;\n\ninterface ILinks {\n href: string;\n text: string;\n}\n\ninterface ISubNav {\n links: ILinks[];\n}\n\nconst SubNav: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n {leagues.map((l) => (\n {t(\"cupTypeTable.cup\", \"Cup\")}\n \n \n {t(\"cupTypeTable.round\", \"Round\")}\n \n \n \n {t(\"cupTypeTable.status\", \"Status\")}\n \n ))}\n \n = ({ links }) => (\n \n);\n\nexport default SubNav;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport SubNav from \"../SubNav\";\n\nconst LeaguesNav: React.FC = () => {\n const { t } = useTranslation();\n const links = [\n { href: \"/leagues\", text: t(\"leaguesNav.news\", \"Leagues\") },\n { href: \"/leagues/cups\", text: t(\"leaguesNav.cups\", \"Cups\") },\n ];\n return \n {links.map((l) => (\n \n ))}\n \n \n \n {l.text}\n ;\n};\n\nexport default LeaguesNav;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components\";\nimport { RootState } from \"../../core/store\";\nimport {\n getEntry,\n getPrivateClassicCupLeaguesForEntry,\n getPublicClassicCupLeaguesForEntry,\n getSystemClassicCupLeaguesForEntry,\n} from \"../../core/store/entries/reducers\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport ButtonLink from \"../ButtonLink\";\nimport Copy from \"../Copy\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\nimport CupTypeTable from \"./CupTypeTable\";\nimport LeaguesNav from \"./LeaguesNav\";\nimport {\n getBroadcasterLeagues,\n getFilteredSystemClassicLeagues,\n} from \"./utils\";\n\nconst StyledMain = styled(Main)`\n min-width: 100%;\n padding: ${({ theme }) => `${theme.space[4]} ${theme.space[2]}`};\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding: ${({ theme }) => `${theme.space[8]} ${theme.space[4]}`};\n }\n`;\n\nconst LeaguesNavWrap = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n margin-right: 20%;\n margin-left: 20%;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[5]}) {\n margin-right: 30%;\n margin-left: 30%;\n }\n`;\n\nconst StyledSpan = styled.span`\n color: ${({ theme }) => theme.colors.black};\n`;\n\nconst MyCups: React.FC = () => {\n const player = useSelector(getPlayerData);\n const entry = useSelector((state: RootState) =>\n player?.entry ? getEntry(state, player.entry) : null\n );\n const privateClassicLeagues = useSelector((state: RootState) =>\n entry ? getPrivateClassicCupLeaguesForEntry(state, entry.id) : []\n );\n const publicClassicLeagues = useSelector((state: RootState) =>\n entry ? getPublicClassicCupLeaguesForEntry(state, entry.id) : []\n );\n const systemClassicLeagues = useSelector((state: RootState) =>\n entry ? getSystemClassicCupLeaguesForEntry(state, entry.id) : []\n );\n const { t } = useTranslation();\n\n if (!entry) {\n return null;\n }\n\n const hasCupLeagues =\n privateClassicLeagues.length > 0 ||\n publicClassicLeagues.length > 0 ||\n systemClassicLeagues.length > 0;\n\n const broadcasterLeagues = getBroadcasterLeagues(systemClassicLeagues);\n const filteredSystemClassicLeagues = getFilteredSystemClassicLeagues(\n systemClassicLeagues,\n broadcasterLeagues\n );\n\n return (\n <>\n \n \n \n );\n};\n\nexport default MyCups;\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgTwitter(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.3263 1.90381H21.6998L14.3297 10.3273L23 21.7898H16.2112L10.894 14.8379L4.80995 21.7898H1.43443L9.31743 12.7799L1 1.90381H7.96111L12.7674 8.25814L18.3263 1.90381ZM17.1423 19.7706H19.0116L6.94539 3.81694H4.93946L17.1423 19.7706Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTwitter);\nexport default __webpack_public_path__ + \"static/media/twitter.435b9f1d.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from \"react\";\n\ninterface IDialogProps {\n render: (\n showDialog: boolean,\n handleHide: () => void,\n handleShow: () => void\n ) => React.ReactNode;\n}\n\ninterface IDialogState {\n readonly showDialog: boolean;\n}\n\nclass DialogManager extends React.Component\n \n \n \n \n \n {t(\"myCups.title\", \"Leagues & Cups - {{ entryName }}\", {\n entryName: entry.name,\n })}\n \n \n \n \n \n {hasCupLeagues ? (\n <>\n {privateClassicLeagues.length > 0 && (\n \n )}\n {publicClassicLeagues.length > 0 && (\n \n )}\n {filteredSystemClassicLeagues.length > 0 && (\n \n )}\n \n ) : (\n \n )}\n \n \n \n \n \n \n \n \n \n

\n {t(\"myCups.noCups\", \"None of your leagues have a cup yet.\")}\n

\n \n \n {t(\"myCups.button\", \"Create and Join New Leagues & Cups\")}\n \n {\n public readonly state: Readonly = { showDialog: false };\n\n public handleShow = () => {\n this.setState({ showDialog: true });\n };\n\n public handleHide = () => {\n this.setState({ showDialog: false });\n };\n\n public render() {\n return (\n <>\n {this.props.render(\n this.state.showDialog,\n this.handleShow,\n this.handleHide\n )}\n \n );\n }\n}\n\nexport default DialogManager;\n","import styled from \"styled-components/macro\";\n\nconst LinkButton = styled.button`\n display: inline-flex;\n align-items: center;\n padding: 0;\n border: 0;\n background-color: transparent;\n color: ${({ theme }) => theme.colors.blueDarker3};\n font-family: inherit;\n font-size: inherit;\n text-align: left;\n cursor: pointer;\n\n :hover {\n text-decoration: underline;\n }\n`;\n\nexport default LinkButton;\n","import { Link as RouterLink } from \"@reach/router\";\nimport { hideVisually, size } from \"polished\";\nimport React from \"react\";\nimport {\n useTranslation,\n WithTranslation,\n withTranslation,\n} from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n getEntry,\n getPrivateClassicLeaguesForEntry,\n getPrivateH2HLeaguesForEntry,\n getPublicClassicLeaguesForEntry,\n getPublicH2HLeaguesForEntry,\n getSystemClassicLeaguesForEntry,\n} from \"../../core/store/entries/reducers\";\nimport { fetchEntrySummary } from \"../../core/store/entries/thunks\";\nimport { IEntry, ILeagueEntry } from \"../../core/store/entries/types\";\nimport { leaveLeague } from \"../../core/store/leagues/thunks\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { ILoggedInPlayer } from \"../../core/store/player/types\";\nimport { ReactComponent as BaseCog } from \"../../img/icons/cog.svg\";\nimport Button from \"../Button\";\nimport Dialog, { DialogButtonItem } from \"../Dialog\";\nimport DialogManager from \"../DialogManager\";\nimport { ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Link from \"../Link\";\nimport LinkButton from \"../LinkButton\";\nimport Panel from \"../Panel\";\nimport SubHeading from \"../SubHeading\";\nimport Table from \"../Table\";\nimport { Ellipsis } from \"../Utils\";\nimport LeaguesNav from \"./LeaguesNav\";\nimport Movement from \"./Movement\";\nimport { getLeagueUrl } from \"./utils\";\n\nconst StyledMain = styled(Main)`\n min-width: 100%;\n padding: ${({ theme }) => `${theme.space[4]} ${theme.space[2]}`};\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding: ${({ theme }) => ` ${theme.space[4]}`};\n }\n`;\n\nconst SubHeadingWrap = styled(SubHeading)`\n padding: ${({ theme }) => `${theme.space[0]} ${theme.space[3]}`};\n`;\n\nconst LeaguesNavWrap = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n margin-right: 20%;\n margin-left: 20%;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[5]}) {\n margin-right: 30%;\n margin-left: 30%;\n }\n`;\n\nconst PrimaryWrap = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n padding: ${({ theme }) => `${theme.space[2]} ${theme.space[2]} 0`};\n }\n`;\n\nconst LeagueName = styled.div`\n padding: ${({ theme }) => theme.space[2]};\n background-color: ${({ theme }) => theme.colors.blueDarker2};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impact};\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 600;\n line-height: 1;\n`;\n\nconst ActionBar = styled.ul`\n list-style-type: none;\n padding: 0;\n margin: 0;\n margin: auto;\n width: 100%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n display: flex;\n width: 85%;\n }\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 74%;\n }\n`;\n\nconst ActionBarItem = styled.li`\n padding: ${({ theme }) => theme.space[2]};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n flex: 1;\n }\n`;\n\nconst ActionList = styled.ul`\n margin: 0;\n padding: 0;\n list-style: none;\n text-align: center;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: 50%;\n margin: 0 auto;\n }\n`;\n\nconst NoLeaguesJoined = styled.div`\n padding: 0 ${({ theme }) => theme.space[3]};\n border-top: 1px solid ${({ theme }) => theme.colors.white};\n`;\n\nconst MyLeaguesTable = styled(Table)`\n table-layout: fixed;\n\n th,\n td {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n`;\n\nconst LeagueCol = styled.th`\n width: 40%;\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 36%;\n }\n`;\n\nconst MovementCol = styled.th`\n width: 8%;\n`;\n\nconst RankCol = styled.th`\n width: 24%;\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 18%;\n }\n`;\n\nconst OptionsCol = styled.th`\n width: 10%;\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 20%;\n }\n`;\n\nconst MenuCopy = styled.span`\n margin-left: ${({ theme }) => theme.space[1]};\n\n @media (max-width: ${({ theme }) => theme.breakpoints[2]}) {\n ${hideVisually}\n }\n`;\n\nconst Cog = styled(BaseCog)`\n ${size(14)};\n`;\n\ninterface IPropsFromState {\n entry: IEntry | null;\n player: ILoggedInPlayer;\n privateClassicLeagues: ILeagueEntry[];\n privateH2HLeagues: ILeagueEntry[];\n publicClassicLeagues: ILeagueEntry[];\n publicH2HLeagues: ILeagueEntry[];\n systemClassicLeagues: ILeagueEntry[];\n}\n\ninterface IPropsFromDispatch {\n fetchEntrySummary: (entryId: number) => void;\n leave: (leagueId: number) => void;\n}\n\ntype Props = WithTranslation & IPropsFromState & IPropsFromDispatch;\n\nclass MyLeagues extends React.Component {\n public componentDidMount() {\n this.props.fetchEntrySummary(this.props.player.entry);\n }\n\n public render() {\n const {\n entry,\n leave,\n privateClassicLeagues,\n privateH2HLeagues,\n publicClassicLeagues,\n publicH2HLeagues,\n systemClassicLeagues,\n t,\n } = this.props;\n if (!entry) {\n return null;\n }\n return (\n \n );\n }\n}\n\nexport { MyLeagues as MyLeaguesTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => {\n const player = getPlayerData(state) as ILoggedInPlayer; // enforced by EntryRoute\n const entry = player.entry;\n return {\n entry: getEntry(state, entry),\n player,\n privateClassicLeagues: getPrivateClassicLeaguesForEntry(state, entry),\n privateH2HLeagues: getPrivateH2HLeaguesForEntry(state, entry),\n publicClassicLeagues: getPublicClassicLeaguesForEntry(state, entry),\n publicH2HLeagues: getPublicH2HLeaguesForEntry(state, entry),\n systemClassicLeagues: getSystemClassicLeaguesForEntry(state, entry),\n };\n};\n\nconst mapDispatchToProps = (\n dispatch: ThunkDispatch,\n ownProps: WithTranslation\n): IPropsFromDispatch => ({\n fetchEntrySummary: (entryId) => dispatch(fetchEntrySummary(entryId)),\n leave: (leagueId: number) => {\n if (\n window.confirm(\n ownProps.t(\n \"myLeagues.confirmLeave\",\n \"Are you sure you want to leave this league?\"\n )\n )\n ) {\n dispatch(leaveLeague(leagueId));\n }\n },\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(MyLeagues)\n);\n\ninterface ILeagueTypeTableProps {\n leagues: ILeagueEntry[];\n leave: (leagueId: number) => void;\n title: string;\n}\n\nconst LeagueTypeTable: React.FC\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {entry.name}\n \n \n \n \n \n }\n >\n {t(\n \"myLeagues.createJoinButton\",\n \"Create and join new leagues & cups\"\n )}\n \n \n }\n >\n {t(\"myLeagues.renewButton\", \"Renew your leagues\")}\n \n \n \n \n \n \n \n \n \n \n \n \n = ({\n leagues,\n leave,\n title,\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\ninterface ILeagueMenuDialogProps {\n handleHide: () => void;\n leagueEntry: ILeagueEntry;\n leave: (leagueId: number) => void;\n}\n\nconst LeagueMenuDialog: React.FC\n \n \n \n {leagues.length === 0 ? (\n \n ) : (\n \n )}\n \n \n

\n {t(\"myLeagues.noneJoined\", \"No \")}\n {title.toLowerCase()}\n {t(\"myLeagues.noneJoined2\", \" joined yet.\")}{\" \"}\n \n {t(\"myLeagues.noneJoined3\", \"Create and join new leagues\")}\n \n .\n

\n \n \n \n \n \n \n \n \n \n \n {leagues.map((l) => (\n \n \n \n \n \n \n \n {t(\"myLeagues.th.league\", \"League\")} \n {t(\"myLeagues.th.currentRank\", \"Current Rank\")}\n {t(\"myLeagues.th.lastRank\", \"Last Rank\")} {l.name}\n \n {l.entry_rank ? l.entry_rank.toLocaleString() : \"-\"}\n \n {l.entry_last_rank\n ? l.entry_last_rank.toLocaleString()\n : \"-\"}\n \n \n (\n <>\n \n {showDialog && (\n \n \n \n \n {t(\"myLeagues.optionsLink\", \"Options\")}\n \n )}\n \n )}\n />\n \n \n ))}\n \n = ({\n handleHide,\n leagueEntry,\n leave,\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n","import { RouteComponentProps } from \"@reach/router\";\nimport React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Box } from \"rebass\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n getH2HLeague,\n getH2HNewEntries,\n} from \"../../core/store/leagues/reducers\";\nimport { fetchH2HLeagueStandings } from \"../../core/store/leagues/thunks\";\nimport Button from \"../Button\";\nimport { ControlArrowLeft, ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Link from \"../Link\";\nimport { Pager, PagerItem, PagerItemNext } from \"../Pager\";\nimport SubHeading from \"../SubHeading\";\nimport Table from \"../Table\";\nimport Panel from \"../Panel\";\nimport StandingsHeading from \"./StandingsHeading\";\n\ntype OwnProps = RouteComponentProps<{\n leagueId: string;\n}>;\n\nconst NewEntriesH2H: React.FC\n \n {leagueEntry.name}\n \n \n \n {leagueEntry.entry_can_leave && (\n \n )}\n {leagueEntry.entry_can_admin && (\n \n )}\n {leagueEntry.entry_can_invite && (\n \n )}\n \n }\n to={`/leagues/${leagueEntry.id}/standings/${leagueEntry.scoring}`}\n >\n {t(\"myLeagues.menuDialog.standings\", \"Standings\")}\n \n \n }\n onClick={() => {\n leave(leagueEntry.id);\n handleHide();\n }}\n >\n {t(\"myLeagues.menuDialog.leave\", \"Leave league\")}\n \n \n }\n to={`/leagues/${leagueEntry.id}/admin/${leagueEntry.scoring}`}\n >\n {t(\"myLeagues.menuDialog.admin\", \"Administer\")}\n \n \n }\n to={`/leagues/${leagueEntry.id}/invite`}\n >\n {t(\"myLeagues.menuDialog.invite\", \"Invite friends\")}\n \n = ({ leagueId }) => {\n const { t } = useTranslation();\n const leagueNumber = Number(leagueId);\n const reduxDispatch = useDispatch();\n const [page, setPage] = useState(1);\n const league = useSelector((state: RootState) =>\n getH2HLeague(state, leagueNumber)\n );\n const newEntries = useSelector((state: RootState) =>\n getH2HNewEntries(state, leagueNumber, page)\n );\n useEffect(() => {\n reduxDispatch(fetchH2HLeagueStandings(leagueNumber, page, 1));\n }, [reduxDispatch, page, leagueNumber]);\n\n if (!league || !newEntries) {\n return null;\n }\n\n return (\n \n );\n};\n\nexport default NewEntriesH2H;\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Box, Flex } from \"rebass/styled-components\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getRenewableLeagues } from \"../../core/store/leagues/reducers\";\nimport {\n deleteRenewableLeague,\n fetchRenewableLeagues,\n renewRenewableLeague,\n} from \"../../core/store/leagues/thunks\";\nimport { IRenewableLeague } from \"../../core/store/leagues/types\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { Main, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport Title from \"../Title\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\n\ninterface IPropsFromState {\n leagues: IRenewableLeague[];\n}\n\ninterface IPropsFromDispatch {\n destroy: (id: number) => void;\n fetch: () => void;\n renew: (id: number) => void;\n}\n\ntype Props = WithTranslation & IPropsFromState & IPropsFromDispatch;\n\nclass Renew extends React.Component\n \n \n

\n \n \n \n \n \n {t(\"standingH2h.new\", \"New entries\")}\n \n \n \n \n \n \n \n \n \n {newEntries.results.map((ne) => (\n \n \n \n \n ))}\n \n

{t(\"standingH2h.team1\", \"Team\")}{t(\"standingH2h.manager1\", \"Manager\")}{ne.entry_name}\n \n {ne.player_first_name} {ne.player_last_name}\n \n \n \n \n \n {page > 1 && (\n \n )}\n \n \n Previous\n {newEntries.has_next && (\n \n )}\n Next\n \n <>\n {\n public componentDidMount() {\n this.props.fetch();\n }\n\n public render() {\n const { destroy, leagues, renew, t } = this.props;\n return (\n \n );\n }\n}\n\nexport { Renew as RenewTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n leagues: getRenewableLeagues(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n destroy: async (id: number) =>\n await dispatch(deleteRenewableLeague(id)).catch((e) => {}),\n fetch: async () => await dispatch(fetchRenewableLeagues()).catch((e) => {}),\n renew: async (id: number) =>\n await dispatch(renewRenewableLeague(id)).catch((e) => {}),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(Renew)\n);\n","import React from \"react\";\nimport { Helmet } from \"react-helmet\";\n\ninterface IProps {\n description: string;\n title: string;\n}\n\nconst HelmetHead: React.FC\n \n

\n \n

\n \n \n \n\n {leagues.length ? (\n \n ) : (\n \n )}\n {t(\"renew.title\", \"Renew your leagues\")}

\n {t(\n \"renew.p1\",\n \"Choose whether you wish to renew or delete last season's private leagues.\"\n )}\n

\n {t(\n \"renew.p2\",\n \"All players from last season will automatically be entered into the renewed league(s) when they join the game.\"\n )}\n

\n {leagues.map((l) => (\n \n ))}\n

\n \n \n

{l.name}\n \n \n \n \n \n \n \n {t(\"renew.none\", \"You have no leagues to renew.\")}\n = ({ description, title }) => {\n return (\n \n );\n};\n\nexport default HelmetHead;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport HelmetHead from \"../HelmetHead\";\n\nconst HelmetHeadLeagues: React.FC = () => {\n const { t } = useTranslation();\n return (\n <>\n \n \n \n {title}\n \n );\n};\n\nexport default HelmetHeadLeagues;\n","import styled, { css } from \"styled-components/macro\";\n\ninterface IProps {\n mine: boolean;\n}\n\nconst StandingsRow = styled.tr`\n ${(props) =>\n props.mine &&\n css`\n tr {\n background: ${({ theme }) => theme.colors.tableBlueLight};\n\n &:nth-child(odd) {\n background: ${({ theme }) => theme.colors.tableBlueDark};\n }\n color: ${({ theme }) => theme.colors.black};\n > a {\n color: ${({ theme }) => theme.colors.red};\n }\n }\n `}\n`;\nexport default StandingsRow;\n","import { navigate, RouteComponentProps } from \"@reach/router\";\nimport qs from \"qs\";\nimport React from \"react\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box, Flex } from \"rebass/styled-components\";\nimport styled from \"styled-components\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getCurrentEvent } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport {\n getClassicLeague,\n getClassicNewEntries,\n getClassicStandings,\n} from \"../../core/store/leagues/reducers\";\nimport { fetchClassicLeagueStandings } from \"../../core/store/leagues/thunks\";\nimport {\n IClassicStandingsWithDates,\n ILeague,\n INewEntriesData,\n} from \"../../core/store/leagues/types\";\nimport { getStartedPhases } from \"../../core/store/phases/reducers\";\nimport { IPhase } from \"../../core/store/phases/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { IPlayer } from \"../../core/store/player/types\";\nimport { formatRawAsLocalI18n } from \"../../core/utils/datetime\";\nimport { dateLocales } from \"../../i18n\";\nimport { getShortNameFromId } from \"../../utils/events\";\nimport Alert from \"../Alert\";\nimport BoldLink from \"../BoldLink\";\nimport ButtonLink from \"../ButtonLink\";\nimport { InlineSelectField } from \"../FieldRenderers\";\nimport { ControlArrowLeft, ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Link from \"../Link\";\nimport { Pager, PagerItem, PagerItemNext } from \"../Pager\";\nimport Panel from \"../Panel\";\nimport SubHeading from \"../SubHeading\";\nimport Table from \"../Table\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport HelmetHeadLeagues from \"./HelmetHeadLeagues\";\nimport Movement from \"./Movement\";\nimport StandingsHeading from \"./StandingsHeading\";\nimport StandingsRow from \"./StandingsRow\";\nimport { getCupUrl } from \"./utils\";\n\nconst StyledMain = styled(Main)`\n min-width: 100%;\n padding: ${({ theme }) => `${theme.space[4]} ${theme.space[2]}`};\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding: ${({ theme }) => `${theme.space[8]} ${theme.space[4]}`};\n }\n`;\n\ntype OwnProps = RouteComponentProps<{ leagueId: string }>;\n\ninterface IPropsFromState {\n league: ILeague | null;\n leagueNumber: number;\n newEntries: INewEntriesData | null;\n now: IEvent | null;\n pageNewEntries: number;\n pageStandings: number;\n phase: number;\n phases: IPhase[];\n player: IPlayer | null;\n standings: IClassicStandingsWithDates | null;\n}\n\ninterface IPropsFromDispatch {\n fetchStandings: (\n leagueId: number,\n phaseId: number,\n pageNewEntries: number,\n pageStandings: number\n ) => void;\n}\n\ntype Props = WithTranslation & OwnProps & IPropsFromState & IPropsFromDispatch;\n\nclass StandingsClassic extends React.Component {\n public fetchLeagueStandings() {\n if (this.props.leagueNumber) {\n this.props.fetchStandings(\n this.props.leagueNumber,\n this.props.phase,\n this.props.pageNewEntries,\n this.props.pageStandings\n );\n }\n }\n\n public componentDidMount() {\n this.fetchLeagueStandings();\n }\n\n public componentDidUpdate(prevProps: Props) {\n if (\n prevProps.pageNewEntries !== this.props.pageNewEntries ||\n prevProps.pageStandings !== this.props.pageStandings ||\n prevProps.phase !== this.props.phase\n ) {\n this.fetchLeagueStandings();\n }\n }\n\n public buildLink(\n phase: number,\n pageNewEntries: number,\n pageStandings: number\n ) {\n return `/leagues/${\n this.props.league!.id\n }/standings/c?phase=${phase}&page_new_entries=${pageNewEntries}&page_standings=${pageStandings}`;\n }\n\n public handleChange = (e: React.FormEvent) =>\n navigate(this.buildLink(parseInt(e.currentTarget.value, 10), 1, 1));\n\n public render() {\n const {\n i18n,\n league,\n leagueNumber,\n newEntries,\n now,\n pageNewEntries,\n pageStandings,\n phase,\n phases,\n player,\n standings,\n t,\n } = this.props;\n\n if (!league) {\n return null;\n }\n\n const started = now && league.start_event <= now.id;\n return (\n <>\n \n \n \n );\n }\n}\n\nexport { StandingsClassic as StandingClassicTest };\n\nconst mapStateToProps = (\n state: RootState,\n ownProps: OwnProps\n): IPropsFromState => {\n // Get league id from path\n const leagueNumber = parseInt(ownProps.leagueId!, 10) || 0;\n\n // Get phase and page numbers from query string\n const query = qs.parse(ownProps.location!.search, {\n ignoreQueryPrefix: true,\n });\n const phase = parseInt(query.phase as string, 10) || 1;\n const pageNewEntries = parseInt(query.page_new_entries as string, 10) || 1;\n const pageStandings = parseInt(query.page_standings as string, 10) || 1;\n\n return {\n now: getCurrentEvent(state),\n league: getClassicLeague(state, leagueNumber),\n leagueNumber,\n newEntries: getClassicNewEntries(state, leagueNumber, pageNewEntries),\n pageNewEntries,\n pageStandings,\n phase,\n phases: getStartedPhases(state),\n player: getPlayerData(state),\n standings: getClassicStandings(state, leagueNumber, phase, pageStandings),\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchStandings: (\n leagueId: number,\n phaseId: number,\n pageNewEntries: number,\n pageStandings: number\n ) =>\n dispatch(\n fetchClassicLeagueStandings(\n leagueId,\n pageNewEntries,\n pageStandings,\n phaseId\n )\n ),\n});\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(StandingsClassic)\n);\n","import { RouteComponentProps } from \"@reach/router\";\nimport qs from \"qs\";\nimport React from \"react\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box, Flex } from \"rebass/styled-components\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n getCurrentEvent,\n getNextEvent,\n} from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport {\n getActiveEntryInLeague,\n getH2HLeague,\n getH2HStandings,\n} from \"../../core/store/leagues/reducers\";\nimport { fetchH2HLeagueStandings } from \"../../core/store/leagues/thunks\";\nimport { IH2HStandingsData, ILeague } from \"../../core/store/leagues/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { IPlayer } from \"../../core/store/player/types\";\nimport ButtonLink from \"../ButtonLink\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Link from \"../Link\";\nimport { Pager, PagerItem, PagerItemNext } from \"../Pager\";\nimport Table, { ScrollTable } from \"../Table\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport { ControlArrowLeft, ControlArrowRight } from \"../icons/Arrows\";\nimport H2HNav from \"./H2HNav\";\nimport HelmetHeadLeagues from \"./HelmetHeadLeagues\";\nimport Movement from \"./Movement\";\nimport StandingsHeading from \"./StandingsHeading\";\nimport StandingsRow from \"./StandingsRow\";\n\ntype OwnProps = RouteComponentProps<{ leagueId: string }>;\n\ninterface IPropsFromState {\n defaultEntryNumber: number;\n isPlayerInLeague: boolean;\n league: ILeague | null;\n leagueNumber: number;\n next: IEvent | null;\n now: IEvent | null;\n pageNewEntries: number;\n pageStandings: number;\n player: IPlayer | null;\n standings: IH2HStandingsData | null;\n}\n\ninterface IPropsFromDispatch {\n fetchStandings: (\n leagueId: number,\n pageNewEntries: number,\n pageStandings: number\n ) => void;\n}\n\ntype Props = WithTranslation & OwnProps & IPropsFromState & IPropsFromDispatch;\n\nclass StandingsH2H extends React.Component\n \n \n \n \n {league.has_cup && (\n \n )}\n {league.start_event > 1 && (\n \n )}\n \n {standings && standings.lastUpdatedData && (\n \n )}\n \n {standings && (\n \n )}\n {newEntries && newEntries.results.length > 0 && (\n <>\n \n \n \n \n )}\n \n \n \n {league.cup_league\n ? t(\"standingClassic.matches\", \"View cup matches\")\n : t(\"standingClassic.info\", \"View cup info\")}\n \n \n \n {started\n ? t(\n \"standingClassic.started\",\n \"League scoring started in Round {{eventStarted}}\",\n {\n eventStarted: getShortNameFromId(\n league.start_event,\n true\n ),\n }\n )\n : t(\n \"standingClassic.starting\",\n \"League scoring will start in Round {{eventStarted}}\",\n {\n eventStarting: getShortNameFromId(\n league.start_event,\n true\n ),\n }\n )}\n \n \n {phases.map((p) => (\n \n {p.name}\n \n ))}\n \n \n \n {t(\n \"standingClassic.lastUpdate\",\n \"Last updated: {{ lastUpdatedData }} (local time)\",\n {\n lastUpdatedData: formatRawAsLocalI18n(\n standings.lastUpdatedData,\n dateLocales[i18n.language]\n ),\n }\n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {standings &&\n standings.results.map((ls) => (\n \n \n \n \n \n \n ))}\n \n

{t(\"standingClassic.rank\", \"Rank\")}\n {t(\"standingClassic.team\", \"Team & Manager\")}\n \n \n \n \n \n {t(\"standingClassic.rd\", \"RD\")}\n \n \n \n \n \n {t(\"standingClassic.tot\", \"TOT\")}\n \n \n \n \n {ls.rank}\n \n {now ? (\n \n \n \n ) : (\n \n )}\n \n {ls.player_name}\n {ls.entry_name}{ls.entry_name}
{ls.event_total}{ls.total}\n \n \n \n {pageStandings > 1 && (\n \n \n \n )}\n {t(\"standingClassic.previews\", \"Previous\")}\n {standings.has_next && (\n \n \n \n )}\n {t(\"standingClassic.next\", \"Next\")}\n {t(\"standingClassic.new\", \"New entries\")}\n \n \n \n \n \n \n \n \n {newEntries.results.map((ne) => (\n \n \n \n \n ))}\n \n

{t(\"standingClassic.team1\", \"Team\")}\n {t(\"standingClassic.manager1\", \"Manager\")}\n {ne.entry_name}\n \n {ne.player_first_name} {ne.player_last_name}\n \n \n \n \n \n {pageNewEntries > 1 && (\n \n \n \n \n )}\n \n {t(\"standingClassic.previews1\", \"Previous\")}\n \n {newEntries.has_next && (\n \n \n \n {t(\"standingClassic.next1\", \"Next\")}\n \n \n )}\n \n <>\n {\n public fetchLeagueStandings() {\n if (this.props.leagueNumber) {\n this.props.fetchStandings(\n this.props.leagueNumber,\n this.props.pageNewEntries,\n this.props.pageStandings\n );\n }\n }\n\n public componentDidMount() {\n this.fetchLeagueStandings();\n }\n\n public componentDidUpdate(prevProps: Props) {\n if (\n prevProps.pageNewEntries !== this.props.pageNewEntries ||\n prevProps.pageStandings !== this.props.pageStandings\n ) {\n this.fetchLeagueStandings();\n }\n }\n\n public buildLink(pageStandings: number) {\n return `/leagues/${\n this.props.league!.id\n }/standings/h?page_standings=${pageStandings}`;\n }\n\n public render() {\n const {\n defaultEntryNumber,\n league,\n now,\n pageStandings,\n player,\n standings,\n leagueNumber,\n t,\n } = this.props;\n if (!league) {\n return null;\n }\n return (\n \n );\n }\n}\n\nexport { StandingsH2H as StandingH2HTest };\n\nconst mapStateToProps = (\n state: RootState,\n ownProps: OwnProps\n): IPropsFromState => {\n // Get league id from path\n const leagueNumber = parseInt(ownProps.leagueId!, 10) || 0;\n\n // Get page numbers from query string\n const query = qs.parse(ownProps.location!.search, {\n ignoreQueryPrefix: true,\n });\n const defaultEntryNumber = parseInt(query.default_entry as string, 10) || 0;\n const pageNewEntries = parseInt(query.page_new_entries as string, 10) || 1;\n const pageStandings = parseInt(query.page_standings as string, 10) || 1;\n const next = getNextEvent(state);\n const now = getCurrentEvent(state);\n return {\n defaultEntryNumber,\n isPlayerInLeague: Boolean(\n getActiveEntryInLeague(state, leagueNumber, \"h2h\")\n ),\n league: getH2HLeague(state, leagueNumber),\n leagueNumber,\n next: next,\n now: now,\n pageNewEntries,\n pageStandings,\n player: getPlayerData(state),\n standings: getH2HStandings(state, leagueNumber, pageStandings),\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchStandings: (\n leagueId: number,\n pageNewEntries: number,\n pageStandings: number\n ) =>\n dispatch(fetchH2HLeagueStandings(leagueId, pageNewEntries, pageStandings)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(StandingsH2H)\n);\n","import React from \"react\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { useSelector } from \"react-redux\";\nimport { Redirect, RouteComponentProps } from \"@reach/router\";\n\nconst LoggedIn: React.FC\n \n \n \n

\n {standings && standings.results[0] && now && (\n \n )}\n \n {standings && standings.results.length > 0 && (\n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {standings &&\n standings.results.map((ls) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

{t(\"standingH2h.rank\", \"Rank\")}\n {t(\"standingH2h.team\", \"Team & Manager\")}\n \n \n \n \n {t(\"standingH2h.win\", \"W\")}\n \n \n \n \n {t(\"standingH2h.draw\", \"D\")}\n \n \n \n \n \n {t(\"standingH2h.loose\", \"L\")}\n {t(\"standingH2h.score\", \"Score\")}\n \n \n \n \n {t(\"standingH2h.pts\", \"Pts\")}\n \n \n \n \n {ls.rank}\n \n {ls.entry ? (\n \n \n \n ) : (\n \n )}\n \n {ls.player_name}\n {ls.entry_name}{ls.entry_name}
{ls.matches_won}{ls.matches_drawn}{ls.matches_lost}{ls.points_for}{ls.total}\n \n \n \n \n \n {pageStandings > 1 && (\n \n \n \n \n )}\n {t(\"standingH2h.previews\", \"Previous\")}\n {standings.has_next && (\n \n \n {t(\"standingH2h.next\", \"Next\")}\n \n )}\n \n <>\n = () => {\n const player = useSelector(getPlayerData);\n if (!player) {\n return ;\n } else if (!player.entry) {\n return ;\n }\n return ;\n};\n\nexport default LoggedIn;\n","import { RouteComponentProps } from \"@reach/router\";\nimport React, { useEffect } from \"react\";\nimport { connect, ConnectedProps } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport * as allauth from \"../../utils/allauth\";\nimport { logout } from \"../../core/store/player/thunks\";\nimport { RootState } from \"../../core/store\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { Box } from \"rebass/styled-components\";\nimport { useTranslation } from \"react-i18next\";\n\nconst LogoutContainer = styled(Box)`\n margin-top: 6rem;\n margin-bottom: 3rem;\n padding: 3rem;\n background-color: #f2f9fa;\n text-align: center;\n`;\n\nconst mapStateToProps = (state: RootState) => ({\n player: getPlayerData(state),\n});\n\nconst mapDispatch = {\n logout: () => logout(),\n};\n\nconst connector = connect(mapStateToProps, mapDispatch);\n\ntype PropsFromRedux = ConnectedProps;\n\nconst Logout: React.FC = ({\n logout,\n player,\n}) => {\n const { t } = useTranslation();\n\n useEffect(() => {\n const performLogout = async () => {\n try {\n // First log out from the game\n await logout();\n\n // Check if we need to logout from TV2 by checking\n // if the player was authenticated with social auth\n const auth = await allauth.getAuth();\n console.log(\"auth state: \", auth);\n console.log(\"auth state:\", JSON.stringify(auth, null, 2));\n if (\n auth &&\n auth.data?.user &&\n auth.data.user.socialaccounts?.length > 0\n ) {\n // User was logged in with social auth, we need to logout from TV2\n await allauth.logout();\n\n // Redirect to the TV2 logout endpoint to complete SSO logout\n // This URL should be configured in your TV2 settings\n const returnTo = encodeURIComponent(window.location.origin);\n const auth0Domain =\n process.env.REACT_APP_AUTH0_DOMAIN || \"https://id-stage.tv2.no\";\n window.location.href = `https://${auth0Domain}/v2/logout?client_id=${process.env.REACT_APP_AUTH0_CLIENT_ID}&returnTo=${returnTo}`;\n } else {\n // Regular logout, just redirect to home\n window.location.replace(\"/\");\n }\n } catch (error) {\n console.error(\"Logout error:\", error);\n // If there's an error, just redirect to home\n window.location.replace(\"/\");\n }\n };\n\n performLogout();\n }, [logout]);\n\n return (\n \n );\n};\n\nexport default connector(Logout);\n","import { RouteComponentProps } from \"@reach/router\";\nimport React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch } from \"react-redux\";\nimport { Box } from \"rebass\";\nimport { ThunkDispatch } from \"../../core/store\";\nimport { passwordReset } from \"../../core/store/player/thunks\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { InputField } from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\n\nconst PasswordReset: React.FC\n \n \n

{t(\"logout.title\", \"Signing Out\")}

{t(\"logout.message\", \"Please wait while we sign you out...\")}

= () => {\n const reduxDispatch = useDispatch();\n const { t } = useTranslation();\n const [email, setEmail] = useState(\"\");\n const [submitted, setSumbitted] = useState(false);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n try {\n await reduxDispatch(passwordReset({ email }));\n } catch (e) {\n return;\n }\n setSumbitted(true);\n }\n\n if (submitted) {\n return (\n \n );\n }\n\n return (\n \n );\n};\n\nexport default PasswordReset;\n","import { RouteComponentProps } from \"@reach/router\";\nimport values from \"lodash/values\";\nimport React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Box } from \"rebass\";\nimport { ThunkDispatch } from \"../../core/store\";\nimport { getPasswordSetError } from \"../../core/store/player/reducers\";\nimport { passwordSet } from \"../../core/store/player/thunks\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport ButtonLink from \"../ButtonLink\";\nimport Copy from \"../Copy\";\nimport { FieldFeedback, InputField } from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\n\ninterface IErrors {\n newPassword1: string;\n newPassword2: string;\n}\n\nconst PasswordSet: React.FC<\n RouteComponentProps<{\n uidb64: string;\n token: string;\n }>\n> = ({ uidb64, token }) => {\n const passwordSetErrors = useSelector(getPasswordSetError);\n const reduxDispatch = useDispatch\n \n

\n \n \n

\n \n {t(\"passwordReset.sentTitle\", \"Password reset sent\")}\n \n

\n {t(\n \"passwordReset.sentExplain\",\n \"If the email you submitted is registered in the game we have emailed you the instructions for resetting your password. You should receive it shortly.\"\n )}\n

\n \n

\n \n \n

\n \n {t(\"passwordReset.title\", \"Password reset\")}\n \n \n

\n {t(\n \"passwordReset.explain\",\n \"Forgotten your password? Enter your e-mail address below, and we'll e-mail instructions for setting a new one.\"\n )}\n

\n ) =>\n setEmail(e.currentTarget.value)\n }\n />\n \n \n ();\n const { t } = useTranslation();\n const [initialToken] = useState(token);\n const [newPassword1, setNewPassword1] = useState(\"\");\n const [newPassword2, setNewPassword2] = useState(\"\");\n const [submitted, setSumbitted] = useState(false);\n const [errors, setErrors] = useState({\n newPassword1: \"\",\n newPassword2: \"\",\n });\n\n if (submitted) {\n return (\n \n );\n }\n\n if (!initialToken || !uidb64) {\n return (\n \n );\n }\n\n async function handleSubmit(e: React.FormEvent\n \n

\n \n \n

\n \n \n {t(\"passwordReset.completeTitle\", \"Password reset sent\")}\n \n \n \n

\n {t(\n \"passwordReset.completeText\",\n \"Your password has been set. You may go ahead and log in now.\"\n )}\n

\n \n \n {t(\"passwordSet.completeLogin\", \"Log in\")}\n \n \n

\n \n \n

\n \n \n {t(\"passwordReset.errorMissingTitle\", \"Error validating link\")}\n \n \n

\n {t(\n \"passwordReset.errorMissingText\",\n \"There was a problem with the password reset URL. Please try clicking the link again or cut and paste it from your email application.\"\n )}\n

) {\n e.preventDefault();\n try {\n await reduxDispatch(\n passwordSet({\n new_password1: newPassword1,\n new_password2: newPassword2,\n uidb64: uidb64 as string,\n token: initialToken as string,\n })\n );\n } catch (e) {\n return;\n }\n setSumbitted(true);\n }\n\n // Errors which can be picked up by the UI\n const validate = () => {\n const errors: IErrors = {\n newPassword1: \"\",\n newPassword2: \"\",\n };\n if (newPassword1.length <= 6) {\n errors.newPassword1 = t(\n \"passwordSet.hintPassword1\",\n \"Minimum 6 characters\"\n );\n }\n if (newPassword2.length && newPassword1 !== newPassword2) {\n errors.newPassword2 = t(\n \"passwordSet.errorMatch\",\n \"Please make sure the passwords match.\"\n );\n }\n setErrors(errors);\n };\n\n // Obvious errors should be picked up by the UI but just in case we should\n // show them. Better en errors than none ...\n const serverErrors =\n passwordSetErrors && passwordSetErrors.badRequest\n ? values(passwordSetErrors.badRequest).map((e) => e[0].message)\n : [];\n\n const disabled = newPassword1.length < 6 || newPassword1 !== newPassword2;\n\n return (\n \n );\n};\n\nexport default PasswordSet;\n","import { createAsyncAction } from \"typesafe-actions\";\nimport { IError } from \"..\";\nimport { IRegion } from \"./types\";\n\n// Action Creators\nexport const addRegions = createAsyncAction(\n \"ADD_REGIONS_START\",\n \"ADD_REGIONS_SUCCESS\",\n \"ADD_REGIONS_FAILURE\"\n)\n \n

\n \n {serverErrors.length > 0 && (\n \n )}\n \n

\n \n {t(\"passwordSet.title\", \"Enter new password\")}\n {values(serverErrors).map((r) => (\n \n ))}\n

{r}

\n \n \n

\n {t(\n \"passwordSet.explain\",\n \"Please enter your new password twice so we can verify you typed it in correctly.\"\n )}\n

\n ) =>\n setNewPassword1(e.currentTarget.value)\n }\n onBlur={validate}\n hint={t(\"passwordSet.hintPassword1\", \"Minimum 6 characters\")}\n />\n {errors.newPassword1}\n ) =>\n setNewPassword2(e.currentTarget.value)\n }\n onBlur={validate}\n />\n {errors.newPassword2}\n \n ();\n","import { combineReducers } from \"redux\";\nimport { getType } from \"typesafe-actions\";\nimport { RootAction, RootState } from \"../\";\nimport * as actions from \"./actions\";\nimport { IRegion, IState } from \"./types\";\n\n// State Reducer\nexport default combineReducers({\n byId: (state = {}, action: RootAction) => {\n switch (action.type) {\n case getType(actions.addRegions.success):\n const newState: { [key: string]: IRegion } = {};\n action.payload.forEach((team) => {\n newState[team.id] = team;\n });\n return newState;\n default:\n return state;\n }\n },\n});\n\n// State Selectors\nexport const getRegionsById = (state: RootState) => state.regions.byId;\n\nexport const getRegions = (state: RootState) =>\n Object.keys(state.regions.byId).map((r) => state.regions.byId[r]);\n","export default __webpack_public_path__ + \"static/media/altibox-logo.3e5d4b9e.svg\";","export default __webpack_public_path__ + \"static/media/es-logo.d6420b42.svg\";","export default __webpack_public_path__ + \"static/media/obos-logo.ee6425fe.svg\";","export default __webpack_public_path__ + \"static/media/tv2-logo.b52e4439.svg\";","import { navigate } from \"@reach/router\";\nimport React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Box } from \"rebass\";\nimport { ThunkDispatch } from \"../../core/store\";\nimport { bootstrap } from \"../../core/store/bootstrap/thunks\";\nimport { getPasswordChangeError } from \"../../core/store/player/reducers\";\nimport { passwordChange } from \"../../core/store/player/thunks\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport { FieldFeedback, InputField } from \"../FieldRenderers\";\nimport { Main } from \"../Layout\";\nimport Title from \"../Title\";\n\ninterface IErrors {\n oldPassword: string;\n password: string;\n}\n\nconst PasswordChange: React.FC = () => {\n const passwordChangeErrors = useSelector(getPasswordChangeError);\n const reduxDispatch = useDispatch();\n const { t } = useTranslation();\n const [oldPassword, setOldPassword] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [errors, setErrors] = useState({\n password: \"\",\n oldPassword: \"\",\n });\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n try {\n await reduxDispatch(\n passwordChange({\n old_password: oldPassword,\n password,\n })\n );\n } catch (e) {\n return;\n }\n await reduxDispatch(bootstrap());\n navigate(\"/\");\n }\n\n // Errors which can be picked up by the UI\n const validate = () => {\n if (password.length <= 6) {\n errors.password = t(\n \"passwordChange.hintPassword\",\n \"Minimum 6 characters\"\n );\n }\n setErrors(errors);\n };\n\n const disabled = password.length < 6 || !oldPassword.length;\n\n return (\n \n );\n};\n\nexport default PasswordChange;\n","import { navigate, RouteComponentProps } from \"@reach/router\";\nimport { trackEvent } from \"fathom-client\";\nimport range from \"lodash/range\";\nimport sortBy from \"lodash/sortBy\";\nimport values from \"lodash/values\";\nimport moment from \"moment\";\nimport React from \"react\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { IError, RootState, ThunkDispatch } from \"../../core/store\";\nimport { bootstrap } from \"../../core/store/bootstrap/thunks\";\nimport {\n getPlayerData,\n getPlayerUpdateError,\n getRegisterError,\n} from \"../../core/store/player/reducers\";\nimport { playerUpdate, register } from \"../../core/store/player/thunks\";\nimport { getRegions } from \"../../core/store/regions/reducers\";\nimport { fetchRegions } from \"../../core/store/regions/thunks\";\nimport { IRegion } from \"../../core/store/regions/types\";\nimport AltiboxLogo from \"../../img/logos/altibox-logo.svg\";\nimport EliteSerienLogo from \"../../img/logos/es-logo.svg\";\nimport ObosLogo from \"../../img/logos/obos-logo.svg\";\nimport TV2Logo from \"../../img/logos/tv2-logo.svg\";\nimport { IPlayer } from \"../../types\";\nimport { loadFathomTrackingId } from \"../../utils/fathom\";\nimport { getSite } from \"../../utils/sites\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport {\n CheckboxField,\n FieldFeedback,\n InputField,\n SelectField,\n} from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\nimport PasswordChange from \"./PasswordChange\";\n\nconst DOBFieldset = styled.fieldset`\n margin: 0;\n padding: 0;\n border: 0;\n`;\n\nconst DOBFieldsetInner = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n margin-top: ${({ theme }) => theme.space[2]};\n margin-left: -${({ theme }) => theme.space[2]};\n margin-right: -${({ theme }) => theme.space[2]};\n }\n`;\n\nconst DOBLegend = styled.legend`\n display: block;\n padding: 0;\n margin-bottom: ${({ theme }) => theme.space[1]};\n color: ${({ theme }) => theme.colors.blueDarker1};\n font-size: 1.5rem;\n font-weight: bold;\n cursor: pointer;\n`;\n\nconst DOBCol = styled.div`\n margin-top: ${({ theme }) => theme.space[2]};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: calc(100% / 3);\n margin-top: 0;\n padding-left: ${({ theme }) => theme.space[2]};\n padding-right: ${({ theme }) => theme.space[2]};\n }\n`;\n\ninterface IPropsFromState {\n player: IPlayer | null;\n regions: IRegion[];\n registerError: IError | null;\n updateError: IError | null;\n}\n\ninterface IPropsFromDispatch {\n doBootstrap: () => Promise

\n \n {passwordChangeErrors && (\n \n )}\n \n

\n \n {t(\"passwordChange.title\", \"Change password\")}\n {t(\"passwordChange.error\", \"Error updating password.\")}\n \n \n \n ) =>\n setOldPassword(e.currentTarget.value)\n }\n />\n \n ) =>\n setPassword(e.currentTarget.value)\n }\n onBlur={validate}\n hint={t(\"passwordChange.hintPassword\", \"Minimum 6 characters\")}\n />\n {errors.password}\n \n ;\n fetchRegionData: () => void;\n registerPlayer: (data: {}) => Promise;\n updatePlayer: (data: {}) => Promise;\n}\n\ntype Props = RouteComponentProps &\n WithTranslation &\n IPropsFromState &\n IPropsFromDispatch;\n\ninterface IState {\n birthDay: number;\n birthMonth: number;\n birthYear: number;\n email: string;\n emailEliteserien: boolean;\n emailFavourite: boolean;\n emailObos: boolean;\n emailTV2: boolean;\n emailAltibox: boolean;\n firstName: string;\n lastName: string;\n password: string;\n region: number;\n errorDob: string;\n errorEmail: string;\n errorFName: string;\n errorLName: string;\n errorPass: string;\n errorRegion: string;\n}\n\nclass Register extends React.Component {\n public errorsTxt: { [key: string]: string } = {\n EDob: this.props.t(\"register.errors.dob\", \" not valid\"),\n EEmail: this.props.t(\"register.errors.email\", \"An email is required\"),\n EFName: this.props.t(\"register.errors.fname\", \"First name is required\"),\n ELName: this.props.t(\"register.errors.lname\", \"Last name is required\"),\n EPass: this.props.t(\"register.errors.pass\", \"A password is required\"),\n EPassLenght: this.props.t(\n \"register.errors.passLength\",\n \"Password too short, minimum 6 characters\"\n ),\n ERegion: this.props.t(\"register.errors.region\", \"A region is required\"),\n EValidDob: this.props.t(\n \"register.errors.validDob\",\n \"A correct is required\"\n ),\n EvalidEmail: this.props.t(\n \"register.errors.validEmail\",\n \"This Email address is already registered\"\n ),\n EValidPass: this.props.t(\"register.errors.validPass\", \"Password not valid\"),\n };\n\n public months: { [key: string]: string } = {\n 1: this.props.t(\"months.janShort\", \"Jan\"),\n 2: this.props.t(\"months.febShort\", \"Feb\"),\n 3: this.props.t(\"months.marShort\", \"Mar\"),\n 4: this.props.t(\"months.aprShort\", \"Apr\"),\n 5: this.props.t(\"months.mayShort\", \"May\"),\n 6: this.props.t(\"months.junShort\", \"Jun\"),\n 7: this.props.t(\"months.julShort\", \"Jul\"),\n 8: this.props.t(\"months.augShort\", \"Aug\"),\n 9: this.props.t(\"months.sepShort\", \"Sep\"),\n 10: this.props.t(\"months.octShort\", \"Oct\"),\n 11: this.props.t(\"months.novShort\", \"Nov\"),\n 12: this.props.t(\"months.decShort\", \"Dec\"),\n };\n\n constructor(props: Props) {\n super(props);\n const player = props.player;\n this.state = {\n birthDay:\n player && player.date_of_birth\n ? Number(player.date_of_birth.split(\"-\")[2])\n : 0,\n birthMonth:\n player && player.date_of_birth\n ? Number(player.date_of_birth.split(\"-\")[1])\n : 0,\n birthYear:\n player && player.date_of_birth\n ? Number(player.date_of_birth.split(\"-\")[0])\n : 0,\n email:\n player && player.email.indexOf(\"@ismfgsocial\") === -1\n ? player.email\n : \"\",\n emailAltibox: player ? player.email_altibox : false,\n emailEliteserien: player ? player.email_eliteserien : false,\n emailObos: player ? player.email_obos : false,\n emailTV2: player ? player.email_tv2 : false,\n emailFavourite: player ? player.email_favourite : false,\n errorDob: \"\",\n errorEmail: \"\",\n errorFName: \"\",\n errorLName: \"\",\n errorPass: \"\",\n errorRegion: \"\",\n firstName: player ? player.first_name : \"\",\n lastName: player ? player.last_name : \"\",\n password: \"\",\n region: props.player ? props.player.region : 0,\n };\n }\n\n public getMode = () => {\n if (!this.props.player) {\n return \"register\";\n }\n return this.props.player.dirty ? \"confirm\" : \"update\";\n };\n\n public getRequiredFields(): Array

{\n switch (this.getMode()) {\n case \"register\":\n return [\n \"birthDay\",\n \"birthMonth\",\n \"birthYear\",\n \"email\",\n \"firstName\",\n \"lastName\",\n \"password\",\n \"region\",\n ];\n case \"confirm\":\n case \"update\":\n return [\n \"birthDay\",\n \"birthMonth\",\n \"birthYear\",\n \"email\",\n \"firstName\",\n \"lastName\",\n \"region\",\n ];\n }\n }\n\n public apiDataFromState() {\n switch (this.getMode()) {\n case \"register\":\n return {\n date_of_birth: `${this.state.birthYear}-${this.state.birthMonth}-${this.state.birthDay}`,\n email: this.state.email,\n email_altibox: this.state.emailAltibox,\n email_eliteserien: this.state.emailEliteserien,\n email_obos: this.state.emailObos,\n email_tv2: this.state.emailTV2,\n email_favourite: this.state.emailFavourite,\n first_name: this.state.firstName,\n last_name: this.state.lastName,\n password: this.state.password,\n region: this.state.region,\n };\n case \"confirm\":\n case \"update\":\n return {\n date_of_birth: `${this.state.birthYear}-${this.state.birthMonth}-${this.state.birthDay}`,\n email: this.state.email,\n email_altibox: this.state.emailAltibox,\n email_eliteserien: this.state.emailEliteserien,\n email_obos: this.state.emailObos,\n email_tv2: this.state.emailTV2,\n email_favourite: this.state.emailFavourite,\n first_name: this.state.firstName,\n last_name: this.state.lastName,\n region: this.state.region,\n };\n }\n }\n\n public handleBirthDayChange = (e: React.FormEvent) =>\n this.setState({ birthDay: parseInt(e.currentTarget.value, 10) });\n\n public handleBirthMonthChange = (e: React.FormEvent) =>\n this.setState({ birthMonth: parseInt(e.currentTarget.value, 10) });\n\n public handleBirthYearChange = (e: React.FormEvent) =>\n this.setState({ birthYear: parseInt(e.currentTarget.value, 10) });\n\n public handleEmailChange = (e: React.FormEvent) =>\n this.setState({ email: e.currentTarget.value });\n\n public handleEmailEliteserienChange = (\n e: React.FormEvent\n ) =>\n this.setState({ emailEliteserien: e.currentTarget.checked ? true : false });\n\n public handleEmailFavouriteChange = (e: React.FormEvent) =>\n this.setState({ emailFavourite: e.currentTarget.checked ? true : false });\n\n public handleEmailObosChange = (e: React.FormEvent) =>\n this.setState({ emailObos: e.currentTarget.checked ? true : false });\n\n public handleEmailTV2Change = (e: React.FormEvent) =>\n this.setState({ emailTV2: e.currentTarget.checked ? true : false });\n\n public handleEmailAltiboxChange = (e: React.FormEvent) =>\n this.setState({ emailAltibox: e.currentTarget.checked ? true : false });\n\n public handleFirstNameChange = (e: React.FormEvent) =>\n this.setState({ firstName: e.currentTarget.value });\n\n public handleLastNameChange = (e: React.FormEvent) =>\n this.setState({ lastName: e.currentTarget.value });\n\n public handlePasswordChange = (e: React.FormEvent) =>\n this.setState({ password: e.currentTarget.value });\n\n public handleRegionChange = (e: React.FormEvent) =>\n this.setState({ region: parseInt(e.currentTarget.value, 10) });\n\n public handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n const mode = this.getMode();\n if (mode === \"register\") {\n try {\n await this.props.registerPlayer(this.apiDataFromState());\n } catch (e) {\n window.scrollTo(0, 0); // To see error if failure ...\n return;\n }\n await this.props.doBootstrap();\n\n // Add fathom trackEvent when a new user\n // registers and navigates to \"/squad-selection\"\n const site = getSite();\n const trackEventLabels = {\n main_nb: \"Registrert bruker\",\n main_en: \"Registered user\",\n tv2: \"Registrert TV 2 bruker\",\n };\n if (trackEventLabels[site]) {\n trackEvent(trackEventLabels[site]);\n }\n\n navigate(\"/squad-selection\");\n } else if (mode === \"confirm\") {\n try {\n await this.props.updatePlayer(this.apiDataFromState());\n } catch (e) {\n window.scrollTo(0, 0); // To see error if failure ...\n return;\n }\n await this.props.doBootstrap();\n navigate(\"/squad-selection\");\n } else if (mode === \"update\") {\n try {\n await this.props.updatePlayer(this.apiDataFromState());\n } catch (e) {\n window.scrollTo(0, 0); // To see error if failure ...\n return;\n }\n await this.props.doBootstrap();\n // Maybe this should be back to my team, maybe our LoggedIn component\n navigate(\"/\");\n }\n };\n\n public componentDidMount() {\n this.props.fetchRegionData();\n // Upon initial page load...\n loadFathomTrackingId();\n }\n\n public getNorwayRegions() {\n const regs = this.props.regions;\n const norStart = 286;\n const nor = regs.filter((reg) => reg.code >= norStart);\n return sortBy(nor, [\"name\"]);\n }\n public getIntRegions() {\n const regs = this.props.regions;\n const norStart = 286;\n const int = regs.filter((reg) => reg.code < norStart);\n return sortBy(int, [\"name\"]);\n }\n\n public handleFirstnameBlur = (e: React.FormEvent) => {\n if (!e.currentTarget.value) {\n this.setState({ errorFName: this.errorsTxt.EFName });\n } else {\n this.setState({ errorFName: \"\" });\n }\n };\n\n public handleLastnameBlur = (e: React.FormEvent) => {\n if (!e.currentTarget.value) {\n this.setState({ errorLName: this.errorsTxt.ELName });\n } else {\n this.setState({ errorLName: \"\" });\n }\n };\n\n public handlePasswordBlur = (e: React.FormEvent) => {\n if (!e.currentTarget.value) {\n this.setState({ errorPass: this.errorsTxt.EPass });\n } else {\n if (e.currentTarget.value.length < 6) {\n this.setState({ errorPass: this.errorsTxt.EPassLenght });\n } else {\n this.setState({ errorPass: \"\" });\n }\n }\n };\n\n public handleEmailBlur = (e: React.FormEvent) => {\n if (!e.currentTarget.value) {\n this.setState({ errorEmail: this.errorsTxt.EEmail });\n } else {\n this.setState({ errorEmail: \"\" });\n }\n };\n\n public handleRegionBlur = (e: React.FormEvent) => {\n if (!e.currentTarget.value || e.currentTarget.value === \"0\") {\n this.setState({ errorRegion: this.errorsTxt.ERegion });\n } else {\n this.setState({ errorRegion: \"\" });\n }\n };\n\n public handleDobBlur = (e: React.FormEvent) => {\n const year = this.state.birthYear;\n const month = this.state.birthMonth;\n const day = this.state.birthDay;\n if (year > 0 && month > 0 && day > 0) {\n if (moment(new Date(year, month - 1, day)).isValid()) {\n const today = new Date();\n const birthDate = new Date(year, month - 1, day);\n let age = today.getFullYear() - birthDate.getFullYear();\n const m = today.getMonth() - birthDate.getMonth();\n if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {\n age--;\n }\n if (age < 13) {\n this.setState({ errorDob: this.errorsTxt.EDob });\n } else {\n this.setState({ errorDob: \"\" });\n }\n } else {\n this.setState({ errorDob: this.errorsTxt.EDob });\n }\n }\n };\n\n public handleServerErrors = () => {\n const errors =\n this.getMode() === \"register\"\n ? this.props.registerError\n : this.props.updateError;\n const formattedErrors = [];\n if (errors) {\n if (\n errors.badRequest &&\n errors.badRequest.password &&\n errors.badRequest.password[0].code === \"invalid\"\n ) {\n formattedErrors.push(this.errorsTxt.EValidPass);\n }\n if (\n errors.badRequest &&\n errors.badRequest.email &&\n errors.badRequest.email[0].code === \"duplicate\"\n ) {\n formattedErrors.push(this.errorsTxt.EvalidEmail);\n }\n if (\n errors.badRequest &&\n errors.badRequest.email &&\n errors.badRequest.email[0].code === \"blank\"\n ) {\n formattedErrors.push(this.errorsTxt.EEmail);\n }\n if (\n errors.badRequest &&\n errors.badRequest.password &&\n errors.badRequest.password[0].code === \"blank\"\n ) {\n formattedErrors.push(this.errorsTxt.EPass);\n }\n if (\n errors.badRequest &&\n errors.badRequest.last_name &&\n errors.badRequest.last_name[0].code === \"blank\"\n ) {\n formattedErrors.push(this.errorsTxt.EFName);\n }\n if (\n errors.badRequest &&\n errors.badRequest.last_name &&\n errors.badRequest.last_name[0].code === \"blank\"\n ) {\n formattedErrors.push(this.errorsTxt.ELName);\n }\n if (\n errors.badRequest &&\n errors.badRequest.date_of_birth &&\n errors.badRequest.date_of_birth[0].code === \"invalid\"\n ) {\n formattedErrors.push(this.errorsTxt.EValidDob);\n }\n if (\n errors.badRequest &&\n errors.badRequest.region &&\n errors.badRequest.region[0].code === \"does_not_exist\"\n ) {\n formattedErrors.push(this.errorsTxt.ERegion);\n }\n\n return formattedErrors;\n }\n };\n\n public render() {\n const { player, t } = this.props;\n const mode = this.getMode();\n const title = {\n register: t(\"register.title.registration\", \"Registration\"),\n confirm: t(\"register.title.confirm\", \"Confirm your details\"),\n update: t(\"register.title.update\", \"Confirm your details\"),\n };\n const buttonText = {\n register: t(\"register.label.register\", \"Register\"),\n confirm: t(\"register.label.confirm\", \"Update\"),\n update: t(\"register.label.update\", \"Update\"),\n };\n const disabled = this.getRequiredFields().some((e) => !this.state[e]);\n const errors = this.handleServerErrors();\n\n return (\n \n );\n }\n}\n\nexport { Register as RegisterTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n player: getPlayerData(state) as IPlayer | null,\n regions: getRegions(state),\n registerError: getRegisterError(state),\n updateError: getPlayerUpdateError(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n doBootstrap: () => dispatch(bootstrap()),\n fetchRegionData: () => dispatch(fetchRegions()),\n registerPlayer: (data) => dispatch(register(data)),\n updatePlayer: (data) => dispatch(playerUpdate(data)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(Register)\n);\n","import { ThunkResult } from \"..\";\nimport { apiGet } from \"../../utils/api\";\nimport * as actions from \"./actions\";\nimport { IRegion } from \"./types\";\n\nexport const fetchRegions =\n (): ThunkResult\n \n

\n \n\n {errors && }\n \n {mode === \"update\" && player && !player.is_social && (\n

\n \n \n {title[mode]}

\n {t(\n \"register.explain\",\n \"Fields marked with an asterisk (*) are required.\"\n )}\n

{values(errors).map((r) => r)}\n \n \n \n {this.state.errorEmail && (\n \n )}\n {this.state.errorEmail}\n \n {this.state.errorPass && (\n \n )}\n {this.state.errorPass}\n \n {this.state.errorFName && (\n \n )}\n {this.state.errorFName}\n \n {this.state.errorLName && (\n \n )}\n {this.state.errorLName}\n \n \n \n \n \n {this.state.errorDob && (\n \n )}\n Date of birth\n {t(\"register.hint.dob\", \"Game open to over 13 only\")}\n \n \n \n \n \n \n \n {t(\"register.label.day\", \"Day\")}\n \n {range(1, 32).map((d) => (\n \n {d}\n \n ))}\n \n \n \n \n {t(\"register.label.month\", \"Month\")}\n \n {Object.keys(this.months).map((m) => (\n \n {this.months[m]}\n \n ))}\n \n \n \n \n {t(\"register.label.year\", \"Year\")}\n \n {range(new Date().getFullYear() - 13, 1900).map((y) => (\n \n {y}\n \n ))}\n \n {this.state.errorDob}\n {this.state.errorRegion && (\n \n )}\n {this.state.errorRegion}\n \n \n \n {values(this.getNorwayRegions()).map((r) => (\n \n {r.name}\n \n ))}\n \n {values(this.getIntRegions()).map((r) => (\n \n {r.name}\n \n ))}\n \n \n \n \n

\n {t(\n \"register.emailText\",\n \"Receive information and newsletter from:\"\n )}\n

\n \n \n \n \n \n \n \n )}\n > => async (dispatch) => {\n try {\n await apiGet(\"regions/\", dispatch, actions.addRegions);\n } catch (e) {\n return;\n }\n };\n","export default __webpack_public_path__ + \"static/media/prizes-hero@1x.c44765f3.jpg\";","export default __webpack_public_path__ + \"static/media/prizes-hero@2x.d79e2ee1.jpg\";","import React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\nimport { hiDPI } from \"polished\";\n\nconst StyledHero = styled.div`\n background-image: linear-gradient(\n -45deg,\n #0f253f,\n #0f253f 50%,\n ${({ theme }) => theme.colors.blue} 44%\n );\n margin-bottom: 30px;\n padding-top: 270px;\n text-align: center;\n height: 0;\n position: relative;\n background-repeat: no-repeat;\n\n ${(props) =>\n props.image &&\n css`\n background-image: url(${props.image});\n background-size: cover;\n `}\n\n ${(props) =>\n props.image2x &&\n css`\n ${hiDPI(2)} {\n background-image: url(${props.image2x});\n }\n `}\n`;\n\nconst HeroTitle = styled.h2`\n display: inline-block;\n margin: 0 ${({ theme }) => theme.space[2]};\n padding: 3px ${({ theme }) => theme.space[2]};\n font-family: ${({ theme }) => theme.fonts.impact};\n font-size: 34px;\n font-weight: 700;\n background: ${({ theme }) => theme.colors.primary};\n transform: translateY(-50%);\n line-height: 1;\n padding: 2.5rem;\n border-radius: 12px;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n font-size: 48px;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n font-size: 60px;\n }\n`;\n\ninterface IProps {\n title: string;\n}\n\ninterface IStyledProps {\n image?: string;\n image2x?: string;\n}\n\ntype Props = IProps & IStyledProps;\n\nconst Hero: React.FC = ({ image, image2x, title }) => (\n \n);\n\nexport default Hero;\n","import { RouteComponentProps } from \"@reach/router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Box } from \"rebass/styled-components\";\nimport image from \"../img/prizes-hero@1x.jpg\";\nimport image2x from \"../img/prizes-hero@2x.jpg\";\nimport Copy from \"./Copy\";\nimport Hero from \"./Hero\";\nimport { Main, Wrapper } from \"./Layout\";\nimport SubHeading from \"./SubHeading\";\n\nconst Prizes: React.FC\n \n {title} = () => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nexport default Prizes;\n","var _g, _defs;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgRemove(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_574_4236)\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 12,\n cy: 12,\n r: 8,\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21508 0.913451 7.4078C0.00519937 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693604 16.6689 1.83649 18.807 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0865C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6934 24 14.3734 24 12C24 8.8174 22.7357 5.76515 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0ZM18.0975 15.45L15.45 18.0975L12 14.655L8.55 18.0975L5.9025 15.45L9.345 12L5.9025 8.55L8.55 5.9025L12 9.345L15.45 5.9025L18.0975 8.55L14.655 12L18.0975 15.45Z\",\n fill: \"#DC0E2A\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_574_4236\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 24,\n height: 24,\n fill: \"white\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgRemove);\nexport default __webpack_public_path__ + \"static/media/remove.a90cd024.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport SubNav from \"../SubNav\";\n\nconst ScoutNav: React.FC = () => {\n const { t } = useTranslation();\n const links = [\n { href: \"/the-scout\", text: t(\"scoutNav.news\", \"News\") },\n {\n href: \"/the-scout/player-news\",\n text: t(\"scoutNav.availabilty\", \"Availability\"),\n },\n ];\n return \n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {t(\"prizes.season.title\", \"Season\")}

\n {t(\"prizes.season.firstPrize.title_23\", \"First Place Season\")}\n

\n \n \n \n \n \n

\n {t(\n \"prizes.season.firstPrize.item1_23\",\n \"Universal Gift Card worth 7500 NOK from OBOS\"\n )}\n

\n {t(\n \"prizes.season.firstPrize.item2_23\",\n \"Annual subscription to TV 2 Play (value 389 NOK/month)\"\n )}\n

{t(\"prizes.season.firstPrize.item3_23\", \"FC 2025\")}

\n {t(\n \"prizes.season.firstPrize.item4_23\",\n \"Signed National Team Jersey provided by Norsk Tipping\"\n )}\n

\n {t(\n \"prizes.season.firstPrize.item5_23\",\n \"2 VIP tickets to any Eliteserien match of choice\"\n )}\n

\n \n \n

\n {t(\"prizes.season.secondPrize.title_23\", \"Second Place Season\")}\n

\n \n \n \n \n

\n {t(\n \"prizes.season.secondPrize.item1_23\",\n \"Universal Gift Card worth 7500 NOK from OBOS\"\n )}\n

\n {t(\n \"prizes.season.secondPrize.item2_23\",\n \"Annual subscription to TV 2 Play (value 389 NOK/month)\"\n )}\n

{t(\"prizes.season.secondPrize.item3_23\", \"FC 2025\")}

\n {t(\n \"prizes.season.secondPrize.item4_23\",\n \"Signed National Team Jersey provided by Norsk Tipping\"\n )}\n

\n \n \n

\n {t(\"prizes.season.thirdPrize.title_23\", \"Third Place Season\")}\n

\n \n \n \n \n

\n {t(\n \"prizes.season.thirdPrize.item1_23\",\n \"Universal Gift Card worth 7500 NOK from OBOS\"\n )}\n

\n {t(\n \"prizes.season.thirdPrize.item2_23\",\n \"Annual subscription to TV 2 Play (value 389 NOK/month)\"\n )}\n

{t(\"prizes.season.thirdPrize.item3_23\", \"FC 2025\")}

\n {t(\n \"prizes.season.thirdPrize.item4_23\",\n \"Signed National Team Jersey provided by Norsk Tipping\"\n )}\n

\n \n \n \n \n \n \n {t(\n \"prizes.cup.title_23\",\n \"ESF CUP - â€œNew Opportunityâ€ - From Round 10 Winner\"\n )}\n

{t(\"prizes.cup.subHeading_23\", \"Winner\")}

\n \n \n

{t(\"prizes.cup.item1_23\", \"85-inch TV\")}

\n {t(\n \"prizes.cup.item2_23\",\n \"Annual subscription to TV 2 Play (value 389 NOK/month)\"\n )}\n

\n \n \n \n \n \n \n {t(\"prizes.monthly.title\", \"Monthly Phases\")}\n

{t(\"prizes.monthly.subHeading\", \"Manager of the Month\")}

\n \n \n \n

\n {t(\n \"prizes.monthly.item1_23\",\n \"Gift Card worth 2500 NOK provided by COOP. Can be used in all stores (grocery and construction)\"\n )}\n

\n {t(\"prizes.monthly.item2_23\", \"Double room at Thon Hotels\")}\n

\n {t(\n \"prizes.monthly.item3_23\",\n \"Annual subscription to TV 2 Play (value 389 NOK/month)\"\n )}\n

;\n};\n\nexport default ScoutNav;\n","import { RouteComponentProps } from \"@reach/router\";\nimport React, { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport i18n from \"../../i18n\";\nimport styled from \"styled-components/macro\";\nimport { ReactComponent as TwitterLogo } from \"../../img/icons/twitter.svg\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport SubHeading from \"../SubHeading\";\nimport Title from \"../Title\";\nimport ScoutNav from \"./ScoutNav\";\nimport ScoutProvider from \"./ScoutProvider\";\n\nconst TitleWrap = styled.div`\n margin: ${({ theme }) => `${theme.space[0]} ${theme.space[2]}`};\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n margin: ${({ theme }) =>\n `${theme.space[2]} ${theme.space[2]} ${theme.space[6]}`};\n }\n`;\nconst ScoutWrap = styled.div`\n width: 100%;\n padding: ${({ theme }) => theme.space[2]};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: 50%;\n padding: ${({ theme }) => theme.space[0]};\n margin-bottom: ${({ theme }) => theme.space[4]};\n }\n`;\n\nconst StyledSubHeading = styled(SubHeading)`\n font-size: 2rem;\n`;\n\nconst Social = styled.div`\n margin-bottom: ${({ theme }) => theme.space[2]};\n border: 1px solid ${({ theme }) => theme.colors.primary};\n border-radius: ${({ theme }) => theme.radii[0]};\n background: ${({ theme }) => theme.colors.backgroundwhite50};\n`;\n\nconst TwitterTimelineWrap = styled.div`\n overflow: hidden;\n border-radius: ${({ theme }) => theme.radii[1]};\n`;\n\nconst SocialHeader = styled.header`\n padding: 1rem;\n`;\n\nconst SocialBody = styled.div`\n padding: ${({ theme }) => theme.space[1]};\n`;\n\nconst SocialLinks = styled.ul`\n padding: ${({ theme }) => theme.space[1]};\n border-radius: 3px;\n margin-bottom: ${({ theme }) => theme.space[2]};\n background-color: white;\n`;\n\nconst SocialLink = styled.a`\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.8rem;\n border-radius: 2px;\n color: ${(props) => props.theme.colors.social[props.network].color};\n background-color: ${(props) => props.theme.colors.social[props.network].bg};\n text-decoration: none;\n\n :hover {\n text-decoration: underline;\n }\n`;\n\nconst SocialLinkItem = styled.li`\n list-style-type: none;\n :not(:last-child) {\n margin-bottom: ${({ theme }) => theme.space[2]};\n }\n`;\n\nconst SocialLinkText = styled.span`\n margin-left: 1rem;\n font-size: 1.2rem;\n`;\n\ninterface ISocialLinkStyleProps {\n network: string;\n}\n\ninterface IProvider {\n link: string;\n url: string;\n title: string;\n}\n\ntype Props = RouteComponentProps;\n\ninterface ITwitterFeed {\n title: string;\n url: string;\n socialLinkText: string;\n linkText: string;\n}\n\nconst twitterFeeds: ITwitterFeed[] = [\n {\n title: \"TV 2 on Social\",\n url: \"https://twitter.com/tv2sport\",\n socialLinkText: \"To Kapteiner on X\",\n linkText: \"Posts by To Kapteiner\",\n },\n {\n title: \"Eliteserien on Social\",\n url: \"https://twitter.com/eliteserien\",\n socialLinkText: \"Eliteserien on X\",\n linkText: \"Posts by Eliteserien\",\n },\n];\n\nconst Scout: React.FC = () => {\n const { t } = useTranslation();\n const twitterFeedId = \"twsrc%5Etfw\";\n\n const providers: IProvider[] = [\n {\n url: \"https://www.tv2.no/rest/cms-feeds-dw-rest/v2/cms/article/sport/fotball/fantasy\",\n link: \"https://www.tv2.no/sport/fotball/eliteserien\",\n title: i18n.t(\"feed.providers.title1\", \"Latest Fantasy-news from TV 2\"),\n },\n {\n url: \"https://www.eliteserien.no/rss-nyheter\",\n link: \"https://www.eliteserien.no/nyheter\",\n title: i18n.t(\"feed.providers.title2\", \"Latest news from Eliteserien\"),\n },\n ];\n\n useEffect(() => {\n const twttr = (window as any).twttr;\n if (twttr && twttr.widgets) {\n twttr.widgets.load();\n }\n }, []);\n\n return (\n <>\n \n \n );\n};\n\nexport default Scout;\n","import { Link } from \"@reach/router\";\nimport React from \"react\";\nimport { Trans, withTranslation, WithTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getNextEvent } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { getSquadError } from \"../../core/store/squad/reducers\";\nimport { createEntry } from \"../../core/store/squad/thunks\";\nimport { ICreateEntryData } from \"../../core/store/squad/types\";\nimport { getTeams } from \"../../core/store/teams/reducers\";\nimport { ITeam } from \"../../core/store/teams/types\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Dialog from \"../Dialog\";\nimport {\n CheckboxField,\n FieldWrap,\n InputField,\n SelectField,\n} from \"../FieldRenderers\";\nimport { getCodeFromError } from \"./helpers\";\n\nconst EnterSquadText = styled.h3`\n padding: ${({ theme }) => theme.space[2]};\n background-color: ${({ theme }) => theme.colors.blueDarker2};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impact};\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 800;\n line-height: 1;\n margin: 0;\n`;\n\ninterface IProps {\n handleHide: () => void;\n}\n\ninterface IPropsFromState {\n error: any;\n nextEvent: IEvent | null;\n teams: ITeam[];\n}\n\ninterface IPropsFromDispatch {\n createEntry: (data: ICreateEntryData) => void;\n}\n\ntype Props = IProps & IPropsFromState & IPropsFromDispatch & WithTranslation;\n\ninterface IState extends ICreateEntryData {\n favourite_team: number;\n}\n\nclass CreateEntryDialog extends React.Component\n \n \n

\n \n \n\n {providers.map((provider: IProvider) => (\n

\n \n {t(\"scout.title\", \"The Scout\")}\n \n \n ))}\n \n {twitterFeeds.map((feed: ITwitterFeed) => (\n \n ))}\n \n \n \n \n \n \n {`${t(feed.title)}`}\n \n \n \n \n \n \n \n \n \n \n \n {`${t(feed.socialLinkText)}`}\n \n \n {`${t(feed.linkText)}`}\n \n {\n public state: IState = {\n email: false,\n favourite_team: 0,\n name: \"\",\n terms_agreed: false,\n language: this.props.i18n.language,\n };\n\n public requiredFields: Array = [\n \"favourite_team\",\n \"name\",\n \"terms_agreed\",\n \"language\",\n ];\n\n public apiDataFromState = () => ({\n email: this.state.email,\n favourite_team:\n this.state.favourite_team > 0 ? this.state.favourite_team : null,\n name: this.state.name,\n terms_agreed: this.state.terms_agreed,\n language: this.props.i18n.language,\n });\n\n public handleEmailChange = (e: React.FormEvent) =>\n this.setState({ email: e.currentTarget.checked ? true : false });\n\n public handleFaveChange = (e: React.FormEvent) =>\n this.setState({ favourite_team: parseInt(e.currentTarget.value, 10) });\n\n public handleNameChange = (e: React.FormEvent) =>\n this.setState({ name: e.currentTarget.value });\n\n public handleTermsChange = (e: React.FormEvent) =>\n this.setState({ terms_agreed: e.currentTarget.checked ? true : false });\n\n public handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (this.isValid()) {\n this.props.createEntry(this.apiDataFromState());\n }\n };\n\n public isValid = () =>\n this.requiredFields.every((e) => Boolean(this.state[e]));\n\n public render() {\n const { handleHide, nextEvent, error, teams, t } = this.props;\n\n // Eliteserien\n const eliteserien = teams\n .filter((team) => team.unavailable === false)\n .sort((a, b) => a.name.localeCompare(b.name));\n\n // First Division\n const firstDivision = teams\n .filter((team) => team.unavailable === true)\n .sort((a, b) => a.name.localeCompare(b.name));\n\n const errorCode = getCodeFromError(error);\n if (error) {\n const handledErrorCodes = [\"price_changed\"];\n if (handledErrorCodes.indexOf(errorCode) === -1) {\n window.location.reload();\n return null;\n }\n }\n if (!nextEvent) {\n return (\n \n );\n }\n return (\n \n );\n }\n}\n\nexport { CreateEntryDialog as CreateEntryDialogTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n error: getSquadError(state),\n nextEvent: getNextEvent(state),\n teams: getTeams(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n createEntry: (data) => dispatch(createEntry(data)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(CreateEntryDialog)\n);\n","// Look for errors we potentally can handle\nexport const getCodeFromError = (error: any) => {\n let errorCode = \"\";\n if (error && error.badRequest) {\n const e = error.badRequest;\n if (e.transfers && e.transfers.length) {\n for (let i = 0; i < e.transfers.length; i++) {\n if (\n e.transfers[i].non_field_errors &&\n e.transfers[i].non_field_errors.length\n ) {\n errorCode = e.transfers[i].non_field_errors[0].code;\n break;\n }\n }\n } else if (e.non_field_errors && e.non_field_errors.length) {\n errorCode = e.non_field_errors[0].code;\n } else if (e.picks && e.picks.length) {\n for (let i = 0; i < e.picks.length; i++) {\n if (e.picks[i].purchase_price && e.picks[i].purchase_price.length) {\n errorCode = e.picks[i].purchase_price[0].code;\n break;\n }\n }\n }\n }\n return errorCode || \"\";\n};\n","import * as React from \"react\";\nimport styled from \"styled-components/macro\";\nimport Title from \"./Title\";\n\nconst StyledPageHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: ${({ theme }) => theme.space[4]};\n`;\ninterface IProps {\n children: React.ReactNode;\n title: React.ReactNode;\n}\n\nconst PageHeader: React.FC\n {t(\"createEntryDialog.over\", \"Game over\")}\n \n \n

\n {t(\n \"createEntryDialog.finished\",\n \"This game has now finished. Thanks for your interest, come back soon to select your squad for next season's game.\"\n )}\n

\n \n \n {t(\"createEntryDialog.enterSquad\", \"Enter squad\")}\n \n \n \n \n \n \n \n {t(\"createEntryDialog.chooseAClub\", \"Choose a club\")}...\n \n\n \n \n\n \n {eliteserien.map((tm) => (\n \n {tm.name}\n \n ))}\n \n {firstDivision.map((tm) => (\n \n {tm.name}\n \n ))}\n \n {t(\"createEntryDialog.none\", \"None\")}\n \n \n \n \n \n \n I agree to the\n Terms and conditions\n \n }\n onChange={this.handleTermsChange}\n checked={this.state.terms_agreed}\n />\n \n \n \n {errorCode === \"price_changed\" &&\n t(\n \"createEntryDialog.unable\",\n \"Unable to enter squad as player prices have changed. Please refresh the page and try again.\"\n )}\n = ({ children, title }) => (\n \n);\n\nexport default PageHeader;\n","import styled from \"styled-components/macro\";\n\nconst SaveBar = styled.div`\n margin-bottom: ${({ theme }) => theme.space[4]};\n padding-right: ${({ theme }) => theme.space[2]};\n padding-left: ${({ theme }) => theme.space[2]};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n margin-right: 30%;\n margin-left: 30%;\n }\n`;\n\nexport default SaveBar;\n","import * as React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\n\nconst StyledScoreboardPanel = styled.div`\n padding: ${(props) => props.theme.space[2]} 0;\n text-align: center;\n`;\n\nconst Heading = styled.h3`\n margin: 0;\n font-size: 1.4rem;\n font-weight: 600;\n font-family: ${({ theme }) => theme.fonts.base};\n color: ${({ theme }) => theme.colors.text};\n margin-bottom: 5px;\n`;\n\nconst Value = styled.div\n \n {children}\n {title}`\n font-size: 28px;\n font-weight: 600;\n letter-spacing: 0.5px;\n line-height: 1;\n font-family: ${({ theme }) => theme.fonts.impact};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n font-size: 24px;\n }\n\n ${(props) =>\n props.isError &&\n css`\n color: ${props.theme.colors.red};\n `}\n\n ${(props) =>\n props.isSuccess &&\n css`\n color: ${props.theme.colors.green};\n `}\n`;\n\ninterface IScoreboardPanel {\n heading: string;\n value: string;\n}\n\ninterface IValue {\n isError?: boolean;\n isSuccess?: boolean;\n}\n\ntype Props = IScoreboardPanel & IValue;\n\nexport const ScoreboardPanel: React.FC = ({\n heading,\n isError,\n isSuccess,\n value,\n}) => (\n \n);\n","import * as React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box, Flex } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n cancelProposedChip,\n proposeAvailableChip,\n} from \"../../core/store/chips/actions\";\nimport {\n getActiveChipName,\n getAvailableChipNames,\n getPotentialChips,\n getProposedChipName,\n} from \"../../core/store/chips/reducers\";\nimport { IPotentialChip } from \"../../core/store/chips/types\";\nimport { getElementTypesBySquadPosition } from \"../../core/store/element-types/reducers\";\nimport { IElementTypesBySquadPosition } from \"../../core/store/element-types/types\";\nimport {\n canAutocomplete,\n canReset,\n getErrors,\n getFreeTransfersRemaining,\n getProposedElements,\n getToSpend,\n getTransferCosts,\n} from \"../../core/store/squad/reducers\";\nimport { autoComplete, reset } from \"../../core/store/squad/thunks\";\nimport { IProposedElements, ISquadErrors } from \"../../core/store/squad/types\";\nimport { integerToMoney } from \"../../core/utils/money\";\nimport { ChipName, getChipName } from \"../../utils/chips\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Dialog from \"../Dialog\";\nimport DialogManager from \"../DialogManager\";\nimport { ScoreboardPanel } from \"./ScoreboardPanel\";\n\nconst StyledBasic = styled.div`\n margin-bottom: ${({ theme }) => theme.space[2]};\n border: 1px solid ${({ theme }) => theme.colors.white};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n display: flex;\n border-radius: ${({ theme }) => theme.radii[1]};\n }\n`;\n\nconst ScoreboardButtons = styled(Flex)`\n flex: 1;\n align-items: center;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n border-right: 0;\n }\n`;\n\nconst ScoreboardPanels = styled(Flex)`\n flex: 1;\n border-top: 1px solid ${({ theme }) => theme.colors.white};\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n border-top: 0;\n border-left: 1px solid ${({ theme }) => theme.colors.white};\n }\n`;\n\nconst PanelWrapper = styled(Box)`\n flex: 1;\n border-left: 1px solid ${({ theme }) => theme.colors.white};\n\n &:first-of-type {\n border-left: 0;\n }\n`;\n\nconst ButtonWrap = styled.div`\n flex: 1;\n padding: ${({ theme }) => theme.space[2]};\n`;\n\nconst CostScoreboardUnit = styled.div`\n flex: 1 0 50%;\n padding: 0 ${({ theme }) => theme.space[2]};\n\n :nth-child(4) > div {\n border-bottom-width: 0;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n flex: 1;\n\n :nth-child(3) > div {\n border-bottom-width: 0;\n }\n\n :nth-child(4) > div {\n border-bottom-width: 1px;\n }\n }\n`;\n\nconst CostButtonWrap = styled.div`\n margin-top: 1rem;\n margin-bottom: 2rem;\n`;\n\nconst DialogHeading = styled.div`\n padding: ${({ theme }) => theme.space[2]};\n background-color: ${({ theme }) => theme.colors.blueDarker2};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impact};\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 600;\n line-height: 1;\n`;\n\ninterface IBasicProps {\n autoPick: () => void;\n canAutocomplete: boolean;\n canReset: boolean;\n currencyDivisor: number;\n elementTypesByPosition: IElementTypesBySquadPosition;\n isBudgetExceeded: boolean;\n isNeedElements: boolean;\n proposedElements: IProposedElements;\n reset: () => void;\n toSpend: number;\n}\n\nconst Basic: React.FC\n \n \n {heading}\n {value}\n = ({\n autoPick,\n canAutocomplete,\n canReset,\n currencyDivisor,\n elementTypesByPosition,\n isBudgetExceeded,\n isNeedElements,\n proposedElements,\n reset,\n toSpend,\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\ninterface IExplainChipDialogProps {\n chip: string;\n handleHide: () => void;\n transferCosts: number;\n}\n\nconst ExplainChipDialog: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({\n chip,\n handleHide,\n transferCosts,\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\ninterface ICostProps {\n activeChipName: string;\n availableChipNames: string[];\n autoPick: () => void;\n canAutocomplete: boolean;\n canReset: boolean;\n currencyDivisor: number;\n freeTransfersRemaining: number;\n isBudgetExceeded: boolean;\n proposedChipName: string;\n reset: () => void;\n toSpend: number;\n transferCosts: number;\n cancelChip: (chip: string) => void;\n proposeChip: (chip: string) => void;\n chips: IPotentialChip[];\n}\n\nconst Cost: React.FC\n \n \n {chip === \"wildcard\" && t(\"squad.playWildcardTest\", \"Play Wildcard\")}\n {chip === \"rich\" && t(\"squad.playRichUncleText\", \"Play Rich Uncle\")}\n \n \n \n {transferCosts ? (\n <>\n \n \n \n ) : (\n \n )}\n

\n {chip === \"wildcard\" &&\n t(\n \"squad.wildcardText1\",\n \"You are now proposing to play your wildcard. Unlimited transfers can be made this Round without points deduction.\"\n )}\n {chip === \"rich\" &&\n t(\n \"squad.richUncleText1\",\n \"You are now proposing to play your Rich Uncle chip. Unlimited transfers with an unlimted budget can be made this Round without points deduction.\"\n )}\n

\n {chip === \"wildcard\" &&\n t(\n \"squad.wildcardText2\",\n \"Your wildcard will not be activated until you confirm your transfers.\"\n )}\n {chip === \"rich\" &&\n t(\n \"squad.richUncleText2\",\n \"Your Rich Uncle will not be activated until you confirm your transfers\"\n )}\n

\n {chip === \"wildcard\" &&\n t(\n \"squad.wildcardText3\",\n \"To activate your wildcard you must be making enough proposed transfers that points will be deducted.\"\n )}\n {chip === \"rich\" &&\n t(\n \"squad.richUncleText3\",\n \"To activate your Rich Uncle chip you must be making enough proposed transfers that points will be deducted.\"\n )}\n

= ({\n activeChipName,\n availableChipNames,\n autoPick,\n canAutocomplete,\n canReset,\n currencyDivisor,\n freeTransfersRemaining,\n isBudgetExceeded,\n proposedChipName,\n reset,\n toSpend,\n transferCosts,\n cancelChip,\n proposeChip,\n chips,\n}) => {\n const { t } = useTranslation();\n\n const richUncleChip = chips.filter((c) => c.name === \"rich\")[0];\n const wildCardChip = chips.filter((c) => c.name === \"wildcard\")[0];\n\n return (\n <>\n \n \n \n );\n};\n\ninterface IOwnProps {\n scoreboard: string;\n}\n\ninterface IPropsFromState {\n activeChipName: string;\n availableChipNames: string[];\n canAutocomplete: boolean;\n canReset: boolean;\n currencyDivisor: number;\n elementTypesByPosition: IElementTypesBySquadPosition | null;\n errors: ISquadErrors;\n freeTransfersRemaining: number;\n proposedChipName: string;\n proposedElements: IProposedElements;\n toSpend: number;\n transferCosts: number;\n chips: IPotentialChip[];\n}\n\ninterface IPropsFromDispatch {\n autoPick: () => void;\n reset: () => void;\n cancelChip: (chip: string) => void;\n proposeChip: (chip: string) => void;\n}\n\ntype Props = IOwnProps & IPropsFromState & IPropsFromDispatch;\n\nclass Scoreboard extends React.Component\n \n \n\n {activeChipName ? (\n \n ) : wildCardChip.status_for_entry === \"played\" ? (\n \n ) : wildCardChip.status_for_entry === \"active\" ? (\n \n ) : proposedChipName === \"wildcard\" ? (\n \n ) : (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n (\n <>\n \n {showDialog && (\n \n \n \n \n {t(\"squad.playWildcardTest\", \"Play Wildcard\")}\n \n {\n handleHide();\n if (transferCosts) {\n proposeChip(\"wildcard\");\n }\n }}\n transferCosts={transferCosts}\n />\n )}\n \n )}\n />\n )}\n\n {activeChipName ? (\n <> \n ) : richUncleChip.status_for_entry === \"played\" ? (\n \n ) : richUncleChip.status_for_entry === \"active\" ? (\n \n ) : proposedChipName === \"rich\" ? (\n \n ) : (\n \n \n \n \n \n \n \n \n (\n <>\n \n {showDialog && (\n \n \n \n \n {t(\"squad.playRichUncleText\", \"Play Rich Uncle\")}\n \n {\n handleHide();\n if (transferCosts) {\n proposeChip(\"rich\");\n }\n }}\n transferCosts={transferCosts}\n />\n )}\n \n )}\n />\n )}\n \n \n \n \n \n \n \n 0}\n />\n \n \n {\n public render() {\n const {\n elementTypesByPosition,\n errors,\n proposedElements,\n scoreboard,\n ...rest\n } = this.props;\n if (!elementTypesByPosition) {\n return null;\n }\n const isNeedElements = Boolean(errors.needElements);\n const isBudgetExceeded = Boolean(errors.budgetExceeded);\n switch (scoreboard) {\n case \"basic\":\n return (\n \n );\n case \"cost\":\n return ;\n default:\n return null;\n }\n }\n}\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n activeChipName: getActiveChipName(state),\n availableChipNames: getAvailableChipNames(state),\n canAutocomplete: canAutocomplete(state),\n canReset: canReset(state),\n currencyDivisor: 10,\n elementTypesByPosition: getElementTypesBySquadPosition(state),\n errors: getErrors(state),\n freeTransfersRemaining: getFreeTransfersRemaining(state),\n proposedChipName: getProposedChipName(state),\n proposedElements: getProposedElements(state),\n toSpend: getToSpend(state),\n transferCosts: getTransferCosts(state),\n chips: getPotentialChips(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n autoPick: () => {\n if (!dispatch(autoComplete())) {\n // We should do something :-)\n window.console.log(\"Failed to autocomplete\");\n }\n },\n cancelChip: (chip: string) => dispatch(cancelProposedChip(chip)),\n proposeChip: (chip: string) => dispatch(proposeAvailableChip(chip)),\n reset: () => dispatch(reset()),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Scoreboard);\n","import React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\nimport { IElement } from \"../core/store/elements/types\";\n\n//crops player image\nconst ElementWrapper = styled.div`\n position: absolute;\n left: 0.2px;\n right: 0.2px;\n bottom: 0px;\n`;\n\nexport const ElementName = styled.div`\n padding: 0.1rem 0.2rem;\n background-color: ${({ theme }) => theme.colors.blueDarker3};\n color: ${({ theme }) => theme.colors.white};\n color: white;\n font-size: 1rem;\n font-weight: 800;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n min-height: 1rem;\n\n ${(props) =>\n props.element.news &&\n props.element.chance_of_playing_next_round !== null &&\n css`\n background-color: ${props.theme.colors.elementStatus[\n props.element.chance_of_playing_next_round\n ].bg};\n color: ${props.theme.colors.elementStatus[\n props.element.chance_of_playing_next_round\n ].color};\n `}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n min-height: 1.6rem;\n font-size: ${({ theme }) => theme.fontSizes[0]};\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n font-size: ${({ theme }) => theme.fontSizes[1]};\n }\n`;\n\nexport const ElementValue = styled.div`\n padding: 0 0.2rem;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n background-color: ${({ theme }) => theme.colors.white};\n color: ${({ theme }) => theme.colors.blueDarker3};\n font-size: 1rem;\n font-weight: 800;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n font-size: ${({ theme }) => theme.fontSizes[0]};\n }\n`;\n\ninterface IStyledProps {\n element: IElement;\n}\n\ninterface IProps {\n value: React.ReactNode;\n}\n\ntype Props = IStyledProps & IProps;\n\nconst PitchElementData: React.FC = ({ element, value }) => (\n \n);\n\nexport default PitchElementData;\n","export default __webpack_public_path__ + \"static/media/shirt_placeholder.e810909b.png\";","import styled from \"styled-components\";\nimport PlaceholderImg from \"../img/headshots/shirt_placeholder.png\";\n\nconst Img = styled.img`\n display: block;\n margin: auto;\n max-width: 200px;\n width: 100%;\n height: auto;\n`;\n\nconst PlaceholderShirt = () => {\n return ;\n};\n\nexport default PlaceholderShirt;\n","import { size } from \"polished\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport { showElementSummary } from \"../../core/store/elements/thunks\";\nimport { IElementsById } from \"../../core/store/elements/types\";\nimport { ReactComponent as Remove } from \"../../img/icons/remove.svg\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport Shirt from \"../Shirt\";\nimport {\n Controls,\n InfoControl,\n PitchElementWrap,\n PrimaryControl,\n StyledPitchElement,\n} from \"../Pitch\";\nimport PitchElementData from \"../PitchElementData\";\nimport PlaceholderShirt from \"../PlaceholderShirt\";\nimport { UnstyledButton } from \"../Utils\";\n\nconst StyledRemove = styled(Remove)`\n ${size(14)}\n display: block;\n fill: #e9ff03;\n color: #e50012;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n }\n`;\n\ninterface IPropsFromState {\n elementsById: IElementsById;\n}\n\ninterface IPropsFromDispatch {\n showElementDialog: (elementId: number) => void;\n}\n\ninterface IOwnProps {\n actionMe: () => void;\n elementId: number;\n elementValue: React.ReactNode;\n renderElementMenu: () => void;\n}\n\ninterface IStyleProps {\n isRemoved?: boolean;\n}\ntype Props = IPropsFromState & IPropsFromDispatch & IOwnProps & IStyleProps;\n\nconst SquadPitchElement: React.FC\n \n \n {element.web_name}{value} $\"\"$ = ({\n actionMe,\n elementId,\n elementsById,\n elementValue,\n isRemoved,\n renderElementMenu,\n}) => {\n const element = elementsById[elementId];\n\n return (\n \n );\n};\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n elementsById: getElementsById(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SquadPitchElement);\n","export default __webpack_public_path__ + \"static/media/shirt_placeholdershort.93211b47.png\";","import styled from \"styled-components\";\nimport PlaceholderShirt from \"../../img/headshots/shirt_placeholdershort.png\";\n\nconst StyledSquadPlaceholder = styled.img`\n display: block;\n margin: auto;\n max-width: 100px;\n width: 100%;\n height: auto;\n`;\n\nconst SquadPlaceholder = () => {\n return (\n \n \n \n \n \n \n {isRemoved ? : }\n \n \n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default SquadPlaceholder;\n","import { rgba } from \"polished\";\nimport * as React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport styled from \"styled-components/macro\";\nimport { IElementType } from \"../../core/store/element-types/types\";\nimport { PitchElementWrap } from \"../Pitch\";\nimport SquadPlaceholder from \"./SquadPlaceHolder\";\n\nconst StyledPlaceholder = styled.button`\n display: block;\n width: 5.4rem;\n margin: auto;\n padding: 0 0.3rem;\n border: 0;\n background-color: transparent;\n text-align: center;\n line-height: 1;\n cursor: pointer;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n width: 8.5rem;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 14rem;\n font-size: ${({ theme }) => theme.fontSizes[1]};\n padding-right: 1rem;\n padding-left: 1rem;\n }\n`;\n\nconst Title = styled.div`\n padding: 0.1rem 0.2rem;\n border-radius: ${({ theme }) => theme.radii[0]};\n background-color: ${rgba(\"#035f1d\", 0.8)};\n color: white;\n font-size: 1rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n padding-top: 0.2em;\n padding-bottom: 0.2em;\n font-size: ${({ theme }) => theme.fontSizes[0]};\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n padding-top: 0.4em;\n padding-bottom: 0.4em;\n font-size: ${({ theme }) => theme.fontSizes[1]};\n }\n`;\n\nconst Abbr = styled.abbr`\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n text-decoration: none;\n text-transform: lowercase;\n ::after {\n content: attr(title);\n }\n }\n`;\n\nconst Span = styled.span`\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n display: none;\n }\n`;\n\ninterface IProps {\n elementType: IElementType | null;\n onClick: () => void;\n}\n\nconst PitchPlaceholder: React.FC = ({ elementType, onClick }) => {\n const { t } = useTranslation();\n if (!elementType) {\n return null;\n }\n return (\n \n );\n};\n\nexport default PitchPlaceholder;\n","import { RouteComponentProps } from \"@reach/router\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getElementTypesBySquadPosition } from \"../../core/store/element-types/reducers\";\nimport { IElementTypesBySquadPosition } from \"../../core/store/element-types/types\";\nimport {\n showElementSummary,\n updateElementTypeControl,\n} from \"../../core/store/elements/thunks\";\nimport {\n getProposedElements,\n getSavedPicks,\n} from \"../../core/store/squad/reducers\";\nimport { removeElement, restoreElement } from \"../../core/store/squad/thunks\";\nimport { IProposedElements, ISavedPicks } from \"../../core/store/squad/types\";\nimport SquadPitchElement from \"./SquadPitchElement\";\nimport PitchPlaceholder from \"./PitchPlaceholder\";\n\ninterface IPropsFromState {\n elementTypesByPosition: IElementTypesBySquadPosition | null;\n proposedElements: IProposedElements;\n savedPicks: ISavedPicks;\n}\n\ninterface IPropsFromDispatch {\n removePitchElement: (position: number) => void;\n restorePitchElement: (position: number) => void;\n showElementDialog: (elementId: number) => void;\n showElementType: (elementTypeId: number) => void;\n}\n\ninterface IOwnProps {\n pos: number;\n elementValue: React.ReactNode;\n renderElementMenu: (pos: number) => void;\n showSidebar: () => void;\n}\n\ntype Props = RouteComponentProps &\n IPropsFromState &\n IPropsFromDispatch &\n IOwnProps;\n\nconst SquadPitchUnit: React.FC\n \n \n \n \n \n {t(\"add\", \"Add\")}{\" \"}\n <Abbr title={elementType.singular_name}>\n <Span>{elementType.singular_name_short}</Span>\n </Abbr>\n = ({\n elementTypesByPosition,\n elementValue,\n proposedElements,\n pos,\n renderElementMenu,\n removePitchElement,\n restorePitchElement,\n savedPicks,\n showElementType,\n}) => {\n if (!elementTypesByPosition) {\n return null;\n }\n return (\n <>\n {proposedElements[pos] ? (\n {\n removePitchElement(pos);\n }}\n elementId={proposedElements[pos].id}\n elementValue={elementValue}\n renderElementMenu={() => renderElementMenu(pos)}\n />\n ) : savedPicks[pos] ? (\n {\n restorePitchElement(pos);\n }}\n elementId={savedPicks[pos].element}\n elementValue={elementValue}\n renderElementMenu={() => renderElementMenu(pos)}\n isRemoved={true}\n />\n ) : (\n \n showElementType(elementTypesByPosition[pos].thisType.id)\n }\n />\n )}\n \n );\n};\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n elementTypesByPosition: getElementTypesBySquadPosition(state),\n proposedElements: getProposedElements(state),\n savedPicks: getSavedPicks(state),\n});\n\nconst mapDispatchToProps = (\n dispatch: ThunkDispatch,\n ownProps: IOwnProps\n): IPropsFromDispatch => ({\n removePitchElement: (position) => {\n dispatch(removeElement(position));\n },\n restorePitchElement: (position) => {\n dispatch(restoreElement(position));\n },\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n showElementType: (elementTypeId) => {\n dispatch(updateElementTypeControl(elementTypeId));\n ownProps.showSidebar();\n },\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SquadPitchUnit);\n","import { Box } from \"rebass\";\nimport styled from \"styled-components\";\n\nconst PitchWrapper = styled(Box)`\n border-top: 1px solid ${({ theme }) => theme.colors.primary};\n border-bottom: 1px solid ${({ theme }) => theme.colors.primary};\n background: ${({ theme }) => theme.colors.backgroundwhite50};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n border: 1px solid ${({ theme }) => theme.colors.primary};\n border-radius: ${({ theme }) => theme.radii[0]};\n }\n`;\n\nexport default PitchWrapper;\n","import * as React from \"react\";\nimport { Trans, withTranslation, WithTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport {\n showElementSummary,\n updateElementTypeControl,\n} from \"../../core/store/elements/thunks\";\nimport { IElement, IElementsById } from \"../../core/store/elements/types\";\nimport { getNextEvent } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport { IPick } from \"../../core/store/my-team/types\";\nimport { resetLastChange } from \"../../core/store/squad/actions\";\nimport {\n getErrors,\n getLastChange,\n getProposedElements,\n getSavedPicks,\n getSquadMode,\n} from \"../../core/store/squad/reducers\";\nimport { removeElement, restoreElement } from \"../../core/store/squad/thunks\";\nimport {\n ILastChange,\n IProposedElements,\n ISavedPicks,\n ISquadErrors,\n SquadMode,\n} from \"../../core/store/squad/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\n// import { formatRawAsISO, formatRawAsLocal } from \"../../core/utils/datetime\";\nimport { integerToMoney } from \"../../core/utils/money\";\nimport Alert, { AlertWrap } from \"../Alert\";\nimport Button from \"../Button\";\n// import DeadlineBar from \"../DeadlineBar\";\nimport Dialog, { DialogButtonItem } from \"../Dialog\";\nimport DialogManager from \"../DialogManager\";\nimport Pitch, { PitchRow, PitchUnit } from \"../Pitch\";\nimport TabPanel from \"../tabs/TabPanel\";\nimport Tabs from \"../tabs/Tabs\";\nimport SaveBar from \"./SaveBar\";\nimport Scoreboard from \"./Scoreboard\";\nimport SquadPitchUnit from \"./SquadPitchUnit\";\nimport PitchWrapper from \"../team/PitchWrapper\";\n// import ShirtSoonAlert from \"../ShirtSoonAlert\";\n\nconst PlayerName = styled.div`\n border-radius: ${({ theme }) => theme.radii[0]};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impact};\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 600;\n line-height: 1;\n`;\n\nconst PlayerActions = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: 50%;\n margin: 0 auto;\n }\n`;\n\nconst StyledParagraph = styled.p`\n color: ${({ theme }) => theme.colors.blackLighter};\n`;\n\n//TODO: Move IListTableProps somewhere more abstract?\nexport interface IListTableProps {\n elementType: number;\n key: string;\n positions: number[];\n renderElementDialog: (element: IElement) => void;\n renderElementMenu: (position: number) => void;\n}\n\ninterface IOwnProps {\n listTable: (listTableProps: IListTableProps) => void;\n scoreboard: string;\n showSidebar: () => void;\n submitDialog: (handleHide: () => void) => React.ReactNode;\n}\n\ninterface IPropsFromState {\n currencyDivisor: number;\n elementsById: IElementsById;\n errors: ISquadErrors;\n lastChange: ILastChange;\n mode: SquadMode;\n nextEvent: IEvent | null;\n proposedElements: IProposedElements;\n savedPicks: ISavedPicks;\n settings: ISettings | null;\n teamsById: ITeamsById;\n}\n\ninterface IPropsFromDispatch {\n clearLastChange: () => void;\n removeElement: (position: number) => void;\n restoreElement: (position: number) => void;\n showElementDialog: (elementId: number) => void;\n showElementType: (elementTypeId: number) => void;\n}\n\ntype Props = IOwnProps & IPropsFromState & IPropsFromDispatch & WithTranslation;\n\ninterface IState {\n positionForMenu: number;\n}\n\nclass CreateSquad extends React.Component {\n public state: IState = {\n positionForMenu: 0,\n };\n\n public handleShowMenuForElement = (position: number) =>\n this.setState({ positionForMenu: position });\n\n public handleHideMenuForElement = () => {\n this.setState({ positionForMenu: 0 });\n };\n\n public removeElement = (position: number) => {\n this.handleHideMenuForElement();\n this.props.removeElement(position);\n };\n\n public restoreElement = (position: number) => {\n this.handleHideMenuForElement();\n this.props.restoreElement(position);\n };\n\n public showElementType = (elementType: number) => {\n this.handleHideMenuForElement();\n this.props.showElementType(elementType);\n };\n\n public showDialog = (element: IElement) => {\n this.props.showElementDialog(element.id);\n this.handleHideMenuForElement();\n };\n\n public renderMenu() {\n const { t } = this.props;\n let element: IElement | undefined;\n let mode: \"remove\" | \"restore\" | undefined;\n if (this.props.proposedElements[this.state.positionForMenu]) {\n element = this.props.proposedElements[this.state.positionForMenu];\n mode = \"remove\";\n } else if (this.props.savedPicks[this.state.positionForMenu]) {\n element =\n this.props.elementsById[\n this.props.savedPicks[this.state.positionForMenu].element\n ];\n mode = \"restore\";\n }\n if (!mode || !element) {\n return null;\n }\n return (\n \n );\n }\n\n public renderElementValueForPosition(pos: number) {\n const element: IElement = this.props.proposedElements[pos];\n const pick: IPick | undefined = this.props.savedPicks[pos];\n // Initial element selection (squad selection)\n if (!pick && element) {\n return integerToMoney(element.now_cost, this.props.currencyDivisor);\n }\n // Removed element (transfers)\n if (pick && !element) {\n return integerToMoney(pick.selling_price, this.props.currencyDivisor);\n }\n // Original element (transfers)\n if (pick && element && pick.element === element.id) {\n return integerToMoney(pick.selling_price, this.props.currencyDivisor);\n }\n // Replaced element (transfers)\n if (pick && element && pick.element !== element.id) {\n return integerToMoney(element.now_cost, this.props.currencyDivisor);\n }\n return null;\n }\n\n public componentDidMount() {\n this.props.clearLastChange();\n }\n\n public render() {\n const {\n t,\n elementsById,\n errors,\n listTable,\n lastChange,\n mode,\n // nextEvent,\n scoreboard,\n settings,\n showSidebar,\n submitDialog,\n teamsById,\n } = this.props;\n\n let latestAction: React.ReactNode = null;\n if (lastChange.type === \"addition\") {\n latestAction = (\n \n );\n } else if (lastChange.type === \"removal\") {\n latestAction = (\n \n );\n }\n\n // Button enablers\n const canEnter = !Boolean(Object.keys(errors).length);\n\n // Helper functions to generate props used by multiple component instances\n const sharedPitchElementProps = (pos: number) => ({\n pos,\n renderElementMenu: this.handleShowMenuForElement,\n elementValue: this.renderElementValueForPosition(pos),\n showSidebar,\n });\n\n const sharedSquadListTableProps = (\n pos: number[],\n elementType: number,\n key: string\n ) => ({\n elementType,\n key,\n positions: pos,\n renderElementDialog: this.showDialog,\n renderElementMenu: this.handleShowMenuForElement,\n });\n\n const submitButtonText = {\n selection: t(\"squad.enterSquad\", \"Enter Squad\"),\n transfers: t(\"squad.makeTransfers\", \"Make Transfers\"),\n };\n\n const positionsByElementType: {\n [index: string]: number[];\n } = {\n 1: [1, 2],\n 2: [3, 4, 5, 6, 7],\n 3: [8, 9, 10, 11, 12],\n 4: [13, 14, 15],\n };\n\n return (\n \n );\n }\n}\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n currencyDivisor: 10,\n elementsById: getElementsById(state),\n errors: getErrors(state),\n lastChange: getLastChange(state),\n mode: getSquadMode(state),\n nextEvent: getNextEvent(state),\n proposedElements: getProposedElements(state),\n savedPicks: getSavedPicks(state),\n settings: getSettings(state),\n teamsById: getTeamsById(state),\n});\n\nconst mapDispatchToProps = (\n dispatch: ThunkDispatch,\n ownProps: IOwnProps\n): IPropsFromDispatch => ({\n clearLastChange: () => dispatch(resetLastChange()),\n removeElement: (position) => dispatch(removeElement(position)),\n restoreElement: (position) => dispatch(restoreElement(position)),\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n showElementType: (elementTypeId) => {\n dispatch(updateElementTypeControl(elementTypeId));\n ownProps.showSidebar();\n },\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(CreateSquad)\n);\n","import React from \"react\";\nimport { connect, ConnectedProps } from \"react-redux\";\nimport { RootState } from \"../../core/store\";\nimport {\n getElementControls,\n getElementTypeFilterOptions,\n} from \"../../core/store/elements/reducers\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { getTeams } from \"../../core/store/teams/reducers\";\nimport { FieldWrap, SelectField } from \"../FieldRenderers\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport { ITeam } from \"../../core/store/teams/types\";\n\nconst mapState = (state: RootState) => ({\n teams: getTeams(state),\n controls: getElementControls(state),\n elementTypeFilterOptions: getElementTypeFilterOptions(state),\n player: getPlayerData(state),\n});\n\nconst connector = connect(mapState, {});\n\ntype PropsFromRedux = ConnectedProps\n \n \n {`${element.first_name} ${element.second_name}`}\n \n \n \n {mode === \"remove\" ? (\n \n ) : mode === \"restore\" ? (\n <>\n \n \n \n ) : (\n \"\"\n )}\n \n \n this.removeElement(this.state.positionForMenu)}\n width={1}\n >\n {t(\"removePlayer\", \"Remove player\")}\n \n \n \n this.restoreElement(this.state.positionForMenu)\n }\n width={1}\n >\n {t(\"restorePlayer\", \"Restore player\")}\n \n \n this.showElementType(element!.element_type)}\n width={1}\n >\n {t(\"replacePlayer\", \"Select replacement\")}\n \n \n this.showDialog(element as IElement)}\n width={1}\n >\n {t(\"viewInformation1\", \"View Information\")}\n \n \n \n \n {\" \"}\n has been added to your squad.\n \n {{ playerName: elementsById[lastChange.element].web_name }}\n \n \n \n {\" \"}\n has been removed from your squad.\n \n {{ playerName: elementsById[lastChange.element].web_name }}\n

\n {settings && (\n \n )}\n {/* TODO: Commenting DeadlineBar out until removal is confirmed - # 3519 */}\n {/* {nextEvent && (\n

\n \n \n {t(\n \"squad.help\",\n \"Select a maximum of {{ teamLimit }} players from a single team or 'Auto Pick' if you're short of time.\",\n { teamLimit: settings.squad_team_limit }\n )}\n \n )} */}\n \n {errors.overTeamLimit && (\n \n )}\n {latestAction && }\n \n {/* \n \n \n {t(\n \"squad.errors.overTeamLimit\",\n \"Too many players selected from\"\n )}{\" \"}\n \n \n {errors.overTeamLimit\n .map((team) => teamsById[team].name)\n .join(\", \")}\n {latestAction}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {Object.keys(positionsByElementType).map((et) =>\n listTable(\n sharedSquadListTableProps(\n positionsByElementType[et],\n parseInt(et, 10),\n et\n )\n )\n )}\n */}\n {this.renderMenu()}\n (\n \n )}\n />\n \n \n {showDialog && submitDialog(handleHide)}\n \n \n ;\n\ntype Props = PropsFromRedux &\n WithTranslation & {\n teams: ITeam[];\n handleFilterChange: (e: React.ChangeEvent) => void;\n };\n\nclass ElementFilter extends React.Component {\n public render() {\n const {\n controls,\n elementTypeFilterOptions,\n handleFilterChange,\n player,\n t,\n teams,\n } = this.props;\n\n // Eliteserien\n const eliteserien = teams\n .filter((team: any) => team.unavailable === false)\n .sort((a, b) => a.name.localeCompare(b.name));\n\n return (\n \n );\n }\n}\n\nexport { ElementFilter as ElementFilterTest };\n\nexport default withTranslation()(connector(ElementFilter));\n","import React from \"react\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport { connect, ConnectedProps } from \"react-redux\";\nimport { RootState } from \"../../core/store\";\nimport { getElementStats } from \"../../core/store/element-stats/reducers\";\nimport { getElementControls } from \"../../core/store/elements/reducers\";\nimport { IElement } from \"../../core/store/elements/types\";\nimport { getStatDetails, getStatNames } from \"../../utils/stats\";\nimport { FieldWrap, SelectField } from \"../FieldRenderers\";\n\nconst mapState = (state: RootState) => ({\n controls: getElementControls(state),\n elementStats: getElementStats(state),\n});\n\nconst connector = connect(mapState, {});\n\ntype PropsFromRedux = ConnectedProps\n \n \n \n \n \n \n \n {player && player.entry && (\n \n )}\n \n {elementTypeFilterOptions.map((o) => (\n \n {o.label}\n \n ))}\n \n {eliteserien.map((o) => (\n \n {o.name}\n \n ))}\n ;\n\ninterface ISortOption {\n label: string;\n value: keyof IElement;\n}\n\ntype Props = PropsFromRedux &\n WithTranslation & {\n handleSortChange: (e: React.ChangeEvent) => void;\n sortOptions?: ISortOption[];\n };\n\nclass ElementSort extends React.Component {\n public getSortOptions = (): ISortOption[] =>\n getStatNames(this.props.t).map((s) => ({\n label: getStatDetails(s, this.props.t)!.label,\n value: s,\n }));\n\n public render() {\n const {\n controls,\n handleSortChange,\n sortOptions = this.getSortOptions(),\n t,\n } = this.props;\n return (\n \n );\n }\n}\n\nexport { ElementSort as ElementSortTest };\n\nexport default withTranslation()(connector(ElementSort));\n","import { hideVisually } from \"polished\";\nimport * as React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\n\nconst Button = styled.button\n \n {sortOptions.map((o) => (\n \n {o.label}\n \n ))}\n \n `\n height: 36px;\n width: 36px;\n padding: 10px;\n border: 0;\n border-radius: 50%;\n background-color: ${({ theme }) => theme.colors.red};\n color: ${({ theme }) => theme.colors.white};\n cursor: pointer;\n\n ${(props) =>\n props.disabled &&\n css`\n background-color: ${props.theme.colors.primary};\n color: ${props.theme.colors.blackLighter};\n `}\n\n ${(props) =>\n props.isSmall &&\n css`\n height: 26px;\n width: 26px;\n padding: 5px;\n `}\n`;\n\nconst HiddenLabel = styled.span`\n ${hideVisually}\n`;\n\ninterface IStyledProps {\n disabled?: boolean;\n isSmall?: boolean;\n}\n\ninterface IProps {\n actionMe: () => void;\n children: React.ReactNode;\n label: string;\n}\n\ntype Props = IProps & IStyledProps;\n\nconst PaginatorButton: React.FC = ({\n actionMe,\n children,\n disabled,\n isSmall,\n label,\n}) => (\n \n {children}\n \n \n);\n\nexport default PaginatorButton;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Flex } from \"rebass/styled-components\";\nimport { IElement } from \"../../core/store/elements/types\";\nimport {\n ArrowLeft,\n ArrowLeftDouble,\n ArrowRight,\n ArrowRightDouble,\n} from \"../icons/Arrows\";\nimport PaginatorButton from \"../paginator/PaginatorButton\";\nimport styled from \"styled-components/macro\";\n\nconst PageCount = styled.div`\n color: ${({ theme }) => theme.colors.blackLighter};\n`;\n\nexport const paginate = (\n elements: IElement[],\n page: number,\n pageSize: number\n) => {\n const start = (page - 1) * pageSize;\n return {\n data: elements.slice(start, start + pageSize),\n totalPages: Math.ceil(elements.length / pageSize),\n };\n};\n\ninterface IProps {\n page: number;\n setPage: (page: number) => void;\n totalPages: number;\n}\n\nconst Paginator: React.FunctionComponent{label} = ({\n page,\n setPage,\n totalPages,\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nexport default Paginator;\n","import * as React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\n\nconst StyledMedia = styled.div\n setPage(1)}\n label={t(\"paginator.first\", \"First\")}\n disabled={page === 1}\n isSmall={true}\n >\n \n \n setPage(page - 1)}\n label={t(\"paginator.previous\", \"Previous\")}\n disabled={page === 1}\n >\n \n \n \n \n of {totalPages}\n {page} setPage(page + 1)}\n label={t(\"paginator.next\", \"Next\")}\n disabled={page === totalPages}\n >\n \n \n setPage(totalPages)}\n label={t(\"paginator.last\", \"Last\")}\n disabled={page === totalPages}\n isSmall={true}\n >\n \n \n `\n display: flex;\n ${(props) =>\n props.centred &&\n css`\n align-items: center;\n `}\n`;\n\n//fits the image we pull from eliteserien into the available space\nconst Img = styled.div`\n width: 44px;\n height: auto;\n`;\n\nconst Body = styled.div`\n flex: 1;\n /* For ElementInTable webname ellipsis */\n max-width: 100%;\n overflow: hidden;\n`;\n\ninterface IStyledMediaProps {\n centred: boolean | undefined;\n}\n\ninterface IMediaProps {\n img: React.ReactNode;\n centred?: boolean;\n children: React.ReactNode;\n}\n\nconst Media: React.FC = ({ img, centred, children }) => (\n \n);\n\nMedia.defaultProps = {\n centred: false,\n};\n\nexport default Media;\n","var _g, _g2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCaptain(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n width: \"32px\",\n height: \"32px\",\n viewBox: \"0 0 32 32\",\n style: {\n enableBackground: \"new 0 0 32 32\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"icon_circle\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 16,\n cy: 16,\n r: 16\n }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"symbol_K\",\n fill: \"currentColor\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.5,7.4h3.7v7.4l6.9-7.4h4.5l-6.9,7.2l7.2,9.8h-4.5l-5.3-7.2l-2,2v5.2H9.5V7.4z\"\n }))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCaptain);\nexport default __webpack_public_path__ + \"static/media/captain.5e64dca7.svg\";\nexport { ForwardRef as ReactComponent };","import { ellipsis } from \"polished\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState } from \"../core/store\";\nimport { getElementTypesById } from \"../core/store/element-types/reducers\";\nimport { IElementTypesById } from \"../core/store/element-types/types\";\nimport { IElement } from \"../core/store/elements/types\";\nimport { ITeam } from \"../core/store/teams/types\";\nimport Media from \"./Media\";\nimport Shirt from \"./Shirt\";\n\nconst MenuButton = styled.button`\n ${ellipsis()};\n width: 100%;\n padding: 0;\n border: 0;\n background-color: transparent;\n color: inherit;\n font-size: 1.3rem;\n text-align: left;\n cursor: pointer;\n`;\n\nconst Name = styled.div`\n ${ellipsis()};\n`;\n\nconst Team = styled.div`\n margin-right: ${({ theme }) => theme.space[2]};\n font-size: ${({ theme }) => theme.fontSizes[0]};\n font-weight: 800;\n`;\n\ninterface IPropsFromState {\n elementTypesById: IElementTypesById;\n}\n\ninterface IOwnProps {\n element: IElement;\n renderElementMenu: () => void;\n team: ITeam;\n}\n\ntype Props = IPropsFromState & IOwnProps;\n\nconst ElementInTable: React.FC\n {img}\n {children}\n = ({\n element,\n elementTypesById,\n renderElementMenu,\n team,\n}) => {\n return (\n \n );\n};\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n elementTypesById: getElementTypesById(state),\n});\n\nexport default connect(mapStateToProps)(ElementInTable);\n","import { rgba } from \"polished\";\nimport * as React from \"react\";\nimport styled, { css } from \"styled-components/macro\";\nimport { IElement } from \"../core/store/elements/types\";\nimport { ITeam } from \"../core/store/teams/types\";\nimport { integerToMoney, isMoneyStat } from \"../core/utils/money\";\nimport ElementDialogButton from \"./ElementDialogButton\";\nimport ElementInTable from \"./ElementInTable\";\nimport { ElementCell, ElementRow } from \"./ElementTable\";\n\nconst StyledElementListRow = styled(ElementRow)\n \n } centred={true}>\n \n \n {element.web_name}{team.short_name}`\n ${(props) =>\n props.isProposed &&\n css`\n td,\n button {\n color: ${rgba(\"black\", 0.6)};\n }\n\n img {\n opacity: 0.6;\n }\n `}\n`;\n\nconst FlexElementCell = styled(ElementCell)`\n display: flex;\n`;\n\ninterface IStyledProps {\n isProposed: boolean;\n}\n\ninterface IProps extends IStyledProps {\n currencyDivisor: number;\n element: IElement;\n renderElementDialog: () => void;\n renderElementMenu: () => void;\n sort: React.ReactText;\n team: ITeam;\n}\n\nconst ElementListRow: React.FC = ({\n currencyDivisor,\n element,\n isProposed,\n renderElementMenu,\n sort,\n team,\n}) => (\n \n);\n\nexport default ElementListRow;\n","import groupBy from \"lodash/groupBy\";\nimport range from \"lodash/range\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Flex } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n getElementTypes,\n getElementTypesById,\n} from \"../../core/store/element-types/reducers\";\nimport {\n IElementType,\n IElementTypesById,\n} from \"../../core/store/element-types/types\";\nimport { updateElementControls } from \"../../core/store/elements/actions\";\nimport {\n getElementControls,\n getElementsFromControls,\n} from \"../../core/store/elements/reducers\";\nimport {\n showElementSummary,\n updateElementControlsAndMaxCost,\n updateElementTypeControl,\n} from \"../../core/store/elements/thunks\";\nimport {\n IElement,\n IElementControls,\n IElementDataFromControls,\n} from \"../../core/store/elements/types\";\nimport {\n getProposedElementsById,\n getTypesNeeded,\n} from \"../../core/store/squad/reducers\";\nimport { proposeElement, removeElement } from \"../../core/store/squad/thunks\";\nimport {\n IProposedElementsById,\n ITypesNeeded,\n} from \"../../core/store/squad/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport { integerToMoney } from \"../../core/utils/money\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Dialog, { DialogButtonItem } from \"../Dialog\";\nimport ElementFilter from \"../element-controls/ElementFilter\";\nimport ElementSort from \"../element-controls/ElementSort\";\nimport Paginator from \"../element-controls/Paginator\";\nimport ElementListRow from \"../ElementListRow\";\nimport { ElementTable } from \"../ElementTable\";\nimport { FieldWrap, SearchField, SelectField } from \"../FieldRenderers\";\nimport { ArrowLeftLong } from \"../icons/Arrows\";\nimport SubHeading from \"../SubHeading\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport Panel from \"../Panel\";\n\nimport { withTranslation, WithTranslation, Trans } from \"react-i18next\";\n\nconst PanelWrap = styled.div`\n margin-bottom: 1.6rem;\n`;\n\nconst Form = styled.form`\n padding: 0 ${({ theme }) => theme.space[2]};\n`;\n\nconst ElementsShown = styled.p`\n margin-bottom: ${({ theme }) => theme.space[1]};\n text-align: center;\n color: ${({ theme }) => theme.colors.blackLighter};\n\n strong {\n color: ${({ theme }) => theme.colors.blackLighter};\n }\n`;\n\nconst ElementListElement = styled.th`\n width: 46%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 50%;\n }\n`;\n\nconst ElementListPrice = styled.th`\n width: 22%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 18%;\n }\n`;\n\nconst ElementListStat = styled.th`\n width: 22%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 18%;\n }\n`;\n\nconst ElementTypeButton = styled.span`\n padding: 0;\n border: 0;\n background-color: transparent;\n color: currentColor;\n font-size: ${({ theme }) => theme.fontSizes[1]};\n cursor: pointer;\n font-weight: 800;\n font-family: ${({ theme }) => theme.fonts.base};\n`;\n\nconst ButtonWrap = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n display: none;\n }\n`;\n\nconst ElementListWrapper = styled.div`\n margin-bottom: 20px;\n border-bottom: 1px solid ${({ theme }) => theme.colors.white};\n`;\n\nconst PlayerName = styled.div`\n padding: ${({ theme }) => theme.space[2]};\n background-color: ${({ theme }) => theme.colors.blueDarker2};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impact};\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 800;\n line-height: 1;\n`;\n\nconst PlayerActions = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: 50%;\n margin: 0 auto;\n }\n`;\n\ninterface IPropsFromState {\n controls: IElementControls;\n currencyDivisor: number;\n elementTypes: IElementType[];\n elementTypesById: IElementTypesById;\n elements: IElementDataFromControls;\n proposedElementsById: IProposedElementsById;\n teamsById: ITeamsById;\n typesNeeded: ITypesNeeded;\n}\n\ninterface IPropsFromDispatch {\n proposeElement: (elementId: number) => void;\n removeElement: (position: number) => void;\n showElementDialog: (elementId: number) => void;\n showElementType: (elementTypeId: number) => void;\n updateControls: (controls: IElementControls) => void;\n updateControlsAndMaxCost: (controls: IElementControls) => void;\n}\n\ninterface IOwnProps {\n hideRef: React.RefObject\n \n \n \n \n \n

\n \n \n {integerToMoney(element.now_cost, currencyDivisor)}\n \n {isMoneyStat(sort)\n ? integerToMoney(element[sort] as number, currencyDivisor)\n : element[sort]}\n ;\n hideSidebar: () => void;\n}\n\ntype Props = IOwnProps & IPropsFromState & IPropsFromDispatch & WithTranslation;\n\ninterface IState {\n page: number;\n elementForMenu: IElement | null;\n}\n\nclass ElementList extends React.Component {\n public state: IState = { elementForMenu: null, page: 1 };\n\n public addElement = (elementId: number) => {\n this.props.proposeElement(elementId);\n this.handleHideMenuForElement();\n };\n\n public removeElement = (position: number) => {\n this.props.removeElement(position);\n this.handleHideMenuForElement();\n };\n\n public handleFilterChange = (e: React.ChangeEvent) => {\n this.setPage(1);\n this.props.updateControlsAndMaxCost({\n ...this.props.controls,\n filter: e.target.value,\n });\n };\n\n public handleSortChange = (e: React.ChangeEvent) => {\n this.setPage(1);\n this.props.updateControls({\n ...this.props.controls,\n sort: e.target.value,\n });\n };\n\n public handleSearchChange = (e: React.ChangeEvent) => {\n this.setPage(1);\n this.props.updateControls({\n ...this.props.controls,\n search: e.target.value,\n });\n };\n\n public handleMaxCostChange = (e: React.ChangeEvent) => {\n this.setPage(1);\n this.props.updateControls({\n ...this.props.controls,\n maxCost: Number(e.target.value),\n });\n };\n\n public handleShowMenuForElement = (element: IElement) =>\n this.setState({ elementForMenu: element });\n\n public handleHideMenuForElement = () => {\n this.setState({ elementForMenu: null });\n };\n\n public showDialog = (element: IElement) => {\n this.props.showElementDialog(element.id);\n this.handleHideMenuForElement();\n };\n\n public setPage = (page: number) => this.setState({ page });\n\n public componentDidMount() {\n this.props.updateControlsAndMaxCost({\n ...this.props.controls,\n filter: \"all\",\n sort: \"total_points\",\n search: \"\",\n getUnavailable: false,\n });\n }\n\n public paginateAndGroup(elements: IElement[], pageSize: number) {\n const start = (this.state.page - 1) * pageSize;\n return {\n data: groupBy(elements.slice(start, start + pageSize), \"element_type\"),\n totalPages: Math.ceil(elements.length / pageSize),\n };\n }\n\n public renderMenu() {\n const element = this.state.elementForMenu;\n\n if (!element) {\n return null;\n }\n\n const { t } = this.props;\n const proposedElement = this.props.proposedElementsById[element.id];\n const roomInSquad = this.props.typesNeeded[element.element_type];\n\n let alert = null;\n if (!roomInSquad) {\n alert = (\n \n );\n } else if (proposedElement) {\n alert = (\n \n );\n }\n\n return (\n \n );\n }\n\n public render() {\n const {\n controls,\n currencyDivisor,\n elements,\n elementTypes,\n hideRef,\n hideSidebar,\n proposedElementsById,\n showElementType,\n teamsById,\n t,\n } = this.props;\n const { data, totalPages } = this.paginateAndGroup(elements.data, 30);\n return (\n \n );\n }\n}\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n controls: getElementControls(state),\n currencyDivisor: 10,\n elementTypes: getElementTypes(state),\n elementTypesById: getElementTypesById(state),\n elements: getElementsFromControls(state),\n proposedElementsById: getProposedElementsById(state),\n teamsById: getTeamsById(state),\n typesNeeded: getTypesNeeded(state),\n});\n\nconst mapDispatchToProps = (\n dispatch: ThunkDispatch,\n ownProps: IOwnProps\n): IPropsFromDispatch => ({\n proposeElement: (elementId) => {\n dispatch(proposeElement(elementId));\n ownProps.hideSidebar();\n },\n removeElement: (position) => dispatch(removeElement(position)),\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n showElementType: (elementTypeId) =>\n dispatch(updateElementTypeControl(elementTypeId)),\n updateControls: (controls) => dispatch(updateElementControls(controls)),\n updateControlsAndMaxCost: (controls) =>\n dispatch(updateElementControlsAndMaxCost(controls)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(ElementList)\n);\n","import React from \"react\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { Box } from \"rebass/styled-components\";\nimport styled, { css } from \"styled-components/macro\";\nimport Button from \"../Button\";\nimport Fixtures from \"../Fixtures\";\nimport { ArrowRightLong } from \"../icons/Arrows\";\nimport { Main, Wrapper } from \"../Layout\";\nimport PageHeader from \"../PageHeader\";\nimport CreateSquad, { IListTableProps } from \"./CreateSquad\";\nimport ElementList from \"./ElementList\";\n\nconst PusherWrap = styled.div`\n overflow-x: hidden;\n`;\n\nconst Pusher = styled.div\n {t(\n \"squad.errors.maxElementType\",\n \"You already have the maximum number of {{ position }}\",\n {\n position:\n this.props.elementTypesById[element.element_type].plural_name,\n }\n )}\n \n \n \n is already in\n your squad.\n {{ playerName: element.web_name }}\n \n \n {`${element.first_name} ${element.second_name}`}\n \n \n \n \n \n \n {proposedElement ? (\n this.removeElement(proposedElement.position)}\n width={1}\n >\n {t(\"removePlayer\", \"Remove player\")}\n \n ) : (\n this.addElement(element.id)}\n disabled={Boolean(!roomInSquad)}\n width={1}\n >\n {t(\"addPlayer\", \"Add player\")}\n \n )}\n \n \n \n \n\n \n \n {t(\"squad.playerSelection\", \"Player Selection\")}\n \n \n \n }\n >\n {t(\"back\", \"Back\")}\n \n \n \n \n \n \n \n {elementTypes.map(\n (et) =>\n data[et.id] && (\n \n )\n )}\n {this.renderMenu()}\n \n \n \n \n {range(elements.maxCost, elements.minCost - 1, -5).map((cost) => (\n \n {integerToMoney(cost, 10)}\n \n ))}\n \n \n \n \n players shown\n {{ length: elements.data.length }}\n \n \n \n \n \n \n \n \n \n \n \n \n {data[et.id].map((e) => (\n \n showElementType(et.id)}\n >\n {et.plural_name}\n \n \n \n \n \n mNOK\n \n \n \n TS\n this.handleShowMenuForElement(e)\n }\n renderElementDialog={() => this.showDialog(e)}\n team={teamsById[e.team]}\n currencyDivisor={currencyDivisor}\n sort={controls.sort}\n />\n ))}\n \n \n `\n position: relative;\n transition: all 300ms;\n\n ${(props) =>\n props.isSidebarVisible &&\n css`\n transform: translate3d(-100%, 0, 0);\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n transform: none;\n }\n `}\n`;\n\nconst PusherSecondary = styled.div`\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n transform: translate3d(100%, 0, 0);\n overflow-y: auto;\n padding-top: 2rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n position: static;\n transform: none;\n width: calc(100% / 3);\n padding-right: 1rem;\n padding-left: 1rem;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 25%;\n }\n`;\n\nconst ButtonWrap = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n display: none;\n }\n`;\n\ninterface IProps {\n listTable: (listTableProps: IListTableProps) => void;\n scoreboard: string;\n submitDialog: (handleHide: () => void) => React.ReactNode;\n title: React.ReactNode;\n}\n\ninterface IState {\n isSidebarVisible: boolean;\n}\n\ntype Props = IProps & WithTranslation;\n\nclass SquadBase extends React.Component {\n public state: IState = {\n isSidebarVisible: false,\n };\n\n public showRef = React.createRef();\n\n public hideRef = React.createRef();\n\n public handleShowSidebar = () => this.setState({ isSidebarVisible: true });\n\n public handleHideSidebar = () => this.setState({ isSidebarVisible: false });\n\n public handleTransitionEnd = (e: React.TransitionEvent) => {\n // Just handle the Pusher transition\n if (e.target === e.currentTarget) {\n this.state.isSidebarVisible\n ? this.hideRef.current!.focus()\n : this.showRef.current!.focus();\n }\n };\n\n public render() {\n const { t } = this.props;\n return (\n \n );\n }\n}\n\nexport default withTranslation()(SquadBase);\n","import * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getElementTypesBySquadPosition } from \"../../core/store/element-types/reducers\";\nimport { IElementTypesBySquadPosition } from \"../../core/store/element-types/types\";\nimport { updateElementTypeControl } from \"../../core/store/elements/thunks\";\nimport { getFixturesForNextEventByTeam } from \"../../core/store/fixtures/reducers\";\nimport { IFixturesForEventByTeam } from \"../../core/store/fixtures/types\";\nimport { getProposedElements } from \"../../core/store/squad/reducers\";\nimport { IProposedElements } from \"../../core/store/squad/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport { integerToMoney } from \"../../core/utils/money\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport ElementInTable from \"../ElementInTable\";\nimport { ElementCell, ElementRow, ElementTable } from \"../ElementTable\";\nimport { FixturesForElement } from \"../FixtureForElement\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ScrollWrapper = styled.div`\n overflow-x: auto;\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n overflow-x: visible;\n }\n`;\n\nconst FlexElementCell = styled(ElementCell)`\n display: flex;\n align-items: center;\n`;\n\nconst FilterElTypeButton = styled.button`\n padding: 10px 0 9px;\n border: 0;\n background-color: transparent;\n font-size: 1.3rem;\n white-space: normal;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n`;\n\nconst SquadListElement = styled.th`\n width: 40%;\n`;\n\nconst SquadListCost = styled.th`\n width: 15%;\n`;\n\nconst SquadListSelected = styled.th`\n width: 15%;\n`;\n\nconst SquadListPoints = styled.th`\n width: 15%;\n`;\n\nconst SquadListFixture = styled.th`\n width: 15%;\n`;\n\ninterface ISquadListRowProps {\n elementTypesByPosition: IElementTypesBySquadPosition | null;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n proposedElements: IProposedElements;\n pos: number;\n renderElementMenu: (position: number) => void;\n showElementType: (elementTypeId: number) => void;\n teamsById: ITeamsById;\n}\n\nconst SquadListRow: React.FC\n \n \n \n \n \n \n

\n \n

\n \n \n \n \n }\n >\n {t(\"squad.playerList\", \"Player List\")}\n \n \n \n \n \n = ({\n elementTypesByPosition,\n proposedElements,\n pos,\n renderElementMenu,\n showElementType,\n teamsById,\n fixturesForNextEventByTeam,\n}) => {\n const { t } = useTranslation();\n\n if (!elementTypesByPosition) {\n return null;\n }\n\n const element = proposedElements[pos];\n return (\n \n );\n};\n\ninterface IPropsFromState {\n elementTypesByPosition: IElementTypesBySquadPosition | null;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n proposedElements: IProposedElements;\n teamsById: ITeamsById;\n}\n\ninterface IPropsFromDispatch {\n showElementType: (elementTypeId: number) => void;\n}\n\ninterface ISquadListTableProps {\n elementType: number;\n positions: number[];\n renderElementMenu: (pos: number) => void;\n}\n\ntype Props = IPropsFromState & IPropsFromDispatch & ISquadListTableProps;\n\nconst SquadListTable: React.SFC\n {element ? (\n <>\n \n {integerToMoney(element.now_cost, 10)}\n {element.selected_by_percent}\n {element.total_points}\n \n \n \n

\n renderElementMenu(pos)}\n element={element}\n team={teamsById[element.team]}\n />\n }\n fixtures={fixturesForNextEventByTeam[element.team]}\n element={element}\n teamsById={teamsById}\n />\n \n \n ) : (\n <>\n \n \n showElementType(elementTypesByPosition[pos].thisType.id)\n }\n >\n {t(\"squad.selectElement\", \"Select {{position}}\", {\n position: elementTypesByPosition[pos].thisType.singular_name,\n })}\n \n \n \n )}\n = ({\n elementType,\n elementTypesByPosition,\n positions,\n ...rest\n}) => {\n const { t } = useTranslation();\n\n if (!elementTypesByPosition) {\n return null;\n }\n return (\n \n );\n};\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n elementTypesByPosition: getElementTypesBySquadPosition(state),\n fixturesForNextEventByTeam: getFixturesForNextEventByTeam(state),\n proposedElements: getProposedElements(state),\n teamsById: getTeamsById(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n showElementType: (elementTypeId) =>\n dispatch(updateElementTypeControl(elementTypeId)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SquadListTable);\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport Register from \"../player/Register\";\nimport CreateEntryDialog from \"./CreateEntryDialog\";\nimport SquadBase from \"./SquadBase\";\nimport SquadListTable from \"./SquadListTable\";\n\nconst SquadSelection = () => {\n const { t } = useTranslation();\n const player = useSelector(getPlayerData);\n if (!player || player.dirty) {\n return \n \n \n \n \n \n \n \n \n \n \n \n \n {positions.map((p) => (\n \n {elementTypesByPosition[positions[0]].thisType.plural_name}\n \n \n \n \n mNOK\n \n \n \n \n {t(\"squadListTabel.label.selectedPct\", \"SB\")}\n \n \n \n \n \n {t(\"squadListTabel.label.totalPoints\", \"TP\")}\n \n \n \n \n \n {t(\"squadListTabel.label.fixtureNext\", \"Fix\")}\n \n ))}\n \n ;\n }\n return (\n }\n scoreboard=\"basic\"\n submitDialog={(handleHide) => (\n \n )}\n title={t(\"squad.title\", \"Squad Selection\")}\n />\n );\n};\n\nexport default SquadSelection;\n","import { useTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n cancelProposedChip,\n proposeAvailableChip,\n} from \"../../core/store/chips/actions\";\nimport {\n getActiveChipName,\n getAvailableChipNames,\n getProposedChipName,\n} from \"../../core/store/chips/reducers\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport { IElementsById } from \"../../core/store/elements/types\";\nimport { getNextEvent } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { ITransferState } from \"../../core/store/my-team/types\";\nimport {\n getFreeTransfers,\n getProposedTransfers,\n getToSpend,\n getTransferCosts,\n getTransferState,\n} from \"../../core/store/squad/reducers\";\nimport { makeTransfers } from \"../../core/store/squad/thunks\";\nimport { ITransfersData } from \"../../core/store/squad/types\";\nimport { formatRawAsLocalI18n } from \"../../core/utils/datetime\";\nimport { dateLocales } from \"../../i18n\";\nimport Alert, { AlertGroup, AlertItem } from \"../Alert\";\nimport Button from \"../Button\";\nimport Dialog, { DialogButtonItem } from \"../Dialog\";\nimport Table from \"../Table\";\n\ninterface IOwnProps {\n handleHide: () => void;\n}\n\nconst DialogHeading = styled.div`\n padding: ${({ theme }) => theme.space[2]};\n background-color: ${({ theme }) => theme.colors.blueDarker2};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impact};\n text-transform: uppercase;\n font-size: 24px;\n font-weight: 600;\n line-height: 1;\n`;\n\ninterface IPropsFromState {\n activeChip: string;\n elementsById: IElementsById;\n freeTransfers: number;\n nextEvent: IEvent | null;\n proposedChip: string;\n transferCosts: number;\n transfers: ITransfersData[];\n transferState: ITransferState | null;\n wildcardAvailable: boolean;\n richUncleAvaliable: boolean;\n toSpend: number;\n}\n\ninterface IPropsFromDispatch {\n makeTransfers: () => void;\n cancelChip: (chip: string) => void;\n proposeChip: (chip: string) => void;\n}\n\ntype Props = IOwnProps & IPropsFromState & IPropsFromDispatch;\n\nconst ConfirmTransfersDialog = ({\n freeTransfers,\n handleHide,\n elementsById,\n makeTransfers,\n nextEvent,\n proposedChip,\n transferCosts,\n transfers,\n transferState,\n wildcardAvailable,\n richUncleAvaliable,\n cancelChip,\n proposeChip,\n toSpend,\n}: Props) => {\n const { i18n, t } = useTranslation();\n if (!nextEvent || !transferState) {\n return null;\n }\n\n return (\n \n );\n};\n\nexport { ConfirmTransfersDialog as ConfirmTransfersDialogTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => {\n const availableChips = getAvailableChipNames(state);\n\n return {\n toSpend: getToSpend(state),\n activeChip: getActiveChipName(state),\n elementsById: getElementsById(state),\n freeTransfers: getFreeTransfers(state),\n nextEvent: getNextEvent(state),\n proposedChip: getProposedChipName(state),\n transferCosts: getTransferCosts(state),\n transferState: getTransferState(state),\n transfers: getProposedTransfers(state),\n wildcardAvailable: availableChips.indexOf(\"wildcard\") > -1,\n richUncleAvaliable: availableChips.indexOf(\"rich\") > -1,\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n makeTransfers: () => dispatch(makeTransfers()),\n cancelChip: (chip: string) => dispatch(cancelProposedChip(chip)),\n proposeChip: (chip: string) => dispatch(proposeAvailableChip(chip)),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ConfirmTransfersDialog);\n","import * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState } from \"../../core/store\";\nimport { getElementTypesBySquadPosition } from \"../../core/store/element-types/reducers\";\nimport { IElementTypesBySquadPosition } from \"../../core/store/element-types/types\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport { IElement, IElementsById } from \"../../core/store/elements/types\";\nimport { getFixturesForNextEventByTeam } from \"../../core/store/fixtures/reducers\";\nimport { IFixturesForEventByTeam } from \"../../core/store/fixtures/types\";\nimport {\n getProposedElements,\n getSavedPicks,\n} from \"../../core/store/squad/reducers\";\nimport { IProposedElements, ISavedPicks } from \"../../core/store/squad/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport { integerToMoney } from \"../../core/utils/money\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport ElementInTable from \"../ElementInTable\";\nimport { ElementCell, ElementRow, ElementTable } from \"../ElementTable\";\nimport { FixturesForElement } from \"../FixtureForElement\";\nimport { ScrollTable } from \"../Table\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport Panel from \"../Panel\";\n\nconst SquadListStatus = styled.th`\n width: 7%;\n`;\n\nconst SquadListElement = styled.th`\n width: 28%;\n`;\n\nconst SquadListPrice = styled.th`\n width: 11%;\n`;\n\nconst SquadListForm = styled.th`\n width: 8%;\n`;\n\nconst SquadListPoints = styled.th`\n width: 9%;\n`;\n\nconst SquadListFixture = styled.th`\n width: 15%;\n`;\n\nconst PanelWrap = styled.div`\n margin-bottom: 1rem;\n`;\n\ninterface ISquadListRowProps {\n elementsById: IElementsById;\n elementTypesByPosition: IElementTypesBySquadPosition | null;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n proposedElements: IProposedElements;\n pos: number;\n renderElementMenu: (position: number) => void;\n savedPicks: ISavedPicks;\n teamsById: ITeamsById;\n}\n\nconst TransfersListRow: React.FC\n \n \n {t(\"confirmTransfers.heading\", \"Confirm Transfers\")}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {transfers.map((t, index) => (\n \n {/*\n * Non-null assertion used here because elements\n * are always transferred out in this game.\n */}\n \n \n \n \n ))}\n \n \n \n \n \n

{t(\"confirmTransfers.out\", \"Out\")}{t(\"confirmTransfers.in\", \"In\")}{t(\"confirmTransfers.cost\", \"Cost\")}{elementsById[t.element_out!].web_name}{elementsById[t.element_in].web_name}\n {transferCosts && index >= freeTransfers\n ? transferState.cost\n : 0}{\" \"}\n pts\n \n {t(\"confirmTransfers.totalCost\", \"Total cost\")}{transferCosts} pts\n {transferCosts > 0 ? (\n \n ) : (\n \n )}\n \n \n \n {wildcardAvailable && proposedChip !== \"rich\" && (\n \n )}\n \n \n \n {t(\n \"confirmTransfers.transferAlert\",\n `\n These transfers will be active for ${\n nextEvent.name\n } (${formatRawAsLocalI18n(\n nextEvent.deadline_time,\n dateLocales[i18n.language]\n )}) and will deduct ${transferCosts}pts from your score!\n `,\n {\n name: nextEvent.name,\n time: formatRawAsLocalI18n(\n nextEvent.deadline_time,\n dateLocales[i18n.language]\n ),\n costs: transferCosts,\n }\n )}\n \n \n \n \n {t(\n \"confirmTransfers.playYourWildcard\",\n \"Play your wildcard to make unlimited free transfers this Round.\"\n )}\n \n \n {proposedChip === \"wildcard\" && (\n \n )}\n {proposedChip === \"rich\" && (\n \n )}\n \n \n \n {t(\n \"confirmTransfers.theseTransfersWill\",\n `These transfers will be active for ${\n nextEvent.name\n } (${formatRawAsLocalI18n(\n nextEvent.deadline_time,\n dateLocales[i18n.language]\n )})`,\n {\n name: nextEvent.name,\n time: formatRawAsLocalI18n(\n nextEvent.deadline_time,\n dateLocales[i18n.language]\n ),\n }\n )}\n \n \n \n \n \n \n \n {t(\n \"confirmTransfers.youAreProposingWildcard\",\n \"You are proposing to play your wildcard!\"\n )}\n \n {t(\n \"confirmTransfers.cancelYourWildcard\",\n \"Cancel your wildcard if you would prefer to spend points on these transfers.\"\n )}\n \n \n \n \n \n \n {t(\n \"confirmTransfers.proposingRichUncle\",\n \"You are proposing to play your Rich Uncle chip! This allows you to make unlimited free transfers with an unlimited budget for a single round. At the next deadline, your squad is returned to how it was at the start of the round.\"\n )}\n \n {t(\n \"confirmTransfers.cancelYourRichUncle\",\n \"Cancel Rich Uncle chip if you would prefer not to do this.\"\n )}\n {\n cancelChip(\"rich\");\n return handleHide();\n }}\n width={1}\n >\n {t(\"confirmTransfers.cancelRichUncle\", `Cancel Rich Uncle`)}\n \n \n \n

\n \n \n

\n \n

\n \n = ({\n elementsById,\n elementTypesByPosition,\n fixturesForNextEventByTeam,\n proposedElements,\n pos,\n renderElementMenu,\n savedPicks,\n teamsById,\n}) => {\n if (!elementTypesByPosition) {\n return null;\n }\n\n let element = proposedElements[pos];\n // TODO - We need a visual indicator of the row elementState, in the past we\n // have rendered the '0' shirt instead of the regular one\n let elementState: \"original\" | \"removed\" | \"replaced\" = \"original\";\n if (!element) {\n element = elementsById[savedPicks[pos].element];\n elementState = \"removed\";\n } else if (element.id !== savedPicks[pos].element) {\n elementState = \"replaced\";\n }\n\n return (\n \n );\n};\n\ninterface IPropsFromState {\n elementsById: IElementsById;\n elementTypesByPosition: IElementTypesBySquadPosition | null;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n proposedElements: IProposedElements;\n savedPicks: ISavedPicks;\n teamsById: ITeamsById;\n}\n\ninterface IOwnProps {\n elementType: number;\n positions: number[];\n renderElementDialog: (element: IElement) => void;\n renderElementMenu: (pos: number) => void;\n}\n\ntype Props = IPropsFromState & IOwnProps & WithTranslation;\n\nconst TransfersListTable: React.SFC\n \n \n \n \n {integerToMoney(element.now_cost, 10)}\n {elementState === \"replaced\" ? (\n <>\n {integerToMoney(element.now_cost, 10)}\n {integerToMoney(element.now_cost, 10)}\n \n ) : (\n <>\n {integerToMoney(savedPicks[pos].selling_price, 10)}\n {integerToMoney(savedPicks[pos].purchase_price, 10)}\n \n )}\n {element.form}\n {element.total_points}\n \n \n renderElementMenu(pos)}\n element={element}\n team={teamsById[element.team]}\n />\n }\n fixtures={fixturesForNextEventByTeam[element.team]}\n element={element}\n teamsById={teamsById}\n />\n \n = ({\n t,\n elementType,\n elementTypesByPosition,\n positions,\n ...rest\n}) => {\n if (!elementTypesByPosition) {\n return null;\n }\n return (\n \n );\n};\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n elementsById: getElementsById(state),\n elementTypesByPosition: getElementTypesBySquadPosition(state),\n fixturesForNextEventByTeam: getFixturesForNextEventByTeam(state),\n proposedElements: getProposedElements(state),\n savedPicks: getSavedPicks(state),\n teamsById: getTeamsById(state),\n});\n\nexport default withTranslation()(connect(mapStateToProps)(TransfersListTable));\n","import { RouteComponentProps } from \"@reach/router\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { fetchMyTeam } from \"../../core/store/my-team/thunks\";\nimport { ITransferState } from \"../../core/store/my-team/types\";\nimport { getTransferState } from \"../../core/store/squad/reducers\";\nimport ConfirmTransfersDialog from \"./ConfirmTransfersDialog\";\nimport SquadBase from \"./SquadBase\";\nimport TransfersListTable from \"./TransfersListTable\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\n\ninterface IPropsFromState {\n transfersState: ITransferState | null;\n}\n\ninterface IPropsFromDispatch {\n fetchMyTeam: () => void;\n}\n\ntype Props = RouteComponentProps &\n IPropsFromState &\n IPropsFromDispatch &\n WithTranslation;\n\nclass Transfers extends React.Component\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {positions.map((p) => (\n \n {elementTypesByPosition[positions[0]].thisType.plural_name}\n \n \n \n \n \n {t(\"squadListTabel.label.currentPrice\", \"CP\")}\n \n \n \n \n \n {t(\"squadListTabel.label.sellingPrice\", \"SP\")}\n \n \n \n \n \n {t(\"squadListTabel.label.purchasePrice\", \"PP\")}\n \n \n \n \n \n {t(\"squadListTabel.label.form\", \"F\")}\n \n \n \n \n \n {t(\"squadListTabel.label.totalPoints\", \"TP\")}\n \n \n \n \n \n {t(\"squadListTabel.label.fixtureNext\", \"Fix\")}\n \n ))}\n \n {\n public componentDidMount() {\n this.props.fetchMyTeam();\n }\n\n public render() {\n // Don't render until we know what transfers staate we need to render ...\n if (!this.props.transfersState) {\n return null;\n }\n const scoreboard =\n this.props.transfersState.status === \"cost\" ? \"cost\" : \"basic\";\n const { t } = this.props;\n\n return (\n (\n \n )}\n scoreboard={scoreboard}\n submitDialog={(handleHide) => (\n \n )}\n title={t(\"transfer.title\", \"Transfers\")}\n />\n );\n }\n}\n\nexport { Transfers as TransfersTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n transfersState: getTransferState(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchMyTeam: () => dispatch(fetchMyTeam()),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(Transfers)\n);\n","import { RouteComponentProps } from \"@reach/router\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { updateElementControls } from \"../../core/store/elements/actions\";\nimport {\n getElementControls,\n getElementsFromControls,\n} from \"../../core/store/elements/reducers\";\nimport { updateElementControlsAndMaxCost } from \"../../core/store/elements/thunks\";\nimport {\n IElementControls,\n IElementDataFromControls,\n} from \"../../core/store/elements/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport ElementFilter from \"../element-controls/ElementFilter\";\nimport ElementSort from \"../element-controls/ElementSort\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport ElementInTable from \"../ElementInTable\";\nimport { ElementRow, ElementTable } from \"../ElementTable\";\nimport { FieldCol, FieldCols } from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport ScoutNav from \"../scout/ScoutNav\";\nimport Title from \"../Title\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\n\nconst NewsStatus = styled.th`\n width: 10%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 6%;\n }\n`;\n\nconst NewsElement = styled.th`\n width: 39%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 38%;\n }\n`;\n\nconst NewsNews = styled.th`\n width: 51%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 56%;\n }\n`;\n\nconst NewsCell = styled.td`\n white-space: normal;\n`;\n\nconst NavWrap = styled.div`\n width: 100%;\n margin: auto;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n width: 75%;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: 50%;\n }\n`;\n\ninterface IState {\n page: number;\n}\n\ninterface IPropsFromState {\n elements: IElementDataFromControls;\n controls: IElementControls;\n teamsById: ITeamsById;\n}\n\ninterface IPropsFromDispatch {\n updateControls: (controls: IElementControls) => void;\n updateControlsAndMaxCost: (controls: IElementControls) => void;\n}\n\ntype Props = RouteComponentProps &\n IPropsFromState &\n IPropsFromDispatch &\n WithTranslation;\n\nclass News extends React.Component {\n public handleFilterChange = (e: React.ChangeEvent) => {\n this.props.updateControls({\n ...this.props.controls,\n filter: e.target.value,\n });\n };\n\n public handleSortChange = (e: React.ChangeEvent) => {\n this.props.updateControls({\n ...this.props.controls,\n sort: e.target.value,\n });\n };\n\n public componentDidMount() {\n this.props.updateControlsAndMaxCost({\n ...this.props.controls,\n filter: \"all\",\n sort: \"news_added\",\n });\n }\n\n public render() {\n const { elements, t, teamsById } = this.props;\n return (\n <>\n \n \n \n );\n }\n}\n\nexport { News as NewsTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n controls: getElementControls(state),\n elements: getElementsFromControls(state),\n teamsById: getTeamsById(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n updateControls: (controls) => dispatch(updateElementControls(controls)),\n updateControlsAndMaxCost: (controls) =>\n dispatch(updateElementControlsAndMaxCost(controls)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(News)\n);\n","import { RouteComponentProps } from \"@reach/router\";\nimport React from \"react\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { updateElementControls } from \"../../core/store/elements/actions\";\nimport {\n getElementControls,\n getElementsFromControls,\n} from \"../../core/store/elements/reducers\";\nimport { updateElementControlsAndMaxCost } from \"../../core/store/elements/thunks\";\nimport {\n IElement,\n IElementControls,\n IElementDataFromControls,\n} from \"../../core/store/elements/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport { integerToMoney } from \"../../core/utils/money\";\nimport { getStatDetails } from \"../../utils/stats\";\nimport Alert from \"../Alert\";\nimport ElementFilter from \"../element-controls/ElementFilter\";\nimport ElementSort from \"../element-controls/ElementSort\";\nimport Paginator, { paginate } from \"../element-controls/Paginator\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport ElementInTable from \"../ElementInTable\";\nimport { ElementRow, ElementTable } from \"../ElementTable\";\nimport { FieldCol, FieldCols } from \"../FieldRenderers\";\nimport { Main, Wrapper } from \"../Layout\";\nimport Title from \"../Title\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport Panel from \"../Panel\";\n\nconst StatsStatus = styled.th`\n width: 10%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 7%;\n }\n`;\n\nconst StatsElement = styled.th`\n width: 32%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 38%;\n }\n`;\n\nconst StatsCost = styled.th`\n width: 14%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 11%;\n }\n`;\n\nconst StatsSel = styled.th`\n width: 11%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 11%;\n }\n`;\n\nconst StatsForm = styled.th`\n width: 13%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 11%;\n }\n`;\n\nconst StatsPts = styled.th`\n width: 10%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 11%;\n }\n`;\n\nconst StatsExtra = styled.th`\n width: 10%;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 11%;\n }\n`;\n\ninterface IState {\n page: number;\n}\n\ntype OwnProps = RouteComponentProps<{ statName?: string }>;\n\ninterface IPropsFromState {\n currencyDivisor: number;\n elements: IElementDataFromControls;\n controls: IElementControls;\n teamsById: ITeamsById;\n}\n\ninterface IPropsFromDispatch {\n updateControls: (controls: IElementControls) => void;\n updateControlsAndMaxCost: (controls: IElementControls) => void;\n}\n\ntype Props = OwnProps & WithTranslation & IPropsFromState & IPropsFromDispatch;\n\nclass Statistics extends React.Component\n \n \n \n \n \n

\n \n \n \n

\n \n {t(\"news.title\", \"Player Availability\")}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {elements.data\n .filter((e) => e.news)\n .map((e) => (\n \n ))}\n \n {t(\"news.playerCol\", \"Player\")}{t(\"news.newsCol\", \"News\")}\n \n \n \n \n {\n window.console.log(\"not needed\");\n }}\n element={e}\n team={teamsById[e.team]}\n />\n \n \n {e.news} {\n public state: IState = { page: 1 };\n\n public handleFilterChange = (e: React.ChangeEvent) => {\n this.setPage(1);\n this.props.updateControls({\n ...this.props.controls,\n filter: e.target.value,\n });\n };\n\n public handleSortChange = (e: React.ChangeEvent) => {\n this.setPage(1);\n this.props.updateControls({\n ...this.props.controls,\n sort: e.target.value,\n });\n };\n\n public setPage = (page: number) => this.setState({ page });\n\n public defaultStats: Array = [\n \"now_cost\",\n \"selected_by_percent\",\n \"form\",\n \"total_points\",\n ];\n\n public componentDidMount() {\n this.props.updateControlsAndMaxCost({\n ...this.props.controls,\n filter: \"all\",\n sort: this.props.statName || \"total_points\",\n search: \"\",\n });\n }\n\n public render() {\n const { controls, currencyDivisor, elements, teamsById, t } = this.props;\n const { page } = this.state;\n const { data, totalPages } = paginate(elements.data, page, 30);\n const extraStat =\n this.defaultStats.indexOf(controls.sort) === -1 ? controls.sort : \"\";\n const statDetail = getStatDetails(String(controls.sort), this.props.t);\n\n return (\n \n );\n }\n}\n\nexport { Statistics as StatisticsTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n controls: getElementControls(state),\n currencyDivisor: 10,\n elements: getElementsFromControls(state),\n teamsById: getTeamsById(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n updateControls: (controls) => dispatch(updateElementControls(controls)),\n updateControlsAndMaxCost: (controls) =>\n dispatch(updateElementControlsAndMaxCost(controls)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(Statistics)\n);\n","import * as React from \"react\";\nimport styled from \"styled-components/macro\";\n\ninterface IStyledProps {\n ref?: any;\n}\n\ninterface IProps {\n children: React.ReactNode;\n onClick?: () => void;\n}\n\ntype Props = IStyledProps & IProps;\n\nconst StyledBoldLinkButton = styled.button\n \n

\n \n \n \n \n

\n \n {t(\"statistics.title\", \"Statistics\")}\n \n \n \n \n \n \n \n \n \n {statDetail ? statDetail.description : \"\"}\n \n \n \n \n \n \n \n \n \n \n \n {extraStat ? : null}\n \n \n \n {data.map((e) => (\n \n ))}\n \n \n {t(\"statistics.player\", \"Player\")}\n mNOK\n \n \n \n \n {t(\"statistics.selectedByShort\", \"Sel.\")}\n {t(\"statistics.form\", \"Form\")}\n \n \n \n \n {t(\"statistics.totalPointsShort\", \"Pts.\")}\n **\n \n \n \n \n {\n window.console.log(\"not needed\");\n }}\n element={e}\n team={teamsById[e.team]}\n />\n \n {integerToMoney(e.now_cost, currencyDivisor)}\n {e.selected_by_percent}%\n {e.form}\n {e.total_points}\n {extraStat ? {e[extraStat]} : null}\n \n `\n display: inline-flex;\n align-items: center;\n padding: 0;\n border: 0;\n background-color: transparent;\n font-size: inherit;\n text-decoration: none;\n text-align: left;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n`;\n\nconst BoldLinkButton: React.ForwardRefExoticComponent = React.forwardRef(\n ({ children, ...rest }, ref) => (\n \n )\n);\n\nexport default BoldLinkButton;\n","import * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState } from \"../../core/store\";\nimport { getElementStats } from \"../../core/store/element-stats/reducers\";\nimport { IElementStat } from \"../../core/store/element-stats/types\";\nimport { getIncludedStats } from \"../../utils/stats\";\nimport { getElementTypesById } from \"../../core/store/element-types/reducers\";\nimport { IElementTypesById } from \"../../core/store/element-types/types\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport {\n IElement,\n IElementsById,\n IElementsEventDataById,\n} from \"../../core/store/elements/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport ElementInTable from \"../ElementInTable\";\nimport Table from \"../Table\";\n\nconst ScrollTable = styled.div`\n overflow-x: auto;\n width: 100%;\n`;\n\nconst StatsTable = styled(Table)`\n white-space: nowrap;\n`;\n\ninterface IDreamTeamRowProps {\n data: Record\n {children}\n ;\n element: IElement;\n elementTypesById: IElementTypesById;\n renderElementMenu: (index: number) => void;\n stats: ReadonlyArray;\n teamsById: ITeamsById;\n}\n\nconst DreamTeamRow: React.FC = ({\n data,\n element,\n renderElementMenu,\n stats,\n teamsById,\n}) => (\n \n \n \n \n \n renderElementMenu(element.id)}\n element={element}\n team={teamsById[element.team]}\n />\n \n {data.total_points}\n {stats.map((s) => (\n {data[s.name]}\n ))}\n \n);\n\ninterface IOwnProps {\n dataById: IElementsEventDataById;\n elements: number[];\n renderElementMenu: (index: number) => void;\n}\n\ninterface IPropsFromState {\n elementsById: IElementsById;\n elementTypesById: IElementTypesById;\n stats: ReadonlyArray;\n teamsById: ITeamsById;\n}\n\ntype Props = IOwnProps & IPropsFromState;\n\nconst DreamTeamTable: React.FC = ({\n dataById,\n elements,\n elementsById,\n stats,\n ...rest\n}) => {\n const includedStats = getIncludedStats(stats);\n return (\n \n );\n};\n\nexport { DreamTeamTable as DreamTeamTableTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => {\n return {\n elementsById: getElementsById(state),\n elementTypesById: getElementTypesById(state),\n stats: getElementStats(state),\n teamsById: getTeamsById(state),\n };\n};\n\nexport default connect(mapStateToProps)(DreamTeamTable);\n","var _g, _rect, _defs;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgSub(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_574_3747)\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 12,\n cy: 12,\n r: 12,\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.47 16.5C9.70585 16.2401 9.02054 15.7898 8.47874 15.1915C7.93694 14.5933 7.55653 13.8668 7.37339 13.0808C7.19026 12.2947 7.21045 11.4749 7.43206 10.6988C7.65367 9.92269 8.06939 9.21586 8.63999 8.64501L6.87499 6.88C5.95459 7.80126 5.29932 8.95342 4.97803 10.2154C4.65674 11.4774 4.68129 12.8026 5.0491 14.0518C5.41691 15.3011 6.1144 16.4282 7.06828 17.3147C8.02216 18.2012 9.19722 18.8145 10.47 19.09V22L14 19V17L10.47 14V16.5Z\",\n fill: \"#D22A5D\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.125 6.875C16.1425 5.88635 14.8933 5.20528 13.53 4.915V2L10 5V7L13.53 10V7.5C14.2941 7.7599 14.9794 8.21022 15.5212 8.80848C16.063 9.40673 16.4435 10.1332 16.6266 10.9192C16.8097 11.7053 16.7895 12.5251 16.5679 13.3012C16.3463 14.0773 15.9306 14.7841 15.36 15.355L17.125 17.12C17.7984 16.4472 18.3325 15.6482 18.697 14.7689C19.0614 13.8895 19.249 12.9469 19.249 11.995C19.249 11.0431 19.0614 10.1005 18.697 9.22114C18.3325 8.34177 17.7984 7.54283 17.125 6.87V6.875Z\",\n fill: \"#03B155\"\n }))), _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 23,\n height: 23,\n rx: 11.5,\n stroke: \"#CAC5DD\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_574_3747\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 24,\n height: 24,\n rx: 12,\n fill: \"white\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSub);\nexport default __webpack_public_path__ + \"static/media/sub.4b78c42e.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _g2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgViceCaptain(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 32,\n height: 32,\n viewBox: \"0 0 32 32\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, \"Element Icon vice captain\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"icon_circle\",\n \"data-name\": \"icon circle\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 16,\n cy: 16,\n r: 16\n }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"symbol_vice\",\n \"data-name\": \"symbol vice\",\n fill: \"currentColor\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25,8.5l-6.1,16H13.2L7,8.5h4.2L16,21.4,20.8,8.5H25Z\"\n }))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgViceCaptain);\nexport default __webpack_public_path__ + \"static/media/vice-captain.0c8a5676.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _g2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgX2(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n \"data-name\": \"Layer 1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 32,\n height: 32,\n viewBox: \"0 0 32 32\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"icon_circle\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 16,\n cy: 16,\n r: 16\n }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"currentColor\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.5,16.7l-3.4-5h3.1l1.9,3l1.9-3h3l-3.4,5l3.6,5.2H12L10,18.7l-2.1,3.2h-3L8.5,16.7z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.5,19.6l4.4-3.6c1.7-1.4,2.3-2.1,2.3-3.2c0-1.1-0.7-1.7-1.8-1.7c-1,0-1.7,0.6-2.7,1.8l-2.1-1.7c1.3-1.8,2.6-2.8,5-2.8 c2.8,0,4.6,1.6,4.6,4.1v0c0,2.2-1.1,3.3-3.5,5.1l-2.2,1.7h5.8v2.5h-9.8V19.6z\"\n }))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgX2);\nexport default __webpack_public_path__ + \"static/media/x2.b18573cb.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgDreamteam(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.1202 0.332257L12.2646 1.18135C12.5969 1.40286 12.966 1.55053 13.3352 1.55053H14.7381C15.5503 1.55053 16.2517 2.06737 16.5101 2.84264L16.9531 4.20858C17.0639 4.57776 17.3223 4.91001 17.6176 5.13152L18.7621 5.98062C19.4266 6.46055 19.685 7.27272 19.4266 8.04799L18.9836 9.41393C18.8728 9.78311 18.8728 10.1892 18.9836 10.5584L19.4266 11.9243C19.685 12.6996 19.3897 13.5118 18.7621 13.9917L17.6176 14.8408C17.2854 15.0623 17.0639 15.3946 16.9531 15.7637L16.5101 17.1297C16.2517 17.9049 15.5503 18.4218 14.7381 18.4218H13.3352C12.9291 18.4218 12.56 18.5325 12.2646 18.791L11.1202 19.6401C10.4557 20.12 9.60657 20.12 8.94206 19.6401L7.79761 18.791C7.46535 18.5695 7.09619 18.4218 6.72701 18.4218H5.28723C4.47504 18.4218 3.77362 17.9049 3.5152 17.1297L3.07218 15.7637C2.96143 15.3946 2.70301 15.0623 2.40767 14.8408L1.26322 13.9917C0.598708 13.5118 0.340291 12.6996 0.598713 11.9243L1.04173 10.5584C1.15248 10.1892 1.15248 9.78311 1.04173 9.41393L0.598713 8.04799C0.340291 7.27272 0.635626 6.46055 1.26322 5.98062L2.40767 5.13152C2.73993 4.91001 2.96143 4.57776 3.07218 4.20858L3.5152 2.84264C3.77362 2.06737 4.47504 1.55053 5.28723 1.55053H6.69008C7.09617 1.55053 7.46536 1.43978 7.7607 1.18135L8.90513 0.332257C9.56964 -0.110752 10.4557 -0.110752 11.1202 0.332257Z\",\n fill: \"#D22A5D\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.584 9.89387C16.584 6.27596 13.6306 3.32257 10.0127 3.32257C6.39479 3.32257 3.44141 6.27596 3.44141 9.89387C3.44141 13.5118 6.39479 16.4652 10.0127 16.4652C13.6306 16.4652 16.584 13.5487 16.584 9.89387Z\",\n fill: \"#FAFAFA\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.013 11.9612L7.61341 13.2164L8.09334 10.5584L6.13672 8.67559L8.83168 8.2695L10.013 5.86987L11.2313 8.2695L13.8894 8.67559L11.9697 10.5584L12.4127 13.2164L10.013 11.9612Z\",\n fill: \"#D22A5D\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDreamteam);\nexport default __webpack_public_path__ + \"static/media/dreamteam.5f4dabb8.svg\";\nexport { ForwardRef as ReactComponent };","import { size } from \"polished\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled, { css } from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport { showElementSummary } from \"../../core/store/elements/thunks\";\nimport { IElementsById } from \"../../core/store/elements/types\";\nimport { IPickLight } from \"../../core/store/entries/types\";\nimport { ReactComponent as Captain } from \"../../img/icons/captain.svg\";\nimport { ReactComponent as Sub } from \"../../img/icons/sub.svg\";\nimport { ReactComponent as ViceCaptain } from \"../../img/icons/vice-captain.svg\";\nimport { ReactComponent as x2 } from \"../../img/icons/x2.svg\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport Shirt from \"../Shirt\";\nimport {\n Controls,\n InfoControl,\n PitchElementWrap,\n PrimaryControl,\n StyledPitchElement,\n} from \"../Pitch\";\nimport PitchElementData from \"../PitchElementData\";\nimport { UnstyledButton } from \"../Utils\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\n\nconst StyledSub = styled(Sub)`\n ${size(14)}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n }\n`;\n\nconst StyledButton = styled(UnstyledButton)`\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n display: flex;\n width: 100%;\n padding: 0;\n border: 0;\n background-color: transparent;\n line-height: 1;\n cursor: pointer;\n height: auto;\n flex-direction: column;\n align-items: stretch;\n height: 100%;\n justify-content: start;\n }\n`;\n\nconst StyledCaptain = styled(Captain)\n \n \n \n \n \n Player\n Pts\n {includedStats.map((s) => (\n \n \n \n ))}\n \n \n \n {elements.map((e) => (\n \n {s.label\n .split(\" \")\n .map((w) => w[0])\n .join(\"\")\n .toUpperCase()}\n \n ))}\n \n `\n ${size(14)};\n position: absolute;\n top: 22%;\n right: 4px;\n color: white;\n\n ${(props) =>\n props.variant === \"2capt\" &&\n css`\n color: black;\n fill: #fac101;\n `}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n }\n`;\n\nconst StyledViceCaptain = styled(ViceCaptain)`\n ${size(14)};\n position: absolute;\n top: 22%;\n right: 4px;\n color: white;\n\n ${(props) =>\n props.variant === \"2capt\" &&\n css`\n color: black;\n fill: #fac101;\n `}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n }\n`;\n\nconst StyledX2 = styled(x2)`\n ${size(14)};\n position: absolute;\n top: 22%;\n right: 4px;\n color: #fac101;\n fill: #28aae1;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n }\n`;\n\nconst DreamTeamWrap = styled.div`\n position: absolute;\n top: 44%;\n right: 0;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n right: 10px;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n right: 20px;\n }\n`;\n\ninterface IPropsFromState {\n elementsById: IElementsById;\n settings: ISettings | null;\n}\n\ninterface IPropsFromDispatch {\n showElementDialog: (elementId: number) => void;\n}\n\ninterface IOwnProps {\n actionMe: () => void;\n chipName: string | null;\n pick: IPickLight;\n renderDreamTeam: (pick: IPickLight) => React.ReactNode;\n renderElementMenu: () => void;\n renderPickValue: (pick: IPickLight) => React.ReactNode;\n}\n\ninterface IStyledCaptainProps {\n variant?: string;\n}\n\ntype Props = IPropsFromState & IPropsFromDispatch & IOwnProps;\n\nconst TeamPitchElement: React.FC = ({\n actionMe,\n chipName,\n pick,\n elementsById,\n renderElementMenu,\n renderPickValue,\n renderDreamTeam,\n settings,\n}) => {\n if (!settings) return null;\n\n const element = elementsById[pick.element];\n\n return (\n \n );\n};\n\nconst mapStateToProps = (state: RootState): IPropsFromState => ({\n elementsById: getElementsById(state),\n settings: getSettings(state),\n});\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(TeamPitchElement);\n","import * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { ThunkDispatch } from \"../../core/store\";\nimport { actionSubstitution } from \"../../core/store/my-team/thunks\";\nimport Pitch, { PitchRow, PitchUnit } from \"../Pitch\";\nimport TeamPitchElement from \"./TeamPitchElement\";\nimport { IPickLight } from \"../../core/store/entries/types\";\n\ninterface IFormationProps {\n generateProps: (i: number) => {\n actionMe: () => void;\n chipName: string | null;\n pick: IPickLight;\n renderDreamTeam: (pick: IPickLight) => React.ReactNode;\n renderElementMenu: () => void;\n renderPickValue: (pick: IPickLight) => React.ReactNode;\n };\n}\n\nconst FiveFourOne: React.FC\n \n \n \n \n\n {pick.is_captain &&\n (!chipName || chipName === \"rich\" || chipName === \"wildcard\") && (\n \n \n \n \n {actionMe && typeof pick.subStatus !== \"undefined\" && (\n \n )}\n \n \n \n \n \n \n \n \n )}\n\n {pick.is_vice_captain &&\n (!chipName || chipName === \"rich\" || chipName === \"wildcard\") && (\n \n )}\n\n {pick.is_captain && chipName === \"2capt\" && (\n \n )}\n\n {pick.is_vice_captain && chipName === \"2capt\" && (\n \n )}\n\n {chipName === \"frush\" &&\n element.element_type === 4 &&\n pick.position <= settings.squad_squadplay && }\n\n \n {renderDreamTeam(pick)} = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\nconst FiveThreeTwo: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\nconst FiveTwoThree: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\nconst FourFiveOne: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\nconst FourThreeThree: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\nconst FourFourTwo: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\nconst ThreeFourThree: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\nconst ThreeFiveTwo: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({ generateProps }) => (\n <>\n \n \n \n \n \n);\n\ninterface IPropsFromDispatch {\n substitute: (elementId: number) => void;\n}\n\ninterface IProps {\n chipName: string | null;\n formation: string;\n picks: IPickLight[];\n renderDreamTeam: (pick: IPickLight) => React.ReactNode;\n renderElementMenu: (element: number) => void;\n renderPickValue: (pick: IPickLight) => React.ReactNode;\n}\n\ntype Props = IPropsFromDispatch & IProps;\n\ninterface IFormations {\n [key: string]: React.ReactNode;\n}\n\nconst PitchFormation: React.FC\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n = ({\n chipName,\n formation,\n substitute,\n picks,\n renderDreamTeam,\n renderElementMenu,\n renderPickValue,\n}) => {\n const sharedTeamPitchElementProps = (i: number) => ({\n actionMe: () => substitute(picks[i].element),\n chipName,\n pick: picks[i],\n renderDreamTeam,\n renderElementMenu: () => renderElementMenu(picks[i].element),\n renderPickValue,\n });\n const formations: IFormations = {\n \"1-5-4-1\": ,\n \"1-5-3-2\": ,\n \"1-5-2-3\": ,\n \"1-4-5-1\": ,\n \"1-4-4-2\": ,\n \"1-4-3-3\": ,\n \"1-3-5-2\": ,\n \"1-3-4-3\": ,\n };\n return ;\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n substitute: (elementId) => dispatch(actionSubstitution(elementId)),\n});\n\nexport default connect(null, mapDispatchToProps)(PitchFormation);\n","import { RouteComponentProps } from \"@reach/router\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n dreamTeamAsPickLight,\n getEventDreamTeam,\n getEventDreamTeamFormation,\n getOverallDreamTeam,\n getOverallDreamTeamFormation,\n} from \"../../core/store/dream-teams/reducers\";\nimport {\n fetchEventDreamTeam,\n fetchOverallDreamTeam,\n} from \"../../core/store/dream-teams/thunks\";\nimport { IDreamTeamData } from \"../../core/store/dream-teams/types\";\nimport {\n getElementsById,\n getElementsEventDataById,\n} from \"../../core/store/elements/reducers\";\nimport {\n fetchEventLive,\n showElementSummary,\n} from \"../../core/store/elements/thunks\";\nimport {\n IElementsById,\n IElementsEventDataById,\n} from \"../../core/store/elements/types\";\nimport { IPickLight } from \"../../core/store/entries/types\";\nimport {\n getCurrentEvent,\n getEventsById,\n} from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { getFixturesForEventById } from \"../../core/store/fixtures/reducers\";\nimport { IFixture } from \"../../core/store/fixtures/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport BoldLink from \"../BoldLink\";\nimport BoldLinkButton from \"../BoldLinkButton\";\nimport ButtonLink from \"../ButtonLink\";\nimport Shirt from \"../Shirt\";\nimport Fixtures from \"../Fixtures\";\nimport { ControlArrowLeft, ControlArrowRight } from \"../icons/Arrows\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Media from \"../Media\";\nimport {\n EventPager,\n PagerButton,\n PagerButtonNext,\n PagerHeading,\n} from \"../Pager\";\nimport { NotFound } from \"../Routes\";\nimport SubHeading from \"../SubHeading\";\nimport TabPanel from \"../tabs/TabPanel\";\nimport Tabs from \"../tabs/Tabs\";\nimport Title from \"../Title\";\nimport DreamTeamTable from \"./DreamTeamTable\";\nimport ElementExplainDialog from \"./ElementExplainDialog\";\nimport PitchFormation from \"./PitchFormation\";\nimport valueForPlayerElement from \"./valueForPlayedElement\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\n\nconst DTScoreboard = styled.div`\n display: flex;\n margin: 0 ${({ theme }) => theme.space[2]};\n border: 1px solid ${({ theme }) => theme.colors.primary};\n border-radius: ${({ theme }) => theme.radii[0]};\n background: ${({ theme }) => theme.colors.backgroundwhite50};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n margin: 0;\n }\n`;\n\nconst DTScoreboardPanel = styled.div`\n flex: 1;\n margin: ${({ theme }) => theme.space[2]};\n padding: 0 ${({ theme }) => theme.space[2]};\n border: 1px solid ${({ theme }) => theme.colors.primary};\n border-radius: ${({ theme }) => theme.radii[0]};\n background: white;\n text-align: center;\n`;\n\nconst DTScoreboardHeading = styled.h3`\n margin-bottom: ${({ theme }) => theme.space[1]};\n font-size: ${({ theme }) => theme.fontSizes[4]};\n`;\n\nconst DTScoreboardValue = styled.div`\n position: relative;\n color: ${({ theme }) => theme.colors.pink};\n font-size: 4rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding-bottom: 0.3rem;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n padding-top: 0.6rem;\n padding-bottom: 1rem;\n }\n`;\n\nconst SectionBackground = styled.div`\n padding-top: ${({ theme }) => theme.space[4]};\n background: ${({ theme }) => theme.colors.backgroundwhite50};\n border-top: 1px solid ${({ theme }) => theme.colors.primary};\n border-bottom: 1px solid ${({ theme }) => theme.colors.primary};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n border: 1px solid ${({ theme }) => theme.colors.primary};\n border-radius: ${({ theme }) => theme.radii[0]};\n }\n`;\n\nconst TopPlayer = styled.div`\n display: inline-block;\n`;\n\nconst TopPlayerData = styled.div`\n text-align: left;\n`;\n\ntype OwnProps = RouteComponentProps<{ eventId?: string }>;\n\ninterface IPropsFromState {\n data: IDreamTeamData | null;\n elementsById: IElementsById;\n elementsDataById: IElementsEventDataById;\n fixturesById: Record{formations[formation]} | null;\n event: IEvent | undefined;\n formation: string;\n now: IEvent | null;\n teamsById: ITeamsById;\n}\n\ninterface IPropsFromDispatch {\n fetchEventLive: (entryId: number) => void;\n fetchEventDreamTeam: (eventId: number) => void;\n fetchOverallDreamTeam: () => void;\n showElementDialog: (elementId: number) => void;\n}\n\ntype Props = WithTranslation & OwnProps & IPropsFromState & IPropsFromDispatch;\n\ninterface IState {\n elementForMenu: number;\n}\n\nclass DreamTeam extends React.Component {\n public state: IState = {\n elementForMenu: 0,\n };\n\n public handleShowMenuForElement = (element: number) => {\n this.setState({ elementForMenu: element });\n };\n\n public handleHideMenuForElement = () => {\n this.setState({ elementForMenu: 0 });\n };\n\n public fetchData() {\n if (this.props.event) {\n this.props.fetchEventDreamTeam(this.props.event.id);\n this.props.fetchEventLive(this.props.event.id);\n } else {\n this.props.fetchOverallDreamTeam();\n }\n }\n\n public componentDidMount() {\n this.fetchData();\n }\n\n public componentDidUpdate(prevProps: Props) {\n if (prevProps.event !== this.props.event) {\n this.fetchData();\n }\n }\n\n public render() {\n const {\n t,\n data,\n elementsById,\n elementsDataById,\n event,\n fixturesById,\n formation,\n now,\n showElementDialog,\n teamsById,\n } = this.props;\n if (!now) {\n return ;\n }\n if (!data) {\n return null;\n }\n const picks = dreamTeamAsPickLight(data.team);\n const topPlayer = elementsById[data.top_player.id];\n\n // For the overall team we just show the standard element dialog as there\n // is no explain\n if (this.state.elementForMenu && !event) {\n showElementDialog(this.state.elementForMenu);\n }\n\n // Create a new function on each render as data could have changed and\n // need to ensure a render of connected subcomponents\n const renderPickValue = event\n ? valueForPlayerElement({\n elementsById,\n elementsDataById,\n fixturesById,\n teamsById,\n })\n : (pick: IPickLight) => {\n const elementData = data.team.filter(\n (e) => e.element === pick.element\n );\n return elementData.length ? elementData[0].points : null;\n };\n return (\n \n );\n }\n}\nexport { DreamTeam as DreamTeamTest };\n\nconst mapStateToProps = (\n state: RootState,\n ownProps: OwnProps\n): IPropsFromState => {\n const eventId = Number(ownProps.eventId) || 0;\n return {\n data: eventId\n ? getEventDreamTeam(state, eventId)\n : getOverallDreamTeam(state),\n elementsById: getElementsById(state),\n elementsDataById: getElementsEventDataById(state, eventId),\n event: getEventsById(state)[eventId],\n fixturesById: getFixturesForEventById(state, eventId),\n formation: eventId\n ? getEventDreamTeamFormation(state, eventId)\n : getOverallDreamTeamFormation(state),\n now: getCurrentEvent(state),\n teamsById: getTeamsById(state),\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchEventLive: (eventId) => dispatch(fetchEventLive(eventId)),\n fetchEventDreamTeam: (eventId) => dispatch(fetchEventDreamTeam(eventId)),\n fetchOverallDreamTeam: () => dispatch(fetchOverallDreamTeam()),\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(DreamTeam)\n);\n","var _polygon, _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgReload(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Non_mover\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n width: \"16px\",\n height: \"16px\",\n viewBox: \"0 0 16 16\",\n enableBackground: \"new 0 0 16 16\",\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, \"Reload\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _polygon || (_polygon = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"7,16 11,16 16,11 11,6 7,6 12,11 \"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.3,0L16,0v3H6.3C4.5,3,3,4.5,3,6.2s1.5,3.2,3.3,3.2h7.2v3H6.3C2.9,12.4,0,9.6,0,6.2S2.8,0,6.3,0z\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgReload);\nexport default __webpack_public_path__ + \"static/media/reload.0ae64c38.svg\";\nexport { ForwardRef as ReactComponent };","import { size } from \"polished\";\nimport styled from \"styled-components/macro\";\nimport { ReactComponent as BaseDreamTeam } from \"../../img/icons/dreamteam.svg\";\n\nconst DreamTeam = styled(BaseDreamTeam)`\n ${size(14)};\n color: white;\n fill: #005baa;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n }\n`;\n\nexport default DreamTeam;\n","import * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { ThunkDispatch } from \"../../core/store\";\nimport { IPickLight } from \"../../core/store/entries/types\";\nimport { actionSubstitution } from \"../../core/store/my-team/thunks\";\nimport TeamPitchElement from \"./TeamPitchElement\";\n\nconst StyledBenchUnit = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n padding-top: ${({ theme }) => theme.space[1]};\n`;\n\nconst BenchUnitHeading = styled.h3`\n order: 2;\n margin: 0.2rem 0;\n color: #61605c;\n font-size: ${({ theme }) => theme.fontSizes[0]};\n text-align: center;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n font-size: ${({ theme }) => theme.fontSizes[3]};\n }\n`;\n\ninterface IPropsFromDispatch {\n substitute: (elementId: number) => void;\n}\n\ninterface IProps {\n chipName: string | null;\n heading: React.ReactNode;\n pick: IPickLight;\n renderDreamTeam: (pick: IPickLight) => React.ReactNode;\n renderElementMenu: (pick: IPickLight) => void;\n renderPickValue: (element: IPickLight) => React.ReactNode;\n substitute: (elementId: number) => void;\n}\n\ntype Props = IPropsFromDispatch & IProps;\n\nconst BenchUnit: React.FC\n \n \n

\n \n {/* ROUND PAGER */}\n {event ? (\n \n ) : (\n \n )}\n {/* SCOREBOARD */}\n\n \n {/* TEAM */}\n \n {event && this.state.elementForMenu ? (\n

\n \n {t(\"dreamTeam.title\", \"Dream Team\")}\n \n {(event.id > 1 || event.id < now.id) && (\n \n )}\n {event.name}\n {event.id > 1 && (\n \n )}\n {event.id < now.id && (\n \n )}\n \n \n \n {t(\"dreamTeam.previous\", \"Previous\")}\n \n \n \n {t(\"dreamTeam.next\", \"Next\")}\n \n \n \n \n {t(\"dreamTeam.overall\", \"Overall\")}\n \n \n \n \n \n \n \n \n \n {t(\"dreamTeam.topPlayer\", \"Top Player\")}\n \n showElementDialog(topPlayer.id)}\n >\n {topPlayer.web_name}\n \n \n \n \n \n }\n centred={true}\n >\n \n \n \n \n \n

{teamsById[topPlayer.team].short_name}

\n {data.top_player.points}{\" \"}\n {t(\"dreamTeam.points\", \"Points\")}\n

\n \n \n {event ? (\n \n ) : (\n \n )}\n \n {t(\"dreamTeam.totalPoints\", \"Total Points\")}\n \n {data.team.reduce((total, e) => total + e.points, 0)}\n \n {t(\"dreamTeam.overall\", \"Overall\")}\n \n {t(\"dreamTeam.round\", \"Round\")}\n \n \n \n \n \n \n \n null}\n renderElementMenu={this.handleShowMenuForElement}\n renderPickValue={renderPickValue}\n />\n \n \n \n \n e.element)}\n renderElementMenu={this.handleShowMenuForElement}\n dataById={elementsDataById}\n />\n \n ) : null}\n {event && }\n \n \n = ({\n chipName,\n heading,\n pick,\n renderDreamTeam,\n renderElementMenu,\n renderPickValue,\n substitute,\n}) => (\n \n);\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n substitute: (elementId) => dispatch(actionSubstitution(elementId)),\n});\n\nexport default connect(null, mapDispatchToProps)(BenchUnit);\n","import { size } from \"polished\";\nimport styled, { css } from \"styled-components/macro\";\nimport { ReactComponent as Captain } from \"../../img/icons/captain.svg\";\nimport { ReactComponent as ViceCaptain } from \"../../img/icons/vice-captain.svg\";\n\ninterface IStyledCaptainProps {\n variant?: string;\n}\n\nexport const StyledCaptain = styled(Captain)\n \n {heading} substitute(pick.element)}\n chipName={chipName}\n pick={pick}\n renderDreamTeam={renderDreamTeam}\n renderElementMenu={() => renderElementMenu(pick)}\n renderPickValue={renderPickValue}\n />\n `\n ${size(14)};\n color: white;\n margin-top: 0.6rem;\n\n ${(props) =>\n props.variant === \"3xc\" &&\n css`\n color: black;\n fill: white;\n `}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n right: 10px;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n right: 20px;\n }\n`;\n\nexport const StyledViceCaptain = styled(ViceCaptain)`\n ${size(14)};\n margin-top: 0.6rem;\n color: white;\n\n ${(props) =>\n props.variant === \"3xc\" &&\n css`\n color: black;\n fill: white;\n `}\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n ${size(16)}\n right: 10px;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n ${size(20)}\n right: 20px;\n }\n`;\n","import * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState } from \"../../core/store\";\nimport { getElementStats } from \"../../core/store/element-stats/reducers\";\nimport { IElementStat } from \"../../core/store/element-stats/types\";\nimport { getIncludedStats } from \"../../utils/stats\";\nimport { getElementTypesById } from \"../../core/store/element-types/reducers\";\nimport { IElementTypesById } from \"../../core/store/element-types/types\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport {\n IElement,\n IElementEventStats,\n IElementsById,\n IElementsEventDataById,\n} from \"../../core/store/elements/types\";\nimport { IPickLight } from \"../../core/store/entries/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport ElementInTable from \"../ElementInTable\";\nimport { ElementRow } from \"../ElementTable\";\nimport Table from \"../Table\";\nimport { StyledCaptain, StyledViceCaptain } from \"./TableCaptains\";\nimport Panel from \"../Panel\";\n\nconst ScrollTable = styled.div`\n overflow-x: auto;\n width: 100%;\n`;\n\nconst StatsTable = styled(Table)`\n white-space: nowrap;\n`;\n\ninterface IEntryEventRowProps {\n chipName: string | null;\n data: IElementEventStats;\n pick: IPickLight;\n element: IElement;\n elementTypesById: IElementTypesById;\n renderElementMenu: (index: number) => void;\n stats: ReadonlyArray;\n teamsById: ITeamsById;\n}\n\nconst EntryEventRow: React.FC = ({\n chipName,\n data,\n pick,\n element,\n renderElementMenu,\n stats,\n teamsById,\n}) => (\n \n);\n\ninterface IOwnProps {\n chipName: string | null;\n dataById: IElementsEventDataById | null;\n picks: IPickLight[];\n renderElementMenu: (index: number) => void;\n title: string;\n}\n\ninterface IPropsFromState {\n elementsById: IElementsById;\n elementTypesById: IElementTypesById;\n stats: ReadonlyArray\n \n \n \n \n {pick.is_captain &&\n (chipName === \"3xc\" ? (\n \n ) : (\n \n ))}\n {pick.is_vice_captain &&\n (chipName === \"3xc\" ? (\n \n ) : (\n \n ))}\n \n \n renderElementMenu(pick.element)}\n element={element}\n team={teamsById[element.team]}\n />\n \n {data.total_points * Math.max(pick.multiplier, 1)}\n {stats.map((s) => (\n {data[s.name]}\n ))}\n ;\n teamsById: ITeamsById;\n}\n\ntype Props = IOwnProps & IPropsFromState;\n\nconst EntryEventTable: React.FC = ({\n dataById,\n elementsById,\n picks,\n stats,\n title,\n ...rest\n}) => {\n if (!dataById) {\n return null;\n }\n\n const includedStats = getIncludedStats(stats);\n return (\n \n );\n};\n\nexport { EntryEventTable as EntryEventTableTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => {\n return {\n elementsById: getElementsById(state),\n elementTypesById: getElementTypesById(state),\n stats: getElementStats(state),\n teamsById: getTeamsById(state),\n };\n};\n\nexport default connect(mapStateToProps)(EntryEventTable);\n","import { Link as ReachLink, RouteComponentProps } from \"@reach/router\";\nimport range from \"lodash/range\";\nimport { hideVisually, size } from \"polished\";\nimport * as React from \"react\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled, { css } from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../../core/store\";\nimport {\n getElementsById,\n getElementsEventDataById,\n} from \"../../core/store/elements/reducers\";\nimport { fetchEventLive } from \"../../core/store/elements/thunks\";\nimport {\n IElementsById,\n IElementsEventDataById,\n} from \"../../core/store/elements/types\";\nimport {\n getEntry,\n getEntryEventFormation,\n getEntryEventPicks,\n getEntryEventPoints,\n} from \"../../core/store/entries/reducers\";\nimport {\n fetchEntryEventPicks,\n fetchEntrySummary,\n} from \"../../core/store/entries/thunks\";\nimport {\n IEntry,\n IEntryEvent,\n IPickLight,\n} from \"../../core/store/entries/types\";\nimport {\n getCurrentEvent,\n getEventsById,\n} from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { getFixturesForEventById } from \"../../core/store/fixtures/reducers\";\nimport { fetchFixtures } from \"../../core/store/fixtures/thunks\";\nimport { IFixture } from \"../../core/store/fixtures/types\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { IPlayer } from \"../../core/store/player/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport { ReactComponent as BaseDreamTeam } from \"../../img/icons/dreamteam.svg\";\nimport { ReactComponent as BaseReload } from \"../../img/icons/reload.svg\";\nimport { ChipName, getChipName } from \"../../utils/chips\";\nimport ButtonLink from \"../ButtonLink\";\nimport Entry from \"../Entry\";\nimport Fixtures from \"../Fixtures\";\nimport { ControlArrowLeft, ControlArrowRight } from \"../icons/Arrows\";\nimport DreamTeam from \"../icons/DreamTeam\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Link from \"../Link\";\nimport {\n EventPager,\n PagerButton,\n PagerButtonNext,\n PagerHeading,\n} from \"../Pager\";\nimport { ElementRow } from \"../Pitch\";\nimport { NotFound } from \"../Routes\";\nimport Table from \"../Table\";\nimport TabPanel from \"../tabs/TabPanel\";\nimport Tabs from \"../tabs/Tabs\";\nimport Title from \"../Title\";\nimport BenchUnit from \"./BenchUnit\";\nimport ElementExplainDialog from \"./ElementExplainDialog\";\nimport EntryEventTable from \"./EntryEventTable\";\nimport PitchWrapper from \"./PitchWrapper\";\nimport PitchFormation from \"./PitchFormation\";\nimport valueForPlayerElement from \"./valueForPlayedElement\";\n\nconst PointsScoreboardWrap = styled.div`\n margin: ${({ theme }) => theme.space[2]};\n border: 1px solid ${({ theme }) => theme.colors.primary};\n border-radius: ${({ theme }) => theme.radii[0]};\n background: ${({ theme }) => theme.colors.backgroundwhite50};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n margin: ${({ theme }) => `${theme.space[3]} ${theme.space[0]}`};\n }\n`;\n\nconst StyledEventPager = styled(EventPager)`\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n padding: 0 23%;\n }\n`;\n\nconst StyledPagerHeading = styled(PagerHeading)`\n margin-bottom: -2.4rem;\n font-family: ${({ theme }) => theme.fonts.impact};\n font-size: ${({ theme }) => theme.fontSizes[5]};\n text-align: center;\n padding: 1rem 0;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n margin-bottom: -2rem;\n padding: 1.8rem 0;\n }\n`;\n\nconst PagerButtonStyles = css`\n flex-basis: 10%;\n margin-top: ${({ theme }) => `-${theme.space[4]}`};\n font-family: ${({ theme }) => theme.fonts.impactMedium};\n\n > a {\n min-width: 110px;\n padding: 0.6rem 1.5rem;\n border-radius: 40px;\n background-color: ${({ theme }) => theme.colors.primary};\n font-size: ${({ theme }) => theme.fontSizes[3]};\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n margin-top: 0.3rem;\n }\n`;\n\nconst StyledPagerButton = styled(PagerButton)`\n ${PagerButtonStyles};\n`;\n\nconst StyledPagerButtonNext = styled(PagerButtonNext)`\n ${PagerButtonStyles};\n`;\n\nconst DreamTeamWrap = styled.div`\n width: 60%;\n margin: ${({ theme }) => theme.space[4]} auto;\n font-weight: 600;\n text-align: center;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[1]}) {\n width: 40%;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: 30%;\n }\n`;\n\nconst TableWrap = styled.div`\n margin-bottom: ${({ theme }) => theme.space[2]};\n`;\n\nconst PointsScoreboard = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n padding: ${({ theme }) => theme.space[3]} 0;\n text-align: center;\n`;\n\nconst ScoreboardPrimary = styled.div`\n flex: 0 0 38%;\n border: 1px solid ${({ theme }) => theme.colors.greyDarker4};\n border-radius: ${({ theme }) => theme.radii[1]};\n background-color: ${({ theme }) => theme.colors.greyDarker2};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n flex-basis: calc(22% - ${({ theme }) => theme.space[1]});\n }\n`;\n\ninterface IPrimaryPanelProps {\n chipPlayed?: boolean;\n}\n\nconst PrimaryPanel = styled.div\n \n \n \n \n \n \n \n \n {title}\n Pts\n {includedStats.map((s) => (\n \n \n \n ))}\n \n \n \n {picks.map((p) => (\n \n {s.label\n .split(\" \")\n .map((w) => w[0])\n .join(\"\")\n .toUpperCase()}\n \n ))}\n \n `\n position: relative;\n`;\n\nconst PrimaryHeading = styled.h4`\n margin: 0;\n padding-top: ${({ theme }) => theme.space[3]};\n font-family: ${({ theme }) => theme.fonts.base};\n font-size: ${({ theme }) => theme.fontSizes[0]};\n font-weight: 300;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[2]}) {\n padding-top: ${({ theme }) => theme.space[3]};\n }\n`;\n\nconst PrimaryValue = styled.div`\n position: relative;\n font-family: ${({ theme }) => theme.fonts.impact};\n font-size: ${({ theme }) => theme.fontSizes[7]};\n font-weight: 600;\n color: ${({ theme }) => theme.colors.black};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n font-size: ${({ theme }) => theme.fontSizes[6]};\n }\n`;\n\nconst ReloadButton = styled.button`\n position: absolute;\n top: 50%;\n left: ${({ theme }) => theme.space[0]};\n transform: translateY(-50%);\n padding: ${({ theme }) => theme.space[1]};\n border: 0;\n background-color: ${({ theme }) => theme.colors.primary};\n line-height: 1;\n cursor: pointer;\n`;\n\nconst Reload = styled(BaseReload)`\n fill: ${({ theme }) => theme.colors.black};\n`;\n\nconst ReloadButtonText = styled.span`\n ${hideVisually()}\n`;\n\nconst ScoreboardSecondary = styled.div`\n display: flex;\n align-items: center;\n width: 100%;\n`;\n\nconst SecondaryPanel = styled.div`\n flex: 1;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n display: flex;\n justify-content: space-around;\n }\n`;\n\nconst SecondaryItem = styled.div`\n overflow: auto;\n text-align: center;\n`;\n\nconst SecondaryHeading = styled.h4`\n margin: ${({ theme }) => theme.space[1]} 0;\n font-family: ${({ theme }) => theme.fonts.base};\n font-size: ${({ theme }) => theme.fontSizes[0]};\n font-weight: 300;\n`;\n\nconst SecondaryValue = styled.div`\n margin: ${({ theme }) => `${theme.space[1]} ${theme.space[0]}`};\n font-family: ${({ theme }) => theme.fonts.base};\n font-size: 2.2rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n font-family: ${({ theme }) => theme.fonts.impact};\n font-size: 2.4rem;\n }\n`;\n\nconst DreamTeamLinkIcon = styled(BaseDreamTeam)`\n ${size(16)}\n margin-right: ${({ theme }) => theme.space[1]};\n color: ${({ theme }) => theme.colors.white};\n fill: ${({ theme }) => theme.colors.red};\n`;\n\nconst DreamTeamLink = styled(ReachLink)`\n display: flex;\n align-items: center;\n justify-content: space-around;\n padding: ${({ theme }) => theme.space[1]};\n border-radius: 15px;\n background-color: ${({ theme }) => theme.colors.primary};\n color: ${({ theme }) => theme.colors.red};\n text-decoration: none;\n`;\n\nconst ChipStatus = styled.div`\n padding: 1.6rem ${({ theme }) => theme.space[2]};\n border-bottom-left-radius: ${({ theme }) => theme.radii[1]};\n border-bottom-right-radius: ${({ theme }) => theme.radii[1]};\n background-color: ${({ theme }) => theme.colors.blue};\n font-size: 1.1rem;\n font-weight: bold;\n text-align: center;\n color: ${({ theme }) => theme.colors.primary};\n`;\n\ntype OwnProps = RouteComponentProps<{ entryId: string; eventId: string }> &\n WithTranslation;\n\ninterface IPropsFromState {\n elementsById: IElementsById;\n elementsDataById: IElementsEventDataById;\n entry: IEntry | null;\n entryData: IEntryEvent | null;\n event: IEvent | null;\n fixturesById: Record | null;\n formation: string;\n mine: boolean;\n now: IEvent | null;\n points: number;\n settings: ISettings;\n teamsById: ITeamsById;\n}\n\ninterface IPropsFromDispatch {\n fetchEntryEventPicks: (entryId: number, eventId: number) => void;\n fetchEntrySummary: (entryId: number) => void;\n fetchEventLive: (entryId: number) => void;\n fetchFixturesForEvent: (eventId: number) => void;\n}\n\ntype Props = OwnProps & IPropsFromState & IPropsFromDispatch;\n\ninterface IState {\n pickForMenu: IPickLight | null;\n}\n\nclass EntryEvent extends React.Component {\n public state: IState = {\n pickForMenu: null,\n };\n\n public handleShowMenuForPickElement = (element: number) => {\n const matches = this.props.entryData!.picks.filter(\n (p) => p.element === element\n );\n if (matches.length) {\n this.setState({ pickForMenu: matches[0] });\n }\n };\n\n public handleHideMenuForPick = () => {\n this.setState({ pickForMenu: null });\n };\n\n public renderDreamTeam = (pick: IPickLight) =>\n this.props.elementsDataById &&\n this.props.elementsDataById[pick.element] &&\n this.props.elementsDataById[pick.element].stats.in_dreamteam ? (\n \n \n \n ) : null;\n\n public fetchDataAndFixtures = () => {\n this.fetchData();\n this.props.fetchFixturesForEvent(Number(this.props.eventId));\n };\n\n public fetchData = () => {\n this.props.fetchEntrySummary(Number(this.props.entryId));\n this.props.fetchEntryEventPicks(\n Number(this.props.entryId),\n Number(this.props.eventId)\n );\n this.props.fetchEventLive(Number(this.props.eventId));\n };\n\n public componentDidMount() {\n this.fetchData();\n }\n\n public componentDidUpdate(prevProps: Props) {\n if (\n prevProps.eventId !== this.props.eventId ||\n prevProps.entryId !== this.props.entryId\n ) {\n this.fetchData();\n }\n }\n public render() {\n const {\n elementsById,\n elementsDataById,\n entry,\n entryData,\n event,\n fixturesById,\n formation,\n mine,\n now,\n points,\n settings,\n teamsById,\n t,\n } = this.props;\n // Handle unknown and unstarted events\n if (!now || !event || event.id > now.id) {\n return ;\n }\n if (!entry || !entryData) {\n return null;\n }\n\n const chipName = entryData.active_chip\n ? getChipName(entryData.active_chip as ChipName, t)\n : \"\";\n\n // Create a new function on each render as data could have changed and\n // need to ensure a render of connected subcomponents\n const renderPickValue = valueForPlayerElement({\n elementsById,\n elementsDataById,\n fixturesById,\n teamsById,\n });\n const benchHeading: Record = {\n 11: ,\n 12: \"1\",\n 13: \"2\",\n 14: \"3\",\n };\n\n // Handle events before the entry started\n return (\n \n );\n }\n}\nexport { EntryEvent as EntryEventTest };\n\nconst mapStateToProps = (\n state: RootState,\n ownProps: OwnProps\n): IPropsFromState => {\n const entryId = Number(ownProps.entryId);\n const eventId = Number(ownProps.eventId);\n const player = getPlayerData(state) as IPlayer;\n return {\n elementsById: getElementsById(state),\n elementsDataById: getElementsEventDataById(state, eventId),\n entry: getEntry(state, entryId),\n event: getEventsById(state)[eventId],\n now: getCurrentEvent(state),\n entryData: getEntryEventPicks(state, entryId, eventId),\n fixturesById: getFixturesForEventById(state, eventId),\n formation: getEntryEventFormation(state, entryId, eventId),\n points: getEntryEventPoints(state, entryId, eventId),\n settings: getSettings(state) as ISettings,\n teamsById: getTeamsById(state),\n mine: Boolean(player && player.entry && player.entry === entryId),\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchEntryEventPicks: (entryId, eventId) =>\n dispatch(fetchEntryEventPicks(entryId, eventId)),\n fetchEntrySummary: (entryId) => dispatch(fetchEntrySummary(entryId)),\n fetchEventLive: (eventId) => dispatch(fetchEventLive(eventId)),\n fetchFixturesForEvent: (eventId) => dispatch(fetchFixtures(eventId)),\n});\n\n// Have to split declarations due to TS error - https://github.com/DefinitelyTyped/DefinitelyTyped/issues/50211\nconst connected = connect(\n mapStateToProps,\n mapDispatchToProps\n)(withTranslation()(EntryEvent));\nconst translated = withTranslation()(connected);\n\nexport default translated;\n","import React from \"react\";\nimport styled from \"styled-components/macro\";\nimport LogoBar from \"./LogoBar\";\n\nconst Heading = styled.h3`\n margin-top: 0;\n margin-bottom: 0;\n font-size: 1.6rem;\n font-weight: 100;\n font-family: ${({ theme }) => theme.fonts.impact};\n color: ${({ theme }) => theme.colors.black};\n`;\n\nconst Deadline = styled.time`\n font-size: 1.6rem;\n font-family: ${({ theme }) => theme.fonts.impact};\n color: ${({ theme }) => theme.colors.black};\n`;\n\ninterface IProps {\n deadlineISO: string;\n deadlineLocal: string;\n headingText: string;\n}\n\nconst DeadlineBar: React.FCGK\n \n \n

\n \n \n\n {/* TEAM */}\n \n {entryData.automatic_subs.length > 0 && (\n <>\n \n \n \n )}\n {this.state.pickForMenu && (\n

\n \n \n {t(\"entryEvent.pointsTitle\", \"Points\")} - {entry.name}\n \n \n {(event.id > entry.started_event || event.id < now.id) && (\n \n )}\n \n \n {event.name}\n {event.id > entry.started_event && (\n \n )}\n {event.id < now.id && (\n \n )}\n {/* Also need to check isn't last event */}\n {mine && event.id === now.id && (\n \n )}\n \n \n \n {t(\"entryEvent.previous\", \"Previous\")}\n \n \n \n {t(\"entryEvent.next\", \"Next\")}\n \n \n \n \n \n {t(\"entryEvent.next\", \"Next\")}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {t(\"entryEvent.avgPoints\", \"Average Pts\")}\n \n {event.average_entry_score || \"-\"}\n \n \n \n \n {t(\"entryEvent.highestPoints\", \"Highest Pts\")}\n \n {event.highest_scoring_entry ? (\n \n {event.highest_score || \"???\"}\n \n ) : (\n \"-\"\n )}\n \n \n \n \n {chipName && (\n \n )}\n \n \n \n \n {event.finished\n ? t(\"entryEvent.finalPoints\", \"Final Points\")\n : t(\"entryEvent.latestPoints\", \"Latest Points\")}\n \n {points}\n {!event.finished && (\n \n )}\n \n \n \n {t(\"entryEvent.reload\", \"Reload Points\")}\n \n \n {t(\"entryEvent.chipPlayed\", \"{{ chipName }} played\", {\n chipName: chipName,\n })}\n \n \n \n \n \n \n \n {t(\"entryEvent.rdRank\", \"RD Rank\")}\n \n {entryData.entry_history.rank\n ? entryData.entry_history.rank.toLocaleString()\n : \"-\"}\n \n \n \n \n {t(\"entryEvent.transfers\", \"Transfers\")}\n \n \n {entryData.entry_history.event_transfers}\n {\" \"}\n {entryData.entry_history.event_transfers_cost\n ? `(-${entryData.entry_history.event_transfers_cost} pts)`\n : \"\"}\n \n \n \n \n {t(\"entryEvent.dreamTeam\", \"Dream Team\")}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {range(\n settings.squad_squadplay,\n settings.squad_squadsize\n ).map((i) => (\n \n this.handleShowMenuForPickElement(\n entryData.picks[i].element\n )\n }\n renderPickValue={renderPickValue}\n />\n ))}\n \n \n \n \n \n \n \n \n \n \n \n \n \n {t(\"entryEvent.automaticSubs\", \"Automatic Substitutions\")}\n \n \n \n \n \n \n \n \n {entryData.automatic_subs.map((s) => (\n \n \n \n \n ))}\n \n

{t(\"entryEvent.playerOut\", \"Player out\")}{t(\"entryEvent.playerIn\", \"Player in\")}{elementsById[s.element_out].web_name}{elementsById[s.element_in].web_name}\n )}\n \n \n \n = ({\n deadlineISO,\n deadlineLocal,\n headingText,\n}) => (\n \n);\n\nexport default DeadlineBar;\n","import * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport styled from \"styled-components/macro\";\nimport { RootState } from \"../../core/store\";\nimport { getActiveOrProposedTeamChipName } from \"../../core/store/chips/reducers\";\nimport { getElementTypesById } from \"../../core/store/element-types/reducers\";\nimport { IElementTypesById } from \"../../core/store/element-types/types\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport { IElement, IElementsById } from \"../../core/store/elements/types\";\nimport { getFixturesForNextEventByTeam } from \"../../core/store/fixtures/reducers\";\nimport { IFixturesForEventByTeam } from \"../../core/store/fixtures/types\";\nimport { IPickProposed } from \"../../core/store/my-team/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport ElementDialogButton from \"../ElementDialogButton\";\nimport ElementInTable from \"../ElementInTable\";\nimport { ElementCell, ElementRow, ElementTable } from \"../ElementTable\";\nimport { FixturesForElement } from \"../FixtureForElement\";\nimport { ScrollTable } from \"../Table\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport { StyledCaptain, StyledViceCaptain } from \"./TableCaptains\";\nimport { useTranslation } from \"react-i18next\";\nimport { withTranslation, WithTranslation } from \"react-i18next\";\nimport Panel from \"../Panel\";\n\nconst MyTeamStatus = styled.th`\n width: 6%;\n`;\n\nconst MyTeamCpt = styled.th`\n width: 4%;\n`;\n\nconst MyTeamElement = styled.th`\n width: 32%;\n`;\n\nconst MyTeamPos = styled.th`\n width: 12%;\n`;\n\nconst MyTeamForm = styled.th`\n width: 10%;\n`;\n\nconst MyTeamRD = styled.th`\n width: 10%;\n`;\n\nconst MyTeamPts = styled.th`\n width: 12%;\n`;\n\nconst MyTeamFix = styled.th`\n width: 14%;\n`;\n\ninterface IMyTeamRowProps {\n chipInPlayName: string | null;\n pick: IPickProposed;\n element: IElement;\n elementTypesById: IElementTypesById;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n renderElementMenu: (index: number) => void;\n teamsById: ITeamsById;\n}\n\nconst MyTeamRow: React.FC\n \n \n \n {headingText}: {deadlineLocal} = ({\n chipInPlayName,\n pick,\n element,\n elementTypesById,\n fixturesForNextEventByTeam,\n renderElementMenu,\n teamsById,\n}) => (\n \n);\n\ninterface IOwnProps {\n picks: IPickProposed[];\n renderElementMenu: (index: number) => void;\n title: string;\n}\n\ninterface IPropsFromState {\n chipInPlayName: string | null;\n elementsById: IElementsById;\n elementTypesById: IElementTypesById;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n teamsById: ITeamsById;\n}\n\ntype Props = IOwnProps & IPropsFromState & WithTranslation;\n\nconst MyTeamTable: React.FC\n \n \n \n \n {pick.is_captain &&\n (chipInPlayName === \"3xc\" ? (\n \n ) : (\n \n ))}\n {pick.is_vice_captain &&\n (chipInPlayName === \"3xc\" ? (\n \n ) : (\n \n ))}\n \n \n {elementTypesById[element.element_type].singular_name_short}\n {element.form}\n {element.event_points}\n {element.total_points}\n \n \n renderElementMenu(pick.element)}\n element={element}\n team={teamsById[element.team]}\n />\n }\n fixtures={fixturesForNextEventByTeam[element.team]}\n element={element}\n teamsById={teamsById}\n />\n \n = ({\n elementsById,\n picks,\n title,\n ...rest\n}) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nexport { MyTeamTable as MyTeamTableTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => {\n return {\n chipInPlayName: getActiveOrProposedTeamChipName(state),\n elementsById: getElementsById(state),\n elementTypesById: getElementTypesById(state),\n fixturesForNextEventByTeam: getFixturesForNextEventByTeam(state),\n teamsById: getTeamsById(state),\n };\n};\n\nexport default withTranslation()(connect(mapStateToProps)(MyTeamTable));\n","import { range } from \"lodash\";\nimport { size } from \"polished\";\nimport * as React from \"react\";\nimport { Trans, WithTranslation, withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, SavingState, ThunkDispatch } from \"../../core/store\";\nimport {\n cancelActiveChip,\n cancelProposedChip,\n proposeAvailableChip,\n restoreCancelledChip,\n} from \"../../core/store/chips/actions\";\nimport {\n getActiveChip,\n getActiveOrProposedTeamChipName,\n getPotentialChips,\n teamChipsHaveChanged,\n} from \"../../core/store/chips/reducers\";\nimport { IPotentialChip } from \"../../core/store/chips/types\";\nimport { getElementsById } from \"../../core/store/elements/reducers\";\nimport { showElementSummary } from \"../../core/store/elements/thunks\";\nimport { IElement, IElementsById } from \"../../core/store/elements/types\";\nimport { getEntry } from \"../../core/store/entries/reducers\";\nimport { fetchEntrySummary } from \"../../core/store/entries/thunks\";\nimport { IEntry, IPickLight } from \"../../core/store/entries/types\";\nimport { getNextEvent } from \"../../core/store/events/reducers\";\nimport { IEvent } from \"../../core/store/events/types\";\nimport { getFixturesForNextEventByTeam } from \"../../core/store/fixtures/reducers\";\nimport { IFixturesForEventByTeam } from \"../../core/store/fixtures/types\";\nimport { getSettings } from \"../../core/store/game/reducers\";\nimport { ISettings } from \"../../core/store/game/types\";\nimport {\n changeCaptain,\n changeViceCaptain,\n} from \"../../core/store/my-team/actions\";\nimport {\n getMyFormation,\n getMyPicksProposed,\n getMyTeamSavingState,\n hasMyTeamChanged,\n isMyTeamValid,\n} from \"../../core/store/my-team/reducers\";\nimport {\n actionSubstitution,\n fetchMyTeam,\n saveMyTeam,\n} from \"../../core/store/my-team/thunks\";\nimport { IPickProposed } from \"../../core/store/my-team/types\";\nimport { getPlayerData } from \"../../core/store/player/reducers\";\nimport { ILoggedInPlayer } from \"../../core/store/player/types\";\nimport { getTeamsById } from \"../../core/store/teams/reducers\";\nimport { ITeamsById } from \"../../core/store/teams/types\";\nimport {\n formatRawAsISO,\n formatRawAsLocalI18n,\n} from \"../../core/utils/datetime\";\nimport { ReactComponent as ArrowRight } from \"../../img/icons/arrow-right.svg\";\nimport { ChipName, getAllChipDetails } from \"../../utils/chips\";\nimport Alert from \"../Alert\";\nimport Button from \"../Button\";\nimport Copy from \"../Copy\";\nimport DeadlineBar from \"../DeadlineBar\";\nimport Dialog, { DialogButtonItem } from \"../Dialog\";\nimport DialogManager from \"../DialogManager\";\nimport Entry from \"../Entry\";\nimport { FixturesForElement } from \"../FixtureForElement\";\nimport Fixtures from \"../Fixtures\";\nimport { Main, Secondary, Wrapper } from \"../Layout\";\nimport Link from \"../Link\";\nimport { ElementRow } from \"../Pitch\";\nimport DreamTeam from \"../icons/DreamTeam\";\n// import ShirtSoonAlert from \"../ShirtSoonAlert\";\nimport { dateLocales } from \"../../i18n\";\nimport Title from \"../Title\";\nimport Tooltip, { TooltipLabel } from \"../Tooltip\";\nimport SaveBar from \"../squad/SaveBar\";\nimport TabPanel from \"../tabs/TabPanel\";\nimport Tabs from \"../tabs/Tabs\";\nimport PitchWrapper from \"./PitchWrapper\";\nimport BenchUnit from \"./BenchUnit\";\nimport MyTeamTable from \"./MyTeamTable\";\nimport PitchFormation from \"./PitchFormation\";\n\nconst TableWrap = styled.div`\n margin: ${({ theme }) => theme.space[2]} 0;\n`;\n\nconst ChipList = styled.ul`\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => `${theme.space[4]} ${theme.space[2]}`};\n padding: ${({ theme }) =>\n `${theme.space[0]} ${theme.space[4]} ${theme.space[4]}`};\n border: 1px solid ${({ theme }) => theme.colors.white};\n border-radius: ${({ theme }) => theme.radii[1]};\n list-style-type: none;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n flex-direction: row;\n padding: ${({ theme }) => theme.space[2]};\n margin: ${({ theme }) =>\n `${theme.space[4]} ${theme.space[0]} ${theme.space[7]}`};\n }\n`;\n\nconst ChipItem = styled.li`\n flex: 1;\n padding-right: ${({ theme }) => theme.space[1]};\n padding-left: ${({ theme }) => theme.space[1]};\n`;\n\nconst Chip = styled.div`\n text-align: center;\n`;\n\nconst ChipHeading = styled.h3`\n display: inline-block;\n margin-bottom: 1.5rem;\n color: ${({ theme }) => theme.colors.black};\n font-family: ${({ theme }) => theme.fonts.impact};\n font-size: 1.8rem;\n font-weight: 600;\n text-align: center;\n border-bottom: 1px solid ${({ theme }) => theme.colors.black};\n`;\n\nconst ChipLink = styled(Link)`\n position: relative;\n display: block;\n width: 100%;\n padding: 0.9rem 2.7rem;\n border-radius: 40px;\n background-color: ${({ theme }) => theme.colors.greyDarker2};\n color: ${({ theme }) => theme.colors.black};\n\n :hover {\n text-decoration: none;\n }\n`;\n\nconst ChipTextWrap = styled.div`\n display: flex;\n justify-content: space-between;\n font-family: ${({ theme }) => theme.fonts.baseSemiBold};\n`;\n\nconst ChipLinkText = styled.div`\n color: ${({ theme }) => theme.colors.red};\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n display: none;\n }\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n display: block;\n }\n`;\n\nconst ChipLinkArrow = styled(ArrowRight)`\n ${size(10)};\n position: absolute;\n top: 50%;\n right: ${({ theme }) => theme.space[2]};\n transform: translateY(-50%);\n fill: currentColor;\n color: ${({ theme }) => theme.colors.red};\n cursor: pointer;\n`;\n\nconst renderPickValue =\n (initProps: {\n elementsById: IElementsById;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n teamsById: ITeamsById;\n }) =>\n (pick: IPickLight) => {\n const element = initProps.elementsById[pick.element];\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {picks.map((p) => (\n {title}\n \n \n \n \n {t(\"myTeamTable.label.pos\", \"Pos\")}\n {t(\"myTeamTable.label.from\", \"Form\")}\n \n \n \n {t(\"myTeamTable.label.rd\", \"RD\")}\n \n \n \n \n {t(\"myTeamTable.label.pts\", \"Pts\")}\n \n \n \n \n \n {t(\"myTeamTable.label.fix\", \"Fix\")}\n \n ))}\n \n \n );\n };\n\nconst PlayerName = styled.div`\n border-radius: ${({ theme }) => theme.radii[0]};\n color: ${({ theme }) => theme.colors.white};\n font-family: ${({ theme }) => theme.fonts.impact};\n font-size: 24px;\n font-weight: 600;\n line-height: 1;\n`;\n\nconst PlayerActions = styled.div`\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: 50%;\n margin: 0 auto;\n }\n`;\n\ninterface IPropsFromState {\n activeChip: IPotentialChip | null;\n changed: boolean;\n chipInPlayName: string | null;\n chips: IPotentialChip[];\n chipsChanged: boolean;\n entry: IEntry | null;\n elementsById: IElementsById;\n fixturesForNextEventByTeam: IFixturesForEventByTeam;\n formation: string;\n nextEvent: IEvent | null;\n picks: IPickProposed[];\n player: ILoggedInPlayer;\n savingState: SavingState;\n settings: ISettings;\n teamsById: ITeamsById;\n valid: boolean;\n}\n\ninterface IPropsFromDispatch {\n cancelChip: (name: string) => void;\n deactivateChip: (name: string) => void;\n fetchEntrySummary: (entryId: number) => void;\n fetchMyTeam: () => void;\n makeCaptain: (elementId: number) => void;\n makeViceCaptain: (elementId: number) => void;\n proposeChip: (name: string) => void;\n restoreChip: (name: string) => void;\n save: () => void;\n showElementDialog: (elementId: number) => void;\n substitute: (elementId: number) => void;\n}\n\ntype Props = WithTranslation & IPropsFromState & IPropsFromDispatch;\n\ninterface IState {\n pickForMenu: IPickProposed | null;\n}\n\nclass MyTeam extends React.Component {\n public state: IState = {\n pickForMenu: null,\n };\n\n public handleShowMenuForPickElement = (element: number) => {\n const matches = this.props.picks.filter((p) => p.element === element);\n if (matches.length) {\n this.setState({ pickForMenu: matches[0] });\n }\n };\n\n public handleHideMenuForPick = () => {\n this.setState({ pickForMenu: null });\n };\n\n public renderDreamTeam = (pick: IPickLight) =>\n this.props.elementsById[pick.element].in_dreamteam ? (\n \n \n \n ) : null;\n\n public action = (\n type: \"substitute\" | \"makeCaptain\" | \"makeViceCaptain\",\n element: number\n ) => {\n this.handleHideMenuForPick();\n this.props[type](element);\n };\n\n public showDialog = (element: IElement) => {\n this.props.showElementDialog(element.id);\n this.handleHideMenuForPick();\n };\n\n public renderMenu() {\n const pick = this.state.pickForMenu;\n if (!pick) {\n return null;\n }\n const element = this.props.elementsById[pick.element];\n const status = pick.subStatus;\n const startMax = this.props.settings.squad_squadplay;\n const t = this.props.t;\n return (\n \n );\n }\n\n public componentDidMount() {\n this.props.fetchMyTeam();\n this.props.fetchEntrySummary(this.props.player.entry);\n }\n\n public renderChipAction(c: IPotentialChip) {\n const {\n cancelChip,\n chipInPlayName,\n deactivateChip,\n entry,\n proposeChip,\n restoreChip,\n t,\n } = this.props;\n switch (c.status_for_entry) {\n case \"available\":\n case \"unavailable\":\n return (\n \n \n \n {`${element.first_name} ${element.second_name}`}\n \n \n \n {status.match(/^(target|)$/) && (\n \n )}\n {status === \"instigator\" && (\n \n )}\n {!status && pick.position <= startMax && !pick.is_captain && (\n \n )}\n {!status && pick.position <= startMax && !pick.is_vice_captain && (\n \n )}\n \n \n this.action(\"substitute\", pick.element)}\n width={1}\n >\n {t(\"myTeam.menuDialog.switch\", \"Switch\")}\n \n \n this.action(\"substitute\", pick.element)}\n width={1}\n >\n {t(\"myTeam.menuDialog.cancel\", \"Cancel\")}\n \n \n this.action(\"makeCaptain\", pick.element)}\n width={1}\n >\n {t(\"myTeam.menuDialog.makeCaptain\", \"Make Captain\")}\n \n \n this.action(\"makeViceCaptain\", pick.element)}\n width={1}\n >\n {t(\"myTeam.menuDialog.makeViceCaptain\", \"Make Vice Captain\")}\n \n \n \n proposeChip(c.name)}\n disabled={Boolean(chipInPlayName)}\n width={1}\n variant=\"secondary\"\n >\n {t(\"myTeam.play\", \"Play\")}\n \n );\n case \"proposed\":\n return (\n \n );\n case \"active\":\n return (\n \n );\n case \"cancelled\":\n return (\n restoreChip(c.name)}\n disabled={Boolean(chipInPlayName)}\n width={1}\n >\n {t(\"myTeam.restore\", \"Restore\")}\n \n );\n case \"played\":\n if (!entry) {\n return (\n <>\n \n \n \n );\n }\n return (\n \n );\n default:\n return \"\";\n }\n }\n\n public renderRichChipAction(c: IPotentialChip) {\n const { chipInPlayName, entry, t } = this.props;\n switch (c.status_for_entry) {\n case \"available\":\n case \"unavailable\":\n return (\n

{t(\"myTeam.played\", \"Played\")}

{`${t(\"myTeam.round\", \"Round\")} ${\n c.played_by_entry[0]\n }`}

\n \n \n \n \n

{`${t(\"myTeam.played\", \"Played\")} ${t(\n \"myTeam.round\",\n \"Round\"\n )} ${c.played_by_entry[0]} `}

{t(\"myTeam.points\", \"Points\")}\n (\n <>\n \n {t(\"myTeam.play\", \"Play\")}\n \n {showDialog && (\n \n )}\n \n )}\n />\n );\n case \"active\":\n return ;\n case \"played\":\n if (!entry) {\n return (\n <>\n \n \n \n );\n }\n return (\n \n );\n default:\n return \"\";\n }\n }\n\n public render() {\n const {\n activeChip,\n changed,\n chipInPlayName,\n chips,\n chipsChanged,\n elementsById,\n entry,\n fixturesForNextEventByTeam,\n formation,\n i18n,\n nextEvent,\n picks,\n save,\n savingState,\n settings,\n t,\n teamsById,\n valid,\n } = this.props;\n if (!entry || !picks.length) {\n return null;\n }\n // Create a new function on each render as fixtures could have changed and\n // need to ensure a render of connected subcomponents\n const _renderPickValue = renderPickValue({\n elementsById,\n teamsById,\n fixturesForNextEventByTeam,\n });\n const benchHeading: Record\n {t(\"myTeam.chips.rich.name\", \"Rich Uncle\")}\n \n \n \n \n \n \n

\n {t(\n \"myTeam.chips.rich.dialog.p1\",\n \"The Rich Uncle chip is played when confirming your transfers and can be used once a season.\"\n )}\n

\n {t(\n \"myTeam.chips.rich.dialog.p2\",\n \"It allows you to make unlimited free transfers with an unlimited budget for a single round. At the next deadline, your squad is returned to how it was at the start of the round.\"\n )}\n

\n \n

\n Please note: Rich Uncle{\" \"}\n once\n confirmed.\n cannot be cancelled

{t(\"myTeam.active\", \"Active\")}

{`${t(\"myTeam.round\", \"Round\")} ${\n c.played_by_entry[0]\n }`}

\n \n

\n \n \n

{t(\"myTeam.played\", \"Played\")}

{`${t(\"myTeam.round\", \"Round\")} ${\n c.played_by_entry[0]\n }`}

\n = {\n 11: (\n \n ),\n 12: \"1\",\n 13: \"2\",\n 14: \"3\",\n };\n\n const richChip = chips.filter((c) => c.name === \"rich\")[0];\n const chipDetails = getAllChipDetails(t);\n return (\n <>\n \n \n );\n }\n}\n\nexport { MyTeam as MyTeamTest };\n\nconst mapStateToProps = (state: RootState): IPropsFromState => {\n const player = getPlayerData(state) as ILoggedInPlayer; // enforced by EntryRoute\n return {\n activeChip: getActiveChip(state),\n chipInPlayName: getActiveOrProposedTeamChipName(state),\n changed: hasMyTeamChanged(state),\n chips: getPotentialChips(state),\n chipsChanged: teamChipsHaveChanged(state),\n elementsById: getElementsById(state),\n entry: getEntry(state, player.entry),\n fixturesForNextEventByTeam: getFixturesForNextEventByTeam(state),\n formation: getMyFormation(state),\n nextEvent: getNextEvent(state),\n picks: getMyPicksProposed(state),\n player,\n savingState: getMyTeamSavingState(state),\n settings: getSettings(state) as ISettings,\n teamsById: getTeamsById(state),\n valid: isMyTeamValid(state),\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n cancelChip: (name) => dispatch(cancelProposedChip(name)),\n deactivateChip: (name) => dispatch(cancelActiveChip(name)),\n fetchEntrySummary: (entryId) => dispatch(fetchEntrySummary(entryId)),\n fetchMyTeam: () => dispatch(fetchMyTeam()),\n makeCaptain: (elementId) => dispatch(changeCaptain(elementId)),\n makeViceCaptain: (elementId) => dispatch(changeViceCaptain(elementId)),\n proposeChip: (name) => dispatch(proposeAvailableChip(name)),\n restoreChip: (name) => dispatch(restoreCancelledChip(name)),\n save: () => dispatch(saveMyTeam()),\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n substitute: (elementId) => dispatch(actionSubstitution(elementId)),\n});\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(MyTeam)\n);\n","import { RouteComponentProps } from \"@reach/router\";\nimport moment from \"moment\";\nimport * as React from \"react\";\nimport { WithTranslation, withTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../core/store\";\nimport { getElementsById } from \"../core/store/elements/reducers\";\nimport { showElementSummary } from \"../core/store/elements/thunks\";\nimport { IElementsById } from \"../core/store/elements/types\";\nimport { getEntry, getTransfersForEntry } from \"../core/store/entries/reducers\";\nimport {\n fetchEntrySummary,\n fetchEntryTransfers,\n} from \"../core/store/entries/thunks\";\nimport { IEntry, ITransfer } from \"../core/store/entries/types\";\nimport { getPlayerData } from \"../core/store/player/reducers\";\nimport { getLatestTransfers } from \"../core/store/squad/reducers\";\nimport { fetchLatestTransfers } from \"../core/store/squad/thunks\";\nimport Entry from \"./Entry\";\nimport { Main, Secondary, Wrapper } from \"./Layout\";\nimport Table from \"./Table\";\nimport Title from \"./Title\";\n\nconst DialogButton = styled.button`\n padding: 0;\n border: 0;\n background-color: transparent;\n font-size: inherit;\n text-decoration: none;\n text-align: left;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n`;\n\ntype OwnProps = RouteComponentProps<{ entryId: string }>;\n\ninterface IPropsFromState {\n elementsById: IElementsById;\n entry: IEntry | null;\n latestTransfers: ITransfer[];\n mine: boolean;\n transfersHistory: ITransfer[];\n}\n\ninterface IPropsFromDispatch {\n fetchEntrySummary: (entryId: number) => void;\n fetchEntryTransfers: (entryId: number) => void;\n fetchLatestTransfers: () => void;\n showElementDialog: (elementId: number) => void;\n}\n\ntype Props = OwnProps & WithTranslation & IPropsFromState & IPropsFromDispatch;\n\nclass TransfersHistory extends React.Component\n \n GK\n \n \n

\n \n {nextEvent && (\n

\n \n {t(\"myTeam.title\", \"My Team\")}\n )}\n \n \n {/* \n \n \n {t(\n \"myTeam.alerts.captain\",\n \"To change your captain use the menu which appears when clicking on a player.\"\n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {range(\n settings.squad_squadplay,\n settings.squad_squadsize\n ).map((i) => (\n \n this.handleShowMenuForPickElement(\n picks[i].element\n )\n }\n renderDreamTeam={this.renderDreamTeam}\n renderPickValue={_renderPickValue}\n />\n ))}\n \n \n \n \n \n \n \n \n \n \n */}\n {activeChip && activeChip.chip_type === \"transfer\" ? (\n \n ) : (\n \n )}\n {savingState === \"saved\" ? (\n \n ) : (\n \n )}\n {this.renderMenu()}\n \n \n \n \n

\n {t(\"myTeam.alerts.transferChip\", \"{{ chipName }} Active\", {\n chipName: chipDetails[activeChip.name as ChipName].name,\n })}\n

\n {chips\n .filter((c) => [\"frush\", \"2capt\"].indexOf(c.name) > -1)\n .map((c) => (\n \n ))}\n {richChip && (\n \n )}\n \n \n \n \n \n \n {this.renderChipAction(c)}\n \n {chipDetails[c.name as ChipName].name}\n \n \n \n \n \n \n {this.renderRichChipAction(richChip)}\n \n {chipDetails[richChip.name as ChipName].name}\n \n \n \n {t(\"myTeam.alerts.teamSaved\", \"Your team has been saved.\")}\n \n \n {t(\"myTeam.saveTeam\", \"Save Your Team\")}\n \n \n \n \n {\n public componentDidMount() {\n this.props.fetchEntrySummary(Number(this.props.entryId));\n this.props.fetchEntryTransfers(Number(this.props.entryId));\n if (this.props.mine) {\n this.props.fetchLatestTransfers();\n }\n }\n\n public render() {\n const {\n elementsById,\n entryId,\n latestTransfers,\n showElementDialog,\n transfersHistory,\n t,\n } = this.props;\n\n return (\n \n );\n }\n}\n\nconst mapStateToProps = (state: RootState, ownProps: OwnProps) => {\n const entryId = Number(ownProps.entryId);\n const player = getPlayerData(state);\n let mine = player && player.entry && player.entry === entryId ? true : false;\n let latestTransfers = mine ? getLatestTransfers(state) : [];\n return {\n elementsById: getElementsById(state),\n entry: getEntry(state, entryId),\n latestTransfers,\n mine,\n transfersHistory: getTransfersForEntry(state, entryId),\n };\n};\n\nconst mapDispatchToProps = (dispatch: ThunkDispatch): IPropsFromDispatch => ({\n fetchEntrySummary: (entryId) => dispatch(fetchEntrySummary(entryId)),\n fetchEntryTransfers: (entryId: number) =>\n dispatch(fetchEntryTransfers(entryId)),\n fetchLatestTransfers: () => dispatch(fetchLatestTransfers()),\n showElementDialog: (elementId) => dispatch(showElementSummary(elementId)),\n});\n\nexport default withTranslation()(\n connect(mapStateToProps, mapDispatchToProps)(TransfersHistory)\n);\n","import {\n Location,\n Redirect,\n RouteComponentProps,\n Router,\n WindowLocation,\n} from \"@reach/router\";\nimport * as Fathom from \"fathom-client\";\nimport React, { lazy, Suspense } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect, ConnectedComponent } from \"react-redux\";\nimport { RootState } from \"../core/store\";\nimport { getPlayerData } from \"../core/store/player/reducers\";\nimport { IPlayer } from \"../core/store/player/types\";\nimport { loadFathomTrackingId } from \"../utils/fathom\";\nimport { Loading } from \"./App\";\nimport AuthCallback from \"./auth/AuthCallback\";\nimport Copy from \"./Copy\";\nimport EntryHistory from \"./EntryHistory\";\nimport EntryUnsubscribe from \"./EntryUnsubscribe\";\nimport EntryUpdate from \"./EntryUpdate\";\nimport FixturesWrapper from \"./FixturesWrapper\";\nimport Footer from \"./Footer\";\nimport PlayerList from \"./help/PlayerList\";\nimport Home from \"./Home\";\nimport { Main, Wrapper } from \"./Layout\";\nimport AdminClassic from \"./leagues/AdminClassic\";\nimport AdminH2H from \"./leagues/AdminH2H\";\nimport AutoJoin from \"./leagues/AutoJoin\";\nimport Create from \"./leagues/Create\";\nimport CreateClassic from \"./leagues/CreateClassic\";\nimport CreateH2H from \"./leagues/CreateH2H\";\nimport CreateJoin from \"./leagues/CreateJoin\";\nimport CupNotStarted from \"./leagues/CupNotStarted\";\nimport Invite from \"./leagues/Invite\";\nimport Join from \"./leagues/Join\";\nimport JoinPrivate from \"./leagues/JoinPrivate\";\nimport JoinPublic from \"./leagues/JoinPublic\";\nimport MatchesCup from \"./leagues/MatchesCup\";\nimport MatchesH2H from \"./leagues/MatchesH2H\";\nimport MyCups from \"./leagues/MyCups\";\nimport MyLeagues from \"./leagues/MyLeagues\";\nimport NewEntriesH2H from \"./leagues/NewEntriesH2H\";\nimport Renew from \"./leagues/Renew\";\nimport StandingsClassic from \"./leagues/StandingsClassic\";\nimport StandingsH2H from \"./leagues/StandingsH2H\";\nimport Login from \"./Login\";\nimport LoggedIn from \"./player/LoggedIn\";\nimport Logout from \"./player/Logout\";\nimport PasswordReset from \"./player/PasswordReset\";\nimport PasswordSet from \"./player/PasswordSet\";\nimport Register from \"./player/Register\";\nimport Prizes from \"./Prizes\";\nimport Scout from \"./scout/Scout\";\nimport SquadSelection from \"./squad/SquadSelection\";\nimport Transfers from \"./squad/Transfers\";\nimport News from \"./stats/News\";\nimport Statistics from \"./stats/Statistics\";\nimport DreamTeam from \"./team/DreamTeam\";\nimport EntryEvent from \"./team/EntryEvent\";\nimport MyTeam from \"./team/MyTeam\";\nimport TransfersHistory from \"./TransfersHistory\";\n\nconst Help = lazy(() => import(\"./help/Help\"));\nconst Rules = lazy(() => import(\"./help/Rules\"));\nconst Terms = lazy(() => import(\"./help/Terms\"));\n\ninterface IRouteChangeProps {\n action: () => void;\n}\n\ninterface IRouteChangeWorkerProps {\n location: WindowLocation;\n}\n\ntype RouteChangeProps = IRouteChangeProps & IRouteChangeWorkerProps;\n\nclass OnRouteChangeWorker extends React.Component\n \n \n

\n \n {transfersHistory.length || latestTransfers.length ? (\n <>\n \n \n \n ) : (\n \n )}\n

\n \n {t(\"transfersHistory.title\", \"Transfers\")}\n \n \n \n \n \n \n \n \n \n \n \n {latestTransfers.concat(transfersHistory).map((t) => (\n \n \n \n \n \n \n ))}\n \n

{t(\"transfersHistory.time\", \"Time\")}{t(\"transfersHistory.in\", \"In\")}{t(\"transfersHistory.out\", \"Out\")}{t(\"transfersHistory.active\", \"Active\")}{moment(t.time).format(\"D MMM HH:mm\")}\n \n showElementDialog(elementsById[t.element_in].id)\n }\n >\n {elementsById[t.element_in].web_name}\n \n \n \n showElementDialog(elementsById[t.element_out].id)\n }\n >\n {elementsById[t.element_out].web_name}\n \n {`RD${t.event}`}\n \n

\n {t(\n \"transfersHistory.p1\",\n \"If you are not logged in or are viewing another player's team then you will only be able to view transfers up to the last deadline.\"\n )}\n

\n {t(\n \"transfersHistory.p2\",\n \"No transfers have been made yet for this team.\"\n )}\n \n \n {\n componentDidMount() {\n // Upon initial page load...\n loadFathomTrackingId();\n Fathom.trackPageview();\n }\n componentDidUpdate(prevProps: RouteChangeProps) {\n if (this.props.location.pathname !== prevProps.location.pathname) {\n Fathom.trackPageview();\n this.props.action();\n }\n }\n\n render() {\n return null;\n }\n}\n\nconst OnRouteChange: React.FC = ({ action }) => (\n \n);\n\ninterface IProtectedRouteProps extends RouteComponentProps {\n as: React.ComponentType | ConnectedComponent\n {({ location }) => (\n \n )}\n ;\n player: IPlayer | null;\n}\n\ninterface IPropsFromState {\n player: IPlayer | null;\n}\n\nconst PlayerRoute: React.FC = ({\n as: Component,\n player,\n ...rest\n}) =>\n player && !player.entry ? (\n \n ) : (\n \n );\n\nconst EntryRoute: React.FC\n \n

\n = ({\n as: Component,\n player,\n ...rest\n}) =>\n player && player.entry ? (\n \n ) : (\n \n );\n\nexport const NotFound: React.FC\n \n

\n = () => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nconst Routes: React.FC\n \n

\n \n

\n \n \n

{t(\"routes.notFound.title\", \"Page not found\")}

\n {t(\n \"routes.notFound.text\",\n \"Sorry, but the page you were looking for can't be found.\"\n )}\n

= ({ player }) => {\n return (\n }>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {/* Note the trailing slash */}\n \n \n \n window.scrollTo(0, 0)} />\n

\n \n

\n You can return to the and try again or{\" \"}\n for further help.\n home page contact us\n \n \n

\n {t(\"serverError.permissionDenied.title\", \"Permission denied\")}\n

\n {t(\n \"serverError.permissionDenied.text\",\n \"Sorry, but you don't have permission to perform the request action.\"\n )}\n

\n \n \n \n

{t(\"serverError.notFound.title\", \"Page not found\")}

\n {t(\n \"serverError.notFound.text\",\n \"Sorry, but the page you were looking for can't be found.\"\n )}\n

\n \n \n \n

\n {t(\"serverError.updating.title\", \"The game is being updated.\")}\n

\n {t(\n \"serverError.updating.text\",\n \"Please try again later when the updated scores / teams will be available.\"\n )}\n

\n \n \n \n

{t(\"serverError.unavailable.title\", \"Unavailable\")}

\n {t(\n \"serverError.unavailable.text1\",\n \"Sorry, but we are unable to load the requested page at this time.\"\n )}\n

\n {t(\n \"serverError.unavailable.text2\",\n \"Please try again in a few minutes.\"\n )}\n

\n \n \n

{t(\"serverError.default.title\", \"Error\")}

\n {t(\n \"serverError.default.text\",\n \"Sorry, but there has been an unexpected error processing your request.\"\n )}\n

\n = ({ error }) => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nexport default ServerError;\n","import * as Sentry from \"@sentry/browser\";\nimport React, { Suspense } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { connect } from \"react-redux\";\nimport { Box } from \"rebass/styled-components\";\nimport styled, { css, ThemeProvider } from \"styled-components/macro\";\nimport { RootState, ThunkDispatch } from \"../core/store\";\nimport { getBootstrapped } from \"../core/store/bootstrap/reducers\";\nimport { bootstrap } from \"../core/store/bootstrap/thunks\";\nimport { getServerError } from \"../core/store/global/reducers\";\nimport { IServerError } from \"../core/store/global/types\";\nimport \"../fonts.css\";\nimport GlobalStyle from \"../GlobalStyle\";\nimport theme from \"../theme\";\nimport { getSite, SITE_IDS } from \"../utils/sites\";\nimport BadgeBanner from \"./BadgeHeader\";\nimport { AuthContextProvider } from \"./auth/AuthContext\";\nimport ElementDialog from \"./ElementDialog\";\nimport GameHeader from \"./GameHeader\";\nimport { Main, Wrapper } from \"./Layout\";\nimport LeaderboardAd from \"./LeaderboardAd\";\nimport AutoJoinDialog from \"./leagues/AutoJoinDialog\";\nimport Routes from \"./Routes\";\nimport ServerError from \"./ServerError\";\nconst TV2Header = React.lazy(() => import(\"./sites/TV2Header\"));\n\ninterface IPropsHeaderWrapper {\n site: string;\n}\n\nconst headerStyles = {\n euro: css`\n padding-top: 53px;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n padding-top: 70px;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[5]}) {\n padding-top: 163px;\n }\n `,\n};\n\nconst StyledHeaderWrapper = styled.div\n \n

{renderError(error, t)}

`\n ${({ site }) => site === \"euro\" && headerStyles.euro};\n`;\n\ninterface IProps {\n bootstrapped: boolean;\n serverError: IServerError | null;\n}\n\nexport const Loading: React.FC = () => {\n const { t } = useTranslation();\n return (\n \n );\n};\n\nconst App: React.FC\n \n

\n \n

{t(\"loading\", \"Loading\")} ... = ({ bootstrapped, serverError }) => {\n const site = getSite();\n const siteHeaders: Record = {\n main_nb: null,\n main_en: null,\n tv2: ,\n };\n return (\n \n );\n};\n\ninterface IContainerPropsFromState {\n bootstrapped: boolean;\n serverError: IServerError | null;\n}\n\ninterface IState {\n eventId: string | null;\n error: Error | null;\n}\n\ninterface IContainerPropsFromDispatch {\n bootstrapApp: () => Promise\n \n \n \n {/* For the translations / site headers */}\n \n }>\n \n \n \n

\n \n

\n {siteHeaders[site]}\n \n \n {serverError ? (\n \n ) : bootstrapped ? (\n <>\n \n \n \n ) : (\n \n )}\n \n \n ;\n}\ntype ContainerProps = IContainerPropsFromState & IContainerPropsFromDispatch;\nclass AppContainer extends React.Component {\n public state: IState = { error: null, eventId: null };\n\n public componentDidMount() {\n this.props.bootstrapApp();\n }\n\n public componentDidCatch(error: Error | null, errorInfo: {}) {\n this.setState({ error });\n if (process.env.REACT_APP_SENTRY_ENVIRONMENT) {\n Sentry.withScope((scope) => {\n scope.setExtras(errorInfo);\n const eventId = Sentry.captureException(error);\n this.setState({ eventId });\n });\n }\n }\n\n public render() {\n // JS Error\n if (this.state.error) {\n // Can't reliably use any of our components, eg Button. This should\n //probably be in Norwegian can't use react to do it though ...\n return (\n <>\n \n \n {process.env.REACT_APP_SENTRY_ENVIRONMENT && (\n <>\n \n

Error

We're sorry - something's gone wrong.

\n Our team has been notified, but click here to fill out a report.\n

\n Sentry.showReportDialog({\n eventId: this.state.eventId as string,\n })\n }\n >\n Report feedback\n \n \n )}\n \n );\n }\n // All OK - Render App\n return (\n \n );\n }\n}\n\nconst mapStateToProps = (state: RootState): IContainerPropsFromState => ({\n bootstrapped: getBootstrapped(state),\n serverError: getServerError(state),\n});\n\nconst mapDispatchToProps = (\n dispatch: ThunkDispatch\n): IContainerPropsFromDispatch => ({\n bootstrapApp: () => dispatch(bootstrap()),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AppContainer);\n","import { createAsyncAction } from \"typesafe-actions\";\nimport { IError } from \"..\";\nimport { ICupDetailData } from \"./types\";\n\nexport const fetchEntryCupDetail = createAsyncAction(\n \"FETCH_ENTRY_CUP_DETAIL_START\",\n \"FETCH_ENTRY_CUP_DETAIL_SUCCESS\",\n \"FETCH_ENTRY_CUP_DETAIL_FAILURE\"\n)();\n","import sortBy from \"lodash/sortBy\";\nimport { combineReducers } from \"redux\";\nimport { getType } from \"typesafe-actions\";\nimport { RootAction, RootState } from \"../\";\nimport { fetchEntrySummary } from \"../entries/actions\";\nimport * as actions from \"./actions\";\nimport { IState } from \"./types\";\n\n// State Reducer\nexport default combineReducers({\n byEntryId: (state = {}, action: RootAction) => {\n switch (action.type) {\n case getType(fetchEntrySummary.success): {\n // If we aready have some data, we make sure we keep the matches which\n // aren't in the summary\n const entryId = action.payload.id;\n const cupDetail = action.payload.data.leagues.cup;\n const newState = { ...state };\n newState[entryId] = cupDetail;\n if (!state[entryId]) {\n return newState;\n }\n const idsFromSummary = newState[entryId].matches.map((m) => m.id);\n state[entryId].matches.forEach((m) => {\n if (idsFromSummary.indexOf(m.id) === -1) {\n newState[entryId].matches.push(m);\n }\n });\n return newState;\n }\n\n case getType(actions.fetchEntryCupDetail.success): {\n const newState = { ...state };\n newState[action.payload.id] = {\n matches: action.payload.data.cup_matches,\n status: action.payload.data.cup_status,\n };\n return newState;\n }\n default:\n return state;\n }\n },\n});\n\n// State Selectors\nexport const getCupDetailForEntry = (state: RootState, entryId: number) => {\n const detail = state.cup.byEntryId[entryId];\n if (!detail) {\n return null;\n }\n return {\n ...detail,\n matches: sortBy(detail.matches, \"event\"),\n };\n};\n","import { createAsyncAction } from \"typesafe-actions\";\nimport { IError } from \"..\";\nimport { IBestLeague, IMostValuableTeam } from \"./types\";\n\nexport const fetchBestClassicPrivateLeagues = createAsyncAction(\n \"FETCH_BEST_CLASSIC_PRIVATE_LEAGUES_START\",\n \"FETCH_BEST_CLASSIC_PRIVATE_LEAGUES_SUCCESS\",\n \"FETCH_BEST_CLASSIC_PRIVATE_LEAGUES_FAILURE\"\n)();\n\nexport const fetchMostValuableTeams = createAsyncAction(\n \"FETCH_MOST_VALUABLE_TEAMS_START\",\n \"FETCH_MOST_VALUABLE_TEAMS_SUCCESS\",\n \"FETCH_MOST_VALUABLE_TEAMS_FAILURE\"\n)();\n","import { combineReducers } from \"redux\";\nimport { getType } from \"typesafe-actions\";\nimport { RootAction, RootState } from \"../\";\nimport * as actions from \"./actions\";\nimport { IState } from \"./types\";\n\n// State Reducer\nexport default combineReducers({\n bestClassicPrivateLeagues: (state = [], action: RootAction) => {\n switch (action.type) {\n case getType(actions.fetchBestClassicPrivateLeagues.success):\n return action.payload;\n default:\n return state;\n }\n },\n mostValuableTeams: (state = [], action: RootAction) => {\n switch (action.type) {\n case getType(actions.fetchMostValuableTeams.success):\n return action.payload;\n default:\n return state;\n }\n },\n});\n\n// State Selectors\nexport const getBestClassicPrivateLeagues = (state: RootState) =>\n state.stats.bestClassicPrivateLeagues;\n\nexport const getMostValuableTeams = (state: RootState) =>\n state.stats.mostValuableTeams;\n","import { createAsyncAction } from \"typesafe-actions\";\nimport { IWinner } from \"./types\";\nimport { IError } from \"..\";\n\nexport const fetchEventWinners = createAsyncAction(\n \"FETCH_EVENT_WINNERS_START\",\n \"FETCH_EVENT_WINNERS_SUCCESS\",\n \"FETCH_EVENT_WINNERS_FAILURE\"\n)();\n\nexport const fetchPhaseWinners = createAsyncAction(\n \"FETCH_PHASE_WINNERS_START\",\n \"FETCH_PHASE_WINNERS_SUCCESS\",\n \"FETCH_PHASE_WINNERS_FAILURE\"\n)();\n","import { combineReducers } from \"redux\";\nimport { getType } from \"typesafe-actions\";\nimport { RootAction, RootState } from \"../\";\nimport * as actions from \"./actions\";\nimport { IState } from \"./types\";\n\n// State Reducer\nexport default combineReducers({\n byEvent: (state = {}, action: RootAction) => {\n switch (action.type) {\n case getType(actions.fetchEventWinners.success):\n return {\n ...state,\n [action.payload.event]: action.payload.data,\n };\n default:\n return state;\n }\n },\n byPhase: (state = {}, action: RootAction) => {\n switch (action.type) {\n case getType(actions.fetchPhaseWinners.success):\n return {\n ...state,\n [action.payload.phase]: action.payload.data,\n };\n\n default:\n return state;\n }\n },\n});\n\n// State Selectors\nexport const getWinnersByEvent = (state: RootState) => state.winners.byEvent;\n\nexport const getEventWinners = (state: RootState, eventId: number) =>\n getWinnersByEvent(state)[eventId] || [];\n\nexport const getWinnersByPhase = (state: RootState) => state.winners.byPhase;\n\nexport const getPhaseWinners = (state: RootState, phaseId: number) =>\n getWinnersByPhase(state)[phaseId] || [];\n","import { enableAllPlugins } from \"immer\";\nimport { combineReducers } from \"redux\";\nimport { ThunkAction, ThunkDispatch as BaseThunkDispatch } from \"redux-thunk\";\nimport { ActionType, deprecated, StateType } from \"typesafe-actions\";\nimport * as bootstrapActions from \"./bootstrap/actions\";\nimport bootstrap from \"./bootstrap/reducers\";\nimport * as chipActions from \"./chips/actions\";\nimport chips from \"./chips/reducers\";\nimport * as cupActions from \"./cup/actions\";\nimport cup from \"./cup/reducers\";\nimport * as dreamTeamActions from \"./dream-teams/actions\";\nimport dreamTeams from \"./dream-teams/reducers\";\nimport elementStats from \"./element-stats/reducers\";\nimport elementTypes from \"./element-types/reducers\";\nimport * as elementActions from \"./elements/actions\";\nimport elements from \"./elements/reducers\";\nimport * as entryActions from \"./entries/actions\";\nimport entries from \"./entries/reducers\";\nimport * as eventsActions from \"./events/actions\";\nimport events from \"./events/reducers\";\nimport * as fixtureActions from \"./fixtures/actions\";\nimport fixtures from \"./fixtures/reducers\";\nimport game from \"./game/reducers\";\nimport * as globalActions from \"./global/actions\";\nimport global from \"./global/reducers\";\nimport * as leagueActions from \"./leagues/actions\";\nimport leagues from \"./leagues/reducers\";\nimport * as myTeamActions from \"./my-team/actions\";\nimport myTeam from \"./my-team/reducers\";\nimport phases from \"./phases/reducers\";\nimport * as playerActions from \"./player/actions\";\nimport player from \"./player/reducers\";\nimport * as regionActions from \"./regions/actions\";\nimport regions from \"./regions/reducers\";\nimport * as squadActions from \"./squad/actions\";\nimport squad from \"./squad/reducers\";\nimport * as statsActions from \"./stats/actions\";\nimport stats from \"./stats/reducers\";\nimport teams from \"./teams/reducers\";\nimport * as urlActions from \"./urls/actions\";\nimport urls from \"./urls/reducers\";\nimport * as winnersActions from \"./winners/actions\";\nimport winners from \"./winners/reducers\";\n\nenableAllPlugins();\n\nconst createAction = deprecated.createAction;\n\n// This is an action which does nothing! Useful for setting initial state in\n// tests\nexport const noAction = createAction(\"NoActionRequired\");\n\nconst actions = {\n bootstrapActions,\n chipActions,\n cupActions,\n dreamTeamActions,\n elementActions,\n entryActions,\n eventsActions,\n fixtureActions,\n globalActions,\n leagueActions,\n myTeamActions,\n noAction,\n playerActions,\n regionActions,\n squadActions,\n statsActions,\n urlActions,\n winnersActions,\n};\n\nexport type RootAction = ActionType;\n\nconst rootReducer = combineReducers({\n bootstrap,\n chips,\n cup,\n dreamTeams,\n elementStats,\n elementTypes,\n elements,\n entries,\n events,\n fixtures,\n game,\n global,\n leagues,\n myTeam,\n phases,\n player,\n regions,\n squad,\n stats,\n teams,\n urls,\n winners,\n});\n\nexport type RootState = StateType;\n\nexport type ThunkDispatch = BaseThunkDispatch;\n\nexport type ThunkResult = ThunkAction;\n\nexport interface ISelectOption {\n label: string;\n value: string;\n}\n\nexport interface IError {\n errorText?: string;\n statusText?: string;\n badRequest?: {\n [key: string]: Array<{ code: string; message: string }>;\n };\n url?: string;\n}\n\nexport type SavingState = \"\" | \"saving\" | \"saved\";\n\nexport default rootReducer;\n","import { applyMiddleware, createStore } from \"redux\";\nimport { composeWithDevTools } from \"redux-devtools-extension\";\nimport thunkMiddleware from \"redux-thunk\";\nimport rootReducer from \"./store\";\n\nconst configureStore = (initialState?: object) => {\n const middlewares = [thunkMiddleware];\n const enhancer = composeWithDevTools(applyMiddleware(...middlewares));\n const store = createStore(rootReducer, initialState!, enhancer);\n return store;\n};\n\nexport default configureStore;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === \"localhost\" ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === \"[::1]\" ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\ninterface IConfig {\n onSuccess?: (registration: ServiceWorkerRegistration) => void;\n onUpdate?: (registration: ServiceWorkerRegistration) => void;\n}\n\nexport function register(config?: IConfig) {\n if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(\n (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\n window.location.href\n );\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener(\"load\", () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n // console.log(\n // \"This web app is being served cache-first by a service \" +\n // \"worker. To learn more, visit http://bit.ly/CRA-PWA\"\n // );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl: string, config?: IConfig) {\n navigator.serviceWorker\n .register(swUrl)\n .then((registration) => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === \"installed\") {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n // console.log(\n // \"New content is available and will be used when all \" +\n // \"tabs for this page are closed. See http://bit.ly/CRA-PWA.\"\n // );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n // console.log(\"Content is cached for offline use.\");\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch((error) => {\n // console.error(\"Error during service worker registration:\", error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: IConfig) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then((response) => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get(\"content-type\");\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf(\"javascript\") === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n // console.log(\n // \"No internet connection found. App is running in offline mode.\"\n // );\n });\n}\n\nexport function unregister() {\n if (\"serviceWorker\" in navigator) {\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister();\n });\n }\n}\n","import * as Sentry from \"@sentry/browser\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Provider } from \"react-redux\";\nimport App from \"./components/App\";\nimport configureStore from \"./core/configureStore\";\nimport \"./i18n\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nif (process.env.REACT_APP_SENTRY_ENVIRONMENT) {\n Sentry.init({\n dsn: \"https://f138bb7f42474ff7a5032f7d338b4135@sentry.io/2243032\",\n environment: process.env.REACT_APP_SENTRY_ENVIRONMENT,\n whitelistUrls: [/eliteserien\\.no/, /ismgames\\.com/],\n ignoreErrors: [],\n });\n}\n\nReactDOM.render(\n ,\n document.getElementById(\"root\")\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","import styled from \"styled-components/macro\";\n\nexport const Wrapper = styled.div`\n max-width: 1220px;\n min-height: 0;\n min-width: 0;\n margin: 0 auto;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n display: flex;\n justify-content: center;\n }\n`;\n\ninterface IMainProps {\n isWide?: boolean;\n}\n\nexport const Main = styled.div\n \n `\n padding-top: 2rem;\n padding-bottom: 2rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: ${(props) => (props.isWide ? \"100%\" : \"calc(100% / 3 * 2)\")};\n padding-right: 1rem;\n padding-left: 1rem;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: ${(props) => (props.isWide ? \"100%\" : \"calc(100% / 4 * 3)\")};\n }\n`;\n\nexport const Secondary = styled.div`\n padding-top: 2rem;\n\n @media (min-width: ${({ theme }) => theme.breakpoints[3]}) {\n width: calc(100% / 3);\n padding-right: 1rem;\n padding-left: 1rem;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoints[4]}) {\n width: calc(100% / 4 * 1);\n }\n`;\n","import { merge } from \"lodash\";\nimport { RootState } from \"..\";\nimport { IOverrides } from \"../bootstrap/types\";\n\n// Selectors\nexport const getOverridesByChipId = (state: RootState, chipId: number) => {\n const chip = state.chips.byId[chipId];\n return chip.overrides;\n};\n\nexport const getOverridesByEventId = (state: RootState, eventId: number) => {\n const event = state.events.byId[eventId];\n return event.overrides;\n};\n\nexport const getOverrides = (\n state: RootState,\n eventId?: number,\n chipId?: number\n) => {\n let chipOverrides = {};\n let eventOverrides = {};\n\n if (!chipId && !eventId) {\n return null;\n }\n\n if (chipId) {\n chipOverrides = getOverridesByChipId(state, chipId);\n }\n\n if (eventId) {\n eventOverrides = getOverridesByEventId(state, eventId);\n }\n\n return merge(eventOverrides, chipOverrides) as IOverrides;\n};\n"],"sourceRoot":""}

\n \n {headingText}\n \n

{item.title}

\n {t(\n \"entryUpdate.newsletter.title\",\n \"Subscribe To Email Newsletters\"\n )}\n

{item.title}

{t(\"logout.title\", \"Signing Out\")}

\n {t(\"prizes.season.firstPrize.title_23\", \"First Place Season\")}\n

\n {t(\"prizes.season.secondPrize.title_23\", \"Second Place Season\")}\n

\n {t(\"prizes.season.thirdPrize.title_23\", \"Third Place Season\")}\n

{t(\"prizes.cup.subHeading_23\", \"Winner\")}

{t(\"prizes.monthly.subHeading\", \"Manager of the Month\")}

{t(\"routes.notFound.title\", \"Page not found\")}

\n {t(\"serverError.permissionDenied.title\", \"Permission denied\")}\n

{t(\"serverError.notFound.title\", \"Page not found\")}

\n {t(\"serverError.updating.title\", \"The game is being updated.\")}\n

{t(\"serverError.unavailable.title\", \"Unavailable\")}

{t(\"serverError.default.title\", \"Error\")}

Error