{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Container/Container.vue?10c6","webpack:///./src/App.vue?4236","webpack:///./src/components/Container/Container.vue?4b18","webpack:///./src/js/eventBus.js","webpack:///./src/components/Utils/helper.js","webpack:///./src/js/audio.js","webpack:///./src/js/providers/twilio.js","webpack:///./src/js/providers/provider.js","webpack:///./src/js/models/participant.js","webpack:///./src/js/models/room.js","webpack:///./src/js/state.js","webpack:///./src/components/Avatar/Avatar.vue?b022","webpack:///src/components/Avatar/Avatar.vue","webpack:///./src/components/Avatar/Avatar.vue?a0bb","webpack:///./src/components/Avatar/Avatar.vue","webpack:///./src/components/Avatar/index.js","webpack:///./src/components/Participant/Participant.vue?89a8","webpack:///./src/js/misc.js","webpack:///src/components/Participant/Participant.vue","webpack:///./src/components/Participant/Participant.vue?8560","webpack:///./src/components/Participant/Participant.vue","webpack:///./src/components/Participant/index.js","webpack:///src/components/Container/Container.vue","webpack:///./src/components/Container/Container.vue?4366","webpack:///./src/components/Container/Container.vue","webpack:///./src/components/Container/index.js","webpack:///./src/components/Options/Options.vue?d183","webpack:///src/components/Options/Options.vue","webpack:///./src/components/Options/Options.vue?5ce4","webpack:///./src/components/Options/Options.vue","webpack:///./src/components/Options/index.js","webpack:///./src/js/mediaDevices.js","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/main.js","webpack:///./src/App.vue?c650","webpack:///./src/components/Avatar/styles.scss?fd64","webpack:///./src/components/Options/styles.scss?c8d4","webpack:///./src/components/Container/styles.scss?7381","webpack:///./src/components/Participant/styles.scss?757a"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","attrs","state","selectedDevices","on","$event","optionsChanged","_e","isAnybodySharingScreen","class","hidden","activeParticipants","room","localParticipant","hideOrAddGaps","_l","participant","id","error","micEnabled","modifiers","toggleMic","camEnabled","toggleCam","isMobile","screenShareEnabled","toggleScreenSharing","optionsVisible","toggleOptions","leave","Math","ceil","page_size","_v","_s","page","decreasePage","increasePage","staticRenderFns","ref","activeSpeaker","hasVideo","staticStyle","image","style","color","abbr","hasAudio","getDisplayName","mute","_m","currentUser","_t","Vue","findScreenSharer","participants","find","isSharingScreen","paginate","arr","size","reduce","acc","val","idx","floor","audio","ringing","Audio","join_self","join_other","leave_self","leave_other","volume","connect","accessToken","roomName","enableMic","enableVideo","createLocalTracks","video","width","height","deviceId","cam","mic","catch","alert","localTracks","dominantSpeaker","tracks","networkQuality","local","remote","e","console","isConnected","eventBus","$emit","addEventListener","disconnect","setProviderRoom","setLocalParticipant","addParticipant","play","forEach","addRemoteParticipant","model","findParticipant","status","onParticipantDisconnected","isDominantSpeaker","providerRoom","providerParticipant","track","detach","el","remove","onParticipantConnected","warn","identity","Participant","setProviderParticipant","updateUserStatus","publication","detachMedia","element","attachMedia","kind","bindEvents","mediaElementClasses","onlyForWebcam","isSubscribed","attachTrackMedia","replaceVideo","v","attach","setAttribute","querySelectorAll","append","createRemoteParticipantIfNotFound","parseInt","publishVideoStream","stream","trackName","options","LocalVideoTrack","getTracks","publishTrack","localScreensharingTrack","helper","unpublishTrack","emit","stop","navigator","mediaDevices","getDisplayMedia","then","mediaStreamTrack","onended","toggleCamera","videoTracks","isEnabled","disable","enable","toggleMicrophone","audioTracks","videoProvider","participantResource","attachedElements","participantElement","isParticipantElement","cssClasses","elIndex","indexOf","vue","set","getHasAudio","getHasVideo","getIsSharingScreen","getHasSlowConnection","enabledVideo","isTrackEnabled","enabledAudio","Room","roomResource","agency_id","room_token","access_token","meta","map","created_at","updated_at","participant_id","localMicrophoneTrack","localCameraTrack","audioEnabled","speaker","availableDevices","userToken","pusher","pusherChannel","border","fontSize","background","_f","component","Avatar","mainContainerClass","innerContainerClass","isSharingScreenFullSize","isLocalParticipant","isLocalParticipantShowAvatar","isRemoteParticipantShowAvatar","avatarWidth","test","userAgent","props","methods","innerWidth","computed","allActiveParticipants","filter","isSelf","classes","components","Container","selectedDeviceId","$$selectedVal","Array","target","selected","_value","$set","multiple","option","domProps","label","micOptions","allDevices","camOptions","speakerOptions","watch","Options","getAvailableDevices","enumerateDevices","mounted","uniqueToken","location","href","initDevices","initRoom","reconnect","reload","close","allShownParticipantsWhenScreensharing","isLocalParticipantWithoutSharedScreen","config","productionTip","axios","defaults","baseURL","process","directive","onClickaway","VTooltip","render","h","App","$mount"],"mappings":"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","file":"js/app.ae67ef6b.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Container.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Container',[(_vm.optionsVisible)?_c('Options',{directives:[{name:\"on-clickaway\",rawName:\"v-on-clickaway\",value:(_vm.toggleOptions),expression:\"toggleOptions\"}],staticClass:\"absolute bottom-24 left-1/2 z-50\",attrs:{\"selected-devices\":_vm.state.selectedDevices},on:{\"changed\":function($event){_vm.optionsChanged = true}}}):_vm._e(),(!_vm.isAnybodySharingScreen())?_c('div',{staticClass:\"flex items-center h-full flex-wrap justify-center content-center\",class:_vm.hideOrAddGaps},[_vm._l((_vm.activeParticipants),function(participant){return _c('participant',{key:participant.id,attrs:{\"participant\":participant,\"active-participants\":_vm.activeParticipants,\"is-self\":false}})}),(\n        _vm.state.room.localParticipant &&\n        _vm.activeParticipants.length &&\n        _vm.activeParticipants.length >= 15\n      )?_c('participant',{attrs:{\"participant\":_vm.state.room.localParticipant,\"active-participants\":_vm.activeParticipants,\"is-self\":true}}):_vm._e()],2):_c('div',{staticClass:\"flex w-full h-full flex-wrap items-center\",class:{\n      hidden: _vm.activeParticipants.length < 1,\n      'gap-3':\n        _vm.activeParticipants.length >= 1 && _vm.activeParticipants.length < 5,\n      'gap-1': _vm.activeParticipants.length > 4,\n      'justify-center content-center': !_vm.isAnybodySharingScreen(),\n    }},[_c('participant',{attrs:{\"participant\":_vm.isAnybodySharingScreen(),\"active-participants\":_vm.activeParticipants,\"is-self\":_vm.isAnybodySharingScreen() === _vm.state.room.localParticipant,\"is-sharing-screen-full-size\":_vm.activeParticipants.length}})],1),_c('div',{staticClass:\"\\n      mt-auto\\n      w-full\\n      flex\\n      items-end\\n      flex-wrap\\n      justify-end\\n      absolute\\n      bottom-4\\n      right-6\\n      z-20\\n    \"},[(!_vm.state.room.error)?_c('div',{staticClass:\"w-full flex space-x-4 justify-center absolute\"},[_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.top\",value:(\n          _vm.state.micEnabled\n            ? 'Click to disable your microphone'\n            : 'Click to enable your microphone'\n        ),expression:\"\\n          state.micEnabled\\n            ? 'Click to disable your microphone'\\n            : 'Click to enable your microphone'\\n        \",modifiers:{\"top\":true}}],staticClass:\"\\n          shadow\\n          flex\\n          items-center\\n          justify-center\\n          w-12\\n          h-12\\n          rounded-full\\n          cursor-pointer\\n          text-white\\n        \",class:_vm.state.micEnabled\n            ? 'bg-gray-700 hover:bg-gray-600'\n            : 'text-gray-850 bg-white',on:{\"click\":_vm.toggleMic}},[_c('i',{staticClass:\"far fa-fw fa-sm\",class:_vm.state.micEnabled ? 'fa-microphone' : 'fa-microphone-slash'})]),_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.top\",value:(\n          _vm.state.camEnabled\n            ? 'Click to disable your camera'\n            : 'Click to enable your camera'\n        ),expression:\"\\n          state.camEnabled\\n            ? 'Click to disable your camera'\\n            : 'Click to enable your camera'\\n        \",modifiers:{\"top\":true}}],staticClass:\"\\n          shadow\\n          flex\\n          items-center\\n          justify-center\\n          w-12\\n          h-12\\n          rounded-full\\n          cursor-pointer\\n          text-white\\n        \",class:_vm.state.camEnabled\n            ? 'bg-gray-700 hover:bg-gray-600'\n            : 'text-gray-850 bg-white',on:{\"click\":_vm.toggleCam}},[_c('i',{staticClass:\"far fa-fw fa-sm\",class:_vm.state.camEnabled ? 'fa-video' : 'fa-video-slash'})]),(!_vm.isMobile)?_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.top\",value:(\n          !_vm.state.screenShareEnabled\n            ? 'Click to share your screen'\n            : 'Click to stop sharing your screen'\n        ),expression:\"\\n          !state.screenShareEnabled\\n            ? 'Click to share your screen'\\n            : 'Click to stop sharing your screen'\\n        \",modifiers:{\"top\":true}}],staticClass:\"\\n          shadow\\n          flex\\n          items-center\\n          justify-center\\n          w-12\\n          h-12\\n          rounded-full\\n          cursor-pointer\\n          text-white\\n        \",class:!_vm.state.screenShareEnabled\n            ? 'bg-gray-700 hover:bg-gray-600'\n            : 'bg-leaf-500',on:{\"click\":_vm.toggleScreenSharing}},[_c('i',{staticClass:\"far fa-fw fa-sm fa-desktop\"})]):_vm._e(),(!_vm.isMobile)?_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.top\",value:('Click to change your settings'),expression:\"'Click to change your settings'\",modifiers:{\"top\":true}}],staticClass:\"\\n          shadow\\n          flex\\n          items-center\\n          justify-center\\n          w-12\\n          h-12\\n          rounded-full\\n          cursor-pointer\\n          text-white\\n          z-50\\n        \",class:!_vm.optionsVisible ? 'bg-gray-700 hover:bg-gray-600' : 'bg-leaf-500',on:{\"click\":_vm.toggleOptions}},[_c('i',{staticClass:\"far fa-fw fa-sm fa-cog\"})]):_vm._e(),_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.top\",value:('Click to leave the meeting'),expression:\"'Click to leave the meeting'\",modifiers:{\"top\":true}}],staticClass:\"\\n          shadow\\n          flex\\n          items-center\\n          justify-center\\n          w-12\\n          h-12\\n          bg-red-500\\n          hover:bg-red-400\\n          rounded-full\\n          cursor-pointer\\n        \",on:{\"click\":_vm.leave}},[_c('i',{staticClass:\"far fa-fw fa-sm fa-phone-slash text-white\"})])]):_vm._e(),_c('div',{staticClass:\"z-20\"},[(_vm.isLocalParticipantWithoutSharedScreen)?_c('participant',{attrs:{\"participant\":_vm.state.room.localParticipant,\"active-participants\":_vm.activeParticipants,\"is-self\":true}}):_vm._e()],1)]),(_vm.isAnybodySharingScreen() && _vm.activeParticipants.length)?_c('div',{staticClass:\"absolute right-0 bottom-0 mr-6 mb-4\"},[_c('div',{staticClass:\"\\n        z-20\\n        flex\\n        w-344px\\n        h-full\\n        flex-wrap\\n        items-end\\n        justify-end\\n        flex-row\\n        gap-2\\n      \"},[_vm._l((_vm.allShownParticipantsWhenScreensharing),function(participant){return _c('participant',{key:participant.id,attrs:{\"participant\":participant,\"active-participants\":_vm.activeParticipants,\"is-sharing-screen-full-size\":false,\"is-self\":participant === _vm.state.room.localParticipant}})}),(Math.ceil(this.activeParticipants.length / this.page_size) > 1)?_c('div',{staticClass:\"\\n          w-full\\n          rounded-xl\\n          text-white\\n          bg-gray-700\\n          flex\\n          justify-between\\n          mt-10\\n          p-4\\n        \"},[_c('div',[_c('i',{staticClass:\"far fa-sm fa-user-friends mr-1\"}),_c('span',{staticClass:\"text-sm\"},[_vm._v(_vm._s(_vm.activeParticipants.length + 1))])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"cursor-pointer mr-4 z-50\",class:{ 'opacity-30': this.page === 1 },on:{\"click\":_vm.decreasePage}},[_c('i',{staticClass:\"far fa-xs fa-arrow-left mr-1\"}),_c('span',{staticClass:\"text-xs\"},[_vm._v(\"Previous\")])]),_c('div',{staticClass:\"cursor-pointer z-50\",class:{\n              'opacity-30':\n                this.page ===\n                Math.ceil(this.activeParticipants.length / this.page_size),\n            },on:{\"click\":_vm.increasePage}},[_c('span',{staticClass:\"text-xs mr-1\"},[_vm._v(\"Next\")]),_c('i',{staticClass:\"far fa-xs fa-arrow-right\"})])])]):_vm._e()],2)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full h-full bg-gray-900\"},[_c('div',{ref:\"activeSpeaker\",staticClass:\"w-full h-full flex items-start overflow-y-hidden\"},[(!_vm.activeParticipants.length)?_c('div',{staticClass:\"text-center text-gray-300 w-full h-full flex flex-col mx-6 my-6\"},[(_vm.state.room.isConnected)?[(_vm.state.room.localParticipant)?_c('participant',{attrs:{\"participant\":_vm.state.room.localParticipant,\"active-participants\":_vm.activeParticipants},on:{\"mute\":function($event){return _vm.mute(_vm.state.room.localParticipant)}}}):_vm._e()]:(_vm.state.room.error)?[_vm._m(0)]:[_c('div',{staticClass:\"flex flex-col\"},[_c('div',{staticClass:\"h-64\"},[_vm._m(1),_c('div',{staticClass:\"center\"},[(_vm.state.room.participant_id)?_c('avatar',{staticClass:\"avatar\",attrs:{\"width\":\"120\",\"color\":_vm.currentUser.color,\"abbr\":_vm.currentUser.abbr,\"image\":_vm.currentUser.image}}):_vm._e()],1)]),_c('p',[_vm._v(\"Connecting...\")])])]],2):(\n        _vm.state.room.activeSpeaker && !_vm.state.room.activeSpeaker.hasVideo && !_vm.activeParticipants\n      )?_c('div',{staticClass:\"\\n        text-center text-gray-300\\n        w-full\\n        z-10\\n        bg-gray-800\\n        h-full\\n        flex\\n        items-center\\n        justify-center\\n      \"},[_c('div',{staticClass:\"flex flex-col justify-center items-center\"},[_c('div',{staticClass:\"inline-block rounded-full overflow-hidden shadow-md\",staticStyle:{\"width\":\"150px\",\"height\":\"150px\"}},[(_vm.state.room.activeSpeaker.image)?_c('img',{staticClass:\"w-full h-full\",staticStyle:{\"max-height\":\"150px\",\"object-fit\":\"cover\"},attrs:{\"src\":_vm.state.room.activeSpeaker.image}}):_c('div',{staticClass:\"text-5xl w-full h-full text-white text-bold text-center\",staticStyle:{\"line-height\":\"150px\"},style:({ 'background-color': _vm.state.room.activeSpeaker.color })},[_vm._v(\" \"+_vm._s(_vm.state.room.activeSpeaker.abbr)+\" \")])])]),_c('div',{staticClass:\"fixed bottom-0 left-0 ml-3 mb-2 text-sm\"},[(!_vm.state.room.activeSpeaker.hasAudio)?_c('i',{staticClass:\"far fa-fw fa-microphone-slash text-red-500\"}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.state.room.activeSpeaker.getDisplayName())+\" \")])]):_vm._e()]),_c('div',{staticClass:\"fixed top-0 right-0 bottom-0 left-0 z-50 flex flex-col p-4 pb-16\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex flex-col\"},[_c('div',{staticClass:\"h-64\"},[_c('div',{staticClass:\"center\"},[_c('p',[_vm._v(\"Something went wrong.\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"animation\"})])}]\n\nexport { render, staticRenderFns }","import Vue from 'vue';\nexport default new Vue();\n","export default {\n    findScreenSharer(participants) {\n      return participants.find(participant => participant.isSharingScreen);\n    },\n    paginate (arr, size) {\n      return arr.reduce((acc, val, i) => {\n        let idx = Math.floor(i / size)\n        let page = acc[idx] || (acc[idx] = [])\n        page.push(val)\n    \n        return acc\n      }, [])\n    }\n}\n","const audio = {\n    ringing: new Audio('https://trengo.s3.eu-central-1.amazonaws.com/videocalling/audio/ringing.mp3'),\n    join_self: new Audio('https://trengo.s3.eu-central-1.amazonaws.com/videocalling/audio/join_self.mp3'),\n    join_other: new Audio('https://trengo.s3.eu-central-1.amazonaws.com/videocalling/audio/join_other.mp3'),\n    leave_self: new Audio('https://trengo.s3.eu-central-1.amazonaws.com/videocalling/audio/leave_self.mp3'),\n    leave_other: new Audio('https://trengo.s3.eu-central-1.amazonaws.com/videocalling/audio/leave_other.mp3'),\n}\n\naudio.ringing.volume = .3;\naudio.join_self.volume = .3;\naudio.join_other.volume = .3;\naudio.leave_self.volume = .3;\naudio.leave_other.volume = .3;\n\nexport default audio;","import {connect, createLocalTracks, LocalVideoTrack} from 'twilio-video';\nimport {Participant} from \"../models/participant\";\nimport state from \"../state\";\nimport eventBus from \"../eventBus\";\nimport helper from \"../../components/Utils/helper.js\";\nimport audio from \"../audio\"\n\nexport default {\n    async connect(accessToken, roomName, enableMic = true, enableVideo = true) {\n        // options support: https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints\n        const localTracks = await createLocalTracks({\n            video: enableVideo ? {\n                width: 1280,\n                height: 720,\n                deviceId: state.selectedDevices?.cam?.deviceId\n            } : false,\n            audio: enableMic ? {\n                deviceId: state.selectedDevices?.mic?.deviceId\n            } : false\n        }).catch(() => {alert('Something went wrong, did you grant access to your microphone and camera?'); state.room.error=true;});\n\n        if(state.room.error) {\n            return;\n        }\n\n        let room = await connect(accessToken, {\n            name: roomName,\n            dominantSpeaker: true,\n            tracks: localTracks,\n            networkQuality: {\n                local: 1, // LocalParticipant's Network Quality verbosity [1 - 3]\n                remote: 2 // RemoteParticipants' Network Quality verbosity [0 - 3]\n            }\n        }).catch(e => {console.error('Something went wrong', e); alert('Something went wrong. Is the video call expired? Try starting a new call in Trengo.'); state.room.error=true;});\n\n        if(state.room.error) {\n            return;\n        }\n        //console.log(`Successfully joined a Room: ${room}.`);\n\n        // let the application know we are ready\n        state.room.isConnected = true;\n        eventBus.$emit('connected');\n\n        // Listen to the \"beforeunload\" event on window to leave the Room\n        // when the tab/browser is being closed.\n        window.addEventListener('beforeunload', () => room.disconnect());\n\n        // iOS Safari does not emit the \"beforeunload\" event on window.\n        // Use \"pagehide\" instead.\n        window.addEventListener('pagehide', () => room.disconnect());\n\n        // add providerRoom to room\n        state.room.setProviderRoom(room);\n\n        // add ourselves to state\n        state.room.setLocalParticipant(this.addParticipant(room.localParticipant));\n\n        // // Change Network Quality verbosity levels after joining the Room\n        // state.room.localParticipant.setNetworkQualityConfiguration({\n        //     local: 2,\n        //     remote: 1\n        //   });\n\n        audio.join_self.play().catch(()=>{});\n\n        window.addEventListener('beforeunload', () => audio.leave_self.play().catch(()=>{}));\n\n        // add other participants to state\n        room.participants.forEach(p => this.addRemoteParticipant(p));\n        room.on('participantConnected', p => {\n            audio.join_other.play().catch(()=>{});\n            this.addRemoteParticipant(p);\n        });\n\n        // remove other participants on disconnect\n        room.on('participantDisconnected', participant => {\n            let model = this.findParticipant(participant);\n            model.status = participant.state;\n            state.room.onParticipantDisconnected(model);\n            audio.leave_other.play().catch(()=>{});\n        });\n\n        // set active speaker\n        room.on('dominantSpeakerChanged', participant => {\n            let model = this.findParticipant(participant);\n            if(model) {\n                // unset others\n                state.room.participants.forEach(p => p.isDominantSpeaker = false);\n                // set current\n                model.isDominantSpeaker = true;\n                //eventBus.$emit('set-active-speaker', model);\n            }\n        });\n\n        return room;\n    },\n\n    disconnect() {\n        return state.room.providerRoom.disconnect();\n    },\n\n    addRemoteParticipant(providerParticipant) {\n        // bind events for remote participant\n        providerParticipant.on('trackUnsubscribed', track => {\n            track.detach().forEach(el => el.remove());\n        });\n\n        let model = this.addParticipant(providerParticipant);\n\n        eventBus.$emit('participant-connected', model);\n        state.room.onParticipantConnected(model);\n\n        // latest connected participant = active speaker:\n        //eventBus.$emit('set-active-speaker', model);\n\n        return model\n    },\n\n    addParticipant(providerParticipant) {\n        let model = this.findParticipant(providerParticipant);\n\n        if(!model) {\n            console.warn('participant not found', model, providerParticipant.identity);\n\n            model = new Participant({id: null, providerParticipant: providerParticipant});\n            state.room.participants.push(model);\n        }\n\n        model.setProviderParticipant(providerParticipant);\n\n        // set active\n        model.status = providerParticipant.state;\n\n        // sync state of hasVideo and hasAudio\n        model.updateUserStatus();\n        providerParticipant.on('trackSubscribed', track => {\n            track.on('enabled', () => model.updateUserStatus());\n            track.on('disabled', () => model.updateUserStatus());\n            model.updateUserStatus();\n        });\n        providerParticipant.on('trackUnsubscribed', () => {\n            model.updateUserStatus();\n        });\n        providerParticipant.tracks.forEach(publication => {\n            publication?.track?.on('enabled', () => model.updateUserStatus());\n            publication?.track?.on('disabled', () => model.updateUserStatus());\n        });\n        providerParticipant.on('trackPublished', () => {\n            model.updateUserStatus();\n        });\n        providerParticipant.on('trackUnpublished', () => {\n            model.updateUserStatus();\n        });\n        providerParticipant.on('networkQualityLevelChanged',  () => {\n            model.updateUserStatus()\n        });\n\n        return model;\n    },\n\n    detachMedia(element, providerParticipant) {\n        if(!element || !providerParticipant) {\n            return;\n        }\n        // todo\n    },\n\n    attachMedia(element, providerParticipant, kind = null, bindEvents = true, mediaElementClasses = 'w-full h-full absolute fadeIn', onlyForWebcam = false) {\n        if(!element || !providerParticipant) {\n            return;\n        }\n\n        // attach current tracks\n        providerParticipant.tracks.forEach(publication => {\n            // needs a subscribed track or the local video\n            if (publication.isSubscribed || providerParticipant?.identity === state.room.localParticipant?.providerParticipant?.identity) {\n                let track = publication.track;\n                if(onlyForWebcam && track.name === 'screenshare') {\n                    return\n                }\n\n                this.attachTrackMedia(track, element, kind, mediaElementClasses);\n            }\n        });\n\n        // attach new tracks to this element on subscribe\n        if(bindEvents) {\n            providerParticipant.on('trackSubscribed', track => {\n                if(onlyForWebcam && track.name === 'screenshare') {\n                    return\n                }\n                this.attachTrackMedia(track, element, kind, mediaElementClasses);\n            });\n        }\n    },\n\n    attachTrackMedia(track, element, kind, mediaElementClasses, replaceVideo = false) {\n        // filter audio/video tracks if necessary\n        if(kind && kind !== track.kind) {\n            return;\n        }\n\n        let v = track.attach();\n        v.setAttribute('class', mediaElementClasses);\n\n        // remove all other videos in this element (max 1 video per element)\n        if(replaceVideo && track.kind === 'video') {\n            element.querySelectorAll('video').forEach(e => e.remove()); // todo: find track and detach? this could be causing memory leak (especially with activeSpeaker enabled)\n        }\n        // add new video to element\n        element.append(v);\n    },\n\n    findParticipant(providerParticipant, createRemoteParticipantIfNotFound = false) {\n        let participant = state.room.participants.find(p => p.id === parseInt(providerParticipant?.identity));\n\n        if(!participant && createRemoteParticipantIfNotFound) {\n            participant = this.addRemoteParticipant(providerParticipant);\n        }\n\n        return participant;\n    },\n\n\n    publishVideoStream(stream, trackName) {\n        let options = {name: trackName};\n        let track = new LocalVideoTrack(stream.getTracks()[0], options);\n        state.room.localParticipant.providerParticipant.publishTrack(track);\n        return track;\n    },\n\n    toggleScreenSharing() {\n        // if nobody is sharing his screen\n        if (!state.room.localScreensharingTrack && !helper.findScreenSharer(state.room.participants)) {\n            try {\n                // request stream from browser\n                navigator.mediaDevices.getDisplayMedia().then(stream => {\n                    // publish track\n                    state.room.localScreensharingTrack = this.publishVideoStream(stream, 'screenshare');\n                    state.room.localScreensharingTrack.mediaStreamTrack.onended = () => this.toggleScreenSharing();\n                    state.screenShareEnabled = true;\n                })\n            } catch (error) {\n                console.error(error)\n            }\n        } else {\n            // stop sharing\n            const publication = state.room.localParticipant.providerParticipant.unpublishTrack(state.room.localScreensharingTrack);\n            state.room.localParticipant.providerParticipant.emit('trackUnpublished', publication);\n            state.room.localScreensharingTrack.stop();\n            state.room.localScreensharingTrack = null;\n            state.screenShareEnabled = false;\n        }\n    },\n\n    toggleCamera() {\n        state.room.localParticipant.providerParticipant.videoTracks.forEach(publication => {\n            if (publication.track.name === 'screenshare') {\n                return;\n            }\n            if(publication.track.isEnabled) {\n                publication.track.disable();\n                state.camEnabled = false;\n            } else {\n                publication.track.enable();\n                state.camEnabled = true;\n            }\n        })\n\n        /*if (state.room.localCameraTrack?.isEnabled) {\n            state.room.localCameraTrack.disable();\n        } else {\n            state.room.localCameraTrack.enable();\n        }*/\n    },\n\n    toggleMicrophone() {\n        state.room.localParticipant.providerParticipant.audioTracks.forEach(publication => {\n            if(publication.track.isEnabled) {\n                publication.track.disable();\n                state.micEnabled = false;\n            } else {\n                publication.track.enable();\n                state.micEnabled = true;\n            }\n        })\n    },\n}\n","import videoProvider from './twilio'; // define provider here\nexport default videoProvider;\n","import videoProvider from '../providers/provider';\nimport vue from 'vue';\nimport state from \"../state\";\nimport eventBus from '../eventBus';\n\nexport class Participant {\n    constructor(participantResource) {\n        this.id = participantResource.id;\n        this.status = participantResource.status;\n        this.name = participantResource.name;\n        this.abbr = participantResource.abbr;\n        this.color = participantResource.color;\n        this.image = participantResource.image;\n\n        this.providerParticipant = participantResource?.providerParticipant;\n        this.attachedElements = [];\n        this.participantElement = null;\n        this.isDominantSpeaker = false;\n        this.hasVideo = false;\n        this.hasAudio = false;\n        //...\n    }\n\n    isActive() {\n        return this.status === 'connected';\n    }\n\n    attachMedia(element, kind, isParticipantElement = false, onlyForWebcam) {\n        if(!this.providerParticipant) {\n            return;\n        }\n\n        if(isParticipantElement) {\n            this.participantElement = element;\n        }\n\n        let cssClasses = 'w-full h-full absolute fadeIn bg-black';\n        if (onlyForWebcam) {\n            cssClasses +=' object-cover';\n        }\n\n        videoProvider.attachMedia(element, this.providerParticipant, kind, true, cssClasses, onlyForWebcam);\n    }\n\n    detachMedia(element) {\n        if(!this.providerParticipant) {\n            return;\n        }\n\n        let elIndex = this.attachedElements.indexOf(element);\n        this.attachedElements.splice(elIndex, 1);\n\n        videoProvider.detachMedia(element, this.providerParticipant);\n    }\n\n    setProviderParticipant(providerParticipant) {\n        this.providerParticipant = providerParticipant;\n        eventBus.$emit('provider-participant-set-'+this.id, this);\n    }\n\n    updateUserStatus() {\n        vue.set(this, 'hasAudio', this.getHasAudio());\n        vue.set(this, 'hasVideo', this.getHasVideo());\n        vue.set(this, 'isSharingScreen', this.getIsSharingScreen());\n        vue.set(this, 'hasSlowConnection', this.getHasSlowConnection());\n    }\n\n    getHasVideo() {\n        if(this === state.room.localParticipant) {\n            return (state.camEnabled || state.screenShareEnabled);\n        }\n\n        // no video tracks\n        if(!this.providerParticipant.videoTracks.size) {\n            return false;\n        }\n\n        // find enabled video track\n        let enabledVideo = false;\n        this.providerParticipant.videoTracks.forEach(publication => {\n            if(publication.isSubscribed && publication.isTrackEnabled && publication.track.name !== 'screenshare') {\n                enabledVideo = true;\n            }\n        });\n\n        return enabledVideo;\n    }\n\n    getHasAudio() {\n        if(this === state.room.localParticipant) {\n            return state.micEnabled;\n        }\n\n        // no video tracks\n        if(!this.providerParticipant.audioTracks.size) {\n            return false;\n        }\n\n        // find enabled video track\n        let enabledAudio = false;\n        this.providerParticipant.audioTracks.forEach(publication => {\n            if(publication.isSubscribed && publication.isTrackEnabled) {\n                enabledAudio = true;\n            }\n        });\n\n        return enabledAudio;\n    }\n\n    getIsSharingScreen() {\n        return this.providerParticipant.videoTracks.size > 1;\n    }\n\n    getHasSlowConnection() {\n        return false; //this.providerParticipant.networkQualityLevel <= 3;\n    }\n\n    getDisplayName() {\n        return this.name || 'Anonymous';\n    }\n}\n","import {Participant} from \"./participant\";\n//import state from \"../state\";\n\nexport default class Room {\n    constructor(roomResource) {\n        this.id = roomResource.id;\n        this.agency_id = roomResource.agency_id;\n        this.room_token = roomResource.room_token;\n        this.access_token = roomResource.access_token;\n        this.meta = roomResource.meta;\n        this.participants = roomResource.participants?.map(p => new Participant(p)) || [];\n        this.created_at = roomResource.created_at;\n        this.updated_at = roomResource.updated_at;\n        this.participant_id = roomResource.participant_id;\n\n        this.isConnected = false;\n        this.localParticipant = null;\n        this.localScreensharingTrack = null;\n        this.localMicrophoneTrack = null;\n        this.localCameraTrack = null;\n        this.providerRoom = null;\n        this.activeSpeaker = null;\n        this.error = false;\n    }\n\n    setLocalParticipant(participant) {\n        this.localParticipant = participant;\n        this.localParticipant.setProviderParticipant(participant.providerParticipant);\n    }\n\n    setProviderRoom(providerRoom) {\n        this.providerRoom = providerRoom;\n    }\n\n    onParticipantConnected(/*participantModel*/) {\n        // console.log('participant connected', participantModel);\n    }\n\n    onParticipantDisconnected(/*participantModel*/) {\n        // console.log('participant disconnected', participantModel);\n    }\n\n}\n","import Room from \"./models/room\";\n\nexport default {\n    room: new Room({}),\n    audioEnabled: true,\n    micEnabled: true,\n    camEnabled: true,\n    selectedDevices: {\n        mic: null,\n        cam: null,\n        speaker: null,\n    },\n    availableDevices: [],\n    screenShareEnabled: false,\n    userToken: null,\n    pusher: null,\n    pusherChannel: null,\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.image == null)?_c('span',{staticClass:\"select-none circle inline-block-40px avatar flex-shrink-0\",class:{ 'border-2 green-lighter': _vm.border },style:({'font-size': _vm.fontSize, width:_vm.width+'px', height:_vm.width+'px', 'line-height':_vm.width+'px', color:'white', background: _vm.color})},[_vm._v(\" \"+_vm._s(_vm._f(\"upper\")(_vm.abbr))+\" \")]):_c('span',{staticClass:\"select-none circle avatar inline-block-40px flex-shrink-0\",class:{'border-2 border-green-lighter': _vm.border},style:({  width:_vm.width+'px', height:_vm.width+'px', 'line-height': 1 })},[_c('img',{staticStyle:{\"border-radius\":\"100%\"},attrs:{\"src\":_vm.image}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script type=\"text/babel\">\n    export default {\n        props: {\n            color: null,\n            abbr: {\n                type: String,\n                default: ''\n            },\n            image: {\n                type: String,\n                default: ''\n            },\n            width: {\n                default: 40\n            },\n            fontSize: {\n                default: '14px'\n            },\n            border: {\n                type: Boolean,\n                default: false\n            }\n        },\n        filters: {\n            upper: function (value) {\n                if (!value) {\n                    return;\n                }\n\n                return value.toUpperCase();\n            }\n        }\n    }\n</script>\n\n<template>\n    <span class=\"select-none circle inline-block-40px avatar flex-shrink-0\"  :class=\"{ 'border-2 green-lighter': border }\" :style=\"{'font-size': fontSize, width:width+'px', height:width+'px', 'line-height':width+'px', color:'white', background: color}\" v-if=\"image == null\">\n        {{ abbr | upper }}\n    </span>\n    <span class=\"select-none circle avatar inline-block-40px flex-shrink-0\" :class=\"{'border-2 border-green-lighter': border}\" v-else :style=\"{  width:width+'px', height:width+'px', 'line-height': 1 }\">\n        <img :src=\"image\" style=\"border-radius:100%\" />\n    </span>\n</template>\n\n<style scoped src=\"./styles.scss\" lang=\"scss\">\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Avatar.vue?vue&type=template&id=12b49a00&scoped=true&\"\nimport script from \"./Avatar.vue?vue&type=script&lang=js&\"\nexport * from \"./Avatar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./styles.scss?vue&type=style&index=0&id=12b49a00&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  \"12b49a00\",\n  null\n  \n)\n\nexport default component.exports","import Avatar from \"./Avatar\";\n\nexport default Avatar;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"relative\",class:_vm.mainContainerClass},[(!_vm.participant.providerParticipant)?_c('div',{staticClass:\"justify-center content-center items-center flex w-full h-full\"},[_c('div',[_vm._v(\"Connecting...\")])]):_vm._e(),_c('div',{staticClass:\"\\n      rounded-2xl\\n      shadow\\n      overflow-hidden\\n      bg-gray-700\\n      relative\\n      w-full\\n      h-full\\n    \",class:_vm.innerContainerClass},[_c('div',{ref:\"videoContainer\",staticClass:\"w-full h-full\",class:{\n        'object-cover': !(\n          _vm.participant.isSharingScreen && _vm.isSharingScreenFullSize\n        ),\n      }}),(\n        _vm.isLocalParticipant\n          ? _vm.isLocalParticipantShowAvatar()\n          : _vm.isRemoteParticipantShowAvatar()\n      )?_c('div',{staticClass:\"\\n        v-50\\n        absolute\\n        w-full\\n        h-full\\n        top-0\\n        flex\\n        justify-center\\n        items-center\\n        bg-gray-700\\n      \"},[_c('avatar',{staticClass:\"avatar\",attrs:{\"width\":_vm.avatarWidth(_vm.isLocalParticipant, _vm.activeParticipants.length),\"color\":_vm.participant.color,\"abbr\":_vm.participant.abbr,\"image\":_vm.participant.image}})],1):_vm._e()]),(!_vm.isSharingScreenFullSize)?_c('span',{staticClass:\"\\n      participant-label\\n      absolute\\n      rounded-full\\n      text-sm\\n      z-10\\n      bottom-0\\n      left-0\\n      text-white\\n      m-2\\n      truncate\\n    \"},[(_vm.isLocalParticipant ? !_vm.state.micEnabled : !_vm.participant.hasAudio)?_c('i',{staticClass:\"far fa-fw fa-microphone-slash text-red-500\"}):_vm._e(),(_vm.participant.hasSlowConnection)?_c('i',{staticClass:\"far fa-wifi-slash\"}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.isLocalParticipant ? \"You\" : _vm.participant.getDisplayName())+\" \")]):_vm._e(),(\n      !this.isMobile &&\n      _vm.participant.isSharingScreen &&\n      !_vm.isSharingScreenFullSize\n    )?_c('span',{staticClass:\"\\n      participant-label participant-label-round\\n      absolute\\n      rounded-full\\n      text-sm\\n      z-10\\n      top-0\\n      right-0\\n      text-white\\n      m-2\\n    \"},[_c('i',{staticClass:\"far fa-presentation\"})]):_vm._e(),(\n      !this.isMobile && _vm.participant.isSharingScreen && _vm.isSharingScreenFullSize\n    )?_c('span',{staticClass:\"\\n      w-max\\n      participant-label\\n      absolute\\n      rounded-full\\n      text-sm\\n      z-10\\n      top-0\\n      left-1/2\\n      transform\\n      -translate-x-1/2\\n      text-white\\n      m-2\\n    \"},[_c('i',{staticClass:\"far fa-presentation mr-1\"}),_vm._v(\" \"+_vm._s(_vm.participant.getDisplayName())+\" is presenting \")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const isMobile = function() {\n    return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\n};\n\n","<template>\n  <div class=\"relative\" :class=\"mainContainerClass\">\n    <div v-if=\"!participant.providerParticipant\" class=\"justify-center content-center items-center flex w-full h-full\">\n      <div>Connecting...</div>\n    </div>\n    <div\n      class=\"\n        rounded-2xl\n        shadow\n        overflow-hidden\n        bg-gray-700\n        relative\n        w-full\n        h-full\n      \"\n      :class=\"innerContainerClass\"\n    >\n      <div\n        class=\"w-full h-full\"\n        :class=\"{\n          'object-cover': !(\n            participant.isSharingScreen && isSharingScreenFullSize\n          ),\n        }\"\n        ref=\"videoContainer\"\n      ></div>\n      <div\n        v-if=\"\n          isLocalParticipant\n            ? isLocalParticipantShowAvatar()\n            : isRemoteParticipantShowAvatar()\n        \"\n        class=\"\n          v-50\n          absolute\n          w-full\n          h-full\n          top-0\n          flex\n          justify-center\n          items-center\n          bg-gray-700\n        \"\n      >\n        <avatar\n          class=\"avatar\"\n          :width=\"avatarWidth(isLocalParticipant, activeParticipants.length)\"\n          :color=\"participant.color\"\n          :abbr=\"participant.abbr\"\n          :image=\"participant.image\"\n        ></avatar>\n      </div>\n    </div>\n    <span\n      class=\"\n        participant-label\n        absolute\n        rounded-full\n        text-sm\n        z-10\n        bottom-0\n        left-0\n        text-white\n        m-2\n        truncate\n      \"\n      v-if=\"!isSharingScreenFullSize\"\n    >\n      <i\n        class=\"far fa-fw fa-microphone-slash text-red-500\"\n        v-if=\"isLocalParticipant ? !state.micEnabled : !participant.hasAudio\"\n      ></i>\n      <i class=\"far fa-wifi-slash\" v-if=\"participant.hasSlowConnection\"></i>\n      {{ isLocalParticipant ? \"You\" : participant.getDisplayName() }}\n    </span>\n    <span\n      class=\"\n        participant-label participant-label-round\n        absolute\n        rounded-full\n        text-sm\n        z-10\n        top-0\n        right-0\n        text-white\n        m-2\n      \"\n      v-if=\"\n        !this.isMobile &&\n        participant.isSharingScreen &&\n        !isSharingScreenFullSize\n      \"\n    >\n      <i class=\"far fa-presentation\"></i>\n    </span>\n    <span\n      class=\"\n        w-max\n        participant-label\n        absolute\n        rounded-full\n        text-sm\n        z-10\n        top-0\n        left-1/2\n        transform\n        -translate-x-1/2\n        text-white\n        m-2\n      \"\n      v-if=\"\n        !this.isMobile && participant.isSharingScreen && isSharingScreenFullSize\n      \"\n    >\n      <i class=\"far fa-presentation mr-1\"></i>\n      {{ participant.getDisplayName() }} is presenting\n    </span>\n  </div>\n</template>\n\n<script>\nimport state from \"../../js/state\";\nimport { isMobile } from \"../../js/misc\";\nimport Avatar from \"../Avatar\";\nimport helper from \"../Utils/helper.js\";\nimport eventBus from '../../js/eventBus';\n\nconst CONNECTION_TIMEOUT = 10; // in seconds\n\nexport default {\n  props: [\n    \"participant\",\n    \"active-participants\",\n    \"is-self\",\n    \"is-sharing-screen-full-size\",\n  ],\n  methods: {\n    avatarWidth(isLocalParticipant, participants) {\n      if (!this.isAnybodySharingScreen()) {\n        if (isLocalParticipant && participants > 0) {\n          return 100;\n        }\n        if (participants <= 1) {\n          return window.innerWidth / 3;\n        }\n        if (participants > 1 && participants <= 4) {\n          return window.innerWidth / 6;\n        }\n        if (participants > 4 && participants <= 9) {\n          return window.innerWidth / 9;\n        }\n        if (participants > 9 && participants <= 16) {\n          return window.innerWidth / 12;\n        }\n        if (participants > 16 && participants <= 25) {\n          return window.innerWidth / 15;\n        }\n        if (participants > 25 && participants <= 36) {\n          return window.innerWidth / 18;\n        }\n        return window.innerWidth / 21;\n      } else {\n        if (\n          this.isSharingScreenFullSize ||\n          this.allActiveParticipants.length <= 1\n        ) {\n          return window.innerWidth / 3;\n        } else if (\n          this.allActiveParticipants.length <= 5 &&\n          this.allActiveParticipants.length > 1\n        ) {\n          return 100;\n        } else if (this.allActiveParticipants.length > 5) {\n          return 49;\n        }\n      }\n    },\n    isAnybodySharingScreen() {\n      //can't see shared screen when in mobile\n      return (\n        !this.isMobile && helper.findScreenSharer(this.state.room.participants)\n      );\n    },\n    isLocalParticipantShowAvatar() {\n      if (this.isAnybodySharingScreen() && this.isSharingScreenFullSize) {\n        return false;\n      } else if (state.camEnabled) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    isRemoteParticipantShowAvatar() {\n      if (this.participant.hasVideo) {\n        return false;\n      }\n      if (this.participant.isSharingScreen && this.isSharingScreenFullSize) {\n        return false;\n      }\n      return true;\n    },\n  },\n  computed: {\n    allActiveParticipants() {\n      return state.room.participants.filter((p) => p.isActive());\n    },\n    mainContainerClass() {\n      if (!this.isAnybodySharingScreen()) {\n        if (this.activeParticipants.length === 1) {\n          return \"participant-flex-container-1-per-axis\";\n        } else if (\n          this.activeParticipants.length > 1 &&\n          this.activeParticipants.length <= 4\n        ) {\n          return \"participant-flex-container-2-per-axis\";\n        } else if (\n          this.activeParticipants.length > 4 &&\n          this.activeParticipants.length <= 9\n        ) {\n          return \"participant-flex-container-3-per-axis\";\n        } else if (\n          this.activeParticipants.length > 9 &&\n          this.activeParticipants.length < 16\n        ) {\n          return \"participant-flex-container-4-per-axis\";\n        } else if (\n          this.activeParticipants.length >= 16 &&\n          this.activeParticipants.length < 25\n        ) {\n          return \"participant-flex-container-5-per-axis\";\n        } else if (\n          this.activeParticipants.length >= 25 &&\n          this.activeParticipants.length < 36\n        ) {\n          return \"participant-flex-container-6-per-axis\";\n        } else if (this.activeParticipants.length >= 36) {\n          return \"participant-flex-container-7-per-axis\";\n        }\n      } else {\n        if (this.isSharingScreenFullSize) {\n          return \"participant-screen-shared-full-screen\";\n        } else if (\n          this.allActiveParticipants.length <= 5 &&\n          this.allActiveParticipants.length > 1\n        ) {\n          return \"participant-screen-shared-side-window-large\";\n        } else if (this.allActiveParticipants.length > 5) {\n          return \"participant-screen-shared-side-window-small\";\n        }\n      }\n      return \"\";\n    },\n    innerContainerClass() {\n      let classes = \"\";\n      if (this.isSelf) {\n        classes += \"mirror-screen \";\n      }\n\n      if (\n        this.participant.isDominantSpeaker &&\n        this.activeParticipants.length > 2\n      ) {\n        classes += \"border-2 border-leaf-500 \";\n      }\n      if (\n        this.isSelf &&\n        this.activeParticipants.length < 15 &&\n        this.activeParticipants.length > 0 &&\n        !this.isAnybodySharingScreen() &&\n        !this.isMobile\n      ) {\n        classes += \"participant-small-container \";\n      }\n\n      if (this.isSelf && this.isMobile) {\n        classes += \"participant-small-container-mobile \";\n      }\n      if (!this.activeParticipants || this.activeParticipants.length === 0) {\n        classes += \"participant-fullscreen-container \";\n      }\n      if (\n        this.participant.isSharingScreen &&\n        this.isSharingScreenFullSize &&\n        this.isSelf\n      ) {\n        classes += \"opacity-25 \";\n      }\n      return classes;\n    },\n  },\n  data() {\n    return {\n      state,\n      isMobile: isMobile(),\n      isLocalParticipant: this.participant === state.room.localParticipant,\n    };\n  },\n  components: {\n    Avatar,\n  },\n  async mounted() {\n    if(!this.participant.providerParticipant) {\n      await new Promise((resolve, reject) => {\n        const timeout = window.setTimeout(() => {\n          eventBus.$off('provider-participant-set-'+this.participant.id);\n          window.alert('Connection timed out, please try again.');\n          console.error('Connection timed out for participant #'+this.participant.id);\n          reject();\n        }, CONNECTION_TIMEOUT * 1000);\n        eventBus.$once('provider-participant-set-'+this.participant.id, () => {\n          window.clearTimeout(timeout);\n          resolve();\n        });\n      });\n    }\n\n    this.participant.attachMedia(\n      this.$refs.videoContainer,\n      this.isLocalParticipant ? \"video\" : null, // local participant shouldn't attach audio\n      true,\n      !this.isSharingScreenFullSize\n    );\n  },\n};\n</script>\n<style scoped src=\"./styles.scss\" lang=\"scss\">\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Participant.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Participant.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Participant.vue?vue&type=template&id=32eae3ab&scoped=true&\"\nimport script from \"./Participant.vue?vue&type=script&lang=js&\"\nexport * from \"./Participant.vue?vue&type=script&lang=js&\"\nimport style0 from \"./styles.scss?vue&type=style&index=0&id=32eae3ab&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  \"32eae3ab\",\n  null\n  \n)\n\nexport default component.exports","import Participant from \"./Participant\";\n\nexport default Participant;","<template>\n  <div class=\"w-full h-full bg-gray-900\">\n    <div\n      ref=\"activeSpeaker\"\n      class=\"w-full h-full flex items-start overflow-y-hidden\"\n    >\n      <div\n        v-if=\"!activeParticipants.length\"\n        class=\"text-center text-gray-300 w-full h-full flex flex-col mx-6 my-6\"\n      >\n        <template v-if=\"state.room.isConnected\">\n          <participant\n            @mute=\"mute(state.room.localParticipant)\"\n            v-if=\"state.room.localParticipant\"\n            :participant=\"state.room.localParticipant\"\n            :active-participants=\"activeParticipants\"\n          ></participant>\n        </template>\n        <template v-else-if=\"state.room.error\">\n          <div class=\"flex flex-col\">\n            <div class=\"h-64\">\n              <div class=\"center\">\n                  <p>Something went wrong.</p>\n              </div>\n            </div>\n          </div>\n        </template>\n          <template v-else>\n          <div class=\"flex flex-col\">\n            <div class=\"h-64\">\n              <div class=\"center\">\n                <div class=\"animation\"></div>\n              </div>\n              <div class=\"center\">\n                <avatar\n                  class=\"avatar\"\n                  v-if=\"state.room.participant_id\"\n                  width=\"120\"\n                  :color=\"currentUser.color\"\n                  :abbr=\"currentUser.abbr\"\n                  :image=\"currentUser.image\"\n                ></avatar>\n              </div>\n            </div>\n            <p>Connecting...</p>\n          </div>\n        </template>\n      </div>\n      <div\n        v-else-if=\"\n          state.room.activeSpeaker && !state.room.activeSpeaker.hasVideo && !activeParticipants\n        \"\n        class=\"\n          text-center text-gray-300\n          w-full\n          z-10\n          bg-gray-800\n          h-full\n          flex\n          items-center\n          justify-center\n        \"\n      >\n        <div class=\"flex flex-col justify-center items-center\">\n          <div\n            class=\"inline-block rounded-full overflow-hidden shadow-md\"\n            style=\"width: 150px; height: 150px\"\n          >\n            <img\n              v-if=\"state.room.activeSpeaker.image\"\n              style=\"max-height: 150px; object-fit: cover\"\n              :src=\"state.room.activeSpeaker.image\"\n              class=\"w-full h-full\"\n            />\n            <div\n              v-else\n              class=\"text-5xl w-full h-full text-white text-bold text-center\"\n              style=\"line-height: 150px\"\n              :style=\"{ 'background-color': state.room.activeSpeaker.color }\"\n            >\n              {{ state.room.activeSpeaker.abbr }}\n            </div>\n          </div>\n        </div>\n        <div class=\"fixed bottom-0 left-0 ml-3 mb-2 text-sm\">\n          <i\n            class=\"far fa-fw fa-microphone-slash text-red-500\"\n            v-if=\"!state.room.activeSpeaker.hasAudio\"\n          ></i>\n          {{ state.room.activeSpeaker.getDisplayName() }}\n        </div>\n      </div>\n    </div>\n\n    <div class=\"fixed top-0 right-0 bottom-0 left-0 z-50 flex flex-col p-4 pb-16\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport state from \"../../js/state\";\nimport Avatar from \"../Avatar\";\nimport Participant from \"../Participant\";\n\nexport default {\n  data() {\n    return {\n      state,\n    };\n  },\n  methods: {},\n  computed: {\n    activeParticipants() {\n      return state.room.participants.filter(\n        (p) => p.isActive() && p !== state.room.localParticipant\n      );\n    },\n    currentUser() {\n      return state.room.participants.find(\n        participant => participant.id === state.room.participant_id\n      );\n    },\n  },\n  components: {\n    Avatar,\n    Participant,\n  },\n};\n</script>\n<style scoped src=\"./styles.scss\" lang=\"scss\">\n</style>\n<style>\n.avatar img {\n  height: 100%;\n  filter: saturate(50%);\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Container.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Container.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Container.vue?vue&type=template&id=bb91ebc8&scoped=true&\"\nimport script from \"./Container.vue?vue&type=script&lang=js&\"\nexport * from \"./Container.vue?vue&type=script&lang=js&\"\nimport style0 from \"./styles.scss?vue&type=style&index=0&id=bb91ebc8&scoped=true&lang=scss&\"\nimport style1 from \"./Container.vue?vue&type=style&index=1&lang=css&\"\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  \"bb91ebc8\",\n  null\n  \n)\n\nexport default component.exports","import Container from \"./Container\";\n\nexport default Container;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"rounded-lg bg-white text-black w-full md:w-1/3 p-3 flex flex-col\"},[_vm._m(0),_c('div',{staticClass:\"flex items-center\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedDeviceId.mic),expression:\"selectedDeviceId.mic\"}],staticClass:\"block border border-gray-300 w-full rounded-lg px-2 py-2\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.selectedDeviceId, \"mic\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.micOptions),function(option){return _c('option',{key:option.deviceId,domProps:{\"value\":option.deviceId}},[_vm._v(\" \"+_vm._s(option.label)+\" \")])}),0)]),_vm._m(1),_c('div',{staticClass:\"flex items-center\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedDeviceId.cam),expression:\"selectedDeviceId.cam\"}],staticClass:\"block border border-gray-300 w-full rounded-lg px-2 py-2\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.selectedDeviceId, \"cam\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.camOptions),function(option){return _c('option',{key:option.deviceId,domProps:{\"value\":option.deviceId}},[_vm._v(\" \"+_vm._s(option.label)+\" \")])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex align-center my-3\"},[_c('i',{staticClass:\"far fa-fw fa-microphone mr-2 self-center\"}),_c('span',[_vm._v(\"Input audio device\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex align-center my-3\"},[_c('i',{staticClass:\"far fa-fw fa-video mr-2 self-center\"}),_c('span',[_vm._v(\"Input video device\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"rounded-lg bg-white text-black w-full md:w-1/3 p-3 flex flex-col\">\n    <div class=\"flex align-center my-3\">\n      <i class=\"far fa-fw fa-microphone mr-2 self-center\"></i>\n      <span>Input audio device</span>\n    </div>\n    <div class=\"flex items-center\">\n      <select\n        v-model=\"selectedDeviceId.mic\"\n        class=\"block border border-gray-300 w-full rounded-lg px-2 py-2\"\n      >\n        <option\n          v-for=\"option in micOptions\"\n          :value=\"option.deviceId\"\n          :key=\"option.deviceId\"\n        >\n          {{ option.label }}\n        </option>\n      </select>\n    </div>\n    <div class=\"flex align-center my-3\">\n      <i class=\"far fa-fw fa-video mr-2 self-center\"></i>\n      <span>Input video device</span>\n    </div>\n    <div class=\"flex items-center\">\n      <select\n        v-model=\"selectedDeviceId.cam\"\n        class=\"block border border-gray-300 w-full rounded-lg px-2 py-2\"\n      >\n        <option\n          v-for=\"option in camOptions\"\n          :value=\"option.deviceId\"\n          :key=\"option.deviceId\"\n        >\n          {{ option.label }}\n        </option>\n      </select>\n    </div>\n<!--    <div class=\"flex align-center my-3\">\n      <i class=\"far fa-fw fa-volume mr-2 self-center\"></i>\n      <span>Output audio device</span>\n    </div>\n    <div class=\"flex items-center mb-3\">\n      <select\n        v-model=\"selectedDeviceId.speaker\"\n        class=\"block border border-gray-300 w-full rounded-lg px-2 py-2\"\n      >\n        <option\n          v-for=\"option in speakerOptions\"\n          :value=\"option.deviceId\"\n          :key=\"option.deviceId\"\n        >\n          {{ option.label }}\n        </option>\n      </select>\n    </div>-->\n  </div>\n</template>\n\n<script>\nimport state from '../../js/state';\n\nexport default {\n  name: \"Options\",\n    props: ['selectedDevices'],\n  data() {\n      return {\n          initialized: false,\n          allDevices: [],\n          selectedDeviceId: {\n              mic: null,\n              cam: null,\n              speaker: null,\n          }\n      };\n  },\n  computed: {\n    micOptions() {\n      return this.allDevices.filter((d) => d.kind === \"audioinput\");\n    },\n    camOptions() {\n      return this.allDevices.filter((d) => d.kind === \"videoinput\");\n    },\n    speakerOptions() {\n      return this.allDevices.filter((d) => d.kind === \"audiooutput\");\n    },\n  },\n  async mounted() {\n      if (!navigator?.mediaDevices?.enumerateDevices) {\n          alert(\"Device selection not supported in this browser. Video call will use default audio and video devices.\");\n          return;\n      }\n\n      this.allDevices = await navigator.mediaDevices\n          .enumerateDevices()\n          .catch(() => alert(\"Something went wrong\"));\n\n      this.$set(this.selectedDeviceId, 'cam', this.selectedDevices.cam?.deviceId)\n      this.$set(this.selectedDeviceId, 'mic', this.selectedDevices.mic?.deviceId)\n      this.$set(this.selectedDeviceId, 'speaker', this.selectedDevices.speaker?.deviceId)\n\n      this.initialized = true;\n  },\n  watch: {\n    'selectedDeviceId.mic'(deviceId) {\n        if(this.initialized) {\n            localStorage.selectedMic = deviceId;\n            let newDevice = this.allDevices.find(device => device.deviceId === deviceId);\n            if(state.selectedDevices.mic?.deviceId !== deviceId) {\n                this.$emit('changed');\n                this.$set(state.selectedDevices, 'mic', newDevice);\n            }\n        }\n    },\n    'selectedDeviceId.cam'(deviceId) {\n        if(this.initialized) {\n            localStorage.selectedCam = deviceId;\n            let newDevice = this.allDevices.find(device => device.deviceId === deviceId);\n            if (state.selectedDevices.cam?.deviceId !== deviceId) {\n                this.$emit('changed');\n                this.$set(state.selectedDevices, 'cam', newDevice);\n            }\n        }\n    },\n    'selectedDeviceId.speaker'(deviceId) {\n        if(this.initialized) {\n            localStorage.selectedSpeaker = deviceId;\n            let newDevice = this.allDevices.find(device => device.deviceId === deviceId);\n            if (state.selectedDevices.speaker?.deviceId !== deviceId) {\n                this.$emit('changed');\n                this.$set(state.selectedDevices, 'speaker', newDevice);\n            }\n        }\n    }\n  }\n};\n</script>\n\n<style scoped src=\"./styles.scss\" lang=\"scss\">\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Options.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Options.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Options.vue?vue&type=template&id=20c2049e&scoped=true&\"\nimport script from \"./Options.vue?vue&type=script&lang=js&\"\nexport * from \"./Options.vue?vue&type=script&lang=js&\"\nimport style0 from \"./styles.scss?vue&type=style&index=0&id=20c2049e&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  \"20c2049e\",\n  null\n  \n)\n\nexport default component.exports","import Options from \"./Options\";\n\nexport default Options;","export async function getAvailableDevices() {\n    if (!navigator?.mediaDevices?.enumerateDevices) {\n        alert(\"Device selection not supported in this browser. Video call will use default audio and video devices.\");\n        return;\n    }\n\n    return await navigator.mediaDevices.enumerateDevices().catch(() => alert(\"Something went wrong\"));\n}\n\n","<template>\n  <Container>\n    <Options\n      v-on-clickaway=\"toggleOptions\"\n      @changed=\"optionsChanged = true\"\n      :selected-devices=\"state.selectedDevices\"\n      class=\"absolute bottom-24 left-1/2 z-50\"\n      v-if=\"optionsVisible\"\n    ></Options>\n\n    <div\n      class=\"flex items-center h-full flex-wrap justify-center content-center\"\n      :class=\"hideOrAddGaps\"\n      v-if=\"!isAnybodySharingScreen()\"\n    >\n      <participant\n        v-for=\"participant in activeParticipants\"\n        :participant=\"participant\"\n        :key=\"participant.id\"\n        :active-participants=\"activeParticipants\"\n        :is-self=\"false\"\n      ></participant>\n      <participant\n        v-if=\"\n          state.room.localParticipant &&\n          activeParticipants.length &&\n          activeParticipants.length >= 15\n        \"\n        :participant=\"state.room.localParticipant\"\n        :active-participants=\"activeParticipants\"\n        :is-self=\"true\"\n      ></participant>\n    </div>\n    <div\n      class=\"flex w-full h-full flex-wrap items-center\"\n      :class=\"{\n        hidden: activeParticipants.length < 1,\n        'gap-3':\n          activeParticipants.length >= 1 && activeParticipants.length < 5,\n        'gap-1': activeParticipants.length > 4,\n        'justify-center content-center': !isAnybodySharingScreen(),\n      }\"\n      v-else\n    >\n      <participant\n        :participant=\"isAnybodySharingScreen()\"\n        :active-participants=\"activeParticipants\"\n        :is-self=\"isAnybodySharingScreen() === state.room.localParticipant\"\n        :is-sharing-screen-full-size=\"activeParticipants.length\"\n      ></participant>\n    </div>\n\n    <div\n      class=\"\n        mt-auto\n        w-full\n        flex\n        items-end\n        flex-wrap\n        justify-end\n        absolute\n        bottom-4\n        right-6\n        z-20\n      \"\n    >\n      <div\n        class=\"w-full flex space-x-4 justify-center absolute\"\n        v-if=\"!state.room.error\"\n      >\n        <div\n          @click=\"toggleMic\"\n          v-tooltip.top=\"\n            state.micEnabled\n              ? 'Click to disable your microphone'\n              : 'Click to enable your microphone'\n          \"\n          class=\"\n            shadow\n            flex\n            items-center\n            justify-center\n            w-12\n            h-12\n            rounded-full\n            cursor-pointer\n            text-white\n          \"\n          :class=\"\n            state.micEnabled\n              ? 'bg-gray-700 hover:bg-gray-600'\n              : 'text-gray-850 bg-white'\n          \"\n        >\n          <i\n            class=\"far fa-fw fa-sm\"\n            :class=\"state.micEnabled ? 'fa-microphone' : 'fa-microphone-slash'\"\n          ></i>\n        </div>\n        <div\n          @click=\"toggleCam\"\n          v-tooltip.top=\"\n            state.camEnabled\n              ? 'Click to disable your camera'\n              : 'Click to enable your camera'\n          \"\n          class=\"\n            shadow\n            flex\n            items-center\n            justify-center\n            w-12\n            h-12\n            rounded-full\n            cursor-pointer\n            text-white\n          \"\n          :class=\"\n            state.camEnabled\n              ? 'bg-gray-700 hover:bg-gray-600'\n              : 'text-gray-850 bg-white'\n          \"\n        >\n          <i\n            class=\"far fa-fw fa-sm\"\n            :class=\"state.camEnabled ? 'fa-video' : 'fa-video-slash'\"\n          ></i>\n        </div>\n        <div\n          @click=\"toggleScreenSharing\"\n          v-if=\"!isMobile\"\n          v-tooltip.top=\"\n            !state.screenShareEnabled\n              ? 'Click to share your screen'\n              : 'Click to stop sharing your screen'\n          \"\n          class=\"\n            shadow\n            flex\n            items-center\n            justify-center\n            w-12\n            h-12\n            rounded-full\n            cursor-pointer\n            text-white\n          \"\n          :class=\"\n            !state.screenShareEnabled\n              ? 'bg-gray-700 hover:bg-gray-600'\n              : 'bg-leaf-500'\n          \"\n        >\n          <i class=\"far fa-fw fa-sm fa-desktop\"></i>\n        </div>\n        <div\n          class=\"\n            shadow\n            flex\n            items-center\n            justify-center\n            w-12\n            h-12\n            rounded-full\n            cursor-pointer\n            text-white\n            z-50\n          \"\n          @click=\"toggleOptions\"\n          v-if=\"!isMobile\"\n          v-tooltip.top=\"'Click to change your settings'\"\n          :class=\"\n            !optionsVisible ? 'bg-gray-700 hover:bg-gray-600' : 'bg-leaf-500'\n          \"\n        >\n          <i class=\"far fa-fw fa-sm fa-cog\"></i>\n        </div>\n        <div\n          @click=\"leave\"\n          v-tooltip.top=\"'Click to leave the meeting'\"\n          class=\"\n            shadow\n            flex\n            items-center\n            justify-center\n            w-12\n            h-12\n            bg-red-500\n            hover:bg-red-400\n            rounded-full\n            cursor-pointer\n          \"\n        >\n          <i class=\"far fa-fw fa-sm fa-phone-slash text-white\"></i>\n        </div>\n      </div>\n      <div class=\"z-20\">\n        <participant\n          v-if=\"isLocalParticipantWithoutSharedScreen\"\n          :participant=\"state.room.localParticipant\"\n          :active-participants=\"activeParticipants\"\n          :is-self=\"true\"\n        ></participant>\n      </div>\n    </div>\n    <div\n      v-if=\"isAnybodySharingScreen() && activeParticipants.length\"\n      class=\"absolute right-0 bottom-0 mr-6 mb-4\"\n    >\n      <div\n        class=\"\n          z-20\n          flex\n          w-344px\n          h-full\n          flex-wrap\n          items-end\n          justify-end\n          flex-row\n          gap-2\n        \"\n      >\n        <participant\n          v-for=\"participant in allShownParticipantsWhenScreensharing\"\n          :participant=\"participant\"\n          :key=\"participant.id\"\n          :active-participants=\"activeParticipants\"\n          :is-sharing-screen-full-size=\"false\"\n          :is-self=\"participant === state.room.localParticipant\"\n        ></participant>\n        <div\n          class=\"\n            w-full\n            rounded-xl\n            text-white\n            bg-gray-700\n            flex\n            justify-between\n            mt-10\n            p-4\n          \"\n          v-if=\"Math.ceil(this.activeParticipants.length / this.page_size) > 1\"\n        >\n          <div>\n            <i class=\"far fa-sm fa-user-friends mr-1\"></i>\n            <span class=\"text-sm\">{{ activeParticipants.length + 1 }}</span>\n          </div>\n          <div class=\"flex\">\n            <div\n              @click=\"decreasePage\"\n              class=\"cursor-pointer mr-4 z-50\"\n              :class=\"{ 'opacity-30': this.page === 1 }\"\n            >\n              <i class=\"far fa-xs fa-arrow-left mr-1\"></i>\n              <span class=\"text-xs\">Previous</span>\n            </div>\n            <div\n              @click=\"increasePage\"\n              class=\"cursor-pointer z-50\"\n              :class=\"{\n                'opacity-30':\n                  this.page ===\n                  Math.ceil(this.activeParticipants.length / this.page_size),\n              }\"\n            >\n              <span class=\"text-xs mr-1\">Next</span>\n              <i class=\"far fa-xs fa-arrow-right\"></i>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Container>\n</template>\n\n<script>\nimport axios from \"axios\";\n//import Pusher from \"pusher-js\";\nimport Container from \"./components/Container\";\nimport Participant from \"./components/Participant\";\nimport state from \"./js/state\";\nimport videoProvider from \"./js/providers/provider\";\nimport Room from \"./js/models/room\";\nimport { isMobile } from \"./js/misc\";\nimport Options from \"./components/Options\";\nimport helper from \"./components/Utils/helper.js\";\nimport { getAvailableDevices } from \"./js/mediaDevices\";\n\nexport default {\n  components: {\n    Options,\n    Container,\n    Participant,\n  },\n  data() {\n    return {\n      state,\n      optionsVisible: false,\n      optionsChanged: false,\n      isMobile: isMobile(),\n      page: 1,\n      page_size: 13,\n    };\n  },\n  mounted() {\n    let uniqueToken = location.pathname.substring(1);\n    // empty url, redirect to Trengo homepage\n    if (!uniqueToken) {\n      window.location.href = \"https://trengo.com\";\n    }\n\n    this.initDevices();\n    // update device list on change\n    navigator.mediaDevices.addEventListener(\"devicechange\", () => {\n      this.initDevices();\n    });\n\n    this.initRoom(uniqueToken);\n  },\n  methods: {\n    reconnect() {\n      window.location.reload();\n    },\n    async initDevices() {\n      // load all available devices\n      state.availableDevices = await getAvailableDevices();\n      // set device from localstorage or default to first device of type\n      state.selectedDevices.cam =\n        state.availableDevices.find(\n          (option) => option.deviceId === localStorage.selectedCam\n        ) ||\n        state.availableDevices.find((option) => option.kind === \"videoinput\");\n      state.selectedDevices.mic =\n        state.availableDevices.find(\n          (option) => option.deviceId === localStorage.selectedMic\n        ) ||\n        state.availableDevices.find((option) => option.kind === \"audioinput\");\n      state.selectedDevices.speaker =\n        state.availableDevices.find(\n          (option) => option.deviceId === localStorage.selectedSpeaker\n        ) ||\n        state.availableDevices.find((option) => option.kind === \"audiooutput\");\n    },\n    async initRoom(uniqueToken) {\n      let userToken;\n      if (uniqueToken.startsWith(\"room-\")) {\n        // get unique user token for this room\n        userToken = localStorage.getItem(\"user_token_\" + uniqueToken);\n      } else {\n        userToken = uniqueToken;\n        // get room token\n        let room = (\n          await axios.get(`join/${userToken}`).catch(() => {\n            alert(\"Something went wrong\");\n            window.close();\n          })\n        )?.data;\n        // save user token\n        localStorage.setItem(\"user_token_room-\" + room.room_token, userToken);\n        // redirect to global room url;\n        window.location.href = `https://${window.location.host}/room-${room.room_token}`;\n        return;\n      }\n      // no unique token set, todo create anonymous participant\n      if (!userToken) {\n        // no unique token set, todo create anonymous participant\n        alert(\"Anonymous participants not allowed.\");\n        window.close();\n        return;\n      }\n      state.userToken = userToken;\n      state.room = new Room(\n        (\n          await axios.get(`join/${userToken}`).catch(() => {\n            alert(\"Something went wrong\");\n            window.close();\n          })\n        )?.data\n      );\n      await videoProvider.connect(\n        state.room.access_token,\n        state.room.room_token,\n        state.micEnabled,\n        state.camEnabled\n      );\n    },\n    toggleOptions() {\n      this.optionsVisible = !this.optionsVisible;\n      if (\n        !this.optionsVisible &&\n        this.optionsChanged &&\n        confirm(\n          \"Do you want to reconnect with your chosen audio/video devices?\"\n        )\n      ) {\n        this.optionsChanged = false;\n        this.reconnect();\n      }\n    },\n    toggleMic() {\n      videoProvider.toggleMicrophone();\n    },\n    toggleCam() {\n      videoProvider.toggleCamera();\n    },\n    toggleScreenSharing() {\n      videoProvider.toggleScreenSharing();\n    },\n    leave() {\n      videoProvider.disconnect();\n      window.close();\n    },\n    isAnybodySharingScreen() {\n      //can't see shared screen when in mobile\n      if (this.isMobile) {\n        return;\n      }\n      return helper.findScreenSharer(this.state.room.participants);\n    },\n    decreasePage() {\n      if (this.page !== 1) {\n        this.page--;\n      }\n    },\n    increasePage() {\n      if (\n        this.page !== Math.ceil(this.activeParticipants.length / this.page_size)\n      ) {\n        this.page++;\n      }\n    },\n  },\n  computed: {\n    activeParticipants() {\n      return state.room.participants.filter(\n        (p) => p.isActive() && p !== state.room.localParticipant\n      );\n    },\n    allShownParticipantsWhenScreensharing() {\n      return [\n        ...helper.paginate(this.activeParticipants, this.page_size)[\n          this.page - 1\n        ],\n        state.room.localParticipant,\n      ];\n    },\n    isLocalParticipantWithoutSharedScreen() {\n      return (\n        this.state.room.localParticipant &&\n        this.activeParticipants.length &&\n        this.activeParticipants.length < 15 &&\n        !this.isAnybodySharingScreen()\n      );\n    },\n    hideOrAddGaps() {\n        if (this.activeParticipants.length < 1) {\n          return 'hidden';\n        }\n        else if (this.activeParticipants.length >= 1 && this.activeParticipants.length < 5) {\n          return 'gap-3';\n        }\n        else if (this.activeParticipants.length > 4) {\n          return 'gap-1';\n        }\n        return '';\n      }\n    },\n};\n</script>\n\n<style lang=\"scss\">\nhtml,\nbody {\n  width: 100%;\n  height: 100%;\n}\n.fadeIn {\n  animation: fadeIn ease-in-out 100ms;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=2c03c5e4&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","import axios from 'axios';\nimport Vue from 'vue'\nimport App from './App.vue'\nimport './main.scss'\nimport {VTooltip} from 'v-tooltip'\nimport { directive as onClickaway } from 'vue-clickaway';\n\nVue.config.productionTip = false;\n\naxios.defaults.baseURL = process.env.VUE_APP_TRENGO_API;\n\nVue.directive('on-clickaway', onClickaway);\nVue.directive('tooltip', VTooltip);\n\nnew Vue({\n    render: h => h(App),\n}).$mount('#app');\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./styles.scss?vue&type=style&index=0&id=12b49a00&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./styles.scss?vue&type=style&index=0&id=20c2049e&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./styles.scss?vue&type=style&index=0&id=bb91ebc8&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./styles.scss?vue&type=style&index=0&id=32eae3ab&scoped=true&lang=scss&\""],"sourceRoot":""}