{"version":3,"sources":["services/VerifyApi.ts","common/utils/useForm.tsx","common/utils/validationRules.ts","components/Block/styles.ts","components/Block/index.tsx","common/Input/styles.ts","common/TextArea/styles.tsx","common/Input/index.tsx","common/TextArea/index.tsx","components/ContactForm/styles.ts","components/ContactForm/index.tsx"],"names":["VerifyApi","verify","token","a","opts","method","headers","Fetcher","res","useForm","validate","useState","values","setValues","errors","setErrors","shouldSubmit","setShouldSubmit","init","process","useEffect","Object","keys","length","notification","message","description","handleChange","event","persist","target","name","value","handleSubmit","preventDefault","val","JSON","stringify","window","grecaptcha","ready","execute","action","then","console","log","undefined","emailjs","send","from_name","to_name","reply_to","email","result","error","text","submitWithToken","test","Content","styled","Container","TextWrapper","withTranslation","title","content","t","StyledInput","StyledContainer","StyledTextArea","Label","placeholder","onChange","htmlFor","id","ContactContainer","FormGroup","Span","ButtonContainer","ValidationType","type","ErrorMessage","direction","erros","justify","align","lg","md","sm","xs","autoComplete","onSubmit","span","Button"],"mappings":"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","file":"static/js/5.dbe005c3.chunk.js","sourcesContent":["import Fetcher from \"./Fetcher\";\r\n\r\ninterface VerifyProps {\r\n verify: (token: string) => Promise\r\n}\r\n\r\nconst VerifyApi: VerifyProps = {\r\n verify: async (token: string): Promise => {\r\n const resource = `/api/Verify`;\r\n const opts = { method: \"GET\", headers: { token: token } };\r\n\r\n const res = await Fetcher(resource, opts)\r\n return res;\r\n }\r\n}\r\n\r\nexport default VerifyApi;","import { useState, useEffect } from \"react\";\r\nimport { notification } from \"antd\";\r\nimport emailjs, { init } from \"emailjs-com\";\r\nimport VerifyApi from \"../../services/VerifyApi\";\r\n\r\nexport const useForm = (validate: any) => {\r\n const [values, setValues] = useState({});\r\n const [errors, setErrors] = useState({});\r\n const [shouldSubmit, setShouldSubmit] = useState(false);\r\n \r\n init(process.env.REACT_APP_EMAILJS_USER!);\r\n\r\n const openNotificationWithIcon = () => {\r\n notification[\"success\"]({\r\n message: \"Success\",\r\n description: \"Your message has been sent!\",\r\n });\r\n };\r\n\r\n const submitWithToken = (token: string) => {\r\n VerifyApi.verify(token)\r\n .then((res) => {\r\n console.log(res)\r\n if (res === undefined) return; // captcha failed; silence return and don't submit form\r\n emailjs\r\n .send(\r\n process.env.REACT_APP_EMAILJS_SERVICE!, \r\n process.env.REACT_APP_EMAILJS_TEMPLATE!, \r\n {\r\n from_name: values.name,\r\n to_name: \"Askrias\",\r\n message: values.message,\r\n reply_to: values.email\r\n }\r\n )\r\n .then(\r\n (result) => {\r\n setShouldSubmit(true);\r\n setValues({});\r\n },\r\n (error) => {\r\n console.error(error.text);\r\n }\r\n );\r\n });;\r\n }\r\n\r\n const handleSubmit = (event: React.ChangeEvent) => {\r\n event.preventDefault();\r\n\r\n const val = validate(values);\r\n setErrors(val);\r\n // if error don't email\r\n if (JSON.stringify(val) !== JSON.stringify({})) return;\r\n\r\n window.grecaptcha.ready(() => {\r\n window.grecaptcha\r\n .execute(process.env.REACT_APP_SITE_KEY, { action: \"contact\" })\r\n .then((token: string) => {\r\n submitWithToken(token);\r\n });\r\n });\r\n };\r\n\r\n const handleChange = (event: React.ChangeEvent) => {\r\n event.persist();\r\n setValues((values: any) => ({\r\n ...values,\r\n [event.target.name]: event.target.value,\r\n }));\r\n setErrors((errors) => ({ ...errors, [event.target.name]: \"\" }));\r\n };\r\n\r\n useEffect(() => {\r\n if (Object.keys(errors).length === 0 && shouldSubmit) {\r\n setValues(\"\");\r\n openNotificationWithIcon();\r\n }\r\n }, [errors, shouldSubmit]);\r\n\r\n return {\r\n handleChange,\r\n handleSubmit,\r\n values,\r\n errors,\r\n };\r\n};\r\n","import { validateProps } from \"../../common/types\";\r\n\r\nexport default function validate(values: validateProps) {\r\n let errors = {} as validateProps;\r\n\r\n if (!values.name) {\r\n errors.name = \"Name is required\";\r\n }\r\n if (!values.email) {\r\n errors.email = \"Email address is required\";\r\n } else if (!/\\S+@\\S+\\.\\S+/.test(values.email)) {\r\n errors.email = \"Email address is invalid\";\r\n }\r\n if (!values.message) {\r\n errors.message = \"Message is required\";\r\n }\r\n return errors;\r\n}\r\n","import styled from \"styled-components\";\r\n\r\nexport const Content = styled(\"p\")`\r\n margin-top: 1.5rem;\r\n`;\r\n\r\nexport const Container = styled(\"div\")`\r\n position: relative;\r\n max-width: 700px;\r\n`;\r\n\r\nexport const TextWrapper = styled(\"div\")`\r\n border-radius: 3rem;\r\n max-width: 400px;\r\n`;\r\n","import { withTranslation } from \"react-i18next\";\r\nimport { Container, TextWrapper, Content } from \"./styles\";\r\n\r\ninterface Props {\r\n title: string;\r\n content: string;\r\n t: any;\r\n}\r\n\r\nconst Block = ({ title, content, t }: Props) => {\r\n return (\r\n \r\n
{t(title)}
\r\n \r\n {t(content)}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Block);\r\n","import styled from \"styled-components\";\r\n\r\nexport const Container = styled(\"div\")`\r\n display: inline-block;\r\n width: 100%;\r\n padding: 10px 5px;\r\n`;\r\n\r\nexport const StyledInput = styled(\"input\")`\r\n font-size: 0.875rem;\r\n`;\r\n","import styled from \"styled-components\";\r\n\r\nexport const StyledContainer = styled(\"div\")`\r\n display: inline-block;\r\n width: 100%;\r\n padding: 10px 5px;\r\n margin-bottom: -0.625rem;\r\n`;\r\n\r\nexport const StyledTextArea = styled(\"textarea\")`\r\n resize: none;\r\n font-size: 0.875rem;\r\n height: 185px;\r\n`;\r\n\r\nexport const Label = styled(\"label\")`\r\n display: block;\r\n padding-bottom: 10px;\r\n text-transform: capitalize;\r\n`;\r\n","import { withTranslation } from \"react-i18next\";\r\nimport { Container, StyledInput } from \"./styles\";\r\nimport { Label } from \"../TextArea/styles\";\r\nimport { InputProps } from \"../types\";\r\n\r\nconst Input = ({ name, placeholder, onChange, t }: InputProps) => (\r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default withTranslation()(Input);\r\n","import { withTranslation } from \"react-i18next\";\r\nimport { StyledTextArea, StyledContainer, Label } from \"./styles\";\r\nimport { InputProps } from \"../types\";\r\n\r\nconst TextArea = ({ name, placeholder, onChange, t }: InputProps) => (\r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default withTranslation()(TextArea);\r\n","import styled from \"styled-components\";\r\n\r\nexport const ContactContainer = styled(\"div\")`\r\n padding: 5rem 0;\r\n\r\n @media only screen and (max-width: 1024px) {\r\n padding: 3rem 0;\r\n }\r\n`;\r\n\r\nexport const FormGroup = styled(\"form\")`\r\n width: 100%;\r\n max-width: 520px;\r\n\r\n input:focus {\r\n color: #fff\r\n }\r\n textarea:focus {\r\n color: #fff\r\n }\r\n label {\r\n color: #fff\r\n }\r\n\r\n @media only screen and (max-width: 1045px) {\r\n max-width: 100%;\r\n margin-top: 2rem;\r\n }\r\n`;\r\n\r\nexport const Span = styled(\"span\")`\r\n display: block;\r\n font-weight: 600;\r\n color: rgb(255, 130, 92);\r\n height: 0.775rem;\r\n padding: 0 0.675rem;\r\n`;\r\n\r\nexport const ButtonContainer = styled(\"div\")`\r\n text-align: end;\r\n position: relative;\r\n\r\n @media only screen and (max-width: 414px) {\r\n padding-top: 0.75rem;\r\n }\r\n`;\r\n","import { Row, Col } from \"antd\";\r\nimport { withTranslation } from \"react-i18next\";\r\nimport { Slide, Zoom } from \"react-awesome-reveal\";\r\nimport { ContactProps, ValidationTypeProps } from \"./types\";\r\nimport { useForm } from \"../../common/utils/useForm\";\r\nimport validate from \"../../common/utils/validationRules\";\r\nimport { Button } from \"../../common/Button\";\r\nimport Block from \"../Block\";\r\nimport Input from \"../../common/Input\";\r\nimport TextArea from \"../../common/TextArea\";\r\nimport { ContactContainer, FormGroup, Span, ButtonContainer } from \"./styles\";\r\n\r\nconst Contact = ({ title, content, id, t }: ContactProps) => {\r\n const { values, errors, handleChange, handleSubmit } = useForm(\r\n validate\r\n ) as any;\r\n\r\n const ValidationType = ({ type }: ValidationTypeProps) => {\r\n const ErrorMessage = errors[type];\r\n return (\r\n \r\n {ErrorMessage}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Contact);\r\n"],"sourceRoot":""}