Draft
;\n }\n if (isPlaying && isOrganizer) {\n return (\n Player
\n Organizer
\n Player
;\n } if (isOrganizer) {\n return Organizer
;\n }\n switch (eventState.value) {\n case 'pre_registration':\n return Pre Reg
;\n case 'open_registration':\n return Open
;\n case 'registration_closed':\n return Closed
;\n case 'in_progress':\n return In Progress
;\n case 'completed':\n return Completed
;\n default:\n return ;\n }\n };\n\n const hasBackgroundImage = () => {\n return !!(photoImages.default || photoImages.dashboard.oneX);\n };\n\n return (\n \n \n\n
\n \n \n
\n \n
\n \n
\n {/* club && club.name && !(force && force.small) && (\n Featured
\n {getTag()}\n \n {club.name}\n
\n ) */}\n \n {eventName}\n
\n {!(force && force.small) && (\n \n
\n )}\n \n \n
\n \n
\n \n \n {(featureFlags.bookmarks.isEnabled(auth.user)) && }\n
\n \n
\n \n {getEventMonths(eventSchedule)}\n
\n \n {getEventDates(eventSchedule)}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n Featured
\n \n {title}\n
\n \n
\n \n {\n image &&\n (\n \n {bgImg(image.desktop)}\n \n )\n }\n {\n image &&\n (\n \n {bgImg(image.mobile)}\n \n )\n }\n \n
\n \n
\n );\n }\n}\n\nexport default FeaturedEvents;\n","/* eslint-disable react/no-array-index-key */\nimport React, { Component } from 'react';\nimport YouTube from 'react-youtube';\nimport { FeaturedProEventCard, LoadingCard } from '../../cards';\n\nclass FeaturedProEvents extends Component {\n constructor() {\n super();\n this.state = {};\n }\n\n render() {\n const { featuredProEvents = [] } = this.props;\n const getVideoLink = (videolink) => {\n return videolink.split('v=')[1];\n };\n\n return (\n \n
\n \n Featured Events\n
\n {featuredEvents && featuredEvents.length ? (\n \n {featuredEvents.map((featuredItem, i) => {\n return (\n
\n ) : (\n \n
\n );\n })}\n \n
\n )}\n \n
\n \n
\n \n
\n );\n }\n}\n\nexport default FeaturedProEvents;\n","import React from 'react';\nimport Img from '../../Img';\nimport { LinkAnchor } from '../../Links';\n\nimport styles from './slide.module.scss';\n\nconst bgImg = (imageObj) => {\n if (imageObj && imageObj.oneX && imageObj.twoX && imageObj.threeX) {\n return (\n \n
\n \n {featuredProEvents.title}\n
\n {featuredProEvents && featuredProEvents.data && featuredProEvents.data.length ? (\n \n {featuredProEvents.data.map((featuredItem, i) => {\n return (\n
\n ) : (\n \n {(featuredItem.videolink) ? (\n \n \n ) : (\n
\n );\n })}\n \n
\n )}\n \n
\n \n
\n \n
\n );\n};\n\nexport default FeaturedCardSlide;\n","/* eslint-disable react/no-array-index-key */\n/* eslint-disable no-return-assign */\n/* eslint-disable react/no-string-refs */\nimport React, { Component } from 'react';\nimport Slider from 'react-slick';\nimport { Waypoint } from 'react-waypoint';\nimport CardSlide from './Slide';\nimport Img from '../../Img';\n\nimport styles from './featuredCardSlider.module.scss';\n\nclass FeaturedCardSlider extends Component {\n constructor(props) {\n super(props);\n this.state = {\n currentIndex: 0,\n autoplay: false,\n };\n this.handleMoveForward = this.handleMoveForward.bind(this);\n this.handleMoveBack = this.handleMoveBack.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleOnEnter = this.handleOnEnter.bind(this);\n }\n\n componentDidMount() {\n this.setState({ showSlider: true });\n }\n\n handleMoveForward() {\n this.slider.slickNext();\n }\n\n handleMoveBack() {\n this.slider.slickPrev();\n }\n\n handleChange(currentSlide) {\n this.setState({ currentIndex: currentSlide });\n }\n\n handleOnEnter() {\n this.setState({ autoplay: true });\n this.forceUpdate();\n }\n\n render() {\n const responsive = [{ breakpoint: 1240, settings: { slidesToShow: 1 } }];\n const settings = {\n dots: false,\n infinite: true,\n speed: 500,\n slidesToShow: 3,\n slidesToScroll: 1,\n responsive,\n arrows: false,\n autoplay: this.state.autoplay,\n afterChange: this.handleChange,\n initialSlide: 0,\n autoplaySpeed: 6000,\n };\n return (\n \n \n \n
\n \n {props.title}\n
\n \n {props.copy}\n
\n \n \n {bgImg(desktopImg)}\n \n \n {bgImg(mobileImg)}\n \n
\n \n this.setState({ showPolicyPopup: false })}\n history={this.props.history}\n handleAccept={this.handleAccept}\n />\n )} */}\n
\n );\n }\n}\n\nfunction mapStateToProps({ homepage, homepageV2, coreUI }) {\n return { homepage, homepageV2, coreUI };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n fetchHomepageContent: (token) => {\n dispatch(homepageActions.fetchHomepageContent(token));\n },\n getHomepageEvents: () => {\n dispatch(getHomepageEvents());\n },\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(HomePage);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"hero_title__2x1Yt\",\"titleText\":\"hero_titleText__1MfQQ\",\"hero\":\"hero_hero__3dH-T\",\"joinBtn\":\"hero_joinBtn__2auEr\",\"cta\":\"hero_cta__vior2\",\"ctaText\":\"hero_ctaText__BXBxL\",\"heroContent\":\"hero_heroContent__2_VKS\",\"heroCaption\":\"hero_heroCaption__30NeI\",\"backgroundWrapper\":\"hero_backgroundWrapper__3xIIw\",\"img\":\"hero_img__1gSky\",\"backgroundOverlay\":\"hero_backgroundOverlay__2lFKm\",\"heroText\":\"hero_heroText__2OP5_\",\"heroLink\":\"hero_heroLink__3ENtv\",\"br\":\"hero_br__3QMVY\",\"videoPlay\":\"hero_videoPlay__3uXj8\",\"hasIcon\":\"hero_hasIcon__18hLv\",\"heroLinkWrapper\":\"hero_heroLinkWrapper__3AoFj\",\"arrow\":\"hero_arrow__10lHm\",\"hideSm\":\"hero_hideSm__3idWw\",\"captionDivider\":\"hero_captionDivider__fqvja\",\"caption\":\"hero_caption__3dyjr\",\"hideLg\":\"hero_hideLg__1JaUU\",\"underline\":\"hero_underline__q4yNh\",\"backgroundVideo\":\"hero_backgroundVideo__24N3f\",\"blockLine\":\"hero_blockLine__3DOeX\"};","/*!\n * JavaScript Cookie v2.2.1\n * https://github.com/js-cookie/js-cookie\n *\n * Copyright 2006, 2015 Klaus Hartl & Fagner Brack\n * Released under the MIT license\n */\n;(function (factory) {\n\tvar registeredInModuleLoader;\n\tif (typeof define === 'function' && define.amd) {\n\t\tdefine(factory);\n\t\tregisteredInModuleLoader = true;\n\t}\n\tif (typeof exports === 'object') {\n\t\tmodule.exports = factory();\n\t\tregisteredInModuleLoader = true;\n\t}\n\tif (!registeredInModuleLoader) {\n\t\tvar OldCookies = window.Cookies;\n\t\tvar api = window.Cookies = factory();\n\t\tapi.noConflict = function () {\n\t\t\twindow.Cookies = OldCookies;\n\t\t\treturn api;\n\t\t};\n\t}\n}(function () {\n\tfunction extend () {\n\t\tvar i = 0;\n\t\tvar result = {};\n\t\tfor (; i < arguments.length; i++) {\n\t\t\tvar attributes = arguments[ i ];\n\t\t\tfor (var key in attributes) {\n\t\t\t\tresult[key] = attributes[key];\n\t\t\t}\n\t\t}\n\t\treturn result;\n\t}\n\n\tfunction decode (s) {\n\t\treturn s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);\n\t}\n\n\tfunction init (converter) {\n\t\tfunction api() {}\n\n\t\tfunction set (key, value, attributes) {\n\t\t\tif (typeof document === 'undefined') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tattributes = extend({\n\t\t\t\tpath: '/'\n\t\t\t}, api.defaults, attributes);\n\n\t\t\tif (typeof attributes.expires === 'number') {\n\t\t\t\tattributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);\n\t\t\t}\n\n\t\t\t// We're using \"expires\" because \"max-age\" is not supported by IE\n\t\t\tattributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';\n\n\t\t\ttry {\n\t\t\t\tvar result = JSON.stringify(value);\n\t\t\t\tif (/^[\\{\\[]/.test(result)) {\n\t\t\t\t\tvalue = result;\n\t\t\t\t}\n\t\t\t} catch (e) {}\n\n\t\t\tvalue = converter.write ?\n\t\t\t\tconverter.write(value, key) :\n\t\t\t\tencodeURIComponent(String(value))\n\t\t\t\t\t.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);\n\n\t\t\tkey = encodeURIComponent(String(key))\n\t\t\t\t.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)\n\t\t\t\t.replace(/[\\(\\)]/g, escape);\n\n\t\t\tvar stringifiedAttributes = '';\n\t\t\tfor (var attributeName in attributes) {\n\t\t\t\tif (!attributes[attributeName]) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tstringifiedAttributes += '; ' + attributeName;\n\t\t\t\tif (attributes[attributeName] === true) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Considers RFC 6265 section 5.2:\n\t\t\t\t// ...\n\t\t\t\t// 3. If the remaining unparsed-attributes contains a %x3B (\";\")\n\t\t\t\t// character:\n\t\t\t\t// Consume the characters of the unparsed-attributes up to,\n\t\t\t\t// not including, the first %x3B (\";\") character.\n\t\t\t\t// ...\n\t\t\t\tstringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n\t\t\t}\n\n\t\t\treturn (document.cookie = key + '=' + value + stringifiedAttributes);\n\t\t}\n\n\t\tfunction get (key, json) {\n\t\t\tif (typeof document === 'undefined') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar jar = {};\n\t\t\t// To prevent the for loop in the first place assign an empty array\n\t\t\t// in case there are no cookies at all.\n\t\t\tvar cookies = document.cookie ? document.cookie.split('; ') : [];\n\t\t\tvar i = 0;\n\n\t\t\tfor (; i < cookies.length; i++) {\n\t\t\t\tvar parts = cookies[i].split('=');\n\t\t\t\tvar cookie = parts.slice(1).join('=');\n\n\t\t\t\tif (!json && cookie.charAt(0) === '\"') {\n\t\t\t\t\tcookie = cookie.slice(1, -1);\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tvar name = decode(parts[0]);\n\t\t\t\t\tcookie = (converter.read || converter)(cookie, name) ||\n\t\t\t\t\t\tdecode(cookie);\n\n\t\t\t\t\tif (json) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tcookie = JSON.parse(cookie);\n\t\t\t\t\t\t} catch (e) {}\n\t\t\t\t\t}\n\n\t\t\t\t\tjar[name] = cookie;\n\n\t\t\t\t\tif (key === name) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} catch (e) {}\n\t\t\t}\n\n\t\t\treturn key ? jar[key] : jar;\n\t\t}\n\n\t\tapi.set = set;\n\t\tapi.get = function (key) {\n\t\t\treturn get(key, false /* read as raw */);\n\t\t};\n\t\tapi.getJSON = function (key) {\n\t\t\treturn get(key, true /* read as json */);\n\t\t};\n\t\tapi.remove = function (key, attributes) {\n\t\t\tset(key, '', extend(attributes, {\n\t\t\t\texpires: -1\n\t\t\t}));\n\t\t};\n\n\t\tapi.defaults = {};\n\n\t\tapi.withConverter = init;\n\n\t\treturn api;\n\t}\n\n\treturn init(function () {});\n}));\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"section\":\"featuredCardSlider_section__1HBhN\",\"title\":\"featuredCardSlider_title__lLLGL\",\"backBtn\":\"featuredCardSlider_backBtn__2zAxq\",\"nextBtn\":\"featuredCardSlider_nextBtn__1FgYD\",\"carouselWrapper\":\"featuredCardSlider_carouselWrapper__3SS_a\",\"carouselWrapperInner\":\"featuredCardSlider_carouselWrapperInner__1wiTh\"};"],"sourceRoot":""}\n
\n );\n }\n}\n\nexport default FeaturedCardSlider;\n","/* eslint-disable camelcase */\n/* eslint-disable no-unused-vars */\n/* eslint-disable no-unused-expressions */\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport Cookies from 'js-cookie';\nimport Prismic from 'prismic-javascript';\n\nimport HeroSlider from '../components/Home/HeroSlider';\nimport Partners from '../components/Home/Partners';\nimport Explore from '../components/Home/Explore';\nimport TopRankingsList from '../components/Home/TopRankingList';\nimport FeaturedEvents from '../components/Home/FeaturedEvents';\nimport FeaturedProEvents from '../components/Home/FeaturedProEvents';\nimport Testimonials2 from '../components/Home/Testimonials2';\nimport FeaturedCardSlider from '../components/Home/FeaturedCardSlider/index';\nimport Notifications from '../components/Home/Notifications';\nimport GetInTouch from '../components/Home/GetInTouch';\nimport Head from '../components/Meta';\n\nimport PrivacyPolicyPopup from '../components/Home/PrivacyPolicyPopup';\n\nimport RenderPrismicContent from '../components/RenderPrismicContent';\n\nimport config, { appHost } from '../config';\nimport featureFlags from '../flagContainer';\nimport { getTypes } from '../redux/actions/combined-actions';\nimport * as homepageActions from '../redux/actions/homepage-actions';\nimport { getHomepageContent, getHomepageEvents } from '../redux/actions/v2/homepage-actions';\nimport { getBackgroundClass } from '../utils/styling';\n\nimport {\n fetchTopMenByTags,\n fetchTopWomenByTags,\n} from '../redux/actions/top-ranked-actions';\n\nimport styles from './home.module.scss';\n\nclass HomePage extends React.Component {\n static async getInitialProps({ store }) {\n // console.log('Index getInitialProps store.coreUI', store.getState());\n const { homepage, homepageV2, topRanked, coreUI } = store.getState();\n if (!(homepage && homepage.homepageContentLoaded)) {\n await store.dispatch(homepageActions.fetchHomepageContent());\n }\n\n if (!(homepageV2 && homepageV2.prismicContentLoaded)) {\n await store.dispatch(getHomepageContent());\n }\n\n if (\n !(\n topRanked &&\n topRanked.men.players.length &&\n topRanked.women.players.length\n )\n ) {\n await store.dispatch(fetchTopMenByTags());\n await store.dispatch(fetchTopWomenByTags());\n }\n\n if (!(coreUI && coreUI.types)) {\n await store.dispatch(getTypes());\n }\n }\n\n constructor(props) {\n super(props);\n this.state = {\n // showPolicyPopup: false,\n };\n\n // this.handleAccept = this.handleAccept.bind(this);\n }\n\n componentDidMount() {\n const previewRef = Cookies.get(Prismic.previewCookie);\n // const policyAcceptedCookie = Cookies.get('policy-accepted');\n if (previewRef) {\n const previewObj = JSON.parse(previewRef);\n if (previewObj['myutrcom.prismic.io']) {\n this.props.fetchHomepageContent(\n previewObj['myutrcom.prismic.io'].preview,\n );\n }\n }\n this.props.getHomepageEvents();\n // if (!policyAcceptedCookie) {\n // this.setState({\n // showPolicyPopup: true,\n // });\n // }\n }\n\n // handleAccept() {\n // Cookies.set('policy-accepted');\n // this.setState({\n // showPolicyPopup: false,\n // });\n // }\n\n render() {\n // eslint-disable-next-line no-unused-vars\n const { homepage, homepageV2, topRanked } = this.props;\n const { homepageContent } = homepage;\n const { carouselType } = featureFlags;\n const slides = homepageContent && homepageContent.carousel;\n const partners = homepageContent.feauturedPartners;\n partners && partners.sort((a, b) => a.order - b.order);\n slides && slides.sort((a, b) => a.order - b.order);\n const contentPath = config.staticCdnUrl ? config.staticCdnUrl : '';\n const videoHeroContent = {\n ...homepageContent.heroVideoContent,\n heroImage: {\n video: `${contentPath}${\n homepageContent.heroVideoContent &&\n homepageContent.heroVideoContent.video\n }`,\n videoPoster: `${contentPath}${\n homepageContent.heroVideoContent &&\n homepageContent.heroVideoContent.videoposter\n }`,\n },\n };\n\n const themeV2 = featureFlags.themeV2.isEnabled();\n\n console.log('homepage props', this.props);\n\n return (\n \n
\n \n {/*
\n */}\n {this.state.showSlider && (\n this.slider = c}>\n {this.props.featuredCards && this.props.featuredCards.map((featuredCard, i) => {\n if (featuredCard.is_active) {\n return (\n \n )}\n \n ![](\"/img/left-arrow.svg\")
\n \n \n ![](\"/img/right-arrow.svg\")
\n \n
\n \n \n \n \n \n
\n {themeV2 ? (\n <>\n