{"version":3,"file":"js/client-bar-popup.js","sources":["webpack:///src/components/ClientBarPopup.vue","webpack:///./src/components/ClientBarPopup.vue","webpack:///./node_modules/core-js/internals/create-html.js","webpack:///./node_modules/core-js/internals/string-html-forced.js","webpack:///./node_modules/core-js/modules/es.string.link.js","webpack:///./src/components/ClientBarPopup.vue?6693","webpack:///./src/components/ClientBarPopup.vue?362e","webpack:///./src/api/playRepository.js","webpack:///./src/api/vrRepository.js","webpack:///./src/components/ClientBarPopup.vue?107f","webpack:///./src/components/ClientBarPopup.vue?f89e","webpack:///./src/components/ClientBarPopup.vue?6e71","webpack:///./src/components/ClientBarPopup.vue?6e24"],"sourcesContent":["<template>\n  <div class=\"h-full relative\" :key=\"$route.params.barName\">\n    <div id=\"iframe-room-parent\" class=\"relative h-full\" v-if=\"openRoom\">\n      <iframe\n        class=\"h-full w-full\"\n        :src=\"virtualRoomUrl\"\n        frameborder=\"0\"\n        crossorigin\n        ref=\"iframe-room\"\n        id=\"iframe-room\"\n      ></iframe>\n      <div\n        class=\"fixed w-full h-full top-0 left-0 flex items-center justify-center\"\n        v-if=\"iFrameAuthFailed\"\n      >\n        <div class=\"bg-gray-800 rounded-xl p-16\">\n          <p class=\"uppercase pb-4 font-medium\">\n            Non sei loggato correttamente\n          </p>\n          <button\n            class=\"w-full p-3 rounded-xl h-fit bg-secondary font-medium\"\n            @click=\"logout()\"\n          >\n            Pagina di accesso\n          </button>\n        </div>\n      </div>\n\n      <div\n        class=\"fixed w-full h-full top-0 left-0 flex items-center justify-center\"\n        v-if=\"iFrameError\"\n      >\n        <div class=\"bg-gray-800 rounded-xl p-16\">\n          <p class=\"uppercase pb-4 font-medium\">La sala non è disponibile</p>\n          <button\n            class=\"w-full p-3 rounded-xl h-fit bg-secondary font-medium\"\n            @click=\"$router.push({ name: 'SlotsBar' })\"\n          >\n            Apri alla mappa\n          </button>\n        </div>\n      </div>\n    </div>\n    <div\n      id=\"iframe-game-parent\"\n      class=\"absolute top-0 w-full h-full\"\n      v-if=\"openGame\"\n    >\n      <iframe\n        v-if=\"gameData.link\"\n        class=\"h-full w-full\"\n        :src=\"gameData.link\"\n        frameborder=\"0\"\n        crossorigin\n        ref=\"iframe-game\"\n        id=\"iframe-game\"\n      ></iframe>\n      <iframe\n        v-else\n        class=\"h-full w-full\"\n        :srcdoc=\"gameData.html\"\n        frameborder=\"0\"\n        crossorigin\n        ref=\"iframe-game\"\n        id=\"iframe-game\"\n      ></iframe>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getCredit } from \"@/api/creditRepository\";\nimport { getHeartbeatSettings, heartbeat } from \"@/api/playRepository\";\nimport { getVrClient } from \"@/api/vrRepository\";\nimport tokensRepository from \"@/api/tokensRepository\";\nimport iPhoneSetup from \"@/mixins/iPhoneSetup\";\nimport axios from \"axios\";\nimport Cookies from \"js-cookie\";\nimport { getBarInfo } from \"../api/barsRepository\";\n\nexport default {\n  name: \"ClientBarPopup\",\n\n  mixins: [iPhoneSetup],\n\n  data() {\n    return {\n      iframeWindow: null,\n      iFrameError: null,\n      iFrameAuthFailed: false,\n      cashback: null,\n      iframeReadyEvent: null,\n      gameData: null,\n      heartbeatSettings: null,\n      heartbeatInterval: null,\n      heartbeatData: null,\n      retryCount: null,\n      openGame: false,\n      openRoom: true,\n      inDemo: false,\n      virtualRoomUrl: null,\n    };\n  },\n\n  watch: {\n    \"$route.params\": function () {\n      if (\n        !Object.keys(this.$route.query).includes(\"playing\") ||\n        this.$route.query.playing !== \"true\"\n      ) {\n        console.log(\"$route.params changed - calling gameExit\");\n        this.gameExit();\n      } else {\n        console.log(\"else\");\n        if (!this.openGame) {\n          this.cleanUpQuery();\n        }\n      }\n    },\n  },\n\n  created() {\n    getVrClient(this.$route.params.barName).then((url) => {\n      this.virtualRoomUrl = url;\n    });\n\n    this.cleanUpQuery();\n    // this.$router.replace({ query: null });\n    // this.$emit(\"regionPopUpVisibility\", false);\n    getHeartbeatSettings().then((res) => {\n      this.heartbeatSettings = res.data;\n    });\n  },\n\n  mounted() {\n    this.iframeWindow = this.$refs[\"iframe-room\"].contentWindow;\n    window.onbeforeunload = null;\n    this.setupEventListeners();\n    window.onpopstate = this.windowPopstateHandler;\n\n    this.$store.dispatch(\"socket/emitChangeLocation\", [\n      \"ROOM\",\n      {\n        roomSlug: this.$route.params.barName,\n      },\n    ]);\n\n    // this.$socket.emit(\"changeLocation\", \"ROOM\", {\n    //   roomSlug: this.$route.params.barName,\n    // });\n    this.$root.$on(\n      \"closeEverythingInsideVRIframe\",\n      this.closeEverythingInsideVRIframeHandler\n    );\n  },\n\n  methods: {\n    closeEverythingInsideVRIframeHandler() {\n      this.iframeReadyEvent.source.postMessage(\n        { name: `closeAllMenus` },\n        this.iframeReadyEvent.origin\n      );\n      this.$root.$emit(\"closeChat\");\n      // this.iframeWindow.source.postMessage({ name: `closeAllMenus` }, \"*\");\n    },\n\n    closeMenu() {\n      this.$root.$emit(\"closeMenu\");\n    },\n    async call(url) {\n      /*       const requestData = {}; // Replace with your request data\nss\n      // Make the request using navigator.sendBeacon()\n      const isSent = navigator.sendBeacon(url, JSON.stringify(requestData));\n\n      if (isSent) {\n        console.log(\"Request sent using sendBeacon\");\n      } else {\n        // If sendBeacon was not successful, fallback to traditional request */\n      try {\n        await axios.post(url);\n        console.log(\"Request sent using axios\");\n      } catch (error) {\n        console.error(\"Error occurred during the request\", error);\n      }\n      /*    } */\n      console.log(\"called gameOver endpoint\");\n    },\n    async logoutCleanUp() {\n      this.$store.dispatch(\"auth/cleanUpAuth\");\n      this.$store.dispatch(\"socket/destroySocket\");\n    },\n\n    logout() {\n      this.logoutCleanUp().then(() => {\n        this.$router.push(\"/login\");\n      });\n    },\n\n    startHeartbeat(retry = false) {\n      // Clear any existing interval to ensure only one heartbeat is active at a time\n      this.stopHeartbeat();\n      const intervalMilliseconds =\n        (retry\n          ? this.heartbeatSettings.retryFrequency\n          : this.heartbeatSettings.frequency) * 1000;\n\n      // Start the heartbeat by scheduling the POST request at the defined interval\n      this.heartbeatInterval = setInterval(() => {\n        // Execute the POST request here\n        this.heartbeatExecution();\n      }, intervalMilliseconds);\n    },\n\n    async stopHeartbeat(resetData = false) {\n      // Clear the interval if it is currently running\n      if (this.heartbeatInterval) {\n        clearInterval(this.heartbeatInterval);\n        this.heartbeatInterval = null;\n      }\n      if (resetData) {\n        this.retryCount = null;\n        this.heartbeatData = null;\n      }\n    },\n\n    heartbeatExecution() {\n      heartbeat(this.heartbeatData)\n        .then(() => {\n          console.log(\"Performed Heartbeat with success\");\n          if (this.retryCount) {\n            this.retryCount = null;\n            this.startHeartbeat();\n          }\n        })\n        .catch((e) => {\n          console.log(\"Heartbeat failed\");\n          if (e.response && e.response.status == 404) {\n            this.stopHeartbeat(true);\n            return;\n          }\n          if (!this.retryCount) {\n            this.retryCount = 1;\n\n            this.startHeartbeat(true);\n          } else {\n            this.retryCount++;\n            if (this.retryCount > this.heartbeatSettings.maxRetries) {\n              this.stopHeartbeat(true);\n            }\n          }\n        });\n    },\n\n    windowPopstateHandler(event) {\n      const url = new URL(window.location);\n      if (!url.searchParams.has(\"ifrm\")) {\n        this.iframeWindow.postMessage({ name: \"menuVLT:invisible\" }, \"*\");\n      }\n    },\n\n    postMessageHandler(event) {\n      let origins = [this.virtualRoomUrl];\n\n      if (this.gameData && this.gameData.link) {\n        const origin = new URL(this.gameData.link).origin;\n        origins.push(origin);\n      }\n\n      const eventName = event.data.toString();\n\n      // has to stay here, before security check\n      // bcs some events of close come from the child of the iframe hosting\n      if (\n        eventName === \"close\" ||\n        eventName === \"closePopup\" ||\n        eventName === \"stopFun\" ||\n        eventName.toLowerCase().includes(\"stop\")\n      ) {\n        console.log(\"received events of chiudi\");\n        console.log(event.data);\n        this.gameExit();\n      }\n      // SECURITY - checking if the post message comes from virtual rooms\n      if (!origins.includes(event.origin)) {\n        console.log(origins);\n        console.log(event.origin);\n        return;\n      }\n\n      if (event.data.data == \"openChat\") {\n        this.$root.$emit(\"openChat\");\n      }\n\n      if (event.data.data == \"fullscreen\") {\n        this.$root.$emit(\"toggled\");\n      }\n\n      if (event.data.data == \"barName\") {\n        const barName = event.data.name;\n        const barSlug = this.$route.params.barName;\n        this.$root.$emit(\"barNameUpdate\", { barName, barSlug });\n      }\n\n      if (event.data.data == \"ready\") {\n        this.iframeReadyEvent = event;\n        this.postMessageSocketHandshake();\n        if (!this.iframeReadyEvent) this.updateCashback();\n        this.$emit(\"isInGameUpdate\", false);\n        this.cleanUpQuery();\n      }\n\n      // event.data.data == \"play\" ||\n      if (event.data.data == \"gameOver\") {\n        this.updateUIBalance();\n        this.updateUITokens();\n      }\n\n      if (event.data.data == \"openGameInfo\") {\n        this.gameData = event.data.launchInfo;\n        this.heartbeatData = event.data.info;\n      }\n\n      if (event.data.data == \"openGame\") {\n        console.log(\"received openGame event\");\n        if (\n          this.gameData &&\n          (this.gameData.link || this.gameData.html) &&\n          this.gameData.gameOverUrl\n        ) {\n          this.openGame = true;\n          this.openRoom = false;\n\n          this.$store.dispatch(\"socket/emitChangeLocation\", [\n            \"GAME\",\n            {\n              roomSlug: this.$route.params.barName,\n              gameId: this.gameData.gameId,\n            },\n          ]);\n          // heartbeat only on real game launches\n          this.startHeartbeat();\n          //inject params to url\n          this.$router.push({ query: { playing: true } });\n          this.$emit(\"isInGameUpdate\", true);\n          this.$root.$emit(\"gameIframeOpened\", true);\n        } else {\n          console.log(\"missing data to open game\");\n        }\n      }\n\n      if (event.data.data == \"openGameDemo\") {\n        console.log(\"received openGameDemo event\");\n        if (this.gameData && (this.gameData.link || this.gameData.html)) {\n          this.$router.push({ query: { playing: true } });\n          this.openGame = true;\n          this.openRoom = true;\n          this.inDemo = true;\n          //TODO socket change location emit here - DEAL WITH THIS\n          this.$emit(\"isInGameUpdate\", true);\n          this.$root.$emit(\"gameIframeOpened\", true);\n        } else {\n          console.log(\"missing data to open game demo\");\n        }\n      }\n\n      if (\n        event.data.data == \"reservation\" ||\n        event.data.data == \"cancelReservation\" ||\n        event.data.data == \"playReservation\"\n      ) {\n        this.updateUITokens();\n      }\n\n      if (event.data.data == \"auth:failed\") {\n        this.iFrameAuthFailed = true;\n      }\n\n      if (event.data.data == \"error\") {\n        this.iFrameError = true;\n      }\n\n      // pushes new state (openVLT) to prevent browser back button leaving the virtual-room\n      if (event.data.data == \"vltMenuOpen\") {\n        const url = new URL(window.location);\n        if (!url.searchParams.has(\"ifrm\")) {\n          url.searchParams.set(\"ifrm\", 1);\n          history.pushState({ page: 1 }, \"\", url);\n        }\n      }\n\n      // replaces state to re enable browser back button\n      if (event.data.data == \"vltMenuClose\") {\n        const url = new URL(window.location);\n        if (url.searchParams.has(\"ifrm\")) {\n          url.searchParams.delete(\"ifrm\");\n          history.pushState({ page: 1 }, \"\", url);\n        }\n      }\n    },\n\n    updateCashback() {\n      let barName = this.$route.params.barName;\n      if (barName) {\n        getBarInfo(barName).then((response) => {\n          let cashback = response.data.cashback;\n          this.iframeReadyEvent.source.postMessage(\n            { name: `cashback:${cashback}` },\n            this.iframeReadyEvent.origin\n          );\n        });\n      }\n    },\n\n    async pageDestroyHandler(event) {\n      event.preventDefault();\n      event.returnValue = '';\n      console.log(\"pageDestroyHandler\");\n      this.removeAllEventListeners();\n      await this.gameExit(false);\n    },\n\n    updateUIBalance() {\n      getCredit(this.$store.getters[\"userInfo/getUserId\"]).then((res) => {\n        console.log(res.data);\n        this.updateCreditPostMessage(res.data.credit);\n        this.$store.commit(\"userInfo/mutateCredit\", res.data);\n      });\n    },\n\n    updateTokensPostMessage(tokens) {\n      if (\n        this.openRoom &&\n        this.iframeReadyEvent &&\n        this.iframeReadyEvent.source\n      ) {\n        this.iframeReadyEvent.source.postMessage(\n          { name: `tokens:${tokens}` },\n          this.iframeReadyEvent.origin\n        );\n      }\n    },\n    updateCreditPostMessage(credit) {\n      if (\n        this.openRoom &&\n        this.iframeReadyEvent &&\n        this.iframeReadyEvent.source\n      ) {\n        this.iframeReadyEvent.source.postMessage(\n          { name: `credit:${credit}` },\n          this.iframeReadyEvent.origin\n        );\n      }\n    },\n\n    updateUITokens() {\n      tokensRepository\n        .getCredit(this.$store.getters[\"userInfo/getUserId\"])\n        .then((res) => {\n          console.log(res.data);\n          this.updateTokensPostMessage(res.data.credit);\n          this.$store.commit(\"userInfo/mutateTokens\", res.data);\n        });\n    },\n\n    async gameExit(updateBalance = true) {\n      const gameFrame = document.getElementById(\"gameframe\");\n      if (gameFrame && gameFrame.contentWindow) {\n        console.log(\"send customclose\");\n        gameFrame.contentWindow.postMessage(\"customclose\", \"*\");\n      }\n\n      const gameOverUrl =\n        this.gameData && this.gameData.gameOverUrl\n          ? this.gameData.gameOverUrl\n          : null;\n      this.gameData = null;\n      /*    if (document.webkitFullscreenElement || document.fullscreenElement) {\n        await document.exitFullscreen();\n      } */\n\n      if (this.openRoom && this.inDemo) {\n        this.$refs[\"iframe-room\"].contentWindow.postMessage(\n          { name: \"exitGameDemo\" },\n          \"*\"\n        );\n        this.inDemo = false;\n      }\n      this.openGame = false;\n      this.openRoom = true;\n\n      this.$store.dispatch(\"socket/emitChangeLocation\", [\n        \"ROOM\",\n        {\n          roomSlug: this.$route.params.barName,\n        },\n      ]);\n      this.$root.$emit(\"gameIframeOpened\", false);\n      if (gameOverUrl) {\n        this.stopHeartbeat();\n        if (updateBalance) {\n          this.updateUIBalance();\n          this.updateUITokens();\n        }\n        await this.call(gameOverUrl);\n      }\n\n      this.cleanUpQuery();\n    },\n\n    cleanUpQuery() {\n      console.log(\"cleaning up query\");\n      if (Object.keys(this.$route.query).length > 0) {\n        this.$router.replace({ query: null });\n      }\n    },\n\n    postMessageSocketHandshake() {\n      const data = {\n        name: \"handshake\",\n        data: {\n          numContract: this.$store.getters[\"auth/getNumContract\"],\n          barName: this.$route.params.barName,\n          playerName: this.$store.getters[\"userInfo/getNickname\"],\n          figureId: this.$store.getters[\"userInfo/getFigureId\"],\n          balance: {\n            credit: this.$store.getters[\"userInfo/getCredit\"],\n            tokens: this.$store.getters[\"userInfo/getTokens\"],\n          },\n          options: {\n            fullscreenActivated:\n              document.webkitFullscreenElement || document.fullscreenElement\n                ? true\n                : false,\n          },\n        },\n      };\n      console.log(\"sending data\");\n      console.log(data);\n\n      // is this IF overkill ? the idea remains here\n      //if(!!data.data.numContract) {\n      this.iframeReadyEvent.source.postMessage(\n        data,\n        this.iframeReadyEvent.origin\n      );\n    },\n\n    setupEventListeners() {\n      window.addEventListener(\"beforeunload\", this.pageDestroyHandler, {\n        capture: true,\n      });\n      document.addEventListener(\n        \"visibilitychange\",\n        this.visibilityChangeHandler\n      );\n      //Event Listener for Iframe\n      window.addEventListener(\"message\", this.postMessageHandler);\n      window.addEventListener(\"onmessage\", this.postMessageHandler);\n    },\n\n    removeAllEventListeners() {\n      this.$root.$off(\n        \"closeEverythingInsideVRIframe\",\n        this.closeEverythingInsideVRIframeHandler\n      );\n      window.removeEventListener(\"beforeunload\", this.pageDestroyHandler);\n      //window.removeEventListener(\"pagehide\", this.pageDestroyHandler);\n      window.removeEventListener(\"message\", this.postMessageHandler);\n      window.removeEventListener(\"onmessage\", this.postMessageHandler);\n      document.removeEventListener(\n        \"visibilitychange\",\n        this.visibilityChangeHandler\n      );\n    },\n    pageVisibleHandler() {\n      if (this.openGame) {\n        this.heartbeatData = { ...this.heartbeatData, state: undefined };\n      }\n      if (this.openRoom) {\n        this.$refs[\"iframe-room\"].contentWindow.postMessage(\n          { name: \"visibilityChange:visible\" },\n          \"*\"\n        );\n      }\n    },\n\n    pageNotVisibleHandler() {\n      if (this.openGame) {\n        this.heartbeatData = { ...this.heartbeatData, state: \"invisible\" };\n      }\n      if (this.openRoom) {\n        this.$refs[\"iframe-room\"].contentWindow.postMessage(\n          { name: \"visibilityChange:notVisible\" },\n          \"*\"\n        );\n      }\n    },\n\n    visibilityChangeHandler() {\n      if (document.visibilityState === \"visible\") {\n        this.pageVisibleHandler();\n      } else {\n        this.pageNotVisibleHandler();\n      }\n    },\n  },\n\n  async beforeDestroy() {\n    this.$emit(\"fullscreenBtnVisibility\", true);\n    console.log(\"before destroy\");\n    this.removeAllEventListeners();\n    await this.gameExit();\n    this.$root.$emit(\"barNameUpdate\", { barName: null, barSlug: null });\n  },\n};\n</script>\n\n<style scoped lang=\"postcss\">\n#iframe-room-parent,\n#iframe-game-parent {\n  /* margin-top: 9vh; */\n  /* margin-bottom: 11vh; */\n  height: 100%;\n  @apply w-screen bg-black bg-opacity-70;\n\n  /*   @screen xs {\n    margin-top: 17.4vh;\n    height: 82.6vh;\n    @apply mb-0;\n  } */\n\n  /* @screen md {\n      @apply relative;\n   } */\n\n  /*  @screen lg {\n    margin-top: 10vh;\n    height: 90vh;\n  } */\n\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: opacity 0.5s ease-in;\n  }\n\n  .fade-enter,\n  .fade-leave-to {\n    opacity: 0;\n  }\n}\n\n#iframe-room-parent {\n  z-index: 0;\n}\n\n#iframe-game-parent {\n  z-index: 1;\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { key: _vm.$route.params.barName, staticClass: \"h-full relative\" },\n    [\n      _vm.openRoom\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"relative h-full\",\n              attrs: { id: \"iframe-room-parent\" },\n            },\n            [\n              _c(\"iframe\", {\n                ref: \"iframe-room\",\n                staticClass: \"h-full w-full\",\n                attrs: {\n                  src: _vm.virtualRoomUrl,\n                  frameborder: \"0\",\n                  crossorigin: \"\",\n                  id: \"iframe-room\",\n                },\n              }),\n              _vm.iFrameAuthFailed\n                ? _c(\n                    \"div\",\n                    {\n                      staticClass:\n                        \"fixed w-full h-full top-0 left-0 flex items-center justify-center\",\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"bg-gray-800 rounded-xl p-16\" },\n                        [\n                          _c(\n                            \"p\",\n                            { staticClass: \"uppercase pb-4 font-medium\" },\n                            [_vm._v(\" Non sei loggato correttamente \")]\n                          ),\n                          _c(\n                            \"button\",\n                            {\n                              staticClass:\n                                \"w-full p-3 rounded-xl h-fit bg-secondary font-medium\",\n                              on: {\n                                click: function ($event) {\n                                  return _vm.logout()\n                                },\n                              },\n                            },\n                            [_vm._v(\" Pagina di accesso \")]\n                          ),\n                        ]\n                      ),\n                    ]\n                  )\n                : _vm._e(),\n              _vm.iFrameError\n                ? _c(\n                    \"div\",\n                    {\n                      staticClass:\n                        \"fixed w-full h-full top-0 left-0 flex items-center justify-center\",\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"bg-gray-800 rounded-xl p-16\" },\n                        [\n                          _c(\n                            \"p\",\n                            { staticClass: \"uppercase pb-4 font-medium\" },\n                            [_vm._v(\"La sala non è disponibile\")]\n                          ),\n                          _c(\n                            \"button\",\n                            {\n                              staticClass:\n                                \"w-full p-3 rounded-xl h-fit bg-secondary font-medium\",\n                              on: {\n                                click: function ($event) {\n                                  return _vm.$router.push({ name: \"SlotsBar\" })\n                                },\n                              },\n                            },\n                            [_vm._v(\" Apri alla mappa \")]\n                          ),\n                        ]\n                      ),\n                    ]\n                  )\n                : _vm._e(),\n            ]\n          )\n        : _vm._e(),\n      _vm.openGame\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"absolute top-0 w-full h-full\",\n              attrs: { id: \"iframe-game-parent\" },\n            },\n            [\n              _vm.gameData.link\n                ? _c(\"iframe\", {\n                    ref: \"iframe-game\",\n                    staticClass: \"h-full w-full\",\n                    attrs: {\n                      src: _vm.gameData.link,\n                      frameborder: \"0\",\n                      crossorigin: \"\",\n                      id: \"iframe-game\",\n                    },\n                  })\n                : _c(\"iframe\", {\n                    ref: \"iframe-game\",\n                    staticClass: \"h-full w-full\",\n                    attrs: {\n                      srcdoc: _vm.gameData.html,\n                      frameborder: \"0\",\n                      crossorigin: \"\",\n                      id: \"iframe-game\",\n                    },\n                  }),\n            ]\n          )\n        : _vm._e(),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","'use strict';\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar toString = require('../internals/to-string');\n\nvar quot = /\"/g;\nvar replace = uncurryThis(''.replace);\n\n// `CreateHTML` abstract operation\n// https://tc39.es/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = toString(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + replace(toString(value), quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","'use strict';\nvar fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.es/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\n});\n","// 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, \"#iframe-room-parent[data-v-12034174],\\n#iframe-game-parent[data-v-12034174] {\\n  /* margin-top: 9vh; */\\n  /* margin-bottom: 11vh; */\\n  height: 100%\\n}\\n#iframe-room-parent[data-v-12034174], #iframe-game-parent[data-v-12034174] {\\n  width: 100vw;\\n  --tw-bg-opacity: 1;\\n  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));\\n  --tw-bg-opacity: 0.7\\n}\\n#iframe-room-parent[data-v-12034174],\\n#iframe-game-parent[data-v-12034174] {\\n  /*   @screen xs {\\n    margin-top: 17.4vh;\\n    height: 82.6vh;\\n    @apply mb-0;\\n  } */\\n}\\n\\n/*  @screen lg {\\n    margin-top: 10vh;\\n    height: 90vh;\\n  } */\\n#iframe-room-parent .fade-enter-active[data-v-12034174],\\n  #iframe-room-parent .fade-leave-active[data-v-12034174],\\n  #iframe-game-parent .fade-enter-active[data-v-12034174],\\n  #iframe-game-parent .fade-leave-active[data-v-12034174] {\\n    -webkit-transition: opacity 0.5s ease-in;\\n    transition: opacity 0.5s ease-in;\\n}\\n\\n/* @screen md {\\n      @apply relative;\\n   } */\\n#iframe-room-parent .fade-enter[data-v-12034174],\\n  #iframe-room-parent .fade-leave-to[data-v-12034174],\\n  #iframe-game-parent .fade-enter[data-v-12034174],\\n  #iframe-game-parent .fade-leave-to[data-v-12034174] {\\n    opacity: 0;\\n}\\n#iframe-room-parent[data-v-12034174] {\\n  z-index: 0;\\n}\\n#iframe-game-parent[data-v-12034174] {\\n  z-index: 1;\\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!./ClientBarPopup.vue?vue&type=style&index=0&id=12034174&scoped=true&lang=postcss\");\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(\"d1046d4e\", 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!./ClientBarPopup.vue?vue&type=style&index=0&id=12034174&scoped=true&lang=postcss\", 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!./ClientBarPopup.vue?vue&type=style&index=0&id=12034174&scoped=true&lang=postcss\");\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 httpClient from \"@/helpers/httpClient\";\n\nconst basePath = \"play\";\n\nexport function getHeartbeatSettings() {\n  return httpClient().get(`${basePath}/heartbeat/settings`);\n}\n\nexport function heartbeat(data) {\n  return httpClient().post(`${basePath}/heartbeat`, data);\n}\n","import httpClient from \"@/helpers/httpClient\";\n\nexport async function getVrClient(barName) {\n  if (!!process.env.VUE_APP_VR_ROUTING_SERVICE_URL) {\n    const roomName = barName.toLowerCase();\n    const res = await httpClient().get(\n      `${process.env.VUE_APP_VR_ROUTING_SERVICE_URL}/url?room=${roomName}`\n    );\n    return res.data;\n  }\n  return process.env.VUE_APP_VIRTUAL_ROOM_URL;\n}\n","import { render, staticRenderFns } from \"./ClientBarPopup.vue?vue&type=template&id=12034174&scoped=true\"\nimport script from \"./ClientBarPopup.vue?vue&type=script&lang=js\"\nexport * from \"./ClientBarPopup.vue?vue&type=script&lang=js\"\nimport style0 from \"./ClientBarPopup.vue?vue&type=style&index=0&id=12034174&scoped=true&lang=postcss\"\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  \"12034174\",\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('12034174')) {\n      api.createRecord('12034174', component.options)\n    } else {\n      api.reload('12034174', component.options)\n    }\n    module.hot.accept(\"./ClientBarPopup.vue?vue&type=template&id=12034174&scoped=true\", function () {\n      api.rerender('12034174', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/ClientBarPopup.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!./ClientBarPopup.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!./ClientBarPopup.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!./ClientBarPopup.vue?vue&type=style&index=0&id=12034174&scoped=true&lang=postcss\"","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!./ClientBarPopup.vue?vue&type=template&id=12034174&scoped=true\""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAKA;AACA;AAEA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAKA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAKA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAKA;AACA;AAAA;AAGA;AACA;AAEA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AAGA;AACA;AAEA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;ACvmBA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAMA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAEA;AAIA;AAAA;AAIA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AAYA;AAEA;AAIA;AAAA;AAIA;AAAA;AAMA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAeA;AACA;AAAA;AAAA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;;;;;;;;;;;;;ACtIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACfA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACXA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;ACVA;AAEA;AAAA;AAAA;AASA;AAAA;AATA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAFA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;;;;;;;;;;;;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":""}