https://wolfjawstudios.com/component---src-pages-contact-tsx-9e2de4954dcc6ea6520d.js

1"use strict";(self.webpackChunkwolfjaw_studios_website=self.webpackChunkwolfjaw_studios_website||[]).push([[313],{2496:function(e,t,n){n.r(t),n.d(t,{Head:function(){return D},default:function(){return L}});var a=n(6540),l=n(6462);var o={head:"Contact - Wolfjaw Studios",subHeading:"Contact",mainHeading:'If you’re looking for help or just want to say "Hi!", drop us a line',fields:{honeypot:"If you’re a human, don’t fill out this field!",name:{placeholder:"Name *",warning:"FULL NAME IS REQUIRED"},email:{placeholder:"Email *",warning:"VALID EMAIL IS REQUIRED"},message:{placeholder:"What's Up?",warning:"MESSAGE BODY MUST NOT BE EMPTY"}},successModal:{mainHeading:"Thanks, [firstName]",mainText:"Thanks for your interest in Wolfjaw Studios! Your application has been received, and we’ll try to get back to you as soon as we can.",appearOnError:!1},submitText:"Submit",console:{success:"Form submission was a success! Why are you looking at the console?",error:"Error! Something went from with the form submission. Why are you looking at the console?"}},i=n(4472),r=n(7181),s=n.n(r),d=n(4235);const m=i.default.div.withConfig({displayName:"Inputs__InputStyleWrapper",componentId:"sc-o4ybtq-0"})(["input,textarea{color:",";background-color:rgba(255 255 255 / 15%);font-family:",";display:inherit;width:calc(100% - 1em);height:2em;font-size:14px;padding-left:10px;padding-top:1px;padding:1px 0 0 10px;border:2px solid rgba(0 0 0 / 0%);border-bottom:2px solid rgba(255 255 255 / 20%);outline:0px transparent;border-radius:1px;transition:font-size 0.3s,background-color 0.3s,border 0.2s;::placeholder,::-webkit-input-placeholder{color:",";}:-ms-input-placeholder{color:",';}&[type="text"]:focus,textarea:focus{-moz-appearance:none;border:2px solid ',";}&:focus{background-color:rgba(255 255 255 / 20%);border-bottom:2px solid rgba(255 255 255 / 50%);}@media (max-width:800px){font-size:16px;}}textarea{resize:none;height:15em;padding-top:6px;}"],(e=>e.theme.colors.brand.white),(e=>{let{theme:t}=e;return t.fonts.lato}),(e=>{let{theme:t}=e;return t.colors.brand.gray}),(e=>{let{theme:t}=e;return t.colors.brand.gray}),(e=>e.theme.colors.brand.white));var p=n(9879),c=n(4850),u=n(2988),h=n(312),g=n.n(h),f=n(4791),x=n.n(f),b=n(4025),y=n.n(b),w=n(4316),E=n.n(w),k=n(6542),v=n.n(k),_=n(7582),C=n(1763);const I=i.default.div.withConfig({displayName:"contact__FormContainer",componentId:"sc-qlkm6-0"})(["display:flex;height:630px;width:100%;border:1px solid rgba(255 255 255 / 10%);border-radius:3px;transition:height 0.2s;@media (max-width:800px){border:none;height:auto;display:block;}"]),S=i.default.div.withConfig({displayName:"contact__FormText",componentId:"sc-qlkm6-1"})(["width:50%;height:100%;text-align:left;margin:auto;padding:min(160px,8%);padding-right:0;user-select:none;@media (max-width:800px){width:100%;padding:0px;margin-left:0px;}"]),W=i.default.div.withConfig({displayName:"contact__FormInputs",componentId:"sc-qlkm6-2"})(["width:50%;max-width:50%;height:100%;padding:min(160px,10%);padding-top:65px;@media (max-width:800px){margin-top:-10px;width:100%;max-width:100%;padding:0%;height:600px;}"]),T=i.default.span.withConfig({displayName:"contact__InputWarningWrapper",componentId:"sc-qlkm6-3"})(["opacity:1;color:",";font-size:12px;font-family:",";letter-spacing:2px;display:inline-block;margin-top:15px;margin-bottom:3px;transition:opacity 0.3s;svg{position:relative;top:2px;margin-right:0.5em;}@media (max-width:800px){font-size:14px;}"],(e=>e.theme.colors.brand.red),(e=>{let{theme:t}=e;return t.fonts.lato})),N=i.default.span.withConfig({displayName:"contact__MessageLetterCount",componentId:"sc-qlkm6-4"})(["font-size:12px;font-family:",";opacity:0.5;float:right;font-weight:bold;margin:2px 2px 0 0;transition:color 0.3s;@media (max-width:800px){font-size:14px;}"],(e=>{let{theme:t}=e;return t.fonts.lato})),q=i.default.div.withConfig({displayName:"contact__ModalAnimationWrapper",componentId:"sc-qlkm6-5"})(["max-height:111px;margin-top:48px;margin-bottom:-26px;transition:opacity 1s;@media (max-width:800px){margin-left:-146px;}"]),M=i.default.div.withConfig({displayName:"contact__WJMailboxWra

1pper",componentId:"sc-qlkm6-6"})(["display:block;width:148px;position:relative;left:222px;top:-212px;"]),z=i.default.div.withConfig({displayName:"contact__WJMailboxFlagWrapper",componentId:"sc-qlkm6-7"})(["display:block;width:36px;position:relative;left:291px;top:-373px;rotate:90deg;transform-origin:bottom;transition:rotate 0.4s cubic-bezier(0.175,0.885,0.32,1.275);"]),R=i.default.div.withConfig({displayName:"contact__WJLetterWrapper",componentId:"sc-qlkm6-8"})(["display:block;width:88px;position:relative;left:113px;top:-126px;opacity:0.7;-webkit-transition:left 0.5s;transition:left 0.5s ease-out,opacity 0.4s;"]),j=i.default.div.withConfig({displayName:"contact__WJMailboxRimWrapper",componentId:"sc-qlkm6-9"})(["display:block;width:148px;position:relative;left:224px;top:-27.69px;"]),A=(i.default.button.withConfig({displayName:"contact__ExitModalButton",componentId:"sc-qlkm6-10"})([""]),i.default.div.withConfig({displayName:"contact__ResultModalInner",componentId:"sc-qlkm6-11"})(["font-family:",";width:600px;min-height:270px;padding:30px;background-color:",";border-radius:0px;text-align:center;overflow-y:hidden;@media (max-width:800px){width:300px;overflow-x:hidden;margin:0 auto;}"],(e=>{let{theme:t}=e;return t.fonts.lato}),(e=>{let{theme:t}=e;return t.colors.brand.darkRed}))),H=i.default.div.withConfig({displayName:"contact__CareersHeaderText",componentId:"sc-qlkm6-12"})(["@media (max-width:800px){display:none;}","{color:#e06666;margin-top:-36px;margin-left:64px;font-size:17px;}"],d.m9),F={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0 0 0 / 40%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:0,transform:"translate(-50%, -50%)",backgroundColor:"rgba(0 0 0 / 40%)",border:"none",borderRadius:"0px"}};var L=()=>{const[e,t]=a.useState(""),[n,i]=a.useState(""),[r,h]=a.useState(""),[f,b]=a.useState(""),[w,k]=a.useState(!1),[_,L]=a.useState(!1),[D,U]=a.useState(!1),[O,J]=a.useState(""),Q=500,Y=()=>{const e=n.match(/^(([^<>()[\]\\.,;:\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,}))$/);return null!=e&&e.length>0},B=()=>e.length<=0&&n.length<=0&&r.length<=0&&f.length>0;async function G(){await(0,l.navigate)("/"),k(!1)}return a.createElement(c.Gv,null,a.createElement(g(),{closeTimeoutMS:200,isOpen:w,onRequestClose:G,style:F,contentLabel:"Thank You"},a.createElement(A,null,a.createElement(q,{style:{opacity:_?"1.0":"0.3"}},a.createElement(j,null,a.createElement(v(),null)),a.createElement(R,{style:{left:_?"283px":"113px",opacity:_?"1.0":"0.7"}},a.createElement(x(),null)),a.createElement(M,null,a.createElement(y(),null)),a.createElement(z,{style:{rotate:D?"0deg":"90deg"}},a.createElement(E(),null))),a.createElement(d.pQ,null,o.successModal.mainHeading.replace("[firstName]",e.split("")[0])),a.createElement("p",null,a.createElement("i",null,o.successModal.mainText)))),a.createElement(I,null,a.createElement(S,null,a.createElement(H,null,a.createElement("span",null,a.createElement(s(),null),a.createElement(d.m9,null,o.subHeading))),a.createElement(d.TA,{style:{marginTop:"20px"}},o.mainHeading)),a.createElement(W,null,a.createElement("form",{"data-netlify":"true","netlify-honeypot":"bot-field"},a.createElement("p",{hidden:!0},a.createElement("label",{htmlFor:"bot-field"},a.createElement("input",{id:"bot-field"}),o.fields.honeypot)),a.createElement(m,null,a.createElement(T,{style:{opacity:(n.length>0||r.length>0)&&e.length<=0||B()?"1.0":"0.0"}},a.createElement("span",null,a.createElement(p.Wux,null)," ",o.fields.name.warning)),a.createElement("input",{placeholder:o.fields.name.placeholder,name:"name",onChange:e=>{t(e.target.value)},required:!0}),a.createElement(T,{style:{opacity:e.length>0&&r.length>0&&n.length<=0||r.length>0&&n.length<=0||e.length>0&&r.length>0&&!Y()||B()?"1.0":"0.0"}},a.createElement("span",null,a.createElement(p.Wux,null)," ",o.fields.email.warning)),a.createElement("input",{placeholder:o.fields.email.placeholder,type:"email",name:"email",onChange:e=>{i(e.target.value)},required:!0}),a.createElement(T,{style:{opacity:e.length>0&&n.length>0&&f.length>0&&r.length<=0||B()?"1.0":"0.0"}},a.createElement("span",null,a.createElement(p.Wux,null)," ",o.fields.message.warning)),a.createElement("textarea",{placeholder:o.fields.message.placeholder,name:"message",onCh

1ange:e=>{h(e.target.value)},maxLength:Q,required:!0}),a.createElement(N,{style:{color:r.length>=Q||0===r.length?u.S.colors.brand.red:r.length>=375?u.S.colors.brand.yellow:u.S.colors.brand.white}},r.length," / ",Q),a.createElement("br",null),a.createElement("br",null)),a.createElement(d.b7,{disabled:!(e.length>0&&Y()&&r.length>0),onClick:t=>{var a;fetch("/",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:(a={"form-name":"contact",name:e,email:n,message:r},Object.keys(a).map((e=>encodeURIComponent(e)+"="+encodeURIComponent(a[e]))).join("&"))}).then((e=>{null!=e&&e.ok?(k(!0),setTimeout((()=>{L(!0)}),400),setTimeout((()=>{U(!0)}),750),setTimeout((()=>{G()}),5e3),console.log("Form submission was a success! Why are you looking at the console?"),J("")):null!=e&&e.ok||(console.log("Error! Something went from with the form submission."),J((null==e?void 0:e.status.toString())+":"+(null==e?void 0:e.statusText)))})).catch((e=>{alert(e)})),t.preventDefault()}},a.createElement("div",null,"Submit ",a.createElement(c.jD,null,a.createElement("span",{style:{display:"inline-block",width:"90px"}}),a.createElement(c.jD,null,a.createElement(C.ArrowIcon,null)))))),a.createElement("br",null),a.createElement(d.Qr,null,O))))};const D=e=>{let{location:t}=e;return a.createElement(_.k,{title:o.head,pathname:t.pathname})}}}]);