https://textreader.ai/component---src-pages-contact-index-jsx-82c178c08ca7fc4a9903.js

1"use strict";(self.webpackChunktextreader=self.webpackChunktextreader||[]).push([[204],{456:function(e,a,t){t.r(a);var r=t(6540),s=t(1083),n=t(1411),l=t(3171),o=t(2173);a.default=()=>{const{0:e,1:a}=(0,r.useState)(!1),{0:t,1:m}=(0,r.useState)({name:"",email:"",subject:"",message:"",isModalOpen:!1,error:!1,errorMessage:""}),c=e=>{const a=e.target;m({...t,[a.name]:a.value})};return r.createElement(n.A,{title:"Contact Customer Support | Text Reader",metaName:"description",metaContent:"Contact our customer care support and get all the necessary information regarding our service. Text Reader customer support will help you out!",small:!0},r.createElement(l.a,{isOpen:t.isModalOpen,modalToggle:async()=>{await m({...t,isModalOpen:!t.isModalOpen})},title:"Successfully sent!",className:"",dark:!0,headerCentered:!0},r.createElement("p",{className:"text-center"},"Your message has been sent, we will come back to you shortly.")),r.createElement("div",{className:"contact-block"},r.createElement("div",{className:"main container"},r.createElement("div",{className:"page-hero"},r.createElement("h1",{className:"page-title"},"Feel free to contact us")),r.createElement("form",{className:"contact_form_box",onSubmit:r=>!e&&(async e=>{e.preventDefault(),a(!0);const{data:r}=await(0,s.A)({method:"post",url:"https://api.hexometer.com/v2/ql",data:{operationName:"ContactFormSubmit",variables:{name:t.name,email:t.email,subject:`textreader: ${t.subject}`,message:JSON.stringify(t.message),emailTo:"[email protected]",productType:"textreader"},query:"mutation ContactFormSubmit($name: String!, $email: String!, $subject: String!, $message: String!, $emailTo: String, $productType: String) {\n  contactFormSubmit(name: $name, email: $email, subject: $subject, message: $message, emailTo: $emailTo, productType: $productType) {\n    error\n    message\n    __typename\n  }\n}\n"}});a(!1),r&&r.data&&r.data.contactFormSubmit&&r.data.contactFormSubmit.error?m({...t,error:!0,errorMessage:"INVALID_EMAIL"===r.data.contactFormSubmit.message?"Please enter valid email address":"Something went wrong, please try again."}):m({...t,isModalOpen:!t.isModalOpen,error:!1,errorMessage:"",name:"",email:"",subject:"",message:""})})(r)},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-lg-6"},r.createElement("input",{required:!0,type:"text",className:"input",placeholder:"Your name",name:"name",value:t.name,onChange:c})),r.createElement("div",{className:"col-lg-6"},r.createElement("input",{required:!0,type:"text",className:"input",placeholder:"Your email",name:"email",value:t.email,onChange:c})),r.createElement("div",{className:"col-lg-12"},r.createElement("input",{required:!0,type:"text",className:"input",placeholder:"Your subject",name:"subject",value:t.subject,onChange:c})),r.createElement("div",{className:"col-lg-12"},r.createElement("textarea",{required:!0,className:"textarea",rows:5,onChange:c,name:"message",placeholder:"Type your message here",value:t.message})),r.createElement("div",{className:"col-lg-12 footer-block"},r.createElement("button",{className:"button",disabled:e},"Send")))))),(null==t?void 0:t.errorMessage)&&r.createElement(l.a,{isOpen:null==t?void 0:t.errorMessage,modalToggle:()=>m({...t,error:!1,errorMessage:""}),headerCentered:!0,onButtonClick:()=>m({...t,error:!1,errorMessage:""}),buttonText:"OK",dark:!0,title:""},r.createElement("div",{className:"text-center mb-5 modal-msg-icon"},o.i3),r.createElement("p",{className:"text-center"},null==t?void 0:t.errorMessage)))}}}]);
2//# sourceMappingURL=component---src-pages-contact-index-jsx-82c178c08ca7fc4a9903.js.map