{"version":3,"file":"js/auth.js","sources":["webpack:///src/views/Auth.vue","webpack:///./src/views/Auth.vue","webpack:///./src/views/Auth.vue?6318","webpack:///./src/views/Auth.vue?9ada","webpack:///./src/views/Auth.vue?aba1","webpack:///./src/views/Auth.vue?a90c","webpack:///./src/views/Auth.vue?f44c","webpack:///./src/views/Auth.vue?4dd6"],"sourcesContent":["<template>\n  <div\n    class=\"w-full h-full flex flex-col justify-center items-center bg-gray-900 bg-opacity-80\"\n  >\n    <!-- <h1 class=\"uppercase font-semibold text-3xl\">\n         Welcome to the Virtual Rooms\n      </h1> -->\n    <img\n      v-if=\"!ready\"\n      src=\"/pwa/images/icons/icon-512x512.png\"\n      alt=\"Virtual Rooms Logo\"\n      class=\"w-80 rounded-xl mx-auto pulse border border-blue-300\"\n    />\n\n    <h2\n      v-else\n      class=\"quote animate-charcter absolute bottom-20 fixed\"\n      style=\"bottom: 43%\"\n    >\n      {{ currentText }}\n      <span aria-hidden=\"true\"></span>\n    </h2>\n  </div>\n</template>\n\n<script>\nimport { loginFromSkin, signupFromSkin } from \"@/api/authRepository\";\nimport userRepository from \"@/api/userRepository\";\nimport settingsRepository from \"@/api/settingsRepository\";\nimport tokensRepository from \"@/api/tokensRepository\";\nimport { getCredit } from \"@/api/creditRepository\";\nimport analyticsConfig from \"../mixins/analyticsConfig.vue\";\nimport { LoginError } from \"@/common/errorTypes.js\";\n\nexport default {\n  name: \"Auth\",\n\n  mixins: [analyticsConfig],\n\n  data() {\n    return {\n      currentText: \"\",\n      textArray: [\n        \"Preparandosi a viaggiare attraverso i bar d'Italia... \",\n        \"Personalizzando l'aspetto del tuo avatar con stile...\",\n        \"Accendendo le luci... \",\n        \"Pulendo i bar... \",\n        \"Contando i soldi... \",\n        \"Programmando eventi speciali...\",\n        \"Accendendo le slot machine... \",\n        \"Aggiornando il sistema di prenotazione...\",\n        \"Accessorizzando il tuo avatar con accessori alla moda...\",\n        \"Creando l'ambiente perfetto...\",\n        \"Calibrando le bobine...\",\n        \"Completando l'outfit del tuo avatar con calzature alla moda...\",\n        \"Configurando le vincite automatiche per favorire la fortuna......\",\n        \"Preparando il sistema di pagamento per le scommesse sulle slot machine...\",\n        \"Rifornendo di bevande e snack per i clienti mentre giocano...\",\n        \"Impostando le opzioni di gioco per un divertimento personalizzato...\",\n        \"Sincronizzando i grafici per un'esperienza visivamente sorprendente...\",\n        \"Preparando i premi speciali per i fortunati vincitori...\",\n      ],\n      i: 0,\n      j: 0,\n      ready: false,\n    };\n  },\n\n  created() {\n    this.checkIfIsSkinAuthenticated();\n    this.$on(\"polling\", this.pollingHandler);\n  },\n\n  mounted() {\n    this.changeText();\n  },\n\n  methods: {\n    pollingHandler() {\n      this.ready = true;\n    },\n    changeText() {\n      if (this.j < this.textArray[this.i].length) {\n        this.currentText += this.textArray[this.i][this.j];\n        this.j++;\n        setTimeout(() => {\n          this.changeText();\n        }, 80);\n      } else if (this.i < this.textArray.length) {\n        setTimeout(() => {\n          this.currentText = \"\";\n          this.i++;\n          this.j = 0;\n          this.changeText();\n        }, 1750);\n      }\n    },\n\n    async checkIfIsSkinAuthenticated() {\n      const params = new URLSearchParams(window.location.search);\n      const sessionId = params.get(\"sessionId\");\n      const skin = params.get(\"skin\");\n\n      if (!!sessionId) {\n        let obj = { sessionId };\n        if (!!skin) obj = { ...obj, skin };\n        try {\n          console.log(\"soy yooooo\");\n          await this.$store.dispatch(\"auth/loginUser\", obj);\n\n          if (!!process.env.VUE_APP_EVENTS_SOCKET_SERVER_URL) {\n            this.$store.dispatch(\"socket/init\");\n          }\n\n          ////////////////////////////////////////////////////////////\n          // this.userIdAnalyticsConfig(user.data.nickname);\n          ////////////////////////////////////////////////////////////\n\n          this.$router.push({ name: \"SlotsBar\" });\n        } catch (err) {\n          if (err instanceof LoginError) {\n            this.$router.push({ name: \"Login\" });\n          }\n        }\n      } else {\n        this.$store.dispatch(\"auth/cleanUpAuth\");\n        this.$store.dispatch(\"socket/destroySocket\");\n        this.$router.push({ name: \"Login\" });\n      }\n    },\n\n    signupFromSkinRequest(token) {\n      signupFromSkin(token)\n        .then((res) => {\n          this.authPolling(token);\n        })\n        .catch((e) => {\n          console.log(e);\n          if (e.response.status == 302 && !!e.response.data.redirectUrl) {\n            window.location.href = e.response.data.redirectUrl;\n          }\n          if (e.response.status == 404) {\n            this.$router.push({ name: \"404\" });\n          }\n        });\n    },\n\n    authPolling(token, contractNumber = null, skinId = null) {\n      const obj = { token, polling: true };\n      loginFromSkin(obj)\n        .then((res) => {\n          this.$store.dispatch(\"auth/updateAccessToken\", res.data.accessToken);\n          this.$store.dispatch(\"auth/updateDeviceId\", res.data.deviceId);\n          this.$store.dispatch(\n            \"auth/updateRefreshToken\",\n            res.data.refreshToken\n          );\n          this.$store.dispatch(\"auth/updateUserId\", res.data.userId);\n          this.$store.dispatch(\n            \"auth/updateExternalUserId\",\n            res.data.externalUserId\n          );\n          this.$store.dispatch(\"auth/updateIsAuthenticated\", true);\n          this.$store.commit(\"auth/mutateNumContract\", res.data.numContract);\n\n          let promises = [\n            //TODO response.data.userId\n            userRepository.getUser(res.data.userId),\n            //TODO response.data.userId\n            settingsRepository.getSettings(res.data.userId),\n            //TODO response.data.userId\n            getCredit(res.data.userId),\n            tokensRepository.getCredit(res.data.userId),\n            userRepository.getAvatar(res.data.userId),\n          ];\n\n          Promise.all(promises)\n            .then(([user, settings, credit, tokens, avatar]) => {\n              // user.data, settings.data, credit.data, avatar.data;\n              this.$store.commit(\"userInfo/mutateUser\", user.data);\n              this.$store.commit(\"userInfo/mutateSettings\", settings.data);\n              this.$store.commit(\"userInfo/mutateCredit\", credit.data);\n              this.$store.commit(\"userInfo/mutateTokens\", tokens.data);\n              this.$store.commit(\n                \"userInfo/mutateAvatarCustom\",\n                avatar.data && avatar.data.photo ? avatar.data.photo : null\n              );\n\n              try {\n                if (!!process.env.VUE_APP_EVENTS_SOCKET_SERVER_URL) {\n                  this.$store.dispatch(\"socket/init\");\n                }\n              } catch (err) {\n                console.error(err);\n              }\n\n              ////////////////////////////////////////////////////////////\n              // this.userIdAnalyticsConfig(user.data.nickname);\n              ////////////////////////////////////////////////////////////\n\n              this.$router.push({ name: \"SlotsBar\" });\n            })\n            .catch((err) => {\n              // TODO implement refresh token logic\n              this.$store.dispatch(\"auth/cleanUpAuth\");\n              this.$store.dispatch(\"socket/destroySocket\");\n            });\n        })\n        .catch((err) => {\n          if (err.response.status == 403) {\n            this.$router.push({ name: \"404\" });\n          }\n          if (err.response.status == 503) {\n            let timeout = 1000;\n            setTimeout(() => {\n              this.authPolling(token);\n            }, timeout);\n          }\n        });\n    },\n  },\n};\n</script>\n\n<style lang=\"postcss\" scoped>\nh2.animate-charcter {\n  background-image: linear-gradient(\n    125deg,\n    #54d2ee 0%,\n    #232e51 50%,\n    #54d2ee 100%\n  );\n  background-size: auto auto;\n  background-clip: border-box;\n  background-size: 200% auto;\n  /* color: #fff; */\n  background-clip: text;\n  text-fill-color: transparent;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: textclip 4s linear infinite;\n  display: inline-block;\n  font-size: 3rem;\n  @apply font-bold tracking-wide uppercase;\n\n  span {\n    padding-left: 0.2rem;\n    border-right: 0.06em solid theme(colors.secondary);\n    animation: caret 1s steps(1) infinite;\n  }\n}\n\n@keyframes textclip {\n  to {\n    background-position: 200% center;\n  }\n}\n\nimg {\n  animation: pulsate 5s infinite;\n}\n\n@keyframes pulsate {\n  0% {\n    transform: scale(1); /* Original size */\n    box-shadow: 0px 0px 10px 1px #64adf6;\n  }\n  50% {\n    transform: scale(1.1); /* Slightly larger size */\n    box-shadow: 0px 0px 30px 3px #64adf6;\n  }\n  100% {\n    transform: scale(1); /* Back to original size */\n    box-shadow: 0px 0px 10px 1px #64adf6;\n  }\n}\n\n@keyframes caret {\n  50% {\n    border-color: transparent;\n  }\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass:\n        \"w-full h-full flex flex-col justify-center items-center bg-gray-900 bg-opacity-80\",\n    },\n    [\n      !_vm.ready\n        ? _c(\"img\", {\n            staticClass: \"w-80 rounded-xl mx-auto pulse border border-blue-300\",\n            attrs: {\n              src: \"/pwa/images/icons/icon-512x512.png\",\n              alt: \"Virtual Rooms Logo\",\n            },\n          })\n        : _c(\n            \"h2\",\n            {\n              staticClass: \"quote animate-charcter absolute bottom-20 fixed\",\n              staticStyle: { bottom: \"43%\" },\n            },\n            [\n              _vm._v(\" \" + _vm._s(_vm.currentText) + \" \"),\n              _c(\"span\", { attrs: { \"aria-hidden\": \"true\" } }),\n            ]\n          ),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"h2.animate-charcter[data-v-1633063c] {\\n  background-image: linear-gradient(\\n    125deg,\\n    #54d2ee 0%,\\n    #232e51 50%,\\n    #54d2ee 100%\\n  );\\n  background-size: auto auto;\\n  background-clip: border-box;\\n  background-size: 200% auto;\\n  /* color: #fff; */\\n  background-clip: text;\\n  text-fill-color: transparent;\\n  -webkit-background-clip: text;\\n  -webkit-text-fill-color: transparent;\\n  -webkit-animation: textclip-1633063c 4s linear infinite;\\n          animation: textclip-1633063c 4s linear infinite;\\n  display: inline-block;\\n  font-size: 3rem;\\n  font-weight: 700;\\n  text-transform: uppercase;\\n  letter-spacing: 0.025em;\\n}\\nh2.animate-charcter span[data-v-1633063c] {\\n    padding-left: 0.2rem;\\n    border-right: 0.06em solid #f28928;\\n    -webkit-animation: caret-1633063c 1s steps(1) infinite;\\n            animation: caret-1633063c 1s steps(1) infinite;\\n}\\n@-webkit-keyframes textclip-1633063c {\\nto {\\n    background-position: 200% center;\\n}\\n}\\n@keyframes textclip-1633063c {\\nto {\\n    background-position: 200% center;\\n}\\n}\\nimg[data-v-1633063c] {\\n  -webkit-animation: pulsate-1633063c 5s infinite;\\n          animation: pulsate-1633063c 5s infinite;\\n}\\n@-webkit-keyframes pulsate-1633063c {\\n0% {\\n    -webkit-transform: scale(1);\\n            transform: scale(1); /* Original size */\\n    -webkit-box-shadow: 0px 0px 10px 1px #64adf6;\\n            box-shadow: 0px 0px 10px 1px #64adf6;\\n}\\n50% {\\n    -webkit-transform: scale(1.1);\\n            transform: scale(1.1); /* Slightly larger size */\\n    -webkit-box-shadow: 0px 0px 30px 3px #64adf6;\\n            box-shadow: 0px 0px 30px 3px #64adf6;\\n}\\n100% {\\n    -webkit-transform: scale(1);\\n            transform: scale(1); /* Back to original size */\\n    -webkit-box-shadow: 0px 0px 10px 1px #64adf6;\\n            box-shadow: 0px 0px 10px 1px #64adf6;\\n}\\n}\\n@keyframes pulsate-1633063c {\\n0% {\\n    -webkit-transform: scale(1);\\n            transform: scale(1); /* Original size */\\n    -webkit-box-shadow: 0px 0px 10px 1px #64adf6;\\n            box-shadow: 0px 0px 10px 1px #64adf6;\\n}\\n50% {\\n    -webkit-transform: scale(1.1);\\n            transform: scale(1.1); /* Slightly larger size */\\n    -webkit-box-shadow: 0px 0px 30px 3px #64adf6;\\n            box-shadow: 0px 0px 30px 3px #64adf6;\\n}\\n100% {\\n    -webkit-transform: scale(1);\\n            transform: scale(1); /* Back to original size */\\n    -webkit-box-shadow: 0px 0px 10px 1px #64adf6;\\n            box-shadow: 0px 0px 10px 1px #64adf6;\\n}\\n}\\n@-webkit-keyframes caret-1633063c {\\n50% {\\n    border-color: transparent;\\n}\\n}\\n@keyframes caret-1633063c {\\n50% {\\n    border-color: transparent;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Auth.vue?vue&type=style&index=0&id=1633063c&lang=postcss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"0c4b298c\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Auth.vue?vue&type=style&index=0&id=1633063c&lang=postcss&scoped=true\", function() {\n     var newContent = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Auth.vue?vue&type=style&index=0&id=1633063c&lang=postcss&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./Auth.vue?vue&type=template&id=1633063c&scoped=true\"\nimport script from \"./Auth.vue?vue&type=script&lang=js\"\nexport * from \"./Auth.vue?vue&type=script&lang=js\"\nimport style0 from \"./Auth.vue?vue&type=style&index=0&id=1633063c&lang=postcss&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  \"1633063c\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1633063c')) {\n      api.createRecord('1633063c', component.options)\n    } else {\n      api.reload('1633063c', component.options)\n    }\n    module.hot.accept(\"./Auth.vue?vue&type=template&id=1633063c&scoped=true\", function () {\n      api.rerender('1633063c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/Auth.vue\"\nexport default component.exports","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../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!./Auth.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../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!./Auth.vue?vue&type=script&lang=js\"","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Auth.vue?vue&type=style&index=0&id=1633063c&lang=postcss&scoped=true\"","export * from \"-!../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"79ce08d4-vue-loader-template\\\"}!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Auth.vue?vue&type=template&id=1633063c&scoped=true\""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAoBA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAIA;AACA;AAIA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC7NA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AAEA;AAIA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAAA;AAAA;AACA;AAGA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;;;;;;;;;;;;ACjCA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACXA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAiBA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}