{"version":3,"sources":["webpack://_N_E/./utils/styling.js","webpack://_N_E/./redux/actions/v2/powersubscriptionpage-actions.js","webpack://_N_E/./pages/power-players.jsx","webpack://_N_E/./components/Home/PtsWidget/ptswidget.module.scss","webpack://_N_E/./components/Home/TiledSection/tiles.module.scss","webpack://_N_E/./redux/actions/resource-actions.js","webpack://_N_E/./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?4b02","webpack://_N_E/./components/Home/PtsWidget/index.jsx","webpack://_N_E/./components/Home/TiledSection/index.jsx"],"names":["backgroundDict","getBackgroundClass","contentSlices","background","find","slice","type","getPowerSubscriptionPageContent","dispatch","a","fetch","apiHost","res","json","data","error","Power","previewRef","Cookies","get","Prismic","previewCookie","previewObj","JSON","parse","this","props","fetchHomepageContent","preview","console","log","homepage","powerSubscriptionPageV2","tabContent","homepageContent","tabs","power","themeV2","flagContainer","isEnabled","className","content","head","title","description","keywords","image","config","siteBaseUrl","imageWidth","imageHeight","RenderPrismicContent","Hero","heroImage","topline","maintitle","subtitle","primaryctacopy","primaryctalink","sections","map","section","i","TiledSection","key","store","query","getState","resources","homepageContentLoaded","homepageActions","resourceContent","players","resourceActions","loaded","Component","connect","token","module","exports","fetchResourceContent","then","window","__NEXT_P","push","PtsWidget","Fragment","styles","widgetImageWrapper","Img","src","srcSet","iframeWrapper","widgetFrame","frameBorder","height","width","widgetLink","widgetDisclaimer","useState","popup","displayPopup","desktopBg","sectionimage","desktop","mobileBg","mobile","videoId","sectionvideo","split","bgImg","imageObj","oneX","twoX","threeX","useRawSrcSet","style","left","container","imageposition","dangerouslySetInnerHTML","__html","LinkAnchor","href","joinBtn","secondaryctacopy","secondaryctalink","includes","onClick","Popup","popUpClassName","onCloseClick","fullScreen","scrollable","noPadding","topGradient","casestudytitle","casestudydescription","casestudyauthor","divider","casestudylink","target","rel","mediaContent","opts","img"],"mappings":"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","file":"static/chunks/pages/power-players-46db73f6a62c70030c96.js","sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nconst backgroundDict = {\n    'main gradient': 'home',\n    'green gradient': 'players',\n    'transparent map': 'organizers',\n    'teal gradient 1': 'protennis',\n    'teal gradient 2': 'rankings',\n};\n\nexport const getBackgroundClass = (contentSlices) => {\n    let background;\n    if (contentSlices && typeof contentSlices === 'object') {\n        background = contentSlices.find(slice => slice.type === 'page_background');\n    }\n    if (background && background.background) {\n        return `${backgroundDict[background.background]}-background`;\n    }\n    return '';\n};\n","/* eslint-disable import/prefer-default-export */\nimport { apiHost } from '../../../config';\n\nexport const getPowerSubscriptionPageContent = () => async dispatch => {\n    dispatch({\n        type: 'POWER_SUBSCRIPTION_PAGE_CONTENT_V2:FETCH_CONTENT_REQUEST',\n    });\n    const res = await fetch(`${apiHost}/v2/content/powersubscription-page`);\n    const data = await res.json();\n\n    if (data.error) {\n        dispatch({\n            type: 'POWER_SUBSCRIPTION_PAGE_CONTENT_V2:FETCH_CONTENT_FAILURE',\n            data: data.error,\n        });\n    } else {\n        dispatch({\n            type: 'POWER_SUBSCRIPTION_PAGE_CONTENT_V2:FETCH_CONTENT_SUCCESS',\n            data: data.contentSlices,\n        });\n    }\n};\n\nexport default getPowerSubscriptionPageContent;\n","/* eslint-disable camelcase */\n/* eslint-disable react/no-array-index-key */\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport Cookies from 'js-cookie';\nimport Prismic from 'prismic-javascript';\n\nimport Hero from '../components/Home/Hero';\nimport TiledSection from '../components/Home/TiledSection';\nimport flagContainer from '../flagContainer';\nimport head from '../components/Meta';\nimport config from '../config';\n\nimport RenderPrismicContent from '../components/RenderPrismicContent';\nimport { getBackgroundClass } from '../utils/styling';\n\nimport * as homepageActions from '../redux/actions/homepage-actions';\nimport * as resourceActions from '../redux/actions/resource-actions';\nimport { getPowerSubscriptionPageContent } from '../redux/actions/v2/powersubscriptionpage-actions';\n\n// import styles from './power-players.module.scss';\n\nclass Power extends Component {\n    static async getInitialProps({ store, query }) {\n        const { homepage, resources, powerSubscriptionPageV2 } = store.getState();\n        if (!(homepage && homepage.homepageContentLoaded)) {\n            await store.dispatch(homepageActions.fetchHomepageContent());\n        }\n        if (!(resources && resources.resourceContent && resources.resourceContent.players)) {\n            await store.dispatch(resourceActions.fetchResourceContent());\n        }\n        if (!(powerSubscriptionPageV2 && powerSubscriptionPageV2.loaded)) {\n            await store.dispatch(getPowerSubscriptionPageContent());\n        }\n\n        return { query };\n    }\n\n    componentDidMount() {\n        const previewRef = Cookies.get(Prismic.previewCookie);\n        if (previewRef) {\n            const previewObj = JSON.parse(previewRef);\n            if (previewObj['myutrcom.prismic.io']) {\n                this.props.fetchHomepageContent(previewObj['myutrcom.prismic.io'].preview);\n            }\n        }\n    }\n\n    render() {\n        console.log('Power props render', this.props);\n        const { homepage, powerSubscriptionPageV2 } = this.props;\n        const tabContent = (homepage && homepage.homepageContent && homepage.homepageContent.tabs && homepage.homepageContent.tabs.power) || {};\n        const themeV2 = flagContainer.themeV2.isEnabled();\n\n        return (\n            <div className={`${themeV2 && getBackgroundClass(powerSubscriptionPageV2.content)}`}>\n                {head({\n                    title: 'UTR Power',\n                    description: 'Get rated, find play, post scores, showcase your tennis, track progress, arrange tennis with friends and more',\n                    keywords: 'UTR rating, Find UTR tennis events, UTR post score',\n                    image: `https://www.${config.siteBaseUrl}/img/v2/ut-logo2.svg`,\n                    imageWidth: '930',\n                    imageHeight: '395',\n                })}\n                {themeV2\n                    ? (\n                        <RenderPrismicContent contentSlices={powerSubscriptionPageV2.content} />\n                    ) : (\n                        <>\n                            <Hero\n                                heroImage={tabContent.image}\n                                topline={tabContent.topline}\n                                maintitle={tabContent.maintitle}\n                                subtitle={tabContent.subtitle}\n                                primaryctacopy={tabContent.primaryctacopy}\n                                primaryctalink={tabContent.primaryctalink}\n                            />\n\n                            <div className={'mt78'}>\n                                {tabContent.sections.map((section, i) => <TiledSection section={section} key={`section-${i}`} />)}\n                            </div>\n                        </>\n                    )}\n            </div>\n        );\n    }\n}\n\nfunction mapStateToProps({ homepage, resources, powerSubscriptionPageV2 }) {\n    return { homepage, resources, powerSubscriptionPageV2 };\n}\n\nfunction mapDispatchToProps(dispatch) {\n    return {\n        fetchHomepageContent: token => {\n            dispatch(homepageActions.fetchHomepageContent(token));\n        },\n    };\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(Power);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"widgetDisclaimer\":\"ptswidget_widgetDisclaimer__1tsSi\",\"widgetImageWrapper\":\"ptswidget_widgetImageWrapper__16An9\",\"iframeWrapper\":\"ptswidget_iframeWrapper__2E27F\",\"widgetFrame\":\"ptswidget_widgetFrame__JPbQi\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"section\":\"tiles_section__201of\",\"container\":\"tiles_container__D2Z3Q\",\"content\":\"tiles_content__3E5cI\",\"title\":\"tiles_title__3iCNm\",\"divider\":\"tiles_divider__1dPwI\",\"mediaContent\":\"tiles_mediaContent__pN6yn\"};","/* 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 fetchResourceContent = () => async (dispatch) => {\n    dispatch({ type: 'RESOURCE_CONTENT:FETCH_CONTENT_REQUEST' });\n    try {\n        return await fetch(`${apiHost}/v1/content/fetchresources`)\n            .then(res => res.json())\n            .then(data => {\n                if (data.error) {\n                    dispatch({ type: 'RESOURCE_CONTENT:FETCH_CONTENT_FAILURE', data: data.error });\n                } else {\n                    dispatch({ type: 'RESOURCE_CONTENT:FETCH_CONTENT_SUCCESS', data });\n                }\n            });\n    } catch (error) {\n        dispatch({ type: 'RESOURCE_CONTENT:FETCH_CONTENT_FAILURE' });\n    }\n};\n","\n      (window.__NEXT_P = window.__NEXT_P || []).push([\n        \"/power-players\",\n        function () {\n          return require(\"private-next-pages/power-players.jsx\");\n        }\n      ]);\n    ","import React from 'react';\nimport Img from '../../Img';\n\nimport styles from './ptswidget.module.scss';\n\nconst PtsWidget = props => {\n    return (\n        <React.Fragment>\n            <div className={styles.widgetImageWrapper}>\n                <Img\n                    src=\"/img/pts_dark_v3.png\"\n                    srcSet={`/img/pts_dark_v3@2x.png 2x, /img/pts_dark_v3@3x.png 3x`}\n                />\n            </div>\n            <div className={`${styles.iframeWrapper}`}>\n                <iframe className={styles.widgetFrame} frameBorder=\"0\" height=\"450px\" width=\"100%\" src={`${props.widgetLink}`} title=\"UTR-Pro-Tennis-Series\" />\n            </div>\n            <div className={`${styles.widgetDisclaimer} text-center d-flex justify-content-center`}>\n                <div>\n                    Enable third party cookies to view live scores\n                </div>\n            </div>\n        </React.Fragment>\n    );\n};\n\n\nexport default PtsWidget;\n","import React, { useState } from 'react';\nimport YouTube from 'react-youtube';\nimport Img from '../../Img';\nimport LinkAnchor from '../../Links/LinkAnchor';\nimport Popup from '../../Popup';\n\nimport styles from './tiles.module.scss';\nimport PtsWidget from '../PtsWidget';\n// updated for prismic\n\nconst TiledSection = (props) => {\n    const [popup, displayPopup] = useState(false);\n    const { section } = props;\n    const desktopBg = section.sectionimage && section.sectionimage.desktop;\n    const mobileBg = section.sectionimage && section.sectionimage.mobile;\n    const videoId = section.sectionvideo ? section.sectionvideo.split('v=')[1] : null;\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    const videoOpts = {\n        width: '576',\n    };\n    const mobileVideoOpts = {\n        width: '100%',\n    };\n\n    return (\n        <div className={`${styles.section}`}>\n            <div className={`container ${styles.container}`}>\n                <div className=\"row\">\n                    <div className={`col-12 col-md-6 ${styles.content} ${section.imageposition === 'right' ? 'order-1' : 'order-2'}`}>\n                        <h3 className={`${styles.title} mt16`}>\n                            <div>{section.title}</div>\n                        </h3>\n                        <p dangerouslySetInnerHTML={{ __html: section.description }} />\n                        <div>\n                            {section.primaryctacopy && section.primaryctalink && (\n                                <LinkAnchor\n                                    href={section.primaryctalink}\n                                >\n                                    <div className={`btn btn-primary btn-lg text-white ${styles.joinBtn} mr16 mb16 text-uppercase d-none d-sm-inline-block`}>\n                                        {section.primaryctacopy}\n                                    </div>\n                                    <div className={`btn btn-primary btn-sm text-white ${styles.joinBtn} mr16 mb16 text-uppercase d-inline-block d-sm-none`}>\n                                        {section.primaryctacopy}\n                                    </div>\n                                </LinkAnchor>\n                            )}\n                            {section.secondaryctacopy && section.secondaryctalink && !section.secondaryctalink.includes('crionet-ms-widgets') && (\n                                <LinkAnchor\n                                    href={section.secondaryctalink}\n                                >\n                                    <div className={`btn btn-default btn-lg ${styles.joinBtn} mb16 text-uppercase d-none d-sm-inline-block`}>\n                                        {section.secondaryctacopy}\n                                    </div>\n                                    <div className={`btn btn-default btn-sm ${styles.joinBtn} mb16 text-uppercase d-inline-block d-sm-none`}>\n                                        {section.secondaryctacopy}\n                                    </div>\n                                </LinkAnchor>\n                            )}\n                            {section.secondaryctacopy && section.secondaryctalink && section.secondaryctalink.includes('crionet-ms-widgets') && (\n                                <React.Fragment>\n                                    <div onClick={() => displayPopup(true)} className={`btn btn-default btn-lg ${styles.joinBtn} mb16 text-uppercase d-none d-sm-inline-block`}>\n                                        {section.secondaryctacopy}\n                                    </div>\n                                    <div onClick={() => displayPopup(true)} className={`btn btn-default btn-sm ${styles.joinBtn} mb16 text-uppercase d-inline-block d-sm-none`}>\n                                        {section.secondaryctacopy}\n                                    </div>\n                                    {popup && (\n                                        <Popup\n                                            className={`popup-md`}\n                                            popUpClassName={`${styles.popup}`}\n                                            onCloseClick={() => displayPopup(false)}\n                                            config={{\n                                                fullScreen: false,\n                                                scrollable: true,\n                                                noPadding: true,\n                                                topGradient: false,\n                                                style: {\n                                                    height: '625px',\n                                                    width: '800px',\n                                                },\n                                            }}\n                                        >\n                                            <PtsWidget\n                                                widgetLink={section.secondaryctalink}\n                                            />\n                                        </Popup>\n                                    )}\n                                </React.Fragment>\n\n                            )}\n                        </div>\n\n                        {!!(section.casestudytitle || section.casestudydescription || section.casestudyauthor) &&\n                            <div className={styles.divider} />}\n                        {section.casestudytitle && section.casestudylink && (\n                            <a href={section.casestudylink} target=\"_blank\" rel=\"noopener noreferrer\">\n                                <div className={`text-highlight3 text-teal mb16`}>{section.casestudytitle}</div>\n                            </a>\n                        )}\n                        {section.casestudytitle && !section.casestudylink &&\n                            <div className={`text-highlight3 text-teal mb16`}>{section.casestudytitle}</div>}\n                        {section.casestudydescription &&\n                            <div className={`text-dark mb16`}>{section.casestudydescription}</div>}\n                        {section.casestudyauthor &&\n                            <div className={`text-small`}>{section.casestudyauthor}</div>}\n                    </div>\n                    <div className={`col-12 col-md-6 ${section.imageposition === 'right' ? 'order-2' : 'order-1'} ${styles.mediaContent}`}>\n                        {section.sectionvideo && videoId\n                            ? (\n                                <React.Fragment>\n                                    <YouTube\n                                        className=\"d-none d-sm-block\"\n                                        videoId={videoId}\n                                        opts={videoOpts}\n                                    />\n                                    <YouTube\n                                        className=\"d-block d-sm-none\"\n                                        videoId={videoId}\n                                        opts={mobileVideoOpts}\n                                    />\n                                </React.Fragment>\n                            )\n                            : (\n                                <React.Fragment>\n                                    <picture className={`${styles.img} d-none d-sm-block`}>\n                                        {bgImg(desktopBg)}\n                                    </picture>\n                                    <picture className={`${styles.img} d-block d-sm-none`}>\n                                        {bgImg(mobileBg)}\n                                    </picture>\n                                </React.Fragment>\n                            )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default TiledSection;\n"],"sourceRoot":""}