\n
\n );\n};\n\nexport default BackgroundImage;\n","/* eslint-disable global-require */\n/* eslint-disable no-eval */\n/* eslint-disable eqeqeq */\nimport Rox from 'rox-browser';\nimport { getFlagsContext } from './utils/rollout';\n\nclass UtrRoxFlag extends Rox.Flag {\n isEnabled(user) {\n return super.isEnabled(getFlagsContext(user));\n }\n}\n\nexport default {\n messaging: new UtrRoxFlag(),\n personalClub: new UtrRoxFlag(),\n createPlayerGroupMainMenu: new UtrRoxFlag(),\n ratingsListFlag: new UtrRoxFlag(),\n};\n","import React from 'react';\nimport flagContainer from '../../flagContainer';\n\nconst withFeatureFlags = (WrappedComponent) => {\n return (props) => \n
\n \n
\n \n )\n );\n };\n\n const renderSchool = (schoolClub, index) => {\n const { id, name, location, profilePhotoUrl, isCollege } = schoolClub;\n const { displayName, shortName } = schoolClub.school;\n const photoUrl = profilePhotoUrl ? `/v1/club/${profilePhotoUrl}?variant=icon` : null;\n const descriptionItems = [...(location && location.display ? [location.display] : [])];\n const schoolName = name || displayName || shortName;\n return (\n index < maxResultsForSection && (\n \n {`${displayName} `}\n {rating.verified ?
\n \n
\n \n
\n \n )\n );\n };\n\n const renderClub = (club, index) => {\n const { id, name, location, memberCount } = club;\n const descriptionItems = [\n ...(location && location.display ? [location && location.display] : []),\n ...(memberCount && memberCount >= 10 ? [`${memberCount} member${memberCount && memberCount > 1 ? 's' : ''}`] : []),\n ];\n return index < 4 ? (\n \n {photoUrl ? (\n {\n e.target.src = '/img/v2/icons/icon-utr-logo.svg';\n e.target.srcset = '/img/v2/icons/icon-utr-logo.svg';\n }}\n />\n ) : (\n 
\n )}\n
\n \n
\n {schoolName}
\n{schoolName}
\n\n
\n \n 
\n
\n \n
\n \n ) : null;\n };\n\n const renderEvent = (event, index) => {\n const { id, name, eventSchedule, eventState } = event;\n const descriptionItems = [];\n if (eventSchedule) {\n descriptionItems.push(getEventDateString(eventSchedule, eventState && eventState.value === 'completed'));\n }\n return (\n index < maxResultsForSection && (\n {name}
\n\n
\n \n 
\n
\n \n
\n \n )\n );\n };\n\n const renderDropdown = () => {\n const hasQuery = !!searchQuery.length;\n const showTennisPills = !!preferences?.showTennisContent;\n const showPickleballPills = !!preferences?.showPickleballContent;\n return (\n {name}
\n\n
\n \n {isGlobalDropdownV2Enabled && !hasQuery && (\n \n \n )}\n
\n );\n };\n\n return (\n \n {!isGlobalDropdownV2Enabled && !hasQuery && (\n
\n \n
\n )}\n {hasNoResults && What are you looking for?
\n \n handleTypeFilterClick('players')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Players`,\n location: 'Global search CTA',\n })}\n >\n Players\n \n handleTypeFilterClick('events')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `All Events`,\n location: 'Global search CTA',\n })}\n >\n All Events\n \n {showTennisPills && (\n <>\n handleTypeFilterClick('flexLeagues')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Flex Leagues`,\n location: 'Global search CTA',\n })}\n >\n Flex Leagues\n \n \n Adult Team Tennis\n \n \n Junior Team Tennis\n \n handleTypeFilterClick('proTennisTour')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `UTR Pro Tennis Tour`,\n location: 'Global search CTA',\n })}\n >\n UTR Pro Tennis Tour\n \n \n )}\n handleTypeFilterClick('clubs')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Clubs`,\n location: 'Global search CTA',\n })}\n >\n Clubs\n \n {showTennisPills && (\n <>\n handleTypeFilterClick('colleges')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Colleges`,\n location: 'Global search CTA',\n })}\n >\n Colleges\n \n handleTypeFilterClick('highSchools')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `High Schools`,\n location: 'Global search CTA',\n })}\n >\n High Schools\n \n handleTypeFilterClick('paidHits')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Paid Hits`,\n location: 'Global search CTA',\n })}\n >\n Paid Hits\n \n handleTypeFilterClick(paidHitClubs)}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Paid Hitters`,\n location: 'Global search CTA',\n })}\n >\n Paid Hitters\n \n handleTypeFilterClick('juniorCircuits')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Junior Circuits`,\n location: 'Global search CTA',\n })}\n >\n Junior Circuits\n \n handleTypeFilterClick('collegeCircuits')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `College Circuits`,\n location: 'Global search CTA',\n })}\n >\n College Circuits\n \n handleTypeFilterClick('juniorRegionals')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Junior Regionals`,\n location: 'Global search CTA',\n })}\n >\n Junior Regionals\n \n handleTypeFilterClick('camps')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Camps`,\n location: 'Global search CTA',\n })}\n >\n Camps\n \n \n )}\n {showPickleballPills && (\n <>\n handleTypeFilterClick('pickleball')}\n {...getClickAttrs({\n category: 'Global Search Category',\n context: `Pickleball`,\n location: 'Global search CTA',\n })}\n >\n Pickleball\n \n {isAdultTeamPickleballEnabled && (\n \n Adult Team Pickleball\n \n )}\n {isJuniorTeamPickleballEnabled && (\n \n Junior Team Pickleball\n \n )}\n \n )}\n
\n No Matches Found
}\n {hasSomeResults && (\n \n {!!players?.hits.length && (\n <>\n
\n )}\n \n Players\n handleSeeAllClick(e, 'players')}\n {...getClickAttrs({\n category: 'Global Search See All',\n context: `See all players: ${searchQuery}`,\n location: 'Global search CTA',\n })}\n >\n SEE ALL \n \n
\n {players.hits.map((player, i) => renderPlayer(player.source, i))}\n \n )}\n\n {!!events?.hits.length && (\n <>\n \n Events\n handleSeeAllClick(e, 'events')}\n {...getClickAttrs({\n category: 'Global Search See All',\n context: `See all events: ${searchQuery}`,\n location: 'Global search CTA',\n })}\n >\n SEE ALL \n \n
\n {events.hits.map((event, i) => renderEvent(event.source, i))}\n \n )}\n {!!colleges?.hits.length && (\n <>\n \n Colleges\n handleSeeAllClick(e, 'colleges')}\n {...getClickAttrs({\n category: 'Global Search See All',\n context: `See all colleges: ${searchQuery}`,\n location: 'Global search CTA',\n })}\n >\n SEE ALL \n \n
\n {colleges.hits.map((school, i) => renderSchool(school.source, i))}\n \n )}\n {!!highSchools?.hits.length && (\n <>\n \n High Schools\n handleSeeAllClick(e, 'highSchools')}\n {...getClickAttrs({\n category: 'Global Search See All',\n context: `See all high schools: ${searchQuery}`,\n location: 'Global search CTA',\n })}\n >\n SEE ALL \n \n
\n {highSchools.hits.map((school, i) => renderSchool(school.source, i))}\n \n )}\n {!!clubs?.hits.length && (\n <>\n \n Clubs\n handleSeeAllClick(e, 'clubs')}\n {...getClickAttrs({\n category: 'Global Search See All',\n context: `See all clubs: ${searchQuery}`,\n location: 'Global search CTA',\n })}\n >\n SEE ALL \n \n
\n {clubs.hits.map((club, i) => renderClub(club.source, i))}\n \n )}\n {isLoading && (\n \n \n Loading...\n
\n )}\n \n
\n );\n};\n\nexport default GlobalSearch;\n","export default __webpack_public_path__ + \"static/media/icon-home.159fd5ca.svg\";","export default __webpack_public_path__ + \"static/media/icon-play.cfd7c553.svg\";","export default __webpack_public_path__ + \"static/media/icon-profile.fcfa6b54.svg\";","import React from 'react';\nimport { connect } from 'react-redux';\nimport Rox from 'rox-browser';\nimport Box from '@mui/material/Box';\nimport Container from '@mui/material/Container';\nimport { BallInMotionIcon, SinglePersonV2Icon, MessageIcon } from '@universal-tennis/ui-shared';\nimport { useTheme } from '@mui/material/styles';\nimport styles from './header.module.scss';\n\nimport Img from '../Img';\nimport BackgroundImage from '../BackgroundImage';\nimport withFeatureFlags from '../hocs/withFeatureFlags';\nimport { toggleSideMenu } from '../../redux/uiSlice';\nimport GlobalSearch from '../GlobalSearch';\n\nimport HomeIcon from '../../assets/icons/icon-home.svg';\nimport PlayIcon from '../../assets/icons/icon-play.svg';\nimport ProfileIcon from '../../assets/icons/icon-profile.svg';\n\nimport config from '../../config';\nimport { getClickAttrs } from '../../utils/analytics';\nimport { headerPropTypes } from '../../utils/proptypes';\nimport { useStatsig } from '../../hooks/StatsigContextProvider';\n\nconst Header = (props) => {\n const { statsig } = useStatsig();\n const theme = useTheme();\n const { auth, featureFlags } = props;\n const showHeaderItems = !!auth.user;\n const isUpdatedNavEnabled = statsig?.featureGates?.webNavV2;\n const isMessagingEnabled = featureFlags?.messaging?.isEnabled(auth.user);\n\n const handleLogoClick = () => {\n if (process.env.REACT_APP_CONFIG_SOURCE === 'prod') {\n window.open(`${config.appHost}`);\n } else {\n Rox.showOverrides();\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n handleClearClick()}\n />\n )}\n
\n {showDropDown && {renderDropdown()}
}\n \n \n
\n );\n};\n\nconst mapDispatchToProps = {\n toggleSideMenu,\n};\n\nfunction mapStateToProps({ auth }) {\n return { auth };\n}\n\nHeader.propTypes = {\n ...headerPropTypes\n};\n\nexport default withFeatureFlags(connect(mapStateToProps, mapDispatchToProps)(Header));\n","import React from 'react';\nimport { Controller } from 'react-hook-form';\nimport TextField from '@mui/material/TextField';\n\nconst Input = ({ control, name, hasError, label, isRequired = false, ...rest }) => (\n \n
\n );\n }}\n />\n );\n};\n\nexport default Slider;\n","import React from 'react';\nimport { Controller } from 'react-hook-form';\n\nimport FormControl from '@mui/material/FormControl';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport MuiSelect from '@mui/material/Select';\nimport FormHelperText from '@mui/material/FormHelperText';\n\nconst Select = (props) => {\n const {\n control,\n isFullWidth,\n isRequired = false,\n label,\n labelId,\n name,\n options,\n hasError,\n helperText,\n onSelectChange,\n ...rest\n } = props;\n\n return (\n \n \n
\n {display}
\n \n {matchFormat === SINGLES &&
\n );\n};\n\nexport default SessionMatchFormat;\n","import moment from 'moment';\nimport { sessionTypes, openClosedStatusTypes, getTypeForId, LeagueSessionTypes, FrequencyTypes } from './types';\nimport { getFormattedDate } from './display';\n\nconst { TOURNAMENT } = LeagueSessionTypes;\n\nexport const getSessionRounds = (schedule) => {\n const { draws } = schedule;\n\n const mappedDraws = draws?.reduce((acc, cur) => {\n if (cur?.rounds) {\n return [\n ...acc,\n ...cur.rounds\n ];\n }\n return acc;\n }, [])?.map((round) => ({ ...round, matches: round.teamMatches }));\n\n return mappedDraws;\n};\n\nexport const getRoundCount = (teamCount, matchesPerTeam) => {\n if (teamCount % 2 === 0) {\n return matchesPerTeam;\n }\n return Math.floor(matchesPerTeam + matchesPerTeam / (teamCount - 1));\n};\n\nexport const mapSession = (data) => {\n const { startDateUtc, endDateUtc, teamRegistrationEndDateUtc, teamRegistrationStartDateUtc, sessionTypeId, sessionStatusTypeId } = data;\n const dateFormat = 'MMM D';\n const sessionType = getTypeForId(sessionTypeId, sessionTypes);\n const status = getTypeForId(sessionStatusTypeId, openClosedStatusTypes);\n const sessionDates = getFormattedDate(startDateUtc, endDateUtc, dateFormat);\n const registrationDates = getFormattedDate(teamRegistrationStartDateUtc, teamRegistrationEndDateUtc, dateFormat);\n\n return {\n status: status.description,\n sessionType: sessionType.description,\n sessionDates,\n registrationDates,\n ...data,\n };\n};\n\nexport const getTooManyMatchesPerTeamError = (session) => {\n const { startDateUtc, endDateUtc, teamMatchFrequencyTypeId, sessionTypeId, matchesPerTeam } = session;\n if (sessionTypeId === TOURNAMENT) return false;\n if (!startDateUtc || !endDateUtc || !teamMatchFrequencyTypeId) return false;\n\n const numberOfTotalWeeks = moment(endDateUtc).diff(moment(startDateUtc), 'weeks') || 1;\n // teamMatchFrequencyTypeId dynamic in case we want to change to every 3/4 weeks.\n const totalWeeksAvailable =\n teamMatchFrequencyTypeId === FrequencyTypes.ONCE_A_WEEK\n ? numberOfTotalWeeks\n : Math.floor(numberOfTotalWeeks / teamMatchFrequencyTypeId);\n\n if (!totalWeeksAvailable) {\n return true;\n }\n if (+matchesPerTeam > totalWeeksAvailable) {\n return true;\n }\n return false;\n};\n","import React, { useState, useEffect } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useForm, Controller } from 'react-hook-form';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { skipToken } from '@reduxjs/toolkit/dist/query/react';\nimport moment from 'moment';\n\nimport Box from '@mui/material/Box';\nimport Container from '@mui/material/Container';\nimport Divider from '@mui/material/Divider';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport MuiSelect from '@mui/material/Select';\nimport Paper from '@mui/material/Paper';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\nimport DateTimePicker from '../../Form/DateTimePicker';\nimport FormSubmitButton from '../../Form/FormSubmitButton';\nimport Input from '../../Form/Input';\nimport Location from '../../Form/Location';\nimport LoadingIndicator from '../../LoadingIndicator';\nimport Popup from '../../Popups/Popup';\nimport RadioGroup from '../../Form/RadioGroup';\nimport Select from '../../Form/Select';\nimport SessionMatchFormat from '../../SessionMatchFormat';\nimport { getTooManyMatchesPerTeamError } from '../../../utils/sessions';\nimport { useStatsig } from '../../../hooks/StatsigContextProvider';\n\nimport {\n FrequencyTypes,\n LeagueSessionTypes,\n MatchFormatTypes,\n SessionDrawTypes,\n SportTypeIds,\n SessionStandingsRules,\n SessionStandingsTypes,\n StatusTypes,\n TournamentTeamsCount,\n drawTypes,\n matchFrequencyTypes,\n openClosedStatusTypes,\n pickleballSessionStandingsOptions,\n sessionMatchFormatTypes,\n sessionTypes,\n tennisSessionStandingsOptions,\n} from '../../../utils/types';\nimport { LeagueTabs, defaultGridSpacing, formPaperStyles } from '../../../utils/constants';\nimport { showErrorPopup } from '../../../redux/errorPopupSlice';\nimport { getLocationData } from '../../../utils/location';\nimport { useCreateSessionMutation, useUpdateSessionMutation, useGetLeagueFeesQuery } from '../../../api/leaguesApi';\nimport { getAdjustedDate } from '../../../utils/display';\nimport { setSportTypeId } from '../../../redux/conferenceDetailsSlice';\nimport { createSessionFormPropTypes, defaultCreateSessionFormPropTypes } from '../../../utils/proptypes';\nimport { getTournamentTeamSizeOptions } from '../../../utils/helpers';\n\nconst minutesStep = 15;\nconst CUSTOM_MORE_MATCHES_TEXT = 'There are more matches per team than weeks in the session.';\n\nconst CreateSessionForm = ({ sessionDetails, isManaging, isLoadingSession, onSessionUpdated }) => {\n const navigate = useNavigate();\n const params = useParams();\n const dispatch = useDispatch();\n const { sportTypeId } = useSelector((state) => state.conferenceDetails);\n const { statsig } = useStatsig();\n\n const sessionId = params?.sessionId;\n const { OPEN } = StatusTypes;\n const { ONCE_A_WEEK } = FrequencyTypes;\n const { TOURNAMENT } = LeagueSessionTypes;\n const { TENNIS } = SportTypeIds;\n const { FIRST_MATCH_BACK_DRAW } = SessionDrawTypes;\n const { BOTH, DOUBLES, SINGLES } = MatchFormatTypes;\n const { FOUR, EIGHT, SIXTEEN, THIRTY_TWO, SIXTY_FOUR, ONE_TWENTY_EIGHT } = TournamentTeamsCount;\n const { TENNIS_WIN_LOSS_RECORD, PICKLEBALL_WIN_LOSS_RECORD } = SessionStandingsTypes;\n const { hasRegisteredPlayers, hasPostedResults, hasPublishedSchedule, hasSchedule } = sessionDetails || {};\n const isTennisSession = sportTypeId === TENNIS;\n const buttonText = isManaging ? 'Save Changes' : 'Create Session';\n const isRestrictedSession = hasPostedResults && hasPublishedSchedule;\n const standingsRuleOptions = isTennisSession ? tennisSessionStandingsOptions : pickleballSessionStandingsOptions;\n const isLargeTournamentSizesEnabled = statsig?.featureGates?.largeTournaments;\n const tournamentTeamCountOptions = getTournamentTeamSizeOptions(isLargeTournamentSizesEnabled);\n\n const [startDate, setStartDate] = useState(moment());\n const [teamRegisterStartDate, setTeamRegisterStartDate] = useState(moment());\n const [totalPlayerCost, setTotalPlayerCost] = useState();\n const [matchFormat, setMatchFormat] = useState('');\n const [originalLocation, setOriginalLocation] = useState();\n const [isTournamentSession, setIsTournamentSession] = useState(false);\n const [conferenceId, setConferenceId] = useState(parseInt(params?.conferenceId) || skipToken);\n const [leagueVerifiedFee, setLeagueVerifiedFee] = useState(0);\n const [showRuleConfirmationModal, setShowRuleConfirmationModal] = useState(false);\n const [sessionStandingsRuleId, setSessionStandingsRuleId] = useState(isTennisSession ? TENNIS_WIN_LOSS_RECORD : PICKLEBALL_WIN_LOSS_RECORD);\n const [updatedStandingsRuleId, setUpdatedStandingsRuleId] = useState(null);\n\n const [createSession] = useCreateSessionMutation();\n const [updateSession, { isSuccess: isUpdated }] = useUpdateSessionMutation();\n const { data: leaguesFees, isLoading: isLoadingLeaguesFees, error } = useGetLeagueFeesQuery(conferenceId);\n\n if (error) {\n dispatch(showErrorPopup(error));\n }\n\n const defaultValues = {\n conferenceId: parseInt(params?.conferenceId),\n description: '',\n doublesMatchCount: '',\n doublesPointsPerMatch: '',\n doublesScoringFormatTypeId: '',\n doublesTimeAllowedTypeId: '',\n drawTypeId: FIRST_MATCH_BACK_DRAW,\n endDateUtc: moment().add(5, 'days'),\n matchesPerTeam: '',\n name: '',\n registrationFee: 0,\n registrationVerificationFee: 0,\n sessionStatusTypeId: OPEN,\n sessionMatchTypeId: SINGLES,\n sessionTypeId: '',\n singlesMatchCount: '',\n singlesPointsPerMatch: '',\n singlesScoringFormatTypeId: '',\n singlesTimeAllowedTypeId: '',\n startDateUtc: moment().add(3, 'days'),\n teamRegistrationEndDateUtc: moment().add(2, 'days').add(2, 'hour'),\n teamRegistrationStartDateUtc: moment().add(2, 'hour'),\n teamRequiredPlayersMin: 2,\n teamsMax: '',\n location: '',\n teamMatchFrequencyTypeId: ONCE_A_WEEK,\n };\n\n const {\n handleSubmit,\n formState: { errors, dirtyFields, isSubmitting },\n control,\n reset,\n getValues,\n setValue,\n setError,\n clearErrors,\n } = useForm({ defaultValues, mode: 'all' });\n\n useEffect(() => {\n if (isManaging && sessionDetails) {\n const {\n conferenceId: sessionConferenceId,\n endDateUtc,\n startDateUtc,\n registrationFee,\n teamRegistrationStartDateUtc,\n teamRegistrationEndDateUtc,\n registrationVerificationFee,\n sessionMatchTypeId,\n sessionTypeId,\n description,\n sessionStandingsTypeId,\n drawTypeId,\n ...fetchedSession\n } = sessionDetails;\n\n setConferenceId(sessionConferenceId);\n setSessionStandingsRuleId(sessionStandingsTypeId);\n\n let sessionLocation = '';\n const isTournament = sessionTypeId === TOURNAMENT;\n if (isTournament) {\n sessionLocation = sessionDetails.location?.placeName || '';\n setOriginalLocation(sessionDetails.location);\n setIsTournamentSession(true);\n }\n\n let formData;\n\n if (sessionMatchTypeId !== BOTH) {\n formData = {\n ...defaultValues,\n ...fetchedSession,\n sessionTypeId,\n drawTypeId,\n description: description || '',\n registrationFee,\n registrationVerificationFee,\n sessionMatchTypeId,\n location: sessionLocation,\n endDateUtc: getAdjustedDate({ dateUtc: endDateUtc, format: null, adjustForDSL: false }),\n startDateUtc: getAdjustedDate({ dateUtc: startDateUtc, format: null, adjustForDSL: false }),\n teamRegistrationStartDateUtc: getAdjustedDate({ dateUtc: teamRegistrationStartDateUtc, format: null, adjustForDSL: false }),\n teamRegistrationEndDateUtc: getAdjustedDate({ dateUtc: teamRegistrationEndDateUtc, format: null, adjustForDSL: false }),\n };\n } else {\n formData = {\n ...fetchedSession,\n drawTypeId,\n registrationFee,\n registrationVerificationFee,\n sessionMatchTypeId,\n sessionTypeId,\n description: description || '',\n location: sessionLocation,\n endDateUtc: getAdjustedDate({ dateUtc: endDateUtc, format: null, adjustForDSL: false }),\n startDateUtc: getAdjustedDate({ dateUtc: startDateUtc, format: null, adjustForDSL: false }),\n teamRegistrationStartDateUtc: getAdjustedDate({ dateUtc: teamRegistrationStartDateUtc, format: null, adjustForDSL: false }),\n teamRegistrationEndDateUtc: getAdjustedDate({ dateUtc: teamRegistrationEndDateUtc, format: null, adjustForDSL: false }),\n };\n }\n setTotalPlayerCost(parseInt(registrationFee) + parseInt(registrationVerificationFee));\n setLeagueVerifiedFee(registrationVerificationFee);\n reset(formData);\n setMatchFormat(sessionMatchTypeId);\n dispatch(setSportTypeId(sessionDetails?.sportTypeId));\n }\n }, [sessionDetails]);\n\n useEffect(() => {\n if (isUpdated) {\n onSessionUpdated();\n }\n }, [isUpdated]);\n\n useEffect(() => {\n if (leaguesFees && !isManaging) {\n setLeagueVerifiedFee(leaguesFees?.registrationVerificationFee);\n setTotalPlayerCost(leaguesFees?.registrationVerificationFee);\n }\n }, [leaguesFees]);\n\n const handleFormSubmit = async (formValues) => {\n const session = { ...formValues };\n\n session.startDateUtc = getAdjustedDate({ dateUtc: session.startDateUtc, format: null, adjustForDSL: true }).toISOString();\n session.endDateUtc = getAdjustedDate({ dateUtc: session.endDateUtc, format: null, adjustForDSL: true }).toISOString();\n session.teamRegistrationStartDateUtc = getAdjustedDate({ dateUtc: session.teamRegistrationStartDateUtc, format: null, adjustForDSL: true }).toISOString();\n session.teamRegistrationEndDateUtc = getAdjustedDate({ dateUtc: session.teamRegistrationEndDateUtc, format: null, adjustForDSL: true }).toISOString();\n session.description = session.description.trim().length === 0 ? null : session.description;\n session.sessionMatchTypeId = matchFormat;\n session.sessionStandingsTypeId = sessionStandingsRuleId;\n\n if (!isManaging) {\n session.registrationVerificationFee = leagueVerifiedFee;\n }\n\n if (matchFormat === SINGLES) {\n delete session.doublesMatchCount;\n delete session.doublesPointsPerMatch;\n delete session.doublesScoringFormatTypeId;\n delete session.doublesTimeAllowedTypeId;\n } else if (matchFormat === DOUBLES) {\n delete session.singlesMatchCount;\n delete session.singlesPointsPerMatch;\n delete session.singlesScoringFormatTypeId;\n delete session.singlesTimeAllowedTypeId;\n }\n\n const sessionType = getValues('sessionTypeId');\n\n if (sessionType === TOURNAMENT) {\n delete session.teamMatchFrequencyTypeId;\n\n if (dirtyFields.location) {\n session.location = await getLocationData(formValues.location);\n } else {\n session.location = originalLocation;\n }\n } else {\n delete session.location;\n }\n\n if (isManaging) {\n try {\n await updateSession({ sessionId, session, conferenceId }).unwrap();\n } catch (apiError) {\n dispatch(showErrorPopup(apiError));\n }\n } else {\n try {\n await createSession(session).unwrap();\n navigate(`/leagues/conference/${params?.conferenceId}/manage`, { state: { activeTab: LeagueTabs.SESSIONS } });\n } catch (apiError) {\n dispatch(showErrorPopup(apiError));\n }\n }\n };\n\n const handleEntryFeeChange = (e) => {\n const feeValue = parseInt(e.target.value);\n if (!Number.isNaN(feeValue)) {\n setTotalPlayerCost(parseInt(e.target.value) + leagueVerifiedFee);\n } else {\n setTotalPlayerCost(leagueVerifiedFee);\n }\n };\n\n const handleOnMatchFormatChange = (event) => {\n setMatchFormat(event.target.value);\n };\n\n const handleOnEventStartDateChange = (date) => {\n setStartDate(date);\n };\n\n const handleOnRegistrationStartDateChange = (date) => {\n setTeamRegisterStartDate(date);\n };\n\n const handleOnSessionTypeChange = (event) => {\n const isTournament = event.target.value === TOURNAMENT;\n setIsTournamentSession(isTournament);\n };\n\n const handleMatchesPerTeamCheck = (event) => {\n clearErrors('matchesPerTeam');\n setValue('matchesPerTeam', event.target.value);\n const session = getValues();\n\n const hasErrors = getTooManyMatchesPerTeamError({\n ...session,\n matchesPerTeam: +event.target.value,\n });\n\n if (hasErrors) {\n setError('matchesPerTeam', { type: 'custom', message: CUSTOM_MORE_MATCHES_TEXT });\n }\n\n return;\n };\n\n const handleOnTournamentTeamsChange = (event) => {\n const teamsCount = event.target.value;\n switch (teamsCount) {\n case FOUR:\n setValue('matchesPerTeam', 2);\n break;\n case EIGHT:\n setValue('matchesPerTeam', 4);\n break;\n case SIXTEEN:\n setValue('matchesPerTeam', 8);\n break;\n case THIRTY_TWO:\n setValue('matchesPerTeam', 16);\n break;\n case SIXTY_FOUR:\n setValue('matchesPerTeam', 32);\n break;\n case ONE_TWENTY_EIGHT:\n setValue('matchesPerTeam', 64);\n break;\n default:\n break;\n }\n };\n\n const handleOnSessionRuleChange = (event) => {\n const ruleValue = event?.target?.value;\n\n if (ruleValue !== sessionStandingsRuleId) {\n setShowRuleConfirmationModal(true);\n setUpdatedStandingsRuleId(ruleValue);\n }\n };\n\n const handleOnConfirmRuleChange = () => {\n setShowRuleConfirmationModal(false);\n setSessionStandingsRuleId(updatedStandingsRuleId);\n };\n\n const handleOnCloseRuleModal = () => {\n setShowRuleConfirmationModal(false);\n setUpdatedStandingsRuleId(null);\n };\n\n return (\n \n
\n )}\n \n {loading && (\n \n \n )}\n {data && (\n \n {isAdmin && league?.id && league?.name && {league.name}}\n {isAdmin && renderBreadcrumb(conferenceUrl, conference?.name, isConferenceContext, isBelowConferenceContext)}\n {renderBreadcrumb(sessionUrl, session?.name, isSessionContext, isBelowSessionContext)}\n {isTeamContext && {team?.name} }\n \n )}\n
\n );\n};\n\nexport default Breadcrumbs;\n","import { createSlice } from '@reduxjs/toolkit';\n\nconst initialState = {\n isOpen: false,\n title: null,\n message: null,\n};\n\nconst genericPopupSlice = createSlice({\n name: 'genericPopup',\n initialState,\n reducers: {\n showPopup(state, action) {\n state.isOpen = true;\n state.title = action.payload.title;\n state.message = action.payload.message;\n },\n\n hidePopup(state) {\n state.isOpen = false;\n },\n },\n});\n\nexport const { showPopup, hidePopup } = genericPopupSlice.actions;\nexport default genericPopupSlice.reducer;\n","import React, { useState, useEffect } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\nimport Typography from '@mui/material/Typography';\nimport { useDispatch } from 'react-redux';\n\nimport LoadingIndicator from '../LoadingIndicator';\nimport PlayerSearch from '../Form/PlayerSearch';\nimport PlayerSearchResultCard from '../Cards/PlayerSearchResultCard';\nimport Popup from '../Popups/Popup';\nimport { showPopup } from '../../redux/genericPopupSlice';\nimport { LeagueRoles } from '../../utils/constants';\nimport { mapMembersForPlayerSearch } from '../../utils/helpers';\n\nconst MemberRoleManager = ({ members = [], isUpdatingRole, isLoadingTeam, memberRole, onAddMemberRole, onRemoveMemberRole }) => {\n const { TEAM_CAPTAIN } = LeagueRoles;\n const dispatch = useDispatch();\n const [originalMembers, setOriginalMembers] = useState([]);\n const [showConfirmationPopup, setShowConfirmationPopup] = useState(false);\n const [isRemovingMember, setIsRemovingMember] = useState(false);\n const [memberAwaitingAction, setMemberAwaitingAction] = useState();\n const minimumAmountOfMembersNeeded = 1;\n const maximumAmountOfCaptains = 3;\n\n useEffect(() => {\n if (members?.length) {\n const mappedMembers = mapMembersForPlayerSearch(members);\n setOriginalMembers(mappedMembers);\n }\n }, [members]);\n\n const isPermittedToRemoveMember = () => {\n if (members?.length === minimumAmountOfMembersNeeded) {\n dispatch(\n showPopup({\n isError: true,\n title: 'Error',\n message: `There must always be at least one ${memberRole}`,\n })\n );\n return false;\n }\n\n return true;\n };\n\n const isPermittedToAddMember = () => {\n if (members?.length === maximumAmountOfCaptains && memberRole === TEAM_CAPTAIN) {\n dispatch(\n showPopup({\n isError: true,\n title: 'Error',\n message: `Only 3 Captains are permitted per team.`,\n })\n );\n return false;\n }\n\n return true;\n };\n\n const handleOnAddMemberRole = (member) => {\n setMemberAwaitingAction(member);\n setIsRemovingMember(false);\n setShowConfirmationPopup(true);\n };\n\n const handleOnRemoveMemberRole = (member) => {\n setMemberAwaitingAction(member);\n setIsRemovingMember(true);\n setShowConfirmationPopup(true);\n };\n\n const handleOnConfirmRemoval = () => {\n setShowConfirmationPopup(false);\n\n const isAbleToRemoveMember = isPermittedToRemoveMember();\n if (isAbleToRemoveMember) {\n onRemoveMemberRole(memberAwaitingAction);\n }\n };\n\n const handleOnConfirmAddition = () => {\n setShowConfirmationPopup(false);\n\n const isAbleToAddMember = isPermittedToAddMember();\n if (isAbleToAddMember) {\n onAddMemberRole(memberAwaitingAction);\n }\n };\n\n const handleOnClosePopup = () => {\n setShowConfirmationPopup(false);\n };\n\n const action = isRemovingMember ? 'Remove' : 'Add';\n const popupAction = isRemovingMember ? handleOnConfirmRemoval : handleOnConfirmAddition;\n const popupTitle = `${action} ${memberRole}`;\n const popupMessage = `Are you sure you want to ${action?.toLowerCase()} ${memberAwaitingAction?.displayName} as a ${memberRole}?`;\n\n return isLoadingTeam ? (\n \n \n \n {filteredOptions.map((option) => (\n \n {option.description}\n \n ))}\n \n
\n );\n};\n\nexport default MoreMenu;\n","import React, { useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useTheme } from '@mui/material/styles';\nimport { AvatarWithName, Typography } from '@universal-tennis/ui-shared';\n\nimport Stack from '@mui/material/Stack';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport IconButton from '@mui/material/IconButton';\n\nimport GenericTable from '../GenericTable';\nimport MessageIcon from '../../Icons/MessageIcon';\nimport PlayerUtr from '../../PlayerUtr';\nimport MoreMenu from '../../MoreMenu';\nimport { getPlayerDisplayUtr, getDisplayUTRPRating } from '../../../utils/display';\nimport { getPlayerProfileUrl, getPlayerAvatarImage } from '../../../utils/helpers';\nimport { PlayerManageOptions, PlayerActionTypes, SportTypeIds } from '../../../utils/types';\nimport {\n managingPickleballHeadCells,\n managingTennisHeadCells,\n tennisHeadCells,\n pickleballHeadCells,\n SharedUICategories,\n TypographySizes,\n} from '../../../utils/constants';\n\nimport { playersTablePropTypes, playersTableDefaultPropTypes, playerTableRowPropTypes } from '../../../utils/proptypes';\n\nconst PlayersTable = ({\n teamPlayers = [],\n isLoading,\n onWithdrawPlayer,\n onMovePlayer,\n onCopyPlayer,\n onTogglePlayerStatus,\n isManaging = false,\n hasSessionEnded,\n}) => {\n const theme = useTheme();\n const { SECONDARY } = SharedUICategories;\n const { X_SMALL_BOOK } = TypographySizes;\n const { WITHDRAW, MOVE_TO_TEAM, COPY_TO_TEAM, MARK_AS_ROSTERED, MARK_AS_SUBSTITUTE } = PlayerActionTypes;\n const [players, setPlayers] = useState([]);\n const { sportTypeId } = useSelector((state) => state.conferenceDetails);\n const isTennisMatch = sportTypeId === SportTypeIds.TENNIS;\n\n useEffect(() => {\n const formattedPlayers = teamPlayers.map((player) => {\n const { isVerified, rating } = getPlayerDisplayUtr(player);\n const { isVerified: isVerifiedDoubles, rating: doublesUtr } = getPlayerDisplayUtr(player, true);\n const {\n memberId,\n teamId,\n firstName,\n lastName,\n wins,\n losses,\n location,\n gender,\n playerId,\n hasPostedScores,\n canBeMovedOrCopied,\n canBeRefunded,\n isSubstitute,\n } = player || {};\n return {\n id: memberId,\n gender,\n playerId,\n teamId,\n name: `${firstName} ${lastName}`,\n matchesPlayed: wins + losses,\n location: location?.placeName || location?.formattedAddress || '',\n record: `${wins} - ${losses}`,\n doublesUtr,\n isVerifiedDoubles,\n singlesUtr: rating,\n isVerifiedSingles: isVerified,\n hasPostedScores,\n canBeMovedOrCopied,\n isSubstitute,\n canBeRefunded,\n singlesUTRP: getDisplayUTRPRating(player),\n doublesUTRP: getDisplayUTRPRating(player, true),\n };\n });\n setPlayers(formattedPlayers);\n }, [teamPlayers]);\n\n const PlayerTableRow = ({ rowData, labelId }) => {\n const {\n doublesUtr,\n id,\n isVerifiedDoubles,\n isVerifiedSingles,\n matchesPlayed,\n name,\n playerId,\n profileImage,\n record,\n singlesUtr,\n teamId,\n hasPostedScores,\n canBeMovedOrCopied,\n isSubstitute,\n canBeRefunded,\n singlesUTRP,\n doublesUTRP,\n } = rowData;\n\n PlayerTableRow.propTypes = {\n ...playerTableRowPropTypes,\n };\n\n const handleOnMenuOptionSelected = (selectedOption) => {\n switch (selectedOption) {\n case WITHDRAW:\n onWithdrawPlayer(id, teamId, canBeRefunded);\n break;\n case MOVE_TO_TEAM:\n onMovePlayer(id, teamId);\n break;\n case COPY_TO_TEAM:\n onCopyPlayer(id, teamId);\n break;\n case MARK_AS_ROSTERED:\n case MARK_AS_SUBSTITUTE:\n onTogglePlayerStatus(id, teamId);\n break;\n default:\n break;\n }\n };\n\n const avatarImage = getPlayerAvatarImage(profileImage);\n const playerUrl = getPlayerProfileUrl(playerId);\n\n PlayerTableRow.propTypes = {\n ...playerTableRowPropTypes,\n };\n\n return (\n \n handleOnMessageClick(item.id, displayName)} name={displayName} phone={item?.phone} email={item?.email} />\n
\n );\n })}\n \n onTeamCardClick(item.id)} title={item.name} description={formatDescription} />\n
\n );\n })}\n {teams.length === 0 && (\n \n \n handleOnScoreChange(set, POSITION_TWO_SCORE, event)}\n onFocus={handleOnFocus}\n value={position2Score}\n showTiebreaker={showTiebreakerInput}\n />\n {showPosition2Tiebreaker && {position2Tiebreaker} }\n {showTiebreakerInput && (\n handleOnScoreChange(set, POSITION_TWO_TB_SCORE, event, true)}\n onFocus={handleOnFocus}\n placeholder=\"0\"\n value={position2Tiebreaker}\n />\n )}\n \n \n handleOnScoreChange(set, POSITION_ONE_SCORE, event)}\n onFocus={handleOnFocus}\n placeholder=\"0\"\n value={position1Score}\n showTiebreaker={showTiebreakerInput}\n />\n {showPosition1Tiebreaker && {position1Tiebreaker} }\n {showTiebreakerInput && (\n handleOnScoreChange(set, POSITION_ONE_TB_SCORE, event, true)}\n placeholder=\"0\"\n value={position1Tiebreaker}\n />\n )}\n \n
\n );\n};\n\nexport default UTSet;\n","import React, { useMemo } from 'react';\n\nimport FormControl from '@mui/material/FormControl';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select from '@mui/material/Select';\n\nimport { ResultTypes } from '../../../utils/types';\n\nconst MatchOutcomeSelect = ({ options, hasEnteredScores, onMatchOutComeChange, outcome }) => {\n const { DEFAULTED, MATCH_NOT_PLAYED, RETIRED, WITHDREW } = ResultTypes;\n const handleOnMatchOutcomeChange = (event) => {\n const { value } = event.target;\n onMatchOutComeChange(value);\n };\n\n const filteredOptions = useMemo(() => {\n if (outcome?.outcomeId === DEFAULTED || outcome?.outcomeId === MATCH_NOT_PLAYED) {\n return options.filter((option) => option.outcomeId !== RETIRED && option.outcomeId !== WITHDREW);\n }\n\n if (hasEnteredScores) {\n return options.filter((option) => option.outcomeId !== WITHDREW);\n }\n\n return options.filter((option) => option.outcomeId !== RETIRED);\n }, [options, hasEnteredScores]);\n\n return (\n \n \n handleOnScoreChange(game, POSITION_TWO_SCORE, event)}\n placeholder=\"0\"\n value={position2Score}\n />\n \n \n handleOnScoreChange(game, POSITION_ONE_SCORE, event)}\n placeholder=\"0\"\n value={position1Score}\n />\n \n
\n );\n};\n\nexport default PickleballGame;\n","import { ResultTypes, PickleballScoringFormatTypes } from './types';\nimport { isNumericScore, ValidationErrors, hasScores, hasPartialScores, getPositionsForMatch, isPosition1Winner, isPosition2Winner } from './postScoreShared';\n\nconst { BEST_OF_THREE_GAMES, SINGLE_GAME, TIME_BASED_GAME } = PickleballScoringFormatTypes;\nconst { COMPLETED, COMPLETED_WITH_PARTIAL_SCORES, DEFAULTED, WITHDREW, RETIRED } = ResultTypes;\n\nconst GAME_ONE_ID = 1;\n\nexport const DefaultPickleballGames = [\n { id: 1, position1Score: '', position2Score: '' },\n { id: 2, position1Score: '', position2Score: '' },\n { id: 3, position1Score: '', position2Score: '' },\n];\n\nexport const switchGameScores = (games) => {\n const switchedGames = games.map((game) => {\n const { id, position1Score, position2Score } = game;\n return {\n id,\n position1Score: position2Score,\n position2Score: position1Score,\n };\n });\n\n return switchedGames;\n};\n\nexport const getValidatedValueForGame = (value) => {\n const maxScoreForGames = 99;\n let score = parseInt(value);\n\n score %= 100;\n\n if (score > maxScoreForGames) {\n score = maxScoreForGames;\n } else if (score < 0) {\n score = 0;\n }\n\n return Number.isNaN(score) ? '' : score;\n};\n\nexport const validatePickleballGame = (game) => {\n const { position1Score, position2Score } = game;\n const minPointsAllowed = 0;\n const maxPointsAllowed = 99;\n const hasTieScore = position1Score === position2Score;\n const hasOutOfRangeScore =\n (position1Score < minPointsAllowed) || (position2Score < minPointsAllowed) ||\n (position1Score > maxPointsAllowed) || (position2Score > maxPointsAllowed);\n\n let error = null;\n\n if (hasOutOfRangeScore) {\n error = `${ValidationErrors.GAME_SCORE_INVALID} ${game.id}`;\n }\n\n if (hasTieScore && game.id === GAME_ONE_ID) {\n error = `${ValidationErrors.GAME_SCORE_NO_TIE} ${game.id}`;\n }\n\n return error;\n};\n\nexport const isValidCompletedGameScore = (game, scoringFormatTypeId) => {\n const hasGameScores = hasScores(game);\n const hasPartialGameScores = hasPartialScores(game);\n let error = null;\n\n if (hasGameScores) {\n switch (scoringFormatTypeId) {\n case SINGLE_GAME:\n case TIME_BASED_GAME:\n case BEST_OF_THREE_GAMES: {\n const validationError = validatePickleballGame(game);\n if (validationError) {\n error = validationError;\n }\n break;\n }\n default:\n break;\n }\n } else if (hasPartialGameScores) {\n error = `${ValidationErrors.GAME_SCORE_INCOMPLETE} ${game.id}`;\n }\n\n return { isValidCompletedGame: !error, error };\n};\n\nexport const getWinnerForGames = (games, matchOutcome, scoringFormatTypeId) => {\n let validationError = null;\n let isWinnerPosition1 = false;\n let tieScoreGameId = null;\n let position1Wins = 0;\n let position2Wins = 0;\n let positionOneTotalPoints = 0;\n let positionTwoTotalPoints = 0;\n\n games.forEach((game) => {\n const hasGameScores = hasScores(game);\n const hasPartialGameScores = hasPartialScores(game);\n const isTieScore = hasScores && game?.position1Score === game?.position2Score;\n\n switch (matchOutcome) {\n case COMPLETED_WITH_PARTIAL_SCORES:\n case COMPLETED: {\n const { error } = isValidCompletedGameScore(game, scoringFormatTypeId);\n if (error) {\n validationError = error;\n break;\n }\n\n if (isPosition1Winner(game)) {\n position1Wins += 1;\n } else if (isPosition2Winner(game)) {\n position2Wins += 1;\n }\n\n positionOneTotalPoints += parseInt(game?.position1Score);\n positionTwoTotalPoints += parseInt(game?.position2Score);\n\n if (isTieScore && game.id !== GAME_ONE_ID) {\n tieScoreGameId = game.id;\n }\n\n if (tieScoreGameId && tieScoreGameId < game.id) {\n validationError = `${ValidationErrors.GAME_SCORE_NO_TIE} ${tieScoreGameId}`;\n }\n\n break;\n }\n case WITHDREW:\n case DEFAULTED:\n if (hasGameScores || hasPartialGameScores) {\n validationError = ValidationErrors.NO_SCORES_FOR_OUTCOME;\n break;\n }\n break;\n case RETIRED: {\n if (!hasGameScores && game.id === GAME_ONE_ID) {\n validationError = ValidationErrors.GAME_SCORES_REQUIRED_FOR_OUTCOME;\n break;\n }\n\n break;\n }\n default:\n break;\n }\n });\n\n if (validationError) {\n return { validationError };\n }\n\n if (matchOutcome === COMPLETED_WITH_PARTIAL_SCORES || matchOutcome === COMPLETED) {\n if (position1Wins > position2Wins) {\n isWinnerPosition1 = true;\n } else if (position1Wins < position2Wins) {\n isWinnerPosition1 = false;\n } else if (position1Wins === position2Wins && positionOneTotalPoints > positionTwoTotalPoints) {\n isWinnerPosition1 = true;\n } else if (position1Wins === position2Wins && positionOneTotalPoints < positionTwoTotalPoints) {\n isWinnerPosition1 = false;\n } else if (position1Wins === position2Wins) {\n validationError = ValidationErrors.NO_WINNER_DETERMINED;\n }\n }\n\n return { validationError, isWinnerPosition1 };\n};\n\nexport const getExistingPickleballMatchGames = (match, isSide1Position1) => {\n const { position1, position2 } = getPositionsForMatch(match, isSide1Position1);\n const position1Result = position1?.sideResult;\n const position2Result = position2?.sideResult;\n\n const hasSet1Position1Score = isNumericScore(position1Result?.set1Score);\n const hasSet1Position2Score = isNumericScore(position2Result?.set1Score);\n\n const hasSet2Position1Score = isNumericScore(position1Result?.set2Score);\n const hasSet2Position2Score = isNumericScore(position2Result?.set2Score);\n\n const hasSet3Position1Score = isNumericScore(position1Result?.set3Score);\n const hasSet3Position2Score = isNumericScore(position2Result?.set3Score);\n\n return [\n {\n id: 1,\n position1Score: hasSet1Position1Score ? position1Result?.set1Score : '',\n position2Score: hasSet1Position2Score ? position2Result?.set1Score : '',\n },\n {\n id: 2,\n position1Score: hasSet2Position1Score ? position1Result?.set2Score : '',\n position2Score: hasSet2Position2Score ? position2Result?.set2Score : '',\n },\n {\n id: 3,\n position1Score: hasSet3Position1Score ? position1Result?.set3Score : '',\n position2Score: hasSet3Position2Score ? position2Result?.set3Score : '',\n },\n ];\n};\n","import React, { useState, useEffect } from 'react';\nimport { cloneDeep, isEqual } from 'lodash';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport { Typography, Button, SwapIcon } from '@universal-tennis/ui-shared';\n\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Container from '@mui/material/Container';\nimport Dialog from '@mui/material/Dialog';\nimport Grid from '@mui/material/Grid';\nimport IconButton from '@mui/material/IconButton';\nimport Slide from '@mui/material/Slide';\nimport Stack from '@mui/material/Stack';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport PickleballGame from './PickleballGame';\nimport { SharedUICategories, TypographySizes } from '../../../utils/constants';\nimport { ResultTypes, getTypeForId, pickleballScoringTypes } from '../../../utils/types';\nimport {\n SideKeys,\n createMatchResults,\n getMatchOutcomeOptions,\n getPositionsForMatch,\n hasScores,\n hasScoresEntered,\n switchMatchScores,\n createDefaultedMatchResults,\n hasDuplicatePlayersInMatch,\n getOutcomeForExistingMatch,\n hasInvalidPlayerCount\n} from '../../../utils/postScoreShared';\n\nimport {\n DefaultPickleballGames,\n getExistingPickleballMatchGames,\n getValidatedValueForGame,\n getWinnerForGames,\n switchGameScores\n} from '../../../utils/postPickleballScore';\n\nimport MatchOutcomeSelect from '../MatchOutcomeSelect';\nimport PlayerSelect from '../PlayerSelect';\n\nconst _ = { cloneDeep, isEqual };\n\nconst Transition = React.forwardRef(function Transition(props, ref) {\n return \n \n
\n \n {!!user?.firstName ? (\n
\n {(user?.onboardingCompleted || !user?.onboardingRequired) && (\n \n {user?.firstName} {user?.lastName}\n
\n ) : (\nWelcome to UTR Sports!
\n )}\n {!user?.onboardingCompleted && user?.onboardingRequired && pathname === `/` && (\n\n {\n ev.preventDefault();\n }}\n href={`${appHost}/home`}\n {...getClickAttrs({\n category: 'Menu',\n context: 'Menu Item - Home',\n location: 'Menu',\n })}\n >\n Home\n \n
\n )}\n \n
\n )}\n {(user?.onboardingCompleted || !user?.onboardingRequired) && (\n <>\n \n {user?.claimedPlayer &&
\n \n
\n \n )}\n\n {user ? (\n handleToggleMyProfile()} className={styles.menuTitle}>\n My Profile {toggleMyProfile ? '-' : '+'}\n
\n {toggleMyProfile && (\n \n {user?.claimedPlayer && (\n
\n )}\n \n
\n )}\n \n
\n ) : (\n \n
\n \n {(user?.isPowered || user?.enableBetaFeatures) &&\n (user?.onboardingCompleted || !user?.onboardingRequired) && (\n
\n \n
\n )}\n {user && !isLoadingMemberTeams && !!memberTeams?.tennis?.length && (\n Clubs, Teams & Groups
\n {clubMembershipsToDisplay.map((clubMembership) => (\n \n
\n )}\n {user && !isLoadingMemberTeams && !!memberTeams?.pickleball?.length && (\n Team Tennis
\n {memberTeams.tennis.slice(0, MAX_TEAM_TENNIS_TEAMS_TO_DISPLAY).map((team) => (\n \n
\n )}\n {user?.isClubOrganizer && (\n Team Pickleball
\n {memberTeams.pickleball.slice(0, MAX_TEAM_TENNIS_TEAMS_TO_DISPLAY).map((team) => (\n \n \n Club Resources\n \n
\n )}\n \n
\n {user?.isPowered && (user?.onboardingCompleted || !user?.onboardingRequired) && (\n \n
\n )}\n {user?.isAdmin && (\n \n )}\n {ratingsListFlag?.isEnabled(user) && (\n Saved Lists
\n \n \n Ratings List\n \n
\n )}\n \n \n Club Resources\n \n
\n \n \n Education\n \n
\n \n
\n \n Players & Organizers {collapsed ? '-' : '+'}\n
\n {collapsed && (\n \n \n Players\n \n \n Organizations\n \n \n College\n \n \n High School\n \n
\n )}\n \n
\n \n
\n handleToggleMyAccount()} className={styles.menuTitle}>\n My Account {toggleMyAccount ? '-' : '+'}\n
\n {toggleMyAccount && (\n \n
\n )}\n \n
\n \n {(user?.onboardingCompleted || !user?.onboardingRequired) && (\n \n UTR Sports\n \n )}\n \n Support\n \n \n Sign Out\n \n
\n \n
\n )}\n \n \n Education\n \n
\n \n \n \n Sign In\n \n \n Join\n \n
\n \n
\n );\n};\n\nexport default Loading;\n","import React from 'react';\n\nimport { useSelector, useDispatch } from 'react-redux';\n\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Divider from '@mui/material/Divider';\n\nimport { hidePopup } from '../../redux/genericPopupSlice';\n\nconst GenericPopup = () => {\n const dispatch = useDispatch();\n const { isOpen, message, title } = useSelector((state) => state.genericPopup);\n\n const handleOnClose = () => {\n dispatch(hidePopup());\n };\n\n return (\n \n
\n \n \n \n \n
\n LOADING
\n\n {main\n ?
\n );\n }\n // Normally, just render children\n return this.props.children;\n }\n}\n\nErrorBoundary.propTypes = {\n ...errorBoundaryPropTypes\n};\n\nexport default ErrorBoundary;\n","import { datadogRum } from '@datadog/browser-rum';\n\nconst DataDog = ({ children }) => {\n datadogRum.init({\n applicationId: 'e9a26508-835c-4bcc-a003-da0fb838ad14',\n clientToken: 'pub352c137fdab790fcc08aef4d3ea64c44',\n // `site` refers to the Datadog site parameter of your organization\n // see https://docs.datadoghq.com/getting_started/site/\n site: 'us3.datadoghq.com',\n service: 'leagues-web',\n env: 'prod',\n // Specify a version number to identify the deployed version of your application in Datadog\n // version: '1.0.0',\n allowedTracingUrls: ['https://leagues-api.utrsports.net/', (url) => url.startsWith('https://leagues-api.utrsports.net/')],\n sessionSampleRate: 40,\n sessionReplaySampleRate: 16,\n trackUserInteractions: true,\n trackResources: true,\n trackLongTasks: true,\n defaultPrivacyLevel: 'mask-user-input',\n });\n\n // Normally, just render children\n return children;\n};\n\nexport default DataDog;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { PersistGate } from 'redux-persist/integration/react';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport { Provider } from 'react-redux';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport './assets/sass/global.scss';\nimport App from './App';\nimport { persistor, store } from './redux/store';\nimport theme from './theme';\nimport ErrorBoundary from './utils/ErrorBoundary';\nimport DataDog from './utils/DataDog';\n\nReactDOM.render(\n Something went wrong.
\n : Something went wrong.}\n\n {error?.toString() && env !== 'production'}\n
\n {errorInfo.componentStack}\n
\n \n {errorInfo.componentStack}\n