{"version":3,"file":"mailing-list-signup-cD0cLEWM.js","sources":["../../../app/javascript/components/mailing-list-signup.vue?vue&type=template&lang.js","../../../app/javascript/components/mailing-list-signup.vue"],"sourcesContent":["\n<form class=\"mailing-list-signup\" @submit=\"onSubmit\">\n  <div v-if=\"success\" class=\"success-message\">Thanks, you're now signed up.</div>\n    \n  <template v-else>\n    <input type=\"email\" name=\"email\" id=\"email\" required v-model=\"email_signup.email\" placeholder=\"Enter email address\">\n    <div class=\"error\" v-if=\"errors.email\">{{ errors.email }}</div>\n    <button type=\"submit\" class=\"button button--large button button--filled--blue\">Sign Up</button>\n  </template>\n</form>\n","<template>\n  <form class=\"mailing-list-signup\" @submit=\"onSubmit\">\n    <div v-if=\"success\" class=\"success-message\">Thanks, you're now signed up.</div>\n      \n    <template v-else>\n      <input type=\"email\" name=\"email\" id=\"email\" required v-model=\"email_signup.email\" placeholder=\"Enter email address\">\n      <div class=\"error\" v-if=\"errors.email\">{{ errors.email }}</div>\n      <button type=\"submit\" class=\"button button--large button button--filled--blue\">Sign Up</button>\n    </template>\n  </form>\n</template>\n\n<script>\nimport Api from \"../utils/api\";\n\nexport default {\n  data: function() {\n    return {\n      email_signup: {\n        email: '',\n      },\n      errors: {},\n      success: false,\n      isSending: false,\n    }\n  },\n\n  methods: {\n\t\tonSubmit(evt) {\n\t\t\tevt.preventDefault();\n\n      this.isSending = true;\n      \n      Api.post('/email_signups', { \n        email_signup: \n          {\n            ...this.email_signup, \n          } \n        })\n        .then((response) => {\n          this.isSending = false;\n          this.success = true;\n        }).catch((e) => {\n          this.isSending = false;\n          console.log(e.response)\n          if (e.response && e.response.data.errors) {\n            this.errors = e.response.data.errors;\n          } else {\n            alert(\"Sorry, something went wrong, please try again.\")\n          }\n        });\n\t  \t}\n\t}    \n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n\n  .success-enter-active, .success-leave-active {\n    transition: opacity .5s;\n  }\n  \n  .success-enter, .success-leave-to {\n    opacity: 0;\n  }\n\n  .error {\n    padding-top: 5px;\n    font-size: 90%;\n    color: #E9260F;\n  }\n</style>\n"],"names":["render","_vm","_h","_c","$event","staticRenderFns","__vue2_script","evt","Api","response","e"],"mappings":"2HAAA,IAAIA,EAAS,UAAY,CACvB,IAAIC,EAAI,KACJC,EAAGD,EAAI,eACPE,EAAGF,EAAI,MAAM,IAAIC,EAErB,OAAOC,EAAG,OAAQ,CAChB,YAAa,sBACb,GAAI,CACF,OAAUF,EAAI,QACpB,CACG,EAAE,CAACA,EAAI,QAAUE,EAAG,MAAO,CAC1B,YAAa,iBACjB,EAAK,CAACF,EAAI,GAAG,+BAA+B,CAAC,CAAC,EAAI,CAACE,EAAG,QAAS,CAC3D,WAAY,CAAC,CACX,KAAM,QACN,QAAS,UACT,MAAOF,EAAI,aAAa,MACxB,WAAY,oBAClB,CAAK,EACD,MAAO,CACL,KAAQ,QACR,KAAQ,QACR,GAAM,QACN,SAAY,GACZ,YAAe,qBAChB,EACD,SAAU,CACR,MAASA,EAAI,aAAa,KAC3B,EACD,GAAI,CACF,MAAS,SAAUG,EAAQ,CACrBA,EAAO,OAAO,WAClBH,EAAI,KAAKA,EAAI,aAAc,QAASG,EAAO,OAAO,KAAK,CAC/D,CACA,CACG,CAAA,EAAGH,EAAI,OAAO,MAAQE,EAAG,MAAO,CAC/B,YAAa,OACjB,EAAK,CAACF,EAAI,GAAGA,EAAI,GAAGA,EAAI,OAAO,KAAK,CAAC,CAAC,CAAC,EAAIA,EAAI,GAAE,EAAIE,EAAG,SAAU,CAC9D,YAAa,mDACb,MAAO,CACL,KAAQ,QACd,CACA,EAAK,CAACF,EAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,EAAG,CAAC,CAC9B,EACII,EAAkB,CAAE,EC7BxB,MAAAC,EAAA,CACA,KAAA,UAAA,CACA,MAAA,CACA,aAAA,CACA,MAAA,EACA,EACA,OAAA,CAAA,EACA,QAAA,GACA,UAAA,EACA,CACA,EAEA,QAAA,CACA,SAAAC,EAAA,CACAA,EAAA,eAAA,EAEA,KAAA,UAAA,GAEAC,EAAA,KAAA,iBAAA,CACA,aACA,CACA,GAAA,KAAA,YACA,CACA,CAAA,EACA,KAAAC,GAAA,CACA,KAAA,UAAA,GACA,KAAA,QAAA,EACA,CAAA,EAAA,MAAAC,GAAA,CACA,KAAA,UAAA,GACA,QAAA,IAAAA,EAAA,QAAA,EACAA,EAAA,UAAAA,EAAA,SAAA,KAAA,OACA,KAAA,OAAAA,EAAA,SAAA,KAAA,OAEA,MAAA,gDAAA,CAEA,CAAA,CACA,CACA,CACA"}