https://waracle.com/component---src-templates-page-template-contact-jsx-3ddf85f1b8eef4cadd8d.js

1"use strict";(self.webpackChunkwaraclejamstack=self.webpackChunkwaraclejamstack||[]).push([[909],{3678:function(e,t,a){a.r(t),a.d(t,{Head:function(){return M},default:function(){return j}});var l=a(6540),n=a(3977),c=a(1400),s=a(5024);var r=e=>{let{pagedata:t}=e,a=t.heroblocksimpleleftTitle||"Title...",n=t.heroblocksimpleleftIntroText||"Some intro text...";const c=(0,s.VJ)();return l.createElement("div",{className:"hero-small d-flex align-items-center cream-bg"},l.createElement("div",{className:"container"},l.createElement("div",{id:"hide-row-when-nav-open",className:"row"},l.createElement("div",{className:"col-12 animated-headline"},l.createElement("h2",{className:"h4 mb-3 header-fade-in",dangerouslySetInnerHTML:{__html:a}}),l.createElement("div",{className:"animated-headline-wrap"},l.createElement("h1",{className:"new_style"},l.createElement("span",{className:"new_style_addit "+(c?"safari_16":""),dangerouslySetInnerHTML:{__html:n}})))))))},o=a(3413),m=a(9785),i=a(4794),d="contact-form-module--initial--ca129",u="contact-form-module--initial_intro_title--e4fbb",p="contact-form-module--initial_tc--f0175",E="contact-form-module--invalid_feedback--729e1",N="contact-form-module--mfSub--94391",b="contact-form-module--processing--670e5",g="contact-form-module--processingBtn--95a16",h="contact-form-module--processing_intro_title--3316d",f="contact-form-module--processing_tc--a4d9d",_="contact-form-module--radio_btn--34f17",v="contact-form-module--send_icon--41bae",w="contact-form-module--success--e0090",y="contact-form-module--success_message_init--0023d",q="contact-form-module--ts_cs--db9bc";var x=e=>{let{pagedata:t}=e;const{0:a,1:n}=(0,l.useState)(!1),c=l.createRef(),{0:s,1:r}=(0,l.useState)(""),{register:x,handleSubmit:$,formState:{errors:k}}=(0,m.mN)(),S="form-control mt-5 contact-form-module--form_control--65f7f",I=`${S} contact-form-module--invalid_feedback_input--d5f13`,{0:T,1:j}=(0,l.useState)("initial");function M(e){return Object.keys(e).map(t=>encodeURIComponent(t)+"="+encodeURIComponent(e[t])).join("&")}return l.createElement(l.Fragment,null,l.createElement("h2",{className:"success"===T?`${u} ${h} contact-form-module--success_intro_title--29504`:"processing"===T?`${u} ${h}`:`${u}`},"Let us know how we can help"),l.createElement("form",{onSubmit:$(e=>{if(a){j("processing"),console.log(a);var t=e.enqCompany;""===t&&(t="Not given"),fetch("/",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:M({"form-name":"mainContact",enqSubject:e.enqSubject,enqName:e.enqName,enqSurName:e.enqSurName,enqCompany:t,enqEmail:e.enqEmail,enqTel:e.enqTel,enqMessage:e.enqMessage,enqMIscData:e.enqMIscData,"g-recaptcha-response":s})}).then(()=>{setTimeout(function(){j("success")},1e3)}).catch(e=>j("initial"))}else console.log("Google reCaptcha not set")}),name:"mainContact",method:"POST","data-netlify":"true","netlify-honeypot":"enqMIscData","data-netlify-recaptcha":"true",action:"/thank-you"},l.createElement("div",{className:"success"===T?`${d} ${b} ${w}`:"processing"===T?`${d} ${b} `:d},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12"},l.createElement("p",{className:"mb-3"},"Subject*"),l.createElement("input",Object.assign({},x("enqSubject",{required:!0}),{type:"radio",className:"btn-check",id:"option1",autoComplete:"off",value:"Submit RFP"})),l.createElement("label",{className:`${_} btn mb-2`,htmlFor:"option1"},"Submit RFP"),l.createElement("input",Object.assign({},x("enqSubject"),{type:"radio",className:"btn-check",id:"option3",autoComplete:"off",value:"Press / Media"})),l.createElement("label",{className:`${_} btn mb-2`,htmlFor:"option3"},"Press / Media"),l.createElement("input",Object.assign({},x("enqSubject"),{type:"radio",className:"btn-check",id:"option4",autoComplete:"off",value:"Intro Your Project"})),l.createElement("label",{className:`${_} btn mb-2`,htmlFor:"option4"},"Intro Your Project"),k.enqSubject&&l.createElement("span",{className:`${E} position-absolute d-block pt-1 form-text`},"A subject is required"))),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-xl-6"},l.createElement("input",Object.assign({},x("enqName",{required:!0}),{type:"text",placeholder:"Your First Name*","aria-label":"",className:k.enqName?`${I}`:`${S}`})),k.enqName&&l.createElement("span",{className:`${E} position-absolute d-block pt-1 form-text`},"This field is required")),l.createElement("div",{className:"col-12 col-xl-6"},l.createElement("input",Object.assign({},x("enqSurName",{required:!0}),{type:"text",placeholder:"Your Second Name*","aria-label":"",className:k.enqSurName?`${I}`:`${S}`})),k.enqSurName&&l.createElement("span",{className:`${E} position-absolute d-block pt-1 form-text`},"This field is required"))),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12"},l.createElement("input",Object.assign({},x("enqCompany",{required:!1}),{type:"text",placeholder:"Company","aria-label":"",className:S})))),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12"},l.createElement("input",Object.assign({},x("enqEmail",{required:!0,pattern:/^\S+@\S+$/i}),{type:"text",placeholder:"Email Address*","aria-label":"",className:k.enqEmail?`${I}`:`${S}`})),k.enqEmail&&l.createElement("span",{className:`${E} position-absolute d-block pt-1 form-text`},"This field is requires a valid email address"))),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12"},l.createElement("input",Object.assign({},x("enqTel",{required:!0}),{type:"text",placeholder:"Telephone Number*","aria-label":"",className:k.enqTel?`${I}`:`${S}`})),k.enqTel&&l.createElement("span",{className:`${E} position-absolute d-block pt-1 form-text`},"This field is required"))),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12"},l.createElement("textarea",Object.assign({},x("enqMessage",{required:!0}),{rows:"4",placeholder:"How can we help*","aria-label":"",className:k.enqMessage?`${I}`:`${S}`})),k.enqMessage&&l.createElement("span",{className:`${E} position-absolute d-block pt-1 form-text`},"This field is required"))),l.createElement("div",{className:"d-none"},l.createElement("input",x("enqMIscData",{required:!1}))),l.createElement("div",{className:"row mt-5"},l.createElement("div",{className:"col-12"},l.createElement(o.A,{ref:c,sitekey:"6LemdxIUAAAAAGAtS8pxXsP-XQhZ7of1Y1YYukiQ",size:"normal",onChange:e=>{r(e),n(e=>!e)}}),!a&&(k.enqSubject||k.enqMessage||k.enqTel||k.enqEmail||k.enqSurName||k.enqName)&&l.createElement("span",{className:`${E} position-absolute d-block pt-1 form-text`},"Please confirm you are not a robot.")))),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12"},l.createElement("button",{type:"submit",id:"mainContactForm",className:"success"===T?`${N} ${g}  contact-form-module--successBtn--bb999`:"processing"===T?`${N} ${g}`:`${N} ${v} mt-5`},"success"===T?l.createElement("span",null,l.createElement("img",{src:"/assets/img/icon_success.svg",alt:"",style:{width:"32px"}})):"processing"===T?l.createElement("span",null,l.createElement("img",{src:"/assets/img/submit_black.svg",alt:"",style:{width:"24px"}})):l.createElement("span",null,l.createElement("img",{src:"/assets/img/submit_black.svg",alt:"",style:{width:"24px",marginRight:"10px"}})," ","Send message")),l.createElement("div",{className:"success"===T?`${y} contact-form-module--success_message--f707d text-center`:`${y}`},l.createElement("h3",{className:"text-center mt-4 ga_form_submit"},"Message sent"),l.createElement("p",{className:"text-center mb-4"},"Thank you for contacting Waracle.",l.createElement("br",null),"A member of our team will be in touch soon.",l.createElement("br",null),l.createElement("br",null),"In the meantime, why not explore our"," ",l.createElement(i.N_,{to:"/insights/",t

1itle:"Insights"},"innovative insights")," ","or check out some of our"," ",l.createElement(i.N_,{to:"/our-work/",title:"Our Work"},"collaborative projects"),"."),l.createElement(i.N_,{to:"/",title:"Back to contact form",className:"ani_grey_arrow",style:{marginLeft:"-40px"}},"Back to home page")))),l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 masonThin"},l.createElement("div",{className:"success"===T?`${q} ${p} ${f} ${w} mt-4`:"processing"===T?`${q} ${p} ${f}  mt-4`:`${q} ${p} mt-4`},"By submitting this form you agree to the storing and processing of your personal data by Waracle as described in the Project enquiry section of the"," ",l.createElement("a",{href:"/privacy-policy/",target:"_blank",style:{zIndex:"9999",position:"relative"}}," ","Privacy policy"),".")))))},$=a(1287),k=a(1144),S=a(3987);var I=e=>{let{pagedata:t}=e;const a=new $.T({cloud:{cloudName:"dvmdv4ttu"},url:{analytics:!1}});return l.createElement(l.Fragment,null,l.createElement("h2",{className:"mb-4"},"Direct Email"),t.cfContact.contactDirDirectContacts.map((e,t)=>{let n=e.contactDirPhoto.mediaDetails.file,c=a.image(`img/${n}`);return c.quality("70"),c.resize((0,S.GS)().width(140).height(140)),c.format("auto"),l.createElement("div",{key:t,className:"d-flex mb-5"},l.createElement(k.If,{cldImg:c,alt:e.contactDirName,className:"contact-direct-module--contact_profile_pic--120b4 me-4"}),l.createElement("span",null,l.createElement("h3",{className:"h4 mb-0"},e.contactDirAreaOfContact),l.createElement("p",{className:"mb-0"},e.contactDirName),l.createElement("a",{href:`mailto:${e.contactDirEmailAddress}`,title:`email ${e.contactDirEmailAddress}`,className:"ani-underline"},e.contactDirEmailAddress)))}))},T=a(5477);var j=e=>{let{data:t}=e;const a=t.page;return l.createElement(l.Fragment,null,l.createElement(c.A,null,l.createElement(r,{pagedata:a.cfHeroBlockSimpleLeft}),l.createElement("div",{className:"container mt-5"},l.createElement("div",{className:"row justify-content-between"},l.createElement("main",{className:"col-12 col-xl-6"},l.createElement(x,{pagedata:a})),l.createElement("aside",{className:"col-12 col-xl-5 mt-5 mt-xl-0"},l.createElement(I,{pagedata:a})))),l.createElement(n.zE,null,l.createElement(T.A,null))))};const M=e=>{let{data:t}=e;const a=t.page,n=(0,s.kf)(a.seo,a.uri);return l.createElement(l.Fragment,null,n,(0,s.vD)(a,"ContactPage"))}},5477:function(e,t,a){var l=a(6540),n=a(4794),c=a(3977),s=a(5024);t.A=()=>{var e,t;const a=(0,n.GR)("3681964137"),r=null==a||null===(e=a.wp)||void 0===e||null===(t=e.themeGeneralSettings)||void 0===t?void 0:t.cfGlobalLocations,o=(0,l.useRef)(),{0:m,1:i}=(0,l.useState)(),{0:d,1:u}=(0,l.useState)();if((0,l.useEffect)(()=>{o.current&&(i(o.current.offsetTop-600),u(o.current.offsetTop-300))},[]),!r)return null;const{locationName1:p,locationName2:E,locationName3:N,locationName4:b,locationName5:g,locationAddress1:h,locationAddress2:f,locationAddress3:_,locationAddress4:v,locationAddress5:w}=r,y=(0,s.zG)(r.locationImage1.mediaDetails.file,r.locationImage1.mimeType,600,!0),q=(0,s.zG)(r.locationImage2.mediaDetails.file,r.locationImage2.mimeType,600,!0),x=(0,s.zG)(r.locationImage3.mediaDetails.file,r.locationImage3.mimeType,600,!0),$=(0,s.zG)(r.locationImage4.mediaDetails.file,r.locationImage4.mimeType,600,!0),k=(0,s.zG)(r.locationImage5.mediaDetails.file,r.locationImage5.mimeType,600,!0);return l.createElement(l.Fragment,null,l.createElement("div",{className:"container mt-5 mb-6",ref:o},l.createElement("div",{className:"row pt-5"},l.createElement("div",{className:"col-12 pt-5"},l.createElement("h2",null,"Our Studios"))),l.createElement("div",{className:"row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xxl-5 mt-5"},l.createElement("div",{className:"col mb-3 mb-xxl-0"},l.createElement("div",{className:"bg_image color-white ani_show_content text_center br-8 overflow-hidden",style:{backgroundImage:y}},l.createElement("div",{className:"col-12 p-1 z_index_top center_absolute add_transition"},l.createElement("h2",{className:"h3"},p),l.createElement("div",{className:"show-more"},l.createElement("p",{dangerouslySetInnerHTML:{__html:h}}),l.createElement(n.N_,{to:"/contact/london/",title:"Learn More",className:"ani-underline color-white"},"View details"))),l.createElement("div",{className:"dark_image_overly"}))),l.createElement("div",{className:"col mb-3 mb-xxl-0"},l.createElement(c.kQ,{speed:2.5,translateY:[10,0],startScroll:m,endScroll:d},l.createElement("div",{className:"bg_image color-white ani_show_content text_center br-8 overflow-hidden",style:{backgroundImage:q}},l.createElement("div",{className:"col-12 p-1 z_index_top center_absolute add_transition"},l.createElement("h2",{className:"h3"},E),l.createElement("div",{className:"show-more"},l.createElement("p",{dangerouslySetInnerHTML:{__html:f}}),l.createElement(n.N_,{to:"/contact/dundee/",title:"Learn More",className:"ani-underline color-white"},"View details"))),l.createElement("div",{className:"dark_image_overly"})))),l.createElement("div",{className:"col mb-3 mb-xxl-0"},l.createElement("div",{className:"bg_image color-white ani_show_content text_center br-8 overflow-hidden",style:{backgroundImage:x}},l.createElement("div",{className:"col-12 p-1 z_index_top center_absolute add_transition"},l.createElement("h2",{className:"h3"},N),l.createElement("div",{className:"show-more"},l.createElement("p",{dangerouslySetInnerHTML:{__html:_}}),l.createElement(n.N_,{to:"/contact/edinburgh/",title:"Learn More",className:"ani-underline color-white"},"View details"))),l.createElement("div",{className:"dark_image_overly"}))),l.createElement("div",{className:"col mb-3 mb-md-0"},l.createElement(c.kQ,{speed:2.5,translateY:[10,0],startScroll:m,endScroll:d},l.createElement("div",{className:"bg_image color-white ani_show_content text_center br-8 overflow-hidden",style:{backgroundImage:$}},l.createElement("div",{className:"col-12 p-1 z_index_top center_absolute add_transition"},l.createElement("h2",{className:"h3"},b),l.createElement("div",{className:"show-more"},l.createElement("p",{dangerouslySetInnerHTML:{__html:v}}),l.createElement(n.N_,{to:"/contact/glasgow/",title:"Learn More",className:"ani-underline color-white"},"View details"))),l.createElement("div",{className:"dark_image_overly"})))),l.createElement("div",{className:"col mb-0"},l.createElement(c.kQ,{speed:2.5,translateY:[5,0],startScroll:m,endScroll:d},l.createElement("div",{className:"bg_image color-white ani_show_content text_center br-8 overflow-hidden",style:{backgroundImage:k}},l.createElement("div",{className:"col-12 p-1 z_index_top center_absolute add_transition"},l.createElement("h2",{className:"h3"},g),l.createElement("div",{className:"show-more"},l.createElement("p",{dangerouslySetInnerHTML:{__html:w}}),l.createElement(n.N_,{to:"/contact/sofia/",title:"Learn More",className:"ani-underline color-white"},"View details"))),l.createElement("div",{className:"dark_image_overly"})))))))}}}]);
2//# sourceMappingURL=component---src-templates-page-template-contact-jsx-3ddf85f1b8eef4cadd8d.js.map