{"version":3,"sources":["webpack:///./src/pages/pbc-ft-formulario-oci.tsx"],"names":["request","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","url","_temp","_ref2","_ref2$method","method","headers","body","res","result","wrap","_context","prev","next","Object","assign","fetch","JSON","stringify","undefined","sent","json","ok","Error","statusText","abrupt","stop","_x","_x2","apply","arguments","Page","t","useI18next","captchaRef","useRef","_useState","useState","isSubmitted","setSubmitted","useEffect","current","setTimeout","iframe","captcha","getElementsByTagName","tabIndex","handleSubmit","_ref5","_callee2","_ref3","_ref4","internal","details","recaptchaToken","setSubmitting","setErrors","_context2","t0","message","_x3","_x4","validationSchema","yup","shape","required","React","createElement","Article","style","minHeight","SEO","title","Trans","parent","fontSize","Formik","initialValues","onSubmit","_ref6","isSubmitting","setFieldValue","e","preventDefault","execute","SelectField","name","value","Field","as","rows","placeholder","ReCAPTCHA","ref","sitekey","tabindex","size","onErrored","onExpired","onChange","_captchaRef$current","reset","Button","type","variant","block","loading","query","id","source","toString","this"],"mappings":"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","file":"component---src-pages-pbc-ft-formulario-oci-tsx-208d4fbaa8c711385800.js","sourcesContent":["// i18next-extract-mark-ns-start pbc-ft-formulario-oci\n\nimport {Article} from 'components/Article';\nimport {Button} from 'components/Button';\nimport {Field, SelectField} from 'components/Field';\nimport {SEO} from 'components/SEO';\nimport {Formik, FormikHelpers} from 'formik';\nimport {graphql, PageProps} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\nimport React, {useEffect, useRef, useState} from 'react';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport * as yup from 'yup';\n\ntype FormValues = {\n  internal: string;\n  details: string;\n  recaptchaToken: string;\n};\n\ntype RequestParams = {\n  method?: string;\n  headers?: any;\n  body?: any;\n};\nconst request = async (url: string, {method = 'GET', headers, body}: RequestParams = {}) => {\n  if (method === 'POST') headers = {'Content-Type': 'application/json', ...headers};\n  const res = await fetch(url, {\n    method,\n    headers,\n    body: body ? JSON.stringify(body) : undefined\n  });\n  const result = await res.json();\n  if (!res.ok) throw result || new Error(res.statusText);\n  return result;\n};\n\nconst Page: React.FC = () => {\n  const {t} = useI18next();\n  const captchaRef = useRef<ReCAPTCHA | null>(null);\n  const [isSubmitted, setSubmitted] = useState(false);\n\n  useEffect(() => {\n    if (!captchaRef.current) return;\n    setTimeout(() => {\n      // @ts-ignore\n      const container: HTMLDivElement = captchaRef.current.captcha;\n      const iframe = container.getElementsByTagName('iframe')[0];\n      if (!iframe) return;\n      iframe.tabIndex = -1;\n    }, 500);\n  }, []);\n\n  const handleSubmit = async (\n    {internal, details, recaptchaToken}: FormValues,\n    {setSubmitting, setErrors}: FormikHelpers<FormValues>\n  ) => {\n    try {\n      await request('https://api.monei.com/report-violation', {\n        method: 'POST',\n        body: {\n          internal: internal === 'true',\n          details,\n          recaptchaToken\n        }\n      });\n      setSubmitting(false);\n      setSubmitted(true);\n    } catch (error) {\n      setSubmitting(false);\n      setErrors({details: error.message});\n    }\n  };\n\n  const validationSchema = yup.object().shape({\n    details: yup.string().required(t('please provide violation details'))\n  });\n\n  return (\n    <Article style={{minHeight: 1000}}>\n      <SEO title={t('Report PBC/FT Regulatory Violation')} />\n      <Trans parent=\"h1\" style={{fontSize: 30}}>\n        Report PBC/FT Regulatory Violation\n      </Trans>\n      {isSubmitted ? (\n        <Trans parent=\"p\">Your report has been accepted. Thank you!</Trans>\n      ) : (\n        <Formik\n          initialValues={{internal: 'false', details: '', recaptchaToken: ''}}\n          validationSchema={validationSchema}\n          onSubmit={handleSubmit}>\n          {({isSubmitting, setSubmitting, handleSubmit, setFieldValue}) => (\n            <form\n              onSubmit={(e) => {\n                e.preventDefault();\n                if (!captchaRef.current) return;\n                captchaRef.current.execute();\n              }}>\n              <SelectField name=\"internal\">\n                <option value=\"false\">\n                  <Trans>PBC/FT Regulatory Violation</Trans>\n                </option>\n                <option value=\"true\">\n                  <Trans>Internal Regulatory Violation PBC/FT MONEI</Trans>\n                </option>\n              </SelectField>\n              <Field as=\"textarea\" name=\"details\" rows=\"5\" placeholder={t('Violation details (If internal, please provide employee name)')} />\n              <ReCAPTCHA\n                ref={captchaRef}\n                sitekey={'6LejBMYUAAAAAIqU0f3BtAMzBqy70HIIbUuKjqvT'}\n                tabindex={-1}\n                size=\"invisible\"\n                onErrored={() => {\n                  setSubmitting(false);\n                }}\n                onExpired={() => {\n                  setSubmitting(false);\n                }}\n                onChange={(captcha) => {\n                  setFieldValue('recaptchaToken', captcha);\n                  handleSubmit();\n                  captchaRef?.current?.reset();\n                }}\n              />\n              <Button type=\"submit\" variant=\"light\" block loading={isSubmitting}>\n                <Trans>Submit report</Trans>\n              </Button>\n            </form>\n          )}\n        </Formik>\n      )}\n    </Article>\n  );\n};\n\nexport default Page;\n\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"pbc-ft-formulario-oci\"]}, language: {eq: $language}}\n    ) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}