{"version":3,"sources":["webpack:///./src/pages/newsletter.js"],"names":["NewsletterPage","useState","error","setError","activeForm","useRef","seo","title","description","src","async","defer","maxW","mx","my","px","minH","align","justify","direction","mb","as","Link","to","textAlign","className","action","method","ref","onSubmit","form","current","setTimeout","querySelectorAll","length","target","style","id","rel","marginBottom","htmlFor","name","width","defaultValue","type","data-theme","data-size","data-sitekey","href"],"mappings":"2FAAA,gIAiKeA,UAzJQ,WACrB,IAD2B,EAODC,oBAAS,GAA5BC,EAPoB,KAObC,EAPa,KAQrBC,EAAaC,iBAAO,MAY1B,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,IArBG,CACVC,MAAO,aACPC,YACE,qKAmBA,kBAAC,IAAD,KACE,4BAAQC,IAAI,0CAA0CC,OAAK,EAACC,OAAK,KAEnE,kBAAC,IAAD,CAAKC,KAAK,MAAMC,GAAG,OAAOC,GAAG,KAAKC,GAAG,KAClCb,EACC,kBAAC,IAAD,CAAMc,KAAK,OAAOC,MAAM,SAASC,QAAQ,SAASC,UAAU,UAC1D,kBAAC,IAAD,CAASC,GAAG,MAAZ,4BACA,kBAAC,IAAD,CAAQC,GAAIC,OAAMC,GAAG,KAArB,0BAKF,oCACE,kBAAC,IAAD,CAAKC,UAAU,SAASJ,GAAG,KACzB,kBAAC,IAAD,CAASA,GAAG,KAAZ,0BACA,kBAAC,IAAD,2PAG2D,yDAH3D,yLAME,6BANF,iDASF,0BACEK,UAAU,8BACVC,OAAO,oDACPC,OAAO,OACPC,IAAKxB,EACLyB,SA1CZ,WACE,IAAIC,EAAO1B,EAAW2B,QAEtBC,YAAW,YACQF,EAAKG,iBAAiB,sBAE3BC,OAAS,EAAI/B,GAAS,GAAQA,GAAS,KAClD,MAoCOgC,OAAO,UACP,yBAAKV,UAAU,mCACb,yBAAKA,UAAU,eAAeW,MAAO,CAAEZ,UAAW,UAElD,yBAAKC,UAAU,mBAAmBW,MAAO,CAAEZ,UAAW,SACpD,yBACEa,GAAG,UACHC,IAAI,SACJb,UAAU,mCACVW,MAAO,CAAEG,aAAc,IACvB,2BAAOC,QAAQ,iBAAiBf,UAAU,YAA1C,WAGA,4BAAQY,GAAG,iBAAiBZ,UAAU,UAAUgB,KAAK,UAAUL,MAAO,CAAEM,MAAO,SAC7E,4BAAQC,aAAa,QAArB,QAEA,4BAAQA,aAAa,QAArB,UAGJ,yBACEN,GAAG,UACHC,IAAI,OACJb,UAAU,mCACVW,MAAO,CAAEG,aAAc,IACvB,2BAAOC,QAAQ,cAAcf,UAAU,YAAvC,YAGA,2BACEY,GAAG,cACHI,KAAK,UACLG,KAAK,OACLD,aAAa,GACbP,MAAO,CAAEM,MAAO,WAGpB,yBACEL,GAAG,UACHC,IAAI,OACJb,UAAU,mCACVW,MAAO,CAAEG,aAAc,IACvB,2BAAOC,QAAQ,cAAcf,UAAU,YAAvC,aAGA,2BACEY,GAAG,cACHI,KAAK,UACLG,KAAK,OACLD,aAAa,GACbP,MAAO,CAAEM,MAAO,WAGpB,yBACEL,GAAG,UACHC,IAAI,QACJb,UAAU,mCACVW,MAAO,CAAEG,aAAc,IACvB,2BAAOC,QAAQ,cAAcf,UAAU,YAAvC,WAGA,2BACEY,GAAG,cACHI,KAAK,QACLE,aAAa,GACbC,KAAK,OACLR,MAAO,CAAEM,MAAO,WAGpB,yBAAKL,GAAG,UAAUC,IAAI,YAAYb,UAAU,oCAC1C,6BACA,yBACEY,GAAG,sBACHZ,UAAU,cACVoB,aAAW,QACXC,YAAU,SACVC,eAAa,6CACf,8BAEF,yBACEV,GAAG,UACHC,IAAI,SACJb,UAAU,2CACVW,MAAO,CAAEZ,UAAW,SAAUe,aAAc,IAC5C,kBAAC,IAAD,CAAQK,KAAK,SAASnB,UAAU,aAAhC,cAMJ,kCACE,uBAAGuB,KAAK,6BAAR,8B","file":"component---src-pages-newsletter-js-4fc75ac4c969785bfa2c.js","sourcesContent":["import React, { useState, useRef } from \"react\"\nimport { Link } from \"gatsby\"\nimport { Button, Layout, SEO } from \"../components\"\nimport { Helmet } from \"react-helmet\"\n\nimport \"../../static/form.css\"\nimport { Box, Flex, Heading, Text } from \"@chakra-ui/core\"\n\nconst NewsletterPage = () => {\n  const seo = {\n    title: \"Newsletter\",\n    description:\n      \"Abonnieren Sie einfach unseren Hamburg Konvent Newsletter - mit aktuellen Informationen, spannenden Hinweisen und interessanten Positionen zu Hamburgs Zukunft.\",\n  }\n\n  const [error, setError] = useState(false)\n  const activeForm = useRef(null)\n\n  function submitHandler() {\n    let form = activeForm.current\n\n    setTimeout(() => {\n      let formErrors = form.querySelectorAll(\".clever_form_error\")\n\n      !formErrors.length > 0 ? setError(true) : setError(false)\n    }, 500)\n  }\n\n  return (\n    <Layout>\n      <SEO seo={seo} />\n      <Helmet>\n        <script src=\"https://www.google.com/recaptcha/api.js\" async defer></script>\n      </Helmet>\n      <Box maxW=\"3xl\" mx=\"auto\" my=\"10\" px=\"4\">\n        {error ? (\n          <Flex minH=\"60vh\" align=\"center\" justify=\"center\" direction=\"column\">\n            <Heading mb=\"10\">Danke für die Anmeldung!</Heading>\n            <Button as={Link} to=\"/\">\n              Zurück zur Startseite\n            </Button>\n          </Flex>\n        ) : (\n          <>\n            <Box textAlign=\"center\" mb=\"8\">\n              <Heading mb=\"8\">Laufend mehr erfahren.</Heading>\n              <Text>\n                Die Diskussionen um die Zukunftsfragen der Stadt sind lebendig und vielfältig. Fast täglich\n                tauchen neue Stimmen, neue Perspektiven, neue Fragen und neue Antworten auf. Wenn Sie auf dem\n                Laufenden bleiben wollen, abonnieren Sie einfach unseren <b>Hamburg Konvent Newsletter</b> -\n                mit aktuellen Informationen, spannenden Hinweisen und interessanten Positionen zu Hamburgs\n                Zukunft. Selbstverständlich können Sie den Newsletter auch jederzeit wieder abbestellen.\n                <br /> Wir freuen uns auf den Austausch mit Ihnen.\n              </Text>\n            </Box>\n            <form\n              className=\"layout_form cr_form cr_font\"\n              action=\"https://seu2.cleverreach.com/f/271225-269567/wcs/\"\n              method=\"post\"\n              ref={activeForm}\n              onSubmit={submitHandler}\n              target=\"_blank\">\n              <div className=\"cr_body cr_page cr_font formbox\">\n                <div className=\"non_sortable\" style={{ textAlign: \"left\" }}></div>\n\n                <div className=\"editable_content\" style={{ textAlign: \"left\" }}>\n                  <div\n                    id=\"5882472\"\n                    rel=\"select\"\n                    className=\"cr_ipe_item ui-sortable musthave\"\n                    style={{ marginBottom: 0 }}>\n                    <label htmlFor=\"select_5882472\" className=\"itemname\">\n                      Anrede*\n                    </label>\n                    <select id=\"select_5882472\" className=\"cr_font\" name=\"1137848\" style={{ width: \"100%\" }}>\n                      <option defaultValue=\"Frau\">Frau</option>\n\n                      <option defaultValue=\"Herr\">Herr</option>\n                    </select>\n                  </div>\n                  <div\n                    id=\"5882470\"\n                    rel=\"text\"\n                    className=\"cr_ipe_item ui-sortable musthave\"\n                    style={{ marginBottom: 0 }}>\n                    <label htmlFor=\"text5882470\" className=\"itemname\">\n                      Vorname*\n                    </label>\n                    <input\n                      id=\"text5882470\"\n                      name=\"1137842\"\n                      type=\"text\"\n                      defaultValue=\"\"\n                      style={{ width: \"100%\" }}\n                    />\n                  </div>\n                  <div\n                    id=\"5882471\"\n                    rel=\"text\"\n                    className=\"cr_ipe_item ui-sortable musthave\"\n                    style={{ marginBottom: 0 }}>\n                    <label htmlFor=\"text5882471\" className=\"itemname\">\n                      Nachname*\n                    </label>\n                    <input\n                      id=\"text5882471\"\n                      name=\"1137841\"\n                      type=\"text\"\n                      defaultValue=\"\"\n                      style={{ width: \"100%\" }}\n                    />\n                  </div>\n                  <div\n                    id=\"5882465\"\n                    rel=\"email\"\n                    className=\"cr_ipe_item ui-sortable musthave\"\n                    style={{ marginBottom: 0 }}>\n                    <label htmlFor=\"text5882465\" className=\"itemname\">\n                      E-Mail*\n                    </label>\n                    <input\n                      id=\"text5882465\"\n                      name=\"email\"\n                      defaultValue=\"\"\n                      type=\"text\"\n                      style={{ width: \"100%\" }}\n                    />\n                  </div>\n                  <div id=\"5882469\" rel=\"recaptcha\" className=\"cr_ipe_item ui-sortable musthave\">\n                    <br />\n                    <div\n                      id=\"recaptcha_v2_widget\"\n                      className=\"g-recaptcha\"\n                      data-theme=\"light\"\n                      data-size=\"normal\"\n                      data-sitekey=\"6Lfhcd0SAAAAAOBEHmAVEHJeRnrH8T7wPvvNzEPD\"></div>\n                    <br />\n                  </div>\n                  <div\n                    id=\"5882467\"\n                    rel=\"button\"\n                    className=\"cr_ipe_item ui-sortable submit_container\"\n                    style={{ textAlign: \"center\", marginBottom: 0 }}>\n                    <Button type=\"submit\" className=\"cr_button\">\n                      Anmelden\n                    </Button>\n                  </div>\n                </div>\n\n                <noscript>\n                  <a href=\"http://www.cleverreach.de\">www.CleverReach.de</a>\n                </noscript>\n              </div>\n            </form>\n          </>\n        )}\n      </Box>\n    </Layout>\n  )\n}\n\nexport default NewsletterPage\n"],"sourceRoot":""}