\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n {\r\n !isLoading && prizes.prizes.length > 0 &&\r\n \r\n \r\n \r\n }\r\n \r\n \r\n
\r\n )\r\n};\r\n\r\nexport default withStyles(styles) (EventView);\r\n","import React, {useEffect, useState} from 'react';\r\n//components\r\nimport View from './event-view';\r\n//utils\r\nimport {Event} from '../../../utils/data-transfer';\r\n\r\nconst EventContainer = (props) => {\r\n const {match} = props;\r\n const [state, setState] = useState({\r\n isLoading: true,\r\n event: null,\r\n agendaItems: [],\r\n prizes: null\r\n });\r\n\r\n useEffect(() => {\r\n const bootstrapComponent = async () => {\r\n const resp = await Promise.all([\r\n await Event.getEventDetails(match.params.eventId),\r\n await Event.getAgenda(match.params.eventId),\r\n await Event.getPrizes(match.params.eventId)\r\n ]);\r\n\r\n await setState((prevState => ({...prevState, isLoading: false, event: resp[0], agendaItems: resp[1], prizes: resp[2]})));\r\n };\r\n\r\n bootstrapComponent();\r\n }, [match.params.eventId]);\r\n\r\n return (\r\n
\r\n );\r\n};\r\n\r\nexport default EventContainer;\r\n","import Welcome from './welcome';\r\nimport TheRules from './the-rules';\r\nimport Faqs from './faqs';\r\nimport TermsAndConditions from './terms-and-conditions';\r\nimport SessionExpired from './session-expired';\r\nimport MyDashboard from './my-dashboard';\r\nimport Competition from './competition';\r\nimport Registration from './registration';\r\nimport ExpressCheckout from './express-checkout';\r\nimport ExpressCheckoutComplete from './express-checkout-complete';\r\nimport InvalidCode from './invalid-code';\r\nimport AccountRegistration from './account-registration';\r\nimport RegistrationComplete from './registration-complete';\r\nimport InvalidUser from './invalid-user';\r\nimport ViewBracket from './view-bracket';\r\nimport SignIn from './sign-in';\r\nimport RedeemCode from './redeem-code';\r\nimport Members from './v2/members';\r\nimport ShowMember from './show-member';\r\nimport Events from './v2/events';\r\nimport Dashboard from './dashboard';\r\nimport Event from './v2/event';\r\n\r\nlet hidePublicPages = process.env.REACT_APP_HIDE_PUBLIC_PAGES;\r\nhidePublicPages = (!hidePublicPages.startsWith('#{') && !hidePublicPages.endsWith('}#')) ? JSON.parse(hidePublicPages) : false;\r\n\r\nexport const GetRoutes = (user, useExpressCheckout) => {\r\n let routes = Routes.filter(route => route.allowAnonymous || (user && !user.expired));\r\n\r\n if (useExpressCheckout)\r\n routes.forEach(r => {\r\n if (r.path === '/registration/:discountCode?')\r\n r.component = ExpressCheckout;\r\n });\r\n\r\n if (hidePublicPages)\r\n routes = routes.filter(r => r.path !== '/welcome' && r.path !== '/the-rules' && r.path !== '/faqs');\r\n\r\n return routes;\r\n};\r\n\r\nexport const Routes = [\r\n { path: '/welcome', component: Welcome, name: 'Welcome', allowAnonymous: true },\r\n { path: '/the-rules', component: TheRules, name: 'The Rules', allowAnonymous: true },\r\n { path: '/faqs', component: Faqs, name: 'FAQs', allowAnonymous: true },\r\n { path: '/terms-and-conditions', component: TermsAndConditions, name: 'Terms & Conditions', allowAnonymous: true },\r\n { path: '/session-expired', component: SessionExpired, name: 'Session Expired', allowAnonymous: true },\r\n { path: '/dashboard', component: MyDashboard, name: 'Dashboard', allowAnonymous: false },\r\n { path: '/competition/:competitionId/:competitionPlayerId', simplePathName: '/competition', component: Competition, name: 'Competition', allowAnonymous: false },\r\n { path: '/invite/:inviteCode', simplePathName: '/invite', component: Registration, name: 'Registration', allowAnonymous: true },\r\n { path: '/resume-registration/:teamCode', simplePathName: '/resume-registration', component: Registration, name: 'Registration', allowAnonymous: true },\r\n { path: '/error', component: InvalidCode, name: 'Invalid Code', allowAnonymous: true },\r\n { path: '/registration/:discountCode?', component: Registration, name: 'Registration', allowAnonymous: true },\r\n { path: '/register-user/:accountCode', simplePathName: '/register-user', component: AccountRegistration, name: 'User Registration', allowAnonymous: true },\r\n { path: '/registration-complete', component: RegistrationComplete, name: 'Registration Complete', allowAnonymous: true },\r\n { path: '/invalid-user', component: InvalidUser, name: 'Invalid User', allowAnonymous: true },\r\n { path: '/brackets/:bracketCode', component: ViewBracket, name: 'View Bracket', allowAnonymous: true },\r\n { path: '/checkout-complete', component: ExpressCheckoutComplete, name: 'Checkout Complete', allowAnonymous: true },\r\n { path: '/sign-in', component: SignIn, name: 'Sign In', allowAnonymous: true },\r\n { path: '/redeem-code', component: RedeemCode, name: 'Redeem Code', allowAnonymous: true },\r\n { path: '/members', component: Members, name: 'Members', allowAnonymous: false },\r\n { path: '/events', component: Events, name: 'Events', allowAnonymous: false },\r\n //This will want to be the /dashboard route once the other one is renamed to be just about Matchplay.\r\n { path: '/home', component: Dashboard, name: 'Dashboard', allowAnonymous: false },\r\n { path: '/show-member/:organisationMemberId', component: ShowMember, name: 'Show Member', allowAnonymous: false },\r\n { path: '/event/:eventId', component: Event, name: 'Event', allowAnonymous: false },\r\n];\r\n","import React from 'react';\r\nimport styles from './app-content-styles.js';\r\nimport _ from 'lodash';\r\n//Routing\r\nimport { GetRoutes } from '../../routes';\r\nimport { Route, Redirect, Switch, withRouter } from 'react-router-dom';\r\n//Material\r\nimport { withStyles } from '@material-ui/core';\r\n\r\nlet hidePublicPages = process.env.REACT_APP_HIDE_PUBLIC_PAGES;\r\nhidePublicPages = (!hidePublicPages.startsWith('#{') && !hidePublicPages.endsWith('}#')) ? JSON.parse(hidePublicPages) : false;\r\n\r\nfunction AppContentView (props) {\r\n const classes = props.classes;\r\n const publicDefaultRoute = hidePublicPages ? '/sign-in' : '/welcome'\r\n const noPaddingPaths = [\r\n 'event/'\r\n ];\r\n const hidePadding = !props.location.pathname || _.find(noPaddingPaths, p => props.location.pathname.includes(p));\r\n\r\n return (\r\n
\r\n
\r\n {\r\n GetRoutes(props.user, props.settings.checkoutTypeId === 2).map((props, index) =>\r\n \r\n \r\n }/>)\r\n }\r\n }/>\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(withStyles(styles) (AppContentView));\r\n","import React from 'react';\r\n//components\r\nimport AppContentView from './app-content-view.js';\r\n\r\nclass AppContentContainer extends React.Component {\r\n\r\n render () {\r\n return (\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default AppContentContainer;\r\n","const AppFooterStyles = theme => ({\r\n footerContainer: {\r\n width: '100%',\r\n backgroundColor: theme.palette.siteBackdrop.main,\r\n padding: '10px 10px 0'\r\n },\r\n divider: {\r\n backgroundColor: '#d9d9d9'\r\n },\r\n buttonContainer: {\r\n padding: '10px 0',\r\n lineHeight: '42px',\r\n textAlign: 'center',\r\n [theme.breakpoints.down('sm')]: {\r\n lineHeight: 0\r\n }\r\n },\r\n footerButton: {\r\n backgroundColor: 'transparent'\r\n },\r\n poweredByContainer: {\r\n textAlign: 'left',\r\n padding: '10px 20px 10px 0',\r\n [theme.breakpoints.down('sm')]: {\r\n textAlign: 'center',\r\n padding: '10px 0'\r\n }\r\n },\r\n poweredByText: {\r\n display: 'inline-block',\r\n //height: '100%',\r\n lineHeight: '30px',\r\n fontSize: '12px',\r\n verticalAlign: 'middle',\r\n [theme.breakpoints.down('sm')]: {\r\n marginLeft: -5\r\n }\r\n },\r\n poweredByImage: {\r\n width: 150,\r\n marginBottom: -7,\r\n marginTop:-40,\r\n [theme.breakpoints.down('sm')]: {\r\n marginLeft: 10\r\n }\r\n }\r\n});\r\n\r\nexport default AppFooterStyles;","import React from 'react';\r\n\r\nfunction StaticFooterView (props) {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default StaticFooterView;","import React from 'react';\r\n//components\r\nimport View from './static-footer-view';\r\n\r\nclass StaticFooterContainer extends React.Component {\r\n constructor (props) {\r\n super (props);\r\n\r\n this.state = {\r\n template: { __html: ''}\r\n }\r\n }\r\n\r\n componentDidMount () {\r\n this._isMounted = true;\r\n this.getStaticData();\r\n }\r\n\r\n componentWillUnmount () {\r\n this._isMounted = false;\r\n }\r\n\r\n getStaticData = () => {\r\n let oReq = new XMLHttpRequest();\r\n oReq.addEventListener(\"load\", () => {\r\n if (this._isMounted)\r\n this.setState({ template: {__html: oReq.response} });\r\n });\r\n\r\n oReq.open(\"GET\", this.props.templateUrl);\r\n oReq.send();\r\n };\r\n\r\n render () {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default StaticFooterContainer;","import React from 'react';\r\nimport styles from './app-footer-styles'\r\n//Material\r\nimport { withStyles } from '@material-ui/core';\r\n//Routing\r\nimport { withRouter } from 'react-router-dom';\r\n//Component\r\nimport StaticFooter from '../../components/static-footer';\r\n\r\nfunction AppFooterView (props) {\r\n return (\r\n \r\n {\r\n props.showFooter && \r\n \r\n }\r\n
\r\n )\r\n}\r\n\r\nexport default withRouter(withStyles(styles) (AppFooterView));","import React from 'react';\r\n//components\r\nimport AppFooterView from './app-footer-view.js';\r\n//utils\r\n\r\nclass AppFooterContainer extends React.Component {\r\n constructor (props) {\r\n super(props);\r\n \r\n this.state = {\r\n showFooter: false,\r\n };\r\n }\r\n\r\n setFooter = (showFooter) => {\r\n this.setState({showFooter});\r\n };\r\n\r\n render () {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default AppFooterContainer;","const UserSessionStyles = theme => ({\r\n container: {\r\n backgroundColor: theme.palette.siteBackdrop.main,\r\n }\r\n});\r\n\r\nexport default UserSessionStyles;","import React from 'react';\r\nimport styles from './user-session-styles';\r\n//material\r\nimport { withStyles } from '@material-ui/core';\r\n\r\nfunction UserSessionView (props) {\r\n const classes = props.classes;\r\n\r\n return (\r\n \r\n {props.children}\r\n
\r\n );\r\n}\r\n\r\nexport default withStyles(styles) (UserSessionView);\r\n","import React from 'react';\r\nimport _ from 'lodash';\r\nimport ReactGA from 'react-ga';\r\n//Components\r\nimport UserSessionView from './user-session-view';\r\n//Routing\r\nimport { withRouter } from 'react-router-dom';\r\nimport { Routes } from '../../routes';\r\n//Utils\r\nimport AuthorisationService from '../../utils/authorisation/authorisationService';\r\nimport { OrganisationService } from '../../utils/data-transfer';\r\n\r\nconst rayGunKey = process.env.REACT_APP_COMPETITIONGOLF_RAYGUN_KEY;\r\nconst activeCampaignKey = process.env.REACT_APP_COMPETITIONGOLF_ACTIVE_CAMPAIGN;\r\nconst googleAnalyticsKey = process.env.REACT_APP_COMPETITIONGOLF_GOOGLE_ANALYTICS;\r\n\r\nclass UserSessionContainer extends React.Component {\r\n\r\n constructor (props) {\r\n super(props);\r\n\r\n this.state = {\r\n children: props.children,\r\n user: null,\r\n isReady: false,\r\n userHasPermissions: false,\r\n settings: null\r\n };\r\n\r\n this._authService = new AuthorisationService();\r\n this._organisationService = new OrganisationService();\r\n\r\n window.rg4js('apiKey', rayGunKey);\r\n window.rg4js('enableCrashReporting', true);\r\n window.rg4js('enablePulse', true);\r\n props.history.listen((location) => this.handleRouteChange(location));\r\n }\r\n\r\n componentDidMount () {\r\n return this.checkUserPermissions();\r\n }\r\n\r\n setIsReady = (isReady) => this.setState({ isReady });\r\n\r\n checkUserPermissions = async () => {\r\n try {\r\n if (this.props.location.pathname === '/sign-in')\r\n return AuthorisationService.signinRedirect();\r\n\r\n let settings = await this._organisationService.getOrganisationSettings();\r\n this.setState({settings});\r\n\r\n let user = await AuthorisationService.getUser();\r\n let userHasPermissions = false;\r\n this.configureGoogleAnalyticsSession(user ? user.profile : null);\r\n\r\n if (user) {\r\n this._authService.setAuthorisationHeader(user.access_token);\r\n this.configureRayGunSession(user.profile);\r\n this.configureActiveCampaignSession(user.profile);\r\n\r\n userHasPermissions = await this._organisationService.checkUserPermissions();\r\n if (user.expired)\r\n user = null;\r\n\r\n if (user && !userHasPermissions)\r\n this.props.history.push('/invalid-user');\r\n }\r\n\r\n this.setState({user: user ? user.profile : null, userHasPermissions });\r\n\r\n this.setIsReady(true);\r\n } catch (err) {\r\n console.log('err', err);\r\n this.setIsReady(true);\r\n }\r\n };\r\n\r\n handleRouteChange = async (location) => {\r\n try {\r\n window.rg4js('trackEvent', { type: 'pageView', path: location.pathname });\r\n ReactGA.set({ page: location.pathname });\r\n ReactGA.pageview(location.pathname);\r\n\r\n let currentRoute = _.find(Routes, route => _.includes(location.pathname, (route.simplePathName ? route.simplePathName : route.path)) );\r\n\r\n let user = await AuthorisationService.getUser();\r\n if (!currentRoute.allowAnonymous) {\r\n if (!user)\r\n return this.props.history.push('/welcome');\r\n\r\n if (!this.state.userHasPermissions)\r\n this.props.history.push('/invalid-user');\r\n }\r\n\r\n if (user.expired) {\r\n this.setState({ user: null });\r\n\r\n if (!currentRoute.allowAnonymous)\r\n return this.props.history.push('/session-expired');\r\n }\r\n } catch (err) {\r\n }\r\n };\r\n\r\n configureRayGunSession = (profile) => {\r\n window.rg4js('setUser', {\r\n identifier: profile.sub,\r\n isAnonymous: false,\r\n email: profile.email,\r\n fullName: profile.name\r\n });\r\n };\r\n\r\n configureGoogleAnalyticsSession = (profile) => {\r\n ReactGA.initialize(googleAnalyticsKey, {\r\n debug: false,\r\n gaOptions: {\r\n identifier: profile ? profile.sub : null,\r\n email: profile ? profile.email : null\r\n }\r\n });\r\n };\r\n\r\n configureActiveCampaignSession = (profile) => {\r\n (function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date()).getTime();r=t.createElement(\"script\");r.src=o;r.async=true;i=t.getElementsByTagName(\"script\")[0];i.parentNode.insertBefore(r,i)})(window,document,\"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js\",\"vgo\");\r\n\r\n window.vgo('setAccount', activeCampaignKey);\r\n window.vgo('setTrackByDefault', true);\r\n window.vgo('setEmail', profile.email);\r\n window.vgo('process');\r\n };\r\n\r\n render () {\r\n\r\n return (\r\n \r\n { this.state.isReady && React.Children.map(this.state.children, child =>\r\n React.cloneElement(child, {user: this.state.user, userHasPermissions: this.state.userHasPermissions, settings: this.state.settings })) }\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(UserSessionContainer);\r\n","const CookieConsentStyles = theme => ({\r\n cookieConsentBar: {\r\n maxWidth: [['initial'], ['!important']]\r\n },\r\n consentButton: {\r\n color: '#ffffff'\r\n }\r\n});\r\n\r\nexport default CookieConsentStyles;","import React from 'react';\r\nimport styles from './cookie-consent-styles';\r\n//material\r\nimport { Snackbar, SnackbarContent, Button, withStyles } from '@material-ui/core';\r\n\r\nfunction CookieConsentView (props) {\r\n const classes = props.classes;\r\n\r\n return (\r\n { props.handleClick(event, reason) } }>\r\n { props.handleClick(event, reason) } }>Got It!}/>\r\n \r\n );\r\n}\r\n\r\nexport default withStyles(styles) (CookieConsentView);\r\n","import React from 'react';\r\n//view\r\nimport CookieConsentView from './cookie-consent-view';\r\n\r\nclass CookieConsentContainer extends React.Component {\r\n constructor (props) {\r\n super(props);\r\n let cookieConsent = localStorage.getItem(consentKey);\r\n\r\n this.state = {\r\n cookieConsent\r\n };\r\n }\r\n\r\n handleClick = (event, reason) => {\r\n if (reason === 'clickaway') {\r\n return;\r\n }\r\n\r\n localStorage.setItem(consentKey, 'true');\r\n this.setState({\r\n cookieConsent: true\r\n })\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nconst consentKey = 'cookieConsent';\r\n\r\nexport default CookieConsentContainer;","import {UPDATE_REGISTRATION, SET_REGISTRATION} from './registration-actions';\r\n\r\nconst initialState = {\r\n competitionId: '',\r\n competitionTeamId: '',\r\n pairName: '',\r\n clubName: '',\r\n clubId: '',\r\n hasCheckedTerms: false,\r\n hasCheckedRules: false,\r\n leadPlayerId: '',\r\n leadPlayerFirstName: '',\r\n leadPlayerLastName: '',\r\n leadPlayerHandicap: '',\r\n leadPlayerHandicapNumber: '',\r\n leadPlayerEmail: '',\r\n leadPlayerPhone: '',\r\n addressId: '',\r\n addressLine1: '',\r\n addressLine2: '',\r\n town: '',\r\n countyId: '',\r\n postCode: '',\r\n additionalPlayerId: '',\r\n additionalPlayerFirstName: '',\r\n additionalPlayerLastName: '',\r\n additionalPlayerHandicap: '',\r\n additionalPlayerHandicapNumber: '',\r\n additionalPlayerEmail: '',\r\n additionalPlayerPhone: '',\r\n\r\n entryIsPrepaid: false,\r\n tournamentFormatId: ''\r\n};\r\n\r\nexport default function (state = initialState, action) {\r\n const {type, payload} = action;\r\n\r\n switch (type) {\r\n case SET_REGISTRATION:\r\n case UPDATE_REGISTRATION:\r\n return Object.assign({}, state, payload);\r\n default:\r\n return state;\r\n }\r\n}","import {combineReducers, createStore} from 'redux';\r\n//reducers\r\nimport registration from './registration/registration-reducer.js';\r\n\r\nconst rootReducer = combineReducers({\r\n registration\r\n});\r\n\r\nexport default function configureStore (initialState) {\r\n return createStore(rootReducer, initialState);\r\n}\r\n","//Polyfills\r\nimport 'react-app-polyfill/ie11';\r\nimport 'core-js/features/array/find-index';\r\nimport 'core-js/features/array/find';\r\nimport 'core-js/features/string/starts-with';\r\nimport 'core-js/es/symbol';\r\nimport 'core-js/modules/es.promise';\r\nimport 'promise-polyfill/src/polyfill';\r\n//Core\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport {createMuiTheme, MuiThemeProvider} from '@material-ui/core';\r\nimport { Provider } from 'react-redux';\r\n//Components\r\nimport AppBar from './components/app-bar';\r\nimport AppContent from './components/app-content';\r\nimport AppFooter from './components/app-footer';\r\nimport UserSession from './components/user-session';\r\nimport CookieConsent from './components/cookie-consent';\r\n//utils\r\nimport reduxStore from './utils/redux';\r\n//moment\r\nimport Moment from 'moment';\r\nrequire('../node_modules/moment/min/locales.js');\r\n\r\nMoment.locale(window.navigator.language);\r\n\r\nconst theme = createMuiTheme({\r\n typography: {\r\n useNextVariants: true,\r\n },\r\n palette: {\r\n primary: {\r\n main: process.env.REACT_APP_COMPETITIONGOLF_PRIMARY_COLOUR,\r\n },\r\n secondary: {\r\n main: process.env.REACT_APP_COMPETITIONGOLF_SECONDARY_COLOUR,\r\n },\r\n siteBackdrop: {\r\n main: process.env.REACT_APP_COMPETITIONGOLF_SITE_BACKDROP_COLOUR\r\n },\r\n siteHeaderMain: {\r\n main: process.env.REACT_APP_COMPETITIONGOLF_HEADER_COLOUR\r\n },\r\n cgPositive: {\r\n main: process.env.REACT_APP_COMPETITIONGOLF_POSITIVE_COLOUR\r\n },\r\n cgNeutral: {\r\n main: process.env.REACT_APP_COMPETITIONGOLF_NEUTRAL_COLOUR\r\n },\r\n cgWarning: {\r\n main: process.env.REACT_APP_COMPETITIONGOLF_WARNING_COLOUR\r\n }\r\n },\r\n});\r\n\r\nconst store = reduxStore();\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root'));\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}