{"version":3,"sources":["webpack:///./src/games/SoftSwiss/PlayWindow.vue?d062","webpack:///src/games/SoftSwiss/PlayWindow.vue","webpack:///./src/games/SoftSwiss/PlayWindow.vue?f89b","webpack:///./src/games/SoftSwiss/PlayWindow.vue","webpack:///./src/games/SoftSwiss/PlayWindow.vue?7732","webpack:///./src/games/SoftSwiss/PlayWindow.vue?afb2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","staticStyle","attrs","style","backgroundImage","currentGame","_e","_v","_s","$t","currency","basicCurrency","load","on","playGame","staticRenderFns","name","data","isShow","watch","currentAccount","computed","mapGetters","methods","mapActions","gameId","then","window","catch","console","detectMobile","checkSafari","navigator","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACG,IAAI,eAAeC,YAAY,CAAC,0BAA0B,MAAM,MAAQ,OAAO,OAAS,sBAAsB,KAAO,IAAI,IAAM,IAAI,OAAS,QAAQC,MAAM,CAAC,GAAK,iBAAiB,CAACL,EAAG,SAAS,CAACG,IAAI,YAAaP,EAAU,OAAEI,EAAG,MAAM,CAACE,YAAY,mBAAmBI,MAAM,CAAEC,gBAAkB,OAAUX,EAAIY,YAAe,IAAI,OAASZ,EAAIa,KAAMb,EAAU,OAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAIgB,GAAG,kBAAmB,CAAEC,SAAUjB,EAAIkB,iBAAkB,KAAKd,EAAG,MAAMA,EAAG,SAAS,CAACE,YAAY,qCAAqCE,YAAY,CAAC,aAAa,QAAQC,MAAM,CAAC,SAAWT,EAAImB,KAAK,KAAO,UAAUC,GAAG,CAAC,MAAQpB,EAAIqB,WAAW,CAACrB,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,GAAG,0BAA0BhB,EAAIa,YACt6BS,EAAkB,G,wDCmBP,GACfC,YACAC,KAFA,WAGA,OACAC,UACAN,UAGAO,OACAC,eADA,WAEA,kBAGAC,0CACAC,wCACAA,2DAEAC,yCACAC,qCADA,IAEAV,SAFA,WAEA,WACA,aACA,eAAAW,iCAAAf,2CACAgB,MAAA,YACA,YACA,oCACAC,mCACA,kBAEA,kCAGAC,OAAA,YACA,UACAC,iBACA,2CAGAC,aApBA,WAqBA,OACA,WACA,SACA,UACA,QACA,QACA,cACA,kBAGA,2BACA,wCAGAC,YAnCA,WAoCA,+DACAC,sBACAA,2CACAA,4CAGAC,QA3DA,WA4DAJ,gCChFmW,I,kCCS/VK,EAAY,eACd,EACA1C,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAmB,E,6CCpBf,W,oCCAA,W","file":"js/chunk-43ab2f42.91477a53.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid mt-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 position-relative p-0 m-0\"},[_c('div',{ref:\"game_wrapper\",staticStyle:{\"-webkit-scrollbar-width\":\"0px\",\"width\":\"100%\",\"height\":\"calc(100vh - 150px)\",\"left\":\"0\",\"top\":\"0\",\"border\":\"none\"},attrs:{\"id\":\"game_wrapper\"}},[_c('iframe',{ref:\"frame\"})]),(_vm.isShow)?_c('div',{staticClass:\"background-image\",style:({backgroundImage: (\"url(\" + (_vm.currentGame.url) + \")\")})}):_vm._e(),(_vm.isShow)?_c('div',{staticClass:\"content\"},[_vm._v(\" \"+_vm._s(_vm.$t('games.play.info', { currency: _vm.basicCurrency }))+\" \"),_c('br'),_c('button',{staticClass:\"button-submit p-button p-component\",staticStyle:{\"margin-top\":\"30px\"},attrs:{\"disabled\":_vm.load,\"type\":\"submit\"},on:{\"click\":_vm.playGame}},[_vm._v(_vm._s(_vm.$t('games.play.start')))])]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-fluid mt-4\">\n    <div class=\"row\">\n      <div class=\"col-12 position-relative p-0 m-0\">\n        <div style=\"-webkit-scrollbar-width: 0px; width:100%;   height: calc(100vh - 150px);  left:0; top:0;border:none\" ref=\"game_wrapper\" id='game_wrapper'>\n          <iframe ref=\"frame\"></iframe>\n        </div>\n        <div v-if=\"isShow\" class=\"background-image\" :style=\"{backgroundImage: `url(${currentGame.url})`}\"/>\n        <div v-if=\"isShow\" class=\"content\">\n          {{ $t('games.play.info', { currency: basicCurrency }) }} <br />\n          <button :disabled=\"load\" @click=\"playGame\" style=\"margin-top: 30px\" type=\"submit\" class=\"button-submit p-button p-component\">{{ $t('games.play.start') }}</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from 'vuex'\n\nexport default {\n  name: 'Game',\n  data () {\n    return {\n      isShow: true,\n      load: false\n    }\n  },\n  watch: {\n    currentAccount () {\n      this.playGame()\n    }\n  },\n  computed: {\n    ...mapGetters('game', ['currentGame']),\n    ...mapGetters('user', ['currentAccount', 'basicCurrency'])\n  },\n  methods: {\n    ...mapActions('game', ['openGame']),\n    playGame () {\n      this.load = true\n      this.openGame({ gameId: this.$route.params.gameId, currency: this.currentAccount.currency.id })\n        .then(data => {\n          this.isShow = false\n          if (this.detectMobile() && !this.checkSafari()) {\n            window.open(data.result.url, '_blank')\n            this.$router.go(-1)\n          } else {\n            this.$refs.frame.src = data.result.url\n          }\n        })\n        .catch(e => {\n          this.load = false\n          console.error(e)\n          this.$noty.error(e.response.data.message)\n        })\n    },\n    detectMobile () {\n      const toMatch = [\n        /Android/i,\n        /webOS/i,\n        /iPhone/i,\n        /iPad/i,\n        /iPod/i,\n        /BlackBerry/i,\n        /Windows Phone/i\n      ]\n\n      return toMatch.some((toMatchItem) => {\n        return navigator.userAgent.match(toMatchItem)\n      })\n    },\n    checkSafari () {\n      return navigator.vendor && navigator.vendor.indexOf('Apple') > -1 &&\n        navigator.userAgent &&\n        navigator.userAgent.indexOf('CriOS') === -1 &&\n        navigator.userAgent.indexOf('FxiOS') === -1\n    }\n  },\n  mounted () {\n    console.log(this.currentGame)\n  }\n}\n</script>\n<style>\niframe {\n  width: 100% !important;\n  height: 100% !important;\n}\n</style>\n<style lang=\"scss\" scoped>\n.background-image {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  z-index: 1;\n  display: block;\n  width: 100%;\n  height: 100%;\n  filter: blur(20px);\n  background-repeat: no-repeat;\n  background-size: 90%;\n  background-position: center;\n}\n\n.content {\n  position: absolute;\n  display: block;\n  text-align: center;\n  left: 0;\n  top: 25%;\n  max-width: 488px;\n  right: 0;\n  width: 100%;\n  margin: auto;\n  z-index: 3;\n  color: white;\n}\n\n//.game-preview {\n//  display: block;\n//  position: absolute;\n//  left: 0;\n//  top: 0;\n//  width:100%;\n//  height: calc(100vh - 100px);\n//  color: #fff;\n//  text-align: center;\n//  background-repeat: no-repeat;\n//  background-size: 100%;\n//  //background: rgba(0, 0, 0, 0.49);\n//  padding-top: 200px;\n//  margin-top: -25px;\n//  width: 100% !important;\n//  height: 100% !important;\n//  filter: blur(24px);\n//  z-index: 1;\n//}\n//\n//.game-preview-text {\n//  z-index: 100;\n//  filter: none;\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!./PlayWindow.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!./PlayWindow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlayWindow.vue?vue&type=template&id=42ab9169&scoped=true&\"\nimport script from \"./PlayWindow.vue?vue&type=script&lang=js&\"\nexport * from \"./PlayWindow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlayWindow.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./PlayWindow.vue?vue&type=style&index=1&id=42ab9169&lang=scss&scoped=true&\"\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  \"42ab9169\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlayWindow.vue?vue&type=style&index=0&lang=css&\"","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!./PlayWindow.vue?vue&type=style&index=1&id=42ab9169&lang=scss&scoped=true&\""],"sourceRoot":""}