@whereby.com/browser-sdk 2.0.0-alpha15 → 2.0.0-alpha17

package/dist/lib.esm.js

@@ -128,7 +128,7 @@ define("WherebyEmbed", {
         if (roomUrl.searchParams.get("roomKey")) {
             this.url.searchParams.append("roomKey", roomUrl.searchParams.get("roomKey"));
         }
-        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "2.0.0-alpha15", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang })), (metadata && { metadata })), (groups && { groups })), (virtualBackgroundUrl && { virtualBackgroundUrl })), (avatarUrl && { avatarUrl })), (minimal != null && { embed: minimal })), boolAttrs.reduce(
+        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "2.0.0-alpha17", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang })), (metadata && { metadata })), (groups && { groups })), (virtualBackgroundUrl && { virtualBackgroundUrl })), (avatarUrl && { avatarUrl })), (minimal != null && { embed: minimal })), boolAttrs.reduce(
         // add to URL if set in any way
         (o, v) => (this[v.toLowerCase()] != null ? Object.assign(Object.assign({}, o), { [v]: this[v.toLowerCase()] }) : o), {}))).forEach(([k, v]) => {
             if (!this.url.searchParams.has(k) && typeof v === "string") {
@@ -648,21 +648,21 @@ var rtcManagerEvents = {
     DOMINANT_SPEAKER: "dominant_speaker",
 };
 
-const browserName$3 = adapter.browserDetails.browser;
+const browserName$2 = adapter.browserDetails.browser;
 const browserVersion$1 = adapter.browserDetails.version;
 
 // SDP mangling for deprioritizing H264
 function deprioritizeH264(sdp) {
     return SDPUtils.splitSections(sdp)
-        .map((section) => {
+        .map(section => {
             // only modify video sections
             if (SDPUtils.getKind(section) !== "video") return section;
 
             // list of payloadTypes used in this sdp/section
             const h264payloadTypes = SDPUtils.matchPrefix(section, "a=rtpmap:")
-                .map((line) => SDPUtils.parseRtpMap(line))
-                .filter((codec) => /h264/i.test(codec.name))
-                .map((codec) => "" + codec.payloadType);
+                .map(line => SDPUtils.parseRtpMap(line))
+                .filter(codec => /h264/i.test(codec.name))
+                .map(codec => "" + codec.payloadType);
 
             // return as is if no h264 found
             if (!h264payloadTypes.length) return section;
@@ -672,7 +672,7 @@ function deprioritizeH264(sdp) {
             const mlinePayloadsSection = /(\s\d+)+$/i.exec(mline)[0];
             const mlinePayloadsNonH264 = mlinePayloadsSection
                 .split(" ")
-                .filter((payloadType) => payloadType && !h264payloadTypes.includes(payloadType));
+                .filter(payloadType => payloadType && !h264payloadTypes.includes(payloadType));
             const reorderedPayloads = [...mlinePayloadsNonH264, ...h264payloadTypes].join(" ");
             const newmline = mline.replace(mlinePayloadsSection, " " + reorderedPayloads);
             return section.replace(mline, newmline);
@@ -700,12 +700,12 @@ function replaceSSRCs(currentDescription, newDescription) {
 // https://bugzilla.mozilla.org/show_bug.cgi?id=1478685
 // filter out the mid rtp header extension
 function filterMidExtension(sdp) {
-    if (browserName$3 !== "safari" && (browserName$3 !== "firefox" || browserVersion$1 >= 63 || browserVersion$1 === 60)) {
+    if (browserName$2 !== "safari" && (browserName$2 !== "firefox" || browserVersion$1 >= 63 || browserVersion$1 === 60)) {
         return sdp;
     }
     return (
         SDPUtils.splitLines(sdp.trim())
-            .filter((line) => {
+            .filter(line => {
                 if (!line.startsWith("a=extmap:")) {
                     return true;
                 }
@@ -721,21 +721,21 @@ function filterMidExtension(sdp) {
 // https://bugzilla.mozilla.org/show_bug.cgi?id=1534673
 // Filter out a:msid-semantic header
 function filterMsidSemantic(sdp) {
-    if (browserName$3 !== "firefox") {
+    if (browserName$2 !== "firefox") {
         return sdp;
     }
     return (
         SDPUtils.splitLines(sdp.trim())
-            .map((line) => (line.startsWith("a=msid-semantic:") ? "a=msid-semantic: WMS *" : line))
+            .map(line => (line.startsWith("a=msid-semantic:") ? "a=msid-semantic: WMS *" : line))
             .join("\r\n") + "\r\n"
     );
 }
 
 function isRelayed(pc) {
-    return pc.getStats(null).then((result) => {
+    return pc.getStats(null).then(result => {
         let localCandidateType;
         let remoteCandidateType;
-        result.forEach((report) => {
+        result.forEach(report => {
             // Chrome 58+ / spec
             if (report.type === "transport" && report.selectedCandidatePairId) {
                 const transport = result.get(report.selectedCandidatePairId);
@@ -765,7 +765,7 @@ const logger$4 = console;
 
 // use https://w3c.github.io/webrtc-pc/#dom-rtcrtpsender-setparameters to change the video bandwidth.
 function setVideoBandwidthUsingSetParameters(pc, bandwidth) {
-    const sender = pc.getSenders().find((s) => s.track && s.track.kind === "video");
+    const sender = pc.getSenders().find(s => s.track && s.track.kind === "video");
     if (!sender) {
         return Promise.resolve();
     }
@@ -786,7 +786,7 @@ function setVideoBandwidthUsingSetParameters(pc, bandwidth) {
         parameters.encodings[0].maxBitrate = bandwidth * 1000; // convert to bps
     }
 
-    return sender.setParameters(parameters).catch((err) => {
+    return sender.setParameters(parameters).catch(err => {
         logger$4.error("setParameters err: ", err);
     });
 }
@@ -811,7 +811,7 @@ class Session {
         this.streamIds = [];
         this.streams = [];
         this.earlyIceCandidates = [];
-        this.afterConnected = new Promise((resolve) => {
+        this.afterConnected = new Promise(resolve => {
             this.registerConnected = resolve;
         });
         this.offerOptions = { offerToReceiveAudio: true, offerToReceiveVideo: true };
@@ -848,10 +848,10 @@ class Session {
         this.streamIds.push(stream.id);
         this.streams.push(stream);
         if (RTCPeerConnection.prototype.addTrack) {
-            stream.getAudioTracks().forEach((track) => {
+            stream.getAudioTracks().forEach(track => {
                 this.pc.addTrack(track, stream);
             });
-            stream.getVideoTracks().forEach((track) => {
+            stream.getVideoTracks().forEach(track => {
                 this.pc.addTrack(track, stream);
             });
         } else {
@@ -871,7 +871,7 @@ class Session {
     removeTrack(track) {
         const stream = this.streams[0];
         stream.removeTrack(track);
-        const sender = this.pc.getSenders().find((sender) => sender.track === track);
+        const sender = this.pc.getSenders().find(sender => sender.track === track);
         if (sender) {
             this.pc.removeTrack(sender);
         }
@@ -887,8 +887,8 @@ class Session {
 
         if (this.pc) {
             if (this.pc.removeTrack) {
-                stream.getTracks().forEach((track) => {
-                    const sender = this.pc.getSenders().find((sender) => sender.track === track);
+                stream.getTracks().forEach(track => {
+                    const sender = this.pc.getSenders().find(sender => sender.track === track);
                     if (sender) {
                         this.pc.removeTrack(sender);
                     }
@@ -906,14 +906,14 @@ class Session {
         // wrapper around SRD which stores a promise
         this.srdComplete = this.pc.setRemoteDescription(desc);
         return this.srdComplete.then(() => {
-            this.earlyIceCandidates.forEach((candidate) => this.pc.addIceCandidate(candidate));
+            this.earlyIceCandidates.forEach(candidate => this.pc.addIceCandidate(candidate));
             this.earlyIceCandidates = [];
         });
     }
 
     handleOffer(message) {
         if (!this.canModifyPeerConnection()) {
-            return new Promise((resolve) => {
+            return new Promise(resolve => {
                 this.pending.push(() => this.handleOffer(message).then(resolve));
             });
         }
@@ -931,7 +931,7 @@ class Session {
             .then(() => {
                 return this.pc.createAnswer();
             })
-            .then((answer) => {
+            .then(answer => {
                 answerToSignal = answer;
                 return this.pc.setLocalDescription(answer);
             })
@@ -959,7 +959,7 @@ class Session {
             () => {
                 return setVideoBandwidthUsingSetParameters(this.pc, this.bandwidth);
             },
-            (e) => {
+            e => {
                 logger$3.warn("Could not set remote description from remote answer: ", e);
             }
         );
@@ -980,7 +980,7 @@ class Session {
                 // filter due to https://github.com/webrtcHacks/adapter/issues/863
                 return;
             }
-            this.pc.addIceCandidate(candidate).catch((e) => {
+            this.pc.addIceCandidate(candidate).catch(e => {
                 logger$3.warn("Failed to add ICE candidate ('%s'): %s", candidate ? candidate.candidate : null, e);
             });
         });
@@ -1018,11 +1018,11 @@ class Session {
         if (!pc) return false;
         const senders = pc.getSenders();
         function dbg(msg) {
-            const tr = (t) => t && `id:${t.id},kind:${t.kind},state:${t.readyState}`;
+            const tr = t => t && `id:${t.id},kind:${t.kind},state:${t.readyState}`;
             logger$3.warn(
                 `${msg}. newTrack:${tr(newTrack)}, oldTrack:${tr(oldTrack)}, sender tracks: ${JSON.stringify(
-                    senders.map((s) => `s ${tr(s.track)}`)
-                )}, sender first codecs: ${JSON.stringify(senders.map((s) => (s.getParameters().codecs || [])[0]))}`
+                    senders.map(s => `s ${tr(s.track)}`)
+                )}, sender first codecs: ${JSON.stringify(senders.map(s => (s.getParameters().codecs || [])[0]))}`
             );
         }
         if (!senders.length) {
@@ -1030,7 +1030,7 @@ class Session {
         }
         // If we didn't specify oldTrack, replace with first of its kind
         if (!oldTrack) {
-            oldTrack = (senders.find((s) => s.track && s.track.kind === newTrack.kind) || {}).track;
+            oldTrack = (senders.find(s => s.track && s.track.kind === newTrack.kind) || {}).track;
             if (!oldTrack) {
                 // odin: Temporary debug data, remove if you see after 2020-12-01
                 dbg("No sender with same kind! Add new track then.");
@@ -1087,7 +1087,7 @@ class Session {
                 // we already know that the track has been added at least to the mediastream
                 return result;
             }
-            const stream = this.streams.find((s) => s.getTracks().find((t) => t.id === newTrack.id)) || this.streams[0];
+            const stream = this.streams.find(s => s.getTracks().find(t => t.id === newTrack.id)) || this.streams[0];
             if (!stream) {
                 dbg("No stream?");
                 return Promise.reject(new Error("replaceTrack: No stream?"));
@@ -1116,7 +1116,7 @@ class Session {
         if (pc.localDescription.type === "offer") {
             return pc
                 .createOffer()
-                .then((offer) => {
+                .then(offer => {
                     offer.sdp = replaceSSRCs(pc.localDescription.sdp, offer.sdp);
                     return pc.setLocalDescription(offer);
                 })
@@ -1128,7 +1128,7 @@ class Session {
                 .then(() => {
                     return pc.createAnswer();
                 })
-                .then((answer) => {
+                .then(answer => {
                     answer.sdp = replaceSSRCs(pc.localDescription.sdp, answer.sdp);
                     return pc.setLocalDescription(answer);
                 });
@@ -1143,7 +1143,7 @@ class Session {
         if (!this.pc.getStats) {
             return;
         }
-        isRelayed(this.pc).then((isRelayed) => {
+        isRelayed(this.pc).then(isRelayed => {
             if (isRelayed && this.bandwidth === 0) {
                 this.changeBandwidth(this.maximumTurnBandwidth);
             }
@@ -4239,7 +4239,7 @@ const CAMERA_STREAM_ID = "0";
 
 const logger$2 = console;
 
-const browserName$2 = adapter.browserDetails.browser;
+const browserName$1 = adapter.browserDetails.browser;
 const browserVersion = adapter.browserDetails.version;
 
 class BaseRtcManager {
@@ -4279,7 +4279,7 @@ class BaseRtcManager {
     }
 
     numberOfRemotePeers() {
-        return Object.values(this.peerConnections).filter((session) => session.clientId !== this._selfId).length;
+        return Object.values(this.peerConnections).filter(session => session.clientId !== this._selfId).length;
     }
 
     _setConnectionStatus(session, newStatus, clientId) {
@@ -4353,7 +4353,7 @@ class BaseRtcManager {
             // Some macs + ios devices have troubles using h264 encoder since safari 14
             // this will make them encode VP8 instead if available
             const deprioritizeH264Encoding =
-                browserName$2 === "safari" && browserVersion >= 14 && this._features.deprioritizeH264OnSafari;
+                browserName$1 === "safari" && browserVersion >= 14 && this._features.deprioritizeH264OnSafari;
 
             this.peerConnections[peerConnectionId] = session = new Session({
                 peerConnectionId,
@@ -4372,7 +4372,7 @@ class BaseRtcManager {
     }
 
     _getNonLocalCameraStreamIds() {
-        return Object.keys(this.localStreams).filter((streamId) => streamId !== CAMERA_STREAM_ID);
+        return Object.keys(this.localStreams).filter(streamId => streamId !== CAMERA_STREAM_ID);
     }
 
     _isScreensharingLocally() {
@@ -4401,7 +4401,7 @@ class BaseRtcManager {
         }
         const session = this._getOrCreateSession(peerConnectionId, initialBandwidth);
         const constraints = { optional: [] };
-        if (browserName$2 === "chrome") {
+        if (browserName$1 === "chrome") {
             constraints.optional.push({
                 googCpuOveruseDetection: true,
             });
@@ -4414,13 +4414,13 @@ class BaseRtcManager {
             const host = this._features.turnServerOverrideHost;
             const port = host.indexOf(":") > 0 ? "" : ":443";
             const override = ":" + host + port;
-            peerConnectionConfig.iceServers = peerConnectionConfig.iceServers.map((original) => {
+            peerConnectionConfig.iceServers = peerConnectionConfig.iceServers.map(original => {
                 const entry = Object.assign({}, original);
                 if (entry.url) {
                     entry.url = entry.url.replace(/:[^?]*/, override);
                 }
                 if (entry.urls) {
-                    entry.urls = entry.urls.map((url) => url.replace(/:[^?]*/, override));
+                    entry.urls = entry.urls.map(url => url.replace(/:[^?]*/, override));
                 }
                 return entry;
             });
@@ -4434,12 +4434,12 @@ class BaseRtcManager {
             }[this._features.useOnlyTURN];
             if (filter) {
                 peerConnectionConfig.iceServers = peerConnectionConfig.iceServers.filter(
-                    (entry) => entry.url && entry.url.match(filter)
+                    entry => entry.url && entry.url.match(filter)
                 );
             }
         }
 
-        if (browserName$2 === "chrome") {
+        if (browserName$1 === "chrome") {
             peerConnectionConfig.sdpSemantics = "unified-plan";
         }
 
@@ -4450,7 +4450,7 @@ class BaseRtcManager {
             clientId,
         });
 
-        pc.ontrack = (event) => {
+        pc.ontrack = event => {
             const stream = event.streams[0];
             if (stream.id === "default" && stream.getAudioTracks().length === 0) {
                 // due to our PlanB / UnifiedPlan conversion we can run into this:
@@ -4492,7 +4492,7 @@ class BaseRtcManager {
                 case "completed":
                     newStatus = TYPES.CONNECTION_SUCCESSFUL;
                     if (!session.wasEverConnected) {
-                        this._pendingActionsForConnectedPeerConnections.forEach((action) => {
+                        this._pendingActionsForConnectedPeerConnections.forEach(action => {
                             if (typeof action === "function") {
                                 action();
                             }
@@ -4504,7 +4504,7 @@ class BaseRtcManager {
                     if (
                         !session.wasEverConnected &&
                         (pc.iceConnectionState.match(/connected|completed/) ||
-                            (browserName$2 === "chrome" && pc.localDescription && pc.localDescription.type === "answer"))
+                            (browserName$1 === "chrome" && pc.localDescription && pc.localDescription.type === "answer"))
                     ) {
                         session.wasEverConnected = true;
                         if (this._features.bandwidth !== "false") {
@@ -4575,7 +4575,7 @@ class BaseRtcManager {
         // Don't add existing screenshare-streams when using SFU as those will be
         // added in a separate session/peerConnection
         if (shouldAddLocalVideo) {
-            Object.keys(this.localStreams).forEach((id) => {
+            Object.keys(this.localStreams).forEach(id => {
                 if (id === CAMERA_STREAM_ID) {
                     return;
                 }
@@ -4612,27 +4612,27 @@ class BaseRtcManager {
     }
 
     _forEachPeerConnection(func) {
-        Object.keys(this.peerConnections).forEach((peerConnectionId) => {
+        Object.keys(this.peerConnections).forEach(peerConnectionId => {
             const peerConnection = this.peerConnections[peerConnectionId];
             func(peerConnection);
         });
     }
 
     _addStreamToPeerConnections(stream) {
-        this._forEachPeerConnection((session) => {
+        this._forEachPeerConnection(session => {
             this._withForcedRenegotiation(session, () => session.addStream(stream));
         });
     }
 
     _addTrackToPeerConnections(track, stream) {
-        this._forEachPeerConnection((session) => {
+        this._forEachPeerConnection(session => {
             this._withForcedRenegotiation(session, () => session.addTrack(track, stream));
         });
     }
 
     _replaceTrackToPeerConnections(oldTrack, newTrack) {
         const promises = [];
-        this._forEachPeerConnection((session) => {
+        this._forEachPeerConnection(session => {
             if (!session.hasConnectedPeerConnection()) {
                 logger$2.log("Session doesn't have a connected PeerConnection, adding pending action!");
                 const pendingActions = this._pendingActionsForConnectedPeerConnections;
@@ -4650,7 +4650,7 @@ class BaseRtcManager {
                             reject(`ReplaceTrack returned false`);
                             return;
                         }
-                        replacedTrackPromise.then((track) => resolve(track)).catch((error) => reject(error));
+                        replacedTrackPromise.then(track => resolve(track)).catch(error => reject(error));
                     };
                     pendingActions.push(action);
                 });
@@ -4668,13 +4668,13 @@ class BaseRtcManager {
     }
 
     _removeStreamFromPeerConnections(stream) {
-        this._forEachPeerConnection((session) => {
+        this._forEachPeerConnection(session => {
             this._withForcedRenegotiation(session, () => session.removeStream(stream));
         });
     }
 
     _removeTrackFromPeerConnections(track) {
-        this._forEachPeerConnection((session) => {
+        this._forEachPeerConnection(session => {
             this._withForcedRenegotiation(session, () => session.removeTrack(track));
         });
     }
@@ -4727,11 +4727,11 @@ class BaseRtcManager {
     }
 
     disconnectAll() {
-        Object.keys(this.peerConnections).forEach((peerConnectionId) => {
+        Object.keys(this.peerConnections).forEach(peerConnectionId => {
             this.disconnect(peerConnectionId);
         });
         this.peerConnections = {};
-        this._socketListenerDeregisterFunctions.forEach((func) => {
+        this._socketListenerDeregisterFunctions.forEach(func => {
             func();
         });
         this._socketListenerDeregisterFunctions = [];
@@ -4748,7 +4748,7 @@ class BaseRtcManager {
      * used in getUserMedia.
      */
     fixChromeAudio(constraints) {
-        if (browserName$2 !== "chrome") {
+        if (browserName$1 !== "chrome") {
             return;
         }
         const localStream = this._getLocalCameraStream();
@@ -4756,7 +4756,7 @@ class BaseRtcManager {
         if (!audioTrack || audioTrack.readyState !== "ended") {
             return;
         }
-        return navigator.mediaDevices.getUserMedia({ audio: constraints }).then((stream) => {
+        return navigator.mediaDevices.getUserMedia({ audio: constraints }).then(stream => {
             const track = stream.getAudioTracks()[0];
             track.enabled = audioTrack.enabled; // retain mute state and don't accidentally unmute.
             localStream.removeTrack(audioTrack); // remove the old track.
@@ -4790,7 +4790,7 @@ class BaseRtcManager {
         this._socketListenerDeregisterFunctions = [
             () => this._clearMediaServersRefresh(),
 
-            this._serverSocket.on(PROTOCOL_RESPONSES.MEDIASERVER_CONFIG, (data) => {
+            this._serverSocket.on(PROTOCOL_RESPONSES.MEDIASERVER_CONFIG, data => {
                 if (data.error) {
                     logger$2.warn("FETCH_MEDIASERVER_CONFIG failed:", data.error);
                     return;
@@ -4798,11 +4798,11 @@ class BaseRtcManager {
                 this._updateAndScheduleMediaServersRefresh(data);
             }),
 
-            this._serverSocket.on(RELAY_MESSAGES.READY_TO_RECEIVE_OFFER, (data) => {
+            this._serverSocket.on(RELAY_MESSAGES.READY_TO_RECEIVE_OFFER, data => {
                 this._connect(data.clientId);
             }),
 
-            this._serverSocket.on(RELAY_MESSAGES.ICE_CANDIDATE, (data) => {
+            this._serverSocket.on(RELAY_MESSAGES.ICE_CANDIDATE, data => {
                 const session = this._getSession(data.clientId);
                 if (!session) {
                     logger$2.warn("No RTCPeerConnection on ICE_CANDIDATE", data);
@@ -4811,7 +4811,7 @@ class BaseRtcManager {
                 session.addIceCandidate(data.message);
             }),
 
-            this._serverSocket.on(RELAY_MESSAGES.ICE_END_OF_CANDIDATES, (data) => {
+            this._serverSocket.on(RELAY_MESSAGES.ICE_END_OF_CANDIDATES, data => {
                 const session = this._getSession(data.clientId);
                 if (!session) {
                     logger$2.warn("No RTCPeerConnection on ICE_END_OF_CANDIDATES", data);
@@ -4821,14 +4821,14 @@ class BaseRtcManager {
             }),
 
             // when a new SDP offer is received from another client
-            this._serverSocket.on(RELAY_MESSAGES.SDP_OFFER, (data) => {
+            this._serverSocket.on(RELAY_MESSAGES.SDP_OFFER, data => {
                 const session = this._getSession(data.clientId);
                 if (!session) {
                     logger$2.warn("No RTCPeerConnection on SDP_OFFER", data);
                     return;
                 }
                 const offer = this._transformIncomingSdp(data.message, session.pc);
-                session.handleOffer(offer).then((answer) => {
+                session.handleOffer(offer).then(answer => {
                     this._emitServerEvent(RELAY_MESSAGES.SDP_ANSWER, {
                         receiverId: data.clientId,
                         message: this._transformOutgoingSdp(answer),
@@ -4837,7 +4837,7 @@ class BaseRtcManager {
             }),
 
             // when a new SDP answer is received from another client
-            this._serverSocket.on(RELAY_MESSAGES.SDP_ANSWER, (data) => {
+            this._serverSocket.on(RELAY_MESSAGES.SDP_ANSWER, data => {
                 const session = this._getSession(data.clientId);
                 if (!session) {
                     logger$2.warn("No RTCPeerConnection on SDP_ANSWER", data);
@@ -4855,7 +4855,7 @@ class BaseRtcManager {
 }
 
 const logger$1 = console;
-const browserName$1 = adapter.browserDetails.browser;
+const browserName = adapter.browserDetails.browser;
 class P2pRtcManager extends BaseRtcManager {
     _connect(clientId) {
         const shouldAddLocalVideo = true;
@@ -4907,7 +4907,7 @@ class P2pRtcManager extends BaseRtcManager {
         session.isOperationPending = true;
 
         pc.createOffer(constraints || this.offerOptions)
-            .then((offer) => {
+            .then(offer => {
                 this._emitServerEvent(RELAY_MESSAGES.SDP_OFFER, {
                     receiverId: clientId,
                     message: this._transformOutgoingSdp(offer),
@@ -4916,17 +4916,17 @@ class P2pRtcManager extends BaseRtcManager {
                 // workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1394602
                 // make Chrome send media later when there are two (more more?) video tracks.
                 if (
-                    browserName$1 === "chrome" &&
-                    pc.getSenders().filter((sender) => sender.track && sender.track.kind === "video").length >= 2
+                    browserName === "chrome" &&
+                    pc.getSenders().filter(sender => sender.track && sender.track.kind === "video").length >= 2
                 ) {
                     session.pendingOffer = offer;
                     return;
                 }
-                pc.setLocalDescription(offer).catch((e) => {
+                pc.setLocalDescription(offer).catch(e => {
                     logger$1.warn("RTCPeerConnection.setLocalDescription() failed with local offer", e);
                 });
             })
-            .catch((e) => {
+            .catch(e => {
                 logger$1.warn("RTCPeerConnection.createOffer() failed to create local offer", e);
             });
     }
@@ -4976,7 +4976,7 @@ class P2pRtcManager extends BaseRtcManager {
             return 0;
         }
 
-        this._forEachPeerConnection((session) => {
+        this._forEachPeerConnection(session => {
             session.changeBandwidth(bandwidth);
         });
 
@@ -5007,7 +5007,7 @@ class P2pRtcManager extends BaseRtcManager {
             pc.addTrack(this._stoppedVideoTrack, localCameraStream);
         }
 
-        pc.onicecandidate = (event) => {
+        pc.onicecandidate = event => {
             if (event.candidate) {
                 session.relayCandidateSeen = session.relayCandidateSeen || event.candidate.type === "relay";
                 this._emitServerEvent(RELAY_MESSAGES.ICE_CANDIDATE, {
@@ -5064,7 +5064,7 @@ class P2pRtcManager extends BaseRtcManager {
         const numPeers = this.numberOfPeerconnections();
         if (numPeers === 0) {
             setTimeout(() => {
-                this.numberOfPeerconnections();
+                //const numPeers = this.numberOfPeerconnections();
             }, 60 * 1000);
         }
     }
@@ -5078,13 +5078,13 @@ class P2pRtcManager extends BaseRtcManager {
 
     stopOrResumeVideo(localStream, enable) {
         // actually turn off the camera. Chrome-only (Firefox has different plans)
-        if (browserName$1 !== "chrome") {
+        if (browserName !== "chrome") {
             return;
         }
         if (enable === false) {
             // try to stop the local camera so the camera light goes off.
             setTimeout(() => {
-                localStream.getVideoTracks().forEach((track) => {
+                localStream.getVideoTracks().forEach(track => {
                     if (track.enabled === false) {
                         track.stop();
                         localStream.removeTrack(track);
@@ -5123,7 +5123,7 @@ class P2pRtcManager extends BaseRtcManager {
                         // device has been plugged out or similar
                         return;
                     }
-                    navigator.mediaDevices.getUserMedia({ video: constraints }).then((stream) => {
+                    navigator.mediaDevices.getUserMedia({ video: constraints }).then(stream => {
                         const track = stream.getVideoTracks()[0];
                         localStream.addTrack(track);
                         this._emit(EVENTS.LOCAL_STREAM_TRACK_ADDED, {
@@ -5309,7 +5309,7 @@ class VegaConnection extends EventEmitter {
         this.socket.onerror = null;
         this.socket = null;
 
-        this.sents.forEach((sent) => sent.close());
+        this.sents.forEach(sent => sent.close());
 
         this.emit("close");
     }
@@ -5383,13 +5383,13 @@ class VegaConnection extends EventEmitter {
             const sent = {
                 id: request.id,
                 method: request.method,
-                resolve: (data2) => {
+                resolve: data2 => {
                     if (!this.sents.delete(request.id)) return;
 
                     clearTimeout(sent.timer);
                     pResolve(data2);
                 },
-                reject: (error) => {
+                reject: error => {
                     if (!this.sents.delete(request.id)) return;
 
                     clearTimeout(sent.timer);
@@ -5487,30 +5487,30 @@ const modifyMediaCapabilities = (routerRtpCapabilities, features) => {
 
     if (vp9On) {
         const { preferredPayloadType } = routerRtpCapabilities.codecs.find(
-            (codec) => codec.mimeType.toLowerCase() === "video/vp9"
+            codec => codec.mimeType.toLowerCase() === "video/vp9"
         );
 
         const { preferredPayloadType: aptPreferredPayloadType } = routerRtpCapabilities.codecs.find(
-            (codec) => codec.mimeType.toLowerCase() === "video/rtx" && codec.parameters.apt === preferredPayloadType
+            codec => codec.mimeType.toLowerCase() === "video/rtx" && codec.parameters.apt === preferredPayloadType
         );
 
         routerRtpCapabilities.codecs = routerRtpCapabilities.codecs.filter(
-            (codec) =>
+            codec =>
                 codec.kind === "audio" ||
                 codec.preferredPayloadType === preferredPayloadType ||
                 codec.preferredPayloadType === aptPreferredPayloadType
         );
     } else if (h264On) {
         const { preferredPayloadType } = routerRtpCapabilities.codecs.find(
-            (codec) => codec.mimeType.toLowerCase() === "video/h264"
+            codec => codec.mimeType.toLowerCase() === "video/h264"
         );
 
         const { preferredPayloadType: aptPreferredPayloadType } = routerRtpCapabilities.codecs.find(
-            (codec) => codec.mimeType.toLowerCase() === "video/rtx" && codec.parameters.apt === preferredPayloadType
+            codec => codec.mimeType.toLowerCase() === "video/rtx" && codec.parameters.apt === preferredPayloadType
         );
 
         routerRtpCapabilities.codecs = routerRtpCapabilities.codecs.filter(
-            (codec) =>
+            codec =>
                 codec.kind === "audio" ||
                 codec.preferredPayloadType === preferredPayloadType ||
                 codec.preferredPayloadType === aptPreferredPayloadType
@@ -5544,7 +5544,7 @@ const maybeTurnOnly = (transportConfig, features) => {
     }[features.useOnlyTURN];
 
     if (filter) {
-        transportConfig.iceServers = transportConfig.iceServers.filter((entry) => entry.url && entry.url.match(filter));
+        transportConfig.iceServers = transportConfig.iceServers.filter(entry => entry.url && entry.url.match(filter));
     }
 };
 
@@ -5648,7 +5648,7 @@ class VegaRtcManager {
         this._socketListenerDeregisterFunctions.push(
             () => this._clearMediaServersRefresh(),
 
-            this._serverSocket.on(PROTOCOL_RESPONSES.MEDIASERVER_CONFIG, (data) => {
+            this._serverSocket.on(PROTOCOL_RESPONSES.MEDIASERVER_CONFIG, data => {
                 if (data.error) {
                     logger.warn("FETCH_MEDIASERVER_CONFIG failed:", data.error);
                     return;
@@ -5685,7 +5685,7 @@ class VegaRtcManager {
         this._vegaConnection = new VegaConnection(wsUrl, logger);
         this._vegaConnection.on("open", () => this._join());
         this._vegaConnection.on("close", () => this._onClose());
-        this._vegaConnection.on("message", (message) => this._onMessage(message));
+        this._vegaConnection.on("message", message => this._onMessage(message));
     }
 
     _onClose() {
@@ -5766,7 +5766,7 @@ class VegaRtcManager {
         maybeTurnOnly(transportOptions, this._features);
 
         const transport = this._mediasoupDevice[creator](transportOptions);
-        const onConnectionStateListener = async (connectionState) => {
+        const onConnectionStateListener = async connectionState => {
             logger.debug(`Transport ConnectionStateChanged ${connectionState}`);
             if (connectionState !== "disconnected" && connectionState !== "failed") {
                 return;
@@ -5878,7 +5878,7 @@ class VegaRtcManager {
         const error = await transport
             .restartIce({ iceParameters })
             .then(() => null)
-            .catch((err) => err);
+            .catch(err => err);
 
         if (error) {
             logger.error(`_restartIce: ICE restart failed: ${error}`);
@@ -5889,7 +5889,7 @@ class VegaRtcManager {
                     break;
                 default:
                     // exponential backoff
-                    await new Promise((resolve) => {
+                    await new Promise(resolve => {
                         setTimeout(() => {
                             resolve();
                         }, Math.min(RESTARTICE_ERROR_RETRY_THRESHOLD_IN_MS * 2 ** retried, 60000));
@@ -5899,7 +5899,7 @@ class VegaRtcManager {
             }
             return;
         }
-        await new Promise((resolve) => {
+        await new Promise(resolve => {
             setTimeout(() => {
                 resolve();
             }, 60000 * Math.min(8, retried + 1));
@@ -6473,54 +6473,6 @@ class VegaRtcManager {
         this._webcamPaused = !enable;
 
         this._pauseResumeWebcam();
-
-        if (browserName === "chrome") {
-            // actually turn off the camera. Chrome-only (Firefox etc. has different plans)
-
-            if (!enable) {
-                clearTimeout(this._stopCameraTimeout);
-
-                // try to stop the local camera so the camera light goes off.
-                this._stopCameraTimeout = setTimeout(() => {
-                    localStream.getVideoTracks().forEach((track) => {
-                        if (track.enabled === false) {
-                            track.stop();
-                            localStream.removeTrack(track);
-
-                            this._emitToPWA(EVENTS.LOCAL_STREAM_TRACK_REMOVED, {
-                                stream: localStream,
-                                track,
-                            });
-
-                            if (
-                                this._webcamProducer &&
-                                !this._webcamProducer.closed &&
-                                this._webcamProducer.track === track
-                            ) {
-                                this._stopProducer(this._webcamProducer);
-                                this._webcamProducer = null;
-                                this._webcamTrack = null;
-                            }
-                        }
-                    });
-                }, 5000);
-            } else if (localStream.getVideoTracks().length === 0) {
-                // re-enable the stream
-                const constraints = this._webrtcProvider.getMediaConstraints().video;
-                navigator.mediaDevices.getUserMedia({ video: constraints }).then((stream) => {
-                    const track = stream.getVideoTracks()[0];
-                    localStream.addTrack(track);
-
-                    this._emitToPWA(EVENTS.LOCAL_STREAM_TRACK_ADDED, {
-                        streamId: localStream.id,
-                        tracks: [track],
-                        screenShare: false,
-                    });
-
-                    this._sendWebcam(track);
-                });
-            }
-        }
     }
 
     supportsScreenShareAudio() {
@@ -6587,7 +6539,7 @@ class VegaRtcManager {
     }
 
     disconnectAll() {
-        this._socketListenerDeregisterFunctions.forEach((func) => {
+        this._socketListenerDeregisterFunctions.forEach(func => {
             func();
         });
 
@@ -6630,7 +6582,7 @@ class VegaRtcManager {
                         return;
                 }
             })
-            .catch((error) => {
+            .catch(error => {
                 console.error('"message" failed [error:%o]', error);
             });
     }
@@ -6765,7 +6717,7 @@ class VegaRtcManager {
         const toPauseConsumers = [];
         const toResumeConsumers = [];
 
-        this._consumers.forEach((consumer) => {
+        this._consumers.forEach(consumer => {
             if (consumer.appData.sourceClientId !== clientId) return;
 
             const hasAccepted = consumer.appData.screenShare ? hasAcceptedScreenStream : hasAcceptedWebcamStream;
@@ -6803,6 +6755,7 @@ class VegaRtcManager {
                 clientId,
                 stream: webcamStream,
                 streamId: camStreamId,
+                streamType: "webcam",
             });
 
             clientState.hasEmittedWebcamStream = true;
@@ -6814,6 +6767,7 @@ class VegaRtcManager {
                 clientId,
                 stream: screenStream,
                 streamId: screenShareStreamId,
+                streamType: "screenshare",
             });
 
             clientState.hasEmittedScreenStream = true;
@@ -8316,6 +8270,15 @@ class RemoteParticipant extends RoomParticipant {
         this.newJoiner = newJoiner;
         this.streams = streams.map((streamId) => ({ id: streamId, state: newJoiner ? "new_accept" : "to_accept" }));
     }
+    addStream(streamId, state) {
+        this.streams.push({ id: streamId, state });
+    }
+    removeStream(streamId) {
+        const index = this.streams.findIndex((s) => s.id === streamId);
+        if (index !== -1) {
+            this.streams.splice(index, 1);
+        }
+    }
     updateStreamState(streamId, state) {
         const stream = this.streams.find((s) => s.id === streamId);
         if (stream) {
@@ -8357,6 +8320,7 @@ class RoomConnection extends TypedEventTarget {
         super();
         this.localParticipant = null;
         this.remoteParticipants = [];
+        this.screenshares = [];
         this._deviceCredentials = null;
         this._ownsLocalMedia = false;
         this.organizationId = "";
@@ -8418,6 +8382,8 @@ class RoomConnection extends TypedEventTarget {
         this.signalSocket.on("room_joined", this._handleRoomJoined.bind(this));
         this.signalSocket.on("room_knocked", this._handleRoomKnocked.bind(this));
         this.signalSocket.on("cloud_recording_stopped", this._handleCloudRecordingStopped.bind(this));
+        this.signalSocket.on("screenshare_started", this._handleScreenshareStarted.bind(this));
+        this.signalSocket.on("screenshare_stopped", this._handleScreenshareStopped.bind(this));
         this.signalSocket.on("streaming_stopped", this._handleStreamingStopped.bind(this));
         this.signalSocket.on("disconnect", this._handleDisconnect.bind(this));
         this.signalSocket.on("connect_error", this._handleDisconnect.bind(this));
@@ -8635,6 +8601,33 @@ class RoomConnection extends TypedEventTarget {
     _handleStreamingStopped() {
         this.dispatchEvent(new CustomEvent("streaming_stopped"));
     }
+    _handleScreenshareStarted(screenshare) {
+        const { clientId: participantId, streamId: id, hasAudioTrack } = screenshare;
+        const remoteParticipant = this.remoteParticipants.find((p) => p.id === participantId);
+        if (!remoteParticipant) {
+            this.logger.log("WARN: Could not find participant for screenshare");
+            return;
+        }
+        const foundScreenshare = this.screenshares.find((s) => s.id === id);
+        if (foundScreenshare) {
+            this.logger.log("WARN: Screenshare already exists");
+            return;
+        }
+        remoteParticipant.addStream(id, "to_accept");
+        this._handleAcceptStreams([remoteParticipant]);
+        this.screenshares = [...this.screenshares, { participantId, id, hasAudioTrack, stream: undefined }];
+    }
+    _handleScreenshareStopped(screenshare) {
+        const { clientId: participantId, streamId: id } = screenshare;
+        const remoteParticipant = this.remoteParticipants.find((p) => p.id === participantId);
+        if (!remoteParticipant) {
+            this.logger.log("WARN: Could not find participant for screenshare");
+            return;
+        }
+        remoteParticipant.removeStream(id);
+        this.screenshares = this.screenshares.filter((s) => !(s.participantId === participantId && s.id === id));
+        this.dispatchEvent(new CustomEvent("screenshare_stopped", { detail: { participantId, id } }));
+    }
     _handleRtcEvent(eventName, data) {
         if (eventName === "rtc_manager_created") {
             return this._handleRtcManagerCreated(data);
@@ -8711,13 +8704,24 @@ class RoomConnection extends TypedEventTarget {
             });
         });
     }
-    _handleStreamAdded({ clientId, stream, streamId }) {
+    _handleStreamAdded({ clientId, stream, streamId, streamType }) {
         const remoteParticipant = this.remoteParticipants.find((p) => p.id === clientId);
         if (!remoteParticipant) {
             this.logger.log("WARN: Could not find participant for incoming stream");
             return;
         }
-        this.dispatchEvent(new CustomEvent("participant_stream_added", { detail: { participantId: clientId, stream, streamId } }));
+        const remoteParticipantStream = remoteParticipant.streams.find((s) => s.id === streamId);
+        if ((remoteParticipant.stream && remoteParticipant.stream.id === streamId) ||
+            (!remoteParticipant.stream && streamType === "webcam") ||
+            (!remoteParticipant.stream &&
+                !streamType &&
+                remoteParticipantStream &&
+                remoteParticipant.streams.indexOf(remoteParticipantStream) < 1)) {
+            this.dispatchEvent(new CustomEvent("participant_stream_added", { detail: { participantId: clientId, stream, streamId } }));
+            return;
+        }
+        // screenshare
+        this.dispatchEvent(new CustomEvent("screenshare_started", { detail: { participantId: clientId, stream, id: streamId } }));
     }
     _joinRoom() {
         this.signalSocket.emit("join_room", {
@@ -8843,6 +8847,7 @@ const initialState = {
     mostRecentChatMessage: null,
     remoteParticipants: [],
     roomConnectionStatus: "",
+    screenshares: [],
     streaming: {
         status: "",
         startedAt: null,
@@ -8861,6 +8866,13 @@ function updateParticipant(remoteParticipants, participantId, updates) {
         ...remoteParticipants.slice(index + 1),
     ];
 }
+function addScreenshare(screenshares, screenshare) {
+    const existingScreenshare = screenshares.find((ss) => ss.id === screenshare.id);
+    if (existingScreenshare) {
+        return screenshares;
+    }
+    return [...screenshares, screenshare];
+}
 function reducer(state, action) {
     switch (action.type) {
         case "CHAT_MESSAGE":
@@ -8903,6 +8915,15 @@ function reducer(state, action) {
             if (!state.localParticipant)
                 return state;
             return Object.assign(Object.assign({}, state), { localParticipant: Object.assign(Object.assign({}, state.localParticipant), { displayName: action.payload.displayName }) });
+        case "SCREENSHARE_STARTED":
+            return Object.assign(Object.assign({}, state), { screenshares: addScreenshare(state.screenshares, {
+                    participantId: action.payload.participantId,
+                    id: action.payload.id,
+                    hasAudioTrack: action.payload.hasAudioTrack,
+                    stream: action.payload.stream,
+                }) });
+        case "SCREENSHARE_STOPPED":
+            return Object.assign(Object.assign({}, state), { screenshares: state.screenshares.filter((ss) => ss.participantId !== action.payload.participantId || ss.id !== action.payload.id) });
         case "STREAMING_STARTED":
             return Object.assign(Object.assign({}, state), { streaming: {
                     status: action.payload.status,
@@ -8974,6 +8995,14 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
             const { participantId, displayName } = e.detail;
             dispatch({ type: "PARTICIPANT_METADATA_CHANGED", payload: { participantId, displayName } });
         });
+        roomConnection.addEventListener("screenshare_started", (e) => {
+            const { participantId, id, hasAudioTrack, stream } = e.detail;
+            dispatch({ type: "SCREENSHARE_STARTED", payload: { participantId, id, hasAudioTrack, stream } });
+        });
+        roomConnection.addEventListener("screenshare_stopped", (e) => {
+            const { participantId, id } = e.detail;
+            dispatch({ type: "SCREENSHARE_STOPPED", payload: { participantId, id } });
+        });
         roomConnection.addEventListener("streaming_started", (e) => {
             const { status, startedAt } = e.detail;
             dispatch({ type: "STREAMING_STARTED", payload: { status, startedAt } });
@@ -9027,6 +9056,6 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
     };
 }
 
-const sdkVersion = "2.0.0-alpha15";
+const sdkVersion = "2.0.0-alpha17";
 
 export { VideoView, sdkVersion, useLocalMedia, useRoomConnection };