{"version":3,"sources":["webpack:///./src/components/Calculator/dia-white-right.png","webpack:///./src/components/Calculator/dia-blue-center.png","webpack:///./src/components/Calculator/dia-white-center.png","webpack:///./src/components/Calculator/Calculator.js","webpack:///./src/pages/articles/calculator.js","webpack:///./src/components/Layout/Button/Button.js","webpack:///./src/components/Calculator/dia-white-left.png"],"names":["module","exports","Calculator","props","formatNumber","n","replace","unformatNumber","currency","Number","parseFloat","submitHandler","event","preventDefault","handleOnClick","setState","placeholder","handleKeyUp","input_val","target","value","original_len","length","caret_pos","selectionStart","indexOf","decimal_pos","left_side","substring","right_side","blur","estimatedValue","wholesaleValue","Math","round","wsPrice","String","consignmentValue","cPrice","adCost","rheelsValue","sPrice","summonListing","privateValue","pPrice","customerEstimation","wholesale","consignment","rheels","private","estimatedPrice","setSelectionRange","state","typeIndex","carEstimateEl","React","createRef","bind","typeValue","componentDidMount","this","typeID","setInterval","componentWillUnmount","clearInterval","positionFromTop","document","getElementById","getBoundingClientRect","top","window","innerHeight","i","txt","newTxt","render","className","onSubmit","type","title","id","ref","onClick","onKeyUp","pattern","data-type","autoComplete","maxLength","src","diamondWhiteLeft","alt","diamondWhiteCenter","diamondBlueCenter","Button","navigate","diamondWhiteRight","Component","calculatorPage","location","Layout","description","PageHeader","text","SectionPageMargin","Heading2","Paragraph1","to","ReadyToGetStarted","styled","button","attrs","bgColor"],"mappings":"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","file":"component---src-pages-articles-calculator-js-519886a5b472898e0b02.js","sourcesContent":["module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","import React, { Component } from 'react';\nimport { navigate } from \"gatsby\"\n\n\nimport './Calculator.css';\nimport diamondWhiteRight from './dia-white-right.png';\nimport diamondWhiteCenter from './dia-white-center.png';\nimport diamondWhiteLeft from './dia-white-left.png';\nimport diamondBlueCenter from './dia-blue-center.png'; \n\nimport Button from '../Layout/Button/Button'\n\n\nclass Calculator extends Component {\n\n    constructor(props){\n        super(props);\n\n        this.wsPrice = .85;         // wholesale\n        this.cPrice = .90;          // consignment\n        this.sPrice = .94;          // summon  6%\n        this.pPrice = 1;            // private\n        this.adCost = 1000;         // ad costs for private and consignment\n        this.summonListing = 950;   // summon listing cost\n        \n        this.state = {\n            placeholder: '',\n            wholesale: '$',\n            consignment: '$',\n            rheels: '$',\n            private: '$',\n            estimatedPrice: '$',\n            typeIndex: 0\n          };\n\n        this.carEstimateEl = React.createRef();\n        this.handleKeyUp = this.handleKeyUp.bind(this);\n        this.typeValue = this.typeValue.bind(this);\n    }\n\n    componentDidMount() {\n        \n        // animate 'type' placeholder value\n        this.typeID = setInterval(\n          () => this.typeValue(),\n          150\n        );\n\n      }\n\n      componentWillUnmount() {\n        clearInterval(this.typeID);\n      }\n\n      typeValue () {\n\n        var positionFromTop = document.getElementById(\"carEst\").getBoundingClientRect().top;\n\n         if (positionFromTop > 0 && positionFromTop < window.innerHeight) {\n            let i = this.state.typeIndex;\n            var txt = 'Enter car value here';\n            if(i < txt.length + 1) {\n                let newTxt = txt.substring(0, i);\n                this.setState({placeholder: newTxt});\n                i++;\n                this.setState({typeIndex: i});\n            }   \n        } \n\n      }\n\n    formatNumber = (n) => {\n        // format number 1000000 to 1,234,567\n        let i = n.replace(/^[0|\\D]*/,'');\n        return i.replace(/\\D/g, \"\").replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n      }\n\n      unformatNumber = (currency) => {\n        currency = Number(currency.replace(/[^0-9.-]+/g,\"\"));\n        return parseFloat(currency);\n      }\n      \n\n\n    submitHandler = (event) => {\n        event.preventDefault(); // stop form loading new page \n        //const estimate = this.carEstimateEl.current.value;\n    };\n\n\n    handleOnClick = (event) => {\n        this.setState({ placeholder: \"$\"});\n    }\n\n\n\n    handleKeyUp = (event) => {\n        //console.log('Ev' + event.target.value)\n\n        //event.target.value += this.formatNumber(1);\n\n        // appends $ to value, validates decimal side\n        // and puts cursor back in right position.\n        \n        // get input value\n        var input_val = event.target.value;\n        \n        // don't validate empty input\n        if (input_val === \"\") { return; }\n        \n        // original length\n        var original_len = input_val.length;\n      \n        // initial caret position \n        var caret_pos = event.target.selectionStart;\n          \n        // check for decimal\n        if (input_val.indexOf(\".\") >= 0) {\n      \n          // get position of first decimal\n          // this prevents multiple decimals from\n          // being entered\n          var decimal_pos = input_val.indexOf(\".\");\n      \n          // split number by decimal point\n          var left_side = input_val.substring(0, decimal_pos);\n          var right_side = input_val.substring(decimal_pos);\n      \n          // add commas to left side of number\n          left_side = this.formatNumber(left_side);\n      \n          // validate right side\n          right_side = this.formatNumber(right_side);\n          \n          // On blur make sure 2 numbers after decimal\n          if (event.target.blur === \"blur\") {\n            right_side += \"00\";\n          }\n          \n          // Limit decimal to only 2 digits\n          right_side = right_side.substring(0, 2);\n      \n          // join number by .\n          input_val = \"$\" + left_side + \".\" + right_side;\n      \n        } else {\n          // no decimal entered\n          // add commas to number\n          // remove all non-digits\n\n          input_val = this.formatNumber(input_val);\n          input_val = \"$\" + input_val;\n\n          let estimatedValue = this.unformatNumber(input_val);\n\n          let wholesaleValue = Math.round(estimatedValue * this.wsPrice ); // wholesale \n          wholesaleValue = this.formatNumber(String(wholesaleValue));\n          \n          let consignmentValue = Math.round((estimatedValue * this.cPrice) - this.adCost); // consignment \n          consignmentValue = this.formatNumber(String(consignmentValue));\n\n          let rheelsValue = Math.round((estimatedValue * this.sPrice) - this.summonListing); // summon \n          rheelsValue = this.formatNumber(String(rheelsValue));\n\n          let privateValue = Math.round((estimatedValue * this.pPrice) - this.adCost); // private\n\n          privateValue = this.formatNumber(String(privateValue));\n\n          let customerEstimation = Math.round(estimatedValue);\n          customerEstimation = this.formatNumber(String(customerEstimation));\n\n          this.setState({\n              wholesale: \"$\" + wholesaleValue,\n              consignment: \"$\" + consignmentValue,\n              rheels: \"$\" + rheelsValue,\n              private: \"$\" + privateValue,\n              estimatedPrice: \"$\" + customerEstimation\n        });\n            \n\n          // final formatting\n          if (event.target.blur === \"blur\") {\n            input_val += \".00\";\n          }\n        }\n        \n        // send updated string to input\n        event.target.value = input_val;\n      \n        // put caret back in the right position\n        var updated_len = input_val.length;\n        caret_pos = updated_len - original_len + caret_pos;\n        event.target.setSelectionRange(caret_pos, caret_pos);\n\n    };\n\n\n    render() {\n          const handleClick = () => {\n      //navigate('/enquiry/');\n      navigate('https://value.summon.com.au/');\n    };\n        return (\n\n            <div className=\"calculator\">\n\n\n                <div className=\"estimate-input\">\n                    <form onSubmit={this.submitHandler}>\n                        <input type=\"text\" title=\"Enter car value here\" id=\"carEst\" ref={this.carEstimateEl} onClick={this.handleOnClick} onKeyUp={this.handleKeyUp}  pattern=\"^\\$\\d{1,3}(,\\d{3})*(\\.\\d+)?$\"  data-type=\"currency\" autoComplete=\"off\" maxLength=\"8\" placeholder={this.state.placeholder} />\n                        <p className=\"enter-estimate\">Enter the estimated current value of your car (minimum $50,000)</p>\n                    </form>\n                    <h3>From a {this.state.estimatedPrice} sale price, you could get...</h3>\n                </div>\n\n                <div className=\"options\">\n\n                        <div className=\"sell-option align-right\">\n                            <img className=\"diamond\" src={diamondWhiteLeft} alt=\"\" />\n                            <h3>{this.state.wholesale}</h3>\n                            <strong>Sell to a Dealer</strong>\n                            <p>You sell your car or trade-in to a<br />  dealer at a wholesale price<sup>1</sup></p>\n                    \n                            <ul>\n                                <li className=\"white-tick\">Your car is sold immediately</li>\n                                <li className=\"white-tick\">The dealer helps with paperwork</li>\n                                <li className=\"white-cross\">You don’t get the best price</li>\n                            </ul>\n                            \n                        </div>\n\n                        <div className=\"sell-option align-left\">\n                            <img className=\"diamond center\" src={diamondWhiteCenter} alt=\"\" />\n                            <h3>{this.state.consignment}</h3>\n                            <strong>Consignment</strong>\n                            <p>You place your car on<br />  consignment with a dealer<sup>2</sup></p>\n                            <ul>\n                                <li className=\"white-cross\">You’re without your car until it sells</li>\n                                <li className=\"white-cross\">Not legal in Victoria</li>\n                                <li className=\"white-tick\">The dealer fields enquiries</li>\n                                <li className=\"white-tick\">The dealer arranges test-drives</li>\n                                <li className=\"white-tick\">The dealer helps with paperwork</li>\n                            </ul>\n                        \n                        </div>\n\n                        <div className=\"sell-option highlight align-right\">\n                            <img className=\"diamond center\" src={diamondBlueCenter} alt=\"\" />\n                            <h3 className=\"blue\">{this.state.rheels}</h3>\n                            <strong className=\"blue\">Summon</strong>\n                            <p className=\"blue\">We advertise and sell<br />  your car for you</p>\n                            <ul>\n                                <li className=\"gold-tick\">You keep your car until sold</li>\n                                <li className=\"gold-tick\">We take photos & create your ad</li>\n                                <li className=\"gold-tick\">We collect the car from your home</li>\n                                <li className=\"gold-tick\">Leave the test-drives to us</li>\n                                <li className=\"gold-tick\">We help with the $$ and paperwork</li>\n                            </ul>\n\n                            <Button onClick={handleClick}>Enquire Now</Button>\n                            \n                        </div>\n\n                        <div className=\"sell-option align-left\">\n                            <img className=\"diamond right\" src={diamondWhiteRight} alt=\"\" />\n                            <h3>{this.state.private}</h3>\n                            <strong>Sell Privately</strong>\n                            <p>You advertise and sell<br />  your car yourself <sup>3</sup></p>\n                            <ul>\n                                <li className=\"white-tick\">No  dealer fees or commissions</li>\n                                <li className=\"white-cross\">You have to take photos and create an ad</li>\n                                <li className=\"white-cross\">You field time-wasting calls and emails</li>\n                                <li className=\"white-cross\">You have to organise and do test-drives</li>\n                                <li className=\"white-cross\">You have to safely get ${this.state.private} from the buyer</li>\n                            </ul>\n                        </div>\n\n                </div>\n                <p className=\"calculator-note\">1. Average 15% less than private seller price based on Summon research.    2. Typical  $1,000 listing fee + 10% commission.    3. After costs of ad listing fees, detailing, petrol and roadworthy  </p>                \n            </div>\n\n\n        );\n    }\n}\n\n\nexport default Calculator;\n\n\n","import React from \"react\"\nimport Layout from \"../../components/Layout/Layout\"\nimport SEO from \"../../components/Seo/Seo\"\nimport Calculator from '../../components/Calculator/Calculator'\nimport PageHeader from '../../components/Layout/PageHeader/PageHeader'\nimport SectionPageMargin from '../../components/Layout/Section/SectionPageMargin'\nimport Heading2 from '../../components/Type/Heading2'\nimport Paragraph1 from '../../components/Type/Paragraph1'\nimport ReadyToGetStarted from '../../components/ReadyToGetStarted/ReadyToGetStarted'\nimport { Link } from \"gatsby\"\n\nconst calculatorPage = ({location}) => \n  (\n  <Layout>\n\n    <SEO  title=\"Calculator: Selling Privately vs Selling to a Dealer\" \n          description=\"Online calculator showing the value of selling with Summon versus dealer or wholesale\"\n          location={location}\n    />\n\n    <PageHeader\n\t\t\t\t\t\ttitle=\"Calculator: selling private vs dealer\"\n            text=\"If you are weighing up what the best way to sell your prestige car might be, this calculator is here to help. \n            Whether you are selling an Audi, a BMW or a Porsche - the discount you pay when selling to a Dealer can be hefty.\"\n\t\t/>\n\n    <SectionPageMargin>\n      <div>\n        <Heading2>Selling your prestige car</Heading2>\n\n        <Paragraph1>If you are weighing up what the best way to sell your prestige car might be, this calculator is here to help. \n          Whether you are selling an Audi, a BMW or a Porsche - the discount you pay when selling to a Dealer can be hefty. \n          But of course, it’s also really convenient and you get cash for your car quickly. If you’re not in a hurry, \n          selling your prestige car privately might be the best option, if you’re prepared to put in the time and effort yourself. \n          For everyone else… well that’s why Summon exists.</Paragraph1>\n        <Paragraph1>Use the calculator below to get a guide for how much you could get for your car \n          if you sold it privately, to a dealership, to a dealer on consignment or with Summon.</Paragraph1>\n        <Paragraph1>Start by entering the estimated value of your prestige car. If you need help with working out an estimated value, \n          either <strong><Link to=\"/contact/\">contact us</Link></strong> or read through our recommendations in \n          our <Link title=\"2020 guide checklist\" to=\"/articles/2020-guide-checklist/\">2020 guide and checklist for selling your prestige car privately</Link>.</Paragraph1>\n        \n        <Calculator />\n      </div>\n    \n    </SectionPageMargin>\n\n    <ReadyToGetStarted />\n\n  </Layout>\n)\n\nexport default calculatorPage\n\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;","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAAjCAYAAACq/4cTAAAGtklEQVR4nO2dbUwTdxjAn3tp6QtteWkpoLxUMyegk2gGvmxkWTY0QacjMe6Txm3RkDkXtw+Lcy7MzZksWTR70WXTZPrBxWVZZEPCbJYluojgoqgI8iKvLVJaKZRyLW3pLVf6clwK19aaffD5Jf9ce9z9D6787vnfPXdPAUEQBEGQ/wEiSZtcqB82kQ5ZNqHVEOSpgub+2EPnjPNZBEBwbrLqFJreRZHEZglFLfeyfu20d0YGLLApNOkCYIcJgrzBuNy/jw4PGn/4aI8j1ENQ7rCNh85dZo/urMT/MgRJAoHIOStwyDF+MGV1qbKUYzRFVGeqleql2RlUTqYKdGolpMokgTWcLg/YJhkYeeRgO0y2ybFJxuZyuc4M9Nz/6exnB2zBjoUNxCIzRmAEEScicCTaBlaiSWKvRin79Jkcrb6kMAsM+oyYOuyz2OFGl8n+YNjWM2q1fn7i3R2ho4NfMGUXkhgFRhBxeBE4BAskC9/kZaXteaGkUFqUp0toN3YMWdn65vb+hxbrV8f3bT8XFHgmOPXzhIZoIqPACCIOObtEJCCSBJwqKcyueX1dccLychTl6Yjdrz5vWJqfu2//ifO7AEAabNx5NxVswe0n7WIagjxVkHP8YdkDBbr0t18pXUppNcrH3g9ajQJ2VKxanpub895bR05tBABJUGIJT2CUGEESJCQPOBn3ktxMde364gI6U61I2v7kDgSby4ry8woN+9dV7cgOyiuZR2IEQeIgPIRenJl2vECXpn6cYfN8lBTopc/m6fNXv1xVzZOX5g2nyWAExiiMIHEQEHiKcRfKZZKNxQVZT2zflRfl52bpc94oKqtIC4obLQqjwAgSBwGB9WmqfWmp8pRYU0WJYNBnEBkqhaZsY/UGQfTFKIwgCRK4E0ulTNmUp9XE1ENznw0utg7B5S5L4H3lMj1sW7UYypeID72XLdIquvv1awDAyJM3lF5CeREkTujv66+l+FiyICdDJbpmc68Vai+1QePw+OwMFuBmSz+0msehtmollBu0C65fmJ2hlsoUxcFoy/LSSRQvRxySGBPBCCIC/dJzSzR1LZ1yrVo8bVR3xwyN5vHIDGL2fulGkx1KW4dEBdZplJRGKX/RaDQ+oCgKSJIEiUQCUqk0MKVpOjCPa11dXfjZIYgIpCE7U85MeymVXCK68J+dI8FXbFjewO2XBAHG7lHR9VVyKXjY2QDL3WkVan6/P/waQZDYISU0BUQ8aVjhADcoXczy8cQViowCI0h8kKP2SUYhpWcmXR7RFbkLViFhZy85EXN/JgK3DangWIHyIkji0M33ByeUciljczCq9FT5gh1tK82DVtM4NJrtkSd9CQI25abB1lWLRX+J0Qmnz8G4myorX3uTd/XZBwDc0WM6OOXez7BoNIKIQm7dsNJDU2T/iN0pujB3kaq2agUcLDfA6nQ5rElXwMGyQqjdvALWxpBGGrSMO6aZqQ78WBAkOQTywB6vr2HQOr4SoEC0Uy7fy7UvEth8p9nK2K3DN/GzQ5DkEDgjnfb6vnUwbnefZeyJ7db+UbvfNu50NF260Cz4kejD/QiCRCcgsH3KbZJSVH37oHgqKFH+aeszjZiHfu1pbXHOU2YHRUaQOAk/DzzmZD4YGXPa24esSd+Hd/strm6TxdzU8Es9b3ZIVn51DpQXQeIg/DjhBOMZnJr2fny9Y8Bjm2CStg+5vhputJt67t398c7Vy3ZBpPVHKbGDEiNIjPCysiyX5jnp8cyc/LutNykS2yam4MKVW+3dnZ2nz3/54dUo4s7wWkzF7hAEicArqTPbarasff/RxNTXddfvuduHEj8nbhsY8Z41/tt7687ds2cO1/wWJfL6QjlfmCswgiAxErUq5dGdlcSpP67tBoo6kqfVLCrO58rKpsfUI1dWtuX+oK3bbBnouN363TyRlxPXy2s+QcVKvDMLQWKAjiwyt7B7zZb1P+09drqBKl3xSe/I2HaNUqYxZKVLsjNUoFUrAg8mcDjdXrA6pmDY5vB1m62T1gmn/aHZ/POVuvMXb19ptM8zbPZiBEaQx0fwzQyRwu5cFA7OIKvfOZy+oaJie4pMVuXzQzHj8encXp+MAAIkNMVISHg47XK1Pujp/uv6pQtNnTevhW7r4g+b+ee7PogeecMCYwRGEHHEKmCEJRaUvxHWdo5WDkd4zsuXd2YheQEFRpCYoEUWClnk570PCScUWFjfeaErzsJvaEAQJAHEBBZKHE3KeCJwtLwv4LkvgiRGLAJDFNFCUpK8IXZIXmEEXuiLzVBcBEkUAPgP22P5cSe4zAkAAAAASUVORK5CYII=\""],"sourceRoot":""}