https://ab.finance/component---src-pages-enquiry-js-b5a1f158cf3f2606a2c3.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[980],{9717:function(e,t,a){a.r(t);var l=a(7387),i=a(6540),n=a(3368),r=(a(4794),a(516)),s=(a(4182),a(4261)),c=a(7092),m=a(4001),o=a(1152);let d=function(e){function t(t){var a;return(a=e.call(this,t)||this).inputFieldHandler=a.inputFieldHandler.bind(a),a.sendForm=a.sendForm.bind(a),a.validateForm=a.validateForm.bind(a),a.state={values:{}},a}(0,l.A)(t,e);var a=t.prototype;return a.validate=function(e){if(e.target.value){if("email"===e.target.name){return/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e.target.value)}return!0}return!1},a.validateForm=function(){var e=this.state.values;return delete e.message,10===Object.keys(e).length},a.sendForm=function(){if(!this.state.submittingForm&&this.validateForm()){this.setState({submittingForm:!0});var e=new FormData;e.append("message",JSON.stringify(this.state.values)),console.log(JSON.stringify(this.state.values)),s.A.postEndpoint("mail/",{method:"POST",cors:!0,body:e}).then((e=>{e&&this.setState({values:[],submittingForm:!1,submittedForm:!0,validationText:"Thanks for your enquiry. We'll get back to you shortly."})})).catch((e=>e))}else this.setState({values:[],validationText:"Fill out all fields"})},a.inputFieldHandler=function(e){var t=e.target.value,a=e.target.name;e.target.classList.add("field-active"),this.validate(e)||"message"===a?(this.setState({validationText:""}),e.target.classList.remove("error-input"),this.setFormValue(a,t)):("email"!==a?this.setState({validationText:"Fill out all fields in the correct format."}):this.setState({validationText:"Not a valid email address"}),delete this.state.values[a],e.target.classList.add("error-input"))},a.setFormValue=function(e,t){var a=this.state.values;a[e]=t,this.setState({values:a})},a.render=function(){const e=this.props.data.enqPage;return i.createElement("div",{className:"app-container"},i.createElement(o.A,{pageName:"enquiry"}),i.createElement(n.A,{pageObject:e,pageHeaders:!0}),i.createElement(c.Ay,{transitionTime:500},i.createElement("div",{className:"row form-row"},i.createElement("div",{className:"form-container half-container "+(this.state.submittedForm?"disable-form":"")},i.createElement("div",{className:"row"},i.createElement("div",{className:"col-1 main-title"},i.createElement("h1",null,"Enquiry Form"))),i.createElement("div",{className:"row"},i.createElement("div",{className:"col-1 section-title"},i.createElement("h2",null,"Personal Info"))),i.createElement("input",{style:{display:"none"},"aria-label":"Email Subject",type:"text",name:"subject",size:"40",value:"Enquiries AB|Finance"}),i.createElement("div",{className:"row"},i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Full Name",onChange:this.inputFieldHandler,type:"text",name:"full-name",size:"40",placeholder:"Full Name*"}),i.createElement("label",{htmlFor:"full-name"},"Full Name*"))),i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required validate-email","aria-label":"Insert Email Address",onChange:this.inputFieldHandler,type:"email",name:"email",size:"40",placeholder:"Email*"}),i.createElement("label",{htmlFor:"email"},"Email*")))),i.createElement("div",{className:"row"},i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Contact Number",onChange:this.inputFieldHandler,type:"number",name:"number",size:"40",placeholder:"Number*"}),i.createElement("label",{htmlFor:"number"},"Number*"))),i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Nationality",onChange:this.inputFieldHandler,type:"text",name:"nationality",size:"40",placeholder:"Nationality*"}),i.createElement("label",{htmlFor:"nationality"},"Nationality*")))),i.createElement("div",{className:"row"},i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Address",onChange:this.inputFieldHandler,type:"text",name:"address",size:"40",placeholder:"Address*"}),i.createElement("label",{htmlFor:"address"},"Address*"))),i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Date of Birth",onChange:this.inputFieldHandler,type:"text",name:"dob",size:"40",placeholder:"Date of Birth*"}),i.createElement("label",{htmlFor:"dob"},"Date of Birth*")))),i.createElement("div",{className:"row"}

1,i.createElement("div",{className:"col-1 section-title"},i.createElement("h2",null,"Boat Details"))),i.createElement("div",{className:"row"},i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Boat Make",onChange:this.inputFieldHandler,type:"text",name:"boat-make",size:"40",placeholder:"Boat Make*"}),i.createElement("label",{htmlFor:"boat-make"},"Boat Make*"))),i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Boat Model",onChange:this.inputFieldHandler,type:"text",name:"boat-model",size:"40",placeholder:"Boat Model*"}),i.createElement("label",{htmlFor:"boat-model"},"Boat Model*")))),i.createElement("div",{className:"row"},i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Sale Price",onChange:this.inputFieldHandler,type:"text",name:"sale-price",size:"40",placeholder:"Sale Price*"}),i.createElement("label",{htmlFor:"sale-price"},"Sale Price*"))),i.createElement("div",{className:"col-1"},i.createElement("div",{className:"input-field"},i.createElement("input",{className:"validate-required","aria-label":"Insert Broker",onChange:this.inputFieldHandler,type:"text",name:"dealer-broker",size:"40",placeholder:"Dealer/Broker*"}),i.createElement("label",{htmlFor:"dealer-broker"},"Dealer/Broker*")))),i.createElement("div",{className:"row"},i.createElement("div",{className:"col full-col"},i.createElement("div",{className:"input-field"},i.createElement("textarea",{name:"message","aria-label":"Insert Message",onChange:this.inputFieldHandler,size:"40",rows:"8",placeholder:"Message"}),i.createElement("label",{htmlFor:"message"},"Message")))),i.createElement("div",{className:"row"},i.createElement("div",{className:"col full-col"},i.createElement("div",{className:"validation-cont"},i.createElement("span",null,this.state.validationText)),i.createElement("div",{className:"input-field button-field"},i.createElement(r.A,{position:"form",classes:"solid left-align submit-button",text:"Send",onClick:this.sendForm}))))),i.createElement("div",{className:"image-container form-image bg-img"})),i.createElement(m.A,null)))},t}(i.Component);t.default=d},4261:function(e,t){const a="https://abfinance.bison-studio.com/admin/wp-json/wp/v2/";let l=function(){function e(){}return e.getOptions=function(){return this.callApi("https://abfinance.bison-studio.com/admin/wp-json/acf/v3/options/option").then((e=>e.acf))},e.getPosts=function(e,t,l){void 0===l&&(l=0);var i=a+e+(-1===t?"":"?per_page="+t+"&page="+l);return this.callApi(i).then((e=>e))},e.getPost=function(e,t){var l=a+e+"?slug="+t;return this.callApi(l).then((e=>e))},e.getNextPost=function(e,t){var l=a+"next-post?type="+e+"&slug="+t;return this.callApi(l).then((e=>e))},e.postEndpoint=function(e,t){return fetch(a+e,t).then((e=>e.json())).then((e=>e)).catch((e=>e))},e.callApi=function(e){return fetch(e).then((e=>e.json())).then((e=>e)).catch((e=>e))},e}();t.A=l},4182:function(e,t,a){a.p}}]);
2//# sourceMappingURL=component---src-pages-enquiry-js-b5a1f158cf3f2606a2c3.js.map