{"version":3,"file":"component---src-pages-forgot-password-tsx-c0932f5d05207feca6fc.js","mappings":"0QAcA,MAAMA,EAA0BC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0CAAAC,YAAA,YAAVJ,CAAU,+GASpCK,EAAqBA,KACzB,MAAM,EAACC,EAAM,EAACC,IAAYC,EAAAA,EAAAA,UAAiB,KACpCC,EAASC,IAAiBC,EAAAA,EAAAA,OAC3B,EAACC,EAAQ,EAACC,IAAcL,EAAAA,EAAAA,UAC5B,yDAEI,EAACM,EAAS,EAACC,IAAeP,EAAAA,EAAAA,WAAS,GAezC,OACEQ,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,WAAMJ,IACJE,GACAE,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,GAAY,CACXC,MAAOZ,EACPa,SAAWC,IACTb,EAASa,EAAEC,OAAOH,MAAM,EAE1BI,YAAa,UAEfN,EAAAA,cAACO,EAAAA,EAAM,CAACC,QAzBMJ,IACpBA,EAAEK,iBACF,WACE,IAAIC,OChCV,OAAeC,IACb,IACE,MAAMD,QAAYE,MACbC,EAAAA,GAAM,6BAA6BC,mBAAmBxB,IAG3D,aADmBoB,EAAIK,MAEzB,CAAE,MAAOC,GACP,OAAOA,CACT,CACD,EDsBqBC,CAAe3B,GAC1BoB,EAAIQ,SAGPrB,EAAW,iDACXE,GAAY,IAHZL,EAAcgB,EAAIS,OAKrB,EARD,EAQI,EAeiCC,MAAO,CAAEC,UAAW,eAAgB,mBAKtE,EAmBP,MAfuBC,IAEnBtB,EAAAA,cAACuB,EAAAA,GAAY,KACXvB,EAAAA,cAACwB,EAAAA,GAAQ,KACPxB,EAAAA,cAACyB,EAAAA,GAAU,KAAC,kBACZzB,EAAAA,cAAC0B,EAAAA,GAAY,KACX1B,EAAAA,cAACjB,EAAuB,KACtBiB,EAAAA,cAACX,EAAkB,UEzD/B,MAT2BsC,IAEvB3B,EAAAA,cAAC4B,EAAAA,EAAM,CAACC,UAAU,GAChB7B,EAAAA,cAAC8B,EAAAA,EAAG,CAACC,MAAM,oBACX/B,EAAAA,cAACsB,EAAc,M","sources":["webpack://marine-debris-tracker/./src/components/AuthComponents/ForgotPassword/ForgotPassword.tsx","webpack://marine-debris-tracker/./src/mdtApi/sendResetEmail.ts","webpack://marine-debris-tracker/./src/pages/forgot-password.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  DefaultInput,\n  MDTModal,\n  ModalContent,\n  ModalTitle,\n  ModalWrapper,\n} from \"../../../styles/StyledComponents\";\nimport Button from \"../../Button/Button\";\nimport styled from \"styled-components\";\nimport { useState } from \"react\";\nimport { useWarning } from \"../../../util/hooks\";\nimport sendResetEmail from \"../../../mdtApi/sendResetEmail\";\n\nconst ForgotPasswordContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  @media only screen and (max-width: 768px) {\n    width: 67%;\n    padding-left: 30px;\n  }\n`;\n\nconst ForgotPasswordForm = () => {\n  const [email, setEmail] = useState<string>(\"\");\n  const [warning, createWarning] = useWarning();\n  const [content, setContent] = useState(\n    \"Enter your email to send a reset verification email.\"\n  );\n  const [hideForm, setHideForm] = useState(false);\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    (async () => {\n      let res = await sendResetEmail(email);\n      if (!res.success) {\n        createWarning(res.reason);\n      } else {\n        setContent(\"Success! Check your email for the reset link.\");\n        setHideForm(true);\n      }\n    })();\n  };\n\n  return (\n    <>\n      <div>{content}</div>\n      {!hideForm && (\n        <>\n          <DefaultInput\n            value={email}\n            onChange={(e) => {\n              setEmail(e.target.value);\n            }}\n            placeholder={\"Email\"}\n          />\n          <Button onClick={handleSubmit} style={{ alignSelf: \"flex-start\" }}>\n            Reset Password\n          </Button>\n        </>\n      )}\n    </>\n  );\n};\n\nconst ForgotPassword = () => {\n  return (\n    <ModalWrapper>\n      <MDTModal>\n        <ModalTitle>Reset Password</ModalTitle>\n        <ModalContent>\n          <ForgotPasswordContainer>\n            <ForgotPasswordForm />\n          </ForgotPasswordContainer>\n        </ModalContent>\n      </MDTModal>\n    </ModalWrapper>\n  );\n};\n\nexport default ForgotPassword;\n","import { apiUrl } from \"../util/urls\";\n\nexport default async (email) => {\n  try {\n    const res = await fetch(\n      `${apiUrl}/sendResetEmail.php?email=${encodeURIComponent(email)}`\n    );\n    const data = await res.json();\n    return data;\n  } catch (err) {\n    return err;\n  }\n};\n","import * as React from \"react\";\n\nimport Layout from \"../components/Layout/Layout\";\nimport Seo from \"../components/seo\";\nimport ForgotPassword from \"../components/AuthComponents/ForgotPassword/ForgotPassword\";\n\nconst ForgotPasswordPage = () => {\n  return (\n    <Layout vertical={true}>\n      <Seo title=\"Forgot Password\" />\n      <ForgotPassword />\n    </Layout>\n  );\n};\n\nexport default ForgotPasswordPage;\n"],"names":["ForgotPasswordContainer","styled","div","withConfig","displayName","componentId","ForgotPasswordForm","email","setEmail","useState","warning","createWarning","useWarning","content","setContent","hideForm","setHideForm","React","DefaultInput","value","onChange","e","target","placeholder","Button","onClick","preventDefault","res","async","fetch","apiUrl","encodeURIComponent","json","err","sendResetEmail","success","reason","style","alignSelf","ForgotPassword","ModalWrapper","MDTModal","ModalTitle","ModalContent","ForgotPasswordPage","Layout","vertical","Seo","title"],"sourceRoot":""}