https://barcelonacodeschool.com/component---src-pages-contacts-js-7a8dbe1fc0d70fe440e9.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[8114],{6178:function(e,t,a){a.r(t);var n=a(5540),l=a(6540),r=(a(4810),a(961),a(8154)),o=a(9911);let s=function(e){function t(t){var a;return(a=e.call(this,t)||this).state={hey:"Me",color:"black",title:t.title||"How can we help you?",buttonDisabled:!1},a}return(0,n.A)(t,e),t.prototype.render=function(){this.state.color;return l.createElement("div",{className:""},l.createElement(r.A,{title:this.state.title,meta:[{property:"og:title",content:this.state.title},{property:"og:url",content:"https://barcelonacodeschool.com/contacts/"},{name:"viewport",content:"width=device-width, initial-scale=1"},{name:"description",content:"Contact Barcelona Code School for inquiries about our courses, job offers, or any other questions you may have."},{name:"keywords",content:"contact, barcelona code school, bcs, coding school, bootcamp"}]}),l.createElement("div",{className:"grid-1-1"},l.createElement(o.A,{title:this.state.title}),l.createElement("section",{className:"transparentContainer"},l.createElement("h1",null,"Book a call / meeting"),l.createElement("div",{className:"whiteCard"},l.createElement("div",{className:"calendly-inline-widget",style:{height:"580px"}},l.createElement("iframe",{src:"https://zcal.co/i/c9mEbhSA?embed=1&embedType=iframe",loading:"lazy",style:{border:"none",minWidth:"320px",minHeight:"544px",height:"100%",width:"100%"},id:"zcal-invite"}))))))},t}(l.Component);t.default=s},6569:function(e,t,a){var n=a(6540),l=a(2939);const r=l.mJ.reduce((e,t)=>(e[t]="",e),{});t.A=()=>{const[e,t]=n.useState(r);return n.useEffect(()=>{t((0,l.YA)())},[]),n.createElement(n.Fragment,null,l.mJ.map(t=>n.createElement("input",{key:t,type:"hidden",name:t,value:e[t]||"",readOnly:!0})))}},9911:function(e,t,a){var n=a(6540),l=(a(4810),a(1083)),r=(a(961),a(6569)),o=a(2939),s="Here is the message: ";t.A=e=>{const t="h2"===e.headingLevel?"h2":"h1",{0:a,1:i}=(0,n.useState)(!1),{0:m,1:u}=(0,n.useState)("black"),{0:d,1:h}=(0,n.useState)(!1),{0:p,1:g}=(0,n.useState)({nameInput:"",ref_code:"",emailInput:"",messageInput:"",humanCheck:"",subject:e.subject||s}),y=(0,n.useRef)(Date.now()),f=e=>{const t=e.target.name,a=e.target.value;g(e=>({...e,[t]:a}))};return n.createElement("div",{className:"transparentContainer"},n.createElement(t,{className:"pageTitle"},e.title||"How can we help you?"),n.createElement("form",{className:"whiteCard",onSubmit:t=>{t.preventDefault(),i(!0);if(13!==parseInt(String(p.humanCheck).replace(/[^\d]/g,""),10))return u("red"),i(!1),alert("Anti robot check not passed, please try again");const a=p.ref_code.trim().length>0,n=Date.now()-y.current<3e3;if(a||n)return h(!0),void i(!1);h(!0),u("black");var r={name:p.nameInput,email:p.emailInput,message:p.messageInput,subject:p.subject,...(0,o.or)()};l.A.post("/sendEmail",r).then(t=>{g({nameInput:"",ref_code:"",emailInput:"",messageInput:"",humanCheck:"",subject:e.subject||s}),i(!1)}).catch(function(e){i(!1)}).finally(()=>{i(!1)})}},n.createElement(r.A,null),e.extraText&&n.createElement("p",null,n.createElement("span",{className:"highlighter"},e.extraText)),n.createElement("input",{name:"nameInput",value:p.nameInput,onChange:f,required:!0,style:{width:"48%",marginRight:"4%",border:"1px solid grey"},type:"text",placeholder:"What is your name?"}),n.createElement("input",{name:"ref_code",value:p.ref_code,onChange:f,required:!1,style:{position:"absolute",left:"-10000px",top:"auto",width:"1px",height:"1px",overflow:"hidden"},type:"text",placeholder:"",tabIndex:-1,"aria-hidden":"true",autoComplete:"new-password"}),n.createElement("input",{name:"emailInput",value:p.emailInput,onChange:f,required:!0,style:{width:"48%",border:"1px solid grey",marginBottom:"1em"},type:"email",placeholder:"Your contact email?"}),n.createElement("textarea",{name:"messageInput",value:p.messageInput,onChange:f,required:!0,style:{border:"1px solid grey"},placeholder:e.messagePlaceholder?e.messagePlaceholder:"Please write your message"}),n.createElement("span",{style:{color:m}},"If you are not a robot, how much would be 7 plus 6? "),n.createElement("input",{name:"humanCheck",value:p.humanCheck,onChange:f,required:!0,style:{width:"2em",border:"1px solid grey"},type:"text",inputMode:"numeric",autoComplete:"off",placeholder:""}),n.createElement("button",{type:"submit",label:"Send",disabled:a},"Send!")),d&&n.createElement("div",{className:"transparentContainer",style:c.modal},n.createElement("section",{className:"whiteCard",style:c.modalInner},n.createElement("span",{style:c.closeCross,onClick:()=>h(!1)},"X"),n.createElement("h1",{style:c.modalInnerText},"Thank you! ",n.createElement("br",null),"We will get in touch promptly..."),n.createElement("p",null,"Please check the spam folder as well in case our email will end up there. We will reply from [email protected]."))))};const c={modal:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%,-50%)",backgroundColor:"white",width:"100%",height:"100%",zIndex:1e3},modalInner:{textAlign:"center",display:"flex",flexDirection:"column",height:"100%",alignItems:"center",justifyContent:"center"},modalInnerText:{},closeCross:{position:"absolute",top:"0",right:"0",padding:"30px",cursor:"pointer",fontSize:"1.5em"}}}}]);
2//# sourceMappingURL=component---src-pages-contacts-js-7a8dbe1fc0d70fe440e9.js.map