{"version":3,"sources":["webpack://_N_E/./components/RankingList/rankingList.module.scss","webpack://_N_E/./components/SubRating/ratingTrend.js","webpack://_N_E/./components/RankingList/RankedPlayerItem.js","webpack://_N_E/./components/RankingList/TabFilters.js","webpack://_N_E/./components/RankingList/GetRatedCta.js","webpack://_N_E/./components/RankingList/index.js"],"names":["module","exports","RatingTrend","props","rating","ratingDifference","changeDirection","valueToDisplay","showDifferenceValue","Math","abs","toFixed","toLowerCase","className","styles","ratingTrend","RankedPlayerItem","nationalFlag","this","nationality","playerCollegeClubProfilePhotoUrl","playerHighSchoolClubProfilePhotoUrl","playerLevel","descriptionItems","playerCollegeDetails","playerGradClassNameAbbreviation","getPlayerGradClassNameAbbreviation","gradClassName","push","toUpperCase","playerHighSchool","stateAbbr","stateName","shortName","name","gender","description","filter","el","join","ranking","rankItem","loading","playerRow","rankItemColumn","Img","src","alt","rankColumn","nationalFlagContainer","href","playerCollegeClubId","playerHighSchoolClubId","nameWrapper","titleCase","displayName","firstName","charAt","lastName","showThirdPartyRanking","threeMonthRatingChangeDetails","thirdPartyRanking","rank","arrowColumn","React","Component","Tab","active","onTabClick","label","value","rankHeaderLink","onClick","TabFilters","tabOptions","tabs","onTabChange","tabHeaderClass","tabHeaderChildren","columnStyle","defaultTab","find","tab","useState","activeTab","setActiveTab","subTabs","length","activeSubTab","setActiveSubTab","handleTabChange","selectedTab","selectedSubTab","handleSubTabChange","rankHeaders","rankHeaderColumn","map","key","subTabLink","target","rel","linkValue","linkName","appHost","config","GetRatedCta","getRatedCta","style","width","height","getRatedButton","RankingList","handleGenderChange","bind","handleShowAllClicked","selectedGender","onGenderChanged","tabState","onTabChanged","e","preventDefault","onShowAllClicked","count","items","i","title","subtitle","hideTitle","displayCount","players","showGetRated","hideFooter","footerTitle","playerLinkRedirectValue","homeTopRankings","rankWrapper","topHeader","default","bb","slice","player","id","Fragment","footer","footerLink","renderLoading"],"mappings":"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","file":"static/chunks/663e20087f362b231c62072f2e2fe49e558e6dc2.fe152dbd65837bacbeec.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"section\":\"rankingList_section__yiNQe\",\"rankItem\":\"rankingList_rankItem__3V_xV\",\"title\":\"rankingList_title__nQxVD\",\"text\":\"rankingList_text__2CVIq\",\"homeTopRankings\":\"rankingList_homeTopRankings__3Bjow\",\"rankWrapper\":\"rankingList_rankWrapper__2n_aF\",\"rankHeaders\":\"rankingList_rankHeaders__bjDEi\",\"topHeader\":\"rankingList_topHeader__2GyKf\",\"footer\":\"rankingList_footer__3q8Nk\",\"rankHeaderLink\":\"rankingList_rankHeaderLink__28dI9\",\"footerLink\":\"rankingList_footerLink__1QP-y\",\"rankHeaderColumn\":\"rankingList_rankHeaderColumn__2bxd-\",\"bb\":\"rankingList_bb__1-xf_\",\"rankItemColumn\":\"rankingList_rankItemColumn__1NA1U\",\"name\":\"rankingList_name__2L6bQ\",\"rankColumn\":\"rankingList_rankColumn__dh4M5\",\"arrowColumn\":\"rankingList_arrowColumn__3Nnln\",\"description\":\"rankingList_description__u43JY\",\"nationalFlagContainer\":\"rankingList_nationalFlagContainer__3yUFo\",\"nationalFlag\":\"rankingList_nationalFlag__3fIdu\",\"playerRow\":\"rankingList_playerRow__3Kn8j\",\"loading\":\"rankingList_loading__2g4Ge\",\"loadBtn\":\"rankingList_loadBtn__323QI\",\"getRatedCta\":\"rankingList_getRatedCta__20B1d\",\"getRatedButton\":\"rankingList_getRatedButton__vWxzb\"};","import React from 'react';\nimport styles from './ratingTrend.module.scss';\n\nconst RatingTrend = (props) => {\n    const { rating, ratingDifference, changeDirection, showDifferenceValue } = props;\n    const valueToDisplay = showDifferenceValue ? Math.abs(ratingDifference).toFixed(2) : rating.toFixed(2);\n\n    if (changeDirection.toLowerCase() === 'up') {\n        return (\n            <span className={styles.ratingTrend}>\n                <i className=\"utr utr-collapse\" />\n                <span>{valueToDisplay}</span>\n            </span>\n        );\n    } if (changeDirection.toLowerCase() === 'down') {\n        return (\n            <span className={styles.ratingTrend}>\n                <i className=\"utr utr-expand\" />\n                <span>{valueToDisplay}</span>\n            </span>\n        );\n    }\n    if (changeDirection.toLowerCase() === 'none') {\n        return (\n            <span className={styles.ratingTrend}>\n                <i className=\"utr\" />\n                <span>{valueToDisplay}</span>\n            </span>\n        );\n    }\n    return (\n        <span className={styles.ratingTrend}>--</span>\n    );\n};\n\nexport default RatingTrend;\n","/* eslint-disable no-nested-ternary */\n/* eslint-disable react/prefer-stateless-function */\nimport React from 'react';\nimport Link from 'next/link';\n\nimport { titleCase } from '../../utils/formatting';\nimport styles from './rankingList.module.scss';\nimport RatingTrend from '../SubRating/ratingTrend';\nimport { getPlayerGradClassNameAbbreviation } from '../../utils';\nimport Img from '../Img';\n\nclass RankedPlayerItem extends React.Component {\n    render() {\n        const nationalFlag = this.props.nationality ? `/img/flags/${this.props.nationality.toLowerCase()}.svg` : '';\n        const playerCollegeClubProfilePhotoUrl = this.props.playerCollegeClubProfilePhotoUrl ? `/v1/club/${this.props.playerCollegeClubProfilePhotoUrl}?variant=icon` : null;\n        const playerHighSchoolClubProfilePhotoUrl = this.props.playerHighSchoolClubProfilePhotoUrl ? `/v1/club/${this.props.playerHighSchoolClubProfilePhotoUrl}?variant=icon` : null;\n        const { playerLevel } = this.props;\n        const descriptionItems = [];\n        if (playerLevel && playerLevel.toLowerCase() === 'college') {\n            if (this.props.playerCollegeDetails) {\n                const playerGradClassNameAbbreviation = getPlayerGradClassNameAbbreviation(this.props.playerCollegeDetails.gradClassName);\n                if (playerGradClassNameAbbreviation) {\n                    descriptionItems.push(playerGradClassNameAbbreviation.toUpperCase());\n                }\n            }\n        } if (playerLevel && playerLevel.toLowerCase() === 'highschool') {\n            if (this.props.playerHighSchool) {\n                descriptionItems.push(this.props.playerHighSchool.stateAbbr || this.props.playerHighSchool.stateName);\n                descriptionItems.push(this.props.playerHighSchool.shortName || this.props.playerHighSchool.name);\n            }\n        } else {\n            if (this.props.gender === 'Male') {\n                descriptionItems.push('M');\n            }\n            if (this.props.gender === 'Female') {\n                descriptionItems.push('F');\n            }\n        }\n        if (this.props.nationality) {\n            descriptionItems.push(this.props.nationality);\n        }\n        const description = descriptionItems.filter((el) => { return el; }).join(' \\u00B7 ');\n\n        const { rating, ranking } = this.props;\n\n        return (\n            <div className={`${styles.rankItem}`}>\n                {!this.props.loading\n                    ? (\n                        <div className={`row ${styles.playerRow}`}>\n                            <div className={`col-1 ${styles.rankItemColumn} ${styles.rankColumn}`}>\n                                {ranking}\n                            </div>\n                            <div className={`col-1 ${styles.nationalFlagContainer}`}>\n                                {playerLevel && playerLevel.toLowerCase() === 'college' && playerCollegeClubProfilePhotoUrl && this.props.nationality ? (\n                                    <Link href={`/colleges/${this.props.playerCollegeClubId}`}>\n                                        <Img src={playerCollegeClubProfilePhotoUrl} className={styles.nationalFlag} alt={this.props.nationality} />\n                                    </Link>\n                                ) : (playerLevel && playerLevel.toLowerCase() === 'highschool' && playerHighSchoolClubProfilePhotoUrl && this.props.nationality ? (\n                                    <Link href={`/schools/${this.props.playerHighSchoolClubId}`}>\n                                        <Img src={playerHighSchoolClubProfilePhotoUrl} className={styles.nationalFlag} alt={this.props.nationality} />\n                                    </Link>\n                                ) : (\n                                    this.props.nationality && (\n                                        <Img src={nationalFlag} className={styles.nationalFlag} alt={this.props.nationality} />\n                                    )\n                                ))}\n                            </div>\n                            <div className={`col-5 col-sm-5 ${styles.rankItemColumn} jcfs`}>\n                                <div className={styles.nameWrapper}>\n                                    <div className={styles.name}>\n                                        <span className=\"d-none d-md-flex\">{titleCase(this.props.displayName)}</span>\n                                        <span className=\"d-flex d-md-none\">{this.props.firstName.charAt(0)}. {titleCase(this.props.lastName)}</span>\n                                    </div>\n                                    <div className={styles.description}>\n                                        {description}\n                                    </div>\n                                </div>\n                            </div>\n                            <div className={`col-2 ${this.props.showThirdPartyRanking ? 'col-sm-1' : 'col-sm-2'} text-center ${styles.rankItemColumn}`}>\n                                {rating.toFixed(2)}\n                            </div>\n                            <div className={`col-3 ${this.props.showThirdPartyRanking ? 'col-sm-2' : 'col-sm-3'} text-center text-nowrap ${styles.rankItemColumn}`}>\n                                <RatingTrend {...this.props.threeMonthRatingChangeDetails} />\n                            </div>\n                            <div className={`col-1 d-none ${this.props.showThirdPartyRanking ? 'd-sm-flex' : ''} text-center text-nowrap ${styles.rankItemColumn}`}>\n                                {this.props.thirdPartyRanking ? this.props.thirdPartyRanking.rank : '--'}\n                            </div>\n                            <div className={`col-1 text-center ${styles.rankItemColumn} ${styles.arrowColumn} d-none ${this.props.showThirdPartyRanking ? 'd-sm-flex' : ''}`}>\n                                <span>→</span>\n                            </div>\n                        </div>\n                    ) : (\n                        <div className={`row ${styles.playerRow}`}>\n                            <div className={`col-12 ${styles.rankItemColumn}`}>\n                                <div className={styles.loading}>\n                                    <Img src=\"/img/loading/ranked-player-loader.gif\" alt=\"loading\" />\n                                </div>\n                            </div>\n                        </div>\n                    )}\n            </div>\n        );\n    }\n}\n\nexport default RankedPlayerItem;\n","import React, { useState } from 'react';\n\nimport styles from './rankingList.module.scss';\n\nconst Tab = (props) => {\n    const { active, onTabClick, label, value } = props;\n    const handleClick = () => {\n        onTabClick(value);\n    };\n    return (\n        <span\n            className={`${styles.rankHeaderLink} ${active ? 'active' : ''}`}\n            onClick={handleClick}\n        >\n            {label}\n        </span>\n    );\n};\n\nconst TabFilters = (props) => {\n    const { tabOptions, tabOptions: { tabs }, onTabChange, tabHeaderClass, tabHeaderChildren, columnStyle, filter } = props;\n    const defaultTab = tabs && tabs.find(tab => tab.default);\n    const [activeTab, setActiveTab] = useState(defaultTab || {});\n    const [activeSubTab, setActiveSubTab] = useState(defaultTab && defaultTab.subTabs && defaultTab.subTabs.length > 0 && defaultTab.subTabs[0]);\n\n    const handleTabChange = (value) => {\n        const active = tabs.find(tab => tab.value === value);\n        setActiveTab(active);\n        setActiveSubTab(null);\n\n        if (onTabChange) {\n            onTabChange({\n                selectedTab: active,\n                selectedSubTab: null,\n            });\n        }\n    };\n\n    const handleSubTabChange = (value) => {\n        const active = activeTab.subTabs.find(tab => tab.value === value);\n        setActiveSubTab(active);\n        if (onTabChange) {\n            onTabChange({\n                selectedTab: activeTab,\n                selectedSubTab: active || null,\n            });\n        }\n    };\n\n    return (\n        <>\n            <div className={`row ${styles.rankHeaders} ${tabHeaderClass}`}>\n                <div className={`${styles.rankHeaderColumn} ${columnStyle} d-grid`}>\n                    {tabOptions.tabs && tabOptions.tabs.map(tab => {\n                        return (\n                            <Tab key={tab.value} active={activeTab.value === tab.value} label={tab.name} value={tab.value} onTabClick={handleTabChange} />\n                        );\n                    })}\n                    {filter}\n                </div>\n                {tabHeaderChildren}\n                {(activeTab && activeTab.subTabs) && (\n                    <div className={`${styles.rankHeaderColumn} ${columnStyle} text-center mt16 `}>\n                        {activeTab.subTabs.map(tab => {\n                            return (\n                                <Tab key={tab.value} active={activeSubTab ? activeSubTab.value === tab.value : false} label={tab.name} value={tab.value} onTabClick={handleSubTabChange} />\n                            );\n                        })}\n                        {activeTab.subTabLink && (\n                            <span\n                                className={`${styles.rankHeaderLink}`}\n                            >\n                                <a target=\"_blank\" rel=\"noopener noreferrer\" href={`${activeTab.subTabLink.linkValue}`}>{activeTab.subTabLink.linkName}</a>\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n        </>\n    );\n};\n\nexport default TabFilters;\n","import React from 'react';\nimport Img from '../Img';\nimport config from '../../config';\n\nimport styles from './rankingList.module.scss';\n\nconst { appHost } = config;\n\nconst GetRatedCta = () => {\n    return (\n        <div className={`${styles.rankItem} ${styles.getRatedCta}`}>\n            <div className={`row ${styles.playerRow}`}>\n                <div className={`col-1 ${styles.rankItemColumn} ${styles.rankColumn} text-teal`}>\n                    ?\n                </div>\n                <div className=\"col-1 d-flex jcc aic\">\n                    <Img src=\"/img/default-profile-icon-120-x-120.svg\" style={{ width: '40px', height: '40px' }} />\n                </div>\n                <div className={`col-5 col-sm-5 ${styles.rankItemColumn} jcfs`}>\n                    <div className={`${styles.name} text-gray`}>\n                        How do you compare?\n                    </div>\n                </div>\n                <div className={`col-5 d-flex jce aic`}>\n                    <span\n                        className={`d-none d-md-inline-block`}\n                    >See where you fit\n                    </span>\n                    <a href={`${appHost}/join`}>\n                        <span\n                            className={`btn btn-md btn-primary ml16 mr16 ${styles.getRatedButton}`}\n                        >\n                            Get Rated\n                        </span>\n                    </a>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default GetRatedCta;\n","import React, { Component } from 'react';\n\nimport RankedPlayerItem from './RankedPlayerItem';\nimport TabFilters from './TabFilters';\nimport GetRatedCta from './GetRatedCta';\nimport { LinkAnchor } from '../Links';\n\nimport styles from './rankingList.module.scss';\n\nclass RankingList extends Component {\n    constructor(props) {\n        super(props);\n        this.handleGenderChange = this.handleGenderChange.bind(this);\n        this.handleTabChange = this.handleTabChange.bind(this);\n        this.handleShowAllClicked = this.handleShowAllClicked.bind(this);\n    }\n\n    handleGenderChange(selectedGender) {\n        if (this.props.onGenderChanged) this.props.onGenderChanged(selectedGender.selectedTab.value);\n    }\n\n    handleTabChange(tabState) {\n        if (this.props.onTabChanged) this.props.onTabChanged(tabState);\n    }\n\n    handleShowAllClicked(e) {\n        e.preventDefault();\n        if (this.props.onShowAllClicked) this.props.onShowAllClicked();\n    }\n\n    renderLoading(count) {\n        const items = [];\n        for (let i = 0; i < count; i += 1) {\n            items.push(\n                <div key={i}>\n                    <RankedPlayerItem\n                        loading\n                    />\n                </div>,\n            );\n        }\n        return <div>{items}</div>;\n    }\n\n    render() {\n        const { title, subtitle, hideTitle, className, tabOptions, showThirdPartyRanking, loading, displayCount, players, showGetRated, playerLevel, hideFooter, footerTitle, filter, gender, ranking, rating, playerLinkRedirectValue } = this.props;\n        return (\n            <div className={`${styles.homeTopRankings} ${className}`}>\n                <div className=\"container\">\n                    <div className={`mt56`}>\n                        <div className={`hp-title ${hideTitle ? 'd-none' : 'd-block'}`}>\n                            <h3>{title}</h3>\n                            {subtitle && <p className=\"text-small\">{subtitle}</p>}\n                        </div>\n                        <div className={`${styles.rankWrapper}`}>\n                            {tabOptions && <TabFilters columnStyle={'col-12 text-center'} tabOptions={tabOptions} tabHeaderClass={styles.topHeader} onTabChange={this.handleTabChange} />}\n                            <TabFilters\n                                columnStyle={`col-7 text-left`}\n                                tabOptions={{\n                                    tabs: [{ name: 'MEN', value: 'm', default: true }, { name: 'WOMEN', value: 'f' }],\n                                }}\n                                filter={filter}\n                                tabHeaderClass={styles.bb}\n                                onTabChange={this.handleGenderChange}\n                                tabHeaderChildren={(\n                                    <>\n                                        <div className={`col-2 ${showThirdPartyRanking ? 'col-sm-1' : 'col-sm-2'} text-center ${styles.rankHeaderColumn}`}>UTR</div>\n                                        <div className={`col-3 ${showThirdPartyRanking ? 'col-sm-2' : 'col-sm-3'} text-center ${styles.rankHeaderColumn}`}>3 Mo.<span className=\"d-none d-md-inline\">Trend</span></div>\n                                        <div className={`col-1 d-none ${showThirdPartyRanking ? 'd-sm-block' : ''} text-center ${styles.rankHeaderColumn}`}>{gender === 'm' ? 'ATP' : 'WTA'}</div>\n                                        <div className={`col-1 d-none ${showThirdPartyRanking ? 'd-sm-block' : ''} text-center ${styles.rankHeaderColumn}`} />\n                                    </>\n                                )}\n                            />\n                            <div>\n                                {(players && players.length > 0) && !loading && players.slice(0, displayCount).map(player => {\n                                    return (\n                                        <LinkAnchor href={playerLinkRedirectValue ? `app:/profiles/${player.id}${playerLinkRedirectValue}` : `app:/profiles/${player.id}`} key={player.id}>\n                                            <RankedPlayerItem\n                                                {...player}\n                                                showThirdPartyRanking={showThirdPartyRanking}\n                                                playerLevel={playerLevel}\n                                                ranking={ranking(player)}\n                                                rating={rating(player)}\n                                            />\n                                        </LinkAnchor>\n                                    );\n                                })}\n                                {((players && players.length > 0) && !loading) && (\n                                    <React.Fragment>\n                                        {showGetRated && (\n                                            <GetRatedCta />\n                                        )}\n                                        {!hideTitle && !hideFooter && (\n                                            <div className={`row ${styles.rankHeaders} ${styles.footer}`}>\n                                                <div className={`col ${styles.rankHeaderColumn} text-left`}>\n                                                    <a className={styles.footerLink} onClick={this.handleShowAllClicked}>\n                                                        {footerTitle}\n                                                    </a>\n                                                </div>\n                                            </div>\n                                        )}\n                                    </React.Fragment>\n                                )}\n                                {((players && players.length === 0) || loading) &&\n                                    this.renderLoading(displayCount)}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default RankingList;\n"],"sourceRoot":""}