{"version":3,"sources":["webpack:///./src/pages/contact.js"],"names":["SignUpPage","t","useTranslation","firstName","useField","validateFirstName","lastName","validateLastName","email","validateEmail","phone","validatePhone","message","allFields","globalError","setGlobalError","useState","sending","setSending","sent","setSent","sendMessage","homepage","sendContact","contactName","i18nKey","React","createElement","SignUpLayout","SEO","title","className","Trans","SuccessCircle","Link","to","Field","label","field","id","autoComplete","placeholder","TextareaField","ErrorRenderer","errorMessage","disabled","some","Boolean","validator","onClick","apply","_toConsumableArray","map","value"],"mappings":"8NA2IeA,UA3HIA,KACjB,MAAM,EAAEC,GAAMC,2BAERC,EAAYC,YAAS,GAAIC,KACzBC,EAAWF,YAAS,GAAIG,KACxBC,EAAQJ,YAAS,GAAIK,KACrBC,EAAQN,YAAS,GAAIO,KACrBC,EAAUR,YAAS,GAAI,IAAM,MAE7BS,EAAY,CAACV,EAAWG,EAAUE,EAAOE,EAAOE,IAEhD,EAACE,EAAY,EAACC,GAAkBC,mBAAS,OACzC,EAACC,EAAQ,EAACC,GAAcF,oBAAS,IACjC,EAACG,EAAK,EAACC,GAAWJ,oBAAS,GAE3BK,EAAcA,CAAClB,EAAWG,EAAUE,EAAOE,EAAOE,KACtDM,GAAW,GAGXI,IAASC,YACP,CACEC,YAAgBrB,EAAS,IAAIG,EAC7BE,QACAE,QACAE,WAEF,KACEM,GAAW,GACXE,GAAQ,IAEV,KACEF,GAAW,GACXH,EAAe,CAAEU,QAAS,wCAKhC,OACEC,IAAAC,cAACC,IAAY,KACXF,IAAAC,cAACE,IAAG,CAACC,MAAO7B,EAAE,wBACZkB,EAwDAO,IAAAC,cAAA,OAAKI,UAAU,2BACbL,IAAAC,cAAA,OAAKI,UAAU,uBACbL,IAAAC,cAACK,QAAK,CAACP,QAAQ,2BAEjBC,IAAAC,cAAA,UACED,IAAAC,cAACK,QAAK,CAACP,QAAQ,6BAGjBC,IAAAC,cAAA,OAAKI,UAAU,qBACbL,IAAAC,cAACM,IAAa,OAGhBP,IAAAC,cAAA,KAAGI,UAAU,wBACXL,IAAAC,cAACK,QAAK,CAACP,QAAQ,+BAGjBC,IAAAC,cAAA,KAAGI,UAAU,mBACXL,IAAAC,cAACO,OAAI,CAACC,GAAG,IAAIJ,UAAU,WACrBL,IAAAC,cAACK,QAAK,CAACP,QAAQ,+BAzErBC,IAAAC,cAAA,OAAKI,UAAU,2BACbL,IAAAC,cAAA,OAAKI,UAAU,uBACbL,IAAAC,cAACK,QAAK,CAACP,QAAQ,iBAEjBC,IAAAC,cAAA,UACED,IAAAC,cAACK,QAAK,CAACP,QAAQ,mBAGjBC,IAAAC,cAAA,OAAKI,UAAU,iBACbL,IAAAC,cAACS,IAAK,CACJC,MAAOpC,EAAE,4BACTqC,MAAOnC,EACPoC,GAAG,aACHC,aAAa,aACbC,YAAaxC,EAAE,oCAEjByB,IAAAC,cAACS,IAAK,CACJC,MAAOpC,EAAE,2BACTqC,MAAOhC,EACPiC,GAAG,YACHC,aAAa,aACbC,YAAaxC,EAAE,oCAInByB,IAAAC,cAACS,IAAK,CACJC,MAAOpC,EAAE,uBACTqC,MAAO9B,EACP+B,GAAG,QACHC,aAAa,QACbC,YAAaxC,EAAE,+BAGjByB,IAAAC,cAACS,IAAK,CACJC,MAAOpC,EAAE,uBACTqC,MAAO5B,EACP6B,GAAG,QACHC,aAAa,MACbC,YAAaxC,EAAE,+BAGjByB,IAAAC,cAACe,IAAa,CAACL,MAAOpC,EAAE,yBAA0BqC,MAAO1B,IAEzDc,IAAAC,cAACgB,IAAa,CAACC,aAAc9B,IAE7BY,IAAAC,cAAA,KAAGI,UAAU,mBACXL,IAAAC,cAAA,UACEI,UAAS,YAAad,EAAU,kBAAoB,IACpD4B,SAAUhC,EAAUiC,KAAKR,GAASS,QAAQT,EAAMU,cAChDC,QAASA,IAAM5B,EAAW6B,WAAC,EAADC,YAAItC,EAAUuC,IAAId,GAASA,EAAMe,UAC3D3B,IAAAC,cAACK,QAAK,CAACP,QAAQ","file":"component---src-pages-contact-js-d629803def7e33ad8f13.js","sourcesContent":["import React, { useState } from \"react\";\nimport { graphql } from \"gatsby\";\n\nimport SEO from \"../components/SEO\";\nimport SignUpLayout from \"../components/SignUpLayout\";\nimport { Link, Trans, useTranslation } from \"gatsby-plugin-react-i18next\";\nimport { ErrorRenderer, Field, TextareaField, useField } from \"../components/sign-up/common\";\nimport {\n  validateFirstName,\n  validateLastName,\n  validateEmail,\n  validatePhone,\n} from \"../components/sign-up/CoordPart.js\";\nimport homepage from \"../lib/homepage\";\nimport { SuccessCircle } from \"../components/svg-assets/Icons\";\n\nconst SignUpPage = () => {\n  const { t } = useTranslation();\n\n  const firstName = useField(\"\", validateFirstName);\n  const lastName = useField(\"\", validateLastName);\n  const email = useField(\"\", validateEmail);\n  const phone = useField(\"\", validatePhone);\n  const message = useField(\"\", () => null);\n\n  const allFields = [firstName, lastName, email, phone, message];\n\n  const [globalError, setGlobalError] = useState(null);\n  const [sending, setSending] = useState(false);\n  const [sent, setSent] = useState(false);\n\n  const sendMessage = (firstName, lastName, email, phone, message) => {\n    setSending(true);\n\n    // Actually send the message\n    homepage.sendContact(\n      {\n        contactName: `${firstName} ${lastName}`,\n        email,\n        phone,\n        message,\n      },\n      () => {\n        setSending(false);\n        setSent(true);\n      },\n      () => {\n        setSending(false);\n        setGlobalError({ i18nKey: \"contact.errors.generic-api-error\" });\n      }\n    );\n  };\n\n  return (\n    <SignUpLayout>\n      <SEO title={t(\"contact.html-title\")} />\n      {!sent ? (\n        <div className=\"su-main fl-blue-context\">\n          <div className=\"fl-tag fl-naked-tag\">\n            <Trans i18nKey=\"contact.tag\" />\n          </div>\n          <h2>\n            <Trans i18nKey=\"contact.title\" />\n          </h2>\n\n          <div className=\"su-two-fields\">\n            <Field\n              label={t(\"contact.first-name.label\")}\n              field={firstName}\n              id=\"first-name\"\n              autoComplete=\"given-name\"\n              placeholder={t(\"contact.first-name.placeholder\")}\n            />\n            <Field\n              label={t(\"contact.last-name.label\")}\n              field={lastName}\n              id=\"last-name\"\n              autoComplete=\"given-name\"\n              placeholder={t(\"contact.last-name.placeholder\")}\n            />\n          </div>\n\n          <Field\n            label={t(\"contact.email.label\")}\n            field={email}\n            id=\"email\"\n            autoComplete=\"email\"\n            placeholder={t(\"contact.email.placeholder\")}\n          />\n\n          <Field\n            label={t(\"contact.phone.label\")}\n            field={phone}\n            id=\"phone\"\n            autoComplete=\"tel\"\n            placeholder={t(\"contact.phone.placeholder\")}\n          />\n\n          <TextareaField label={t(\"contact.message.label\")} field={message} />\n\n          <ErrorRenderer errorMessage={globalError} />\n\n          <p className=\"su-next-wrapper\">\n            <button\n              className={`su-next ${sending ? \"su-next--saving\" : \"\"}`}\n              disabled={allFields.some(field => Boolean(field.validator()))}\n              onClick={() => sendMessage(...allFields.map(field => field.value))}>\n              <Trans i18nKey=\"contact.send\" />\n            </button>\n          </p>\n        </div>\n      ) : (\n        <div className=\"su-main fl-blue-context\">\n          <div className=\"fl-tag fl-naked-tag\">\n            <Trans i18nKey=\"contact.thank-you.tag\" />\n          </div>\n          <h2>\n            <Trans i18nKey=\"contact.thank-you.title\" />\n          </h2>\n\n          <div className=\"su-success-circle\">\n            <SuccessCircle />\n          </div>\n\n          <p className=\"su-thank-you-message\">\n            <Trans i18nKey=\"contact.thank-you.message\" />\n          </p>\n\n          <p className=\"su-next-wrapper\">\n            <Link to=\"/\" className=\"su-next\">\n              <Trans i18nKey=\"sign-up.back-to-website\" />\n            </Link>\n          </p>\n        </div>\n      )}\n    </SignUpLayout>\n  );\n};\n\nexport default SignUpPage;\n\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(filter: { language: { eq: $language } }) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}