{"version":3,"sources":["webpack:///./src/views/Bridge/Jitsi.vue?cd26","webpack:///src/views/Bridge/Jitsi.vue","webpack:///./src/views/Bridge/Jitsi.vue?7e8c","webpack:///./src/views/Bridge/Jitsi.vue","webpack:///./src/views/Bridge/Jitsi.vue?476d"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","attrs","_v","_s","$t","directives","name","rawName","value","expression","domProps","on","$event","target","composing","roomName","jitsi","cleanup","length","onCreate","ref","staticClass","staticRenderFns","i18nOptions","namespaces","keyPrefix","params","user","type","Object","required","data","channelID","channels","destroyed","dispose","methods","str","replace","onJoin","open","userDisplayName","$auth","email","onClose","removeJitsiAfterHangup","JitsiMeetExternalAPI","domain","width","height","parentNode","$refs","jitsiInterface","interfaceConfigOverwrite","DEFAULT_BACKGROUND","SHOW_JITSI_WATERMARK","SHOW_WATERMARK_FOR_GUESTS","SHOW_BRAND_WATERMARK","BRAND_WATERMARK_LINK","SHOW_POWERED_BY","DEFAULT_REMOTE_DISPLAY_NAME","DEFAULT_LOCAL_DISPLAY_NAME","TOOLBAR_BUTTONS","SETTINGS_SECTIONS","addEventListeners","readyToClose","window","component"],"mappings":"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","file":"js/chunk-2000c71d.f9832512.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_vm._m(0),_c('div',{attrs:{\"id\":\"roomselection\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('toStart')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.roomName),expression:\"roomName\"}],attrs:{\"id\":\"roomInputField\",\"type\":\"text\",\"placeholder\":_vm.$t('roomName')},domProps:{\"value\":(_vm.roomName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.roomName=$event.target.value}}}),_c('button',{attrs:{\"data-test-id\":\"button-create-room\",\"disabled\":_vm.jitsi || (_vm.cleanup(_vm.roomName).length === 0)},on:{\"click\":_vm.onCreate}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('create'))+\"\\n    \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.jitsi),expression:\"jitsi\"}],ref:\"jitsiInterface\",staticClass:\"jitsiInterface\"})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":\"/applications/jitsi.png\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <main>\n    <div class=\"logo\">\n      <img\n        src=\"/applications/jitsi.png\"\n      >\n    </div>\n    <div id=\"roomselection\">\n      <span>{{ $t('toStart') }}</span>\n      <input\n        id=\"roomInputField\"\n        v-model=\"roomName\"\n        type=\"text\"\n        :placeholder=\"$t('roomName')\"\n      >\n\n      <button\n        data-test-id=\"button-create-room\"\n        :disabled=\"jitsi || (cleanup(roomName).length === 0)\"\n        @click=\"onCreate\"\n      >\n        {{ $t('create') }}\n      </button>\n\n      <div\n        v-show=\"jitsi\"\n        ref=\"jitsiInterface\"\n        class=\"jitsiInterface\"\n      />\n    </div>\n  </main>\n</template>\n<script>\nimport Vue from 'vue'\nimport LoadScript from 'vue-plugin-load-script'\n\nVue.use(LoadScript)\n\nVue.loadScript('https://meet.jit.si/external_api.js')\n\nconst domain = 'meet.jit.si'\n\nexport default {\n  i18nOptions: {\n    namespaces: 'app',\n    keyPrefix: 'jitsi',\n  },\n\n  name: 'JitsiBridge',\n\n  params: {\n    user: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      channelID: null,\n      roomName: '',\n      jitsi: null,\n      channels: null,\n    }\n  },\n\n  destroyed () {\n    this.dispose()\n  },\n\n  methods: {\n    dispose () {\n      if (this.jitsi) {\n        this.jitsi.dispose()\n        this.jitsi = null\n      }\n    },\n\n    cleanup (str) {\n      return str.replace(/[^a-z0-9+]+/gi, '')\n    },\n\n    onJoin () {\n      this.open({\n        roomName: this.channelID,\n        userDisplayName: this.$auth.user.name || this.$auth.user.email,\n      })\n    },\n\n    onCreate () {\n      this.open({\n        roomName: this.roomName,\n        userDisplayName: this.$auth.user.name || this.$auth.user.email,\n      })\n    },\n\n    onClose () {\n      this.dispose()\n    },\n\n    removeJitsiAfterHangup () {\n      this.dispose()\n    },\n\n    open ({ roomName, userDisplayName } = {}) {\n      this.dispose()\n\n      const $t = (k) => this.$t(k)\n\n      /* eslint-disable no-undef */\n      this.jitsi = new JitsiMeetExternalAPI(domain, {\n        roomName: `crust_${this.cleanup(roomName || 'unnamed')}`,\n        width: '100%',\n        height: '100%',\n        parentNode: this.$refs.jitsiInterface,\n        interfaceConfigOverwrite: {\n          DEFAULT_BACKGROUND: '#232323',\n          SHOW_JITSI_WATERMARK: true,\n          SHOW_WATERMARK_FOR_GUESTS: false,\n          SHOW_BRAND_WATERMARK: false,\n          BRAND_WATERMARK_LINK: '',\n          SHOW_POWERED_BY: false,\n          DEFAULT_REMOTE_DISPLAY_NAME: $t('jitsi.defaultRemoteDisplayName'),\n          DEFAULT_LOCAL_DISPLAY_NAME: userDisplayName || $t('jitsi.defaultLocalDisplayName'),\n          TOOLBAR_BUTTONS: [\n            'microphone',\n            'camera',\n            'closedcaptions',\n            'desktop',\n            'fullscreen',\n            'fodeviceselection',\n            'hangup',\n            'profile',\n            'info',\n            'recording',\n            'settings',\n            'tileview',\n            'videoquality',\n            'filmstrip',\n            'invite',\n            'shortcuts',\n          ],\n          SETTINGS_SECTIONS: [\n            'devices',\n            'language',\n            'moderator',\n            'profile',\n            'calendar',\n          ],\n        },\n      })\n\n      // add an event listner to remove jitsi after the local party has hung up the call.\n      // this is to remove the page that mentions slack after the rating page.\n      this.jitsi.addEventListeners({\n        readyToClose: this.removeJitsiAfterHangup,\n      })\n\n      window.jitsi = this.jitsi\n    },\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\nmain {\n  // we need explicitly overflow&height settings here because app's html/body does not scroll\n  // this way we keep the entire app layout in order\n  overflow: auto;\n  height: 100vh;\n\n  .logo {\n    text-align: center;\n    margin-top: 4rem;\n    img {\n      max-width: 200px;\n    }\n  }\n\n  .jitsiInterface {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    background: #232323;\n\n    & > iframe {\n      flex: 1 1 auto;\n    }\n  }\n\n  #roomselection {\n    max-width: 400px;\n    margin: 50px auto;\n    padding: 50px;\n    background: var(--white);\n  }\n\n  input {\n    height: 30px;\n    width: 100%;\n    border: 1px solid var(--secondary);\n    padding-left: 10px;\n    font-size: 14px;\n    display: block;\n    margin-top: 10px;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  select {\n    height: 30px;\n    width: 100%;\n    margin-top: 10px;\n    background: transparent;\n    padding-left: 10px;\n    font-size: 14px;\n    -webkit-border-radius:0px;\n    -moz-border-radius:0px;\n    border-radius:0px;\n    -webkit-appearance:none;\n    -moz-appearance:none;\n    appearance:none;\n    border: 1px solid var(--secondary);\n  }\n\n  #roomdropdown::after {\n    border: 4px dashed transparent;\n    border-top: 4px solid var(--secondary);\n    content: \"\";\n    display: inline-block;\n    float: right;\n    margin-right: 10px;\n    margin-top: -15px;\n  }\n\n  select:focus,\n  input:focus {\n    outline: none;\n  }\n\n  button {\n    cursor: pointer;\n    background: transparent;\n    color: var(--primary);\n    font-size: 14px;\n    line-height: 38px;\n    text-decoration: none;\n    display: block;\n    width: 150px;\n    text-align: center;\n    height: 40px;\n    margin: 20px auto 0;\n    -webkit-transition: color .2s,background-color .2s;\n    transition: color .2s,background-color .2s;\n    border: 1px solid var(--primary);\n    &:hover {\n      border: 1px solid var(--primary);\n      background: var(--primary);\n      color: var(--white);\n    }\n    &:disabled {\n      cursor: not-allowed;\n      color: var(--secondary);\n      border-color: var(--secondary);\n      &:hover {\n        background: transparent;\n      }\n    }\n  }\n\n  h4 {\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    margin: 30px 0;\n    color: var(--secondary);\n    &:before,\n    &:after {\n      content: '';\n      border-top: 1px solid var(--secondary);\n      margin: 0 20px 0 0;\n      flex: 1 0 20px;\n    }\n    &:after {\n      margin: 0 0 0 20px;\n    }\n  }\n}\n\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-service/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Jitsi.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-service/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Jitsi.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Jitsi.vue?vue&type=template&id=4ea01f9c&scoped=true&\"\nimport script from \"./Jitsi.vue?vue&type=script&lang=js&\"\nexport * from \"./Jitsi.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Jitsi.vue?vue&type=style&index=0&id=4ea01f9c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4ea01f9c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/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/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Jitsi.vue?vue&type=style&index=0&id=4ea01f9c&lang=scss&scoped=true&\""],"sourceRoot":""}