https://hexofy.com/component---src-pages-contact-index-tsx-7600893d8a58a69dcdee.js

1"use strict";(self.webpackChunkhexofy=self.webpackChunkhexofy||[]).push([[563],{18932:function(e,a,t){var l=t(67294);const r=e=>{let{value:a,onChange:t,placeholder:r,name:n,rows:m,className:c,onBlur:s,onFocus:i,disableResize:o,error:u,id:d,maxLength:g}=e;const h=(0,l.useCallback)((e=>{t(e)}),[t]),v=(0,l.useCallback)((e=>{s&&s(e)}),[s]),b=(0,l.useCallback)((e=>{i&&i(e)}),[i]);return l.createElement(l.Fragment,null,l.createElement("textarea",{id:d||"",className:"textarea "+(c||"")+" "+(o?"disable-resize":"")+" "+(u?"error-border":""),name:n,placeholder:r,value:a,rows:m||6,onChange:h,onBlur:v,onFocus:b,maxLength:g}))};a.Z=(0,l.memo)(r)},21359:function(e,a,t){var l=t(67294),r=t(34868),n=t(94184),m=t.n(n),c=t(92129);const s=e=>{const{0:a,1:n}=(0,l.useState)(!1),{hexofyUser:s}=(0,l.useContext)(c.S),i=(e=>e.grey?"grey_section_area":e.primary?"blue_section_area":e.light?"light_section_area":e.lightGrey?"light_grey_section_area":e.dark?"dark_section_area "+(e.gradient?"gradient":""):"light_section_area")(e);return(0,l.useEffect)((()=>{var a,l,r,m,c,i;const o=null===t.g||void 0===t.g||null===(a=t.g.window)||void 0===a||null===(l=a.location)||void 0===l||null===(r=l.href)||void 0===r?void 0:r.includes("/promo");var u,d,g;null!=s&&null!==(m=s.hfUser)&&void 0!==m&&m.pricing_package&&e.lgPd&&o?n("LTD"===(null==s||null===(u=s.hfUser)||void 0===u?void 0:u.pricing_package_interval)||null==s||null===(d=s.hfUser)||void 0===d||!d.pricing_package||"FREE"===(null==s||null===(g=s.hfUser)||void 0===g?void 0:g.pricing_package)):e.lgPd&&o?s&&n(!0):!s||"FREE"!==(null==s||null===(c=s.hfUser)||void 0===c?void 0:c.pricing_package)&&null!=s&&null!==(i=s.hfUser)&&void 0!==i&&i.pricing_package||!e.lgPd||n(!0)}),[s]),l.createElement("div",{style:e.style&&e.style,className:(e.className?e.className+" "+i:i)+" "},l.createElement("div",{className:(e.pageheroPading||e.pagehero?"pagehero-padding":"")+" lg-pd container"},e.title&&l.createElement("div",{className:"sec_title text-center mb_70 wow fadeInUp","data-wow-delay":"0.2s"},l.createElement("h2",{className:"f_p l_height48 f_600 t_color",style:{color:"#263b5e"}},"string"==typeof e.title?l.createElement(r.vN,{name:e.title}):e.title),e.subtitle&&l.createElement("p",{className:"f_300 f_size_16 mb-0"},"string"==typeof e.subtitle?l.createElement(r.vN,{name:e.subtitle}):e.subtitle)),l.createElement("div",{className:m()("row",{"justify-content-center":e.about})},e.children)))};a.Z=(0,l.memo)(s)},19915:function(e,a,t){t.r(a);t(27207);var l=t(50319),r=t(67294),n=t(17297),m=t(48960),c=t(21359),s=t(18932),i=t(26584),o=t(77594),u=t(78434),d=t(80170);a.default=()=>{const{0:e,1:a}=(0,r.useState)({firstName:"",lastName:"",email:"",comment:"",subject:""}),{0:t,1:g}=(0,r.useState)(""),{0:h,1:v}=(0,r.useState)(!1),{0:b,1:p}=(0,r.useState)(!1),[f,{loading:E}]=(0,l.D)(u.T2),N=(0,r.useCallback)((t=>{g(""),a({...e,[t.target.name]:t.target.value})}),[e]),_=(0,r.useCallback)((async()=>{try{const{data:t}=await f({variables:{name:e.firstName+" "+e.lastName,email:e.email.trim(),subject:"Hexofy: "+e.subject,message:e.comment,emailTo:"[email protected]",productType:"Hexofy"}});if(!t)return;const{contactFormSubmit:{error:l,errorMessage:r}}=t;if(l)g(r.replaceAll("_"," ").toLowerCase().slice(1));else{a({firstName:"",lastName:"",email:"",comment:"",subject:""}),p(!0);const e=setTimeout((()=>{p(!1),clearTimeout(e)}),1e4)}}catch(t){g("Something went wrong")}}),[f,e]),y=(0,r.useCallback)((()=>{if(E)return;if(Object.values(e).filter((e=>!e)).length||!(0,d.vV)(e.email.trim())){if(!(e.firstName.trim()&&e.lastName.trim()&&e.email.trim()&&e.comment.trim()&&e.subject.trim()))return g("Please complete the fields"),void v(!0);if(!(0,d.vV)(e.email.trim()))return g("Email is not valid"),void v(!0)}else v(!1),_()}),[E,e,_]);return r.createElement(i.Z,null,r.createElement(c.Z,{pageheroPading:!0,className:"contact-us-page mx-auto",lgPd:!0},r.createElement("div",{className:"container"},r.createElement("div",{className:"breadcrumb_content text-center mb-5"},r.createElement("h1",{className:"f_size_48 f_600 t_color4 l_height54 text-center"},"Feel free to contact us"))),r.createElement("div",{className:"form-block row mx-0"},r.createElement("div",{className:"col-12 col-md-6 mb-3"},r.createElement("label",{htmlFor:"firstName"},"First name ",r.createElement("span",null,"*")),r.createElement(m.Z,{name:"firstName",id:"firstName",value:e.firstName,onChange:N,placeholder:"First name",error:!e.firstName&&h?"error":""})),r.createElement("div",{className:"col-12 col-md-6 mb-3"},r.createElement("label",{htmlFor:"lastName"},"Last name ",r.createElement("span",null,"*")),r.createElement(m.Z,{name:"lastName",id:"lastName",value:e.lastName,onChange:N,placeholder:"Last name",error:!e.lastName&&h?"error":""})),r.createElement("div",{className:"col-12 mb-3"},r.createElement("label",{htmlFor:"email"},"Your email ",r.createElement("span",null,"*")),r.createElement(m.Z,{className:"email-input",n

1ame:"email",type:"email",id:"email",value:e.email,onChange:N,placeholder:"[email protected]",error:!h||e.email&&(0,d.vV)(e.email)?"":"error"})),r.createElement("div",{className:"col-12 mb-3"},r.createElement("label",{htmlFor:"lastName"},"Subject ",r.createElement("span",null,"*")),r.createElement(m.Z,{name:"subject",id:"subject",value:e.subject,onChange:N,placeholder:"Subject",error:!e.subject&&h?"error":""})),r.createElement("div",{className:"col-12 mb-3"},r.createElement("label",{htmlFor:"comment"},"Your comment ",r.createElement("span",null,"*")),r.createElement(s.Z,{value:e.comment,onChange:N,placeholder:"Your comment",rows:8,disableResize:!0,error:!e.comment&&h,name:"comment"})),r.createElement("div",{className:"position-relative col-12 text-center "+(t||b?"visible":"invisible")},r.createElement(o.Z,{type:b?"success":"error",text:b?"Your message has been successfully sent!":t})),r.createElement("div",{className:"col-12 text-center mb-3"},r.createElement(n.Z,{btnText:"Send message",width:"230",onClick:y,loading:E})))))}}}]);
2//# sourceMappingURL=component---src-pages-contact-index-tsx-7600893d8a58a69dcdee.js.map