{"version":3,"sources":["webpack:///./src/assets/images/icon/game-toolbar/fanpage-gray.svg","webpack:///./src/assets/images/icon/game-toolbar/download.svg","webpack:///./src/services/gameService.js","webpack:///./src/assets/images/icon/game-toolbar/homepage-grey.svg","webpack:///./src/services/serverGameService.js","webpack:///./src/services/roleService.js","webpack:///./src/services/webShopService.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/headers/GameHeader.vue?06a9","webpack:///./src/views/game/webShop/Index.vue","webpack:///src/views/game/webShop/Index.vue","webpack:///./src/views/game/webShop/Index.vue?42f1","webpack:///./src/views/game/webShop/Index.vue?7ff0","webpack:///./src/views/game/webShop/Index.vue?597a"],"names":["module","exports","gameService","aliasUrl","httpHelper","get","serverGameService","idGame","roleService","idServer","webShopService","data","reCaptchaToken","post","headers","render","_vm","this","_c","_self","staticClass","loading","game","_t","pageName","attrs","label","$t","click","$router","push","name","params","_e","iconUrl","getUrl","_v","_s","downloadUrl","length","require","homeUrl","fanpageUrl","staticRenderFns","props","$route","json","window","sessionStorage","getItem","JSON","parse","e","console","log","$store","dispatch","$bridge","$emit","response","detail","dialogHelper","alert","setItem","stringify","component","ref","on","$event","preventDefault","onSubmit","scopedSlots","_u","key","fn","errors","servers","formData","model","value","callback","$$v","$set","expression","roles","idRole","_l","categories","category","index","id","idCategory","packages","item","buyTimes","domProps","proxy","amount","$toString","$config","goldName","price","items","goods","i","imageUrl","$n","quantity","components","GameHeader","timeout","idWebShop","created","$on","onSetGame","beforeDestroy","$off","methods","loadServers","$gotoHomePage","clearTimeout","setTimeout","error","message","getAllByGame","confirm","$recaptchaLoaded","buy","$recaptcha","loadPackages","watch","newValue","getRolesByServer"],"mappings":"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","file":"js/chunk-13da7768.1fd90c2e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/fanpage-gray.2fdb72ff.svg\";","module.exports = __webpack_public_path__ + \"img/download.8daf6b98.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\";","import httpHelper from \"@/helpers/httpHelper\";\n\nconst serverGameService = {\n    async getAllByGame(idGame) {\n        return await httpHelper.get(\"/WebApi/GameServer/GetAllByGame\", {idGame});\n    },\n};\n\nexport default serverGameService;","import httpHelper from \"@/helpers/httpHelper\";\n\nconst roleService = {\n    async getRolesByServer(idServer) {\n        return await httpHelper.get(\"/WebApi/Role/GetRolesByServer\", {idServer});\n    },\n};\n\nexport default roleService;","import httpHelper from \"@/helpers/httpHelper\";\n\nconst webShopService = {\n    async get(data) {\n        return await httpHelper.get(\"/WebApi/WebShop/Get\", data);\n    },\n    async buy(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/WebShop/Buy\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    },\n};\n\nexport default webShopService;","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","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\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-account\"},[_c('b-col',{staticClass:\"py-3\"},[_c('GameHeader',{attrs:{\"page-name\":_vm.$t('WebShop')}}),_c('RowLine'),_c('div',{staticClass:\"game-feature\"},[_c('h1',{staticClass:\"feature-title\"},[_vm._v(_vm._s(_vm.$t(\"WebShop\")))]),_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-select',{attrs:{\"options\":_vm.servers,\"value-field\":\"id\",\"text-field\":\"name\",\"disabled\":_vm.loading || _vm.formData.idGame < 1},model:{value:(_vm.formData.idServer),callback:function ($$v) {_vm.$set(_vm.formData, \"idServer\", $$v)},expression:\"formData.idServer\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.roles,\"value-field\":\"id\",\"text-field\":\"name\",\"disabled\":_vm.loading || _vm.formData.idServer < 1},model:{value:(_vm.formData.idRole),callback:function ($$v) {_vm.$set(_vm.formData, \"idRole\", $$v)},expression:\"formData.idRole\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',_vm._l((_vm.categories),function(category,index){return _c('b-button',{key:index,staticClass:\"btn-rounded mr-1 mb-1\",attrs:{\"variant\":category.id === _vm.formData.idCategory ? 'primary' : 'outline-primary'},on:{\"click\":function($event){_vm.formData.idCategory = category.id}}},[_vm._v(\" \"+_vm._s(category.name)+\" \")])}),1),(_vm.packages.length === 0)?_c('b-form-group',[_c('NotFoundPanel')],1):_c('b-form-group',[_c('b-row',_vm._l((_vm.packages),function(item,index){return _c('b-col',{key:index,staticClass:\"mb-3\",attrs:{\"sm\":\"6\"}},[_c('b-card',{staticClass:\"ws\",scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',[_c('h3',[_vm._v(_vm._s(item.name))]),(item.buyTimes > 0)?_c('div',{staticClass:\"ws-buy-times\",domProps:{\"innerHTML\":_vm._s(_vm.$t('You have {0} purchases left', [item.buyTimes]))}}):_vm._e()])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('div',[_c('div',{staticClass:\"ws-amount\"},[_c('b',[_vm._v(_vm._s(item.amount.$toString()))]),_vm._v(\" \"+_vm._s(_vm.$config.goldName))]),(item.price > item.amount)?_c('div',{staticClass:\"ws-price\"},[_vm._v(_vm._s(item.price.$toString())+\" \"+_vm._s(_vm.$config.goldName))]):_vm._e()]),_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.onSubmit(item)}}},[_vm._v(_vm._s(_vm.$t(\"Buy\")))])],1)]},proxy:true}],null,true)},[_c('perfect-scrollbar',_vm._l((item.items),function(goods,i){return _c('div',{key:i,staticClass:\"ws-goods\"},[_c('img',{attrs:{\"src\":goods.imageUrl.getUrl()}}),_vm._v(_vm._s(goods.name)+\" x \"+_vm._s(_vm.$n(goods.quantity)))])}),0)],1)],1)}),1)],1),_c('b-form-group',{staticClass:\"pt-2\"},[_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\" 1. Web shop is a place to sell rare and precious items in the game. \")]),_c('div',[_vm._v(\" 2. The currency of purchase and sale at the web shop is Coin, the way to receive Coin is to top up the card. \")]),_c('div',[_vm._v(\" 3. After purchasing the item will be sent to the character mailbox in the game. \")]),_c('div',{staticClass:\"font-weight-bold text-danger\"},[_vm._v(\" 4. Note that after purchase is not refundable, please note that if purchased by mistake, we will not be responsible. \")]),_c('div',[_vm._v(\" 5. Buying items at this Shop will not increase benefits or VIP points in the game, please pay attention to avoid miscalculation. \")])])],1),_c('LoadingModal',{attrs:{\"show\":_vm.loading}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-account\">\n    <b-col class=\"py-3\">\n      <GameHeader :page-name=\"$t('WebShop')\"/>\n      <RowLine />\n      <div class=\"game-feature\">\n        <h1 class=\"feature-title\">{{$t(\"WebShop\")}}</h1>\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-select v-model=\"formData.idServer\" :options=\"servers\" value-field=\"id\" text-field=\"name\" :disabled=\"loading || formData.idGame < 1\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.idRole\" :options=\"roles\" value-field=\"id\" text-field=\"name\" :disabled=\"loading || formData.idServer < 1\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <b-button v-for=\"(category, index) in categories\" :key=\"index\" :variant=\"category.id === formData.idCategory ? 'primary' : 'outline-primary'\" class=\"btn-rounded mr-1 mb-1\" @click=\"formData.idCategory = category.id\">\n              {{category.name}}\n            </b-button>\n          </b-form-group>\n          <b-form-group v-if=\"packages.length === 0\">\n            <NotFoundPanel/>\n          </b-form-group>\n          <b-form-group v-else>\n            <b-row>\n              <b-col sm=\"6\" v-for=\"(item, index) in packages\" :key=\"index\" class=\"mb-3\">\n                <b-card class=\"ws\">\n                  <template #header>\n                    <div>\n                      <h3>{{item.name}}</h3>\n                      <div v-if=\"item.buyTimes > 0\" class=\"ws-buy-times\" v-html=\"$t('You have {0} purchases left', [item.buyTimes])\"></div>\n                    </div>\n                  </template>\n                  <template #footer>\n                    <div class=\"d-flex align-items-center justify-content-between\">\n                      <div>\n                        <div class=\"ws-amount\"><b>{{item.amount.$toString()}}</b> {{$config.goldName}}</div>\n                        <div class=\"ws-price\" v-if=\"item.price > item.amount\">{{item.price.$toString()}} {{$config.goldName}}</div>\n                      </div>\n                      <b-button class=\"btn-rounded\" variant=\"primary\" size=\"sm\" @click=\"onSubmit(item)\">{{$t(\"Buy\")}}</b-button>\n                    </div>\n                  </template>\n                  <perfect-scrollbar>\n                    <div v-for=\"(goods, i) in item.items\" :key=\"i\" class=\"ws-goods\"><img :src=\"goods.imageUrl.getUrl()\"/>{{goods.name}} x {{$n(goods.quantity)}}</div>\n                  </perfect-scrollbar>\n                </b-card>\n              </b-col>\n            </b-row>\n          </b-form-group>\n          <b-form-group class=\"pt-2\">\n            <div class=\"font-weight-bold\">\n              1. Web shop is a place to sell rare and precious items in the game.\n            </div>\n            <div>\n              2. The currency of purchase and sale at the web shop is Coin, the way to receive Coin is to top up the card.\n            </div>\n            <div>\n              3. After purchasing the item will be sent to the character mailbox in the game.\n            </div>\n            <div class=\"font-weight-bold text-danger\">\n              4. Note that after purchase is not refundable, please note that if purchased by mistake, we will not be responsible.\n            </div>\n            <div>\n              5. Buying items at this Shop will not increase benefits or VIP points in the game, please pay attention to avoid miscalculation.\n            </div>\n          </b-form-group>\n        </ValidationObserver>\n        <LoadingModal :show=\"loading\"/>\n      </div>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport GameHeader from \"@/components/headers/GameHeader\";\nimport serverGameService from \"@/services/serverGameService\";\nimport webShopService from \"@/services/webShopService\";\nimport roleService from \"@/services/roleService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"Index\",\n  components: {GameHeader},\n  data() {\n    return {\n      loading: false,\n      timeout: null,\n      servers: [{\n        id: 0,\n        name: this.$t(\"Select a server\")\n      }],\n      roles: [{\n        id: 0,\n        name: this.$t(\"Select a role\")\n      }],\n      categories: [],\n      packages: [],\n      formData: {\n        idCategory: 0,\n        idGame: 0,\n        idServer: 0,\n        idRole: 0,\n        idWebShop: 0\n      }\n    }\n  },\n  created() {\n    this.$bridge.$on(\"setCurrentGame\", this.onSetGame);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"setCurrentGame\", this.onSetGame);\n  },\n  methods: {\n    onSetGame(game) {\n      if (!game)\n      {\n        this.$gotoHomePage();\n        return;\n      }\n\n      this.formData.idGame = game.id;\n      this.loadServers(game.id);\n    },\n    async loadPackages() {\n      if (this.timeout != null) {\n        clearTimeout(this.timeout);\n        this.timeout = null;\n      }\n\n      this.timeout = setTimeout(async () => {\n        this.categories = [];\n        this.packages = [];\n        this.loading = true;\n        const response = await webShopService.get(this.formData);\n        this.loading = false;\n\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        const data = response.data;\n        let categories = [{id: 0, name: this.$t(\"All\")}];\n        categories = [...categories, ...data.categories];\n        this.categories = categories;\n        this.packages = data.packages;\n      }, 300);\n    },\n    async loadServers(idGame) {\n      let servers = [{\n        id: 0,\n        name: this.$t(\"Select a server\")\n      }];\n\n      const response = await serverGameService.getAllByGame(idGame);\n      this.loading = false;\n      if (!response)\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n      else if (response.error)\n        await dialogHelper.alert(response.message);\n      else\n        servers = [...servers, ...response.data];\n\n      this.servers = servers;\n      this.formData.idServer = servers.length > 1 ? servers[1].id : 0;\n    },\n    async onSubmit(item) {\n      if (!await dialogHelper.confirm(this.$t(\"Are you sure to buy {0}\", [item.name])))\n        return;\n\n\n      this.formData.idWebShop = item.id;\n      this.loading = true;\n      await this.$recaptchaLoaded();\n      const response = await webShopService.buy(this.formData, await this.$recaptcha('webshop'))\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.loadPackages();\n    }\n  },\n  watch: {\n    \"formData.idServer\": async function (newValue) {\n      let roles = [{\n        id: 0,\n        name: this.$t(\"Select a role\")\n      }];\n\n      if (newValue > 0) {\n        this.loading = true;\n        const response = await roleService.getRolesByServer(newValue);\n        this.loading = false;\n        if (!response)\n          await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        else if (response.error)\n          await dialogHelper.alert(response.message);\n        else\n          roles = [...roles, ...response.data];\n      }\n\n      this.roles = roles;\n      this.formData.idRole = roles.length > 1 ? roles[1].id :  0;\n\n      await this.loadPackages(this.formData.idGame);\n    },\n    \"formData.idRole\": async function (newValue) {\n      await this.loadPackages(this.formData.idGame);\n    },\n    \"formData.idCategory\": async function (newValue) {\n      await this.loadPackages(this.formData.idGame);\n    },\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.ws {\n  .card-header {\n    height: 62px;\n    display: flex;\n    align-items: center;\n\n    h3 {\n      font-size: 15px;\n      font-weight: 700;\n      margin-bottom: 0;\n    }\n\n    .ws-buy-times {\n      font-size: 12px;\n      padding-top: 2px;\n\n      b {\n        color: red !important;\n      }\n    }\n  }\n\n  .card-body {\n    padding: 0;\n\n    .ps {\n      width: 100%;\n      height: 140px;\n      overflow: hidden;\n      padding: 15px;\n\n      .ws-goods {\n        margin-bottom: 5px;\n\n        img {\n          width: 24px;\n          height: 24px;\n          object-fit: contain;\n          margin-right: 5px;\n        }\n      }\n    }\n  }\n\n  .card-footer {\n    .ws-price {\n      color: red;\n      font-size: 12px;\n      line-height: 12px;\n      text-decoration: line-through;\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!./Index.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!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=a06787c6&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=a06787c6&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  \"a06787c6\",\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!./Index.vue?vue&type=style&index=0&id=a06787c6&prod&scoped=true&lang=scss\""],"sourceRoot":""}