\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{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{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\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tTitle / Name \n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tcurrent.title = e.target.value;\n\t\t\t\t\t\t\t\tupdateState();\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\tDescription \n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tcurrent.description = e.target.value;\n\t\t\t\t\t\t\t\tupdateState();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t \n\n\t\t\t\t\t {\n\t\t\t\t\t\t\tconsole.log(e.target.value);\n\t\t\t\t\t\t\tcurrent.openTime = new Date(e.target.value);\n\t\t\t\t\t\t\tupdateState();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tInputLabelProps={{\n\t\t\t\t\t\t\tshrink: true,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\n\t\t\t\t\t {\n\t\t\t\t\t\t\tcurrent.closeTime = new Date(e.target.value);\n\t\t\t\t\t\t\tupdateState();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tInputLabelProps={{\n\t\t\t\t\t\t\tshrink: true,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t
\n\n\t\t\t\t\n\n\t\t\t\t\t
\n\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
\n\t\t\tPrompt List Editor
\n\t\t\t\t| Prompt | \n\t\t\t\t\t\t\t# of Answers | \n\t\t\t\t\t\t{value.text} | \n\t\t\t\t\t\t\t\t{value.answers.length} | \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\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\tPrompt Answer Editor
\n\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\t\t\n\t\t\t\t\t
\n\t\t\t\tSurvey 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
\n\t\t\t{currentPrompt.text}
\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tisSubmit ? onSubmit() : onNext();\n\t\t\t\t\t}}\n\t\t\t\t\tdisabled={nextDisabled}\n\t\t\t\t\tbuttonText={isSubmit ? \"SUBMIT\" : \"NEXT\"}\n\t\t\t\t\tnameplateId={isSubmit ? 32 : null}\n\t\t\t\t/>\n\t\t\t
\n\t\t\n\t);\n}\n\nexport default function UserSurveyScreen(props) {\n\treturn 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