{"version":3,"sources":["webpack://_N_E/./utils/styling.js","webpack://_N_E/./components/FlexLeague/TiledSectionHeader/ContentList/contentList.module.scss","webpack://_N_E/./components/FlexLeague/TiledSectionHeader/SubscribeToPower/subscribeToPower.module.scss","webpack://_N_E/./components/FlexLeague/GetInTouch/getInTouch.module.scss","webpack://_N_E/./components/Home/PtsWidget/ptswidget.module.scss","webpack://_N_E/./components/FlexLeague/TiledSectionHeader/ContentList/index.jsx","webpack://_N_E/./components/FlexLeague/TiledSectionHeader/SubscribeToPower/index.jsx","webpack://_N_E/./components/FlexLeague/TiledSectionHeader/index.js","webpack://_N_E/./components/FlexLeague/GetInTouch/index.jsx","webpack://_N_E/./components/FlexLeague/InfoCards/index.js","webpack://_N_E/./redux/actions/v2/flexleague-actions.js","webpack://_N_E/./constants/clubs.js","webpack://_N_E/./pages/flex-leagues.jsx","webpack://_N_E/./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?051e","webpack://_N_E/./components/FlexLeague/InfoCards/infoCards.module.scss","webpack://_N_E/./components/Home/TiledSection/tiles.module.scss","webpack://_N_E/./redux/actions/resource-actions.js","webpack://_N_E/./components/FlexLeague/TiledSectionHeader/tiledSectionHeader.module.scss","webpack://_N_E/./components/Home/PtsWidget/index.jsx","webpack://_N_E/./components/Home/TiledSection/index.jsx"],"names":["backgroundDict","getBackgroundClass","contentSlices","background","find","slice","type","module","exports","ContentList","props","className","styles","content","title","children","SubscribeToPower","subscribeToPower","powerInfo","TiledSectionHeader","section","container","GetInTouch","getInTouch","ctaWrapper","href","config","siteBaseUrl","target","rel","InfoCards","state","isOpen","videoLink","openModal","bind","openVideo","getLink","link","copy","startsWith","split","readmore","onClick","LinkAnchor","this","setState","video","infoCards","id","map","card","i","key","channel","videoId","autoplay","onClose","cardTitle","clamp","description","div","cta_link","cta_copy","Component","apiHost","TierTypes","name","FlexLeague","previewRef","Cookies","get","Prismic","previewCookie","previewObj","JSON","parse","fetchHomepageContent","preview","console","log","homepage","flexLeaguePageV2","tabContent","homepageContent","tabs","flexleague","themeV2","flagContainer","isEnabled","RenderPrismicContent","head","keywords","image","imageWidth","imageHeight","Hero","heroImage","topline","maintitle","subtitle","primaryctacopy","primaryctalink","secondaryctalink","secondaryctacopy","ClubLocator","tier_type_id","info_cards","clampValue","sections","TiledSection","Subscribe","store","query","getState","resources","homepageContentLoaded","dispatch","homepageActions","resourceContent","players","resourceActions","loaded","a","fetch","res","json","data","error","connect","token","window","__NEXT_P","push","fetchResourceContent","then","PtsWidget","Fragment","widgetImageWrapper","Img","src","srcSet","iframeWrapper","widgetFrame","frameBorder","height","width","widgetLink","widgetDisclaimer","useState","popup","displayPopup","desktopBg","sectionimage","desktop","mobileBg","mobile","sectionvideo","bgImg","imageObj","oneX","twoX","threeX","useRawSrcSet","style","left","imageposition","dangerouslySetInnerHTML","__html","joinBtn","includes","Popup","popUpClassName","onCloseClick","fullScreen","scrollable","noPadding","topGradient","casestudytitle","casestudydescription","casestudyauthor","divider","casestudylink","mediaContent","opts","img"],"mappings":"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","file":"static/chunks/pages/flex-leagues-f256e02aec5042917435.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","// extracted by mini-css-extract-plugin\nmodule.exports = {\"content\":\"contentList_content__2EUus\",\"title\":\"contentList_title__NySlG\",\"divider\":\"contentList_divider__as7Bj\",\"mediaContent\":\"contentList_mediaContent__8F_RD\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subscribeToPower\":\"subscribeToPower_subscribeToPower__2WKsE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"getInTouch\":\"getInTouch_getInTouch__3XL2B\",\"ctaWrapper\":\"getInTouch_ctaWrapper__2V5mb\",\"content\":\"getInTouch_content__tmedB\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"widgetDisclaimer\":\"ptswidget_widgetDisclaimer__1tsSi\",\"widgetImageWrapper\":\"ptswidget_widgetImageWrapper__16An9\",\"iframeWrapper\":\"ptswidget_iframeWrapper__2E27F\",\"widgetFrame\":\"ptswidget_widgetFrame__JPbQi\"};","import React from 'react';\n\nimport styles from './contentList.module.scss';\n\nconst ContentList = props => {\n    return (\n        <div className={`col-12 col-md-6 order-1 ${styles.content}`}>\n            <h3 className={`${styles.title} mt16`}>\n                <div>{props.title}</div>\n            </h3>\n            <p>\n                <ul>\n                    {props.children}\n                </ul>\n            </p>\n        </div>\n    );\n};\n\nexport default ContentList;\n","import React from 'react';\nimport styles from './subscribeToPower.module.scss';\n\nconst SubscribeToPower = props => {\n    return (\n        <div className=\"row\">\n            <div className={`${styles.subscribeToPower}`}>\n                <div className={`col-12 col-md-12`}>\n                    <a>{props.powerInfo}</a>\n                </div>\n            </div>\n        </div>\n\n    );\n};\nexport default SubscribeToPower;\n","import React from 'react';\n\nimport styles from './tiledSectionHeader.module.scss';\nimport ContentList from './ContentList';\nimport SubscribeToPower from './SubscribeToPower';\n\nconst TiledSectionHeader = () => {\n    return (\n        <div className={`${styles.section}`}>\n            <div className={`container ${styles.container}`}>\n                <div className=\"row\">\n                    <ContentList\n                        title=\"JUNIOR PLAYERS\"\n                    >\n                        <li>Guaranteed 4 competitive matches each month</li>\n                        <li>Meet new opponents & hitting partners at your level</li>\n                        <li>Improve your UTR, which college coaches use to evaluate players</li>\n                        <li>“Match tough” prep for tournament readiness</li>\n                    </ContentList>\n                    <ContentList\n                        title=\"ADULT PLAYERS\"\n                    >\n                        <li>Guaranteed 4 matches each month at your level</li>\n                        <li>Self-organize matches to work with your busy schedule</li>\n                        <li>1:1 matchplay in a socially distanced environment</li>\n                        <li>All the fun of league play without politics</li>\n                    </ContentList>\n                </div>\n                <SubscribeToPower\n                    powerInfo=\"Singles: Just $25 for Power Subscribers, $35 for non-Power Subscribers\"\n                />\n                <SubscribeToPower\n                    powerInfo=\"Doubles: Just $40 for Power Subscribers, $50 for non-Power Subscribers (Team price)\"\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default TiledSectionHeader;\n","import React from 'react';\nimport Link from 'next/link';\nimport config from '../../../config';\nimport styles from './getInTouch.module.scss';\n\nconst GetInTouch = () => {\n    return (\n        <div className={styles.getInTouch}>\n            <div className=\"container\">\n                <div className=\"row\">\n                    <div className=\"col p0\">\n                        <div className={styles.content}>\n                            <p>Questions on Flex Leagues?</p>\n                            <div className={styles.ctaWrapper}>\n                                <a href={`https://support.${config.siteBaseUrl}/en/support/tickets/new`} target=\"_blank\" rel=\"noopener noreferrer\" className=\"btn btn-xl btn-white text-gray\">\n                                    GET IN TOUCH\n                                </a>\n                            </div>\n                            <small>\n                                For technical issues, please <a href={`https://support.${config.siteBaseUrl}/`} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-white fixed-underline\">contact support.</a>\n                            </small>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default GetInTouch;\n","/* eslint-disable react/no-array-index-key */\nimport React, { Component } from 'react';\nimport Dotdotdot from 'react-dotdotdot';\nimport ModalVideo from 'react-modal-video';\nimport LinkAnchor from '../../Links/LinkAnchor';\n\nimport styles from './infoCards.module.scss';\n\nclass InfoCards extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            isOpen: false,\n            videoLink: null,\n        };\n        this.openModal = this.openModal.bind(this);\n        this.openVideo = this.openVideo.bind(this);\n        this.getLink = this.getLink.bind(this);\n    }\n\n    getLink(link, copy) {\n        if (link.startsWith('https') && link.split('v=')[1]) {\n            return <div className={styles.readmore} onClick={() => this.openVideo(link)}>{copy}</div>;\n        }\n        return (\n            <LinkAnchor href={link} className={`text-`}>\n                <div className={`btn btn-primary`}>{copy}</div>\n            </LinkAnchor>\n        );\n    }\n\n    openVideo(link) {\n        this.setState({ videoLink: link.split('v=')[1] });\n        this.openModal('video1');\n    }\n\n    openModal(video) {\n        this.setState({ isOpen: video });\n    }\n\n    render() {\n        const { infoCards } = this.props;\n        return (\n            <div id={'infoCardContainer'} className={`container ${styles.container} ${this.props.className}`}>\n                <div className={`row`}>\n                    {infoCards.map((card, i) => (\n                        <div className={`col-12 col-md-4`} key={`infocard-${i}`}>\n                            <div className={`info-card`}>\n                                <ModalVideo channel=\"youtube\" isOpen={this.state.isOpen === 'video1'} videoId={this.state.videoLink} autoplay={true} onClose={() => this.setState({ isOpen: false })} />\n                                <div className={`${styles.cardTitle} ellipsis`}>\n                                    {card.title}\n                                </div>\n                                <div className={`${styles.copy}`}>\n                                    <Dotdotdot clamp={2}>\n                                        {card.description}\n                                    </Dotdotdot>\n                                </div>\n                                <div className={styles.div} />\n                                {this.getLink(card.cta_link, card.cta_copy)}\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default InfoCards;\n","/* eslint-disable import/prefer-default-export */\nimport fetch from 'isomorphic-unfetch';\nimport config from '../../../config';\nimport { getClubInfo } from '../../../utils/prismic';\n\nconst { apiHost } = config;\n\nexport const getFlexLeaguePageContent = () => async dispatch => {\n    dispatch({\n        type: 'FLEXLEAGUE_CONTENT_V2:FETCH_CONTENT_REQUEST',\n    });\n    const res = await fetch(`${apiHost}/v2/content/flexleague-page`);\n    const data = await res.json();\n\n    if (data.error) {\n        dispatch({\n            type: 'FLEXLEAGUE_CONTENT_V2:FETCH_CONTENT_FAILURE',\n            data: data.error,\n        });\n    } else {\n        dispatch({\n            type: 'FLEXLEAGUE_CONTENT_V2:FETCH_CONTENT_SUCCESS',\n            data: data.contentSlices,\n        });\n    }\n};\n","/* eslint-disable import/prefer-default-export */\n\nconst TierTypes = {\n    FlexLeague: {\n        id: 13,\n        name: 'flexleague',\n    },\n};\n\nexport {\n    TierTypes,\n};\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 Subscribe from '../components/Home/Subscribe';\nimport TiledSectionHeader from '../components/FlexLeague/TiledSectionHeader';\nimport TiledSection from '../components/Home/TiledSection';\nimport GetInTouch from '../components/FlexLeague/GetInTouch';\nimport InfoCards from '../components/FlexLeague/InfoCards';\nimport ClubLocator from '../components/ClubLocator';\nimport head from '../components/Meta';\nimport flagContainer from '../flagContainer';\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 { getFlexLeaguePageContent } from '../redux/actions/v2/flexleague-actions';\nimport { TierTypes } from '../constants/clubs';\n\n// import styles from './flex-leagues.module.scss';\n\nclass FlexLeague extends Component {\n    static async getInitialProps({ store, query }) {\n        const { homepage, resources, flexLeaguePageV2 } = 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\n        if (!(flexLeaguePageV2 && flexLeaguePageV2.loaded)) {\n            await store.dispatch(getFlexLeaguePageContent());\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        console.log(this.props);\n    }\n\n    render() {\n        const { homepage, flexLeaguePageV2 } = this.props;\n        const tabContent = (homepage && homepage.homepageContent && homepage.homepageContent.tabs && homepage.homepageContent.tabs.flexleague) || {};\n        const themeV2 = flagContainer.themeV2.isEnabled();\n        console.log('flex-leagues props', this.props);\n\n        return (\n            <div className={`${themeV2 && getBackgroundClass(flexLeaguePageV2.content)}`}>\n                {themeV2\n                    ? (\n                        <RenderPrismicContent contentSlices={flexLeaguePageV2.content} />\n                    )\n                    : (\n                        <>\n                            {head({\n                                title: 'UTR Flex League',\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                            <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                                secondaryctalink={tabContent.secondaryctalink}\n                                secondaryctacopy={tabContent.secondaryctacopy}\n                            />\n                            <div className={'mt32'}>\n                                <ClubLocator\n                                    tier_type_id={TierTypes.FlexLeague.id}\n                                />\n                            </div>\n                            <div className={'mt78'}>\n                                <TiledSectionHeader />\n                                <InfoCards\n                                    infoCards={tabContent.info_cards}\n                                    clampValue={3}\n                                />\n                                <div className={`mt78`}>\n                                    {tabContent.sections.map((section, i) => {\n                                        if (i >= 1) return <TiledSection section={section} key={`section-${i}`} />;\n                                        return null;\n                                    })}\n                                </div>\n                                <GetInTouch />\n                                <Subscribe />\n                            </div>\n                        </>\n                    )}\n            </div>\n        );\n    }\n}\n\nfunction mapStateToProps({ homepage, resources, flexLeaguePageV2 }) {\n    return { homepage, resources, flexLeaguePageV2 };\n}\n\nfunction mapDispatchToProps(dispatch) {\n    return {\n        fetchHomepageContent: token => {\n            dispatch(homepageActions.fetchHomepageContent(token));\n        },\n    };\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(FlexLeague);\n","\n      (window.__NEXT_P = window.__NEXT_P || []).push([\n        \"/flex-leagues\",\n        function () {\n          return require(\"private-next-pages/flex-leagues.jsx\");\n        }\n      ]);\n    ","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"infoCards_container__2fQM4\",\"cardTitle\":\"infoCards_cardTitle__2hCTw\",\"copy\":\"infoCards_copy__3h_8H\",\"div\":\"infoCards_div__2Iy_q\",\"readmore\":\"infoCards_readmore__qppEK\"};","// 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","// extracted by mini-css-extract-plugin\nmodule.exports = {\"section\":\"tiledSectionHeader_section__1JGyM\",\"container\":\"tiledSectionHeader_container__3-zHG\"};","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":""}