{"version":3,"sources":["webpack:///./src/views/devices/Start.vue?3112","webpack:///./src/views/devices/Start.vue","webpack:///src/views/devices/Start.vue","webpack:///./src/views/devices/Start.vue?7882","webpack:///./src/views/devices/Start.vue?df23"],"names":["_c","_self","staticClass","_vm","_v","_s","$t","attrs","on","staticRenderFns","data","deviceCode","methods","skip","path","done","getNewCode","show","error","component"],"mappings":"gHAAA,W,kFCA4CA,EAAOC,WAAS,MAAW,KAAiCC,UAAY,GAAY,OAAM,aAAa,EAAK,gBAACA,YAAY,cAAsB,CAACC,EAAG,SAAU,CAACA,EAAG,KAAI,CAAgDD,YAAY,sBAAkC,CAACC,EAAIC,GAAG,EAAG,GAACD,EAAIE,GAAGF,wCAAO,OAAyFD,YAAY,kCAA4D,CAACF,EAAG,GAAI,IAAK,EAAIG,GAAG,EAAIA,GAAG,2DAA0D,WAAaA,EAAG,MAAO,CAACG,EAAG,MAA8DJ,YAAY,4DAAe,CAACF,EAAG,KAAK,CAAC,sJAACO,YAAM,e,CAAC,QAAS,CAAc,OAAIJ,UAAWE,gBAAwD,CAACL,EAAG,KAAO,GAAEA,EAAG,mBAAI,SAACE,YAAY,QAAkC,CAACC,EAAG,QAAO,CAACA,EAAG,IAAIA,CAAqED,YAAY,kCAA4BK,GAAK,GAAC,2E,YAAW,4BAAkB,MAAC,CAAG,UAAC,oBAAuB,IAAIJ,MAAOA,EAAM,aAA+EI,GAAK,GAAC,4D,YAAS,O,MAAC,CAAoB,OAAwB,kBAAG,UAAC,eAAiB,IAAIP,MAAQ,EAAC,OAAwC,CAACG,EAAG,MAAO,CAA0CD,YAAY,2BAA4B,CAACF,EAAG,GAAG,EAAC,sCAACE,YAAY,4BAA4BM,CAAE,EAAC,K,YAASL,4BAAQ,IAAIA,MAAO,EAAIA,OAEx7CM,UAAe,EAAG,GAAE,gD,KCiDT,G,UAAA,CACf,gBACA,mBAEAC,WACAC,gBAEAC,SACAC,OACA,mBAAAC,gBAEAC,OACA,mBAAAD,gBAEAE,aACA,yCAAAC,UACA,oDACA,KACA,2DACA,yCAAAA,WAEAC,IACA,yCAAAD,UACA,aACAC,2DC3E0Z,I,wBCQtZC,EAAY,eACd,EACA,EACAV,GACA,EACA,KACA,WACA,MAIa,aAAAU,E","file":"js/DevicesStart.1a318e62.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Start.vue?vue&type=style&index=0&id=cf7a139c&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.deviceCode)?_c('div',[_c('div',{staticClass:\"cardHeader\"},[_c('strong',[_c('h2',{staticClass:\"mb-2 primary--text\"},[_vm._v(_vm._s(_vm.$t('devices.start.letsPairYourDevice')))]),_c('p',{staticClass:\"mb-2 grey--text text--darken-1\"},[_vm._v(\" \"+_vm._s(_vm.$t('devices.start.putOnYourVrHeadsetAndFollowTheStepsBelow'))+\" \")])])]),_c('div',[_c('ol',{staticClass:\"font-weight-medium numbered-list py-3 device-bullet-text\"},[_c('li',[_vm._v(_vm._s(_vm.$t('devices.start.inYourHeadsetOpenGatheringsVr')))]),_c('li',[_vm._v(_vm._s(_vm.$t('devices.start.enterTheCodeBelowThenClickGo')))])]),_c('div',{staticClass:\"device-code\"},[_c('div',{attrs:{\"data-cy\":\"device-code\"}},[_vm._v(_vm._s(_vm.deviceCode))])])]),_c('div',{staticClass:\"pt-5\"},[_c('small',[_c('p',{staticClass:\"mb-0 grey--text text--darken-2\"},[_vm._v(\" \"+_vm._s(_vm.$t('devices.start.thisCodeIsValidFor_15Minutes'))+\" \")]),_c('a',{staticClass:\"primary--text noUnderline\",attrs:{\"data-cy\":\"get-another-code\"},on:{\"click\":_vm.getNewCode}},[_vm._v(_vm._s(_vm.$t('devices.start.getAnotherCode')))])])]),_c('v-btn',{staticClass:\"mt-8\",attrs:{\"fab\":\"\",\"color\":\"secondary\",\"data-cy\":\"done-button\"},on:{\"click\":_vm.done}},[_c('div',{staticClass:\"device-done-button-text\"},[_vm._v(_vm._s(_vm.$t('common.done')))])]),_c('div',{staticClass:\"skipButtonContainer pt-4\"},[_c('a',{staticClass:\"primary--text noUnderline\",on:{\"click\":_vm.skip}},[_vm._v(\" \"+_vm._s(_vm.$t('common.skipForNow'))+\" \")])])],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"deviceCode\">\n    <!-- Page header -->\n    <div class=\"cardHeader\">\n      <strong>\n        <h2 class=\"mb-2 primary--text\">{{ $t('devices.start.letsPairYourDevice') }}</h2>\n        <p class=\"mb-2 grey--text text--darken-1\">\n          {{ $t('devices.start.putOnYourVrHeadsetAndFollowTheStepsBelow') }}\n        </p>\n      </strong>\n    </div>\n\n    <!-- Device code -->\n    <div>\n      <ol class=\"font-weight-medium numbered-list py-3 device-bullet-text\">\n        <li>{{ $t('devices.start.inYourHeadsetOpenGatheringsVr') }}</li>\n        <li>{{ $t('devices.start.enterTheCodeBelowThenClickGo') }}</li>\n      </ol>\n      <!-- Device code -->\n      <div class=\"device-code\">\n        <div data-cy=\"device-code\">{{ deviceCode }}</div>\n      </div>\n    </div>\n\n    <!-- Request another device code -->\n    <div class=\"pt-5\">\n      <small>\n        <p class=\"mb-0 grey--text text--darken-2\">\n          {{ $t('devices.start.thisCodeIsValidFor_15Minutes') }}\n        </p>\n        <a @click=\"getNewCode\" class=\"primary--text noUnderline\" data-cy=\"get-another-code\">{{\n          $t('devices.start.getAnotherCode')\n        }}</a>\n      </small>\n    </div>\n\n    <!-- Done button -->\n    <v-btn fab color=\"secondary\" class=\"mt-8\" @click=\"done\" data-cy=\"done-button\">\n      <div class=\"device-done-button-text\">{{ $t('common.done') }}</div>\n    </v-btn>\n\n    <!-- Cancel -->\n    <div class=\"skipButtonContainer pt-4\">\n      <a class=\"primary--text noUnderline\" @click=\"skip\">\n        {{ $t('common.skipForNow') }}\n      </a>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  async created() {\n    this.getNewCode()\n  },\n  data: () => ({\n    deviceCode: '',\n  }),\n  methods: {\n    skip() {\n      this.$router.push({ path: '/tips' })\n    },\n    done() {\n      this.$router.push({ path: '/tips' })\n    },\n    getNewCode() {\n      this.$store.dispatch('ui/toggleLoading', { show: true })\n      this.$store.dispatch('devices/getPairingCode').then(\n        () => {\n          this.deviceCode = this.$store.getters['devices/pairingCode']\n          this.$store.dispatch('ui/toggleLoading', { show: false })\n        },\n        error => {\n          this.$store.dispatch('ui/toggleLoading', { show: false })\n          this.message =\n            (error.response && error.response.data) || error.message || error.toString()\n        }\n      )\n    },\n  },\n}\n</script>\n<style scoped>\n.cardHeader {\n  line-height: 1.5rem;\n  font-size: 1.1rem;\n  font-weight: 400;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Start.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Start.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Start.vue?vue&type=template&id=cf7a139c&scoped=true&\"\nimport script from \"./Start.vue?vue&type=script&lang=js&\"\nexport * from \"./Start.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Start.vue?vue&type=style&index=0&id=cf7a139c&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"cf7a139c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}