{"version":3,"sources":["webpack://_N_E/./components/Meta/index.jsx","webpack://_N_E/./redux/actions/homepage-actions.js","webpack://_N_E/./components/Home/Hero/hero.module.scss","webpack://_N_E/./node_modules/js-cookie/src/js.cookie.js","webpack://_N_E/./components/Home/Hero/index.js"],"names":["Meta","props","tags","length","map","tag","i","React","createElement","name","key","content","metaTags","metaTag","property","Head","title","description","keywords","image","config","siteBaseUrl","url","imageWidth","imageHeight","apiHost","fetchHomepageContent","previewToken","dispatch","a","type","fetch","then","res","json","data","error","module","exports","factory","OldCookies","window","Cookies","api","noConflict","extend","result","arguments","attributes","decode","s","replace","decodeURIComponent","init","converter","set","value","document","path","defaults","expires","Date","toUTCString","JSON","stringify","test","e","write","encodeURIComponent","String","escape","stringifiedAttributes","attributeName","split","cookie","get","jar","cookies","parts","slice","join","charAt","read","parse","getJSON","remove","withConverter","appHost","Hero","state","isOpen","openModal","bind","prismicRedirect","scrollTo","startsWith","open","focus","location","scrollToValue","getElementById","this","Router","push","targetId","scrollIntoView","behavior","alignToTop","block","video","setState","heroImage","videoid","overlayPercent","maintitle","topline","maintitlecolor","authed","subtitlecolor","subtitle","primaryctacopy","sectiontitle","primaryctalink","secondaryctacopy","secondaryctalink","image_caption","secondaryisvideo","utrvideolinkcolor","secondaryisdefaultbtn","desktopBg","desktop","mobileBg","mobile","videoBg","videoPoster","captions","bgOpacity","parseInt","bgImg","imageObj","oneX","twoX","threeX","useRawSrcSet","src","srcSet","style","left","className","channel","videoId","autoplay","onClose","styles","hero","heroContent","dangerouslySetInnerHTML","__html","heroText","color","eventName","traits","pageLocation","uxType","context","joinBtn","onClick","heroLinkWrapper","heroLink","opacity","href","caption","trim","Fragment","heroCaption","backgroundWrapper","img","autoPlay","loop","muted","playsInline","role","poster","backgroundOverlay","Component"],"mappings":"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","file":"static/chunks/e0552586ad97bc728e4b693fcd7a061da9b67042.7440cbb8bf26fdcb788e.js","sourcesContent":["/* eslint-disable array-callback-return */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport { Helmet } from 'react-helmet';\nimport config from '../../config';\n\nconst Meta = (props) => {\n    return (\n        <Helmet>\n            {props.tags && props.tags.length && props.tags.map((tag, i) => {\n                return (\n                    React.createElement(tag.name, { key: `tag${i}` }, tag.content)\n                );\n            })}\n            {props.metaTags && props.metaTags.length && props.metaTags.map((metaTag, i) => {\n                if (metaTag.name && metaTag.property) {\n                    return [\n                        <meta name={metaTag.name} content={metaTag.content} key={`metaName${i}`} />,\n                        <meta property={metaTag.property} content={metaTag.content} key={`metaProperty${i}`} />,\n                    ];\n                }\n                if (metaTag.name) {\n                    return (\n                        <meta name={metaTag.name} content={metaTag.content} key={`metaName${i}`} />\n                    );\n                }\n                if (metaTag.property) {\n                    return (\n                        <meta property={metaTag.property} content={metaTag.content} key={`metaProperty${i}`} />\n                    );\n                }\n            })}\n        </Helmet>\n    );\n};\n\nconst Head = (props) => {\n    return (\n        <Meta\n            tags={[\n                { name: 'title', content: (props.title || 'Universal Tennis - Unifying tennis for everyone') },\n            ]}\n            metaTags={[\n                { name: 'description', content: (props.description || 'UTR is a rating system that provides a single, unifying language and standard for tennis players across ages, geography, gender and economics.') },\n                { name: 'keywords', content: (props.keywords || '') },\n                { property: 'og:type', content: 'website' },\n                { property: 'og:title', content: (props.title || 'Universal Tennis - Unifying tennis for everyone') },\n                { property: 'og:description', content: (props.description || 'UTR is a rating system that provides a single, unifying language and standard for tennis players across ages, geography, gender and economics.') },\n                { property: 'og:image', content: (props.image || `https://www.${config.siteBaseUrl}/img/v2/ut-logo2.svg`) },\n                { property: 'og:url', content: (props.url || `https://${config.siteBaseUrl}`) },\n                { property: 'og:image:width', content: (props.imageWidth || '930') },\n                { property: 'og:image:height', content: (props.imageHeight || '395') },\n                { name: 'twitter:card', content: 'summary' },\n                { name: 'twitter:site', content: '@MyUTR' },\n                { name: 'twitter:creator', content: '@MyUTR' },\n                { name: 'twitter:url', content: (props.url || `https://${config.siteBaseUrl}`) },\n                { name: 'twitter:title', content: (props.title || 'Universal Tennis - Unifying tennis for everyone') },\n                { name: 'twitter:description', content: (props.description || 'UTR is a rating system that provides a single, unifying language and standard for tennis players across ages, geography, gender and economics.') },\n                { name: 'twitter:image', content: (props.image || `https://www.${config.siteBaseUrl}/img/v2/ut-logo2.svg`) },\n            ]}\n        />\n    );\n};\n\nexport default Head;\n","/* eslint-disable consistent-return */\n/* eslint-disable import/prefer-default-export */\nimport fetch from 'isomorphic-unfetch';\nimport config from '../../config';\n\nconst { apiHost } = config;\n\nexport const fetchHomepageContent = previewToken => async (dispatch) => {\n    // console.log('fetchHomepageContent');\n    dispatch({ type: 'HOMEPAGE_CONTENT:FETCH_CONTENT_REQUEST' });\n    if (previewToken) {\n        try {\n            return await fetch(`${apiHost}/v1/content/fetchhomepagecontent?token=${previewToken}`)\n                .then(res => res.json())\n                .then(data => {\n                    if (data.error) {\n                        dispatch({ type: 'HOMEPAGE_CONTENT:FETCH_CONTENT_FAILURE', data: data.error });\n                    } else {\n                        dispatch({ type: 'HOMEPAGE_CONTENT:FETCH_CONTENT_SUCCESS', data });\n                    }\n                });\n        } catch (error) {\n            dispatch({ type: 'HOMEPAGE_CONTENT:FETCH_CONTENT_FAILURE' });\n        }\n    } else {\n        try {\n            return await fetch(`${apiHost}/v1/content/fetchhomepagecontent`)\n                .then(res => res.json())\n                .then(data => {\n                    if (data.error) {\n                        dispatch({ type: 'HOMEPAGE_CONTENT:FETCH_CONTENT_FAILURE', data: data.error });\n                    } else {\n                        dispatch({ type: 'HOMEPAGE_CONTENT:FETCH_CONTENT_SUCCESS', data });\n                    }\n                });\n        } catch (error) {\n            dispatch({ type: 'HOMEPAGE_CONTENT:FETCH_CONTENT_FAILURE' });\n        }\n    }\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"hero_title__303kA\",\"titleText\":\"hero_titleText__2_Ydp\",\"hero\":\"hero_hero__P003P\",\"joinBtn\":\"hero_joinBtn__ByUH7\",\"cta\":\"hero_cta__3LkhB\",\"ctaText\":\"hero_ctaText__3Rjgg\",\"heroContent\":\"hero_heroContent__IVe7j\",\"heroCaption\":\"hero_heroCaption__1LQRO\",\"backgroundWrapper\":\"hero_backgroundWrapper__2Nm-u\",\"img\":\"hero_img__VHPGb\",\"video\":\"hero_video__1OEcV\",\"backgroundOverlay\":\"hero_backgroundOverlay__2im7r\",\"heroText\":\"hero_heroText__3T_3I\",\"heroLink\":\"hero_heroLink__2wFpO\",\"br\":\"hero_br__Co4UM\",\"videoPlay\":\"hero_videoPlay__3YTKq\",\"hasIcon\":\"hero_hasIcon__185s6\",\"heroLinkWrapper\":\"hero_heroLinkWrapper__23st7\",\"arrow\":\"hero_arrow__3siVC\",\"hideSm\":\"hero_hideSm__q2s8Q\",\"captionDivider\":\"hero_captionDivider__20VH2\",\"caption\":\"hero_caption__1-m2c\",\"hideLg\":\"hero_hideLg__1I4Yc\",\"underline\":\"hero_underline__17Xpp\",\"backgroundVideo\":\"hero_backgroundVideo__1DSzz\",\"blockLine\":\"hero_blockLine__1zlai\"};","/*!\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","/* eslint-disable radix */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable camelcase */\n/* eslint-disable react/no-danger */\nimport React, { Component } from 'react';\n// import { withRouter } from 'react-router-dom';\nimport Router from 'next/router';\nimport ModalVideo from 'react-modal-video';\nimport Img from '../../Img';\nimport config from '../../../config';\nimport TrackedCta from '../../Analytics/TrackedCTA';\n\nimport styles from './hero.module.scss';\n\nconst { appHost } = config;\n\nclass Hero extends Component {\n    constructor() {\n        super();\n        this.state = {\n            isOpen: false,\n        };\n        this.openModal = this.openModal.bind(this);\n        this.prismicRedirect = this.prismicRedirect.bind(this);\n        this.scrollTo = this.scrollTo.bind(this);\n    }\n\n    prismicRedirect(url) {\n        if (url.startsWith('http')) {\n            const win = window.open(url, '_blank');\n            win.focus();\n        } else if (url.startsWith('app:')) {\n            // links pointing to the utr app\n            window.location = url.replace('app:', appHost);\n        } else if (url.startsWith('scrollTo')) {\n            const scrollToValue = url.split(':');\n            if (document.getElementById(scrollToValue[1]) !== null) {\n                this.scrollTo(scrollToValue[1]);\n            }\n        } else if (url.startsWith('mailto')) {\n            window.location = url;\n        } else {\n            // internal routing within marketing app\n            Router.push(url);\n        }\n    }\n\n    scrollTo(targetId) {\n        // Scroll to a certain element\n        document.getElementById(targetId)\n            .scrollIntoView({\n                behavior: 'smooth',\n                alignToTop: true,\n                block: 'nearest' });\n    }\n\n    openModal(video) {\n        this.setState({ isOpen: video });\n    }\n\n    render() {\n        // eslint-disable-next-line no-unused-vars\n        const { heroImage, videoid, overlayPercent, maintitle, maintitlecolor, topline, authed, subtitlecolor, subtitle, primaryctacopy, sectiontitle, primaryctalink, secondaryctacopy, secondaryctalink, image_caption, secondaryisvideo, utrvideolinkcolor, secondaryisdefaultbtn } = this.props;\n        const desktopBg = heroImage && heroImage.desktop;\n        const mobileBg = heroImage && heroImage.mobile;\n        const videoBg = heroImage && heroImage.video;\n        const videoPoster = heroImage && heroImage.videoPoster;\n        const captions = (heroImage && heroImage.captions) || [];\n        const bgOpacity = overlayPercent ? `0.${100 - parseInt(overlayPercent)}` : '1';\n        const bgImg = (imageObj) => {\n            if (imageObj && imageObj.oneX && imageObj.twoX && imageObj.threeX) {\n                return (\n                    <Img\n                        useRawSrcSet={true}\n                        src={imageObj.oneX}\n                        srcSet={`${imageObj.twoX} 2x, ${imageObj.threeX} 3x`}\n                        style={{ left: '0%' }}\n                    />\n                );\n            } if (imageObj && imageObj.default) {\n                return (\n                    <Img\n                        src={imageObj.default}\n                        style={{ left: '0%' }}\n                    />\n                );\n            }\n            return null;\n        };\n\n\n        return (\n            <div className=\"position-relative\">\n                <ModalVideo channel=\"youtube\" isOpen={this.state.isOpen === 'video1'} videoId={videoid} autoplay={true} onClose={() => this.setState({ isOpen: false })} />\n                <div className=\"p-rel\">\n                    <div className=\"container\">\n                        <div className={`${styles.hero} ${authed ? 'authed' : ''}`}>\n                            <div className=\"row\">\n                                <div className=\"col-sm-10 offset-sm-1 col-md-12 offset-md-0 \">\n                                    <div className={styles.heroContent}>\n                                        <div className=\"text-highlight1 text-highlight-green fs13\">\n                                            {topline}\n                                        </div>\n                                        <h1 className={`text-white ${styles.title}`} dangerouslySetInnerHTML={{ __html: maintitle }} />\n                                        <div className={`text-medium ${styles.heroText}`} style={{ color: subtitlecolor }} dangerouslySetInnerHTML={{ __html: subtitle }} />\n                                        {primaryctacopy && primaryctalink && (\n                                            <TrackedCta\n                                                eventName=\"Join Clicked\"\n                                                traits={{\n                                                    pageLocation: 'hero',\n                                                    uxType: 'button',\n                                                    content: primaryctacopy,\n                                                    context: sectiontitle,\n                                                }}\n                                            >\n                                                <div\n                                                    className={`btn btn-primary btn-lg text-white ${styles.joinBtn} text-uppercase`}\n                                                    onClick={() => {\n                                                        this.prismicRedirect(primaryctalink);\n                                                    }}\n                                                >\n                                                    {primaryctacopy}\n                                                </div>\n                                            </TrackedCta>\n                                        )}\n                                        {secondaryctacopy && (\n                                            <div\n                                                className={`btn ${secondaryisdefaultbtn ? 'btn-default' : 'btn-primary'} btn-lg btn-hero text-white ${styles.joinBtn} text-uppercase`}\n                                                onClick={() => {\n                                                    if (secondaryctalink) {\n                                                        this.prismicRedirect(secondaryctalink);\n                                                    } else if (secondaryisvideo) {\n                                                        this.openModal('video1');\n                                                    }\n                                                }}\n                                            >\n                                                {secondaryctacopy}\n                                            </div>\n                                        )}\n                                        <div className={`${styles.heroLinkWrapper}`}>\n                                            {/* <div\n                                                className={`${styles.heroLink} ${styles.br} ${styles.hasIcon}`}\n                                                style={{ color: utrvideolinkcolor, borderColor: utrvideolinkcolor }}\n                                                onClick={() => {\n                                                    this.openModal('video1');\n                                                }}\n                                            > <i className={styles.videoPlay} /> What is utr?\n                                            </div>\n                                            <a\n                                                className={`${styles.heroLink}`}\n                                                style={{ color: utrvideolinkcolor }}\n                                                onClick={(e) => {\n                                                    e.preventDefault();\n                                                    window.location.href = e.target.href;\n                                                }}\n                                                target=\"_blank\"\n                                                rel=\"noopener noreferrer\"\n                                                href=\"https://blog.universaltennis.com/2018/07/03/how-utr-works/\"\n                                            >How it works\n                                            </a> */}\n                                        </div>\n                                        {primaryctalink && primaryctacopy && (\n                                            <div className={`d-block mt16 ${styles.heroLink}`}>\n                                                <a\n                                                    className={`fs14`}\n                                                    style={{ color: utrvideolinkcolor, opacity: 0.7 }}\n                                                    href={`${appHost}/login`}\n                                                >\n                                                    Already using UTR? <span className=\"fixed-underline clickable\">Sign in</span>\n                                                </a>\n                                            </div>\n                                        )}\n                                        {/* <div className={`${styles.cta}`}> */}\n                                        {/* <div className={`${styles.ctaText}`}>UTR Community Platform Launching Fall 2018</div> */}\n                                        {/* <a className={`btn btn-primary btn-xl ${styles.joinBtn}`} onClick={this.scrollTo} href=\"\">GET EARLY ACCESS</a> */}\n                                        {/* </div> */}\n                                        <div className={styles.caption}>\n                                            <p className=\"text-small\">\n                                                {captions.map((caption, i) => {\n                                                    if (caption && caption.trim() !== '') {\n                                                        return (\n                                                            <React.Fragment\n                                                                key={`caption-${i}`}\n                                                            >\n                                                                {caption.trim()}\n                                                                {(captions.length > 0 && captions.length - 1 !== i) && (\n                                                                    <br />\n                                                                )}\n                                                            </React.Fragment>\n                                                        );\n                                                    }\n                                                    return null;\n                                                })}\n                                            </p>\n                                        </div>\n                                    </div>\n                                    {image_caption && (\n                                        <div\n                                            className={`text-white ${styles.heroCaption}`}\n                                        >\n                                            {image_caption}\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div className={`${styles.backgroundWrapper} ${this.props.authed ? 'authed' : ''}`}>\n                        {!!desktopBg && (\n                            <picture className={`${styles.img} d-none d-sm-block`} style={{ opacity: bgOpacity }}>\n                                {bgImg(desktopBg)}\n                            </picture>\n                        )}\n                        {!!mobileBg && (\n                            <picture className={`${styles.img} d-block d-sm-none`} style={{ opacity: bgOpacity }}>\n                                {bgImg(mobileBg)}\n                            </picture>\n                        )}\n                        {!!videoBg && (\n                            <video autoPlay loop muted playsInline role=\"presentation\" className={`${styles.video}`} poster={videoPoster || ''}>\n                                <source src={videoBg} type=\"video/mp4\" />\n                            </video>\n                        )}\n                        <div className={styles.backgroundOverlay} />\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default Hero;\n"],"sourceRoot":""}