{"version":3,"sources":["webpack:///./src/containers/PageContent.vue?c88c","webpack:///src/containers/PageContent.vue","webpack:///./src/containers/PageContent.vue?67b1","webpack:///./src/containers/PageContent.vue","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","attrs","title","style","_v","_s","_e","subtitle","_t","staticRenderFns","props","String","sectionStyles","type","Object","default","containerStyles","computed","_sectionStyles","component","on","$event","preventDefault","onFormSubmit","apply","arguments","staticStyle","redirectNextPage","ownerSetupCode","components","PageContent","data","isDebug","formComplete","formData","watch","hoaId","resetForm","methods","$refs","form","reset","$router","module","exports"],"mappings":"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","file":"js/chunk-1907ee47.084c5f9c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page\",attrs:{\"role\":\"main\",\"aria-label\":_vm.title,\"tests-id\":(\"PageContent-\" + _vm.title)}},[_c('div',{staticClass:\"container\",style:(_vm.containerStyles)},[_c('div',{staticClass:\"section\",style:(_vm._sectionStyles)},[(_vm.title)?_c('h3',[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.subtitle)?_c('span',{staticClass:\"subtitle\"},[_vm._v(_vm._s(_vm.subtitle))]):_vm._e(),_vm._t(\"default\")],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page\" role=\"main\" :aria-label=\"title\" :tests-id=\"`PageContent-${title}`\">\r\n    <div class=\"container\" :style=\"containerStyles\">\r\n      <div class=\"section\" :style=\"_sectionStyles\">\r\n        <h3 v-if=\"title\">{{ title }}</h3>\r\n        <span v-if=\"subtitle\" class=\"subtitle\">{{ subtitle }}</span>\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/*\r\n  <PageContent \r\n    title=\"title\"\r\n  >\r\n  \r\n  \r\n  </PageContent>\r\n*/\r\n\r\nimport { mapState } from 'vuex'\r\nimport _merge from 'lodash/merge'\r\nimport _get from 'lodash/get'\r\n\r\nexport default {\r\n  props: {\r\n    title: String,\r\n    subtitle: String,\r\n    sectionStyles: {\r\n      type: Object,\r\n      default: () => {\r\n        return {}\r\n      }\r\n    },\r\n    containerStyles: {\r\n      type: Object,\r\n      default: () => {\r\n        return {}\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      // _get is actually only for testing purposes\r\n      // so that the win(dow) store doesn't need\r\n      // to be added to every unit test\r\n      breakpoint: state => _get(state, ['win', 'breakpoint'], null)\r\n    }),\r\n    _sectionStyles() {\r\n      const breakpoint = this.breakpoint\r\n\r\n      return _merge(\r\n        {},\r\n        {\r\n          ...(breakpoint === 'mobile' && { padding: '.25em' })\r\n        },\r\n        this.sectionStyles\r\n      )\r\n    }\r\n  }\r\n}\r\n</script>\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!./PageContent.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!./PageContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageContent.vue?vue&type=template&id=2b51c2b9&\"\nimport script from \"./PageContent.vue?vue&type=script&lang=js&\"\nexport * from \"./PageContent.vue?vue&type=script&lang=js&\"\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","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":""}