https://cognitive3d.com/component---src-pages-contact-message-tsx-4d86ef67665f73b4bae3.js

1"use strict";(self.webpackChunkcognitive_vr_website_gatsby=self.webpackChunkcognitive_vr_website_gatsby||[]).push([[5691],{2547:function(e,t,a){a.r(t),a.d(t,{Head:function(){return u},default:function(){return f}});var n=a(6540),r=a(6797),o=a(2600),i=a(467),l=a(4810),s=a(813),c=a(9696),m=a(3780),d={company:"",firstname:"",lastname:"",email:"",message:"",consent:!1},h=()=>{var{site:{siteMetadata:{siteUrl:e,hubspotConfig:t}}}=(0,l.GR)("1232572069"),{0:{company:a,firstname:r,lastname:o,email:h,message:p,consent:u},1:f}=(0,n.useState)(d),{0:y,1:g}=(0,n.useState)(!1),{0:v,1:b}=(0,n.useState)(""),w=e=>{var{target:t}=e,a="checkbox"===t.type?t.checked:t.value;f((e=>Object.assign({},e,{[t.name]:a}))),v&&b("")},_=function(){var n=(0,i.A)((function*(){var n={submittedAt:Date.now(),fields:[{objectTypeId:"0-1",name:"company",value:a},{objectTypeId:"0-1",name:"firstname",value:r},{objectTypeId:"0-1",name:"lastname",value:o},{objectTypeId:"0-1",name:"email",value:h},{objectTypeId:"0-1",name:"message",value:p},{objectTypeId:"0-1",name:"you_consent_to_cognitive3d_processing_your_personal_data_in_accordance_with_our_privacy_policy",value:!0}],context:{hutk:(0,m.Ri)("hubspotutk"),pageUri:""+e+location.pathname,pageName:"Contact"}},i=yield fetch("https://api.hsforms.com/submissions/v3/integration/submit/"+t.portalId+"/"+t.contactFormId,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});return i.ok&&200===i.status}));return function(){return n.apply(this,arguments)}}(),M=function(){var e=(0,i.A)((function*(){var e=new URLSearchParams({"form-name":"contact-us",company_name:a,first_name:r,last_name:o,email:h,message:p,consent:"true"}).toString();return 200===(yield fetch("/",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:e})).status}));return function(){return e.apply(this,arguments)}}(),E=function(){var e=(0,i.A)((function*(e){if(e.preventDefault(),u){g(!0),b("");try{var a=!1;if(t.contactFormId?(a=yield _())||(console.warn("[contact form] HubSpot submission was rejected — falling back to Netlify. Check that the HubSpot form’s fields match this component and that its changes are PUBLISHED."),a=yield M()):a=yield M(),a)return void(0,l.oo)("/contact/thank-you/");b("Something went wrong sending your message. Please try again.")}catch(n){console.log({err:n}),b("Something went wrong sending your message. Please try again.")}g(!1)}else b("Please agree to the privacy policy before sending.")}));return function(t){return e.apply(this,arguments)}}();return n.createElement("form",{className:"demo-form contact-form",onSubmit:E},n.createElement(c.f,{halfSize:!0,inputType:c.N.text,inputName:"firstname",autoComplete:"given-name",required:!0,placeholder:"First name*",value:r,onChange:w}),n.createElement(c.f,{halfSize:!0,inputType:c.N.text,inputName:"lastname",autoComplete:"family-name",required:!0,placeholder:"Last name*",value:o,onChange:w}),n.createElement(c.f,{halfSize:!1,inputType:c.N.text,inputName:"company",autoComplete:"organization",required:!0,placeholder:"Company or organization*",value:a,onChange:w}),n.createElement(c.f,{halfSize:!1,inputType:c.N.email,inputName:"email",autoComplete:"email",required:!0,placeholder:"Work email*",value:h,onChange:w}),n.createElement(c.f,{halfSize:!1,inputType:c.N.textarea,inputName:"message",required:!0,rows:5,placeholder:"How can we help?*",value:p,onChange:w}),n.createElement(c.f,{halfSize:!1,label:n.createElement(n.Fragment,null,n.createElement("span",null,"I have read and agree to "),n.createElement("a",{href:"/privacy-policy/",target:"_blank",rel:"noopener noreferrer",onClick:e=>e.stopPropagation()},"Privacy Policy.")),inputType:c.N.checkbox,inputName:"consent",required:!0,checked:u,onChange:w}),!!v&&n.createElement("p",{className:"contact-form__error",role:"alert"},v),n.createElement("div",{className:"demo-form__submit-wrapper"},n.createElement("button",{type:"submit",className:"btn demo-form__submit",disabled:y},y?n.createElement(s.LW,{color:"#ffffff",height:18,width:50}):"Send message")))},p=a(2722);function u(e){var{location:t}=e;return n.createElement(r.A,{title:"Send Cognitive3D a Message | Contact the Team",description:"Message the Cognitive3D team about partnerships, research collaborations, press, procurement or general enquiries about XR analytics.",pathname:t.pathname})}var f=()=>n.createElement(p.A,{bodyWrapperClass:"demo demo-dark demo-dark--with-chrome demo-dark--contact"},n.createElement("div",{className:"demo-dark__field","aria-hidden":"true"},n.createElement(o.A,{tint:"multi",wide:!0,speed:.06,packets:!1})),n.createElement("div",{className:"demo-dark__spotlight","aria-hidden":"true"}),n.createElement("div",{className:"demo-dark__inner"},n.createElement("div",{className:"container"},n.createElement("header",{className:"demo-dark__head"},n.createElement("h1",{className:"demo-dark__heading"},"Send us a"," ",n.createElement("span",{className:"demo-dark__heading-accent"},"message")),n.createElement("p",{className:"demo-dark__text"},"Partnerships, research collaborations, press, procurement or anything else that needs a conversation. Tell us what you need and we’ll route it to the right person.")),n.createElement("div",{className:"demo-dark__stack"},n.createElement("div",{className:"demo-dark__form-card"},n.createElement(h,null))))))},2600:function(e,t,a){a(9469);var n=a(6540);t.A=e=>{var{tint:t="multi",wide:a=!1,speed:r=1,packets:o=!0}=e,i=(0,n.useRef)(null);return(0,n.useEffect)((()=>{var e=i.current,n=null==e?void 0:e.parentElement,l=null==e?void 0:e.getContext("2d");if(e&&n&&l){var s=window.matchMedia("(prefers-reduced-motion: reduce)").matches,c=window.matchMedia("(max-width: 767px)").matches||window.matchMedia("(pointer: coarse)").matches,m=s||c,d=Math.min(window.devicePixelRatio||1,2),h={purple:[[164,67,240],[190,120,250],[132,68,216]],blue:[[0,135,246],[86,178,250],[40,110,220]],teal:[[9,186,184],[64,210,205],[0,150,150]],multi:[[164,67,240],[0,135,246],[0,201,199]]}[t],p={purple:"176,120,240",blue:"110,170,245",teal:"90,200,200",multi:"140,160,255"}[t],u=0,f=0,y=[],g=[],v=()=>{var t=n.getBoundingClientRect();u=t.width,f=t.height,e.width=Math.round(u*d),e.height=Math.round(f*d),e.style.width=u+"px",e.style.height=f+"px",l.

1setTransform(d,0,0,d,0,0);var a=Math.max(44,Math.min(78,Math.round(u/16)));if(y.length!==a){y.length=0;for(var r=0;r<a;r++)y.push({x:2*Math.random()-1,y:2*Math.random()-1,z:2*Math.random()-1,c:h[r%h.length],captured:Math.random()<.16,phase:Math.random()*Math.PI*2})}var o=Math.max(3,Math.round(u/260));g=[];for(var i=0;i<o;i++)g.push({x:Math.random()*u,y:Math.random()*f,sp:.16+.2*Math.random(),r:1.5+.8*Math.random()})};v();var b=0,w=.3,_=0,M=0,E=0,x=0,k=e=>{E=e.clientX/window.innerWidth-.5,x=e.clientY/window.innerHeight-.5},N=()=>{b+=.016*r,_+=.05*(E-_)*r,M+=.05*(x-M)*r,l.clearRect(0,0,u,f);for(var e=.5*_,t=Math.cos(e),n=Math.sin(e),i=Math.cos(w),s=Math.sin(w),c=a?Math.max(.62*Math.min(u,f),.46*u):.62*Math.min(u,f),m=y.map((e=>{var a=e.x*t-e.z*n,r=e.x*n+e.z*t,o=e.y*i-r*s,l=2.2/(2.7+(r=e.y*s+r*i));return{n:e,px:u/2+(a+.3*_)*c*l,py:f/2+(o+.3*M)*c*l,depth:(r+1)/2}})),d=0;d<m.length;d++)for(var h=d+1;h<m.length;h++){var v=m[d].px-m[h].px,k=m[d].py-m[h].py,N=Math.hypot(v,k);N<152&&(l.strokeStyle="rgba("+p+","+.17*(1-N/152)+")",l.lineWidth=1,l.beginPath(),l.moveTo(m[d].px,m[d].py),l.lineTo(m[h].px,m[h].py),l.stroke())}for(var S of m){var[C,P,T]=S.n.c;if(S.n.captured){var I=.5+.5*Math.sin(1.6*b+S.n.phase),z=1.8+2.6*S.depth;l.beginPath(),l.fillStyle="rgba("+C+","+P+","+T+",0.12)",l.arc(S.px,S.py,z*(3+2.4*I),0,2*Math.PI),l.fill(),l.beginPath(),l.fillStyle="rgba("+C+","+P+","+T+","+(.55+.4*S.depth)+")",l.arc(S.px,S.py,z,0,2*Math.PI),l.fill()}else{var A=.9+2*S.depth;l.beginPath(),l.fillStyle="rgba("+C+","+P+","+T+","+(.32+.46*S.depth)+")",l.arc(S.px,S.py,A,0,2*Math.PI),l.fill()}}for(var L of o?g:[]){L.y+=L.sp*r,L.y>f+24&&(L.y=-24,L.x=Math.random()*u);var q=l.createLinearGradient(L.x,L.y-46,L.x,L.y);q.addColorStop(0,"rgba(150,225,255,0)"),q.addColorStop(1,"rgba(150,225,255,0.22)"),l.strokeStyle=q,l.lineWidth=1.2,l.beginPath(),l.moveTo(L.x,L.y-46),l.lineTo(L.x,L.y),l.stroke(),l.beginPath(),l.fillStyle="rgba(150,225,255,0.14)",l.arc(L.x,L.y,3.4*L.r,0,2*Math.PI),l.fill(),l.beginPath(),l.fillStyle="rgba(180,238,255,0.95)",l.arc(L.x,L.y,L.r,0,2*Math.PI),l.fill()}},S=0,C=!1,P=()=>{w+=6e-4*r,N(),S=requestAnimationFrame(P)},T=()=>{C||m||(C=!0,S=requestAnimationFrame(P))},I=()=>{C=!1,cancelAnimationFrame(S)},z=()=>{v(),N()};window.addEventListener("resize",z),m||window.addEventListener("mousemove",k);var A=()=>document.hidden?I():T();document.addEventListener("visibilitychange",A);var L=new IntersectionObserver((e=>e.forEach((e=>e.isIntersecting?T():I()))),{threshold:0});return L.observe(e),N(),m||T(),()=>{I(),L.disconnect(),window.removeEventListener("resize",z),window.removeEventListener("mousemove",k),document.removeEventListener("visibilitychange",A)}}}),[t,a,r,o]),n.createElement("canvas",{ref:i,className:"hero-field","aria-hidden":"true"})}},9469:function(e,t,a){var n=a(6518),r=Math.hypot,o=Math.abs,i=Math.sqrt;n({target:"Math",stat:!0,arity:2,forced:!!r&&r(1/0,NaN)!==1/0},{hypot:function(e,t){for(var a,n,r=0,l=0,s=arguments.length,c=0;l<s;)c<(a=o(arguments[l++]))?(r=r*(n=c/a)*n+1,c=a):r+=a>0?(n=a/c)*n:a;return c===1/0?1/0:c*i(r)}})}}]);
2//# sourceMappingURL=component---src-pages-contact-message-tsx-4d86ef67665f73b4bae3.js.map