{"version":3,"file":"chunks/ContactSupportPage.chunk.ef547009a5aa098c5dc4.js","mappings":"g6CAoBA,IAAMA,EAAmBC,EAAAA,SAAaC,MAAM,CAC3CC,SAAUC,EAAAA,GACVC,MAAOC,EAAAA,GACPC,QAASH,EAAAA,KA4FV,EAzFiC,WAAM,QACJI,EAAAA,UAAwB,GADpB,GAC/BC,EAD+B,KACpBC,EADoB,SAEZF,EAAAA,SAAuB,IAFX,GAE/BG,EAF+B,KAExBC,EAFwB,KAyBtC,OAAO,gCACN,gBAAC,EAAAC,OAAD,CACCC,cAAe,CACdX,SAAU,GACVE,MAAO,GACPU,QAAS,GACTR,QAAS,IAEVS,SA7Be,SAACC,EAAqBC,GACtCR,GAAa,GACbE,EAAS,KAETO,EAAAA,EAAAA,GAAqB,mBAAoBF,GACvCG,MAAK,WACLV,GAAa,GACbW,EAAAA,GAAAA,QAAgB,0CAChBH,EAAcI,WACd,IALF,OAMQ,SAACC,GACPb,GAAa,GAGZE,EADkB,iBAARW,EACDA,EAEA,wBAEV,GACF,EAWCvB,iBAAkBA,IAEjB,SAACwB,GAAD,OAA2C,gCAC3C,uBAAKC,UAAU,OACd,gBAACC,EAAA,EAAD,CACCC,MAAM,aACNC,UAAU,WACVC,mBAAmB,0BAGrB,uBAAKJ,UAAU,OACd,gBAACC,EAAA,EAAD,CACCC,MAAM,SACNC,UAAU,QACVC,mBAAmB,0BAGrB,uBAAKJ,UAAU,OACd,gBAACC,EAAA,EAAD,CACCC,MAAM,UACNC,UAAU,UACVC,mBAAmB,0BAGrB,uBAAKJ,UAAU,OACd,gBAACC,EAAA,EAAD,CACCC,MAAM,WACNC,UAAU,UACVC,mBAAmB,uBACnBC,OAAQ,gBAAGC,EAAH,EAAGA,MAAH,OACP,gBAAC,aAAD,GACCN,UAAU,8BACVO,MAAO,CAAEC,UAAW,OAAQC,OAAQ,QACpCC,SAAU,CAAEC,QAAS,EAAGC,QAAS,KAC7BN,GALE,KAUV,uBAAKN,UAAU,oBACd,gBAACa,EAAA,EAAD,CACCC,KAAK,SACLd,UAAU,yBACVhB,UAAWA,EACX+B,QAAS,kBAAMhB,EAAYiB,cAAlB,GAJV,iBASA9B,GAAS,uBAAKc,UAAU,sBAAsBd,GA/C/C,IAmDH,EChGD,EAZiC,WAChC,OAAO,gCACN,uBAAKc,UAAU,0BACd,sBAAIA,UAAU,WAAd,sBACA,sBAAIA,UAAU,WAAd,4BACA,uBAAKA,UAAU,0BACd,gBAACiB,EAAD,QAIH,C","sources":["webpack://NorthernTunaPortal/./ClientApp/components/Pages/ContactSupport/ContactSupportForm.tsx","webpack://NorthernTunaPortal/./ClientApp/components/Pages/ContactSupport/ContactSupport.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport * as Yup from 'yup';\r\nimport Message from 'antd/lib/message';\r\nimport { Formik, FormikProps, FormikHelpers } from 'formik';\r\nimport { Input } from 'antd';\r\n\r\nimport { emailValidator, simpleStringValidator } from '@common/react/utils/validationHelpers';\r\nimport Button from '@common/react/components/Forms/Button';\r\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\r\n\r\nimport { request } from '@app/components/Api';\r\n\r\ninterface IFormValues {\r\n\tfullName: string;\r\n\temail: string;\r\n\tsubject: string;\r\n\tmessage: string;\r\n}\r\n\r\nconst validationSchema = Yup.object().shape({\r\n\tfullName: simpleStringValidator,\r\n\temail: emailValidator,\r\n\tmessage: simpleStringValidator,\r\n});\r\n\r\nconst ContactSupport: React.FC = () => {\r\n\tconst [isLoading, setIsLoading] = React.useState<boolean>(false);\r\n\tconst [error, setError] = React.useState<string>('');\r\n\r\n\tconst onSubmit = (values: IFormValues, formikHelpers: FormikHelpers<IFormValues>) => {\r\n\t\tsetIsLoading(true);\r\n\t\tsetError('');\r\n\r\n\t\trequest<IFormValues>('sendSupportEmail', values)\r\n\t\t\t.then(() => {\r\n\t\t\t\tsetIsLoading(false);\r\n\t\t\t\tMessage.success('Your email has been successfully sent.');\r\n\t\t\t\tformikHelpers.resetForm();\r\n\t\t\t})\r\n\t\t\t.catch((err) => {\r\n\t\t\t\tsetIsLoading(false);\r\n\r\n\t\t\t\tif (typeof err === 'string') {\r\n\t\t\t\t\tsetError(err);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetError('Something went wrong.');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t};\r\n\r\n\treturn <>\r\n\t\t<Formik<IFormValues>\r\n\t\t\tinitialValues={{\r\n\t\t\t\tfullName: '',\r\n\t\t\t\temail: '',\r\n\t\t\t\tsubject: '',\r\n\t\t\t\tmessage: '',\r\n\t\t\t}}\r\n\t\t\tonSubmit={onSubmit}\r\n\t\t\tvalidationSchema={validationSchema}\r\n\t\t>\r\n\t\t\t{(formikProps: FormikProps<IFormValues>) => <>\r\n\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\ttitle=\"Full Name*\"\r\n\t\t\t\t\t\tfieldName=\"fullName\"\r\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\ttitle=\"Email*\"\r\n\t\t\t\t\t\tfieldName=\"email\"\r\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\ttitle=\"Subject\"\r\n\t\t\t\t\t\tfieldName=\"subject\"\r\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\ttitle=\"Message*\"\r\n\t\t\t\t\t\tfieldName=\"message\"\r\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\r\n\t\t\t\t\t\trender={({ field }) =>\r\n\t\t\t\t\t\t\t<Input.TextArea\r\n\t\t\t\t\t\t\t\tclassName=\"form-control input-textarea\"\r\n\t\t\t\t\t\t\t\tstyle={{ minHeight: '68px', resize: 'none' }}\r\n\t\t\t\t\t\t\t\tautoSize={{ minRows: 3, maxRows: 10 }}\r\n\t\t\t\t\t\t\t\t{...field}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"mb10 text-center\">\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tclassName=\"btn btn-sm btn-primary\"\r\n\t\t\t\t\t\tisLoading={isLoading}\r\n\t\t\t\t\t\tonClick={() => formikProps.handleSubmit()}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tSend Message\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t</div>\r\n\t\t\t\t{error && <div className=\"alert alert-danger\">{error}</div>}\r\n\t\t\t</>}\r\n\t\t</Formik>\r\n\t</>;\r\n};\r\n\r\nexport default ContactSupport;\r\n","import * as React from 'react';\r\n\r\nimport ContactSupportForm from '@app/components/Pages/ContactSupport/ContactSupportForm';\r\nimport '@app/scss/pages/contactSupport.scss';\r\n\r\nconst ContactSupport: React.FC = () => {\r\n\treturn <>\r\n\t\t<div className=\"support-page-container\">\r\n\t\t\t<h1 className=\"heading\">We're here to help</h1>\r\n\t\t\t<h2 className=\"heading\">Message our Service Team</h2>\r\n\t\t\t<div className=\"support-form-container\">\r\n\t\t\t\t<ContactSupportForm />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</>;\r\n};\r\n\r\nexport default ContactSupport;\r\n"],"names":["validationSchema","Yup","shape","fullName","simpleStringValidator","email","emailValidator","message","React","isLoading","setIsLoading","error","setError","Formik","initialValues","subject","onSubmit","values","formikHelpers","request","then","Message","resetForm","err","formikProps","className","FormikField","title","fieldName","containerClassName","render","field","style","minHeight","resize","autoSize","minRows","maxRows","Button","type","onClick","handleSubmit","ContactSupportForm"],"sourceRoot":""}