{"version":3,"sources":["shared/button/button.jsx","shared/cookie_consent/cookie_consent.js","App.js","index.js"],"names":["Button","button","this","props","children","styling","type","href","onClick","style","other","value","className","to","React","Component","ColouredButton","SquareButton","privacy_policy_consent_styles","position","bottom","zIndex","width","padding","background","boxShadow","button_styles","display","marginLeft","marginRight","color","CookieConsent","useState","agree","setAgree","show","setShow","dataLayer","window","gtag","push","arguments","useEffect","Cookies","get","alreadyAgreed","getJSON","Date","key","set","expires","Nav","lazy","Footer","Contact","Details","Home","About","Services","Newsletters","Newsletter","Privacy","PageNotFound","App","fallback","exact","path","component","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.bb4aa1c0.chunk.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { HashLink as Link } from 'react-router-hash-link';\n\nimport './button.scss'\n\nexport class Button extends React.Component {\n    render() {\n        const { children, styling, type, href, onClick, style, ...other } = this.props;\n        var button;\n        switch(type) {\n            case 'submit':\n                button = <input type={ type } value= { children } className = { styling } { ...other }/>\n                break;\n            case 'button':\n                button = <button className = { styling } { ...other }>{ children }</button>\n                break;\n            case 'button-link':\n                button = <Link to={ href } className = { \"button-link \" + styling } { ...other }>{ children }</Link>\n                break;\n            default:\n                break;\n        }\n        return <div className='button' style={ style } onClick={onClick}>\n            { button }\n        </div>\n    }\n}\n\nexport const ColouredButton = (props) => {\n    const { type, href, children, ...other } = props;\n    return(\n        <Button href={ href } type={ type } styling='colour-button' { ...other }>\n            { children }\n        </Button>\n    )\n}\n\nexport const SquareButton = (props) => {\n    const { type, href, children, ...other } = props;\n    return(\n        <Button href={ href } type={ type } styling='square-button' {...other} >\n            { children }\n        </Button>\n    )\n}\n\nButton.propTypes = {\n    type: PropTypes.node.isRequired\n};\nColouredButton.propTypes = {\n    children: PropTypes.node.isRequired\n};","import React, { useEffect, useState } from 'react';\nimport Cookies from 'js-cookie';\n\nimport { SquareButton } from '../button/button';\n\nconst privacy_policy_consent_styles = {\n    position: 'fixed',\n    bottom: 0,\n    zIndex: 99,\n    width: '80%',\n    padding: \"10px 10% 10px 10%\",\n    background: 'white',\n    boxShadow: \"rgba(0, 0, 0, 0.2) 0px -1px 2.5px\"\n};\nconst button_styles = {\n    display: 'block',\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    color: 'white'\n};\n\nfunction CookieConsent() {\n\n    const [ agree, setAgree ] = useState(false),\n          [ show, setShow ] = useState(true),\n          dataLayer = window.dataLayer || [],\n          development = (process.env.NODE_ENV !== 'production');\n    \n    // Google analytics setup\n    function gtag(){dataLayer.push(arguments);}\n    \n    \n    useEffect(() => {\n        // Set cookie to true if a cookie is found, sets agree to the cookie value and sets show to inverse of value\n        if(Cookies.get('privacy_agreement')) {\n            var alreadyAgreed = Cookies.getJSON('privacy_agreement').agree;\n            setAgree(alreadyAgreed);\n            setShow(!alreadyAgreed);\n        }\n    },[])\n    return(<>\n        {(agree && !development) ? gtag('js', new Date()) : null}\n        {(agree && !development) ? gtag('config', 'UA-113990710-3') : null}\n        {show && \n            <div\n                style={privacy_policy_consent_styles}\n                key='privacy_policy'\n                className='cookie-consent'\n                >\n                <div>\n                    <p>\n                        We use cookies on our site, for more information see our <a href='/cookies'>cookies page</a> and our <a href='/privacy'>privacy policy</a>.\n                    </p>\n                    <SquareButton \n                        style={button_styles}\n                        type='button'\n                        onClick={() => {\n                            Cookies.set('privacy_agreement', { agree: true }, {\n                                expires: 365\n                            })\n                            setAgree(true);\n                            setShow(false);\n                        }}>\n                        I'm ok with this\n                    </SquareButton>\n                </div>\n            </div>\n        }\n    </>)\n}\n\nexport default CookieConsent","import React, { Suspense, lazy } from 'react';\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\n\nimport './App.scss';\nimport CookieConsent from './shared/cookie_consent/cookie_consent'\nconst Nav = lazy(() => import('./shared/nav/nav'));\nconst Footer = lazy(() => import('./shared/footer/footer'));\nconst Contact = lazy(() => import('./contact/contact'));\nconst Details = lazy(() => import('./contact/details'));\nconst Home = lazy(() => import('./home/home'));\nconst About = lazy(() => import('./about/about'));\nconst Services = lazy(() => import('./services/services'));\nconst Newsletters = lazy(() => import('./newsletter/newsletters'));\nconst Newsletter = lazy(() => import('./newsletter/newsletter'));\nconst Privacy = lazy(() => import('./legal/privacy'));\nconst Cookies = lazy(() => import('./legal/cookies'));\nconst PageNotFound = lazy(() => import('./shared/page_not_found'));\n\nclass App extends React.Component {\n  render() {\n    return (\n\t\t\t<Router>\n\t\t\t\t<CookieConsent/>\n\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t<Nav/>\n\t\t\t\t\t<div className='body'>\n\t\t\t\t\t\t<Switch>\n\t\t\t\t\t\t\t<Route exact path=\"/\" component={Home}/>\n\t\t\t\t\t\t\t<Route exact path=\"/contact\" component={Contact}/>\n\t\t\t\t\t\t\t<Route exact path=\"/contact/details\" component={Details}/>\n\t\t\t\t\t\t\t<Route exact path=\"/about\" component={About}/>\n\t\t\t\t\t\t\t<Route exact path=\"/services\" component={Services}/>\n\t\t\t\t\t\t\t<Route exact path=\"/newsletters\" component={Newsletters}/>\n\t\t\t\t\t\t\t<Route exact path=\"/newsletters/:id\" component={Newsletter}/>\n\t\t\t\t\t\t\t<Route exact path=\"/privacy\" component={Privacy}/>\n\t\t\t\t\t\t\t<Route exact path=\"/cookies\" component={Cookies}/>\n\t\t\t\t\t\t\t<Route component={ PageNotFound } />\n\t\t\t\t\t\t</Switch>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Footer/>\n\t\t\t\t</Suspense>\n\t\t\t</Router>\n    );\n  }\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(<App />, document.getElementById('root'));"],"sourceRoot":""}