{"version":3,"sources":["webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?e4b9","webpack:///./src/views/game/giftcode/Received.vue","webpack:///src/views/game/giftcode/Received.vue","webpack:///./src/views/game/giftcode/Received.vue?26d5","webpack:///./src/views/game/giftcode/Received.vue?4c62","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?d21c","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/EventGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?4f1e","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?9b49","webpack:///./src/assets/images/icon/ticket.svg","webpack:///./src/components/panels/giftcode/ReceivedGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/ReceivedGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/ReceivedGiftCodesPanel.vue?ab7a","webpack:///./src/components/panels/giftcode/ReceivedGiftCodesPanel.vue?647a","webpack:///./node_modules/core-js/internals/not-a-nan.js","webpack:///./node_modules/core-js/modules/es.iterator.take.js","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/GeneralGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?a6bb","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?5788","webpack:///./node_modules/core-js/internals/to-positive-integer.js"],"names":["render","_vm","this","_c","_self","game","attrs","id","staticRenderFns","name","components","ReceivedGiftCodesPanel","data","created","$store","getters","currentGame","component","staticClass","_l","items","item","index","key","on","$event","$showGiftCodeDetail","imageUrl","getUrl","_v","_s","$toDateTimeString","startDate","endDate","$t","totalReceived","props","module","exports","staticStyle","generalCodes","length","_e","eventCodes","loading","GeneralGiftCodesPanel","EventGiftCodesPanel","take","skip","ended","response","giftcodeService","getReceivedCodes","idGame","takeEvents","dialogHelper","alert","error","message","codes","forEach","code","type","iconUrl","totalCodes","mounted","$bridge","$on","loadData","beforeDestroy","$off","methods","getReceivedEventCodes","$RangeError","RangeError","it","$","call","anObject","getIteratorDirect","notANaN","toPositiveInteger","createIteratorProxy","iteratorClose","IS_PURE","IteratorProxy","iterator","remaining","done","undefined","result","next","value","target","proto","real","forced","limit","require","$useGiftCode","SlickSlider","toIntegerOrInfinity"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAEF,EAAII,KAAMF,EAAG,yBAAyB,CAACG,MAAM,CAAC,UAAUL,EAAII,KAAKE,MAAMJ,EAAG,kBAAkB,IAEtKK,EAAkB,G,YCOP,GACfC,KAAA,WACAC,WAAA,CAAAC,+BACAC,OACA,OACAP,KAAA,OAGAQ,UACA,KAAAR,KAAA,KAAAS,OAAAC,QAAAC,cClB+W,I,YCO3WC,EAAY,eACd,EACAjB,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAS,E,6CClBf,W,oCCAA,IAAIjB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACe,YAAY,yBAAyB,CAACf,EAAG,QAAQF,EAAIkB,GAAIlB,EAAImB,OAAO,SAASC,EAAKC,GAAO,OAAOnB,EAAG,QAAQ,CAACoB,IAAID,EAAMhB,MAAM,CAAC,GAAK,MAAM,CAACH,EAAG,MAAM,CAACe,YAAY,oCAAoCM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIyB,oBAAoBL,EAAKd,OAAO,CAACJ,EAAG,MAAM,CAACe,YAAY,UAAUZ,MAAM,CAAC,IAAMe,EAAKM,SAASC,YAAYzB,EAAG,MAAM,CAACe,YAAY,WAAW,CAACf,EAAG,MAAM,CAACe,YAAY,YAAY,CAACjB,EAAI4B,GAAG5B,EAAI6B,GAAGT,EAAKZ,SAASN,EAAG,MAAM,CAACe,YAAY,WAAW,CAACjB,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAI8B,kBAAkBV,EAAKW,YAAY,MAAM/B,EAAI6B,GAAG7B,EAAI8B,kBAAkBV,EAAKY,aAAa9B,EAAG,MAAM,CAACe,YAAY,qBAAqB,CAACf,EAAG,SAAS,CAACe,YAAY,OAAOZ,MAAM,CAAC,KAAO,YAAYL,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIiC,GAAG,eAAgB,CAACb,EAAKc,mBAAmB,YAAW,IAAI,IAE5zB3B,EAAkB,GCgBP,GACfC,KAAA,sBACA2B,MAAA,WCpB0X,I,wBCQtXnB,EAAY,eACd,EACAjB,EACAQ,GACA,EACA,KACA,WACA,MAIa,OAAAS,E,gCCnBfoB,EAAOC,QAAU,IAA0B,2B,oCCA3C,IAAItC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACe,YAAY,gCAAgC,CAACf,EAAG,QAAQ,CAACoC,YAAY,CAAC,aAAa,UAAU,CAAEtC,EAAIuC,cAAgBvC,EAAIuC,aAAaC,OAAQtC,EAAG,wBAAwB,CAACG,MAAM,CAAC,MAAQL,EAAIuC,gBAAgBvC,EAAIyC,MAAM,GAAIzC,EAAI0C,YAAc1C,EAAI0C,WAAWF,OAAQtC,EAAG,sBAAsB,CAACG,MAAM,CAAC,MAAQL,EAAI0C,cAAc1C,EAAIyC,KAAMzC,EAAI2C,QAASzC,EAAG,gBAAgBF,EAAIyC,MAAM,IAE1blC,EAAkB,G,gFCeP,GACfC,KAAA,yBACAC,WAAA,CAAAmC,6BAAAC,4BACAV,MAAA,WACAxB,OACA,OACAgC,SAAA,EACAJ,aAAA,GACAG,WAAA,GACAI,KAAA,GACAC,KAAA,EACAC,OAAA,IAGA,gBACA,KAAAL,SAAA,EACA,MAAAM,QAAAC,OAAAC,iBAAA,CACAC,OAAA,KAAAA,QAAA,EACAC,WAAA,KAAAP,OAGA,GADA,KAAAH,SAAA,GACAM,EAGA,kBADAK,OAAAC,MAAA,mEAIA,GAAAN,EAAAO,MAEA,kBADAF,OAAAC,MAAAN,EAAAQ,SAIA,IAAAC,EAAAT,EAAAtC,KACA,KAAA4B,aAAAmB,EAAAnB,aACAmB,IAAAhB,WACAgB,EAAAC,QAAAC,KAAAlC,SAAA,KAAA0B,QAAA,KAAAA,OAAA,EAAAQ,EAAAC,KAAAnC,SAAAkC,EAAAxD,KAAA0D,SACA,MAAAC,EAAAL,EAAAlB,OACA,KAAAE,WAAAgB,EACA,KAAAX,KAAAgB,EACA,KAAAf,MAAA,KAAAF,KAAAiB,GAEAC,UACA,KAAAC,QAAAC,IAAA,sBAAAC,WAEAC,gBACA,KAAAH,QAAAI,KAAA,sBAAAF,WAEAG,QAAA,CACA,iBACA,QAAA3B,SAAA,KAAAK,MACA,OAEA,KAAAL,SAAA,EACA,MAAAM,QAAAC,OAAAqB,sBAAA,CACAnB,OAAA,KAAAA,QAAA,EACAN,KAAA,KAAAA,KACAC,KAAA,KAAAA,OAGA,GADA,KAAAJ,SAAA,GACAM,EAGA,kBADAK,OAAAC,MAAA,mEAIA,GAAAN,EAAAO,MAEA,kBADAF,OAAAC,MAAAN,EAAAQ,SAIA,IAAAC,EAAAT,EAAAtC,KACA+C,EAAAC,QAAAC,KAAAlC,SAAA,KAAA0B,QAAA,KAAAA,OAAA,EAAAQ,EAAAC,KAAAnC,SAAAkC,EAAAxD,KAAA0D,SACA,MAAAC,EAAAL,EAAAlB,OACA,KAAAE,WAAA,SAAAA,cAAAgB,GACA,KAAAX,MAAAgB,EACA,KAAAf,MAAA,KAAAF,KAAAiB,KC5F6X,I,YCOzX/C,EAAY,eACd,EACAjB,EACAQ,GACA,EACA,KACA,KACA,MAIa,OAAAS,E,oECjBf,IAAIwD,EAAcC,WAElBrC,EAAOC,QAAU,SAAUqC,GAEzB,GAAIA,IAAOA,EAAI,OAAOA,EACtB,MAAM,IAAIF,EAAY,wB,kCCLxB,IAAIG,EAAI,EAAQ,QACZC,EAAO,EAAQ,QACfC,EAAW,EAAQ,QACnBC,EAAoB,EAAQ,QAC5BC,EAAU,EAAQ,QAClBC,EAAoB,EAAQ,QAC5BC,EAAsB,EAAQ,QAC9BC,EAAgB,EAAQ,QACxBC,EAAU,EAAQ,QAElBC,EAAgBH,GAAoB,WACtC,IAAII,EAAWpF,KAAKoF,SACpB,IAAKpF,KAAKqF,YAER,OADArF,KAAKsF,MAAO,EACLL,EAAcG,EAAU,cAAUG,GAE3C,IAAIC,EAASZ,EAASD,EAAK3E,KAAKyF,KAAML,IAClCE,EAAOtF,KAAKsF,OAASE,EAAOF,KAChC,OAAKA,OAAL,EAAkBE,EAAOE,SAK3BhB,EAAE,CAAEiB,OAAQ,WAAYC,OAAO,EAAMC,MAAM,EAAMC,OAAQZ,GAAW,CAClErC,KAAM,SAAckD,GAClBnB,EAAS5E,MACT,IAAIqF,EAAYN,EAAkBD,GAASiB,IAC3C,OAAO,IAAIZ,EAAcN,EAAkB7E,MAAO,CAChDqF,UAAWA,Q,kCC7BjB,IAAIvF,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACe,YAAY,gCAAgC,CAACf,EAAG,MAAM,CAACe,YAAY,2CAA2C,CAACf,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM4F,EAAQ,WAA6CjG,EAAI4B,GAAG,KAAK1B,EAAG,KAAK,CAACF,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIiC,GAAG,2BAA2B/B,EAAG,MAAM,CAACe,YAAY,cAAc,CAACf,EAAG,MAAM,CAACe,YAAY,kBAAkBjB,EAAIkB,GAAIlB,EAAImB,OAAO,SAASC,EAAKC,GAAO,OAAOnB,EAAG,MAAM,CAACoB,IAAID,EAAMJ,YAAY,0BAA0B,CAACf,EAAG,MAAM,CAACe,YAAY,yBAAyB,CAACf,EAAG,MAAM,CAACe,YAAY,mBAAmB,CAACf,EAAG,MAAM,CAACe,YAAY,SAAS,CAACjB,EAAI4B,GAAG5B,EAAI6B,GAAGT,EAAKZ,SAASN,EAAG,MAAM,CAACe,YAAY,QAAQ,CAACjB,EAAI4B,GAAG5B,EAAI6B,GAAGT,EAAKwC,WAAW1D,EAAG,MAAM,CAACe,YAAY,0CAA0C,CAACf,EAAG,WAAW,CAACe,YAAY,cAAcZ,MAAM,CAAC,QAAU,mBAAmBkB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIyB,oBAAoBL,EAAKd,OAAO,CAACN,EAAI4B,GAAG,IAAI5B,EAAI6B,GAAG7B,EAAIiC,GAAG,SAAS,OAAO/B,EAAG,MAAM,CAACe,YAAY,SAASf,EAAG,WAAW,CAACe,YAAY,cAAcZ,MAAM,CAAC,QAAU,WAAWkB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIkG,aAAa9E,MAAS,CAACpB,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIiC,GAAG,QAAQ,QAAQ,UAAS,QAEpqC1B,EAAkB,G,YCgDP,GACfC,KAAA,wBACAC,WAAA,CAAA0F,oBACAhE,MAAA,WCrD4X,I,wBCQxXnB,EAAY,eACd,EACAjB,EACAQ,GACA,EACA,KACA,WACA,MAIa,OAAAS,E,kEClBf,IAAIoF,EAAsB,EAAQ,QAE9B5B,EAAcC,WAElBrC,EAAOC,QAAU,SAAUqC,GACzB,IAAIe,EAASW,EAAoB1B,GACjC,GAAIe,EAAS,EAAG,MAAM,IAAIjB,EAAY,qCACtC,OAAOiB","file":"js/chunk-0f133e46.7500f3ab.js","sourcesContent":["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!./EventGiftCodesPanel.vue?vue&type=style&index=0&id=d9091e82&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.game)?_c('ReceivedGiftCodesPanel',{attrs:{\"id-game\":_vm.game.id}}):_c('NotFoundPanel')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <ReceivedGiftCodesPanel v-if=\"game\" :id-game=\"game.id\"/>\n    <NotFoundPanel v-else />\n  </div>\n</template>\n\n<script>\nimport ReceivedGiftCodesPanel from \"@/components/panels/giftcode/ReceivedGiftCodesPanel\";\nexport default {\n  name: \"Received\",\n  components: {ReceivedGiftCodesPanel},\n  data() {\n    return {\n      game: null\n    }\n  },\n  created() {\n    this.game = this.$store.getters.currentGame;\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!./Received.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!./Received.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Received.vue?vue&type=template&id=a363ce1e\"\nimport script from \"./Received.vue?vue&type=script&lang=js\"\nexport * from \"./Received.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!./GeneralGiftCodesPanel.vue?vue&type=style&index=0&id=912c9258&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"event-giftcodes-panel\"},[_c('b-row',_vm._l((_vm.items),function(item,index){return _c('b-col',{key:index,attrs:{\"sm\":\"6\"}},[_c('div',{staticClass:\"gc-item d-flex align-items-center\",on:{\"click\":function($event){return _vm.$showGiftCodeDetail(item.id)}}},[_c('img',{staticClass:\"gc-icon\",attrs:{\"src\":item.imageUrl.getUrl()}}),_c('div',{staticClass:\"gc-info\"},[_c('div',{staticClass:\"gc-title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"gc-time\"},[_vm._v(_vm._s(_vm.$toDateTimeString(item.startDate))+\" - \"+_vm._s(_vm.$toDateTimeString(item.endDate)))]),_c('div',{staticClass:\"gc-total-received\"},[_c('b-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"person\"}}),_vm._v(_vm._s(_vm.$t(\"{0} received\", [item.totalReceived])))],1)])])])}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"event-giftcodes-panel\">\n    <b-row>\n      <b-col sm=\"6\" v-for=\"(item, index) in items\" :key=\"index\">\n        <div class=\"gc-item d-flex align-items-center\" @click=\"$showGiftCodeDetail(item.id)\">\n          <img :src=\"item.imageUrl.getUrl()\" class=\"gc-icon\" />\n          <div class=\"gc-info\">\n            <div class=\"gc-title\">{{item.name}}</div>\n            <div class=\"gc-time\">{{$toDateTimeString(item.startDate)}} - {{$toDateTimeString(item.endDate)}}</div>\n            <div class=\"gc-total-received\"><b-icon icon=\"person\" class=\"mr-1\"/>{{$t(\"{0} received\", [item.totalReceived])}}</div>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"EventGiftCodesPanel\",\n  props: [\"items\"]\n}\n</script>\n\n<style scoped lang=\"scss\">\n  .event-giftcodes-panel {\n    padding: 15px 0;\n    \n    .gc-item {\n      padding: 10px;\n      background-color: #f7f7f7;\n      border-radius: 10px;\n      margin-bottom: 15px;\n      \n      &:hover {\n        cursor: pointer;\n      }\n      \n      .gc-info {\n        border-left: 1px dashed #bbb;\n        padding-left: 15px;\n        padding-top: 5px;\n        padding-bottom: 5px;\n        position: relative;\n        \n        &::before {\n          content: \"\";\n          background-color: #fff;\n          display: block;\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          position: absolute; \n          top: -20px;\n          left: -10px;\n        }\n\n        &::after {\n          content: \"\";\n          background-color: #fff;\n          display: block;\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          position: absolute;\n          bottom: -20px;\n          left: -10px;\n        }\n        \n        .gc-title {\n          font-weight: 700;\n          font-size: 15px;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          -webkit-line-clamp: 2;\n        }\n\n        .gc-time, .gc-total-received {\n          color: #767676;\n          font-size: 13px;\n        }\n      }\n      \n      .gc-icon {\n        height: 50px;\n        width: 50px;\n        object-fit: contain;\n        margin-right: 15px;\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!./EventGiftCodesPanel.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!./EventGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EventGiftCodesPanel.vue?vue&type=template&id=d9091e82&scoped=true\"\nimport script from \"./EventGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./EventGiftCodesPanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./EventGiftCodesPanel.vue?vue&type=style&index=0&id=d9091e82&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  \"d9091e82\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ticket.78e06a00.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-received-giftcodes\"},[_c('b-row',{staticStyle:{\"margin-top\":\"-15px\"}},[(_vm.generalCodes && _vm.generalCodes.length)?_c('GeneralGiftCodesPanel',{attrs:{\"items\":_vm.generalCodes}}):_vm._e()],1),(_vm.eventCodes && _vm.eventCodes.length)?_c('EventGiftCodesPanel',{attrs:{\"items\":_vm.eventCodes}}):_vm._e(),(_vm.loading)?_c('LoadingPanel'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-received-giftcodes\">\n    <b-row style=\"margin-top: -15px\">\n      <GeneralGiftCodesPanel v-if=\"generalCodes && generalCodes.length\" :items=\"generalCodes\"/>\n    </b-row>\n\n    <EventGiftCodesPanel v-if=\"eventCodes && eventCodes.length\" :items=\"eventCodes\"/>\n    <LoadingPanel v-if=\"loading\"/>\n  </div>\n</template>\n\n<script>\nimport GeneralGiftCodesPanel from \"@/components/panels/giftcode/GeneralGiftCodesPanel\";\nimport EventGiftCodesPanel from \"@/components/panels/giftcode/EventGiftCodesPanel\";\nimport giftcodeService from \"@/services/giftcodeService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"ReceivedGiftCodesPanel\",\n  components: {GeneralGiftCodesPanel, EventGiftCodesPanel},\n  props: [\"idGame\"],\n  data() {\n    return {\n      loading: false,\n      generalCodes: [],\n      eventCodes: [],\n      take: 20,\n      skip: 0,\n      ended: false\n    }\n  },\n  async created() {\n    this.loading = true;\n    const response = await giftcodeService.getReceivedCodes({\n      idGame: this.idGame || 0,\n      takeEvents: this.take\n    });\n    this.loading = false;\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    let codes = response.data;\n    this.generalCodes = codes.generalCodes;\n    codes = codes.eventCodes;\n    codes.forEach(code => code.imageUrl = this.idGame && this.idGame > 1 ? code.type.imageUrl : code.game.iconUrl);\n    const totalCodes = codes.length;\n    this.eventCodes = codes;\n    this.skip = totalCodes;\n    this.ended = this.take > totalCodes;\n  },\n  mounted() {\n    this.$bridge.$on(\"scrollToBottom\", this.loadData);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"scrollToBottom\", this.loadData);\n  },\n  methods: {\n    async loadData() {\n      if (this.loading || this.ended)\n        return;\n\n      this.loading = true;\n      const response = await giftcodeService.getReceivedEventCodes({\n        idGame: this.idGame || 0,\n        take: this.take,\n        skip: this.skip\n      });\n      this.loading = false;\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      let codes = response.data;\n      codes.forEach(code => code.imageUrl = this.idGame && this.idGame > 1 ? code.type.imageUrl : code.game.iconUrl);\n      const totalCodes = codes.length;\n      this.eventCodes = [...this.eventCodes, ...codes];\n      this.skip += totalCodes;\n      this.ended = this.take > totalCodes;\n    }\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!./ReceivedGiftCodesPanel.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!./ReceivedGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ReceivedGiftCodesPanel.vue?vue&type=template&id=572b1784\"\nimport script from \"./ReceivedGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./ReceivedGiftCodesPanel.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","'use strict';\nvar $RangeError = RangeError;\n\nmodule.exports = function (it) {\n  // eslint-disable-next-line no-self-compare -- NaN check\n  if (it === it) return it;\n  throw new $RangeError('NaN is not allowed');\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\nvar notANaN = require('../internals/not-a-nan');\nvar toPositiveInteger = require('../internals/to-positive-integer');\nvar createIteratorProxy = require('../internals/iterator-create-proxy');\nvar iteratorClose = require('../internals/iterator-close');\nvar IS_PURE = require('../internals/is-pure');\n\nvar IteratorProxy = createIteratorProxy(function () {\n  var iterator = this.iterator;\n  if (!this.remaining--) {\n    this.done = true;\n    return iteratorClose(iterator, 'normal', undefined);\n  }\n  var result = anObject(call(this.next, iterator));\n  var done = this.done = !!result.done;\n  if (!done) return result.value;\n});\n\n// `Iterator.prototype.take` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.take\n$({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {\n  take: function take(limit) {\n    anObject(this);\n    var remaining = toPositiveInteger(notANaN(+limit));\n    return new IteratorProxy(getIteratorDirect(this), {\n      remaining: remaining\n    });\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"common-giftcodes-panel w-100\"},[_c('div',{staticClass:\"panel-heading d-flex align-items-center\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/images/icon/ticket.svg\")}}),_vm._v(\" \"),_c('h4',[_vm._v(_vm._s(_vm.$t(\"General giftcodes\")))])]),_c('div',{staticClass:\"panel-body\"},[_c('div',{staticClass:\"gift-codes row\"},_vm._l((_vm.items),function(item,index){return _c('div',{key:index,staticClass:\"cols col-sm-6 col-md-4\"},[_c('div',{staticClass:\"code-item text-center\"},[_c('div',{staticClass:\"title-container\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"code\"},[_vm._v(_vm._s(item.code))])]),_c('div',{staticClass:\"buttons d-flex justify-content-between\"},[_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.$showGiftCodeDetail(item.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"View\"))+\" \")]),_c('div',{staticClass:\"mr-2\"}),_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.$useGiftCode(item)}}},[_vm._v(_vm._s(_vm.$t(\"Use\"))+\" \")])],1)])])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"common-giftcodes-panel w-100\">\n    <div class=\"panel-heading d-flex align-items-center\">\n      <img src=\"../../../assets/images/icon/ticket.svg\"/> <h4>{{ $t(\"General giftcodes\") }}</h4>\n    </div>\n    <div class=\"panel-body\">\n      <div class=\"gift-codes row\">\n        <div v-for=\"(item, index) in items\" :key=\"index\" class=\"cols col-sm-6 col-md-4\">\n          <div class=\"code-item text-center\">\n            <div class=\"title-container\">\n              <div class=\"title\">{{ item.name }}</div>\n              <div class=\"code\">{{ item.code }}</div>\n            </div>\n            <div class=\"buttons d-flex justify-content-between\">\n              <b-button class=\"btn-rounded\" variant=\"outline-primary\" @click=\"$showGiftCodeDetail(item.id)\">\n                {{ $t(\"View\") }}\n              </b-button>\n              <div class=\"mr-2\"></div>\n              <b-button class=\"btn-rounded\" variant=\"primary\" @click=\"$useGiftCode(item)\">{{ $t(\"Use\") }}\n              </b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!--      <SlickSlider :items=\"items\" :arrows=\"false\" :dots=\"false\" :autoplay=\"true\" :autoplay-speed=\"10000\" :responsive=\"[{breakpoint: 500, settings: {slidesToShow: 2}}]\"-->\n      <!--                   :slides-to-show=\"3\" :center-mode=\"true\" center-padding=\"0\">-->\n      <!--        <template v-slot:item=\"slotProps\">-->\n      <!--          <div class=\"code-item text-center\">-->\n      <!--            <div class=\"title-container\">-->\n      <!--              <div class=\"title\">{{ slotProps.item.name }}</div>-->\n      <!--              <div class=\"code\">{{ slotProps.item.code }}</div>-->\n      <!--            </div>-->\n      <!--            <div class=\"buttons d-flex justify-content-between\">-->\n      <!--              <b-button class=\"btn-rounded\" variant=\"outline-primary\" @click=\"$showGiftCodeDetail(slotProps.item.id)\">-->\n      <!--                {{ $t(\"View\") }}-->\n      <!--              </b-button>-->\n      <!--              <div class=\"mr-2\"></div>-->\n      <!--              <b-button class=\"btn-rounded\" variant=\"primary\" @click=\"$useGiftCode(slotProps.item)\">{{ $t(\"Use\") }}-->\n      <!--              </b-button>-->\n      <!--            </div>-->\n      <!--          </div>-->\n      <!--        </template>-->\n      <!--      </SlickSlider>-->\n    </div>\n  </div>\n</template>\n\n<script>\nimport SlickSlider from \"@/components/sliders/SlickSlider\";\nexport default {\n  name: \"GeneralGiftCodesPanel\",\n  components: {SlickSlider},\n  props: [\"items\"]\n}\n</script>\n\n<style scoped lang=\"scss\">\n.common-giftcodes-panel {\n  background-color: #f0f6ff;\n  .panel-heading {\n    padding: 10px 15px;\n    border-bottom: 1px solid #ded8d1;\n    img {\n      margin-right: 10px;\n    }\n    h4 {\n      color: #6F6F6F;\n      margin: 0;\n      font-weight: 700;\n      font-size: 20px;\n    }\n  }\n  .panel-body {\n    padding: 10px 10px;\n    .slide-item, .gift-codes {\n      padding: 0 !important;\n      .code-item {\n        margin: 0;\n        padding: 10px;\n        border-radius: 8px;\n        background-color: #fff;\n        border: 1px dashed #d1d1d6;\n        .title-container {\n          display: block;\n          min-height: 60px;\n          .title {\n            font-size: 13.5px;\n            color: #7e7e7e;\n            margin-bottom: 2px;\n            display: -webkit-box;\n            width: 100%;\n            -webkit-box-orient: vertical;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            -webkit-line-clamp: 2;\n          }\n          .code {\n            font-weight: 600;\n            font-size: 13.5px;\n            color: #1a1a1a;\n          }\n        }\n        .buttons {\n          padding-top: 5px;\n          button {\n            flex: 1;\n            font-size: 13.5px;\n            padding-top: 8px;\n            padding-bottom: 5px;\n            &.btn-outline-primary {\n              background-color: #fff7ec;\n              border: 1px solid #ff9500;\n              color: #ff9500;\n            }\n\n            &.btn-primary {\n              border: 1px solid #ff9500;\n              background: #ff9500;\n            }\n          }\n        }\n      }\n    }\n    .gift-codes {\n      .code-item {\n        margin-bottom: 10px;\n      }\n      &.row {\n        margin-left: -5px;\n        margin-right: -5px;\n        .cols {\n          padding: 0 5px;\n        }\n      }\n    }\n  }\n}\n@media all and (max-width: 576px) {\n  .code-item {\n    .title-container{\n      min-height: auto !important;\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!./GeneralGiftCodesPanel.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!./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GeneralGiftCodesPanel.vue?vue&type=template&id=912c9258&scoped=true\"\nimport script from \"./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./GeneralGiftCodesPanel.vue?vue&type=style&index=0&id=912c9258&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  \"912c9258\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\n\nvar $RangeError = RangeError;\n\nmodule.exports = function (it) {\n  var result = toIntegerOrInfinity(it);\n  if (result < 0) throw new $RangeError(\"The argument can't be less than 0\");\n  return result;\n};\n"],"sourceRoot":""}