\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
\n\t\t\t\t\t\n\t\t\t\t\t\tGame \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{games?.map((game) => (\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\n\t\t);\n\t};\n\n\tconst onEventChange = (event) => {\n\t\tconst seriesId = event.target.value;\n\t\tselectEvent(seriesId, upcomingEvents);\n\t};\n\n\tconst renderSeriesSelection = () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{upcomingEvents.map((e, i) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t};\n\n\tconst getRewardType = (name) => {\n\t\tname = name.toLowerCase();\n\t\tif (name.includes(\"regional\")) return RewardTypes.Medal;\n\t\telse if (name.includes(\"major\")) return RewardTypes.Trophy;\n\t\telse if (name.includes(\"championship\")) return RewardTypes.Globe;\n\t};\n\n\tconst renderCreateButton = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\tconst renderTeams = () => {\n\t\tconst teams = eventData.teams;\n\n\t\treturn teams.map((team, i) => {\n\t\t\treturn (\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{team.members.map((teamMember, 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
\n\t\t\t\t
\n\t\t\t);\n\t\t});\n\t};\n\n\tconst renderSelectedEvent = () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{`${team.name} [${team.abbreviation}]`}
\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{teamMember.username} | \n\t\t\t\t\t\t\t\t\t\t{teamMember.realName} | \n\t\t\t\t\t\t\t\t\t\t{teamMember.position} | \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t
{selectedEvent.title}
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\t);\n\t};\n\n\treturn (\n\t\tEvent Creator
\n\t\t\t{renderSearch()}\n\t\t\t\n\t\t\t{upcomingEvents?.length > 0 && renderSeriesSelection()}\n\t\t\t{selectedEvent && renderSelectedEvent()}\n\t\t\t{selectedEvent &&\n\t\t\t\tcreateData?.gameId &&\n\t\t\t\tcreateData?.eventFormatId &&\n\t\t\t\tcreateData?.rewardTypeId &&\n\t\t\t\trenderCreateButton()}\n\n\t\t\t{eventData &&{renderTeams()}
}\n\t\t\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\t\t\t\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\t\t\t\n\t\t\t\t{bindingMatch && (\n\t\t\t\t\t
\n\t\t\n\t);\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\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\t{currentView && (\n\t\t\t\t\t\n\t\t\t\t\t\t\tSelect the slot the loser will move to\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)}\n\t\t\t\t{currentScoringGroup && (\n\t\t\t\t\t\n\t\t\t\t\t\t\tSelect the matches the view contains\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)}\n\t\t\t\t\n\t\t\t\t\t\t\tSelect the columns in the scoring group\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t{currentStage?.bracket?.matches && (\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{children}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonUpperClick={() => {\n\t\t\t\t\t\t\t\teditorStage === 0 && selectedPart(\"UB\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonLowerClick={() => {\n\t\t\t\t\t\t\t\teditorStage === 0 && selectedPart(\"LB\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonFinalsClick={() => {\n\t\t\t\t\t\t\t\teditorStage === 0 && selectedPart(\"GF\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonColumnClick={selectedColumn}\n\t\t\t\t\t\t\tonPartyClick={selectedParty}\n\t\t\t\t\t\t\tcustomHeaderNames={headerNames}\n\t\t\t\t\t\t\thideSeriesScore={!useSeriesScore}\n\t\t\t\t\t\t\thighlightMatchIds={highlightedMatchIds}\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\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\thandleChangeStage(editorStage - 2);\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\thandleChangeStage(editorStage + 2);\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{editorStage === 0 && (\n\t\t\t\t\t\t\n\t\t\t\t{currentStage?.bracket?.parts?.map((part) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t{getPartName(part?.identifier)}}\n\t\t\t\t\t\t\tchildClassName={classNames.subEditor}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tpart.columnCount = Number(e.target.value);\n\t\t\t\t\t\t\t\t\tif (part.columnCount > 9) {\n\t\t\t\t\t\t\t\t\t\tpart.columnCount = 9;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tmodifyPartColumns(part);\n\t\t\t\t\t\t\t\t\tStore.set(\n\t\t\t\t\t\t\t\t\t\tStoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT,\n\t\t\t\t\t\t\t\t\t\tcurrentFormat\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{currentStage?.bracket?.parts?.map((part) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t{getPartName(part?.identifier)} Details}\n\t\t\t\t\t\t\tchildClassName={classNames.subEditor}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tColumns}\n\t\t\t\t\t\t\t\tchildClassName={classNames.subEditor}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{part?.columns?.map((column, index) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\tColumn {index + 1}}\n\t\t\t\t\t\t\t\t\t\t\tchildClassName={classNames.subEditor}\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\tcolumn.name = e.target.value;\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 {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn.matchCount = Number(e.target.value);\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 {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn.bestOf = Number(e.target.value);\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\tMatches}\n\t\t\t\t\t\t\t\t\t\t\t\tchildClassName={classNames.subEditor}\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{column?.matches?.map((match, matchIndex) => {\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\tMatch {matchIndex + 1}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchildClassName={classNames.subEditor}\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 mapLoserMatch(match)}\n\t\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\t{match.loserPath\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"Remap Loser Path\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"Map Loser Path\"}\n\t\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{match.loserPath && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\n\t);\n}\n\nfunction EventFormatBracketBuilder(props) {\n\treturn connect(\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\t\t\tcolumn.bothTeamsAdvance = e.target.checked;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonApply();\n\t\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/>\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\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\t\t\tcolumn.lockPicks = e.target.checked;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonApply();\n\t\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/>\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\n\t\t\t\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)}\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\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\tPart: {match.loserPath.part}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCol: {match.loserPath.col}
\n\t\t\t\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\t\t\tCol Index: {match.loserPath.colIndex}\n\t\t\t\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\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIs Top:{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{match.loserPath.isTop ? \"Yes\" : \"No\"}\n\t\t\t\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\t\n\t\t\t{currentStage.bracket?.views?.map((view, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tevent.stopPropagation();\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{editingView === index && (\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tsetEditingView(null);\n\t\t\t\t\t\t\t\t\t\t\tStore.set(\n\t\t\t\t\t\t\t\t\t\t\t\tStoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT,\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentFormat\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\tinputRef={(input) => input && input.focus()}\n\t\t\t\t\t\t\t\t\t\tclassName={classNames.editorField}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tview.name = e.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\t{editingView !== index && (\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tsetEditingView(index);\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{view.name}\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 deleteView(index)}\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}\n\t\t\t\t\t>\n\t\t\t\t\t\t{editingViewMatchIndex !== index && (\n\t\t\t\t\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\taddView(currentStage.bracket.views.length);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t
\n\t\t\n\t);\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\tconst [editingGroup, setEditingGroup] = React.useState(null);\n\tconst [editingScoringGroupIndex, setEditingScoringGroupIndex] =\n\t\tReact.useState(null);\n\n\tReact.useEffect(() => {\n\t\tif (!currentStage.bracket.scoringGroups) {\n\t\t\tcurrentStage.bracket.scoringGroups = [];\n\t\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\t\t}\n\t}, [currentFormat, currentStage]);\n\n\tconst addGroup = (index) => {\n\t\tcurrentStage.bracket.scoringGroups.push(\n\t\t\tnew EventFormatBracketScoringGroup(`New Scoring Group ${index + 1}`)\n\t\t);\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\t};\n\n\tconst modifyGroup = (sGroup, index) => {\n\t\tsetEditingScoringGroupIndex(index);\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_SCORING_GROUP, sGroup);\n\t};\n\n\tconst finishModifying = () => {\n\t\tsetEditingScoringGroupIndex(null);\n\t\tbuildScoringDetails(currentFormat);\n\n\t\tconst storeUpdate = {};\n\t\tstoreUpdate[StoreKeys.EVENTFORMATBUILDER.CURRENT_SCORING_GROUP] = null;\n\t\tstoreUpdate[StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT] = currentFormat;\n\t\tStore.setMany(storeUpdate);\n\t};\n\n\t/**\n\t *\n\t * @param {EventFormatBracketScoringGroup} sGroup\n\t * @param {boolean} value\n\t */\n\tconst toggleScoringGroupScoreParticipants = (sGroup, value) => {\n\t\tsGroup.scoreParticipants = value;\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\t};\n\n\t/**\n\t *\n\t * @param {EventFormatBracketScoringGroup} sGroup\n\t * @param {boolean} value\n\t */\n\tconst toggleScoringGroupScoreWinnersOnly = (sGroup, value) => {\n\t\tsGroup.scoreWinnersOnly = value;\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\t};\n\n\t/**\n\t *\n\t * @param {EventFormatBracketScoringGroup} sGroup\n\t * @param {boolean} value\n\t */\n\tconst toggleScoringGroupScorePlacement = (sGroup, value) => {\n\t\tsGroup.scorePlacement = value;\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\t};\n\n\tconst deleteGroup = (index) => {\n\t\tcurrentStage.bracket.scoringGroups.splice(index, 1);\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\t};\n\n\tconst previewScoringBreakdown = () => {\n\t\tbuildScoringDetails(currentFormat);\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\n\t\tModalHelper.openModal(\n\t\t\t{currentStage.bracket.scoringGroups?.map((sGroup, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tevent.stopPropagation();\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{editingGroup === index && (\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tsetEditingGroup(null);\n\t\t\t\t\t\t\t\t\t\t\tStore.set(\n\t\t\t\t\t\t\t\t\t\t\t\tStoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT,\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentFormat\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\tinputRef={(input) => input && input.focus()}\n\t\t\t\t\t\t\t\t\t\tclassName={classNames.editorField}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsGroup.name = e.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\t{editingGroup !== index && (\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tsetEditingGroup(index);\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{sGroup.name}\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 deleteGroup(index)}\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}\n\t\t\t\t\t>\n\t\t\t\t\t\t{editingScoringGroupIndex !== index && (\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\ttoggleScoringGroupScoreParticipants(\n\t\t\t\t\t\t\t\t\t\t\t\tsGroup,\n\t\t\t\t\t\t\t\t\t\t\t\tevent.target.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}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{sGroup.scoreParticipants && (\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\n\t\t\t\t\t\t\t\t\t\t\t\t\ttoggleScoringGroupScoreWinnersOnly(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsGroup,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.checked\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\t\n\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\tStore.set(\n\t\t\t\t\t\t\t\t\t\t\t\tStoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT,\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentFormat\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\tonChange={(event) => {\n\t\t\t\t\t\t\t\t\t\t\tsGroup.pointsPerCorrectParticipant = Number(\n\t\t\t\t\t\t\t\t\t\t\t\tevent.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\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\t\trequired\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\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\ttoggleScoringGroupScorePlacement(\n\t\t\t\t\t\t\t\t\t\t\t\tsGroup,\n\t\t\t\t\t\t\t\t\t\t\t\tevent.target.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}\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\t\n\t\t\t\t
\n\t\t\n\t);\n}\n\n/**\n *\n * @param {EventFormatBuilder} currentFormat\n */\nexport function populateDefaultBracket(currentFormat) {\n\tlet didUpdate = false;\n\tif (\n\t\tcurrentFormat &&\n\t\tcurrentFormat.data &&\n\t\t!currentFormat.data.scoringBreakdown\n\t) {\n\t\t// Build from current data.\n\t\tbuildScoringDetails(currentFormat);\n\t\tdidUpdate = true;\n\t}\n\n\tfor (const stage of currentFormat?.data?.stages) {\n\t\tif (stage.type === EventStageTypes.Group && !stage.bracket) {\n\t\t\tstage.bracket = {\n\t\t\t\tviews: [],\n\t\t\t\tparts: [\n\t\t\t\t\t{\n\t\t\t\t\t\tidentifier: \"UB\",\n\t\t\t\t\t\tcolumnCount: 2,\n\t\t\t\t\t\tcolumns: [],\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tidentifier: \"LB\",\n\t\t\t\t\t\tcolumnCount: 2,\n\t\t\t\t\t\tcolumns: [],\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t\tinitializeBracket(stage.bracket);\n\t\t\tdidUpdate = true;\n\t\t} else if (stage.type === EventStageTypes.Playoffs && !stage.bracket) {\n\t\t\tstage.bracket = {\n\t\t\t\tviews: [],\n\t\t\t\tparts: [\n\t\t\t\t\t{\n\t\t\t\t\t\tidentifier: \"UB\",\n\t\t\t\t\t\tcolumns: [],\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tidentifier: \"LB\",\n\t\t\t\t\t\tcolumns: [],\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tidentifier: \"GF\",\n\t\t\t\t\t\tcolumns: [],\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t\tinitializeBracket(stage.bracket);\n\t\t\tdidUpdate = true;\n\t\t}\n\t}\n\n\tif (didUpdate) {\n\t\tStore.set(StoreKeys.EVENTFORMATBUILDER.CURRENT_FORMAT, currentFormat);\n\t}\n}\n\nexport default EventFormatBracketBuilder;\n/**\n *\n * @param {EventFormatBracket} bracket\n */\nexport function initializeBracket(bracket) {\n\tfor (const part of bracket.parts) {\n\t\tmodifyPartColumns(part);\n\t}\n}\n\n/**\n *\n * @param {EventFormatBracketPart} part\n */\nexport function modifyPartColumns(part) {\n\tfor (let i = 0; i < part.columnCount; i++) {\n\t\t/** @type {EventFormatBracketColumn} */\n\t\tlet column = null;\n\t\tconst isColumnAdd = i >= part.columns.length;\n\t\tif (isColumnAdd) {\n\t\t\tcolumn = {\n\t\t\t\t//name: getColumnName(part.identifier, i, part.columnCount),\n\t\t\t\tindex: i,\n\t\t\t\tmatches: [],\n\t\t\t\tmatchCount: getMatchCount(part.identifier, i, part.columnCount),\n\t\t\t\tbestOf: 5,\n\t\t\t};\n\n\t\t\tpart.columns.push(column);\n\t\t} else {\n\t\t\tcolumn = part.columns[i];\n\t\t}\n\n\t\tif (column.matchCount < column.matches.length) {\n\t\t\tcolumn.matches = column.matches.slice(0, column.matchCount);\n\t\t} else {\n\t\t\tfor (let j = column.matches.length; j < column.matchCount; j++) {\n\t\t\t\tcolumn.matches.push({\n\t\t\t\t\tpart: part.identifier,\n\t\t\t\t\tcol: i,\n\t\t\t\t\tcolIndex: j,\n\t\t\t\t\tloserPath: null,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n *\n * @param {EventFormatBracket} bracket\n */\nexport function applyChangesToBracket(bracket) {\n\tfor (const part of bracket.parts) {\n\t\tif (part.columns.length > part.columnCount) {\n\t\t\tpart.columns = part.columns.slice(0, part.columnCount);\n\t\t}\n\n\t\tmodifyPartColumns(part);\n\t}\n\n\tgenerateBracketMatchesFromBracket(bracket);\n}\n\n/**\n * Build matches from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function generateBracketMatchesFromBracket(bracket) {\n\tbracket.matches = {\n\t\tupper: [],\n\t\tlower: [],\n\t};\n\n\tfor (const part of bracket.parts) {\n\t\t/** @type {MatchType[]} */\n\t\tconst target =\n\t\t\tpart.identifier === \"LB\" ? bracket.matches.lower : bracket.matches.upper;\n\t\tfor (let i = 0; i < part.columnCount; i++) {\n\t\t\tconst column = part.columns[i];\n\n\t\t\tfor (let j = 0; j < column.matchCount; j++) {\n\t\t\t\tconst columnMatch = column.matches[j];\n\t\t\t\tconst bracketMatch = {\n\t\t\t\t\tid: uuidv4(),\n\t\t\t\t\tnextMatchId: null,\n\t\t\t\t\tnextLoserMatchId: null,\n\t\t\t\t\tstate: \"PLAYED\",\n\t\t\t\t\tparticipants: [],\n\t\t\t\t\tstartTime: \"\",\n\t\t\t\t\tbothTeamsAdvance: column.bothTeamsAdvance,\n\t\t\t\t};\n\t\t\t\tcolumnMatch.bracketMatchId = bracketMatch.id;\n\t\t\t\ttarget.push(bracketMatch);\n\t\t\t}\n\t\t}\n\t}\n\n\tmapNextMatches(bracket);\n}\n\n/**\n * Map match connections from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function mapNextMatches(bracket) {\n\tmapUpperBracketMatches(bracket);\n\tmapLowerBracketMatches(bracket);\n}\n\n/**\n * Map match connections from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function mapUpperBracketMatches(bracket) {\n\tconst part = bracket.parts[0];\n\tconst finalsPart = bracket.parts[2];\n\tfor (let i = 0; i < part.columnCount; i++) {\n\t\tconst column = part.columns[i];\n\t\tconst nextColumnSameCount =\n\t\t\ti + 1 < part.columnCount &&\n\t\t\tcolumn.matchCount === part.columns[i + 1].matchCount;\n\n\t\tfor (let j = 0; j < column.matchCount; j++) {\n\t\t\tconst columnMatch = column.matches[j];\n\t\t\t/** @type {MatchType} */\n\t\t\tconst bracketMatch = findBracketMatchById(\n\t\t\t\tbracket,\n\t\t\t\tcolumnMatch.bracketMatchId\n\t\t\t);\n\n\t\t\tif (nextColumnSameCount) {\n\t\t\t\tconst nextColumnMatch = part.columns[i + 1].matches[j];\n\t\t\t\tbracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n\t\t\t} else if (i < part.columnCount - 1) {\n\t\t\t\tconst nextColumnMatch = part.columns[i + 1].matches[Math.floor(j / 2)];\n\t\t\t\tbracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n\t\t\t} else if (i === part.columnCount - 1 && finalsPart?.columnCount > 0) {\n\t\t\t\tconst nextColumnMatch =\n\t\t\t\t\tfinalsPart.columns[0].matches[Math.floor(j / 2)];\n\t\t\t\tbracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n\t\t\t}\n\n\t\t\tif (columnMatch.loserPath) {\n\t\t\t\tconst loserPath = columnMatch.loserPath;\n\t\t\t\tconst loserPart = bracket.parts.find(\n\t\t\t\t\t(p) => p.identifier === loserPath.part\n\t\t\t\t);\n\t\t\t\tif (loserPart.columnCount > loserPath.col) {\n\t\t\t\t\tconst loserColumn = loserPart.columns[loserPath.col];\n\t\t\t\t\tif (loserColumn.matchCount > loserPath.colIndex) {\n\t\t\t\t\t\tconst loserColumnMatch = loserColumn.matches[loserPath.colIndex];\n\t\t\t\t\t\tbracketMatch.nextLooserMatchId = loserColumnMatch.bracketMatchId;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Map match connections from bracket data.\n * @param {EventFormatBracket} bracket\n */\nexport function mapLowerBracketMatches(bracket) {\n\tconst part = bracket.parts[1];\n\tconst finalsPart = bracket.parts[2];\n\n\tif (part.columnCount === 0) {\n\t\treturn;\n\t}\n\n\tlet nextColumn = null;\n\tfor (let i = 0; i < part.columnCount; i++) {\n\t\tconst column = part.columns[i];\n\n\t\tif (i + 1 < part.columns.length) {\n\t\t\tnextColumn = part.columns[i + 1];\n\t\t} else {\n\t\t\tnextColumn = null;\n\t\t}\n\n\t\tfor (let j = 0; j < column.matchCount; j++) {\n\t\t\tconst columnMatch = column.matches[j];\n\t\t\t/** @type {MatchType} */\n\t\t\tconst bracketMatch = findBracketMatchById(\n\t\t\t\tbracket,\n\t\t\t\tcolumnMatch.bracketMatchId\n\t\t\t);\n\n\t\t\tconst isLastcolumn = i + 1 === part.columnCount;\n\t\t\tif (isLastcolumn) {\n\t\t\t\tif (finalsPart?.columnCount > 0) {\n\t\t\t\t\tconst nextColumnMatch =\n\t\t\t\t\t\tfinalsPart.columns[0].matches[Math.floor(j / 2)];\n\t\t\t\t\tbracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst directFeed =\n\t\t\t\t\tcolumn.matches.length === nextColumn?.matches?.length;\n\t\t\t\tif (directFeed) {\n\t\t\t\t\tconst nextColumnMatch = part.columns[i + 1].matches[j];\n\t\t\t\t\tbracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n\t\t\t\t} else {\n\t\t\t\t\tconst nextColumnMatch =\n\t\t\t\t\t\tpart.columns[i + 1].matches[Math.floor(j / 2)];\n\t\t\t\t\tbracketMatch.nextMatchId = nextColumnMatch?.bracketMatchId;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n *\n * @param {Array\n\t\t\t\t\t {\n\t\t\t\t\t\t\taddGroup(currentStage.bracket.scoringGroups.length);\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\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\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: 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: 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: 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: 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\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{bracketColumn.bestOf === 5 && (\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\tselectWinner(winnerTeam, loserTeam);\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\tselectWinner(loserTeam, winnerTeam);\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{useSeriesScore && (\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\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\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{bracketColumn.bestOf === 3 && (\n\t\t\t\t\t\t\t\t\t\t scoreSelect(2, 1)}\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\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 scoreSelect(2, 0)}\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\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t2-0
\n\t\t\t\t\t\t\t\t\t\t\t2-1
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t scoreSelect(3, 0)}\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\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t3-0
\n\t\t\t\t\t\t\t\t\t\t\t3-1
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t3-2
\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{bracketColumn.bestOf === 7 && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t scoreSelect(4, 0)}\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\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t4-0
\n\t\t\t\t\t\t\t\t\t\t\t4-1
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t4-2
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t4-3
\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)}\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
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{renderTeamPlayers(team)}\n\t\t\t\t
\n\t\t\t
\n\t\t\n\t);\n}\n\n/**\n *\n * @param {EventFormatBracket} bracket\n * @param {EventFormatBracketColumnMatch} currentMatch\n * @param {EventFormatBracketColumnMatch} targetMatch\n */\nfunction matchIsOnTop(bracket, currentMatch, nextMatch) {\n\t// Dropdown Loser scenario or Upper finals into Grand Final\n\tif (currentMatch.part === \"UB\" && nextMatch.part === \"GF\") {\n\t\treturn true;\n\t}\n\n\tif (currentMatch.part === \"UB\" && nextMatch.part === \"LB\") {\n\t\treturn currentMatch.loserPath.isTop;\n\t}\n\n\t// Lower bracket to GF is on bottom.\n\tif (currentMatch.part === \"LB\" && nextMatch.part === \"GF\") {\n\t\treturn false;\n\t}\n\n\tif (currentMatch.part === \"UB\" && nextMatch.part === \"UB\") {\n\t\tconst upperBracket = bracket.parts.find((p) => p.identifier === \"UB\");\n\t\tconst currentColumn = upperBracket.columns[currentMatch.col];\n\t\tconst nextColumn = upperBracket.columns[nextMatch.col];\n\t\t// 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\t\tif (currentColumn.matchCount === nextColumn.matchCount) {\n\t\t\treturn false;\n\t\t} else {\n\t\t\treturn currentMatch.colIndex % 2 === 0;\n\t\t}\n\t}\n\n\tif (currentMatch.part === \"LB\" && nextMatch.part === \"LB\") {\n\t\tconst lowerBracket = bracket.parts.find((p) => p.identifier === \"LB\");\n\t\tconst currentColumn = lowerBracket.columns[currentMatch.col];\n\t\tconst nextColumn = lowerBracket.columns[nextMatch.col];\n\t\t// 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\t\tif (currentColumn.matchCount === nextColumn.matchCount) {\n\t\t\treturn false;\n\t\t} else {\n\t\t\treturn currentMatch.colIndex % 2 === 0;\n\t\t}\n\t}\n\n\tconst upperBracket = bracket.parts.find((p) => p.identifier === \"UB\");\n\tconst currentColumn = upperBracket.columns[currentMatch.col];\n\tconst nextColumn = upperBracket.columns[nextMatch.col];\n\t// 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\tif (currentColumn.matchCount === nextColumn.matchCount) {\n\t\treturn false;\n\t} else {\n\t\treturn currentMatch.colIndex % 2 === 0;\n\t}\n}\n\nfunction getUserPickFromBracketTarget(\n\tcolumnMatch,\n\tuserBracketPicks,\n\teventId,\n\teventStageId,\n\teventSubstageId,\n\ttopTeamId,\n\tbottomTeamId\n) {\n\tconst previousPick = userBracketPicks.find(\n\t\t(p) =>\n\t\t\tp.bracketPart === columnMatch.part &&\n\t\t\tp.bracketCol === columnMatch.col &&\n\t\t\tp.bracketColIndex === columnMatch.colIndex &&\n\t\t\tp.eventSubstageId === eventSubstageId\n\t);\n\tconst isAddingPick = !previousPick;\n\n\t/** @type {MatchPick} */\n\tconst currentPick = isAddingPick\n\t\t? {\n\t\t\t\tbracketPart: columnMatch.part,\n\t\t\t\tbracketCol: columnMatch.col,\n\t\t\t\tbracketColIndex: columnMatch.colIndex,\n\t\t\t\ttopTeamId,\n\t\t\t\ttopTeamScore: 0,\n\t\t\t\tbottomTeamId,\n\t\t\t\tbottomTeamScore: 0,\n\t\t\t\teventId,\n\t\t\t\teventStageId,\n\t\t\t\teventSubstageId,\n\t\t\t\twinnerTeamId: null,\n\t\t\t\tloserTeamId: null,\n\t\t }\n\t\t: previousPick;\n\n\tif (isAddingPick) {\n\t\tuserBracketPicks.push(currentPick);\n\t}\n\n\treturn 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\t\t\t\t (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\tcustomHeaderNames={headerNames}\n\t\t\t\t\tlockedColumns={lockedColumns}\n\t\t\t\t\thideSeriesScore={!useSeriesScore}\n\t\t\t\t\tonPartyClick={clickParty}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t\n\t\t\t\t\t (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tcustomHeaderNames={headerNames}\n\t\t\t\t\t\tlockedColumns={lockedColumns}\n\t\t\t\t\t\thideSeriesScore={!useSeriesScore}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t);\n}\n\nexport default function BracketRenderer(props) {\n\treturn 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\t\t\t\t\t\t\n\t\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\tEVENT{\" \"}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{eventData.nameOverride ?? eventData.name}
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{viewingPastEvents && (\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
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t window.open(eventUrl)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{viewingPastEvents && (\n\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\t{!eventData && (\n\t\t\t\t<>\n\t\t\t\t\t
No Current Event
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\n\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| 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\t\t\t\t\tWelcome to Pickstop, a web platform for free pick'em competitions.\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\tPick your winning teams, compete against your friends, and earn\n\t\t\t\t\t\t\ttrophies for your global ranking.\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\t\t\t\tchangeUrl(\"/about-us\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\tstyle={{ backgroundColor: Colors.body }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tAbout Us\n\t\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\twindow.open(\"https://discord.gg/r8ujzkRYeF\", \"_blank\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={styles.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\"https://www.reddit.com/user/pickstopgg/\",\n\t\t\t\t\t\t\t\t\t\"_blank\"\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={styles.icon}\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\tAbout Us\n\t\t\t\t\t\t\n\t\t\t\t\t\t\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 console.log(e.target.value);\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