{"version":3,"sources":["webpack:///./app/src/components/subscription/SubscribeForm.vue?222e","webpack:///./app/src/components/subscription/SubscribeForm.vue?dcb1","webpack:///./app/src/components/subscription/SubscribeForm.vue?627a","webpack:///app/src/components/subscription/SubscribeForm.vue","webpack:///./app/src/components/subscription/SubscribeForm.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_ref_10_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_10_2_node_modules_sass_loader_lib_loader_js_ref_10_3_node_modules_vue_loader_lib_index_js_vue_loader_options_node_modules_vue_svg_inline_loader_dist_index_min_js_ref_0_1_SubscribeForm_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","n","subscription_SubscribeFormvue_type_script_lang_js_","data","user","email","userProvider","User","subscribed","isSubscribed","loading","rules","required","message","trigger","type","mounted","this","init","methods","mp_error","didTapLetsGo","_this","country","$store","getters","$refs","form","validate","valid","params","trackInternationalUser","then","userData","commit","catch","error","showErrorMsg","component","Object","componentNormalizer","_vm","_h","$createElement","_c","_self","_e","ref","staticClass","attrs","model","show-message","status-icon","nativeOn","submit","$event","preventDefault","gutter","align","md","sm","xs","label","prop","data-test","placeholder","on","input","value","callback","$$v","$set","expression","_v","directives","name","rawName","click","__webpack_exports__"],"mappings":"8FAAA,IAAAA,EAAAC,EAAA,QAAAA,EAAAC,EAAAF,GAAsiB,mECAtiB,gBCAoRG,GCiEpRC,KADA,WAEA,OACAC,MACAC,MAAA,IAEAC,aAAA,IAAAC,EAAA,EAEAC,YAAA,EACAC,cAAA,EACAC,SAAA,EACAC,OACAN,QAEAO,UAAA,EACAC,QAAA,oBACAC,QAAA,WAGAC,KAAA,QAEAD,QAAA,cAMAE,QA3BA,WA4BAC,KAAAC,QAEAC,SACAD,KADA,WAGAD,KAAAb,KAAAC,MAAA,GACAY,KAAAT,YAAA,EAEAS,KAAAG,SAAA,MAEAC,aARA,WAQA,IAAAC,EAAAL,KACAM,EAAAN,KAAAO,OAAAC,QAAAF,QACAN,KAAAS,MAAAC,KAAAC,SAAA,SAAAC,GACA,GAAAA,EAAA,CACA,IAAAC,GACAzB,MAAAiB,EAAAlB,KAAAC,MAAAkB,WAGAD,EAAAhB,aAAAyB,uBAAAD,GAAAE,KAAA,WACA,IAAAC,EAAAX,EAAAE,OAAAC,QAAArB,SACA6B,EAAA5B,MAAAiB,EAAAlB,KAAAC,MACAiB,EAAAE,OAAAU,OAAA,UAAAD,GAEAX,EAAAb,cAAA,IACA0B,MAAA,SAAAC,GACAd,EAAAe,aAAAD,mCC7GAE,EAAgBC,OAAAC,EAAA,EAAAD,CACdrC,EHTF,WAA0B,IAAAuC,EAAAxB,KAAayB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAH,EAAAhC,aAAgiCgC,EAAAK,KAAhiCF,EAAA,WAAmDG,IAAA,OAAAC,YAAA,uBAAAC,OAAqDC,MAAAT,EAAArC,KAAAO,MAAA8B,EAAA9B,MAAAwC,gBAAA,EAAAC,eAAA,GAA2EC,UAAWC,OAAA,SAAAC,GAAkD,OAAxBA,EAAAC,iBAAwBf,EAAApB,aAAAkC,OAAkCX,EAAA,UAAeI,YAAA,YAAAC,OAA+BQ,OAAA,GAAA1C,KAAA,OAAA2C,MAAA,YAA4Cd,EAAA,UAAeK,OAAOU,GAAA,GAAAC,GAAA,GAAAC,GAAA,MAAyBjB,EAAA,gBAAqBK,OAAOa,MAAA,gBAAAC,KAAA,WAAwCnB,EAAA,YAAiBK,OAAOe,YAAA,kBAAAF,MAAA,gBAAAG,YAAA,oBAAuFC,IAAKC,MAAA,SAAAZ,GAAyBd,EAAArB,SAAA,OAAqB8B,OAAQkB,MAAA3B,EAAArC,KAAA,MAAAiE,SAAA,SAAAC,GAAgD7B,EAAA8B,KAAA9B,EAAArC,KAAA,QAAAkE,IAAiCE,WAAA,iBAA0B,OAAA/B,EAAAgC,GAAA,KAAA7B,EAAA,UAAmCI,YAAA,MAAAC,OAAyBU,GAAA,EAAAC,GAAA,EAAAC,GAAA,MAAuBjB,EAAA,aAAkB8B,aAAaC,KAAA,UAAAC,QAAA,YAAAR,MAAA3B,EAAA,QAAA+B,WAAA,YAA4ExB,YAAA,aAAAC,OAAkCe,YAAA,gBAAAjD,KAAA,WAA6CmD,IAAKW,MAAApC,EAAApB,gBAA0BoB,EAAAgC,GAAA,8CAAAhC,EAAAgC,GAAA,KAAAhC,EAAA,aAAAG,EAAA,OAAyGI,YAAA,cAAAC,OAAiCe,YAAA,iBAA2BpB,EAAA,UAAAH,EAAAgC,GAAA,aAAAhC,EAAAgC,GAAA,kCAAAhC,EAAAK,MAAA,QGY9xC,EACA,KACA,KACA,MAIegC,EAAA,QAAAxC","file":"2021120:beba53acebe35c990492/js/32.b7a5f7d569b8d8dbe78b.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/index.js??ref--10-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./SubscribeForm.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/index.js??ref--10-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./SubscribeForm.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.isSubscribed)?_c('el-form',{ref:\"form\",staticClass:\"subscribe-form small\",attrs:{\"model\":_vm.user,\"rules\":_vm.rules,\"show-message\":false,\"status-icon\":true},nativeOn:{\"submit\":function($event){$event.preventDefault();return _vm.didTapLetsGo($event)}}},[_c('el-row',{staticClass:\"flex-wrap\",attrs:{\"gutter\":12,\"type\":\"flex\",\"align\":\"bottom\"}},[_c('el-col',{attrs:{\"md\":17,\"sm\":17,\"xs\":24}},[_c('el-form-item',{attrs:{\"label\":\"Email Address\",\"prop\":\"email\"}},[_c('el-input',{attrs:{\"data-test\":\"input-subscribe\",\"label\":\"Email address\",\"placeholder\":\"Enter your email\"},on:{\"input\":function($event){_vm.mp_error = null}},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}})],1)],1),_vm._v(\" \"),_c('el-col',{staticClass:\"t-c\",attrs:{\"md\":7,\"sm\":7,\"xs\":24}},[_c('el-button',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"full-width\",attrs:{\"data-test\":\"btn-subscribe\",\"type\":\"primary\"},on:{\"click\":_vm.didTapLetsGo}},[_vm._v(\"\\n          SUBMIT\\n        \")])],1)],1)],1):_vm._e(),_vm._v(\" \"),(_vm.isSubscribed)?_c('div',{staticClass:\"subs-thanks\",attrs:{\"data-test\":\"subs-thanks\"}},[_c('strong',[_vm._v(\"Thanks!\")]),_vm._v(\" We'll be in touch soon.\\n  \")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./SubscribeForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./SubscribeForm.vue?vue&type=script&lang=js&\"","<template>\n  <div>\n    <el-form\n      v-if=\"!isSubscribed\"\n      ref=\"form\"\n      :model=\"user\"\n      :rules=\"rules\"\n      :show-message=\"false\"\n      :status-icon=\"true\"\n      class=\"subscribe-form small\"\n      @submit.native.prevent=\"didTapLetsGo\"\n    >\n      <el-row\n        :gutter=\"12\"\n        type=\"flex\"\n        align=\"bottom\"\n        class=\"flex-wrap\">\n        <el-col\n          :md=\"17\"\n          :sm=\"17\"\n          :xs=\"24\">\n          <el-form-item\n            label=\"Email Address\"\n            prop=\"email\"\n          >\n            <el-input\n              v-model=\"user.email\"\n              data-test=\"input-subscribe\"\n              label=\"Email address\"\n              placeholder=\"Enter your email\"\n              @input=\"mp_error = null\"\n            />\n          </el-form-item>\n        </el-col>\n        <el-col\n          :md=\"7\"\n          :sm=\"7\"\n          :xs=\"24\"\n          class=\"t-c\">\n          <el-button\n            v-loading=\"loading\"\n            data-test=\"btn-subscribe\"\n            type=\"primary\"\n            class=\"full-width\"\n            @click=\"didTapLetsGo\"\n          >\n            SUBMIT\n          </el-button>\n        </el-col>\n      </el-row>\n    </el-form>\n    <div\n      v-if=\"isSubscribed\"\n      class=\"subs-thanks\"\n      data-test=\"subs-thanks\"\n    >\n      <strong>Thanks!</strong> We'll be in touch soon.\n    </div>\n  </div>\n</template>\n\n<script>\nimport User from '../../services/User';\n\nexport default {\n  data() {\n    return {\n      user: {\n        email: '',\n      },\n      userProvider: new User(),\n      // mp_error: null,\n      subscribed: false,\n      isSubscribed: false,\n      loading: false,\n      rules: {\n        email: [\n          {\n            required: true,\n            message: 'Email is required',\n            trigger: 'change',\n          },\n          {\n            type: 'email',\n            // message: 'Please enter a valid email address',\n            trigger: 'change',\n          },\n        ],\n      },\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  methods: {\n    init() {\n      // const isSubscribedToMailchimp = localStorage.getItem('is_subscribed_to_mailchimp');\n      this.user.email = '';\n      this.subscribed = false;\n      // this.isSubscribed = isSubscribedToMailchimp;\n      this.mp_error = null;\n    },\n    didTapLetsGo() {\n      const { country } = this.$store.getters;\n      this.$refs.form.validate((valid) => {\n        if (valid) {\n          const params = {\n            email: this.user.email, country,\n          };\n          // track international\n          this.userProvider.trackInternationalUser(params).then(() => {\n            const userData = this.$store.getters.user || {};\n            userData.email = this.user.email;\n            this.$store.commit('setUser', userData);\n            // localStorage.setItem('is_subscribed_to_mailchimp', true);\n            this.isSubscribed = true;\n          }).catch((error) => {\n            this.showErrorMsg(error);\n          });\n        }\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../../assets/scss/variables.scss\";\n.subscribe-form {\n  h3 {\n    margin-bottom: 25px;\n  }\n\n  button {\n    padding: 15px 35px;\n    font-size: 18px;\n\n    @media (max-width: 768px) {\n      margin-top: 20px;\n    }\n\n    @media (max-width: 567px) {\n      margin-top: 0;\n    }\n  }\n\n  .el-form-item {\n    margin-bottom: 0px;\n    input{\n      height: 48px;\n    }\n    &__label {\n      font-size: 16px;\n      line-height: 20px;\n      margin-bottom: 8px;\n    }\n  }\n}\n@media (max-width: 567px) {\n  .subscribe-form {\n    .el-form-item {\n      margin-bottom: 22px;\n    }\n  }\n}\n.subs-thanks{\n  font-size: 22px;\n  line-height: 32px;\n  margin-top: 28px;\n}\n</style>\n","import { render, staticRenderFns } from \"./SubscribeForm.vue?vue&type=template&id=b488d844&\"\nimport script from \"./SubscribeForm.vue?vue&type=script&lang=js&\"\nexport * from \"./SubscribeForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubscribeForm.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}