(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{"0Hlg":function(e,t,a){},"9Ksm":function(e,t,a){},NZSF:function(e,t,a){var l=a("q1tI");function n(e){return l.createElement("svg",e,l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("g",null,l.createElement("g",null,l.createElement("g",null,[l.createElement("g",{key:0},l.createElement("path",{d:"M0 0H28V28H0z",transform:"translate(-132 -115) translate(132 122) translate(0 -7)"})),l.createElement("path",{fill:"#164895",d:"M9.59 8.423c.341-.342.895-.342 1.237 0 .342.342.342.896 0 1.237l-3.173 3.173h14.221c.446 0 .814.334.868.766l.007.11c0 .483-.392.874-.875.874H7.654l3.173 3.173c.313.314.34.805.078 1.148l-.078.09c-.342.341-.896.341-1.237 0l-4.667-4.667-.015-.015-.045-.052-.03-.037-.035-.054-.022-.037c-.07-.126-.11-.27-.11-.424 0-.152.04-.295.108-.42l.027-.046.033-.048c.026-.037.056-.072.089-.104l-.06.066c.014-.018.03-.035.046-.052l.014-.014z",transform:"translate(-132 -115) translate(132 122) translate(0 -7)",key:1})])))))}n.defaultProps={width:"28",height:"28",viewBox:"0 0 28 28",className:"svg"},e.exports=n,n.default=n},QG8G:function(e,t,a){var l=a("q1tI");function n(e){return l.createElement("svg",e,l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("g",null,l.createElement("g",null,[l.createElement("g",{key:0},l.createElement("path",{d:"M0 0H40V40H0z",transform:"translate(-948 -269) translate(948 269)"})),l.createElement("path",{className:"cross-path",fill:"#182334",d:"M12.033 12.033c.488-.488 1.28-.488 1.768 0l6.675 6.675 6.675-6.675c.456-.456 1.176-.486 1.667-.091l.101.09c.488.489.488 1.28 0 1.769l-6.676 6.675 6.676 6.675c.456.456.486 1.176.091 1.667l-.091.101c-.488.488-1.28.488-1.768 0l-6.675-6.676-6.675 6.676c-.456.456-1.176.486-1.667.091l-.101-.091c-.488-.488-.488-1.28 0-1.768l6.675-6.675-6.675-6.675c-.456-.456-.486-1.176-.091-1.667z",transform:"translate(-948 -269) translate(948 269)",key:1})]))))}n.defaultProps={width:"40",height:"40",viewBox:"0 0 40 40",className:"svg"},e.exports=n,n.default=n},W52e:function(e,t,a){"use strict";var l=a("q1tI"),n=a.n(l);a("9Ksm");t.a=function(e){var t=e.step;return n.a.createElement("div",{className:"progress-bar-wrapper"},n.a.createElement("div",{className:"progress-bar",style:{width:100*t/6+"%"}}))}},XhQy:function(e,t,a){var l=a("q1tI");function n(e){return l.createElement("svg",e,l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("g",null,l.createElement("g",null,l.createElement("g",null,l.createElement("g",null,l.createElement("g",null,[l.createElement("g",{key:0},l.createElement("path",{d:"M0 0H26V26H0z",transform:"translate(-660 -490) translate(332 118) translate(0 198) translate(276 156) translate(52 18)"})),l.createElement("path",{fill:"#FFF",d:"M12.594 8.125c-2.828 0-5.137 2.226-5.275 5.013-.018.358-.265.658-.611.748-1.055.268-1.833 1.227-1.833 2.364 0 1.349 1.091 2.438 2.438 2.438h1.625c.448 0 .812.365.812.812 0 .447-.364.813-.813.813H7.313c-2.244 0-4.063-1.82-4.063-4.063 0-1.69 1.031-3.136 2.496-3.746C6.19 9.116 9.086 6.5 12.594 6.5c2.516 0 4.717 1.349 5.924 3.356 2.414.487 4.232 2.616 4.232 5.175 0 2.917-2.364 5.281-5.281 5.281h-.407c-.448 0-.812-.365-.812-.812 0-.447.364-.813.813-.813h.406c2.019 0 3.656-1.633 3.656-3.656 0-1.869-1.406-3.412-3.22-3.632-.266-.032-.5-.195-.624-.43-.882-1.69-2.651-2.844-4.687-2.844zm-.168 4.298c.317-.317.83-.317 1.148 0l2.438 2.438c.318.316.318.836 0 1.153-.318.317-.831.317-1.149 0l-1.05-1.056V19.5c0 .447-.365.813-.813.813-.448 0-.813-.366-.813-.813v-4.542l-1.05 1.056c-.318.317-.831.317-1.149 0-.318-.316-.318-.836 0-1.153l2.438-2.438z",transform:"translate(-660 -490) translate(332 118) translate(0 198) translate(276 156) translate(52 18)",key:1})])))))))}n.defaultProps={width:"26",height:"26",viewBox:"0 0 26 26",className:"svg"},e.exports=n,n.default=n},Xjwm:function(e,t,a){var l=a("q1tI");function n(e){return l.createElement("svg",e,[l.createElement("defs",{key:0},l.createElement("path",{id:"0xwwgnehja",d:"M24.022 9.34h-3.104l-1.527-2.29c-.16-.24-.429-.383-.717-.383h-5.348c-.288 0-.557.144-.717.383l-1.527 2.29H7.978c-1.458 0-2.645 1.187-2.645 2.645v9.805c0 1.458 1.187 2.645 2.645 2.645h16.044c1.458 0 2.645-1.187 2.645-2.645v-9.805c0-1.458-1.187-2.644-2.645-2.644zm.921 12.45c0 .508-.413.921-.92.921H7.977c-.508 0-.921-.413-.921-.92v-9.806c0-.508.413-.92.92-.92h3.566c.288 0 .557-.145.717-.384l1.527-2.29h4.426l1.527 2.29c.16.24.429.383.717.383h3.565c.508 0 .921.413.921.921v9.805zM16 12.015c-2.441 0-4.427 1.986-4.427 4.427s1.986 4.427 4.427 4.427 4.427-1.986 4.427-4.427-1.986-4.427-4.427-4.427zm0 7.13c-1.49 0-2.704-1.212-2.704-2.703 0-1.49 1.213-2.704 2.704-2.704 1.49 0 2.704 1.213 2.704 2.704 0 1.49-1.213 2.704-2.704 2.704z"})),l.createElement("g",{fill:"none",fillRule:"evenodd",key:1},l.createElement("g",null,l.createElement("g",null,l.createElement("g",{transform:"translate(-332 -252) translate(332 118) translate(0 134)"},[l.createElement("g",{key:0},l.createElement("path",{d:"M0 0H32V32H0z"})),l.createElement("use",{fill:"#164895",fillRule:"nonzero",xlinkHref:"#0xwwgnehja",key:1})]))))])}n.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",className:"svg"},e.exports=n,n.default=n},crdT:function(e,t,a){},eXwM:function(e,t,a){"use strict";var l=a("q1tI"),n=a.n(l),r=a("Wbzz"),c=(a("k+jS"),a("NZSF")),s=a.n(c);t.a=function(e){var t=e.step;return n.a.createElement("div",{className:"quote-nav-wrapper"},n.a.createElement(r.Link,{to:function(){switch(t){case"2":return"/quote/step-one";case"3":return"/quote/step-two";case"4":return"/quote/step-three";case"5":return"/quote/step-four";case"6":return"/quote/step-five";default:return"/quote"}}(),className:"arrow-cta hidden-sm"},n.a.createElement(s.a,null)," Back"),n.a.createElement("span",null,"Step ",t," of 6"))}},"k+jS":function(e,t,a){},nMR8:function(e,t,a){"use strict";a.r(t);var l=a("q1tI"),n=a.n(l),r=a("Wbzz"),c=a("dDH5"),s=(a("crdT"),a("Bl7J")),o=a("vrFN"),i=a("W52e"),m=a("eXwM"),u=a("9eSz"),p=a.n(u),d=(a("0Hlg"),a("QG8G")),f=a.n(d),E=function(e){var t=e.guidelinesPopup,a=e.setGuidelinesPopup,l=Object(r.useStaticQuery)("2936504941");return n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"popup-overlay "+(t?"active":""),onClick:function(e){e.preventDefault(),a(!t)}}),n.a.createElement("div",{className:"popup-wrapper "+(t?"active":"")},n.a.createElement(f.a,{className:"close-icon",onClick:function(e){e.preventDefault(),a(!t)}}),n.a.createElement("h2",{className:"popup-title"},"Photo guidelines required to get you accurate repair quotes"),n.a.createElement("div",{className:"popup-body"},n.a.createElement("div",{className:"photo-guidelines-wrapper"},n.a.createElement("div",{className:"photo-guideline"},n.a.createElement("div",{className:"image-wrapper"},n.a.createElement(p.a,{fluid:l.GuidelineOne.childImageSharp.fluid})),n.a.createElement("div",{className:"text-wrapper"},n.a.createElement("span",{className:"alert"},"Most Important"),n.a.createElement("h3",null,"1. Damage Including Surrounding Panels"),n.a.createElement("p",null,"From 4 paces away. Make sure the surrounding parts of the damaged area are visible"))),n.a.createElement("div",{className:"photo-guideline"},n.a.createElement("div",{className:"image-wrapper"},n.a.createElement(p.a,{fluid:l.GuidelineTwo.childImageSharp.fluid})),n.a.createElement("div",{className:"text-wrapper"},n.a.createElement("h3",null,"2. Damage Up Close and Front On"),n.a.createElement("p",null,"Standing 1 pace away take a front on photo of the damaged area"))),n.a.createElement("div",{className:"photo-guideline"},n.a.createElement("div",{className:"image-wrapper"},n.a.createElement(p.a,{fluid:l.GuidelineThree.childImageSharp.fluid})),n.a.createElement("div",{className:"text-wrapper"},n.a.createElement("h3",null,"3. Damage From An Angle"),n.a.createElement("p",null,"Standing 1 pace away take a photo of the damaged area from an angle")))))))},g=a("Xjwm"),h=a.n(g),v=a("XhQy"),w=a.n(v),N=a("x6hr"),k=a.n(N),b=a("v0nJ"),y=a.n(b),F=a("NZSF"),j=a.n(F);t.default=function(){var e={},t=Object(l.useState)({}),a=t[0],u=t[1],p=Object(l.useState)(!1),d=p[0],f=p[1],g=Object(l.useState)(!1),v=g[0],N=g[1],b=Object(l.useRef)(null),F=Object(l.useContext)(c.b),z=F.quoteForm,q=F.addToQuoteForm;Object(l.useEffect)((function(){Object.keys(z).length>0&&0===Object.keys(a).length&&u(z)}));var H,x=function(){return!(void 0===a||!a.uploadFiles)&&Object.keys(a.uploadFiles).length>0};return n.a.createElement(s.a,{wrapperClass:"quote-container",hideHeaderFooter:!0},n.a.createElement(i.a,{step:"1"}),n.a.createElement(o.a,{title:"DingGo | Car Quote - Submit Your Snap",description:"Upload your photos and describe the damage to compare car repair quotes online, fast and free. Snap. Compare. Repair."}),n.a.createElement("div",{className:"quote-wrapper step-one"},n.a.createElement("div",{className:"container sm"},n.a.createElement(m.a,{step:"1"}),n.a.createElement("h1",null,"Add Photos"),n.a.createElement("p",{className:"intro"},"Click the ‘Add Photos’ button to take or upload photos now."),n.a.createElement("span",{href:"#",className:"open-guidelines",onClick:function(e){e.preventDefault(),N(!v)}},n.a.createElement(h.a,null)," Review Photo Guidelines"),n.a.createElement("form",{onSubmit:function(e){e.preventDefault(),q(Object.assign({},z,{uploadFiles:a.uploadFiles})),Object(r.navigate)("/quote/step-two")}},n.a.createElement("div",{className:"file-input-wrapper "+(x()?"":"no-files")+" "+(d?"drop-active":"")},n.a.createElement("input",{type:"file",accept:"image/*,image/heif,image/heic",ref:b,multiple:!0,onChange:function(t){var l,n;l=t.target.files,n=Object.assign({},l,a.uploadFiles),Object.keys(n).map((function(t){var a=n[t].name;e[""+a+t]=n[t]})),u(Object.assign({},a,{uploadFiles:e}))},onDragEnter:function(){f(!d)},onDragLeave:function(){f(!d)},onDrop:function(){f(!d)}}),n.a.createElement("div",{className:"upload-image-wrapper "+(x()?"":"no-files")},x()&&Object.keys(a.uploadFiles).map((function(e){var t=a.uploadFiles[e],l=URL.createObjectURL(t);return n.a.createElement("div",{className:"upload-image",key:e,onClick:function(){!function(e){var t=Object.assign({},a.uploadFiles);Object.keys(t).forEach((function(a){e===a&&delete t[a]})),u({uploadFiles:t})}(e)}},n.a.createElement("img",{src:l,width:"250"}),n.a.createElement(k.a,null))}))),!x()&&n.a.createElement("div",{className:"middle-column"}),n.a.createElement("div",{className:"instructions-wrapper "+(x()?"":"no-files"),onClick:function(){b.current.click()}},n.a.createElement("span",{className:"btn-add-photos"},n.a.createElement(w.a,null)," Add Photos"),n.a.createElement("span",{className:"drag-drop-instructions"},"or drag photos in"),n.a.createElement("span",{className:"add-more"},n.a.createElement(y.a,null),"Add another"))),n.a.createElement("div",{className:"form-btn-wrapper"},n.a.createElement(r.Link,{to:"/quote",className:"arrow-cta"},n.a.createElement(j.a,null),"Back"),n.a.createElement("button",{className:"btn "+(H="disable",x()&&(H=""),H),type:"submit",id:"button-click-to-step-2"},"Next"))))),n.a.createElement(E,{guidelinesPopup:v,setGuidelinesPopup:N}))}},v0nJ:function(e,t,a){var l=a("q1tI");function n(e){return l.createElement("svg",e,l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("g",{fill:"#67696E"},l.createElement("g",null,l.createElement("g",null,l.createElement("g",null,l.createElement("path",{d:"M373.2 77v6.799l6.8.001v2.4h-6.8V93h-2.4v-6.8H364v-2.4l6.8-.001V77h2.4z",transform:"translate(-712 -587) translate(332 118) translate(0 198) translate(16 194)"})))))))}n.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",className:"svg"},e.exports=n,n.default=n},x6hr:function(e,t,a){var l=a("q1tI");function n(e){return l.createElement("svg",e,l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("g",null,l.createElement("g",null,l.createElement("g",null,l.createElement("g",null,l.createElement("g",{transform:"translate(-537 -447) translate(332 118) translate(0 198) translate(16 16) translate(189 115)"},[l.createElement("circle",{cx:"20",cy:"20",r:"19.231",fill:"#FFF",fillOpacity:".8",stroke:"#182334",strokeWidth:"1.538",key:0}),l.createElement("g",{key:1},[l.createElement("g",{key:0},l.createElement("path",{d:"M0 0H28V28H0z",transform:"translate(6 6)"})),l.createElement("path",{fill:"#182334",d:"M12.542 5.25c-.483 0-.875.392-.875.875V7h3.5v-.875c0-.483-.392-.875-.875-.875h-1.75zM16.917 7v-.875c0-1.45-1.175-2.625-2.625-2.625h-1.75c-1.45 0-2.625 1.175-2.625 2.625V7H5.542c-.483 0-.875.392-.875.875s.392.875.875.875h.092l1.49 13.415c.148 1.33 1.271 2.335 2.609 2.335H17.1c1.338 0 2.462-1.005 2.609-2.335l1.49-13.415h.093c.483 0 .875-.392.875-.875S21.775 7 21.292 7h-4.375zm2.522 1.75H7.394l1.47 13.221c.049.444.424.779.869.779H17.1c.446 0 .82-.335.87-.779L19.44 8.75zm-7.772 2.625c.483 0 .875.392.875.875v7c0 .483-.392.875-.875.875s-.875-.392-.875-.875v-7c0-.483.392-.875.875-.875zm3.5 0c.483 0 .875.392.875.875v7c0 .483-.392.875-.875.875s-.875-.392-.875-.875v-7c0-.483.392-.875.875-.875z",transform:"translate(6 6)",key:1})])])))))))}n.defaultProps={width:"40",height:"40",viewBox:"0 0 40 40",className:"svg"},e.exports=n,n.default=n}}]);
//# sourceMappingURL=component---src-pages-quote-step-one-js-8df53bc214cb82ac4bf7.js.map