{"version":3,"sources":["webpack:///./src/components/blog-post.module.css","webpack:///./src/pages/newsletter.js"],"names":["module","exports","NewsletterSignup","success","setSuccess","useState","React","createElement","Layout","className","styles","formContainerCentered","newsletterTitle","newsletterDescription","onSubmit","event","preventDefault","email","FormData","target","get","axios","post","then","response","catch","error","console","log","newsletterForm","type","name","required","placeholder","newsletterInput","disabled","newsletterButton"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,MAAQ,4EAA4E,UAAY,qCAAqC,YAAc,uCAAuC,YAAc,uCAAuC,WAAa,sCAAsC,mBAAqB,6EAA6E,cAAgB,yCAAyC,YAAc,uCAAuC,UAAY,qCAAqC,QAAU,mCAAmC,IAAM,+BAA+B,YAAc,uCAAuC,SAAW,oCAAoC,QAAU,mCAAmC,MAAQ,iCAAiC,cAAgB,yCAAyC,iBAAmB,4CAA4C,eAAiB,0CAA0C,WAAa,sCAAsC,cAAgB,yCAAyC,WAAa,sCAAsC,QAAU,mCAAmC,KAAO,gCAAgC,WAAa,sCAAsC,sBAAwB,mD,kCCDlzC,sFA+CeC,UA1CUA,KACvB,MAAM,EAACC,EAAQ,EAACC,GAAcC,oBAAS,GAgBvC,OACEC,IAAAC,cAACC,IAAM,KACLF,IAAAC,cAAA,OAAKE,UAAWC,IAAOC,uBACrBL,IAAAC,cAAA,MAAIE,UAAWC,IAAOE,iBAAiB,sCAEvCN,IAAAC,cAAA,KAAGE,UAAWC,IAAOG,uBAAuB,mCAE5CP,IAAAC,cAAA,QAAMO,SArBUC,IACpBA,EAAMC,iBACN,MACMC,EADO,IAAIC,SAASH,EAAMI,QACbC,IAAI,SACvBC,IACGC,KAAK,+CAAgD,CAAEL,UACvDM,KAAMC,IACLpB,GAAW,KAEZqB,MAAOC,IACNC,QAAQC,IAAI,QAASF,MAWSjB,UAAWC,IAAOmB,gBAC9CvB,IAAAC,cAAA,SACEuB,KAAK,QACLC,KAAK,QACLC,UAAQ,EACRC,YAAY,QACZxB,UAAWC,IAAOwB,kBAGpB5B,IAAAC,cAAA,UAAQuB,KAAK,SAASK,SAAUhC,EAASM,UAAWC,IAAO0B,kBACxDjC,EAAU,UAAY","file":"component---src-pages-newsletter-js-a74b4dbfb46baa3b7176.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"blog-post-module--title--Lc3DC typography-module--responsiveTitle1--1tLTC\",\"mainImage\":\"blog-post-module--mainImage--1FS8k\",\"mainContent\":\"blog-post-module--mainContent--2fLr6\",\"metaContent\":\"blog-post-module--metaContent--2eVpD\",\"categories\":\"blog-post-module--categories--3MaID\",\"categoriesHeadline\":\"blog-post-module--categoriesHeadline--1RU2K typography-module--base--3b7o6\",\"metaContainer\":\"blog-post-module--metaContainer--1LV8d\",\"metaDetails\":\"blog-post-module--metaDetails--2wjLK\",\"blogTitle\":\"blog-post-module--blogTitle--1bA6I\",\"whoWhen\":\"blog-post-module--whoWhen--2L6Mv\",\"who\":\"blog-post-module--who--xzl78\",\"publishedAt\":\"blog-post-module--publishedAt--2HawB\",\"category\":\"blog-post-module--category--MN8lj\",\"sidebar\":\"blog-post-module--sidebar--2lffi\",\"share\":\"blog-post-module--share--3mbjU\",\"dataFeedShare\":\"blog-post-module--dataFeedShare--2AYBt\",\"sidebarContainer\":\"blog-post-module--sidebarContainer--2T64x\",\"sideGetStarted\":\"blog-post-module--sideGetStarted--tgIrk\",\"getStarted\":\"blog-post-module--getStarted--2mvT3\",\"formContainer\":\"blog-post-module--formContainer--1Et-i\",\"formImgBox\":\"blog-post-module--formImgBox--GmIwz\",\"wrapper\":\"blog-post-module--wrapper--2QVeA\",\"feed\":\"blog-post-module--feed--3rpLx\",\"shareLinks\":\"blog-post-module--shareLinks--2nTJb\",\"formContainerCentered\":\"blog-post-module--formContainerCentered--EXTVc\"};","import React, { useState } from \"react\";\nimport axios from \"axios\";\nimport Layout from \"../components/layout\";\nimport styles from \"../components/blog-post.module.css\";\n\nconst NewsletterSignup = () => {\n  const [success, setSuccess] = useState(false);\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const form = new FormData(event.target);\n    const email = form.get(\"email\");\n    axios\n      .post(\"https://api.passiv.com/api/v1/emailsubscribe\", { email })\n      .then((response) => {\n        setSuccess(true);\n      })\n      .catch((error) => {\n        console.log(\"error\", error);\n      });\n  };\n\n  return (\n    <Layout>\n      <div className={styles.formContainerCentered}>\n        <h2 className={styles.newsletterTitle}>Get all the insider financial info</h2>\n\n        <p className={styles.newsletterDescription}>Sign up to our email newsletter</p>\n\n        <form onSubmit={handleSubmit} className={styles.newsletterForm}>\n          <input\n            type=\"email\"\n            name=\"email\"\n            required\n            placeholder=\"Email\"\n            className={styles.newsletterInput}\n          />\n\n          <button type=\"submit\" disabled={success} className={styles.newsletterButton}>\n            {success ? \"Success\" : \"Sign Up\"}\n          </button>\n        </form>\n      </div>\n    </Layout>\n  );\n};\n\nexport default NewsletterSignup;\n"],"sourceRoot":""}