{"version":3,"sources":["webpack:///./src/views/devices/Connect.vue","webpack:///src/views/devices/Connect.vue","webpack:///./src/views/devices/Connect.vue?1bcb","webpack:///./src/views/devices/Connect.vue?262f","webpack:///./src/views/devices/Connect.vue?afbd"],"names":["staticClass","_vm","attrs","_c","on","staticStyle","_v","staticRenderFns","data","deviceCode","methods","getNewCode","show","error","component"],"mappings":"+KAAuH,G,UAAK,W,IAAgBA,OAAwB,EAAK,EAAI,MAAIC,G,OAA2DD,aAAY,SAAY,YAAY,cAAsGA,SAAW,CAAC,QAAoCE,YAAM,a,CAAC,SAAY,sDAAG,yBAAG,CAACC,EAAG,OAAM,8FAACH,YAAY,oCAA+B,MAAK,CAAgBA,UAAY,M,CAA6B,S,YAAqB,gCAAmB,WAAE,YAAY,gBAAsEA,YAAY,CAAwBE,YAAM,SAAC,cAAU,QAAmB,wEAACE,YAAG,wB,MAAC,C,MAAgCH,GAAqB,iBAAG,GAAEA,CAA0DD,MAAW,SAAC,GAAcC,OAAO,EAAIA,QAAOA,KAAM,Q,CAAkK,KAAO,EAAC,sCAAM,yBAAG,CAACE,EAAG,GAAI,IAAK,EAAIF,GAAG,EAAIA,GAAG,iFAAgFA,SAAO,QAA0ED,YAAY,qCAAcK,YAAY,CAAC,eAAiC,CAACF,EAAG,KAAK,CAAC,mKAACH,YAAY,cAAmBE,YAAM,CAAC,kBAAU,eAAgB,CAACD,EAAG,MAAO,CAAqCD,YAAY,mBAAiB,MAAMM,CAA0FN,UAAY,gB,CAA6B,OAAS,iCAAS,YAAC,kBAACE,GAAK,GAAC,iF,YAAW,gBAAkB,YAAC,CAAG,OAAC,WAAuB,OAAID,UAAU,oBAEvtDM,IAEJ,MAAe,EAAEA,a,wFCoDF,GACf,gBACA,mBAEAC,WACAC,gBAEAC,SACAC,aACA,yCAAAC,UACA,oDACA,KACA,2DACA,yCAAAA,WAEAC,IACA,yCAAAD,UACA,aACAC,0DC1E4Z,I,wBCQxZC,EAAY,eACd,EACA,EACAP,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,2CCnBf","file":"js/Start.4fbdf46e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.deviceCode)?_c('div',{staticClass:\"mt-12 px-4\"},[_c('div',[_c('h1',{staticClass:\"text-left\"},[_vm._v(\" \"+_vm._s(_vm.$t('devices.connect.connect'))+\" \")]),_c('div',{staticClass:\"text-left\"},[_vm._v(\" \"+_vm._s(_vm.$t('devices.connect.pairANewHeadsetOrSignBackInToAnExistingHeadset'))+\" \")]),_c('v-card',{staticClass:\"pa-5 mt-5 rounded-xl connect-card\",attrs:{\"elevation\":\"6\"}},[_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('v-card-title',{staticClass:\"primary--text\",staticStyle:{\"font-size\":\"1.6rem\",\"font-weight\":\"500\"}},[_vm._v(\" \"+_vm._s(_vm.$t('devices.connect.pairYourDevice'))+\" \")]),_c('v-icon',{staticClass:\"font-weight-bold mb-1\",attrs:{\"dense\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push('/')}}},[_vm._v(_vm._s('close'))])],1),_c('v-card-text',[_c('div',{staticClass:\"text-left\"},[_vm._v(\" \"+_vm._s(_vm.$t('devices.connect.putOnYourVrHeadsetAndFollowTheStepsBelowReferBackHereAnytime'))+\" \")])]),_c('ol',{staticClass:\"small numbered-list py-3 text-left\",staticStyle:{\"color\":\"#000\"}},[_c('li',[_vm._v(_vm._s(_vm.$t('devices.connect.inYourHeadsetOpenGatheringsVr')))]),_c('li',[_vm._v(_vm._s(_vm.$t('devices.connect.enterTheCodeBelowThenClickGo')))])]),_c('div',[_c('div',{staticClass:\"device-code\",staticStyle:{\"justify-content\":\"flex-start\"}},[_c('div',{staticClass:\"device-code-code\",attrs:{\"data-cy\":\"device-code\"}},[_vm._v(_vm._s(_vm.deviceCode))])])]),_c('div',{staticClass:\"pt-5 text-left\"},[_vm._v(\" \"+_vm._s(_vm.$t('devices.connect.thisCodeIsValidFor_15Minutes'))),_c('br'),_c('div',{staticClass:\"primary--text\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-cy\":\"get-another-code\"},on:{\"click\":_vm.getNewCode}},[_vm._v(\" \"+_vm._s(_vm.$t('devices.connect.getAnotherCode'))+\" \")])])],1)],1)]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"deviceCode\" class=\"mt-12 px-4\">\n    <div>\n      <h1 class=\"text-left\">\n        {{ $t('devices.connect.connect') }}\n      </h1>\n      <div class=\"text-left\">\n        {{ $t('devices.connect.pairANewHeadsetOrSignBackInToAnExistingHeadset') }}\n      </div>\n\n      <v-card elevation=\"6\" class=\"pa-5 mt-5 rounded-xl connect-card\">\n        <div class=\"d-flex justify-space-between\">\n          <v-card-title class=\"primary--text\" style=\"font-size: 1.6rem; font-weight: 500\">\n            {{ $t('devices.connect.pairYourDevice') }}\n          </v-card-title>\n          <v-icon @click=\"$router.push('/')\" dense color=\"primary\" class=\"font-weight-bold mb-1\">{{\n            'close'\n          }}</v-icon>\n        </div>\n\n        <v-card-text>\n          <div class=\"text-left\">\n            {{ $t('devices.connect.putOnYourVrHeadsetAndFollowTheStepsBelowReferBackHereAnytime') }}\n          </div>\n        </v-card-text>\n\n        <ol class=\"small numbered-list py-3 text-left\" style=\"color: #000\">\n          <li>{{ $t('devices.connect.inYourHeadsetOpenGatheringsVr') }}</li>\n          <li>{{ $t('devices.connect.enterTheCodeBelowThenClickGo') }}</li>\n        </ol>\n\n        <!-- Device code -->\n        <div>\n          <!-- Device code -->\n          <div class=\"device-code\" style=\"justify-content: flex-start\">\n            <div class=\"device-code-code\" data-cy=\"device-code\">{{ deviceCode }}</div>\n          </div>\n        </div>\n\n        <div class=\"pt-5 text-left\">\n          {{ $t('devices.connect.thisCodeIsValidFor_15Minutes') }}<br />\n          <div\n            @click=\"getNewCode\"\n            class=\"primary--text\"\n            style=\"cursor: pointer\"\n            data-cy=\"get-another-code\"\n          >\n            {{ $t('devices.connect.getAnotherCode') }}\n          </div>\n        </div>\n      </v-card>\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    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.device-code-code {\n  width: 100%;\n  font-size: medium;\n}\n@media screen and (min-width: 450px) {\n  .device-code-code {\n    width: 60%;\n  }\n}\n\n@media screen and (min-width: 600px) {\n  .connect-card {\n    width: calc(100vw - (100vw / 2.5));\n    max-width: 900px;\n  }\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!./Connect.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!./Connect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Connect.vue?vue&type=template&id=0c4e5624&scoped=true&\"\nimport script from \"./Connect.vue?vue&type=script&lang=js&\"\nexport * from \"./Connect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Connect.vue?vue&type=style&index=0&id=0c4e5624&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  \"0c4e5624\",\n  null\n  \n)\n\nexport default component.exports","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!./Connect.vue?vue&type=style&index=0&id=0c4e5624&prod&scoped=true&lang=css&\""],"sourceRoot":""}