{"version":3,"file":"chunks/ContactSupportPage.chunk.640b65df96a894d5b4e4.js","mappings":"k6CAsBA,IAAMA,EAAmBC,EAAAA,SAAaC,MAAM,CAC3CC,SAAUC,EAAAA,GACVC,MAAOC,EAAAA,GACPC,QAASH,EAAAA,KA8FV,EA3FiC,WAAM,QACJI,EAAAA,UAAwB,GADpB,GAC/BC,EAD+B,KACpBC,EADoB,SAEZF,EAAAA,SAAuB,IAFX,GAE/BG,EAF+B,KAExBC,EAFwB,QAGTC,EAAAA,EAAAA,MAArBC,EAH8B,EAG9BA,QACFC,GAAOC,EAJyB,EAGrBA,WAwBjB,OAAO,gCACN,gBAAC,EAAAC,OAAD,CACCC,cAAe,CACdf,SAAUY,EAAO,GAAH,OAAMA,EAAKI,WAAX,OAAuBJ,EAAKK,SAAL,WAAoBL,EAAKK,UAAa,IAAO,GAClFf,OAAOU,aAAA,EAAAA,EAAMV,QAAS,GACtBgB,QAAS,GACTd,QAAS,IAEVe,SA7Be,SAACC,EAAqBC,GACtCd,GAAa,GACbE,EAAS,IAETE,EAAqB,mBAAoBS,GACvCE,MAAK,WACLf,GAAa,GACbgB,EAAAA,GAAAA,QAAgB,0CAChBF,EAAcG,WACd,IALF,OAMQ,SAACC,GACPlB,GAAa,GAGZE,EADkB,iBAARgB,EACDA,EAEA,wBAEV,GACF,EAWC5B,iBAAkBA,IAEjB,SAAC6B,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,mBAAD,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,yBACVrB,UAAWA,EACXoC,QAAS,kBAAMhB,EAAYiB,cAAlB,GAJV,iBASAnC,GAAS,uBAAKmB,UAAU,sBAAsBnB,GA/C/C,IAmDH,EC9FD,EAjBiC,WAChC,OAAO,gCACN,uBAAKmB,UAAU,iCACd,uBAAKA,UAAU,iCACd,uBAAKA,UAAU,yBACd,uBAAKA,UAAU,6BACd,yCAED,uBAAKA,UAAU,0BACd,gBAACiB,EAAD,UAML,C","sources":["webpack://northern-tuna-portal/./ClientApp/components/Pages/ContactSupport/ContactSupportForm.tsx","webpack://northern-tuna-portal/./ClientApp/components/Pages/ContactSupport/ContactSupport.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport Message from 'antd/lib/message';\nimport Input from 'antd/lib/input';\n\nimport * as Yup from 'yup';\nimport { Formik, FormikProps, FormikHelpers } from 'formik';\n\nimport { emailValidator, simpleStringValidator } from '@common/react/utils/validationHelpers';\nimport Button from '@common/react/components/Forms/Button';\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\nimport { useApplicationContext } from '@common/react/components/Core/Application/Application';\n\nimport { User } from '@app/objects/User';\n\ninterface IFormValues {\n\tfullName: string;\n\temail: string;\n\tsubject: string;\n\tmessage: string;\n}\n\nconst validationSchema = Yup.object().shape({\n\tfullName: simpleStringValidator,\n\temail: emailValidator,\n\tmessage: simpleStringValidator,\n});\n\nconst ContactSupport: React.FC = () => {\n\tconst [isLoading, setIsLoading] = React.useState<boolean>(false);\n\tconst [error, setError] = React.useState<string>('');\n\tconst { request, getUser } = useApplicationContext();\n\tconst user = getUser<User>();\n\n\tconst onSubmit = (values: IFormValues, formikHelpers: FormikHelpers<IFormValues>) => {\n\t\tsetIsLoading(true);\n\t\tsetError('');\n\n\t\trequest<IFormValues>('sendSupportEmail', values)\n\t\t\t.then(() => {\n\t\t\t\tsetIsLoading(false);\n\t\t\t\tMessage.success('Your email has been successfully sent.');\n\t\t\t\tformikHelpers.resetForm();\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tsetIsLoading(false);\n\n\t\t\t\tif (typeof err === 'string') {\n\t\t\t\t\tsetError(err);\n\t\t\t\t} else {\n\t\t\t\t\tsetError('Something went wrong.');\n\t\t\t\t}\n\t\t\t});\n\t};\n\n\treturn <>\n\t\t<Formik<IFormValues>\n\t\t\tinitialValues={{\n\t\t\t\tfullName: user ? `${user.firstName}${user.lastName ? ` ${user.lastName}` : ''}` : '',\n\t\t\t\temail: user?.email || '',\n\t\t\t\tsubject: '',\n\t\t\t\tmessage: '',\n\t\t\t}}\n\t\t\tonSubmit={onSubmit}\n\t\t\tvalidationSchema={validationSchema}\n\t\t>\n\t\t\t{(formikProps: FormikProps<IFormValues>) => <>\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<FormikField\n\t\t\t\t\t\ttitle=\"Full Name*\"\n\t\t\t\t\t\tfieldName=\"fullName\"\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<FormikField\n\t\t\t\t\t\ttitle=\"Email*\"\n\t\t\t\t\t\tfieldName=\"email\"\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<FormikField\n\t\t\t\t\t\ttitle=\"Subject\"\n\t\t\t\t\t\tfieldName=\"subject\"\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<FormikField\n\t\t\t\t\t\ttitle=\"Message*\"\n\t\t\t\t\t\tfieldName=\"message\"\n\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-12\"\n\t\t\t\t\t\trender={({ field }) =>\n\t\t\t\t\t\t\t<Input.TextArea\n\t\t\t\t\t\t\t\tclassName=\"form-control input-textarea\"\n\t\t\t\t\t\t\t\tstyle={{ minHeight: '68px', resize: 'none' }}\n\t\t\t\t\t\t\t\tautoSize={{ minRows: 3, maxRows: 10 }}\n\t\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"mb10 text-center\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName=\"btn btn-sm btn-primary\"\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tonClick={() => formikProps.handleSubmit()}\n\t\t\t\t\t>\n\t\t\t\t\t\tSend Message\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t\t{error && <div className=\"alert alert-danger\">{error}</div>}\n\t\t\t</>}\n\t\t</Formik>\n\t</>;\n};\n\nexport default ContactSupport;\n","import * as React from 'react';\n\nimport ContactSupportForm from '@app/components/Pages/ContactSupport/ContactSupportForm';\nimport '@app/scss/pages/contactSupport.scss';\nimport '@app/scss/pages/login.scss';\n\nconst ContactSupport: React.FC = () => {\n\treturn <>\n\t\t<div className=\"enter-page portal-form-center\">\n\t\t\t<div className=\"enter-page__form general-form\">\n\t\t\t\t<div className=\"enter-page__container\">\n\t\t\t\t\t<div className=\"site-headline text-center\">\n\t\t\t\t\t\t<h1>Contact Us</h1>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"support-form-container\">\n\t\t\t\t\t\t<ContactSupportForm />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</>;\n};\n\nexport default ContactSupport;\n"],"names":["validationSchema","Yup","shape","fullName","simpleStringValidator","email","emailValidator","message","React","isLoading","setIsLoading","error","setError","useApplicationContext","request","user","getUser","Formik","initialValues","firstName","lastName","subject","onSubmit","values","formikHelpers","then","Message","resetForm","err","formikProps","className","FormikField","title","fieldName","containerClassName","render","field","style","minHeight","resize","autoSize","minRows","maxRows","Button","type","onClick","handleSubmit","ContactSupportForm"],"sourceRoot":""}