\n\t\t\t\t\t\t\t\t{element}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\n\t\t);\n\t}\n}\n\nclass ModalState {\n\tconstructor(modal, props, onClose) {\n\t\tthis.modal = modal;\n\t\tthis.props = props;\n\t\tthis.onClose = onClose;\n\t}\n}\n","import ModalHelper from \"common/helpers/modalHelper\";\nimport * as React from \"react\";\n\nimport \"./CustomModal.scss\";\n\nexport default function CustomModal(props) {\n\tReact.useEffect(() => {\n\t\tconst callback = (e) => {\n\t\t\tif (e.key === \"Escape\") {\n\t\t\t\tModalHelper.closeModal();\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"keydown\", callback);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"keydown\", callback);\n\t\t};\n\t});\n\n\tconst clickBackground = (e) => {\n\t\tif (\n\t\t\te.target.className === \"overlay\" ||\n\t\t\te.target.className === \"overlay-inner\"\n\t\t) {\n\t\t\tModalHelper.closeModal();\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n}\n","import * as React from \"react\";\nimport { Box, Container, Divider, Paper } from \"@material-ui/core\";\n\nexport class ModalPanelTransparent extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t{props.children}
\n\t\t\t\n\t\t\t\t{this.props.children}\n\t\t\t
\n\t\t);\n\t}\n}\n\nexport class ModalPanel extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t{this.props.children}
\n\t\t\t\t\n\t\t\t\t\t\t{(displayContactDiscord ?? true) && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tIt looks like your username is email address.
\n\t\t\t\t\t\t\tWould you like to change it?\n\t\t\t\t\t\t
Keep in mind that your username can be seen by everyone.
\n\t\t\t\t\t\n\t\t\t\t\t\t\tYour account was flagged for a username change by an admin or\n\t\t\t\t\t\t\tautomated process.
\n\t\t\t\t\t\t\tPlease change your username now.\n\t\t\t\t\t\t
Keep in mind that your username can be seen by everyone.
\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t
\n\t);\n}\n","import axiosWrapper from \"common/axiosWrapper\";\n\nconst baseUrl = \"/api/trophy\";\n\n/** The trophy service which calls the API endpoints for the Trophy Controller */\nexport default class TrophyService {\n\t/**\n\t * Pins the trophy by its combo key.\n\t * @param {number} trophyId The trophy id.\n\t * @param {number} eventId The event id.\n\t * @returns {Promise| }\n\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{diamondCount} | \n\t\t\t\t\t\t\t\t{platCount} | \n\t\t\t\t\t\t\t\t{goldCount} | \n\t\t\t\t\t\t\t\t{silverCount} | \n\t\t\t\t\t\t\t\t{bronzeCount} | \n\t\t\t\t\t\t\t\t{woodCount} | \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{record.eventName}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t})}\n\t\t\n\t);\n}\n","import React from \"react\";\nimport CustomModal from \"common/components/CustomModal/CustomModal\";\nimport {\n\tModalHeader,\n\tModalBody,\n\tModalPanel,\n} from \"common/components/CustomModal/Modal/ModalFrame\";\nimport TrophyList from \"common/components/TrophyList/TrophyList\";\n\nexport default function TrophySelectorModal(props) {\n\t/** @type {Array\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{record.eventName}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!record && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tOpen\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t})}\n\t\t\n\t);\n}\n","export class NameplateStyle {\n\t/** @type {number} */\n\tid = null;\n\t/** @type {string} */\n\tname = \"\";\n\t/** @type {string} */\n\tdescription = \"\";\n\t/** @type {string} */\n\tstyle = \"\";\n\t/** @type {number | null} */\n\tnamePlateTypeId = null;\n\n\tconstructor(id, name, description, style, namePlateTypeId) {\n\t\tthis.id = id;\n\t\tthis.name = name;\n\t\tthis.description = description;\n\t\tthis.style = style;\n\t\tthis.namePlateTypeId = namePlateTypeId;\n\t}\n}\n","import React from \"react\";\nimport CustomModal from \"common/components/CustomModal/CustomModal\";\nimport {\n\tModalPanelTransparent,\n\tModalHeader,\n\tModalBody,\n\tModalPanel,\n} from \"common/components/CustomModal/Modal/ModalFrame\";\n// eslint-disable-next-line no-unused-vars\nimport { NameplateStyle } from \"common/types/NameplateStyle\";\nimport { Grid, makeStyles, Box } from \"@material-ui/core\";\nimport UserCard from \"common/components/UserCard\";\n\nconst useStyles = makeStyles((theme) => ({\n\tpointer: {\n\t\tcursor: \"pointer\",\n\t},\n\tname: {\n\t\ttextDecoration: \"underline\",\n\t\tdisplay: \"block\",\n\t\tmarginTop: theme.spacing(),\n\t\tcursor: \"pointer\",\n\t},\n\tdescriptionContainer: {\n\t\ttextAlign: \"center\",\n\t\tfontSize: 14,\n\t},\n\tdescription: {\n\t\tcursor: \"pointer\",\n\t},\n\tmaxHeight300: {\n\t\tmaxHeight: 300,\n\t\toverflowY: \"auto\",\n\t},\n\textraItems: {\n\t\tdisplay: \"flex\",\n\t\tflexDirection: \"column\",\n\t\talignContent: \"space-around\",\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t\tmarginTop: 8,\n\t},\n}));\n\nexport default function NameplateSelectorModal(props) {\n\tconst {\n\t\tuserId,\n\t\tusername,\n\t\tpinnedEventName,\n\t\tpinnedTrophyImagePath,\n\t\thideDefault,\n\t} = props;\n\t/** @type {Array\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\tThere are no nameplates to select.
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tEdit Nameplate}>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tJoined {monthAndYear}
\n\t\t\t\t\t\t\t\t\t{profile?.patreonLevel?.id !== 1 && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{profile?.patreonLevel?.name}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{!!hasPinned && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\tEdit Pinned Trophy}>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tEdit Pinned Trophy}>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{!hasPinned && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\tNo pinned trophy\n\t\t\t\t\t\t\t\t\t\t{isCurrentUser && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{pinnedAward?.eventName}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t| Provider | \n\t\t\t\t\t\t\t\t\t\t\t\tStatus | \n\t\t\t\t\t\t\t\t\t\t\t
|---|---|
| Discord | \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{(thirdPartyLinks ?? []).includes(\"Discord\") ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tLinked\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t{(thirdPartyLinks ?? []).includes(\"Google\") ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tLinked\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t|
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t{(thirdPartyLinks ?? []).includes(\"Reddit\") ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tLinked\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t{isLoggedIn && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{props.notifications?.length === 0 && (\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\thandleNotificationMenuClose();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tNo notifications\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.notifications?.map((notification, i) => (\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\thandleNotificationClicked(notification);\n\t\t\t\t\t\t\t\t\t\thandleNotificationMenuClose();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{notification.html && (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t{showMenuTabs && \n\t\t\t\t{children}\n\t\t\t\n\t\t\t\n\t\t\t\t{showMenuTabs && \n\t\t
\n\t);\n}\n\nconst LayoutWidthC = withWidth()(LayoutC); \n\nexport default function Layout(props) {\n\treturn connect((\n\t\t\t\t\t{props.description}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
{ e.preventDefault() }}\n onDrop={() => onDrop(i, j)}\n onMouseOver={() => onHover(isMatch, i, j)}\n onMouseLeave={() => onMouseLeave(isMatch, i, j)}>\n {stageDisplayName}\n
)\n\n if (!defined) {\n disableCreateEvent = true;\n }\n\n // Need to specify match for the standing table\n if ((stage.type === 1 && !stage.groupStageDetails?.hasGroupBrackets) || stage.type === 2) {\n defined = !!(subStages?.matchMappingKeys[j]?.displayName);\n stageElements.push(\n { e.preventDefault() }}\n onDrop={() => onDrop(i, j)}\n onMouseOver={() => onHover(true, i, j)}\n onMouseLeave={() => onMouseLeave(true, i, j)}>\n {subStages?.matchMappingKeys[j]?.displayName ?? 'Select match group for determining start time'}\n
)\n\n if (!defined) {\n disableCreateEvent = true;\n }\n }\n }\n\n return \n \n {stageElements}\n
\n });\n\n return <>\n Event Stages
\n {\n eventStagesMapped\n }\n \nAPI Stages
\n {\n details.stageDetails.map((stage) => {\n return\n \n {\n stage.standingGroups.map((group) => {\n return
\n })\n }\n onDragStart(false, stage, group)}>{group.name} - Standings
\n })\n }\n {\n stage.matchGroups.map((group) => {\n return onDragStart(true, stage,group)}>{group.name} - Bracket
\n })\n }\n \n \n Game \n \n {games?.map((game) => (\n \n ))}\n \n \n
\n \n );\n };\n\n const onEventChange = (event) => {\n const seriesId = event.target.value;\n selectEvent(seriesId, upcomingEvents);\n };\n\n const renderSeriesSelection = () => {\n return (\n <>\n \n \n {upcomingEvents.map((e, i) => {\n return (\n \n link\n \n )\n \n }\n />\n );\n })}\n \n
\n \n \n );\n };\n\n const getRewardType = (name) => {\n name = name.toLowerCase();\n if (name.includes(\"regional\")) return RewardTypes.Medal;\n else if (name.includes(\"major\")) return RewardTypes.Trophy;\n else if (name.includes(\"championship\")) return RewardTypes.Globe;\n };\n\n const renderLoadButton = () => {\n return (\n \n \n
\n );\n };\n\n const onCreate = async (mapperState) => {\n const stageMapping = { ...mapperState };\n for (const stageIndex in stageMapping.stages) {\n const stage = stageMapping.stages[stageIndex];\n stage.matchMappingKeys = stage.matchMappingKeys.map(\n (key) => `${key.liquipediaPageId}:|:${key.liquipediaPage}:|:${key.id}`\n );\n stage.standingsMappingKeys = stage.standingsMappingKeys.map(\n (key) => `${key.liquipediaPageId}:|:${key.liquipediaPage}:|:${key.id}`\n );\n }\n\n SetLoading(true, \"Creating Event\");\n /** @type {EventCreateRequestDto} */\n const createRequest = {\n tournamentId: selectedEvent.id,\n liquipediaUrl: createData.liquipediaUrl,\n imageUrl: createData.imageUrl,\n rewardType: createData.rewardTypeId,\n gameId: createData.gameId,\n nameOverride: createData.nameOverride,\n eventFormatId: createData.eventFormatId,\n stageMapping: stageMapping,\n };\n\n try {\n await EventBuilderService.createEvent(createRequest);\n SetLoading(false);\n toast(\"Event Created!\", { type: \"success\" });\n } catch (error) {\n console.log(error);\n SetLoading(false);\n toast(\"Contact Ben!\", { type: \"error\" });\n }\n };\n\n const renderTeams = () => {\n const teams = eventData.teams;\n\n return teams.map((team, i) => {\n return (\n \n \n \n {team.members.map((teamMember, index) => {\n return (\n
\n
\n
\n );\n });\n };\n\n const renderSelectedEvent = () => {\n return (\n <>\n {`${team.name} [${team.abbreviation}]`}
\n| \n | \n {teamMember.username} | \n{teamMember.realName} | \n{teamMember.position} | \n
\n
\n
{selectedEvent.title}
\n\n \n
\n
\n \n );\n };\n\n return (\n Event Creator
\n {renderSearch()}\n \n {upcomingEvents?.length > 0 && renderSeriesSelection()}\n {selectedEvent && renderSelectedEvent()}\n {selectedEvent &&\n createData?.gameId &&\n createData?.eventFormatId &&\n createData?.rewardTypeId &&\n !eventDetails &&\n renderLoadButton()}\n {eventDetails && (\n <>\n\n
{renderTeams()}
}\n \n\t\t\t\t{topText} \n\t\t\t\t{typeof onMatchClick === \"function\" && (\n\t\t\t\t\t {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\tonMatchClick({ match, topWon, bottomWon });\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tMatch Details \n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t
*/}\n \n\t\t\t\t{children}\n\t\t\t
\n\t\t\n\t);\n}\n","import {\n\tEventFormatScoringBreakdownGroup,\n\tEventFormatScoringBreakdownRecord,\n} from \"common/helpers/eventFormatHelper\";\nimport * as React from \"react\";\nimport \"./ScorePillDetails.scss\";\n\n/**\n * @typedef ScorePillDetailsProps\n * @type {object}\n * @property {EventFormatScoringBreakdownGroup[]} groups\n */\n\n/**\n * @param {ScorePillDetailsProps} props\n * @param {any} bracketScore\n */\nexport default function ScorePillDetails({ groups, bracketScore }) {\n\tbracketScore = bracketScore ?? {};\n\tconst scoreBreakdown = bracketScore?.data\n\t\t? JSON.parse(bracketScore?.data)\n\t\t: [];\n\n\tlet league = \"\";\n\tlet summaryClass = \"\";\n\tconst rank = bracketScore?.rank ?? 1;\n\tconst percent = bracketScore?.percentile ?? 100;\n\tconst totalScore = bracketScore?.totalScore ?? 0;\n\tif (rank <= 1) {\n\t\tsummaryClass = \"diamond\";\n\t\tleague = \"diamond\";\n\t} else if (rank <= 10) {\n\t\tsummaryClass = \"platinum\";\n\t\tleague = \"platinum\";\n\t} else if (percent <= 10) {\n\t\tsummaryClass = \"gold\";\n\t\tleague = \"gold\";\n\t} else if (percent <= 30) {\n\t\tsummaryClass = \"silver\";\n\t\tleague = \"silver\";\n\t} else if (percent <= 50) {\n\t\tsummaryClass = \"bronze\";\n\t\tleague = \"bronze\";\n\t} else {\n\t\tsummaryClass = \"wood\";\n\t\tleague = \"wood\";\n\t}\n\n\t/**\n\t *\n\t * @param {EventFormatScoringBreakdownRecord} r\n\t * @param {number} i\n\t * @returns\n\t */\n\tconst row = (r, i, index) => {\n\t\tconst scoreRecord = scoreBreakdown?.find(\n\t\t\t(s) =>\n\t\t\t\ts.Name === r.name &&\n\t\t\t\t(s.StageIndex === undefined || s.StageIndex === index)\n\t\t);\n\t\treturn (\n\t\t\t| {scoreGroup.name} | \n\t\t\t\t\t
|---|
\n\t\t\t
\n\t);\n}\n","import * as React from \"react\";\nimport CustomModal from \"../../CustomModal/CustomModal\";\nimport { ModalPanelTransparent } from \"../../CustomModal/Modal/ModalFrame\";\nimport ScorePillDetails from \"../../ScorePillDetails/ScorePillDetails\";\n\nexport default function ScorePillModal(props) {\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t{tables}\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n handleChangeTool(event, TOOL_NONE) }>\n handleChangeTool(event, TOOL_PAN) }>\n handleChangeTool(event, TOOL_ZOOM_IN) }>\n handleChangeTool(event, TOOL_ZOOM_OUT) }>\n handleFit(event) }>\n
\n )\n}\n\nToolbar.propTypes = {\n tool: PropTypes.string.isRequired,\n onChangeTool: PropTypes.func.isRequired,\n value: PropTypes.object.isRequired,\n onChangeValue: PropTypes.func.isRequired,\n\n //customizations\n position: PropTypes.oneOf([POSITION_TOP, POSITION_RIGHT, POSITION_BOTTOM, POSITION_LEFT]),\n SVGAlignX: PropTypes.oneOf([ALIGN_CENTER, ALIGN_LEFT, ALIGN_RIGHT]),\n SVGAlignY: PropTypes.oneOf([ALIGN_CENTER, ALIGN_TOP, ALIGN_BOTTOM]),\n activeToolColor: PropTypes.string\n};\n\nToolbar.defaultProps = {\n position: POSITION_RIGHT,\n SVGAlignX: ALIGN_LEFT,\n SVGAlignY: ALIGN_TOP,\n activeToolColor: '#1CA6FC'\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {POSITION_RIGHT, POSITION_LEFT} from '../constants';\n\n//credits https://materialdesignicons.com/icon/chevron-up\n\nexport default function IconArrow({open, position}) {\n\n let transform = 0;\n\n switch (position){\n case POSITION_LEFT:\n transform = open ? \"rotate(225, 12, 13)\" : \"rotate(45, 12, 13)\";\n break;\n\n case POSITION_RIGHT:\n transform = transform = open ? \"rotate(135, 12, 13)\" : \"rotate(-45, 12, 13)\";\n break;\n\n default:\n //no op\n }\n\n return (\n \n );\n}\n\nIconArrow.propTypes = {\n open: PropTypes.bool.isRequired,\n position: PropTypes.oneOf([POSITION_RIGHT, POSITION_LEFT]).isRequired,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {openMiniature, closeMiniature} from '../features/miniature';\nimport IconArrow from './icon-arrow';\nimport {POSITION_RIGHT, POSITION_LEFT} from '../constants';\n\nexport default function MiniatureToggleButton({value, onChangeValue, position}) {\n let style = {\n width: \"24px\",\n height: \"24px\",\n display: \"block\",\n position: \"absolute\",\n bottom: 0,\n [position === POSITION_LEFT ? 'left' : 'right']: '0px',\n background: \"rgba(19, 20, 22, 0.901961)\",\n border: 0,\n padding: 0,\n outline: 0,\n color: \"#fff\"\n };\n\n let action = value.miniatureOpen ? closeMiniature : openMiniature;\n\n return (\n \n )\n\n}\n\nMiniatureToggleButton.propTypes = {\n value: PropTypes.object.isRequired,\n onChangeValue: PropTypes.func.isRequired,\n position: PropTypes.oneOf([POSITION_RIGHT, POSITION_LEFT]).isRequired,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport RandomUID from \"../utils/RandomUID\";\n\nconst prefixID = 'react-svg-pan-zoom_miniature'\n\nfunction MiniatureMask({SVGMinX, SVGMinY, SVGWidth, SVGHeight, x1, y1, x2, y2, zoomToFit, _uid}) {\n const maskID = `${prefixID}_mask_${_uid}`\n\n return (\n Bracket Builder
\n\n {bindingMatch && (\n
\n \n );\n}\n\n/**\n * @typedef BracketDetailsEditorProps\n * @type {object}\n * @property {any} classNames\n * @property {EventFormatBuilder} currentFormat\n * @property {EventFormatStage} currentStage\n * @property {Observable\n
\n )}\n {currentView && (\n \n Select the slot the loser will move to\n
\n \n
\n )}\n {currentScoringGroup && (\n \n Select the matches the view contains\n
\n \n
\n )}\n \n Select the columns in the scoring group\n
\n \n {currentStage?.bracket?.matches &&\n !currentStage?.bracket?.freeform && (\n (\n \n {children}\n \n )}\n onUpperClick={() => {\n editorStage === 0 && selectedPart(\"UB\");\n }}\n onLowerClick={() => {\n editorStage === 0 && selectedPart(\"LB\");\n }}\n onFinalsClick={() => {\n editorStage === 0 && selectedPart(\"GF\");\n }}\n onColumnClick={selectedColumn}\n onPartyClick={selectedParty}\n customHeaderNames={headerNames}\n hideSeriesScore={!useSeriesScore}\n highlightMatchIds={highlightedMatchIds}\n />\n )}\n {currentStage?.bracket?.freeform && (\n (\n \n {children}\n \n )}\n onPartClick={(part) => {\n editorStage === 0 && selectedPart(part);\n }}\n onColumnClick={selectedColumn}\n onPartyClick={selectedParty}\n customHeaderNames={headerNames}\n hideSeriesScore={!useSeriesScore}\n highlightMatchIds={highlightedMatchIds}\n canEdit={true}\n onUpdate={(freeformBracket) => {\n currentStage.bracket.freeformParts =\n freeformBracket;\n Store.set(\n StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT,\n currentFormat\n );\n }}\n />\n )}\n
\n \n
\n {editorStage === 0 && (\n
\n \n {\n handleChangeStage(editorStage - 2);\n }}\n >\n {\n handleChangeStage(editorStage + 2);\n }}\n >\n
\n \n {editorStage === 0 && (\n
\n {parts?.map((part, index) => {\n return (\n \n \n {isFreeform && (\n \n deletePart(e, index)\n }\n title=\"Delete Bracket Part\"\n >\n \n {isFreeform\n ? part.identifier\n : getPartName(\n part?.identifier\n )}{\" \"}\n Details\n \n }\n childClassName={classNames.subEditor}\n >\n Columns}\n childClassName={classNames.subEditor}\n >\n {part?.columns?.map((column, index) => {\n return (\n Column {index + 1}\n }\n childClassName={\n classNames.subEditor\n }\n >\n Matches}\n childClassName={\n classNames.subEditor\n }\n >\n {column?.matches?.map(\n (match, matchIndex) => {\n return (\n \n Match{\" \"}\n {matchIndex +\n 1}\n \n }\n childClassName={\n classNames.subEditor\n }\n >\n {isFreeform && (\n <>\n \n mapLoserMatch(\n match\n )\n }\n >\n {match.loserPath\n ? \"Remap Loser Path\"\n : \"Map Loser Path\"}\n \n {match.loserPath && (\n
\n {isFreeform && (\n <>\n \n {\n part.name = e.target.value;\n onApply(false);\n }}\n onBlur={onApply}\n />\n
\n \n {\n part.identifier =\n e.target.value;\n onApply(false);\n }}\n onBlur={onApply}\n />\n
\n \n )}\n \n {\n part.columnCount = Number(\n e.target.value\n );\n if (part.columnCount > 9) {\n part.columnCount = 9;\n }\n if (isFreeform) {\n modifyFreeformPartColumns(part);\n } else {\n modifyRegularPartColumns(part);\n }\n Store.set(\n StoreKeys.EVENTFORMATBUILDER\n .CURRENT_FORMAT,\n currentFormat\n );\n }}\n />\n
\n \n {\n column.name =\n e.target.value;\n }}\n />\n
\n \n {\n column.matchCount =\n Number(\n e.target\n .value\n );\n }}\n />\n
\n \n {\n column.bestOf =\n Number(\n e.target\n .value\n );\n }}\n />\n
\n {isFreeform && (\n <>\n \n {\n column.paddingTop =\n Number(\n e\n .target\n .value\n );\n onApply();\n }}\n />\n
\n \n {\n column.paddingLeft =\n Number(\n e\n .target\n .value\n );\n onApply();\n }}\n />\n
\n \n )}\n \n {\n column.bothTeamsAdvance =\n e.target.checked;\n onApply();\n }}\n />\n }\n />\n
\n \n {\n column.lockPicks =\n e.target.checked;\n onApply();\n }}\n />\n }\n />\n
\n \n {\n match.paddingTop =\n Number(\n e\n .target\n .value\n );\n onApply();\n }}\n />\n
\n \n )}\n \n
\n )}\n \n );\n }\n )}\n \n \n );\n })}\n \n \n \n );\n })}\n \n Part:{\" \"}\n {\n match\n .loserPath\n .part\n }\n
\n \n Col:{\" \"}\n {\n match\n .loserPath\n .col\n }\n
\n \n Col\n Index:{\" \"}\n {\n match\n .loserPath\n .colIndex\n }\n
\n \n Is\n Top:{\" \"}\n {match\n .loserPath\n .isTop\n ? \"Yes\"\n : \"No\"}\n
\n \n
\n {currentStage.bracket?.views?.map((view, index) => {\n return (\n {\n event.stopPropagation();\n }}\n >\n {editingView === index && (\n {\n setEditingView(null);\n Store.set(\n StoreKeys.EVENTFORMATBUILDER\n .CURRENT_FORMAT,\n currentFormat\n );\n }}\n inputRef={(input) =>\n input && input.focus()\n }\n className={classNames.editorField}\n onChange={(e) => {\n view.name = e.target.value;\n }}\n />\n )}\n {editingView !== index && (\n {\n setEditingView(index);\n }}\n >\n {view.name}\n \n )}\n deleteView(index)}\n >\n
\n }\n >\n {editingViewMatchIndex !== index && (\n \n {\n addView(currentStage.bracket.views.length);\n }}\n >\n
\n \n );\n}\n\n/**\n * @typedef ScoringBreakdownEditorProps\n * @type {object}\n * @property {any} classNames\n * @property {EventFormatBuilder} currentFormat\n * @property {EventFormatStage} currentStage\n */\n\n/**\n * @param {ScoringBreakdownEditorProps} props\n */\nfunction ScoringBreakdownEditor({ classNames, currentFormat, currentStage }) {\n const [editingGroup, setEditingGroup] = React.useState(null);\n const [editingScoringGroupIndex, setEditingScoringGroupIndex] =\n React.useState(null);\n\n React.useEffect(() => {\n if (!currentStage.bracket.scoringGroups) {\n currentStage.bracket.scoringGroups = [];\n Store.set(\n StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT,\n currentFormat\n );\n }\n }, [currentFormat, currentStage]);\n\n const addGroup = (index) => {\n currentStage.bracket.scoringGroups.push(\n new EventFormatBracketScoringGroup(`New Scoring Group ${index + 1}`)\n );\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n };\n\n const modifyGroup = (sGroup, index) => {\n setEditingScoringGroupIndex(index);\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_SCORING_GROUP, sGroup);\n };\n\n const finishModifying = () => {\n setEditingScoringGroupIndex(null);\n buildScoringDetails(currentFormat);\n\n const storeUpdate = {};\n storeUpdate[StoreKeys.EVENTFORMATBUILDER.CURRENT_SCORING_GROUP] = null;\n storeUpdate[StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT] =\n currentFormat;\n Store.setMany(storeUpdate);\n };\n\n /**\n *\n * @param {EventFormatBracketScoringGroup} sGroup\n * @param {boolean} value\n */\n const toggleScoringGroupScoreParticipants = (sGroup, value) => {\n sGroup.scoreParticipants = value;\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n };\n\n /**\n *\n * @param {EventFormatBracketScoringGroup} sGroup\n * @param {boolean} value\n */\n const toggleScoringGroupScoreWinnersOnly = (sGroup, value) => {\n sGroup.scoreWinnersOnly = value;\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n };\n\n /**\n *\n * @param {EventFormatBracketScoringGroup} sGroup\n * @param {boolean} value\n */\n const toggleScoringGroupScorePlacement = (sGroup, value) => {\n sGroup.scorePlacement = value;\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n };\n\n const deleteGroup = (index) => {\n currentStage.bracket.scoringGroups.splice(index, 1);\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n };\n\n const previewScoringBreakdown = () => {\n buildScoringDetails(currentFormat);\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\n ModalHelper.openModal(\n {currentStage.bracket.scoringGroups?.map((sGroup, index) => {\n return (\n {\n event.stopPropagation();\n }}\n >\n {editingGroup === index && (\n {\n setEditingGroup(null);\n Store.set(\n StoreKeys.EVENTFORMATBUILDER\n .CURRENT_FORMAT,\n currentFormat\n );\n }}\n inputRef={(input) =>\n input && input.focus()\n }\n className={classNames.editorField}\n onChange={(e) => {\n sGroup.name = e.target.value;\n }}\n />\n )}\n {editingGroup !== index && (\n {\n setEditingGroup(index);\n }}\n >\n {sGroup.name}\n \n )}\n deleteGroup(index)}\n >\n
\n }\n >\n {editingScoringGroupIndex !== index && (\n \n \n toggleScoringGroupScoreParticipants(\n sGroup,\n event.target.checked\n )\n }\n />\n }\n />\n
\n\n {sGroup.scoreParticipants && (\n <>\n \n \n toggleScoringGroupScoreWinnersOnly(\n sGroup,\n event.target.checked\n )\n }\n />\n }\n />\n
\n \n {\n Store.set(\n StoreKeys.EVENTFORMATBUILDER\n .CURRENT_FORMAT,\n currentFormat\n );\n }}\n onChange={(event) => {\n sGroup.pointsPerCorrectParticipant =\n Number(event.target.value);\n }}\n variant=\"outlined\"\n type=\"number\"\n required\n />\n
\n \n )}\n\n \n \n toggleScoringGroupScorePlacement(\n sGroup,\n event.target.checked\n )\n }\n />\n }\n />\n
\n \n );\n })}\n \n
\n \n );\n}\n\n/**\n *\n * @param {EventFormatBuilder} currentFormat\n */\nexport function populateDefaultBracket(currentFormat) {\n let didUpdate = false;\n if (\n currentFormat &&\n currentFormat.data &&\n !currentFormat.data.scoringBreakdown\n ) {\n // Build from current data.\n buildScoringDetails(currentFormat);\n didUpdate = true;\n }\n\n for (const stage of currentFormat?.data?.stages) {\n if (stage.type === EventStageTypes.Group && !stage.bracket) {\n stage.bracket = {\n views: [],\n parts: [\n {\n identifier: \"UB\",\n columnCount: 2,\n columns: [],\n },\n {\n identifier: \"LB\",\n columnCount: 2,\n columns: [],\n },\n ],\n };\n initializeBracket(stage.bracket);\n didUpdate = true;\n } else if (stage.type === EventStageTypes.Playoffs && !stage.bracket) {\n stage.bracket = {\n views: [],\n parts: [\n {\n identifier: \"UB\",\n columns: [],\n },\n {\n identifier: \"LB\",\n columns: [],\n },\n {\n identifier: \"GF\",\n columns: [],\n },\n ],\n };\n initializeBracket(stage.bracket);\n didUpdate = true;\n }\n }\n\n if (didUpdate) {\n Store.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n }\n}\n\nexport default EventFormatBracketBuilder;\n/**\n *\n * @param {EventFormatBracket} bracket\n */\nexport function initializeBracket(bracket) {\n if (bracket.freeform) {\n for (const part of bracket.freeformParts) {\n modifyFreeformPartColumns(part);\n }\n } else {\n for (const part of bracket.parts) {\n modifyRegularPartColumns(part);\n }\n }\n}\n\n/**\n *\n * @param {FreeformBracketPart} part\n */\nexport function modifyFreeformPartColumns(part) {\n if (part.columnCount < part.columns.length) {\n part.columns = part.columns.slice(0, part.columnCount);\n }\n\n for (let i = 0; i < part.columnCount; i++) {\n let column = null;\n const isColumnAdd = i >= part.columns.length;\n if (isColumnAdd) {\n column = {\n paddingTop: 0,\n paddingLeft: 0,\n part: part.identifier,\n index: i,\n matches: [],\n matchCount: 1,\n name: \"\",\n isLocked: false,\n isQualifier: false,\n };\n\n part.columns.push(column);\n } else {\n column = part.columns[i];\n }\n\n column.part = part.identifier;\n\n if (column.matchCount < column.matches.length) {\n column.matches = column.matches.slice(0, column.matchCount);\n } else {\n for (let j = column.matches.length; j < column.matchCount; j++) {\n const id = uuidv4();\n column.matches.push({\n paddingTop: 0,\n id,\n bracketMatchId: id,\n part: part.identifier,\n col: i,\n colIndex: j,\n loserPath: null,\n nextMatchId: null,\n nextLooserMatchId: null,\n state: \"PLAYED\",\n participants: [],\n startTime: \"\",\n bothTeamsAdvance: column.bothTeamsAdvance,\n });\n }\n }\n\n for (const match of column.matches) {\n match.part = part.identifier;\n }\n }\n}\n\n/**\n *\n * @param {EventFormatBracketPart} part\n */\nexport function modifyRegularPartColumns(part) {\n for (let i = 0; i < part.columnCount; i++) {\n /** @type {EventFormatBracketColumn} */\n let column = null;\n const isColumnAdd = i >= part.columns.length;\n if (isColumnAdd) {\n column = {\n //name: getColumnName(part.identifier, i, part.columnCount),\n index: i,\n matches: [],\n matchCount: getMatchCount(part.identifier, i, part.columnCount),\n bestOf: 5,\n };\n\n part.columns.push(column);\n } else {\n column = part.columns[i];\n }\n\n if (column.matchCount < column.matches.length) {\n column.matches = column.matches.slice(0, column.matchCount);\n } else {\n for (let j = column.matches.length; j < column.matchCount; j++) {\n column.matches.push({\n part: part.identifier,\n col: i,\n colIndex: j,\n loserPath: null,\n });\n }\n }\n }\n}\n\n/**\n *\n * @param {EventFormatBracket} bracket\n */\nexport function applyChangesToBracket(bracket) {\n if (bracket.freeform) {\n applyChangesToFreeformBracket(bracket.freeformParts);\n } else {\n applyChangesToRegularBracket(bracket);\n }\n}\n\n/**\n *\n * @param {EventFormatBracket} bracket\n */\nexport function applyChangesToRegularBracket(bracket) {\n for (const part of bracket.parts) {\n if (part.columns.length > part.columnCount) {\n part.columns = part.columns.slice(0, part.columnCount);\n }\n\n modifyRegularPartColumns(part);\n }\n\n generateBracketMatchesFromBracket(bracket);\n}\n\n/**\n *\n * @param {FreeformBracketPart[]} freeformParts\n */\nfunction applyChangesToFreeformBracket(freeformParts) {\n for (const part of freeformParts) {\n if (part.columns.length > part.columnCount) {\n part.columns = part.columns.slice(0, part.columnCount);\n }\n\n modifyFreeformPartColumns(part);\n }\n}\n\n/**\n * Build matches from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function generateBracketMatchesFromBracket(bracket) {\n bracket.matches = {\n upper: [],\n lower: [],\n };\n\n for (const part of bracket.parts) {\n /** @type {MatchType[]} */\n const target =\n part.identifier === \"LB\"\n ? bracket.matches.lower\n : bracket.matches.upper;\n for (let i = 0; i < part.columnCount; i++) {\n const column = part.columns[i];\n\n for (let j = 0; j < column.matchCount; j++) {\n const columnMatch = column.matches[j];\n const id = uuidv4();\n const bracketMatch = {\n id,\n nextMatchId: null,\n nextLooserMatchId: null,\n state: \"PLAYED\",\n participants: [],\n startTime: \"\",\n bothTeamsAdvance: column.bothTeamsAdvance,\n };\n columnMatch.bracketMatchId = bracketMatch.id;\n target.push(bracketMatch);\n }\n }\n }\n\n mapNextMatches(bracket);\n}\n\n/**\n * Map match connections from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function mapNextMatches(bracket) {\n mapUpperBracketMatches(bracket);\n mapLowerBracketMatches(bracket);\n}\n\n/**\n * Map match connections from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function mapUpperBracketMatches(bracket) {\n const part = bracket.parts[0];\n const finalsPart = bracket.parts[2];\n for (let i = 0; i < part.columnCount; i++) {\n const column = part.columns[i];\n const nextColumnSameCount =\n i + 1 < part.columnCount &&\n column.matchCount === part.columns[i + 1].matchCount;\n\n for (let j = 0; j < column.matchCount; j++) {\n const columnMatch = column.matches[j];\n /** @type {MatchType} */\n const bracketMatch = findBracketMatchById(\n bracket,\n columnMatch.bracketMatchId\n );\n\n if (nextColumnSameCount) {\n const nextColumnMatch = part.columns[i + 1].matches[j];\n bracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n } else if (i < part.columnCount - 1) {\n const nextColumnMatch =\n part.columns[i + 1].matches[Math.floor(j / 2)];\n bracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n } else if (\n i === part.columnCount - 1 &&\n finalsPart?.columnCount > 0\n ) {\n const nextColumnMatch =\n finalsPart.columns[0].matches[Math.floor(j / 2)];\n bracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n }\n\n if (columnMatch.loserPath) {\n const loserPath = columnMatch.loserPath;\n const loserPart = bracket.parts.find(\n (p) => p.identifier === loserPath.part\n );\n if (loserPart.columnCount > loserPath.col) {\n const loserColumn = loserPart.columns[loserPath.col];\n if (loserColumn.matchCount > loserPath.colIndex) {\n const loserColumnMatch =\n loserColumn.matches[loserPath.colIndex];\n bracketMatch.nextLooserMatchId =\n loserColumnMatch.bracketMatchId;\n }\n }\n }\n }\n }\n}\n\n/**\n * Map match connections from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function mapLowerBracketMatches(bracket) {\n const part = bracket.parts[1];\n const finalsPart = bracket.parts[2];\n\n if (part.columnCount === 0) {\n return;\n }\n\n let nextColumn = null;\n for (let i = 0; i < part.columnCount; i++) {\n const column = part.columns[i];\n\n if (i + 1 < part.columns.length) {\n nextColumn = part.columns[i + 1];\n } else {\n nextColumn = null;\n }\n\n for (let j = 0; j < column.matchCount; j++) {\n const columnMatch = column.matches[j];\n /** @type {MatchType} */\n const bracketMatch = findBracketMatchById(\n bracket,\n columnMatch.bracketMatchId\n );\n\n const isLastcolumn = i + 1 === part.columnCount;\n if (isLastcolumn) {\n if (finalsPart?.columnCount > 0) {\n const nextColumnMatch =\n finalsPart.columns[0].matches[Math.floor(j / 2)];\n bracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n }\n } else {\n const directFeed =\n column.matches.length === nextColumn?.matches?.length;\n if (directFeed) {\n const nextColumnMatch = part.columns[i + 1].matches[j];\n bracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n } else {\n const nextColumnMatch =\n part.columns[i + 1].matches[Math.floor(j / 2)];\n bracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n }\n }\n }\n }\n}\n","/**\n *\n * @param {Array\n {\n addGroup(currentStage.bracket.scoringGroups.length);\n }}\n >\n
\n \n \n
\n \n\t\t\t\t\n\n\t\t\t\t
\n\t\t\tStages
\n\n\t\t\t\t- \n\t\t\t\t\t{currentFormat.data.stages.map((stage, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tsetCurrentStage({ ...currentStage, name: event.target.value })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tsetCurrentStage({ ...currentStage, type: event.target.value })\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tMenuProps={{ PaperProps: { className: classNames.paper } }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{currentStage.type === EventStageTypes.Group && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tgroupStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...currentStage.groupStageDetails,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thasGroupBrackets: event.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tuseSeriesScore: event.target.checked\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? currentStage.groupStageDetails?.useSeriesScore\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{currentStage.groupStageDetails?.hasGroupBrackets && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgroupStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...currentStage.groupStageDetails,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuseSeriesScore: event.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\tswissStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t...currentStage.swissStageDetails,\n\t\t\t\t\t\t\t\t\t\t\tadvancingCount: Number(event.target.value),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\tswissStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t...currentStage.swissStageDetails,\n\t\t\t\t\t\t\t\t\t\t\tpointsPerAdvancing: Number(event.target.value),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\tswissStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t...currentStage.swissStageDetails,\n\t\t\t\t\t\t\t\t\t\t\tcleanSweepWinnerCount: Number(event.target.value),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\tswissStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t...currentStage.swissStageDetails,\n\t\t\t\t\t\t\t\t\t\t\tpointsPerCorrectWinner: Number(event.target.value),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\tswissStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t...currentStage.swissStageDetails,\n\t\t\t\t\t\t\t\t\t\t\tcleanSweepLoserCount: event.target.value,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\tswissStageDetails: {\n\t\t\t\t\t\t\t\t\t\t\t...currentStage.swissStageDetails,\n\t\t\t\t\t\t\t\t\t\t\tpointsPerCorrectLoser: event.target.value,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t{currentStage.type === EventStageTypes.Playoffs && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\t\t\tplayoffDetails: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...currentStage.playoffDetails,\n\t\t\t\t\t\t\t\t\t\t\t\t\tuseSeriesScore: event.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlabel=\"Use Series Score\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\t\t\tplayoffDetails: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...currentStage.playoffDetails,\n\t\t\t\t\t\t\t\t\t\t\t\t\thasBracketReset: event.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlabel=\"Has Bracket Reset\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{currentStage.playoffDetails?.hasBracketReset && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\t\tplayoffDetails: {\n\t\t\t\t\t\t\t\t\t\t\t\t...currentStage.playoffDetails,\n\t\t\t\t\t\t\t\t\t\t\t\tpointsForCorrectBracketReset: event.target.value,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t{currentStageIndex !== 0 && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tsetCurrentStage({\n\t\t\t\t\t\t\t\t\t\t...currentStage,\n\t\t\t\t\t\t\t\t\t\tteamsToOpenPicks: Number(event.target.value),\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t);\n}\n","import { Button } from \"@material-ui/core\";\nimport CustomModal from \"common/components/CustomModal/CustomModal\";\nimport {\n\tModalBody,\n\tModalFooter,\n\tModalHeader,\n\tModalPanel,\n} from \"common/components/CustomModal/Modal/ModalFrame\";\nimport ModalHelper from \"common/helpers/modalHelper\";\nimport * as React from \"react\";\nimport \"../SuccessFailModal/SuccessFailModal.scss\";\n\nexport default function DeleteConfirmModal(props) {\n\tconst onConfirm = () => {\n\t\tModalHelper.closeModal();\n\t\tif (props.onConfirm) {\n\t\t\tprops.onConfirm();\n\t\t}\n\t};\n\tconst onCancel = () => {\n\t\tModalHelper.closeModal();\n\t};\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t
\n\t\t\t classNames.dataGridRow}\n\t\t\t\tonSelectionModelChange={(newRowSelected) => {\n\t\t\t\t\tsetRowsSelected(newRowSelected);\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t);\n}\n\nfunction EventFormatSelector(props) {\n\treturn connect(\n\t\t\t\n\t\t\t
Event Format Builder
\n\t\t\t{!currentFormat &&\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\t\t\t\tcreateAnalystLeague: e.currentTarget.checked,\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\tUser Manager
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
- {users}
MAKE A NAMEPLATE DAMNIT
}\n\t\t\t\t\t{nameplate && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t
| \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t
\n\t\t);\n\t};\n\n\tconst pickDataJsx = !pickData\n\t\t? null\n\t\t: pickData.map((record, index) => {\n\t\t\t\treturn pickDataRowJsx(index, record);\n\t\t });\n\n\treturn (\n\t\t{item.name}
\n\t\t\t\tEvent Pick Data
\n\t\t\t{gameSelection}\n\t\t\t{selectedGame && (\n\t\t\t\t<>\n\t\t\t\t\t{eventSelection}\n\t\t\t\t\t{selectedEventId && <>{pickDataJsx}}\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t{icon ? icon : <>}\n\t\t\t{text}\n\t\t\t{menuItems &&\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{menuItems.map((menuItem, index) =>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t}\n\t\t
\n\t);\n}\n","import * as React from \"react\";\nimport { Box, Container, makeStyles } from \"@material-ui/core\";\nimport { Colors } from \"styles/Colors\";\n\nconst useStyles = makeStyles({\n\tcontentPanel: {\n\t\tbackgroundColor: Colors.panel,\n\t\tborderRadius: 12,\n\t\tpadding: 10,\n\t\tmarginBottom: 5,\n\t\tminHeight: 100,\n\t},\n});\n\nexport default function ContentPanel(props) {\n\tconst styles = useStyles();\n\treturn (\n\t\t\n\t\t\t{items.map((i, index) => (\n\t\t\t\t {\n\t\t\t\t\t\tif (i.disabled) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange(id);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t))}\n\t\t
\n\t);\n}\n\nfunction TabItem({ id, text, selected, setSelectedId, disabled }) {\n\tconst styles = useStyles();\n\tconst rippleRef = React.useRef(null);\n\tconst onRippleStart = (e) => {\n\t\tif (disabled) {\n\t\t\treturn;\n\t\t}\n\t\trippleRef.current.start(e);\n\t};\n\tconst onRippleStop = (e) => {\n\t\tif (disabled) {\n\t\t\treturn;\n\t\t}\n\t\trippleRef.current.stop(e);\n\t};\n\n\treturn (\n\t\t{event.eventName}
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\tThere are no nameplates to select.
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\tAre you sure you want to {isDelete ? \"delete\" : \"leave\"} this\n\t\t\t\t\t\tleague?\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t);\n\n\t/** @type{ League[] } */\n\tlet leagues = [];\n\tswitch (viewType) {\n\t\tcase LeagueViewType.joined:\n\t\t\tleagues = joinedLeagues ?? [];\n\t\t\tbreak;\n\t\tcase LeagueViewType.popular:\n\t\t\tleagues = popularLeagues ?? [];\n\t\t\tbreak;\n\t\tcase LeagueViewType.new:\n\t\t\tleagues = newLeagues ?? [];\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tleagues = popularLeagues ?? [];\n\t\t\tbreak;\n\t}\n\n\tconst leagueSlotsRemaining =\n\t\t(leagueLimit ?? 0) - (joinedLeagues?.length ?? 0);\n\tconst joinedLeaguesTable = (\n\t\t\n\t\t\t\t\t
\n\t\t\t\t{navTabs}
\n\t\t\t\t\t{search}\n\t\t\t\t\n\t\t\t\t\t\tTo save picks and get rewarded based on global placements{\" \"}\n\t\t\t\t\t\t or{\" \"}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tlogin();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tregister();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\tA Survey will be used in place of the playoff picks.
\n\t\t\t\t\t\tTo make your playoff picks Click Here\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tTo make your playoff picks Click Here\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tNote: You will be able to check your score using the SCORE button.
\n\t\t\t\t\t\tThis can be found next to your nameplate on the swiss stage screen.\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\tThis can be found next to your nameplate on the swiss stage screen.\n\t\t\t\t\t
{props.children[0]}
\n\t\t\t\t\n\t\t\t)}\n\t\t\t{!isSm && (\n\t\t\t\t{props.children[0]}
\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t\n\t\t\t\t
\n\t\t\n\t);\n}\n\nexport default function ScorePill(props) {\n\treturn connect(\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\tScore\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{bracketScore?.totalScore ?? 0} pts
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tTop{\" \"}\n\t\t\t\t\t\t\t{bracketScore\n\t\t\t\t\t\t\t\t? Math.max(Math.ceil(bracketScore?.percentile ?? 100), 1)\n\t\t\t\t\t\t\t\t: 100}\n\t\t\t\t\t\t\t%\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t
\n\t);\n}\n\nexport default function EventHeader(props) {\n\treturn connect(\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t
\n\t\t\t
\n\t);\n}\n\nexport default function EventFooter(props) {\n\treturn connect(\n\t\t\t\t{isCurrentUser && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!showingOfficialResults && (\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tshowOfficialResults();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{showingOfficialResults && (\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tshowOfficialResults();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* {\n\t\t\t\t\t\t\t\tif (onShowPlayers) {\n\t\t\t\t\t\t\t\t\tonShowPlayers();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\t\t\t\t\"onShowPlayers callback was not provided to EventFooter Component!\"\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tif (onEdit) {\n\t\t\t\t\t\t\t\t\tonEdit();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tconsole.error(\n\t\t\t\t\t\t\t\t\t\t\"onEdit callback was not provided to EventFooter Component!\"\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{!isCurrentUser && picksLocked && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!showingOfficialResults && (\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tshowOfficialResults();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{showingOfficialResults && (\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tshowOfficialResults();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{!isCurrentUser && (!picksLocked || hasBracket) && (\n\t\t\t\t\t {\n\t\t\t\t\t\t\tconst route = GetCurrentGamePrefix();\n\t\t\t\t\t\t\tchangeUrl(route + \"/event/\" + EventHelper.currentEventId);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t
\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tchangeUrl(\"/about-us\");\n\t\t\t\t\t}}\n\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\tstyle={{ backgroundColor: Colors.body }}\n\t\t\t\t>\n\t\t\t\t\t![](\"/images/LogoOnly.png\")
\n\t\t\t\t\tAbout Us\n\t\t\t\t\n\t\t\t\t clickShare()}\n\t\t\t\t>\n\t\t\t\t\t {\n\t\t\t\t\t\twindow.open(\"https://discord.gg/r8ujzkRYeF\", \"_blank\");\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={styles.icon}\n\t\t\t\t/>\n\t\t\t\t {\n\t\t\t\t\t\twindow.open(currentGame.instagramUrl, \"_blank\");\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={styles.icon}\n\t\t\t\t/>\n\t\t\t\t {\n\t\t\t\t\t\twindow.open(currentGame.twitterUrl, \"_blank\");\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={styles.icon}\n\t\t\t\t/>\n\t\t\t\t {\n\t\t\t\t\t\twindow.open(\"https://www.reddit.com/user/pickstopgg/\", \"_blank\");\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={styles.icon}\n\t\t\t\t/>\n\t\t\t
\n\t\t\n\t\t\t\t\tAbout Us\n\t\t\t\t\n\t\t\t\t\n
\n )}\n {bracketColumn.bestOf === 5 && (\n \n {\n selectWinner(winnerTeam, loserTeam);\n }}\n />\n {\n selectWinner(loserTeam, winnerTeam);\n }}\n />\n
\n {useSeriesScore && (\n <>\n \n
\n \n \n
\n \n \n
\n \n {bracketColumn.bestOf === 3 && (\n \n scoreSelect(2, 1)\n }\n >\n
\n \n \n scoreSelect(2, 0)\n }\n >\n
\n 2-0
\n2-1
\n\n \n scoreSelect(3, 0)\n }\n >\n
\n 3-0
\n3-1
\n \n3-2
\n \n \n )}\n {bracketColumn.bestOf === 7 && (\n\n \n scoreSelect(4, 0)\n }\n >\n
\n 4-0
\n4-1
\n \n4-2
\n \n4-3
\n \n \n )}\n \n \n )}\n \n\n 
\n {\" \"}\n
\n \n \n {renderTeamPlayers(team)}\n
\n
\n \n );\n}\n\n/**\n *\n * @param {EventFormatBracket} bracket\n * @param {EventFormatBracketColumnMatch} currentMatch\n * @param {EventFormatBracketColumnMatch} nextMatch\n */\nfunction matchIsOnTop(bracket, currentMatch, nextMatch) {\n if (bracket.freeform) {\n const indexOfCurrentPart = bracket.freeformParts.findIndex(\n (part) => part.identifier == currentMatch.part\n );\n const indexOfNextPart = bracket.freeformParts.findIndex(\n (part) => part.identifier == nextMatch.part\n );\n\n if (indexOfCurrentPart < indexOfNextPart) {\n return currentMatch.loserPath.isTop;\n } else if (indexOfCurrentPart == indexOfNextPart) {\n const currentPart = bracket.freeformParts[indexOfCurrentPart];\n const currentColumn = currentPart.columns[currentMatch.col];\n const nextColumn = currentPart.columns[nextMatch.col];\n\n if (currentColumn.matchCount === nextColumn.matchCount) {\n return false;\n } else {\n return currentMatch.colIndex % 2 === 0;\n }\n } else if (indexOfCurrentPart > indexOfNextPart) {\n return false;\n }\n } else {\n // Dropdown Loser scenario or Upper finals into Grand Final\n if (currentMatch.part === \"UB\" && nextMatch.part === \"GF\") {\n return true;\n }\n\n if (currentMatch.part === \"UB\" && nextMatch.part === \"LB\") {\n return currentMatch.loserPath.isTop;\n }\n\n // Lower bracket to GF is on bottom.\n if (currentMatch.part === \"LB\" && nextMatch.part === \"GF\") {\n return false;\n }\n\n if (currentMatch.part === \"UB\" && nextMatch.part === \"UB\") {\n const upperBracket = bracket.parts.find(\n (p) => p.identifier === \"UB\"\n );\n const currentColumn = upperBracket.columns[currentMatch.col];\n const nextColumn = upperBracket.columns[nextMatch.col];\n // If the match count is the same, then the next match is a dropdown and the winner is in the bottom of the next match.\n if (currentColumn.matchCount === nextColumn.matchCount) {\n return false;\n } else {\n return currentMatch.colIndex % 2 === 0;\n }\n }\n\n if (currentMatch.part === \"LB\" && nextMatch.part === \"LB\") {\n const lowerBracket = bracket.parts.find(\n (p) => p.identifier === \"LB\"\n );\n const currentColumn = lowerBracket.columns[currentMatch.col];\n const nextColumn = lowerBracket.columns[nextMatch.col];\n // If the match count is the same, then the next match is a dropdown and the winner is in the bottom of the next match.\n if (currentColumn.matchCount === nextColumn.matchCount) {\n return false;\n } else {\n return currentMatch.colIndex % 2 === 0;\n }\n }\n\n const upperBracket = bracket.parts.find((p) => p.identifier === \"UB\");\n const currentColumn = upperBracket.columns[currentMatch.col];\n const nextColumn = upperBracket.columns[nextMatch.col];\n // If the match count is the same, then the next match is a dropdown and the winner is in the bottom of the next match.\n if (currentColumn.matchCount === nextColumn.matchCount) {\n return false;\n } else {\n return currentMatch.colIndex % 2 === 0;\n }\n }\n}\n\nfunction getUserPickFromBracketTarget(\n columnMatch,\n userBracketPicks,\n eventId,\n eventStageId,\n eventSubstageId,\n topTeamId,\n bottomTeamId\n) {\n const previousPick = userBracketPicks.find(\n (p) =>\n p.bracketPart === columnMatch.part &&\n p.bracketCol === columnMatch.col &&\n p.bracketColIndex === columnMatch.colIndex &&\n p.eventSubstageId === eventSubstageId\n );\n const isAddingPick = !previousPick;\n\n /** @type {MatchPick} */\n const currentPick = isAddingPick\n ? {\n bracketPart: columnMatch.part,\n bracketCol: columnMatch.col,\n bracketColIndex: columnMatch.colIndex,\n topTeamId,\n topTeamScore: 0,\n bottomTeamId,\n bottomTeamScore: 0,\n eventId,\n eventStageId,\n eventSubstageId,\n winnerTeamId: null,\n loserTeamId: null,\n }\n : previousPick;\n\n if (isAddingPick) {\n userBracketPicks.push(currentPick);\n }\n\n return currentPick;\n}\n","import * as React from \"react\";\nimport { Box, makeStyles } from \"@material-ui/core\";\nimport { Colors } from \"styles/Colors\";\n\nconst useStyles = makeStyles((theme) => ({\n\troot: {\n\t\tbackgroundColor: Colors.panelLight,\n\t\tborderRadius: 12,\n\t\tborder: \"1px solid \" + theme.palette.primary.main,\n\t\tcolor: theme.palette.primary.main,\n\t\ttextAlign: \"left\",\n\t\talignItems: \"center\",\n\t\twidth: 143,\n\t\theight: 34,\n\t\twhiteSpace: \"nowrap\",\n\t\tdisplay: \"inline-flex\",\n\t\tjustifyContent: \"center\",\n\t\tcursor: \"pointer\",\n\t\tmargin: 4,\n\t\t\"&.disabled\": {\n\t\t\topacity: 0.4,\n\t\t\tcursor: \"default\",\n\t\t\tanimation: \"none\",\n\t\t},\n\t},\n\ttextSpan: {},\n}));\n\nexport default function NameplateButton({\n\tbuttonText,\n\tnameplateId,\n\tdisabled,\n\tonClick,\n}) {\n\tconst styles = useStyles();\n\treturn (\n\t\t\n {currentStage.bracket.freeform && (\n (\n \n {children}\n \n )}\n hideSeriesScore={!useSeriesScore}\n onPartyClick={clickParty}\n />\n )}\n {!currentStage.bracket.freeform && (\n (\n \n {children}\n \n )}\n customHeaderNames={headerNames}\n lockedColumns={lockedColumns}\n hideSeriesScore={!useSeriesScore}\n onPartyClick={clickParty}\n />\n )}\n
\n \n (\n \n {children}\n \n )}\n hideSeriesScore={!useSeriesScore}\n />\n
\n )}\n {!currentStage.bracket.freeform && (\n \n (\n \n {children}\n \n )}\n customHeaderNames={headerNames}\n lockedColumns={lockedColumns}\n hideSeriesScore={!useSeriesScore}\n />\n
\n )}\n \n )}\n \n );\n}\n\nexport default function BracketRenderer(props) {\n return connect(\n\t\t\t\t{!cardStatus.includes(\"disabled\") && this.state.showPlayers && (\n\t\t\t\t\t {\n\t\t\t\t\t\t\tif (!cardStatus.includes(\"disabled\")) {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t(this.props.step === 0 && this.props.toggleAdvancing) ||\n\t\t\t\t\t\t\t\t\tthis.props.enableAdvancingStepOne\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tthis.props.toggleAdvancing(this.props.team.id);\n\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\tthis.props.step === 1 &&\n\t\t\t\t\t\t\t\t\tthis.props.isAdvancing &&\n\t\t\t\t\t\t\t\t\tthis.props.toggleTopTeam\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tthis.props.toggleTopTeam(this.props.team.id);\n\t\t\t\t\t\t\t\t} else if (this.props.step === 2) {\n\t\t\t\t\t\t\t\t\tif (this.props.toggleSecondTeam && this.props.isAdvancing &&\n\t\t\t\t\t\t\t\t\t\t!this.props.isTopTeam) {\n\t\t\t\t\t\t\t\t\t\t\tthis.props.toggleSecondTeam(this.props.team.id);\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (this.props.toggleEliminated && !this.props.isAdvancing) {\n\t\t\t\t\t\t\t\t\t\tthis.props.toggleEliminated(this.props.team.id);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.topLeftEl}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.team.logoUrl && (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{cardStatus.includes(\"disabled\") && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{playerOrder?.map((member, index) => (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\t{!cardStatus.includes(\"disabled\") && !this.state.showPlayers && (\n\t\t\t\t\t| \n\t\t\t\t\t\t\t\t\t\t\t | */}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.props.team && }\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.props.team.logoUrl && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.props.team && }\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t);\n\t}\n}\n","import { Box, makeStyles } from \"@material-ui/core\";\nimport { Colors } from \"styles/Colors\";\nimport * as React from \"react\";\n\nconst classStyles = makeStyles((theme) => {\n\treturn {\n\t\tinstructionsContainer: {\n\t\t\tmarginBottom: 20,\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"center\",\n\t\t},\n\t\tinstructions: {\n\t\t\tpadding: 8,\n\t\t\tborderRadius: 12,\n\t\t\tbackgroundColor: Colors.panelLighterColor,\n\t\t\twidth: \"100%\",\n\t\t\ttextAlign: \"center\",\n\t\t},\n\t};\n});\n\nexport default function Instructions(props) {\n\tconst { text, isEditing } = props;\n\tconst classes = classStyles(props);\n\treturn (\n\t\t<>\n\t\t\t{isEditing && (\n\t\t\t\t{pageIndicators}
;\n}\n","import * as React from \"react\";\nimport { GroupStageTeam } from \"common/components/GroupStageTeam/GroupStageTeam\";\nimport { PickTypes } from \"common/constants/PickTypes\";\nimport EventHelper from \"common/helpers/eventHelper/eventHelper\";\nimport Store from \"common/store\";\nimport StoreKeys from \"common/storeKeys\";\nimport { ImageList, ImageListItem, makeStyles } from \"@material-ui/core\";\nimport { Colors } from \"styles/Colors\";\nimport Instructions from \"common/components/Instructions/Instructions\";\nimport PageIndicators from \"common/components/PageIndicators/PageIndicators\";\nimport { connect } from \"common/connect\";\n// eslint-disable-next-line no-unused-vars\nimport { EventFormatData } from \"common/helpers/eventFormatHelper\";\n// eslint-disable-next-line no-unused-vars\nimport { GroupStagePick } from \"common/types/GroupStagePick\";\nimport UserManager from \"common/userManager\";\nimport ModalHelper from \"common/helpers/modalHelper\";\nimport AccountRequired from \"common/components/Modals/AccountRequired/AccountRequired\";\nimport NameplateButton from \"common/components/NameplateButton\";\nimport { GetCurrentGameId } from \"common/constants/Games\";\n\nconst classStyles = makeStyles((theme) => {\n\treturn {\n\t\trounded: {\n\t\t\tborderTopLeftRadius: theme.shape.borderRadius,\n\t\t\tborderTopRightRadius: theme.shape.borderRadius,\n\t\t\tborderBottomLeftRadius: theme.shape.borderRadius,\n\t\t\tborderBottomRightRadius: theme.shape.borderRadius,\n\t\t},\n\t\tgroupSection: {\n\t\t\tpaddingTop: theme.spacing() * 2,\n\t\t\tpaddingBottom: theme.spacing() * 2,\n\t\t},\n\t\tgridList: {},\n\t\ttopRow: {\n\t\t\ttextAlign: \"center\",\n\t\t\tfontSize: 12,\n\t\t\tmarginTop: 10,\n\t\t\tmarginBottom: 15,\n\t\t},\n\t\tpicks: {\n\t\t\tfloat: \"left\",\n\t\t\tcolor: Colors.primary,\n\t\t\tposition: \"absolute\",\n\t\t},\n\t\tbackgroundPanel: {\n\t\t\tpadding: 3,\n\t\t\tborderRadius: theme.shape.borderRadius,\n\t\t\tbackgroundColor: Colors.panel,\n\t\t},\n\t\tselected: {\n\t\t\tcolor: Colors.primary,\n\t\t},\n\t\tunselected: {\n\t\t\tcolor: Colors.panel,\n\t\t},\n\t\tstepLabel: {\n\t\t\tfontWeight: \"bold\",\n\t\t\tmarginRight: 10,\n\t\t\tcursor: \"pointer\",\n\t\t},\n\t\tbuttonRow: {\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"center\",\n\t\t\tmarginBottom: 12,\n\t\t},\n\t\tnextButton: {\n\t\t\tcolor: Colors.panel,\n\t\t\tbackgroundColor: Colors.primary,\n\t\t\tborderColor: Colors.white,\n\t\t\tborderWidth: 1,\n\t\t\tborderStyle: \"solid\",\n\t\t},\n\t\tbackButton: {\n\t\t\tmarginRight: 5,\n\t\t\tcolor: Colors.white,\n\t\t\tbackgroundColor: Colors.panel,\n\t\t\tborderColor: Colors.white,\n\t\t\tborderWidth: 1,\n\t\t\tborderStyle: \"solid\",\n\t\t},\n\t\tpageIndicators: {\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"center\",\n\t\t\tmarginBottom: 10,\n\t\t\tmarginTop: 10,\n\t\t},\n\t\tfilledCircle: {\n\t\t\tbackgroundColor: Colors.primary,\n\t\t\tcursor: \"default\",\n\t\t},\n\t\tunfilledCircle: {\n\t\t\tbackgroundColor: Colors.panel,\n\t\t},\n\t\tcircle: {\n\t\t\theight: 8,\n\t\t\twidth: 8,\n\t\t\tborderRadius: \"50%\",\n\t\t\tmarginRight: 5,\n\t\t\tcursor: \"pointer\",\n\t\t},\n\t\tnotVisible: {\n\t\t\tvisibility: \"hidden\",\n\t\t},\n\t\ttopLeftEl: {\n\t\t\tposition: \"absolute\",\n\t\t\tzIndex: 10,\n\t\t\tcolor: Colors.white,\n\t\t\ttop: -3,\n\t\t\tleft: -3,\n\t\t\twidth: 0,\n\t\t\theight: 0,\n\t\t\tborderTopLeftRadius: 12,\n\t\t\tborderWidth: 24,\n\t\t\tborderStyle: \"solid\",\n\t\t\tborderBottomColor: \"transparent\",\n\t\t\tborderRightColor: \"transparent\",\n\t\t\topacity: 1,\n\t\t},\n\t\ttopLeftElTxt: {\n\t\t\tposition: \"absolute\",\n\t\t\twidth: 25,\n\t\t\ttop: -19,\n\t\t\tleft: -19,\n\t\t},\n\t\tthreeWin: {\n\t\t\tborderTopColor: Colors.primary,\n\t\t\tborderLeftColor: Colors.primary,\n\t\t\tcolor: Colors.greyText,\n\t\t},\n\t\tcorrectThreeWins: {\n\t\t\tborderTopColor: Colors.green,\n\t\t\tborderLeftColor: Colors.green,\n\t\t\tcolor: Colors.panel,\n\t\t},\n\t\tnoWin: {\n\t\t\tborderTopColor: Colors.panel,\n\t\t\tborderLeftColor: Colors.panel,\n\t\t\tcolor: Colors.primary,\n\t\t},\n\t\tcorrectNoWins: {\n\t\t\tborderTopColor: Colors.panel,\n\t\t\tborderLeftColor: Colors.panel,\n\t\t\tcolor: Colors.green,\n\t\t},\n\t};\n});\n\nconst propKeys = {\n\teventData: StoreKeys.EVENT.EVENTDATA,\n\tformat: StoreKeys.EVENT.FORMAT,\n\tisEditing: StoreKeys.EVENT.IS_EDITING,\n\tshowPlayers: StoreKeys.EVENT.SHOW_PLAYERS,\n\tuserGroupPicks: StoreKeys.EVENT.USER.GROUP_PICKS,\n\tofficialGroupPicks: StoreKeys.EVENT.OFFICIAL.GROUP_PICKS,\n\tbracketUser: StoreKeys.EVENT.BRACKET_USER,\n\tstageIndex: StoreKeys.EVENT.STAGE_INDEX,\n\tstep: StoreKeys.EVENT.STEP,\n\tshowOfficial: StoreKeys.EVENT.SHOW_OFFICIAL,\n\tgames: StoreKeys.GAMES,\n};\n\n/**\n * @typedef SwissStageRendererCProps\n * @type {object}\n * @property {any} eventData\n * @property {EventFormatData} format\n * @property {boolean} isEditing\n * @property {boolean} showPlayers\n * @property {GroupStagePick[]} userGroupPicks\n * @property {GroupStagePick[]} officialGroupPicks\n * @property {any} bracketUser\n * @property {number} stageIndex\n * @property {number} step\n * @property {boolean} showOfficial\n * @property {number} width\n * @property {any[]} games\n */\n\n/**\n * @param {SwissStageRendererCProps} props\n */\nfunction SwissStageRendererC({\n\teventData,\n\tformat,\n\tisEditing,\n\tshowPlayers,\n\tuserGroupPicks,\n\tofficialGroupPicks,\n\tbracketUser,\n\tstageIndex,\n\tstep,\n\tshowOfficial,\n\twidth,\n\tgames,\n}) {\n\tconst classNames = classStyles();\n\tconst [showingOfficial, setShowingOfficial] = React.useState(undefined);\n\tconst [bracketUserId, setBracketUserId] = React.useState(undefined);\n\tconst [currentStageId, setCurrentStageId] = React.useState(0);\n\tconst [teamsSelected, setTeamsSelected] = React.useState({\n\t\tadvancing: [],\n\t\tthreeWins: [],\n\t\tnoWins: [],\n\t});\n\tconst currentStage = format.stages[stageIndex];\n\tconst currentEventStage = eventData.eventStages[stageIndex];\n\tconst currentSubstage = eventData.eventStages[stageIndex].eventSubstage[0];\n\tconst gameId = GetCurrentGameId();\n\tconst currentGame = games.find((g) => g.id === gameId);\n\n\tofficialGroupPicks = officialGroupPicks.filter(\n\t\t(ogp) => ogp.eventStageId === currentEventStage.id\n\t);\n\tuserGroupPicks = userGroupPicks.filter(\n\t\t(ugp) => ugp.eventStageId === currentEventStage.id\n\t);\n\n\tReact.useEffect(() => {\n\t\tlet differentUser = bracketUserId !== bracketUser?.userId;\n\t\tlet differentStage = currentStageId !== currentEventStage?.id;\n\t\tif (differentStage) {\n\t\t\tsetCurrentStageId(currentEventStage.id);\n\t\t}\n\n\t\tif (showOfficial !== showingOfficial) {\n\t\t\tsetShowingOfficial(showOfficial);\n\n\t\t\tconst picksToShow = showOfficial ? officialGroupPicks : userGroupPicks;\n\t\t\tsetTeamsSelected({\n\t\t\t\tadvancing: picksToShow\n\t\t\t\t\t.filter((p) => p.pickTypeId === PickTypes.Advancing)\n\t\t\t\t\t.map((p) => p.teamId),\n\t\t\t\tthreeWins: picksToShow\n\t\t\t\t\t.filter((p) => p.pickTypeId === PickTypes.ThreeWins)\n\t\t\t\t\t.map((p) => p.teamId),\n\t\t\t\tnoWins: picksToShow\n\t\t\t\t\t.filter((p) => p.pickTypeId === PickTypes.NoWins)\n\t\t\t\t\t.map((p) => p.teamId),\n\t\t\t});\n\t\t} else if (\n\t\t\tdifferentUser ||\n\t\t\tdifferentStage ||\n\t\t\t(userGroupPicks?.length &&\n\t\t\t\t!teamsSelected?.advancing?.length &&\n\t\t\t\t!teamsSelected?.threeWins?.length &&\n\t\t\t\t!teamsSelected?.noWins?.length)\n\t\t) {\n\t\t\tsetBracketUserId(bracketUser?.userId);\n\t\t\tsetTeamsSelected({\n\t\t\t\tadvancing: userGroupPicks\n\t\t\t\t\t.filter((p) => p.pickTypeId === PickTypes.Advancing)\n\t\t\t\t\t.map((p) => p.teamId),\n\t\t\t\tthreeWins: userGroupPicks\n\t\t\t\t\t.filter((p) => p.pickTypeId === PickTypes.ThreeWins)\n\t\t\t\t\t.map((p) => p.teamId),\n\t\t\t\tnoWins: userGroupPicks\n\t\t\t\t\t.filter((p) => p.pickTypeId === PickTypes.NoWins)\n\t\t\t\t\t.map((p) => p.teamId),\n\t\t\t});\n\t\t}\n\t}, [\n\t\tisEditing,\n\t\tuserGroupPicks,\n\t\tbracketUserId,\n\t\tbracketUser?.id,\n\t\tteamsSelected?.noWins?.length,\n\t\tteamsSelected?.threeWins?.length,\n\t\tteamsSelected?.advancing?.length,\n\t\tshowOfficial,\n\t\tstageIndex,\n\t\tcurrentStageId,\n\t]);\n\n\t/**\n\t *\n\t * @param {number} teamId\n\t * @param {boolean} selected\n\t */\n\tconst toggleNoWin = (teamId, selected) => {\n\t\tlet newAry = [...teamsSelected.noWins];\n\t\tconst countAdvancing = newAry.length;\n\t\tif (selected) {\n\t\t\tif (\n\t\t\t\tcountAdvancing ===\n\t\t\t\tNumber(currentStage.swissStageDetails.cleanSweepLoserCount)\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t} else {\n\t\t\t\tnewAry.push(teamId);\n\t\t\t\tsetTeamsSelected({\n\t\t\t\t\t...teamsSelected,\n\t\t\t\t\tnoWins: newAry,\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tconst idx = newAry.indexOf(teamId);\n\t\t\tnewAry.splice(idx, 1);\n\t\t\tsetTeamsSelected({\n\t\t\t\t...teamsSelected,\n\t\t\t\tnoWins: newAry,\n\t\t\t});\n\t\t}\n\t};\n\t/**\n\t *\n\t * @param {number} teamId\n\t * @param {boolean} selected\n\t */\n\tconst toggleThreeWin = (teamId, selected) => {\n\t\tlet newAry = [...teamsSelected.threeWins];\n\t\tconst countAdvancing = newAry.length;\n\t\tif (selected) {\n\t\t\tif (\n\t\t\t\tcountAdvancing ===\n\t\t\t\tNumber(currentStage.swissStageDetails.cleanSweepWinnerCount)\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t} else {\n\t\t\t\tnewAry.push(teamId);\n\t\t\t\tsetTeamsSelected({\n\t\t\t\t\t...teamsSelected,\n\t\t\t\t\tthreeWins: newAry,\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tconst idx = newAry.indexOf(teamId);\n\t\t\tnewAry.splice(idx, 1);\n\t\t\tsetTeamsSelected({\n\t\t\t\t...teamsSelected,\n\t\t\t\tthreeWins: newAry,\n\t\t\t});\n\t\t}\n\t};\n\t/**\n\t *\n\t * @param {number} teamId\n\t * @param {boolean} isAdvancing\n\t */\n\tconst toggleAdvancing = (teamId, isAdvancing) => {\n\t\tif (!UserManager.isLoggedIn()) {\n\t\t\tModalHelper.openModal(\n\t\t\t\t\t\t\t\t3-0\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 2:\n\t\t\t\t\tconst inNoWin = teamsSelected.noWins.indexOf(team.id) > -1;\n\t\t\t\t\tselected = inNoWin;\n\t\t\t\t\tif (inNoWin) {\n\t\t\t\t\t\ttopLeftEl = (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t0-3\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{teams.map((team, index) => renderTeam(index, team))}\n\t\t\t\t\t\n\t\t\t\t\t{isEditing && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n}\n\nexport default function SwissStageRenderer(props) {\n\treturn connect(\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{eventData.teams\n\t\t\t\t\t\t.filter((team) => team.group === group)\n\t\t\t\t\t\t.map((team, index) => renderTeam(index, group, team))}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t1st\n\t\t\t
\n\t\t) : isSecondTeam ? (\n\t\t\t\n\t\t\t\t2nd\n\t\t\t
\n\t\t) : (\n\t\t\t<>\n\t\t);\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\ttoggleAdvancing(group, teamId, !isAdvancing)\n\t\t\t\t\t}\n\t\t\t\t\ttoggleTopTeam={(teamId) => toggleTopTeam(group, teamId, !isTopTeam)}\n\t\t\t\t\ttoggleSecondTeam={(teamId) =>\n\t\t\t\t\t\ttoggleSecondTeam(group, teamId, !isSecondTeam)\n\t\t\t\t\t}\n\t\t\t\t\ttopLeftEl={topLeftEl}\n\t\t\t\t\tisEditing={isEditing}\n\t\t\t\t\tshowPlayers={showPlayers}\n\t\t\t\t\tofficialGroupPicks={officialGroupPicks}\n\t\t\t\t\tshowOfficial={showOfficial}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\t};\n\n\tconst next = () => {\n\t\tlet nextStep = step + 1;\n\t\tlet maxStep = currentStage.groupStageDetails.scoreSecondPlace\n\t\t\t? 3\n\t\t\t: currentStage.groupStageDetails.scoreFirstPlace\n\t\t\t? 2\n\t\t\t: 1;\n\t\tif (nextStep === maxStep) {\n\t\t\tEventHelper.submitPicks(currentGame).then(() => {\n\t\t\t\tconst updates = {};\n\t\t\t\tupdates[StoreKeys.EVENT.IS_EDITING] = false;\n\t\t\t\tupdates[StoreKeys.EVENT.STEP] = 0;\n\t\t\t\tStore.setMany(updates);\n\t\t\t});\n\t\t} else {\n\t\t\tif (nextStep > maxStep) {\n\t\t\t\tnextStep = maxStep;\n\t\t\t}\n\t\t\tStore.set(StoreKeys.EVENT.STEP, nextStep);\n\t\t}\n\t};\n\n\tconst back = () => {\n\t\tlet backStep = step - 1;\n\t\tif (backStep < 0) {\n\t\t\tbackStep = 0;\n\t\t}\n\t\tStore.set(StoreKeys.EVENT.STEP, backStep);\n\t};\n\n\tconst nextIsDisabled = (groups) => {\n\t\tif (step === 0) {\n\t\t\tfor (let group of groups) {\n\t\t\t\tconst countAdvancing = userGroupPicks.filter(\n\t\t\t\t\t(gsp) => gsp.group === group && gsp.pickTypeId === PickTypes.Advancing\n\t\t\t\t).length;\n\n\t\t\t\tif (\n\t\t\t\t\tcountAdvancing <\n\t\t\t\t\tNumber(\n\t\t\t\t\t\tcurrentStage.groupStageDetails.advancingCount ??\n\t\t\t\t\t\t\tcurrentStage.groupStageDetails.totalAdvancing\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (step === 1) {\n\t\t\tfor (let group of groups) {\n\t\t\t\tconst countTopTeam = userGroupPicks.filter(\n\t\t\t\t\t(gsp) => gsp.group === group && gsp.pickTypeId === PickTypes.TopTeam\n\t\t\t\t).length;\n\n\t\t\t\tif (countTopTeam < 1) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (step === 2) {\n\t\t\tfor (let group of groups) {\n\t\t\t\tconst countSecondTeam = userGroupPicks.filter(\n\t\t\t\t\t(gsp) =>\n\t\t\t\t\t\tgsp.group === group && gsp.pickTypeId === PickTypes.SecondTeam\n\t\t\t\t).length;\n\n\t\t\t\tif (countSecondTeam < 1) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\tconst getInstructions = () => {\n\t\tswitch (step) {\n\t\t\tcase 0:\n\t\t\t\treturn `PICK THE ${\n\t\t\t\t\tcurrentStage.groupStageDetails.advancingCount ??\n\t\t\t\t\tcurrentStage.groupStageDetails.totalAdvancing\n\t\t\t\t} TEAMS ADVANCING FROM EACH GROUP`;\n\t\t\tcase 1:\n\t\t\t\treturn \"PICK THE TOP TEAM FROM EACH GROUP\";\n\t\t\tcase 2:\n\t\t\t\treturn \"PICK THE SECOND PLACE TEAM FROM EACH GROUP\";\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn \"\";\n\t};\n\n\tconst calculateNextStep = () => {\n\t\tlet nextStep = step;\n\n\t\t// Moving from Pick Advancing\n\t\tif (step === 0) {\n\t\t\tif (currentStage.groupStageDetails.scoreFirstPlace) {\n\t\t\t\tnextStep = 1;\n\t\t\t} else {\n\t\t\t\tnextStep = 3;\n\t\t\t}\n\t\t}\n\t\t// Moving from Pick First Place\n\t\telse if (step === 1) {\n\t\t\tif (currentStage.groupStageDetails.scoreSecondPlace) {\n\t\t\t\tnextStep = 2;\n\t\t\t} else {\n\t\t\t\tnextStep = 3;\n\t\t\t}\n\t\t}\n\n\t\treturn nextStep;\n\t};\n\n\tconst isSubmit = calculateNextStep() === 3;\n\tconst nextText = isSubmit ? \"SUBMIT\" : \"NEXT\";\n\tconst nextDisabled = nextIsDisabled(groups);\n\tconst steps = currentStage.groupStageDetails.scoreSecondPlace\n\t\t? 3\n\t\t: currentStage.groupStageDetails.scoreFirstPlace\n\t\t? 2\n\t\t: 1;\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t{groups.map((group, index) => renderGroup(index, group))}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{isEditing && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n}\n\nexport default function GroupStageRenderer(props) {\n\treturn connect(\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\tA Survey will be used for this stage.\n\t\t\t\t\t\tTo make your picks Click Here\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t{props.eventData &&
\n\t);\n}\n\nexport const PickemContent = (props) => {\n\treturn connect(\n\t\t\t{finished && }\n\t\t\t{!finished && (\n\t\t\t\t<>\n\t\t\t\t\t{!locked && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{locked && }\n\t\t\t\t\n\t\t\t)}\n\t\t
\n\t);\n}\n","const signalR = require(\"@microsoft/signalr\");\n\nexport default class RealtimeHelper {\n\t/** @type {Record\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{bracketsSubmitted}{\" \"}\n\t\t\t\t\t\t\t{\"Submission\" + (bracketsSubmitted !== 1 ? \"s \" : \" \")}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{tableData.length === 0 && getNoPicksJsx()}\n\t\t\t\t{tableData.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{eventStarted ? \"GLOBAL TOP 10\" : \"RECENT ENTRANTS\"}
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{eventStarted && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{bracketsSubmitted}{\" \"}\n\t\t\t\t\t\t\t\t\t\t{\"Submission\" + (bracketsSubmitted !== 1 ? \"s \" : \" \")}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{currentUserRow && (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{leaderboardHeaders && leaderboardHeaders.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{leaderboardHeaders.map((record, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{record}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{tableData.map((record, index) => {\n\t\t\t\t\t\t\t\t\t\tif (index < 10) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{record}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{currentUserRow}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t\t{leaderboardOpen && (\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{showYourLeaderboard && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{modalTableData.map((record) => {\n\t\t\t\t\t\t\t\t\t\t\treturn record;\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{leaderboardHeaders && leaderboardHeaders.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{leaderboardHeaders.map((record, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{record}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t{record.rank}
\n \n
\n {eventStarted && (\n \n EVENT{\" \"}\n \n
\n{eventData.nameOverride ?? eventData.name}
\n \n\n {viewingPastEvents && (\n \n \n
\n )}\n \n window.open(eventUrl)}\n />\n
\n {viewingPastEvents && (\n \n \n )}\n {!eventData && (\n <>\n
No Current Event
\n \n \n )}\n\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t| Event | \n\t\t\t\t\t\t\t\t\tAward | \n\t\t\t\t\t\t\t\t
|---|---|
| Worlds | \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t
| Major | \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t
| \n\t\t\t\t\t\t\t\t\t\t\t\t{isCounterStrike ? \"Tier 1\" : \"Regional\"}\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t
| Major | \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMajor Trophy\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t
| \n\t\t\t\t\t\t\t\t\t\t\t\tPrestige Event (Cologne & Katowice)\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPrestige Trophy\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t
| S-Tier LAN | \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\tMedal\n\t\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t| Rank | \n\t\t\t\t\t\t\t\t\tTier | \n\t\t\t\t\t\t\t\t
|---|---|
| Winner | \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
| Top 10 | \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
| Top 10% | \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
| Top 30% | \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
| Top 50% | \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
| Participant | \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t
\n\t\t\t\t{record.rank}\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t);\n\t});\n\n\tif (!awardLeaderState.items || awardLeaderState.items.length < 1) {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{userIds.map((userId, index) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{trophy?.eventName}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{headerJsx}\n\t\t\t\t\t\t\tNo awards to show.\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{headerJsx}\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t{promo.rewardNamePlateStyleId && (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t setCode(e.target.value)}> \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t);\n}\n\nexport default function RedeemPromoCodeScreen(props) {\n\treturn connect(\n\t\t\t\t\n\t\t\t\t\t{events.map((e, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t \n\t\t\t
\n\t\t\t\n Welcome to Pickstop, a web platform for free pick'em\n competitions.\n
\n\n Pick your winning teams, compete against your\n friends, and earn trophies for your global ranking.\n
\n\n {\n changeUrl(\"/about-us\");\n }}\n color=\"secondary\"\n style={{ backgroundColor: Colors.body }}\n >\n {\n window.open(\n \"https://discord.gg/r8ujzkRYeF\",\n \"_blank\"\n );\n }}\n className={styles.icon}\n />\n {\n window.open(\n \"https://www.reddit.com/user/pickstopgg/\",\n \"_blank\"\n );\n }}\n className={styles.icon}\n />\n
\n \n\t\t\t\n\t\t\t
\n\t);\n}\n\nexport default function AdminPickOverride(props) {\n\treturn connect(\n\t\t\t\n\t\t\t
Survey Editor
\n\n \n Title / Name \n {\n current.title = e.target.value;\n updateState();\n }}\n />\n \n \n Description \n {\n current.description = e.target.value;\n updateState();\n }}\n />\n \n\n {\n current.openTime = new Date(e.target.value);\n updateState();\n }}\n InputLabelProps={{\n shrink: true,\n }}\n />\n
\n\n {\n current.closeTime = new Date(e.target.value);\n updateState();\n }}\n InputLabelProps={{\n shrink: true,\n }}\n />\n
\n
\n\n \n\n
\n
\n \n \n \n
\n Prompt List Editor
\n| Prompt | \n# of Answers | \n{value.text} | \n{value.answers.length} | \n \n ))}\n \n
|---|
\n
\n \n \n
\n Prompt Answer Editor
\n\n \n Question \n {\n selectedPrompt.text = e.target.value;\n updateState();\n }}\n />\n \n
\n \n {\n selectedPrompt.isMultiSelect = e.target.checked;\n updateState();\n }}\n />\n }\n />\n
\n {selectedPrompt.isMultiSelect && (\n \n \n # of Answers \n {\n selectedPrompt.numberOfAnswers = Number(e.target.value);\n updateState();\n }}\n />\n \n
\n )}\n \n \n \n \n
\n Survey Editor
\n\t\t\t\t\t\n\t\t\t\t\t\tYou can revisit this page at any time to modify your selections\n\t\t\t\t\t\tuntil {dateTime.toString()}\n\t\t\t\t\t
\n\t\t\t\t\n\t//\t\t\t\t\tYou can revisit this page at any time to modify your selections\n\t//\t\t\t\t\tuntil {dateTime.toString()}\n\t//\t\t\t\t
\n\t//\t\t\t\n
\n {currentPrompt.text}
\n \n {\n return (\n
\n\n \n {\n isSubmit ? onSubmit() : onNext();\n }}\n disabled={nextDisabled}\n buttonText={isSubmit ? \"SUBMIT\" : \"NEXT\"}\n nameplateId={isSubmit ? 32 : null}\n />\n
\n \n );\n}\n\nexport default function UserSurveyScreen(props) {\n return connect(\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
{\" \"}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tWelcome to Pickstop\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tDan Sellers\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tCo-Founder & CEO\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tBen Randall\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tCo-Founder & Lead Developer\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t