{"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/views/game/gift/Index.vue","webpack:///src/views/game/gift/Index.vue","webpack:///./src/views/game/gift/Index.vue?9849","webpack:///./src/views/game/gift/Index.vue?2f4a","webpack:///./src/assets/images/icon/game-toolbar/homepage-grey.svg","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"],"names":["module","exports","gameService","aliasUrl","httpHelper","get","render","_vm","this","_c","_self","staticClass","attrs","$t","_v","_s","ref","on","$event","preventDefault","onSubmit","model","value","serverName","callback","$$v","expression","roleName","gifts","length","_l","item","index","key","staticStyle","imageUrl","getUrl","name","openDetail","loading","staticRenderFns","components","GameHeader","data","idGame","undefined","userName","created","$bridge","$on","loadGifts","beforeDestroy","$off","methods","game","id","serverId","roleId","$route","query","$gotoHomePage","result","giftService","getGifts","gameId","error","username","claimed","filter","x","gift","panel","$showPanel","component","openOn","height","window","innerHeight","props","promise","then","dialogHelper","confirm","formData","idWebShop","$recaptchaLoaded","response","webShopService","buy","$recaptcha","alert","message","loadPackages","reCaptchaToken","post","headers","_t","pageName","label","click","$router","push","params","_e","iconUrl","downloadUrl","require","homeUrl","fanpageUrl","json","sessionStorage","getItem","JSON","parse","e","console","log","$store","dispatch","$emit","detail","setItem","stringify"],"mappings":"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","file":"js/chunk-97bddf86.d21a8603.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;","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('label',[_vm._v(_vm._s(_vm.$t(\"Server name\")))]),_c('b-input',{attrs:{\"readonly\":\"\"},model:{value:(_vm.serverName),callback:function ($$v) {_vm.serverName=$$v},expression:\"serverName\"}})],1),_c('b-form-group',[_c('label',[_vm._v(_vm._s(_vm.$t(\"Character\")))]),_c('b-input',{attrs:{\"readonly\":\"\"},model:{value:(_vm.roleName),callback:function ($$v) {_vm.roleName=$$v},expression:\"roleName\"}})],1),(_vm.gifts.length === 0)?_c('b-form-group',[_c('NotFoundPanel')],1):_c('b-form-group',[_c('b-row',_vm._l((_vm.gifts),function(item,index){return _c('b-col',{key:index,staticClass:\"mb-3\",attrs:{\"cols\":\"6\",\"sm\":\"4\",\"md\":\"3\"}},[_c('b-card',[_c('img',{staticClass:\"mb-3\",staticStyle:{\"display\":\"block\",\"max-width\":\"100%\",\"margin\":\"0 auto\"},attrs:{\"src\":item.imageUrl.length ? item.imageUrl.getUrl() : '../../../assets/images/gift-newbie.png',\"alt\":item.name}}),_c('h4',{staticClass:\"text-center mb-2\",staticStyle:{\"font-size\":\"16px\"}},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"text-center\"},[_c('b-button',{attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.openDetail(item)}}},[_vm._v(_vm._s(_vm.$t(\"Claim\")))])],1)])],1)}),1)],1)],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            <label>{{ $t(\"Server name\") }}</label>\n            <b-input v-model=\"serverName\" readonly />\n          </b-form-group>\n          <b-form-group>\n            <label>{{ $t(\"Character\") }}</label>\n            <b-input v-model=\"roleName\" readonly />\n          </b-form-group>\n          <b-form-group v-if=\"gifts.length === 0\">\n            <NotFoundPanel/>\n          </b-form-group>\n          <b-form-group v-else>\n            <b-row>\n              <b-col cols=\"6\" sm=\"4\" md=\"3\" v-for=\"(item, index) in gifts\" :key=\"index\" class=\"mb-3\">\n                <b-card>\n                  <img :src=\"item.imageUrl.length ? item.imageUrl.getUrl() : '../../../assets/images/gift-newbie.png'\" :alt=\"item.name\" class=\"mb-3\" style=\"display: block; max-width: 100%; margin: 0 auto;\" />\n                  <h4 style=\"font-size: 16px;\" class=\"text-center mb-2\">{{ item.name }}</h4>\n                  <div class=\"text-center\">\n                    <b-button variant=\"primary\" size=\"sm\" @click=\"openDetail(item)\">{{ $t(\"Claim\") }}</b-button>\n                  </div>\n                </b-card>\n              </b-col>\n            </b-row>\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 giftService from \"@/services/giftService\";\nimport webShopService from \"@/services/webShopService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"Index\",\n  components: {GameHeader},\n  data() {\n    return {\n      loading: false,\n      idGame: undefined,\n      userName: undefined,\n      serverName: undefined,\n      roleName: undefined,\n      gifts: []\n    }\n  },\n  created() {\n    this.$bridge.$on(\"setCurrentGame\", this.loadGifts);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"setCurrentGame\", this.loadGifts);\n  },\n  methods: {\n    async loadGifts(game) {\n      this.idGame = game.id;\n      const {serverId, roleId, roleName} = this.$route.query;\n      if (!serverId || !roleId || !roleName?.length) {\n        await this.$gotoHomePage();\n        return;\n      }\n\n      this.loading = true;\n      const result = await giftService.getGifts({\n        roleId: roleId,\n        roleName: roleName,\n        gameId: this.idGame,\n        serverId: serverId\n      });\n      this.loading = false;\n      if (!result || result.error) {\n        await this.$gotoHomePage();\n        return;\n      }\n\n      const data = result.data;\n      this.roleName = data.roleName;\n      this.serverName = data.serverName;\n      this.userName = data.username;\n      this.gifts = data.gifts;\n    },\n    claimed(result) {\n      if (!result.id)\n        return;\n\n        this.gifts = [...this.gifts].filter(x => x.id !== result.id);\n    },\n    async openDetail(gift) {\n      const {serverId, roleId, roleName} = this.$route.query;\n      const panel = this.$showPanel({\n        component: 'GiftPanel',\n        openOn: \"bottom\",\n        height: (window.innerHeight / 100) * 50,\n        props: {\n          gift: gift,\n          gameId: this.idGame,\n          roleId: roleId,\n          roleName: roleName,\n          serverId: serverId\n        }\n      });\n\n      panel.promise.then(this.claimed);\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}\n</script>\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=425b0163\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.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","module.exports = __webpack_public_path__ + \"img/homepage-grey.dea93aeb.svg\";","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\""],"sourceRoot":""}