@akkadu/rsi-api-vue - npm Package Compare versions

Comparing version 1.0.9 to 1.1.1

dist/rsi-api-vue.esm.js

@@ -16,3 +16,31 @@ import events_1 from 'events';
         }
-        return 'test gateway';
+        // we get the stream /events/{eventId}/streams 
+        var streamTest = {
+            "auth": {
+                "uid": 0,
+                "channel": "string",
+                "appId": "string",
+                "token": "string",
+                "rtmToken": "string"
+            },
+            "publishers": [
+                {
+                    "id": 0,
+                    "userId": 0,
+                    "eventId": 0,
+                    "pairId": "string",
+                    "interpreterId": 0,
+                    "language": "string",
+                    "sourceLanguage": true,
+                    "sourceLanguageId": 0,
+                    "interpreterLevel": 0,
+                    "interpreterNeeded": true,
+                    "createdAt": "2021-05-25T07:49:48.840Z",
+                    "updatedAt": "2021-05-25T07:49:48.840Z"
+                }
+            ],
+            "floorLang": "en-US",
+            "userType": "string"
+        };
+        return streamTest;
     };
@@ -101,3 +129,3 @@ Base.prototype.on = function (event, fn) {
         var _this = _super.call(this) || this;
-        var apiKey = config.apiKey, roomName = config.roomName, container = config.container, positionMenu = config.positionMenu, isBoxShadow = config.isBoxShadow;
+        var apiKey = config.apiKey, roomName = config.roomName, container = config.container, positionMenu = config.positionMenu, isBoxShadow = config.isBoxShadow, isPlayerControlled = config.isPlayerControlled;
         _this.apiKey = apiKey;
@@ -107,4 +135,6 @@ _this.roomName = roomName;
         _this.isBoxShadow = isBoxShadow;
+        _this.isPlayerControlled = isPlayerControlled;
         _this.consumerConfig = defaultConsumerConfig;
         _this.consumerConfig.container = container;
+        _this.gatewayResponse = null;
         _this.consumerConfig.domContainer = document.querySelector("#" + _this.consumerConfig.container);
@@ -125,3 +155,3 @@ if (!_this.apiKey) {
             return __generator(this, function (_a) {
-                this.gatewayRequest(this.apiKey, this.roomName);
+                this.gatewayResponse = /* await */ this.gatewayRequest(this.apiKey, this.roomName);
                 this.initListeners();
@@ -133,2 +163,40 @@ this.addInterpretationPlayer();
     };
+    InterpretationPlayer.prototype.isInterpretedLanguage = function (language) {
+        var _a;
+        if (((_a = this.gatewayResponse) === null || _a === void 0 ? void 0 : _a.floorLang) === (language === null || language === void 0 ? void 0 : language.code)) {
+            return false;
+        }
+        return true;
+    };
+    /**
+     * @description We mute/unmute the video player of the Virtual Platform
+     * That method go through only if isPlayerControlled is true
+     * Additionnal info about that parameter here : https://rsi-akkadu-documentation.netlify.app//interpretation-player/props.html
+     * @private
+     */
+    InterpretationPlayer.prototype.switchAudioVideoPlayerVP = function (isMuted) {
+        if (isMuted === void 0) { isMuted = false; }
+        if (!this.isPlayerControlled) {
+            return;
+        }
+        var videoPlayerVP = this.getVideoPlayerVP();
+        if (!videoPlayerVP) {
+            console.log('switchAudioVideoPlayerVP(): videoPlayerVP is not defined');
+            return;
+        }
+        videoPlayerVP.forEach(function (video) {
+            video.muted = isMuted;
+        });
+    };
+    /**
+     * @description Get the video player of the Virtual Platform page
+     * @private
+     */
+    InterpretationPlayer.prototype.getVideoPlayerVP = function () {
+        if (!document) {
+            console.log('getVideoPlaterVP(), document is not defined');
+            return;
+        }
+        return document.getElementsByTagName('video');
+    };
     InterpretationPlayer.prototype.initListeners = function () {
@@ -159,3 +227,2 @@ //
         // to update with the list of languages
-        //const languagesList = [{iso:'us', name:'english'}, {iso:'es', name:'spanish'}, {iso:'cn', name:'chinese'}] 
         var languagesList = [{
@@ -206,2 +273,3 @@ name: { en: 'English', zh: '英语' },
                 that.emitter.emit('interpretation-player:on-language-selected', { languageSelected: languageSelected });
+                that.switchAudioVideoPlayerVP(that.isInterpretedLanguage(languageSelected));
                 // Close select
@@ -247,4 +315,2 @@ elSelectCustom.classList.remove("isActive");
 //
-/* import InterpretationPlayer from '/Users/romain/Desktop/Projects/Akkadu/rsi-api-widget/rsi-api-widget/modules/rsi-api-interpretation-player/lib' */
-
 var script = {
@@ -266,2 +332,7 @@ props: {
       default: true
+    },
+    isPlayerControlled: {
+      required: false,
+      type: Boolean,
+      default: false
     }
@@ -299,3 +370,4 @@ },
         positionMenu: this.positionMenu,
-        isBoxShadow: this.isBoxShadow
+        isBoxShadow: this.isBoxShadow,
+        isPlayerControlled: this.isPlayerControlled
       };
@@ -302,0 +374,0 @@ this.stream = new _default(config);

dist/rsi-api-vue.min.js

@@ -1,1 +0,1 @@
-var RsiApiVue=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);function r(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,s=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(s)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var a,s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=function(){function e(){this.emitter=new n.default.EventEmitter}return e.prototype.gatewayRequest=function(e,t){if(!e)throw Error("base akadu-rsi: apiKey is undefined.");if(!t)throw Error("base akkadu-rsi: roomname is undefined.");return"test gateway"},e.prototype.on=function(e,t){this.emitter.on(e,t)},e}(),u=Object.defineProperty({default:l},"__esModule",{value:!0}),p={html:'\n  <body>\n      <div class="select">\n        <div class="selectWrapper" >\n          <div class="selectCustom js-selectCustom">\n            <div id="interpretation-player-custom-value" class="selectCustom-trigger">  <img src=\'\'/> <h3> </h3> </div>\n            <div id="interpretation-player-options" class="selectCustom-options">\n            </div>\n          </div>\n        </div>\n  </body>\n  ',css:'\n\n  #akkadu-interpretation-player {\n    display: inline-table;\n    position: relative;\n    font-family: "Helvetica Neue", Arial, sans-serif;\n  }\n  #akkadu-interpretation-player .select {\n    position: relative;\n  }\n  #akkadu-interpretation-player .selectLabel {\n    display: block;\n    margin-bottom: 10px;\n  }\n  #akkadu-interpretation-player .selectWrapper {\n    position: relative;\n  }\n  #akkadu-interpretation-player  .selectCustom {\n    position: relative;\n    height: 100%;\n  }\n  #akkadu-interpretation-player .selectCustom-trigger {\n    display: flex;\n    position: relative;\n    min-width: 150px;\n    background-color: white;\n    border: 1px solid #dbdbdb;\n    border-radius: 5px;\n    cursor: pointer;\n    padding: 10px 15px;\n    width: 100%;\n    height: 100%;\n  }\n  #akkadu-interpretation-player h3{\n    margin:0px;\n    padding:0px;\n  }\n  #akkadu-interpretation-player img{\n    margin:0px;\n    padding:0px;\n    max-width: 20px;\n    margin-right:10px;\n  }\n  #akkadu-interpretation-player  h3, #akkadu-interpretation-player .selectCustom-trigger{\n    font-size: 16px;\n    color: #2C3D4F;\n    font-weight: 400;\n    text-transform: capitalize;\n  }\n  #akkadu-interpretation-player .selectCustom-trigger::after {\n    content: "▾";\n    color:#908f8f;\n    position: absolute;\n    top: 7px;\n    line-height: 20px;\n    right: 10px;\n  }\n  \n  #akkadu-interpretation-player .selectCustom-trigger:hover {\n    box-shadow: 0 0 4px #e9e1f8;\n  }\n  #akkadu-interpretation-player .selectCustom-options {\n    position: absolute;\n    top: 45px;\n    left: 0;\n    width: 100%;\n    border: 1px solid #dbdbdb;\n    border-radius: 5px;\n    background-color: #fff;\n    box-shadow: 0 0 4px #e9e1f8;\n    z-index: 1;\n    padding:0px;\n    display: none;\n    cursor: pointer;\n    box-shadow: 3px 6px 7px 4px #e3e3e3;\n  }\n  \n  #akkadu-interpretation-player .selectCustom.isActive .selectCustom-options {\n    display: block;\n    min-width: 260px;\n  }\n  \n  #akkadu-interpretation-player .selectCustom-option {\n    position: relative;\n    padding: 10px 15px;\n    display: flex;\n  }\n  \n  #akkadu-interpretation-player  .selectCustom-option:hover {\n    background-color: #F2F2F2;\n  }\n  \n  #akkadu-interpretation-player  .selectCustom-option:not(:last-of-type)::after {\n    content: "";\n    position: absolute;\n    bottom: 0;\n    left: 5px;\n    width: 95%;\n    border-bottom: 1px solid #e0e7ef;\n  }\n  \n\n \n  '},c=Object.defineProperty({default:p},"__esModule",{value:!0}),d=s&&s.__extends||(a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),f=s&&s.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},m=s&&s.__generator||function(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}},y={languages:[],container:null},h=function(e){function t(t){var n=e.call(this)||this,r=t.apiKey,o=t.roomName,i=t.container,a=t.positionMenu,s=t.isBoxShadow;if(n.apiKey=r,n.roomName=o,n.positionMenu=a,n.isBoxShadow=s,n.consumerConfig=y,n.consumerConfig.container=i,n.consumerConfig.domContainer=document.querySelector("#"+n.consumerConfig.container),!n.apiKey)throw Error("InterpretationPlayer: apiKey is undefined");if(!n.roomName)throw Error("InterpretationPlayer: roomName is undefined");if(!n.consumerConfig.domContainer)throw new Error("Unable to detect stream container "+n.consumerConfig.container+" on the DOM");return n}return d(t,e),t.prototype.init=function(){return f(this,void 0,void 0,(function(){return m(this,(function(e){return this.gatewayRequest(this.apiKey,this.roomName),this.initListeners(),this.addInterpretationPlayer(),[2]}))}))},t.prototype.initListeners=function(){},t.prototype.addInterpretationPlayer=function(){this.emitter.emit("interpretation-player:on-ready",{isReady:!0});var e=c.default;this.consumerConfig.domContainer.insertAdjacentHTML("beforeend",e.html);var t=document.createElement("style");t.textContent=e.css,document.head.appendChild(t);var n=this.updateStylesWithProps();if(n){var r=document.createElement("style");r.textContent=n,document.head.appendChild(r)}for(var o=[{name:{en:"English",zh:"英语"},code:"en-US"},{name:{en:"Chinese",zh:"中文"},code:"zh-CN"}],i=document.createDocumentFragment(),a=0;a<o.length;a++){var s=void 0,l=void 0,u=void 0;(s=document.createElement("div")).className="selectCustom-option",s.id=a,(u=document.createElement("h3")).textContent=o[a].name.en,u.id=a,(l=document.createElement("img")).src=this.getFlagUrl(o[a].code),s.appendChild(l),s.appendChild(u),i.appendChild(s)}document.getElementById("interpretation-player-options").appendChild(i);var p=document.createElement("script");p.textContent=e.js,document.body.appendChild(p);var d=document.getElementsByClassName("js-selectCustom")[0],f=document.getElementById("interpretation-player-custom-value"),m=document.getElementById("interpretation-player-options");f.getElementsByTagName("h3")[0].textContent=o[0].name.en,f.getElementsByTagName("img")[0].src=this.getFlagUrl(o[0].code);var y=this;Array.from(m.children).forEach((function(e){e.addEventListener("click",(function(e){var t,n=e.target.id;t=o[n],f.getElementsByTagName("h3")[0].textContent=t.name.en,f.getElementsByTagName("img")[0].src=y.getFlagUrl(t.code),y.emitter.emit("interpretation-player:on-language-selected",{languageSelected:t}),d.classList.remove("isActive")}))})),f.addEventListener("click",(function(e){d.classList.toggle("isActive")})),document.addEventListener("click",(function(e){!d.contains(event.target)&&d.classList.remove("isActive")}))},t.prototype.updateStylesWithProps=function(){var e=[];if("top"===this.positionMenu){var t=".selectCustom-options{\n        box-shadow:6px -1px 8px 1px #e3e3e3 !important;\n        top: -130px !important;\n      }";e.push(t)}if(!1===this.isBoxShadow){t="\n      #akkadu-interpretation-player .selectCustom-options{\n        box-shadow:none !important;\n      }";e.push(t)}return e.join(" ")},t.prototype.getFlagUrl=function(e){return"https://www.countryflags.io/"+e.slice(-2)+"/flat/64.png"},t}(u.default);function g(e,t,n,r,o,i,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);const p="function"==typeof n?n.options:n;let c;if(e&&e.render&&(p.render=e.render,p.staticRenderFns=e.staticRenderFns,p._compiled=!0,o&&(p.functional=!0)),r&&(p._scopeId=r),i?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},p._ssrRegister=c):t&&(c=a?function(e){t.call(this,u(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),c)if(p.functional){const e=p.render;p.render=function(t,n){return c.call(n),e(t,n)}}else{const e=p.beforeCreate;p.beforeCreate=e?[].concat(e,c):[c]}return n}var v=g({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{attrs:{id:"akkadu-interpretation-player"}})},staticRenderFns:[]},undefined,{props:{apiKey:{required:!0,type:String,default:null},positionMenu:{required:!1,type:String,default:"bottom"},isBoxShadow:{required:!1,type:Boolean,default:!0}},data:function(){return{stream:null}},mounted:function(){this.init()},methods:{init:function(){var e,t=this;return(e=regeneratorRuntime.mark((function e(){var n,r;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.getRoomname(),console.info(t.apiKey,"api key"),n){e.next=4;break}throw Error("interpretation-player: roomname is not defined");case 4:if(t.apiKey){e.next=6;break}throw Error("interpretation-player: apiKey is not defined");case 6:r={apiKey:t.apiKey,roomName:n,container:"akkadu-interpretation-player",positionMenu:t.positionMenu,isBoxShadow:t.isBoxShadow},t.stream=new h(r),t.initListeners(),t.stream.init();case 10:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(o,i){var a=e.apply(t,n);function s(e){r(a,o,i,s,l,"next",e)}function l(e){r(a,o,i,s,l,"throw",e)}s(void 0)}))})()},getRoomname:function(){return"test"},initListeners:function(){var e=this;this.stream.on("interpretation-player:on-ready",(function(t){var n=t.isReady;console.info("emit interpretation-player:on-ready",n),e.$emit("onReady",{isReady:n})})),this.stream.on("interpretation-player:on-language-selected",(function(t){var n=t.languageSelected;console.info("emit interpretation-player:on-language-selected",n),e.$emit("onLanguageSelected",{languageSelected:n})})),this.stream.on("interpretation-player:on-connection-status-updated",(function(t){var n=t.connection;console.info("emit interpretation-player:on-connection-status-updated",n),e.$emit("onConnectionStatusUpdated",{connection:n})}))}}},undefined,false,undefined,!1,void 0,void 0,void 0),b=Object.freeze({__proto__:null,RsiApiInterpretationPlayer:v}),x=function(e){Object.entries(b).forEach((function(t){var n=o(t,2),r=n[0],i=n[1];e.component(r,i)}))},w=Object.freeze({__proto__:null,default:x,RsiApiInterpretationPlayer:v});return Object.entries(w).forEach((function(e){var t=o(e,2),n=t[0],r=t[1];"default"!==n&&(x[n]=r)})),x}(events_1);
+var RsiApiVue=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);function o(e,t,n,o,r,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(o,r)}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var o,r,i=[],a=!0,s=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(i.push(o.value),!t||i.length!==t);a=!0);}catch(e){s=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(s)throw r}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var a,s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=function(){function e(){this.emitter=new n.default.EventEmitter}return e.prototype.gatewayRequest=function(e,t){if(!e)throw Error("base akadu-rsi: apiKey is undefined.");if(!t)throw Error("base akkadu-rsi: roomname is undefined.");return{auth:{uid:0,channel:"string",appId:"string",token:"string",rtmToken:"string"},publishers:[{id:0,userId:0,eventId:0,pairId:"string",interpreterId:0,language:"string",sourceLanguage:!0,sourceLanguageId:0,interpreterLevel:0,interpreterNeeded:!0,createdAt:"2021-05-25T07:49:48.840Z",updatedAt:"2021-05-25T07:49:48.840Z"}],floorLang:"en-US",userType:"string"}},e.prototype.on=function(e,t){this.emitter.on(e,t)},e}(),u=Object.defineProperty({default:l},"__esModule",{value:!0}),d={html:'\n  <body>\n      <div class="select">\n        <div class="selectWrapper" >\n          <div class="selectCustom js-selectCustom">\n            <div id="interpretation-player-custom-value" class="selectCustom-trigger">  <img src=\'\'/> <h3> </h3> </div>\n            <div id="interpretation-player-options" class="selectCustom-options">\n            </div>\n          </div>\n        </div>\n  </body>\n  ',css:'\n\n  #akkadu-interpretation-player {\n    display: inline-table;\n    position: relative;\n    font-family: "Helvetica Neue", Arial, sans-serif;\n  }\n  #akkadu-interpretation-player .select {\n    position: relative;\n  }\n  #akkadu-interpretation-player .selectLabel {\n    display: block;\n    margin-bottom: 10px;\n  }\n  #akkadu-interpretation-player .selectWrapper {\n    position: relative;\n  }\n  #akkadu-interpretation-player  .selectCustom {\n    position: relative;\n    height: 100%;\n  }\n  #akkadu-interpretation-player .selectCustom-trigger {\n    display: flex;\n    position: relative;\n    min-width: 150px;\n    background-color: white;\n    border: 1px solid #dbdbdb;\n    border-radius: 5px;\n    cursor: pointer;\n    padding: 10px 15px;\n    width: 100%;\n    height: 100%;\n  }\n  #akkadu-interpretation-player h3{\n    margin:0px;\n    padding:0px;\n  }\n  #akkadu-interpretation-player img{\n    margin:0px;\n    padding:0px;\n    max-width: 20px;\n    margin-right:10px;\n  }\n  #akkadu-interpretation-player  h3, #akkadu-interpretation-player .selectCustom-trigger{\n    font-size: 16px;\n    color: #2C3D4F;\n    font-weight: 400;\n    text-transform: capitalize;\n  }\n  #akkadu-interpretation-player .selectCustom-trigger::after {\n    content: "▾";\n    color:#908f8f;\n    position: absolute;\n    top: 7px;\n    line-height: 20px;\n    right: 10px;\n  }\n  \n  #akkadu-interpretation-player .selectCustom-trigger:hover {\n    box-shadow: 0 0 4px #e9e1f8;\n  }\n  #akkadu-interpretation-player .selectCustom-options {\n    position: absolute;\n    top: 45px;\n    left: 0;\n    width: 100%;\n    border: 1px solid #dbdbdb;\n    border-radius: 5px;\n    background-color: #fff;\n    box-shadow: 0 0 4px #e9e1f8;\n    z-index: 1;\n    padding:0px;\n    display: none;\n    cursor: pointer;\n    box-shadow: 3px 6px 7px 4px #e3e3e3;\n  }\n  \n  #akkadu-interpretation-player .selectCustom.isActive .selectCustom-options {\n    display: block;\n    min-width: 260px;\n  }\n  \n  #akkadu-interpretation-player .selectCustom-option {\n    position: relative;\n    padding: 10px 15px;\n    display: flex;\n  }\n  \n  #akkadu-interpretation-player  .selectCustom-option:hover {\n    background-color: #F2F2F2;\n  }\n  \n  #akkadu-interpretation-player  .selectCustom-option:not(:last-of-type)::after {\n    content: "";\n    position: absolute;\n    bottom: 0;\n    left: 5px;\n    width: 95%;\n    border-bottom: 1px solid #e0e7ef;\n  }\n  \n\n \n  '},p=Object.defineProperty({default:d},"__esModule",{value:!0}),c=s&&s.__extends||(a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),f=s&&s.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}))},m=s&&s.__generator||function(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}},y={languages:[],container:null},h=function(e){function t(t){var n=e.call(this)||this,o=t.apiKey,r=t.roomName,i=t.container,a=t.positionMenu,s=t.isBoxShadow,l=t.isPlayerControlled;if(n.apiKey=o,n.roomName=r,n.positionMenu=a,n.isBoxShadow=s,n.isPlayerControlled=l,n.consumerConfig=y,n.consumerConfig.container=i,n.gatewayResponse=null,n.consumerConfig.domContainer=document.querySelector("#"+n.consumerConfig.container),!n.apiKey)throw Error("InterpretationPlayer: apiKey is undefined");if(!n.roomName)throw Error("InterpretationPlayer: roomName is undefined");if(!n.consumerConfig.domContainer)throw new Error("Unable to detect stream container "+n.consumerConfig.container+" on the DOM");return n}return c(t,e),t.prototype.init=function(){return f(this,void 0,void 0,(function(){return m(this,(function(e){return this.gatewayResponse=this.gatewayRequest(this.apiKey,this.roomName),this.initListeners(),this.addInterpretationPlayer(),[2]}))}))},t.prototype.isInterpretedLanguage=function(e){var t;return(null===(t=this.gatewayResponse)||void 0===t?void 0:t.floorLang)!==(null==e?void 0:e.code)},t.prototype.switchAudioVideoPlayerVP=function(e){if(void 0===e&&(e=!1),this.isPlayerControlled){var t=this.getVideoPlayerVP();t?t.forEach((function(t){t.muted=e})):console.log("switchAudioVideoPlayerVP(): videoPlayerVP is not defined")}},t.prototype.getVideoPlayerVP=function(){if(document)return document.getElementsByTagName("video");console.log("getVideoPlaterVP(), document is not defined")},t.prototype.initListeners=function(){},t.prototype.addInterpretationPlayer=function(){this.emitter.emit("interpretation-player:on-ready",{isReady:!0});var e=p.default;this.consumerConfig.domContainer.insertAdjacentHTML("beforeend",e.html);var t=document.createElement("style");t.textContent=e.css,document.head.appendChild(t);var n=this.updateStylesWithProps();if(n){var o=document.createElement("style");o.textContent=n,document.head.appendChild(o)}for(var r=[{name:{en:"English",zh:"英语"},code:"en-US"},{name:{en:"Chinese",zh:"中文"},code:"zh-CN"}],i=document.createDocumentFragment(),a=0;a<r.length;a++){var s=void 0,l=void 0,u=void 0;(s=document.createElement("div")).className="selectCustom-option",s.id=a,(u=document.createElement("h3")).textContent=r[a].name.en,u.id=a,(l=document.createElement("img")).src=this.getFlagUrl(r[a].code),s.appendChild(l),s.appendChild(u),i.appendChild(s)}document.getElementById("interpretation-player-options").appendChild(i);var d=document.createElement("script");d.textContent=e.js,document.body.appendChild(d);var c=document.getElementsByClassName("js-selectCustom")[0],f=document.getElementById("interpretation-player-custom-value"),m=document.getElementById("interpretation-player-options");f.getElementsByTagName("h3")[0].textContent=r[0].name.en,f.getElementsByTagName("img")[0].src=this.getFlagUrl(r[0].code);var y=this;Array.from(m.children).forEach((function(e){e.addEventListener("click",(function(e){var t,n=e.target.id;t=r[n],f.getElementsByTagName("h3")[0].textContent=t.name.en,f.getElementsByTagName("img")[0].src=y.getFlagUrl(t.code),y.emitter.emit("interpretation-player:on-language-selected",{languageSelected:t}),y.switchAudioVideoPlayerVP(y.isInterpretedLanguage(t)),c.classList.remove("isActive")}))})),f.addEventListener("click",(function(e){c.classList.toggle("isActive")})),document.addEventListener("click",(function(e){!c.contains(event.target)&&c.classList.remove("isActive")}))},t.prototype.updateStylesWithProps=function(){var e=[];if("top"===this.positionMenu){var t=".selectCustom-options{\n        box-shadow:6px -1px 8px 1px #e3e3e3 !important;\n        top: -130px !important;\n      }";e.push(t)}if(!1===this.isBoxShadow){t="\n      #akkadu-interpretation-player .selectCustom-options{\n        box-shadow:none !important;\n      }";e.push(t)}return e.join(" ")},t.prototype.getFlagUrl=function(e){return"https://www.countryflags.io/"+e.slice(-2)+"/flat/64.png"},t}(u.default);function g(e,t,n,o,r,i,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);const d="function"==typeof n?n.options:n;let p;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),o&&(d._scopeId=o),i?(p=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},d._ssrRegister=p):t&&(p=a?function(e){t.call(this,u(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),p)if(d.functional){const e=d.render;d.render=function(t,n){return p.call(n),e(t,n)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,p):[p]}return n}var v=g({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{attrs:{id:"akkadu-interpretation-player"}})},staticRenderFns:[]},undefined,{props:{apiKey:{required:!0,type:String,default:null},positionMenu:{required:!1,type:String,default:"bottom"},isBoxShadow:{required:!1,type:Boolean,default:!0},isPlayerControlled:{required:!1,type:Boolean,default:!1}},data:function(){return{stream:null}},mounted:function(){this.init()},methods:{init:function(){var e,t=this;return(e=regeneratorRuntime.mark((function e(){var n,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.getRoomname(),console.info(t.apiKey,"api key"),n){e.next=4;break}throw Error("interpretation-player: roomname is not defined");case 4:if(t.apiKey){e.next=6;break}throw Error("interpretation-player: apiKey is not defined");case 6:o={apiKey:t.apiKey,roomName:n,container:"akkadu-interpretation-player",positionMenu:t.positionMenu,isBoxShadow:t.isBoxShadow,isPlayerControlled:t.isPlayerControlled},t.stream=new h(o),t.initListeners(),t.stream.init();case 10:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){o(a,r,i,s,l,"next",e)}function l(e){o(a,r,i,s,l,"throw",e)}s(void 0)}))})()},getRoomname:function(){return"test"},initListeners:function(){var e=this;this.stream.on("interpretation-player:on-ready",(function(t){var n=t.isReady;console.info("emit interpretation-player:on-ready",n),e.$emit("onReady",{isReady:n})})),this.stream.on("interpretation-player:on-language-selected",(function(t){var n=t.languageSelected;console.info("emit interpretation-player:on-language-selected",n),e.$emit("onLanguageSelected",{languageSelected:n})})),this.stream.on("interpretation-player:on-connection-status-updated",(function(t){var n=t.connection;console.info("emit interpretation-player:on-connection-status-updated",n),e.$emit("onConnectionStatusUpdated",{connection:n})}))}}},undefined,false,undefined,!1,void 0,void 0,void 0),b=Object.freeze({__proto__:null,RsiApiInterpretationPlayer:v}),x=function(e){Object.entries(b).forEach((function(t){var n=r(t,2),o=n[0],i=n[1];e.component(o,i)}))},w=Object.freeze({__proto__:null,default:x,RsiApiInterpretationPlayer:v});return Object.entries(w).forEach((function(e){var t=r(e,2),n=t[0],o=t[1];"default"!==n&&(x[n]=o)})),x}(events_1);

dist/rsi-api-vue.ssr.js

@@ -105,3 +105,31 @@ 'use strict';var events_1=require('events');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var events_1__default=/*#__PURE__*/_interopDefaultLegacy(events_1);function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
         }
-        return 'test gateway';
+        // we get the stream /events/{eventId}/streams 
+        var streamTest = {
+            "auth": {
+                "uid": 0,
+                "channel": "string",
+                "appId": "string",
+                "token": "string",
+                "rtmToken": "string"
+            },
+            "publishers": [
+                {
+                    "id": 0,
+                    "userId": 0,
+                    "eventId": 0,
+                    "pairId": "string",
+                    "interpreterId": 0,
+                    "language": "string",
+                    "sourceLanguage": true,
+                    "sourceLanguageId": 0,
+                    "interpreterLevel": 0,
+                    "interpreterNeeded": true,
+                    "createdAt": "2021-05-25T07:49:48.840Z",
+                    "updatedAt": "2021-05-25T07:49:48.840Z"
+                }
+            ],
+            "floorLang": "en-US",
+            "userType": "string"
+        };
+        return streamTest;
     };
@@ -186,3 +214,3 @@ Base.prototype.on = function (event, fn) {
         var _this = _super.call(this) || this;
-        var apiKey = config.apiKey, roomName = config.roomName, container = config.container, positionMenu = config.positionMenu, isBoxShadow = config.isBoxShadow;
+        var apiKey = config.apiKey, roomName = config.roomName, container = config.container, positionMenu = config.positionMenu, isBoxShadow = config.isBoxShadow, isPlayerControlled = config.isPlayerControlled;
         _this.apiKey = apiKey;
@@ -192,4 +220,6 @@ _this.roomName = roomName;
         _this.isBoxShadow = isBoxShadow;
+        _this.isPlayerControlled = isPlayerControlled;
         _this.consumerConfig = defaultConsumerConfig;
         _this.consumerConfig.container = container;
+        _this.gatewayResponse = null;
         _this.consumerConfig.domContainer = document.querySelector("#" + _this.consumerConfig.container);
@@ -210,3 +240,3 @@ if (!_this.apiKey) {
             return __generator(this, function (_a) {
-                this.gatewayRequest(this.apiKey, this.roomName);
+                this.gatewayResponse = /* await */ this.gatewayRequest(this.apiKey, this.roomName);
                 this.initListeners();
@@ -218,2 +248,40 @@ this.addInterpretationPlayer();
     };
+    InterpretationPlayer.prototype.isInterpretedLanguage = function (language) {
+        var _a;
+        if (((_a = this.gatewayResponse) === null || _a === void 0 ? void 0 : _a.floorLang) === (language === null || language === void 0 ? void 0 : language.code)) {
+            return false;
+        }
+        return true;
+    };
+    /**
+     * @description We mute/unmute the video player of the Virtual Platform
+     * That method go through only if isPlayerControlled is true
+     * Additionnal info about that parameter here : https://rsi-akkadu-documentation.netlify.app//interpretation-player/props.html
+     * @private
+     */
+    InterpretationPlayer.prototype.switchAudioVideoPlayerVP = function (isMuted) {
+        if (isMuted === void 0) { isMuted = false; }
+        if (!this.isPlayerControlled) {
+            return;
+        }
+        var videoPlayerVP = this.getVideoPlayerVP();
+        if (!videoPlayerVP) {
+            console.log('switchAudioVideoPlayerVP(): videoPlayerVP is not defined');
+            return;
+        }
+        videoPlayerVP.forEach(function (video) {
+            video.muted = isMuted;
+        });
+    };
+    /**
+     * @description Get the video player of the Virtual Platform page
+     * @private
+     */
+    InterpretationPlayer.prototype.getVideoPlayerVP = function () {
+        if (!document) {
+            console.log('getVideoPlaterVP(), document is not defined');
+            return;
+        }
+        return document.getElementsByTagName('video');
+    };
     InterpretationPlayer.prototype.initListeners = function () {
@@ -244,3 +312,2 @@ //
         // to update with the list of languages
-        //const languagesList = [{iso:'us', name:'english'}, {iso:'es', name:'spanish'}, {iso:'cn', name:'chinese'}] 
         var languagesList = [{
@@ -291,2 +358,3 @@ name: { en: 'English', zh: '英语' },
                 that.emitter.emit('interpretation-player:on-language-selected', { languageSelected: languageSelected });
+                that.switchAudioVideoPlayerVP(that.isInterpretedLanguage(languageSelected));
                 // Close select
@@ -329,5 +397,3 @@ elSelectCustom.classList.remove("isActive");
 }(lib.default));
-var _default = InterpretationPlayer;/* import InterpretationPlayer from '/Users/romain/Desktop/Projects/Akkadu/rsi-api-widget/rsi-api-widget/modules/rsi-api-interpretation-player/lib' */
-
-var script = {
+var _default = InterpretationPlayer;var script = {
   props: {
@@ -348,2 +414,7 @@ apiKey: {
       default: true
+    },
+    isPlayerControlled: {
+      required: false,
+      type: Boolean,
+      default: false
     }
@@ -394,3 +465,4 @@ },
                   positionMenu: _this.positionMenu,
-                  isBoxShadow: _this.isBoxShadow
+                  isBoxShadow: _this.isBoxShadow,
+                  isPlayerControlled: _this.isPlayerControlled
                 };
@@ -547,3 +619,3 @@ _this.stream = new _default(config);
 
-var __vue_module_identifier__ = "data-v-3b17b8db";
+var __vue_module_identifier__ = "data-v-89d7e06e";
 /* functional template */
@@ -550,0 +622,0 @@

package.json

 {
   "name": "@akkadu/rsi-api-vue",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "description": "",
@@ -22,3 +22,3 @@ "main": "dist/rsi-api-vue.ssr.js",
   "dependencies": {
-    "@akkadu/rsi-api-interpretation-player": "0.1.0"
+    "@akkadu/rsi-api-interpretation-player": "0.1.1"
   },
@@ -25,0 +25,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

69340

increased by10.09%

Lines of code

1111

increased by15.13%

Dependency changes

• + Added@akkadu/rsi-api-base@0.0.7(transitive)

• + Added@akkadu/rsi-api-interpretation-player@0.1.1(transitive)

• - Removed@akkadu/rsi-api-base@0.0.6(transitive)

• - Removed@akkadu/rsi-api-interpretation-player@0.1.0(transitive)

• Updated@akkadu/rsi-api-interpretation-player@0.1.1