{"version":3,"sources":["webpack:///./src/views/game/giftcode/Template.vue","webpack:///src/views/game/giftcode/Template.vue","webpack:///./src/views/game/giftcode/Template.vue?2eba","webpack:///./src/views/game/giftcode/Template.vue?e3ac","webpack:///./src/components/tabs/ButtonsTab.vue?9946","webpack:///./src/assets/images/icon/game-toolbar/fanpage-gray.svg","webpack:///./src/assets/images/icon/game-toolbar/download.svg","webpack:///./src/components/headers/AccountHeader.vue?6c96","webpack:///./src/views/account/UpdatePhone.vue?3fd3","webpack:///./src/views/account/UpdatePhone.vue","webpack:///src/views/account/UpdatePhone.vue","webpack:///./src/views/account/UpdatePhone.vue?041f","webpack:///./src/views/account/UpdatePhone.vue?1e9e","webpack:///./src/assets/images/icon/money.svg","webpack:///./src/services/gameService.js","webpack:///./src/assets/images/icon/game-toolbar/homepage-grey.svg","webpack:///./src/assets/images/icon/history_log.svg","webpack:///./src/components/headers/AccountHeader.vue","webpack:///src/components/headers/AccountHeader.vue","webpack:///./src/components/headers/AccountHeader.vue?7113","webpack:///./src/components/headers/AccountHeader.vue?a285","webpack:///./src/services/profileService.js","webpack:///./src/components/headers/GameHeader.vue","webpack:///src/components/headers/GameHeader.vue","webpack:///./src/components/headers/GameHeader.vue?37da","webpack:///./src/components/headers/GameHeader.vue?11b3","webpack:///./src/components/tabs/ButtonsTab.vue","webpack:///src/components/tabs/ButtonsTab.vue","webpack:///./src/components/tabs/ButtonsTab.vue?1ac4","webpack:///./src/components/tabs/ButtonsTab.vue?6dc3","webpack:///./src/components/headers/GameHeader.vue?06a9"],"names":["render","_vm","this","_c","_self","staticClass","scopedSlots","_u","key","fn","attrs","label","$t","click","$router","push","name","proxy","tabs","staticRenderFns","components","ButtonsTab","GameHeader","data","mode","redirectModes","ROUTE_NAME","value","$setPageTitle","component","module","exports","step","_v","_s","loading","on","$event","verify","requireCode","domProps","ref","preventDefault","onSubmit","errors","model","formData","phone","callback","$$v","$set","expression","code","_e","Template","AccountHeader","methods","response","profileService","update","error","dialogHelper","alert","message","valid","$refs","form","validate","$recaptchaLoaded","updatePhone","$recaptcha","gameService","aliasUrl","httpHelper","get","_t","account","avatarChar","displayName","money","require","staticStyle","$store","getters","point","index","$toString","reCaptchaToken","post","headers","game","pageName","params","iconUrl","getUrl","downloadUrl","length","homeUrl","fanpageUrl","props","$route","json","window","sessionStorage","getItem","JSON","parse","e","console","log","dispatch","$bridge","$emit","detail","setItem","stringify","_l","tab","currentRoute","$redirectTo","created","setCurrentRoute","watch"],"mappings":"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","file":"js/chunk-615d08b6.fdcc0d7a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-game-detail\"},[_c('b-col',{staticClass:\"py-3\"},[_c('GameHeader',{scopedSlots:_vm._u([{key:\"breadcrumb\",fn:function(){return [_c('Breadcrumb',{attrs:{\"items\":[{label: _vm.$t('Giftcode'), click: () => _vm.$router.push({name: 'GiftCodeIndex'})}, {label: _vm.$t('Game detail')}]}})]},proxy:true}])}),_c('RowLine'),_c('ButtonsTab',{attrs:{\"tabs\":_vm.tabs}}),_c('router-view')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-game-detail\">\n    <b-col class=\"py-3\">\n      <GameHeader>\n        <template #breadcrumb>\n          <Breadcrumb :items=\"[{label: $t('Giftcode'), click: () => $router.push({name: 'GiftCodeIndex'})}, {label: $t('Game detail')}]\"/>\n        </template>\n      </GameHeader>\n      <RowLine />\n      <ButtonsTab :tabs=\"tabs\" />\n      <router-view/>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport ButtonsTab from \"@/components/tabs/ButtonsTab\";\nimport GameHeader from \"@/components/headers/GameHeader\";\nimport {redirectModes} from \"@/contants\";\n\nexport default {\n  name: \"Template\",\n  components: {ButtonsTab, GameHeader},\n  data() {\n    return {\n      tabs: [{\n        label: \"All\",\n        mode: redirectModes.ROUTE_NAME,\n        value: \"GameGiftCodeIndex\"\n      }, {\n        label: \"Received\",\n        mode: redirectModes.ROUTE_NAME,\n        value: \"GameGiftCodeReceived\"\n      }, {\n        label: \"Use code\",\n        mode: redirectModes.ROUTE_NAME,\n        value: \"GameGiftCodeUseCode\"\n      }]\n    }\n  },\n  async created() {\n    this.$setPageTitle(this.$t(\"Receive & use giftcode\"));\n  }\n}\n</script>","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-loader/lib/index.js??vue-loader-options!./Template.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-loader/lib/index.js??vue-loader-options!./Template.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Template.vue?vue&type=template&id=1142ea59\"\nimport script from \"./Template.vue?vue&type=script&lang=js\"\nexport * from \"./Template.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonsTab.vue?vue&type=style&index=0&id=29644a4e&prod&scoped=true&lang=scss\"","module.exports = __webpack_public_path__ + \"img/fanpage-gray.2fdb72ff.svg\";","module.exports = __webpack_public_path__ + \"img/download.8daf6b98.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountHeader.vue?vue&type=style&index=0&id=6a38294c&prod&scoped=true&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UpdatePhone.vue?vue&type=style&index=0&id=39506e31&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-update-email\"},[_c('AccountHeader',{scopedSlots:_vm._u([{key:\"breadcrumb\",fn:function(){return [_c('Breadcrumb',{attrs:{\"items\":[{label: _vm.$t('Account'), click: () => _vm.$router.push({name: 'Account'})}, {label: _vm.$t('Update a phone number')}]}})]},proxy:true}])}),(_vm.step === 1)?_c('div',{staticClass:\"p-3\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"Update your phone\")))]),_c('div',{staticClass:\"description mb-3\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Your recovery phone is used to contact you in the event that we detect unusual activity in your account or you are accidentally blocked.\"))+\" \")]),_c('b-button',{staticClass:\"text-uppercase font-weight-bold\",attrs:{\"variant\":\"secondary\",\"block\":\"\",\"disabled\":_vm.loading},on:{\"click\":function($event){return _vm.verify()}}},[_vm._v(_vm._s(_vm.$t(\"Update a phone number\")))])],1):_c('div',{staticClass:\"p-3\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"Set your new phone number\")))]),_c('div',{staticClass:\"description mb-3\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"This phone number can be used to login and retrieve the password. We will contact you via this email in case contact is needed.\"))+\" \")]),_c('b-alert',{attrs:{\"show\":_vm.requireCode,\"variant\":\"warning\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('Secure code has been sent to your email'))}}),_c('ValidationObserver',{ref:\"form\",staticClass:\"form app-form\",attrs:{\"tag\":\"form\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit()}}},[_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-input',{attrs:{\"disabled\":_vm.loading,\"placeholder\":_vm.$t('Enter a phone number')},model:{value:(_vm.formData.phone),callback:function ($$v) {_vm.$set(_vm.formData, \"phone\", $$v)},expression:\"formData.phone\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),(_vm.requireCode)?_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-input',{attrs:{\"disabled\":_vm.loading,\"placeholder\":_vm.$t('Enter a secure code')},model:{value:(_vm.formData.code),callback:function ($$v) {_vm.$set(_vm.formData, \"code\", $$v)},expression:\"formData.code\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}],null,false,3795297074)})],1):_vm._e()],1),_c('b-button',{staticClass:\"text-uppercase font-weight-bold\",attrs:{\"variant\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.onSubmit()}}},[_vm._v(_vm._s(_vm.$t(\"Update a phone number\")))])],1),_c('LoadingModal',{attrs:{\"show\":_vm.loading}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-update-email\">\n    <AccountHeader>\n      <template #breadcrumb>\n        <Breadcrumb :items=\"[{label: $t('Account'), click: () => $router.push({name: 'Account'})}, {label: $t('Update a phone number')}]\"/>\n      </template>\n    </AccountHeader>\n    <div class=\"p-3\" v-if=\"step === 1\">\n      <h1>{{$t(\"Update your phone\")}}</h1>\n      <div class=\"description mb-3\">\n        {{$t(\"Your recovery phone is used to contact you in the event that we detect unusual activity in your account or you are accidentally blocked.\")}}\n      </div>\n      <b-button variant=\"secondary\" class=\"text-uppercase font-weight-bold\" block @click=\"verify()\" :disabled=\"loading\">{{$t(\"Update a phone number\")}}</b-button>\n    </div>\n    <div class=\"p-3\" v-else>\n      <h1>{{$t(\"Set your new phone number\")}}</h1>\n      <div class=\"description mb-3\">\n        {{$t(\"This phone number can be used to login and retrieve the password. We will contact you via this email in case contact is needed.\")}}\n      </div>\n      <b-alert :show=\"requireCode\" v-html=\"$t('Secure code has been sent to your email')\" variant=\"warning\"></b-alert>\n      <ValidationObserver ref=\"form\" tag=\"form\" class=\"form app-form\" @submit.prevent=\"onSubmit()\">\n        <b-form-group>\n          <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n            <b-input v-model=\"formData.phone\" :disabled=\"loading\" :placeholder=\"$t('Enter a phone number')\"/>\n            <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n          </ValidationProvider>\n        </b-form-group>\n        <b-form-group v-if=\"requireCode\">\n          <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n            <b-input v-model=\"formData.code\" :disabled=\"loading\" :placeholder=\"$t('Enter a secure code')\"/>\n            <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n          </ValidationProvider>\n        </b-form-group>\n      </ValidationObserver>\n      <b-button variant=\"primary\" class=\"text-uppercase font-weight-bold\" block @click=\"onSubmit()\">{{$t(\"Update a phone number\")}}</b-button>\n    </div>\n    <LoadingModal :show=\"loading\" />\n  </div>  \n</template>\n\n<script>\nimport AccountHeader from \"@/components/headers/AccountHeader\";\nimport Template from \"@/views/game/giftcode/Template\";\nimport profileService from \"@/services/profileService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"UpdatePhone\",\n  components: {Template, AccountHeader},\n  data() {\n    return {\n      loading: false,\n      requireCode: false,\n      step: 1,\n      formData: {\n        phone: \"\",\n        code: \"\"\n      }\n    }\n  },\n  methods: {\n    async verify() {\n      this.loading = true;\n      const response = await profileService.update();\n      this.loading = false;\n      if (!response) {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n      \n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n      \n      this.requireCode = response.data.requireCode;\n      this.step = 2;\n    },\n    async onSubmit() {\n      const valid = await this.$refs.form.validate();\n      if (!valid)\n        return;\n\n      this.loading = true;\n      await this.$recaptchaLoaded();\n      const response = await profileService.updatePhone(this.formData, await this.$recaptcha('updatePhone'))\n      this.loading = false;\n\n      if (!response)\n      {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      await dialogHelper.alert(response.message, \"success\");\n      await this.$router.push({name: \"Account\"})\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.page-update-email {\n  h1 {\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 3px;\n  }\n}\n</style>","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-loader/lib/index.js??vue-loader-options!./UpdatePhone.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-loader/lib/index.js??vue-loader-options!./UpdatePhone.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UpdatePhone.vue?vue&type=template&id=39506e31&scoped=true\"\nimport script from \"./UpdatePhone.vue?vue&type=script&lang=js\"\nexport * from \"./UpdatePhone.vue?vue&type=script&lang=js\"\nimport style0 from \"./UpdatePhone.vue?vue&type=style&index=0&id=39506e31&prod&scoped=true&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  \"39506e31\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/money.31010c6b.svg\";","import httpHelper from \"@/helpers/httpHelper\";\n\nconst gameService = {\n    async detail(aliasUrl) {\n        return await httpHelper.get(\"/WebApi/Game/Detail\", {aliasUrl});\n    },\n    async getAll() {\n        return await httpHelper.get(\"/WebApi/Game/GetAll\");\n    }\n};\n\nexport default gameService;","module.exports = __webpack_public_path__ + \"img/homepage-grey.dea93aeb.svg\";","module.exports = __webpack_public_path__ + \"img/history_log.7b7b99a5.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"account-header\"},[_vm._t(\"breadcrumb\",function(){return [_c('Breadcrumb',{attrs:{\"items\":[{ label: _vm.$t('Account') }]}})]}),(_vm.account)?_c('div',{staticClass:\"acc-container d-flex align-items-center\"},[_c('div',{staticClass:\"acc-avatar\"},[_vm._v(\" \"+_vm._s(_vm.account.avatarChar)+\" \")]),_c('div',{staticClass:\"acc-info\"},[_c('div',{staticClass:\"acc-name\"},[_vm._v(_vm._s(_vm.account.displayName))]),_c('div',{staticClass:\"acc-wallet d-flex align-items-center\"},[_c('div',{staticClass:\"acc-money mr-2\"},[_c('strong',{staticClass:\"mr-1\"},[_vm._v(_vm._s(_vm.$t(\"Account balance\"))+\":\")]),_vm._v(_vm._s(this.money)),_c('img',{attrs:{\"src\":require(\"../../assets/images/icon/money.svg\"),\"width\":\"16px\",\"alt\":\"\"}})])])]),_c('a',{staticStyle:{\"margin-top\":\"-5px\"},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$router.push({ name: 'AccountHistory' })}}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/icon/history_log.svg\"),\"alt\":\"\"}})])]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"account-header\">\n    <slot name=\"breadcrumb\">\n      <Breadcrumb :items=\"[{ label: $t('Account') }]\" />\n    </slot>\n    <div class=\"acc-container d-flex align-items-center\" v-if=\"account\">\n      <div class=\"acc-avatar\">\n        {{ account.avatarChar }}\n      </div>\n      <div class=\"acc-info\">\n        <div class=\"acc-name\">{{ account.displayName }}</div>\n        <div class=\"acc-wallet d-flex align-items-center\">\n          <div class=\"acc-money mr-2\">\n            <strong class=\"mr-1\">{{ $t(\"Account balance\") }}:</strong\n            >{{ this.money\n            }}<img\n              src=\"../../assets/images/icon/money.svg\"\n              width=\"16px\"\n              alt=\"\"\n            />\n          </div>\n          <!-- <div class=\"acc-point pr-2\">\n            <strong class=\"mr-1\">{{ $t(\"Point\") }}:</strong>{{ this.point }}\n          </div> -->\n        </div>\n      </div>\n      <a\n        href=\"#\"\n        style=\"margin-top: -5px\"\n        @click.prevent=\"$router.push({ name: 'AccountHistory' })\"\n        ><img src=\"../../assets/images/icon/history_log.svg\" alt=\"\"\n      /></a>\n    </div>\n  </div>\n</template>\n\n<script>\nimport profileService from \"@/services/profileService\";\n\nexport default {\n  name: \"AccountHeader\",\n  data() {\n    return {\n      account: this.$store.getters.account,\n      money: 0,\n      point: 0,\n    };\n  },\n  async created() {\n    const response = await profileService.index();\n    if (!response || response.error) return;\n\n    const data = response.data;\n    this.money = data.money.$toString();\n    this.point = data.point.$toString();\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.account-header {\n  padding: 15px;\n  background-color: hsla(0, 0%, 93.3%, 0.5);\n\n  .acc-container {\n    padding: 10px 0;\n\n    .acc-avatar {\n      display: block;\n      margin-right: 15px;\n      width: 56px;\n      height: 56px;\n      background-color: #fab70f;\n      border-radius: 50%;\n      text-align: center;\n      line-height: 64px;\n      color: #fff;\n      font-weight: 900;\n      font-size: 38px;\n    }\n\n    .acc-info {\n      flex: 1;\n\n      .acc-name {\n        font-size: 1.2em;\n        font-weight: 700;\n      }\n\n      .acc-id {\n        font-size: 1.1em;\n      }\n\n      .acc-wallet {\n        font-size: 13px;\n\n        .acc-money {\n          img {\n            float: right;\n            margin-left: 3px;\n          }\n        }\n      }\n    }\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-loader/lib/index.js??vue-loader-options!./AccountHeader.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-loader/lib/index.js??vue-loader-options!./AccountHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AccountHeader.vue?vue&type=template&id=6a38294c&scoped=true\"\nimport script from \"./AccountHeader.vue?vue&type=script&lang=js\"\nexport * from \"./AccountHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./AccountHeader.vue?vue&type=style&index=0&id=6a38294c&prod&scoped=true&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  \"6a38294c\",\n  null\n  \n)\n\nexport default component.exports","import httpHelper from \"@/helpers/httpHelper\";\n\nconst profileService = {\n    async index() {\n        return await httpHelper.get(\"/WebApi/Profile/Index\");\n    },\n    async account() {\n        return await httpHelper.get(\"/WebApi/Profile/Account\");\n    },\n    async update() {\n        return await httpHelper.get(\"/WebApi/Profile/Update\");\n    },\n    async updateEmail(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/Profile/UpdateEmail\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    },\n    async updatePhone(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/Profile/UpdatePhone\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    },\n    async changePassword(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/Profile/ChangePassword\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    },\n    async updateInviteCode(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/Profile/UpdateInviteCode\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    },\n    async getLogs(data) {\n        return await httpHelper.get(\"/WebApi/Profile/GetLogs\", data);\n    },\n};\n\nexport default profileService;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"game-header\"},[(_vm.loading)?_c('LoadingPanel'):(_vm.game == null)?_c('NotFoundPanel'):_c('div',[_vm._t(\"breadcrumb\",function(){return [(_vm.game)?_c('div',[(_vm.pageName)?_c('Breadcrumb',{attrs:{\"items\":[\n            {\n              label: _vm.$t('Game detail'),\n              click: () =>\n                _vm.$router.push({\n                  name: 'GameDetail',\n                  params: { aliasUrl: _vm.game.aliasUrl },\n                }),\n            },\n            { label: _vm.pageName },\n          ]}}):_c('Breadcrumb',{attrs:{\"items\":[{ label: _vm.game.name }]}})],1):_vm._e()]},null,_vm.game),_c('div',{staticClass:\"d-flex\"},[_c('img',{staticClass:\"game-icon mr-3\",attrs:{\"src\":_vm.game.iconUrl.getUrl(),\"alt\":\"\"}}),_c('div',{staticClass:\"game-content\"},[_c('h1',{staticClass:\"game-name\"},[_vm._v(_vm._s(_vm.game.name))]),_c('div',{staticClass:\"game-links d-flex justify-content-between\"},[(_vm.game.downloadUrl && _vm.game.downloadUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.downloadUrl,\"download\":\"\"}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/download.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Download game\"))+\" \")])]):_vm._e(),(_vm.game.homeUrl && _vm.game.homeUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.homeUrl}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/homepage-grey.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Home page\"))+\" \")])]):_vm._e(),(_vm.game.fanpageUrl && _vm.game.fanpageUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.fanpageUrl}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/fanpage-gray.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Fanpage\"))+\" \")])]):_vm._e()])])])],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"game-header\">\n    <LoadingPanel v-if=\"loading\" />\n    <NotFoundPanel v-else-if=\"game == null\" />\n    <div v-else>\n      <slot name=\"breadcrumb\" v-bind=\"game\">\n        <div v-if=\"game\">\n          <Breadcrumb\n            v-if=\"pageName\"\n            :items=\"[\n              {\n                label: $t('Game detail'),\n                click: () =>\n                  $router.push({\n                    name: 'GameDetail',\n                    params: { aliasUrl: game.aliasUrl },\n                  }),\n              },\n              { label: pageName },\n            ]\"\n          />\n          <Breadcrumb v-else :items=\"[{ label: game.name }]\" />\n        </div>\n      </slot>\n      <div class=\"d-flex\">\n        <img :src=\"game.iconUrl.getUrl()\" class=\"game-icon mr-3\" alt=\"\" />\n        <div class=\"game-content\">\n          <h1 class=\"game-name\">{{ game.name }}</h1>\n          <div class=\"game-links d-flex justify-content-between\">\n            <div\n              class=\"game-link\"\n              v-if=\"game.downloadUrl && game.downloadUrl.length > 0\"\n            >\n              <a :href=\"game.downloadUrl\" download>\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/download.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Download game\") }}\n              </a>\n            </div>\n            <div\n              class=\"game-link\"\n              v-if=\"game.homeUrl && game.homeUrl.length > 0\"\n            >\n              <a :href=\"game.homeUrl\">\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/homepage-grey.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Home page\") }}\n              </a>\n            </div>\n            <div\n              class=\"game-link\"\n              v-if=\"game.fanpageUrl && game.fanpageUrl.length > 0\"\n            >\n              <a :href=\"game.fanpageUrl\">\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/fanpage-gray.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Fanpage\") }}\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport gameService from \"@/services/gameService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"GameHeader\",\n  props: [\"aliasUrl\", \"pageName\"],\n  data() {\n    return {\n      game: null,\n      loading: true,\n    };\n  },\n  async created() {\n    let game;\n    let aliasUrl = this.aliasUrl || this.$route.params.aliasUrl;\n    if (!aliasUrl) {\n      this.loading = false;\n      return;\n    }\n\n    try {\n      const json = window.sessionStorage.getItem(\"game:\" + aliasUrl);\n      if (json) game = JSON.parse(json);\n    } catch (e) {\n      console.log(e);\n    }\n\n    if (game) {\n      this.game = game;\n      await this.$store.dispatch(\"setCurrentGame\", game);\n      this.$bridge.$emit(\"setCurrentGame\", game);\n      this.loading = false;\n      return;\n    }\n\n    const response = await gameService.detail(aliasUrl);\n    if (!response) {\n      this.loading = false;\n      await dialogHelper.alert(\n        \"Connect to server failed. Please check your internet connection\"\n      );\n      return;\n    }\n\n    game = response.data;\n    await this.$store.dispatch(\"setCurrentGame\", game);\n    try {\n      window.sessionStorage.setItem(\"game:\" + aliasUrl, JSON.stringify(game));\n    } catch (e) {\n      console.log(e);\n    }\n\n    this.game = game;\n    this.loading = false;\n    this.$bridge.$emit(\"setCurrentGame\", game);\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.game-header {\n  .game-icon {\n    height: 52px;\n    width: 52px;\n    object-fit: contain;\n  }\n\n  .game-content {\n    flex: 1;\n\n    .game-name {\n      font-size: 16px;\n      font-weight: 400;\n    }\n\n    .game-links {\n      .game-link {\n        font-size: 12px;\n        padding-right: 5px;\n\n        a {\n          color: #8e8e93;\n\n          img {\n            vertical-align: text-top;\n          }\n        }\n      }\n    }\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-loader/lib/index.js??vue-loader-options!./GameHeader.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-loader/lib/index.js??vue-loader-options!./GameHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GameHeader.vue?vue&type=template&id=d23e3586&scoped=true\"\nimport script from \"./GameHeader.vue?vue&type=script&lang=js\"\nexport * from \"./GameHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./GameHeader.vue?vue&type=style&index=0&id=d23e3586&prod&scoped=true&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  \"d23e3586\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-row',{staticClass:\"button-tabs\"},[_c('b-col',[_c('div',{staticClass:\"list-tabs d-flex justify-content-between\"},_vm._l((_vm.tabs),function(tab,index){return _c('div',{key:index,staticClass:\"button\"},[_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":_vm.currentRoute == tab.value ? 'primary' : 'outline-secondary',\"block\":\"\"},on:{\"click\":function($event){return _vm.$redirectTo(tab)}}},[_vm._v(\" \"+_vm._s(_vm.$t(tab.label))+\" \")])],1)}),0)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-row class=\"button-tabs\">\n    <b-col>\n      <div class=\"list-tabs d-flex justify-content-between\">\n        <div class=\"button\" v-for=\"(tab, index) in tabs\" :key=\"index\">\n          <b-button :variant=\"currentRoute == tab.value ? 'primary' : 'outline-secondary'\" block class=\"btn-rounded\" @click=\"$redirectTo(tab)\">\n            {{ $t(tab.label) }}\n          </b-button>\n        </div>\n      </div>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nexport default {\n  name: \"ButtonsTab\",\n  props: [\"tabs\"],\n  data() {\n    return {\n      currentRoute: \"\"\n    }\n  },\n  created() {\n    this.setCurrentRoute();\n  },\n  methods: {\n    setCurrentRoute() {\n      this.currentRoute = this.$route.name;\n    }\n  },\n  watch: {\n    \"$route.name\": function () {\n      this.setCurrentRoute();\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.button-tabs {\n  border-bottom: 1px solid #f2f2f2;\n  margin-bottom: 15px;\n\n  .list-tabs {\n    margin: 0 -5px;\n\n    .button {\n      flex: 1;\n      padding: 5px 5px 15px 5px;\n      \n      .btn-outline-secondary {\n        border: 1px solid rgb(118, 118, 118) !important;\n        color: rgb(118, 118, 118) !important;\n        \n        &:hover {\n          background-color: transparent !important;\n        }\n      }\n    }\n  }\n}\n</style>","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-loader/lib/index.js??vue-loader-options!./ButtonsTab.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-loader/lib/index.js??vue-loader-options!./ButtonsTab.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ButtonsTab.vue?vue&type=template&id=29644a4e&scoped=true\"\nimport script from \"./ButtonsTab.vue?vue&type=script&lang=js\"\nexport * from \"./ButtonsTab.vue?vue&type=script&lang=js\"\nimport style0 from \"./ButtonsTab.vue?vue&type=style&index=0&id=29644a4e&prod&scoped=true&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  \"29644a4e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameHeader.vue?vue&type=style&index=0&id=d23e3586&prod&scoped=true&lang=scss\""],"sourceRoot":""}