{"version":3,"sources":["webpack:///./src/images/assets/instagram-black.svg","webpack:///./src/images/assets/twitter-black.svg","webpack:///./src/components/Form/ContactForm.js","webpack:///./src/components/Layout/ImageBox/ImageBox.js","webpack:///./src/components/FacebookTrack/FacebookTrack.js","webpack:///./src/components/ContactTracker/ContactTracker.js","webpack:///./src/images/assets/facebook-black.svg","webpack:///./src/components/Form/TextArea.js","webpack:///./src/components/Layout/Grid1/Grid1.js","webpack:///./src/components/Layout/PageHeader/PageHeader.js","webpack:///./src/components/Layout/Flex/FlexCenter.js","webpack:///./src/components/Layout/Spacer/Spacer.js","webpack:///./src/components/Form/Label.js","webpack:///./src/components/Layout/Section/Section.js","webpack:///./src/components/SideDrawer/DrawerToogleButton.js","webpack:///./src/components/Navigation/MainNavigation.js","webpack:///./src/components/SideDrawer/SideDrawer.js","webpack:///./src/components/Backdrop/Backdrop.js","webpack:///./src/components/Header/Header.js","webpack:///./src/components/Layout/Button/Button.js","webpack:///./src/components/Layout/Section/SectionPageMarginGradient.js","webpack:///./src/components/SocialLinks/SocialLinksMiniBlack.js","webpack:///./src/components/Type/PageTitle.js","webpack:///./src/components/Layout/Section/SectionMargin.js","webpack:///./src/components/Type/Heading3.js","webpack:///./src/components/Footer/Footer.js","webpack:///./src/components/Layout/Layout.js"],"names":["React","InstagramBlack","props","createElement","defaultProps","module","exports","default","TwitterBlack","ContactForm","onChangeCaptcha","value","setState","isVerified","capatchaValue","formError","submitHandler","event","preventDefault","firstName","firstNameEl","current","lastName","lastNameEl","mobile","mobileEl","email","emailEl","postcode","postcodeEl","errors","validate","firstNameValidation","lastNameValidation","mobileValidation","emailValidation","postcodeValidation","carDetails","formAction","getCar","state","trackCustomEvent","category","action","label","fbTrack","content_category","content_name","currency","formBody","comment","commentEl","car","estimatedValue","mileage","colour","formSubmissionSuccessful","apiPath","formSubmittedHandler","fetch","credentials","method","body","JSON","stringify","headers","then","res","status","window","grecaptcha","reset","Error","json","resData","catch","err","console","log","validation","fieldValue","errMessage","match","RegExp","test","trim","length","required","createRef","recaptchaRef","firstNameError","lastNameError","mobileError","emailError","postcodeError","bind","render","confirmationMessage","pageHTML","onSubmit","this","type","id","onBlur","e","target","ref","pattern","rows","cols","sitekey","onChange","theme","size","FormError","Component","Box","styled","div","marginTop","maxSize","minSize","ImageBox","children","a","b","c","fbq","ContactTracker","trackAction","trackLabel","hrefTo","hrefType","Button","title","onClick","document","href","click","handleClick","button","FacebookBlack","TextArea","textarea","Grid1","Grid","PageHeader","bgColor","text","textColor","marginBottom","breadcrumb","SectionPageMarginGradient","PageTitle","color","Paragraph1","Spacer","height","FlexCenter","Space","Label","Section","Wrapper","Content","section","drawerToggleButton","className","mainNavigation","activeStyles","borderBottom","hideBG","drawClickHandler","to","width","alt","activeStyle","partiallyActive","sideDrawer","drawerClasses","show","backdrop","aria-label","Header","sideDrawerOpen","drawerToggleClickHandler","prevState","backdropClickHandler","backDrop","attrs","url","rel","IconContainer","SocialLinksMiniBlack","padding","Title","h1","SectionMargin","Heading3","h3","CopyContainer","ACNContainer","StyledLink","Link","footer","SectionPageMargin","Grid2","style","paddingTop","paddingBottom","GridItem","order","whiteSpace","Date","getFullYear","align","IconButton","Layout","Footer"],"mappings":"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","file":"cfdc57af165cb4445d91467f8007492a695ef191-00c1932fbaf846df375c.js","sourcesContent":["var React = require('react');\n\nfunction InstagramBlack (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"style\":{\"fill\":\"#000000\"},\"d\":\"M13 10c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-0.171 0.018-0.338 0.049-0.5h-1.049v3.997c0 0.278 0.225 0.503 0.503 0.503h6.995c0.277 0 0.502-0.225 0.502-0.503v-3.997h-1.049c0.031 0.162 0.049 0.329 0.049 0.5zM10 12c1.104 0 2-0.896 2-2s-0.896-2-2-2-2 0.896-2 2 0.896 2 2 2zM12.4 7.9h1.199c0.166 0 0.301-0.135 0.301-0.3v-1.199c0-0.166-0.135-0.301-0.301-0.301h-1.199c-0.166 0-0.301 0.135-0.301 0.301v1.199c0.001 0.165 0.136 0.3 0.301 0.3zM10 0.4c-5.302 0-9.6 4.298-9.6 9.6s4.298 9.6 9.6 9.6c5.302 0 9.6-4.298 9.6-9.6s-4.298-9.6-9.6-9.6zM15 13.889c0 0.611-0.5 1.111-1.111 1.111h-7.778c-0.611 0-1.111-0.5-1.111-1.111v-7.778c0-0.611 0.5-1.111 1.111-1.111h7.778c0.611 0 1.111 0.5 1.111 1.111v7.778z\"}));\n}\n\nInstagramBlack.defaultProps = {\"version\":\"1.1\",\"id\":\"svginstagramblk\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 20 20\",\"style\":{\"enableBackground\":\"new0 0 20 20\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = InstagramBlack;\n\nInstagramBlack.default = InstagramBlack;\n","var React = require('react');\n\nfunction TwitterBlack (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"style\":{\"fill\":\"#000000\"},\"d\":\"M10 0.4c-5.302 0-9.6 4.298-9.6 9.6s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6-4.298-9.6-9.6-9.6zM13.905 \\n\\t8.264c0.004 0.082 0.005 0.164 0.005 0.244 0 2.5-1.901 5.381-5.379 5.381-1.068 0-2.062-0.312-2.898-0.85 0.147 \\n\\t0.018 0.298 0.025 0.451 0.025 0.886 0 1.701-0.301 2.348-0.809-0.827-0.016-1.525-0.562-1.766-1.312 0.115 0.021 \\n\\t0.233 0.033 0.355 0.033 0.172 0 0.34-0.023 0.498-0.066-0.865-0.174-1.517-0.938-1.517-1.854v-0.023c0.255 0.141 \\n\\t0.547 0.227 0.857 0.237-0.508-0.34-0.841-0.918-0.841-1.575 0-0.346 0.093-0.672 0.256-0.951 0.933 1.144 2.325 \\n\\t1.896 3.897 1.977-0.033-0.139-0.049-0.283-0.049-0.432 0-1.043 0.846-1.891 1.891-1.891 0.543 0 1.035 0.23 1.38 0.598 \\n\\t0.431-0.086 0.835-0.242 1.2-0.459-0.141 0.441-0.44 0.812-0.831 1.047 0.383-0.047 0.747-0.148 1.086-0.299-0.253 \\n\\t0.379-0.574 0.713-0.943 0.979z\"}));\n}\n\nTwitterBlack.defaultProps = {\"version\":\"1.1\",\"id\":\"svgtwitterblk\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 20 20\",\"style\":{\"enableBackground\":\"new0 0 20 20\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = TwitterBlack;\n\nTwitterBlack.default = TwitterBlack;\n","import React, { Component } from 'react';\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport { trackCustomEvent } from 'gatsby-plugin-google-analytics';\nimport FormControl from './FormControl'\nimport ActionControl from './ActionControl'\nimport Label from './Label'\nimport Input from './Input'\nimport InputError from './InputError'\nimport TextArea from './TextArea'\nimport Button from '../Layout/Button/Button'\nimport Paragraph1 from '../Type/Paragraph1';\nimport fbTrack from '../FacebookTrack/FacebookTrack';\n\n\nclass ContactForm extends Component {\n\n    constructor(props) {\n        super(props);\n        this.firstNameEl = React.createRef();\n        this.lastNameEl = React.createRef();\n        this.mobileEl = React.createRef();\n        this.emailEl = React.createRef();\n        this.postcodeEl = React.createRef();\n        this.commentEl = React.createRef();\n        this.recaptchaRef = React.createRef();\n\n        this.formAction = props.formAction;\n        this.getCar = props.getCar;\n        this.formSubmittedHandler = props.formSubmittedHandler;\n\n        this.state = {\n            formSubmissionSuccessful: null,\n            formError: \"\",\n            firstNameError: \"\",\n            lastNameError: \"\",\n            mobileError: \"\",\n            emailError: \"\",\n            postcodeError: \"\",\n            isVerified: false,\n            capatchaValue: \"\"\n        }\n\n        this.firstNameValidation = [\"firstNameError\",\n            { required: \"Enter your first name\" }];\n\n        this.lastNameValidation = [\"lastNameError\",\n            { required: \"Enter your last name\" }];\n\n        this.mobileValidation = [\"mobileError\",\n            {\n                required: \"Enter your mobile number\",\n                mobile: \"Enter a valid mobile number\"\n            }];\n\n        this.emailValidation = [\"emailError\",\n            {\n                required: \"Enter your email address\",\n                email: \"Enter a valid email address\"\n            }];\n\n        this.postcodeValidation = [\"postcodeError\",\n            {\n                required: \"Enter your postcode\",\n                postcode: \"Enter a valid postcode\"\n            }];\n\n\n        this.submitHandler = this.submitHandler.bind(this);\n    }\n\n    onChangeCaptcha = (value) => {\n        if (value !== null) {\n            this.setState({ isVerified: true, capatchaValue: value });\n        } else {\n            this.setState({ isVerified: false, capatchaValue: null, formError: \"\" });\n        }\n    }\n\n    submitHandler = (event) => {\n\n        event.preventDefault(); // stop form loading new page\n\n        const firstName = this.firstNameEl.current.value;\n        const lastName = this.lastNameEl.current.value;\n        const mobile = this.mobileEl.current.value;\n        const email = this.emailEl.current.value;\n        const postcode = this.postcodeEl.current.value;\n\n        var errors = 0;\n        errors += this.validate(firstName, this.firstNameValidation);\n        errors += this.validate(lastName, this.lastNameValidation);\n        errors += this.validate(mobile, this.mobileValidation);\n        errors += this.validate(email, this.emailValidation);\n        errors += this.validate(postcode, this.postcodeValidation);\n\n        // if contact form is part of car enquiry with car selector\n        let carDetails = {};\n        if (this.formAction === \"car-enquiry\") {\n            carDetails = this.getCar(); // get cars from parent component\n            if (!carDetails) errors += 1;\n        }\n\n        if (errors !== 0) return errors;\n\n        if (!this.state.isVerified) return; // reCaptacha\n\n\n        if (this.formAction === \"car-enquiry\") {\n            trackCustomEvent({\n                category: \"Conversion\",\n                action: \"Form Submission\",\n                label: \"Enquiry Form\"\n            });\n\n            fbTrack('track',\n                'Lead',\n                {\n                    content_category: \"Enquiry Form\",\n                    content_name: \"Component\",\n                    currency: 'AUD',\n                    value: 1.00\n                }\n            );\n\n        }\n\n        if (this.formAction === \"contact\") {\n            trackCustomEvent({\n                category: \"Conversion\",\n                action: \"Form Submission\",\n                label: \"Contact Form\"\n            });\n\n            fbTrack('track',\n                'Lead',\n                {\n                    content_category: \"Contact Form\",\n                    content_name: \"Component\",\n                    currency: 'AUD',\n                    value: 1.00\n                }\n            );\n\n        }\n\n\n        let formBody = {\n            firstName: firstName,\n            lastName: lastName,\n            mobile: mobile,\n            email: email,\n            postcode: postcode,\n            comment: this.commentEl.current.value\n        }\n\n        if (this.formAction === \"car-enquiry\") {\n            formBody = {\n                ...formBody,\n                car: carDetails[1],\n                estimatedValue: \"\",\n                mileage: carDetails[0][\"vehicleMileage\"],\n                colour: carDetails[0][\"vehicleColour\"]\n            };\n        }\n\n\n\n        this.setState({ formSubmissionSuccessful: true });\n\n        var apiPath = \"website/contact\";\n        if (this.formAction === \"car-enquiry\") {\n            apiPath = \"website/enquiry\";\n            this.formSubmittedHandler();\n        }\n        fetch(`https://carxapi.com/${apiPath}`, {\n            //fetch(`http://172.16.16.210:8081/${apiPath}`, {\n            credentials: 'include',\n            method: 'POST',\n            body: JSON.stringify(formBody),\n            headers: {\n                'Capatcha': this.state.capatchaValue,\n                'Content-Type': 'application/json'\n            }\n        }).then(res => {\n            if (res.status !== 200 && res.status !== 201) {\n                this.setState({ formError: \"Unfortunately we were unable to send your enquiry.\" })\n                window.grecaptcha.reset();\n\n                throw new Error('Failed!');\n            }\n            return res.json();\n        })\n            .then(resData => {\n                // bit too long to wait actual emails sent \n                this.setState({ formSubmissionSuccessful: true });\n\n                //navigate(\"/contact-confirmation/\");\n\n            })\n            .catch(err => {\n                console.log(err);\n            });\n\n    };\n\n    validate = (value, validation) => {\n        var fieldValue = value;\n        var errMessage = \"\";\n\n        if ('email' in validation[1]) {\n            let emailValid = fieldValue.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i);\n            if (!emailValid) {\n                errMessage = validation[1].email;\n            }\n        }\n        if ('postcode' in validation[1]) {\n            var rePostcode = new RegExp(\"^(0[289][0-9]{2})|([123456789][0-9]{3})$\");\n            if (!rePostcode.test(fieldValue)) {\n                errMessage = validation[1].postcode;\n            }\n        }\n        if ('mobile' in validation[1]) {\n            var reMobile = new RegExp(\"^((61|\\\\+61)?\\\\s?)((04[0-9]{2}|4[0-9]{2})\\\\s?)([0-9]{3}\\\\s?[0-9]{3}|[0-9]{2}\\\\s?[0-9]{2}\\\\s?[0-9]{2})$\");\n            if (!reMobile.test(fieldValue)) {\n                errMessage = validation[1].mobile;\n            }\n        }\n        if ('required' in validation[1]) {\n            if (fieldValue.trim().length === 0) {\n                errMessage = validation[1].required;\n            }\n        }\n\n        this.setState({ [validation[0]]: errMessage });\n        return (errMessage === \"\") ? 0 : 1;\n    }\n\n    render() {\n\n        const confirmationMessage = (\n            <>\n                <Paragraph1>\n                    <strong>All Done!</strong>\n                </Paragraph1>\n                <Paragraph1>\n                    Thank you for your enquiry. One of our car sales consultants will be in contact shortly.\n                </Paragraph1>\n                <Paragraph1>\n                    You should also receive a confirmation email. Please check your spam or junk mail folder.\n                </Paragraph1>\n                <Paragraph1>\n                    And you can always email us at:<br />\n                    hello@summon.com.au\n                </Paragraph1>\n            </>\n        )\n\n        const pageHTML = (\n\n            <form onSubmit={this.submitHandler}>\n                <FormControl>\n                    <Label>First Name</Label>\n                    <Input\n                        type=\"text\"\n                        id=\"firstName\"\n                        onBlur={(e) => this.validate(e.target.value, this.firstNameValidation)}\n                        ref={this.firstNameEl}\n                    />\n                    <InputError>{this.state.firstNameError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <Label>Last Name</Label>\n                    <Input\n                        type=\"text\"\n                        id=\"lastName\"\n                        onBlur={(e) => this.validate(e.target.value, this.lastNameValidation)}\n                        ref={this.lastNameEl}\n                    />\n                    <InputError>{this.state.lastNameError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <Label >Mobile</Label>\n                    <Input\n                        type=\"text\"\n                        id=\"mobile\"\n                        onBlur={(e) => this.validate(e.target.value, this.mobileValidation)}\n                        ref={this.mobileEl} />\n                    <InputError>{this.state.mobileError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <Label>Email</Label>\n                    <Input\n                        type=\"email\"\n                        id=\"email\"\n                        pattern=\"[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,63}$\"\n                        onBlur={(e) => this.validate(e.target.value, this.emailValidation)}\n                        ref={this.emailEl} />\n                    <InputError>{this.state.emailError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <Label>Postcode</Label>\n                    <Input\n                        type=\"text\"\n                        id=\"postcode\"\n                        onBlur={(e) => this.validate(e.target.value, this.postcodeValidation)}\n                        ref={this.postcodeEl}\n                    />\n                    <InputError>{this.state.postcodeError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <Label>Comment</Label>\n                    <TextArea\n                        rows=\"8\"\n                        cols=\"40\"\n                        id=\"comment\"\n                        ref={this.commentEl} />\n                </FormControl>\n\n                <div>\n                    <ReCAPTCHA\n                        ref={this.recaptchaRef}\n                        sitekey=\"6LcJvbYUAAAAAIMoSZgsxjjb69wAQ9OhaIoND4nC\"\n                        onChange={this.onChangeCaptcha}\n                        theme=\"light\"\n                        size=\"normal\"\n                    />\n                </div>\n\n                <ActionControl>\n                    <Button type=\"submit\">Submit</Button>\n                    <InputError>{this.state.FormError}</InputError>\n                </ActionControl>\n\n            </form>\n        )\n\n        return (\n\n            <>\n                {this.state.formSubmissionSuccessful && confirmationMessage}\n                {!this.state.formSubmissionSuccessful && pageHTML}\n            </>\n\n        );\n    }\n\n}\n\nexport default ContactForm;\n\n\n\n\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst ImageBox = ({ size, minSize, maxSize, marginTop, children }) => {\n    if(!size) size = \"300px\";\n    if(!maxSize) maxSize = size;\n    if(!minSize) minSize = size;\n    if(!marginTop) marginTop = \"60px\";    \n   \n  return (\n    <>\n        <Box maxSize={maxSize} minSize={minSize} marginTop={marginTop}>\n            {children}\n        </Box>\n    </>\n  )\n} \n\nconst Box = styled.div`\n  margin-top: ${props => props.marginTop};\n  width: 100%;\n  max-width: ${props => props.maxSize};\n  min-width: ${props => props.minSize};\n  @media (max-width: 800px) {\n    margin-top: ${props => props.marginTop/2}px;\n  }\n\n`\nexport default ImageBox\n\n\n//width: ${props => props.size};","export default function fbTrack(a, b, c) {\n    if (process.env.NODE_ENV === `production` && typeof fbq === `function`) {\n        fbq(a, b, c);  // eslint-disable-line no-undef\n    }\n}\n\n//CompleteRegistration\n// import fbTrack from './fb-track'\n// contactClick = () => fbTrack('track', 'Contact')\n\n\n/*\n\n fbTrack('track', \n                'Lead', \n                {content_category: \"Price Guide\", \n                 content_name: this.props.page, \n                 currency: 'AUD', \n                 value: 50.00}\n        );\n\n*/","import React from 'react';\nimport { trackCustomEvent } from 'gatsby-plugin-google-analytics';\nimport styled from 'styled-components';\n\n\nconst ContactTracker = ({ trackAction, trackLabel, hrefTo, children, hrefType }) => {\n\n    const handleClick = () => {\n\n        trackCustomEvent({\n            category: \"Conversion\",\n            action: trackAction,\n            label: trackLabel\n        });\n\n        const a = document.createElement(\"a\");\n        a.href = hrefType + hrefTo;\n        a.click();\n\n    }\n\n     return (\n         <Button title={hrefType + \" \" + hrefTo} onClick={() => handleClick()}>{children}</Button>\n   )\n } \n \n export default ContactTracker;\n\n const Button = styled.button`\n\n    display: inline-block;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    background: none;\n    font-weight: normal;\n    font-size: 1rem;\n\n\n    letter-spacing: -0.05rem;\n    &:hover {\n        opacity: 0.9;\n    }\n  `\n\n\n\n\n","var React = require('react');\n\nfunction FacebookBlack (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"style\":{\"fill\":\"#000000\"},\"d\":\"M10 0.4c-5.302 0-9.6 4.298-9.6 9.6s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6-4.298-9.6-9.6-9.6zM12.274 \\n \\t7.034h-1.443c-0.171 0-0.361 0.225-0.361 0.524v1.042h1.805l-0.273 1.486h-1.532v4.461h-1.703v-4.461h-1.545v-1.486h1.545v-0.874c0-1.254 \\n\\t 0.87-2.273 2.064-2.273h1.443v1.581z\"}));\n}\n\nFacebookBlack.defaultProps = {\"version\":\"1.1\",\"id\":\"svgfacebookblack\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 20 20\",\"style\":{\"enableBackground\":\"new0 0 20 20\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = FacebookBlack;\n\nFacebookBlack.default = FacebookBlack;\n","import styled from 'styled-components'\n\nconst TextArea = styled.textarea`\noutline: none;\nwidth: 285px;\nfont-size: 1.3rem;\nbackground-color: white;\ncolor:  black;\npadding: 5px 5px 5px 12px;\nborder: #CCCCCC solid 1px;\nmargin-bottom: 0.5rem;\n`\nexport default TextArea;\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Grid1 = ({children }) => {\n  return (\n    <>\n        <Grid>\n            {children}\n        </Grid>\n    </>\n  )\n} \n\nexport default Grid1\n\nconst Grid = styled.div`\n    display: block;\n    max-width: 800px;\n`;\n","import React from \"react\"\nimport SectionPageMarginGradient from '../Section/SectionPageMarginGradient'\nimport Grid1 from '../Grid1/Grid1'\nimport PageTitle from '../../Type/PageTitle'\nimport Paragraph1 from '../../Type/Paragraph1'\nimport Spacer from '../Spacer/Spacer'\n\nconst PageHeader = ({ bgColor, title, text, textColor, marginBottom, breadcrumb }) => {\n    if(!bgColor) bgColor = \"#3479ae\";\n    if(!textColor) textColor = \"white\";\n    \n  return (\n    <>\n       <SectionPageMarginGradient marginBottom={marginBottom} >\n            <Grid1>\n                <PageTitle color={textColor}>{title}</PageTitle>\n                <Paragraph1 color={textColor}>\n                    {text}\n                </Paragraph1>\n                {breadcrumb}\n                <Spacer height=\"40px\" />\n            </Grid1>\n        </SectionPageMarginGradient>\n    </>\n  )\n} \n\nexport default PageHeader\n\n\n\n","import styled from 'styled-components'\n\nconst FlexCenter = styled.div `\n  display: flex;\n  flex: 1;\n  align-items: center; \n  justify-content: center;\n\n  flex-direction: column;\n`;\n\nexport default FlexCenter","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Spacer = ({ height }) => {\n  return (\n        <Space height={height}></Space>\n  )\n} \nexport default Spacer\n\nconst Space = styled.div`\n    display: block;\n    width: 100%;\n    height: ${props => props.height};\n`;\n","\nimport styled from 'styled-components'\n\nconst Label = styled.label`\n  color: black;\n  font-size: 0.8rem;\n  display: block;\n  margin-bottom: 5px;\n`\nexport default Label;\n\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Section = ({ bgColor, children, marginTop, marginBottom }) => {\n  if(!marginTop) marginTop = \"0px\";\n  if(!marginBottom) marginBottom = \"100px\";\n\n  return (\n    <>\n        <Wrapper bgColor={bgColor} marginTop={marginTop} marginBottom={marginBottom}>\n            <Content>{children}</Content>\n        </Wrapper>\n    </>\n  )\n} \n\nexport default Section\n\nconst Wrapper = styled.section`\n    display: grid;\n    margin-top:  ${props => props.marginTop};\n    margin-bottom:  ${props => props.marginBottom};\n    grid-template-columns: minmax(400px, 1300px);\n    background-color: ${props => props.bgColor};\n    justify-content: center;\n`;\n\nconst Content = styled.div`\n    margin-left: 10px;\n    margin-right: 10px;\n\n    @media (max-width: 800px) {\n      margin-left: 30px;\n      margin-right: 30px;\n    }\n`;\n","import React from 'react'\n\nimport './DrawerToggleButton.css'\n\nconst drawerToggleButton = props => (\n  <button className=\"toggle-button\" title=\"navigation\" onClick={props.click}>\n    <div className=\"toggle-button__line\" />\n    <div className=\"toggle-button__line\" />\n    <div className=\"toggle-button__line\" />\n  </button>\n)\n\nexport default drawerToggleButton","import React from 'react';\nimport { Link } from \"gatsby\"\nimport Section from \"../Layout/Section/Section\"\nimport '../SideDrawer/DrawerToogleButton';\nimport Logo from \"./assets/summon-logo-white.svg\";\n\nimport './MainNavigation.css';\nimport DrawerToggleButton from '../SideDrawer/DrawerToogleButton';\n\nconst mainNavigation = props => {\n    \n    const activeStyles ={\n        borderBottom: '2px solid white'\n    }\n\n\n    return (\n    \n    <Section bgColor={props.hideBG? \"\" : \"#3988c4\"} marginBottom=\"0px\">\n        <div className=\"main-navigation\">\n        \n            <div className=\"toolbar__toggle-button\"><DrawerToggleButton click={props.drawClickHandler}/></div>\n            <div className=\"main-navigation__logo\">\n                <Link title=\"Summon Home\" to=\"/\"><Logo width=\"170px\" alt=\"Summon\"/></Link>            \n            </div>\n            <div className=\"spacer\"></div>\n        \n            <nav className=\"main-navigation__items\">\n                <ul>\n                    \n                    <li><Link to=\"https://value.summon.com.au//\"  activeStyle={activeStyles} partiallyActive={true}>Free valuation</Link></li>\n                    <li><Link to=\"/articles/\" activeStyle={activeStyles} partiallyActive={true}>Articles</Link></li>\n                    <li><Link to=\"/sell-with-summon/\" activeStyle={activeStyles} partiallyActive={true}>Sell your car</Link></li>\n                    <li><Link to=\"/recent-listings/\"  activeStyle={activeStyles} partiallyActive={true}>Listings</Link></li>\n                    <li><Link to=\"/reviews/\" activeStyle={activeStyles} partiallyActive={true}>Reviews</Link></li>\n                    <li><Link to=\"/faq/\" activeStyle={activeStyles} partiallyActive={true}>FAQ</Link></li> \n                    <li><Link to=\"/about/\" activeStyle={activeStyles} partiallyActive={true}>About</Link></li>\n                    {/* <li><Link to=\"/contact\" activeStyle={activeStyles} partiallyActive={true}>Contact</Link></li> */}\n                </ul>\n            </nav>\n        </div>\n        \n    </Section>\n\n    );\n}\n\nexport default mainNavigation;","import React from 'react'\nimport { Link } from \"gatsby\"\n\n\nimport './SideDrawer.css';\n\nconst sideDrawer = props => {\n\n            \n    let drawerClasses = 'side-drawer';\n    if (props.show) {\n        drawerClasses = 'side-drawer open'; \n    }\n\n    return (\n        \n        <nav className={drawerClasses}>\n            <ul>\n                <li><Link onClick={props.click} to=\"/\">Home</Link></li>\n                <li><Link onClick={props.click} to=\"https://value.summon.com.au//\">Free valuation</Link></li>\n                <li><Link onClick={props.click} to=\"/articles/\">Articles</Link></li>\n                <li><Link onClick={props.click} to=\"/sell-with-summon/\">Sell your car</Link></li>\n                <li><Link onClick={props.click} to=\"/recent-listings/\">Listings</Link></li>\n                <li><Link onClick={props.click} to=\"/reviews/\">Reviews</Link></li>\n                <li><Link onClick={props.click} to=\"/faq/\">FAQ</Link></li> \n                <li><Link onClick={props.click} to=\"/about/\">About</Link></li>\n                <li><Link onClick={props.click} to=\"/contact/\">Contact</Link></li> \n            </ul>\n        </nav>\n\n    );\n       \n};\n\nexport default sideDrawer","import React from 'react';\n\nimport './Backdrop.css';\n\nconst backdrop = props => (\n    <button className=\"backdrop\" aria-label=\"back drop\" onClick={props.click}/>\n);\n\nexport default backdrop;","import React, { Component } from \"react\";\n\nimport MainNavigation from \"../Navigation/MainNavigation\";\nimport SideDrawer from \"../SideDrawer/SideDrawer\";\nimport Backdrop from \"../Backdrop/Backdrop\";\n\nclass Header extends Component {\n\n    state = {sideDrawerOpen: false };\n\n    drawerToggleClickHandler = () => {\n\t\tthis.setState(prevState => {\n\t\t\treturn { sideDrawerOpen: !prevState.sideDrawerOpen };\n\t\t});\n\t};\n\n\tbackdropClickHandler = () => {\n\t\tthis.setState({ sideDrawerOpen: false });\n    };\n    \n\n    render() {\n\n        let backDrop;\n\t\tif (this.state.sideDrawerOpen) {\n\t\t\tbackDrop = <Backdrop click={this.backdropClickHandler} />;\n        }\n        \n        return (\n            <header>\n                <MainNavigation\n\t\t\t\tdrawClickHandler={this.drawerToggleClickHandler}\n                hideBG={this.props.hideBG}\n                />\n                <SideDrawer\n                    show={this.state.sideDrawerOpen}\n                    click={this.backdropClickHandler}\n                />\n                {backDrop}\n            </header>                 \n        );\n\n    }\n\n}\n\nexport default Header;\n","import styled from 'styled-components';\n\nconst Button = styled.button.attrs(props => ({\n  type: props.type || 'button',\n  bgColor: props.bgColor || '#3479ae'\n}))`\nbackground-color: ${props => props.bgColor};\nborder: none;\ncolor: white;\npadding: 10px;\ntext-align: center;\ntext-decoration: none;\ndisplay: inline-block;\nfont-size: 0.9rem;\nfont-weight: normal;\nmargin: 2px 2px 2px 2px;\npadding-left: 20px;\npadding-right: 20px;\nborder-radius: 5px;\ncursor: pointer;\n  &:hover {\n    opacity: 0.9;\n  }\n`\nexport default Button;","import React from \"react\"\nimport styled from 'styled-components'\n\nconst SectionPageMarginGradient = ({ bgColor, children, marginTop, marginBottom }) => {\n  if(!marginTop) marginTop = \"0px\";\n  if(!marginBottom) marginBottom = \"100px\";\n\n  return (\n    <>\n        <Wrapper bgColor={bgColor} marginTop={marginTop} marginBottom={marginBottom}>\n            <Content>{children}</Content>\n        </Wrapper>\n    </>\n  )\n} \n\nexport default SectionPageMarginGradient\n\nconst Wrapper = styled.section`\n    display: grid;\n    margin-top:  ${props => props.marginTop};\n    margin-bottom:  ${props => props.marginBottom};\n    grid-template-columns: minmax(400px, 1300px);\n    background: rgb(57,136,196);\n    background: linear-gradient(180deg, rgba(57,136,196,1) 0%, rgba(49,117,169,1) 100%);\n    justify-content: center;\n`;\n\nconst Content = styled.div`\n    margin-left: 100px;\n    margin-right: 100px;\n\n    @media (max-width: 800px) {\n      justify-content: center;\n      margin-left: 30px;\n      margin-right: 30px;\n    }\n`;\n","import React from 'react';\nimport styled from 'styled-components'\nimport FacebookIcon from '../../images/assets/facebook-black.svg'\nimport TwitterIcon from '../../images/assets/twitter-black.svg'\nimport InstagramIcon from '../../images/assets/instagram-black.svg'\nimport IconButton from '../Layout/Button/IconButton'\n\nconst SocialLinksMiniBlack = props => (\n\n    <IconContainer>\n        <IconButton size=\"20px\" padding=\"5px\" onClick={(event) => handleClick(\"https://www.facebook.com/summoncars\")}>\n            <FacebookIcon/> \n        </IconButton>\n        <IconButton size=\"20px\" padding=\"5px\" onClick={(event) => handleClick(\"https://www.twitter.com/summon_cars\")}>\n            <TwitterIcon/> \n        </IconButton>\n        <IconButton size=\"20px\" padding=\"5px\" onClick={(event) => handleClick(\"https://www.instagram.com/summoncars\")}>\n            <InstagramIcon/> \n        </IconButton>\n    </IconContainer>\n\n);\n\nconst handleClick = (url) => {\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.target = \"_blank\";\n    a.rel = \"noopener\";\n    a.click();\n}\n\n\nconst IconContainer = styled.div`\n    padding-bottom: 0px;\n`;\n\nexport default SocialLinksMiniBlack;\n\n\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst PageTitle = ({ color, children }) => {\n   if(!color) {\n       color = \"black\";  \n   }\n    return (\n        <Title color={color}>{children}</Title>\n  )\n} \n\nexport default PageTitle;\n\nconst Title = styled.h1`\n    margin-top: 30px;\n    font-weight: 600;\n    color: ${props => props.color};\n    font-size: 3rem;\n    line-height: 3rem;\n    letter-spacing: -0.1rem;\n`\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst SectionMargin  = ({ bgColor, children, marginTop, marginBottom }) => {\n  if(!marginTop) marginTop = \"0px\";\n  if(!marginBottom) marginBottom = \"100px\";\n\n  return (\n    <>\n        <Wrapper bgColor={bgColor} marginTop={marginTop} marginBottom={marginBottom}>\n            <Content>{children}</Content>\n        </Wrapper>\n    </>\n  )\n} \n\nexport default SectionMargin\n\nconst Wrapper = styled.section`\n    display: grid;\n    margin-top:  ${props => props.marginTop};\n    margin-bottom:  ${props => props.marginBottom};\n    grid-template-columns: minmax(400px, 1300px);\n    background-color: ${props => props.bgColor};\n    justify-content: center;\n\n`;\n\nconst Content = styled.div`\n    margin-left: 200px;\n    margin-right: 200px;\n    display: flex;\n    justify-content: center;\n\n    @media (max-width: 800px) {\n      margin-left: 30px;\n      margin-right: 30px;\n    }\n`;\n","import styled from 'styled-components'\n\nconst Heading3 = styled.h3.attrs(props => ({\n    color: props.color || 'black'\n  }))`\n  color: ${props => props.color};\n  font-size: 2rem;\n  line-height: 3rem;\n  font-weight: 600;\n  letter-spacing: -0.1rem;\n  margin-bottom: 20px;\n  `\n  export default Heading3;\n","import React from 'react';\nimport { Link } from \"gatsby\"\nimport SectionPageMargin from '../Layout/Section/SectionPageMargin'\nimport Grid2 from '../Layout/Grid2/Grid2'\nimport GridItem from '../Layout/GridItem/GridItem'\nimport styled from 'styled-components'\nimport FacebookIcon from '../../images/assets/facebook.svg'\nimport TwitterIcon from '../../images/assets/twitter.svg'\nimport InstagramIcon from '../../images/assets/instagram.svg'\nimport IconButton from '../Layout/Button/IconButton'\n\n\nconst footer = props => (\n\n         <SectionPageMargin bgColor=\"#3479ae\" marginTop=\"0px\" marginBottom=\"0px\">\n       \n                <Grid2 style={{paddingTop: '50px', paddingBottom: '50px'}}>\n                    <GridItem order=\"2\">\n                        <StyledLink to=\"/terms/\"><span style={{whiteSpace: \"nowrap\"}}>Terms and conditions</span></StyledLink>\n                        <StyledLink to=\"/privacy/\"><span style={{whiteSpace: \"nowrap\"}}>Privacy policy</span></StyledLink>\n                        <StyledLink to=\"/contact/\">Contact</StyledLink>\n                        <StyledLink to=\"/covid-safe-measures/\"><span style={{whiteSpace: \"nowrap\"}}>Covid Measures</span></StyledLink>\t\n                        <CopyContainer>\n                            {'Copyright © Summon IO Pty Ltd'}\n                                {' '}\n                                {new Date().getFullYear()}\n                                {'.'} <br/>\n                            <ACNContainer>ACN: 640 473 463</ACNContainer>\n                        </CopyContainer>\n                    </GridItem>\n                    <GridItem order=\"1\" align=\"right\">\n                        <IconContainer>\n                            <IconButton onClick={(event) => handleClick(\"https://www.facebook.com/summoncars\")}>\n                                <FacebookIcon/> \n                            </IconButton>\n                            <IconButton onClick={(event) => handleClick(\"https://www.twitter.com/summon_cars\")}>\n                                <TwitterIcon/> \n                            </IconButton>\n                            <IconButton onClick={(event) => handleClick(\"https://www.instagram.com/summoncars\")}>\n                                <InstagramIcon/> \n                            </IconButton>\n                        </IconContainer>\n                    </GridItem>\n                </Grid2>\n    \n         </SectionPageMargin>\n   \n);\n\nconst handleClick = (url) => {\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.target = \"_blank\";\n    a.rel = \"noopener\";\n    a.click();\n}\n\n\nconst CopyContainer = styled.div`\n    padding-top: 10px;\n    padding-bottom: 20px;\n    color: white;\n`;\n\nconst ACNContainer = styled.div`\n    padding-top: 5px;\n    color: white;\n`;\n\n\nconst StyledLink = styled(Link)`\n\n font-weight: bold;\n text-decoration: none;\n color: white;\n margin-right: 30px;\n line-height: 2rem;\n\n &:hover {\n    color: #c7edfb;\n  }\n\n\n @media (max-width: 800px) {\n    display: block;\n    margin-bottom: 10px; \n  }\n\n`\n\nconst IconContainer = styled.div`\n\n    padding-bottom: 20px;\n`;\n\n\n\nexport default footer;","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport Footer from \"../Footer/Footer\"\nimport Header from \"../Header/Header\"\nimport \"./Layout.css\"\n\nconst Layout = ({ children }) => {\n  \n  return (\n    <>\n        <Header />\n      \n          <main>{children}</main>\n\n        <Footer />\n      \n    </>\n  )\n} \n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n"],"sourceRoot":""}