{"version":3,"sources":["webpack:///./src/pages/Homeowner/registration/HomeownerSignUp.vue?0093","webpack:///./src/pages/Homeowner/registration/HomeownerSignUp.vue?f7ee","webpack:///src/pages/Homeowner/registration/HomeownerSignUp.vue","webpack:///./src/pages/Homeowner/registration/HomeownerSignUp.vue?a9cb","webpack:///./src/pages/Homeowner/registration/HomeownerSignUp.vue","webpack:///./src/assets/images/qrcode.png","webpack:///./src/assets/images/onboarding-couch.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","$event","preventDefault","onFormSubmit","apply","arguments","staticStyle","attrs","redirectNextPage","staticRenderFns","ownerSetupCode","components","PageContent","data","isDebug","formComplete","formData","watch","hoaId","resetForm","computed","methods","$refs","form","reset","$router","component","module","exports"],"mappings":"2IAAA,yBAAslB,EAAG,G,yCCAzlB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,gBAAgBH,EAAG,MAAM,CAACJ,EAAIO,GAAG,uBAAuBH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBE,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBV,EAAIW,aAAaC,MAAM,KAAMC,cAAc,CAACT,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,YAAYH,EAAG,MAAM,CAACJ,EAAIO,GAAG,sBAAsBH,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIO,GAAG,mIAAmIH,EAAG,MAAM,GAAG,CAACA,EAAG,MAAM,CAACU,YAAY,CAAC,MAAQ,kBAAkB,aAAa,mBAAmBC,MAAM,CAAC,OAAS,OAAO,MAAQ,OAAO,IAAM,EAAQ,aAAmCX,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,+BAA+BS,MAAM,CAAC,KAAO,UAAUP,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBV,EAAIgB,iBAAiBJ,MAAM,KAAMC,cAAc,CAACb,EAAIO,GAAG,kBAAkBH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaQ,YAAY,CAAC,aAAa,SAASC,MAAM,CAAC,OAAS,OAAO,MAAQ,OAAO,IAAM,EAAQ,kBAC93CE,EAAkB,G,4DCoDtB,GACEC,eAAgB,IAGlB,GACEC,WAAY,CACVC,YAAJ,QAGEC,KAAM,WACJ,MAAO,CACLC,SAAS,EACTC,cAAc,EACdC,SAAU,OAAhB,OAAgB,CAAhB,GACA,KAKE,QAfF,WAeA,wJACA,cADA,8CAIEC,MAAO,CACLC,MADJ,WAEMzB,KAAK0B,cAITC,SAAU,OAAZ,OAAY,CAAZ,GACA,gBACI,MAAJ,YAAM,OAAN,yBAIEC,QAAS,CACPF,UADJ,WAEM1B,KAAKuB,SAAW,OAAtB,OAAsB,CAAtB,MACUvB,KAAK6B,MAAMC,MACb9B,KAAK6B,MAAMC,KAAKC,SAGpBhB,iBAPJ,WAQMf,KAAKgC,QACX,MACQ,KAAR,sBAEA,yBCpGuX,I,wBCQnXC,EAAY,eACd,EACAnC,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,8BCnBfC,EAAOC,QAAU,IAA0B,2B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-d1753140.e99e7f30.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomeownerSignUp.vue?vue&type=style&index=0&id=2db12d34&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomeownerSignUp.vue?vue&type=style&index=0&id=2db12d34&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('PageContent',[_c('div',{staticClass:\"box is-12 gradient-bg\"},[_c('div',{staticClass:\"welcome-to-homeowner pb-4\"},[_c('div',{staticClass:\"text-style-1\"},[_vm._v(\"Welcome to\")]),_c('div',[_vm._v(\"Homeowner Setup\")])]),_c('div',{staticClass:\"items-center\"},[_c('div',{staticClass:\"form box white-box\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onFormSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"step-1-find-your-cod\"},[_c('span',{staticClass:\"text-style-1\"},[_vm._v(\"Step 1\")]),_c('div',[_vm._v(\"Find your code\")])]),_c('div',{staticClass:\"your-unique-setup-co force-left\"},[_vm._v(\" Your unique setup code can be found in the upper-right corner of your billing statement next to the QR code as shown below. \")]),_c('div',{},[_c('img',{staticStyle:{\"float\":\"left !important\",\"text-align\":\"left !important\"},attrs:{\"height\":\"100%\",\"width\":\"100%\",\"src\":require('@/assets/images/qrcode.png')}})]),_c('div',[_c('button',{staticClass:\"button is-primary is-rounded\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.redirectNextPage.apply(null, arguments)}}},[_vm._v(\" Next \")])])])]),_c('div',{staticClass:\"image-padding\"},[_c('img',{staticClass:\"hero-image\",staticStyle:{\"min-height\":\"200px\"},attrs:{\"height\":\"100%\",\"width\":\"100%\",\"src\":require('@/assets/images/onboarding-couch.png')}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <PageContent>\r\n    <div class=\"box is-12 gradient-bg\">\r\n      <div class=\"welcome-to-homeowner pb-4\">\r\n        <div class=\"text-style-1\">Welcome to</div>\r\n        <div>Homeowner Setup</div>\r\n      </div>\r\n      <div class=\"items-center\">\r\n        <div @submit.prevent=\"onFormSubmit\" class=\"form box white-box\">\r\n          <div class=\"step-1-find-your-cod\">\r\n            <span class=\"text-style-1\">Step 1</span>\r\n            <div>Find your code</div>\r\n          </div>\r\n          <div class=\"your-unique-setup-co force-left\">\r\n            Your unique setup code can be found in the upper-right corner of your billing statement\r\n            next to the QR code as shown below.\r\n          </div>\r\n          <div class=\"\">\r\n            <img\r\n              height=\"100%\"\r\n              width=\"100%\"\r\n              style=\"float: left !important; text-align: left !important;\"\r\n              :src=\"require('@/assets/images/qrcode.png')\"\r\n            />\r\n          </div>\r\n          <div>\r\n            <button\r\n              type=\"button\"\r\n              @click.prevent=\"redirectNextPage\"\r\n              class=\"button is-primary is-rounded\"\r\n            >\r\n              Next\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"image-padding\">\r\n        <img\r\n          class=\"hero-image\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          style=\"min-height: 200px;\"\r\n          :src=\"require('@/assets/images/onboarding-couch.png')\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </PageContent>\r\n</template>\r\n\r\n<script>\r\nimport PageContent from '@/containers/PageContent'\r\nimport { mapState } from 'vuex'\r\n\r\nlet DEFAULT_FORM_VALUES = {\r\n  ownerSetupCode: ''\r\n}\r\n\r\nexport default {\r\n  components: {\r\n    PageContent\r\n  },\r\n\r\n  data: function() {\r\n    return {\r\n      isDebug: true,\r\n      formComplete: false,\r\n      formData: {\r\n        ...DEFAULT_FORM_VALUES\r\n      }\r\n    }\r\n  },\r\n\r\n  async mounted() {\r\n    this.resetForm()\r\n  },\r\n\r\n  watch: {\r\n    hoaId() {\r\n      this.resetForm()\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    ...mapState({\r\n      hoaId: state => state.user.selectedHoaId\r\n    })\r\n  },\r\n\r\n  methods: {\r\n    resetForm() {\r\n      this.formData = { ...DEFAULT_FORM_VALUES }\r\n      if (this.$refs.form) {\r\n        this.$refs.form.reset()\r\n      }\r\n    },\r\n    redirectNextPage() {\r\n      this.$router\r\n        .push({\r\n          name: 'signupwithcodetwo'\r\n        })\r\n        .catch(() => {})\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.gradient-bg {\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 0 2px 0 0;\r\n  padding: 100 203.4px 0 0;\r\n  background-image: linear-gradient(126deg, #2662d6 2%, #133a86 99%);\r\n}\r\n\r\n.image-padding {\r\n  padding-top: 10px !important;\r\n  padding-left: 290px !important;\r\n}\r\n\r\n.rectangle {\r\n  margin: 15.8px 0 0;\r\n  padding: 32.2px 101.6px 285px 169px;\r\n  transform: rotate(0deg);\r\n  mix-blend-mode: screen;\r\n  border-radius: 430px;\r\n  background-color: #1a47b0;\r\n}\r\n\r\n.welcome-to-homeowner {\r\n  width: auto;\r\n  height: auto;\r\n  font-family: Helvetica;\r\n  font-size: 39px;\r\n  font-weight: bold;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: 0.95;\r\n  letter-spacing: normal;\r\n  text-align: center !important;\r\n  color: #fff;\r\n}\r\n\r\n.welcome-to-homeowner .text-style-1 {\r\n  font-size: 31px;\r\n  font-weight: normal;\r\n  color: #2cabe1;\r\n  text-align: center !important;\r\n}\r\n\r\n.step-1-find-your-cod {\r\n  text-align: left;\r\n  margin: 0 0 16px 0;\r\n  font-family: Helvetica;\r\n  font-size: 34px;\r\n  font-weight: bold;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: 1.12;\r\n  letter-spacing: normal;\r\n  color: #112d6f;\r\n}\r\n\r\n.step-1-find-your-cod .text-style-1 {\r\n  font-size: 26px;\r\n  font-weight: normal;\r\n  color: #2cabe1;\r\n}\r\n\r\n.your-unique-setup-co {\r\n  margin: 16px 14.8px 11px 0;\r\n  font-family: Helvetica;\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: 1.64;\r\n  letter-spacing: normal;\r\n  color: #838383;\r\n  float: left;\r\n}\r\n\r\n.white-box {\r\n  width: 90%;\r\n  max-width: 660px;\r\n  height: auto;\r\n  text-align: center !important;\r\n  float: center !important;\r\n  background-position: center;\r\n}\r\n\r\n.items-center {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n}\r\n\r\n.hero-image {\r\n  display: none;\r\n}\r\n\r\n@media screen and (min-width: 1024px) {\r\n  .hero-image {\r\n    display: block;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomeownerSignUp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomeownerSignUp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomeownerSignUp.vue?vue&type=template&id=2db12d34&scoped=true&\"\nimport script from \"./HomeownerSignUp.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeownerSignUp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomeownerSignUp.vue?vue&type=style&index=0&id=2db12d34&lang=scss&scoped=true&\"\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  \"2db12d34\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/qrcode.0c418978.png\";","module.exports = __webpack_public_path__ + \"img/onboarding-couch.a2fce9a1.png\";"],"sourceRoot":""}