@whereby.com/browser-sdk 2.0.0-alpha21 → 2.0.0-alpha23

package/dist/lib.cjs

@@ -136,7 +136,7 @@ heresy.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-alpha21", 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-alpha23", 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") {
@@ -5326,6 +5326,25 @@ function createSocket() {
     };
     return new ServerSocket(SOCKET_HOST, socketConf);
 }
+function handleStreamAdded(remoteParticipants, { clientId, stream, streamId, streamType }) {
+    if (!streamId) {
+        streamId = stream.id;
+    }
+    const remoteParticipant = remoteParticipants.find((p) => p.id === clientId);
+    if (!remoteParticipant) {
+        return;
+    }
+    const remoteParticipantStream = remoteParticipant.streams.find((s) => s.id === streamId) || remoteParticipant.streams[0];
+    if ((remoteParticipant.stream && remoteParticipant.stream.id === streamId) ||
+        (!remoteParticipant.stream && streamType === "webcam") ||
+        (!remoteParticipant.stream && !streamType && remoteParticipant.streams.indexOf(remoteParticipantStream) < 1)) {
+        return new CustomEvent("participant_stream_added", { detail: { participantId: clientId, stream, streamId } });
+    }
+    // screenshare
+    return new CustomEvent("screenshare_started", {
+        detail: { participantId: clientId, stream, id: streamId, isLocal: false },
+    });
+}
 const noop = () => {
     return;
 };
@@ -5722,26 +5741,11 @@ class RoomConnection extends TypedEventTarget {
             });
         });
     }
-    _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;
-        }
-        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;
+    _handleStreamAdded(args) {
+        const streamAddedEvent = handleStreamAdded(this.remoteParticipants, args);
+        if (streamAddedEvent) {
+            this.dispatchEvent(streamAddedEvent);
         }
-        // screenshare
-        this.dispatchEvent(new CustomEvent("screenshare_started", {
-            detail: { participantId: clientId, stream, id: streamId, isLocal: false },
-        }));
     }
     _joinRoom() {
         this.signalSocket.emit("join_room", {
@@ -6115,6 +6119,13 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
                 payload: { participantId, displayName },
             });
         }),
+        createEventListener("waiting_participant_left", (e) => {
+            const { participantId } = e.detail;
+            dispatch({
+                type: "WAITING_PARTICIPANT_LEFT",
+                payload: { participantId },
+            });
+        }),
     ], []);
     React.useEffect(() => {
         eventListeners.forEach(({ eventName, listener }) => {
@@ -6181,7 +6192,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
     };
 }
 
-const sdkVersion = "2.0.0-alpha21";
+const sdkVersion = "2.0.0-alpha23";
 
 exports.VideoView = VideoView;
 exports.sdkVersion = sdkVersion;

package/dist/lib.esm.js

@@ -121,7 +121,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-alpha21", 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-alpha23", 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") {
@@ -5311,6 +5311,25 @@ function createSocket() {
     };
     return new ServerSocket(SOCKET_HOST, socketConf);
 }
+function handleStreamAdded(remoteParticipants, { clientId, stream, streamId, streamType }) {
+    if (!streamId) {
+        streamId = stream.id;
+    }
+    const remoteParticipant = remoteParticipants.find((p) => p.id === clientId);
+    if (!remoteParticipant) {
+        return;
+    }
+    const remoteParticipantStream = remoteParticipant.streams.find((s) => s.id === streamId) || remoteParticipant.streams[0];
+    if ((remoteParticipant.stream && remoteParticipant.stream.id === streamId) ||
+        (!remoteParticipant.stream && streamType === "webcam") ||
+        (!remoteParticipant.stream && !streamType && remoteParticipant.streams.indexOf(remoteParticipantStream) < 1)) {
+        return new CustomEvent("participant_stream_added", { detail: { participantId: clientId, stream, streamId } });
+    }
+    // screenshare
+    return new CustomEvent("screenshare_started", {
+        detail: { participantId: clientId, stream, id: streamId, isLocal: false },
+    });
+}
 const noop = () => {
     return;
 };
@@ -5707,26 +5726,11 @@ class RoomConnection extends TypedEventTarget {
             });
         });
     }
-    _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;
-        }
-        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;
+    _handleStreamAdded(args) {
+        const streamAddedEvent = handleStreamAdded(this.remoteParticipants, args);
+        if (streamAddedEvent) {
+            this.dispatchEvent(streamAddedEvent);
         }
-        // screenshare
-        this.dispatchEvent(new CustomEvent("screenshare_started", {
-            detail: { participantId: clientId, stream, id: streamId, isLocal: false },
-        }));
     }
     _joinRoom() {
         this.signalSocket.emit("join_room", {
@@ -6100,6 +6104,13 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
                 payload: { participantId, displayName },
             });
         }),
+        createEventListener("waiting_participant_left", (e) => {
+            const { participantId } = e.detail;
+            dispatch({
+                type: "WAITING_PARTICIPANT_LEFT",
+                payload: { participantId },
+            });
+        }),
     ], []);
     useEffect(() => {
         eventListeners.forEach(({ eventName, listener }) => {
@@ -6166,6 +6177,6 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
     };
 }
 
-const sdkVersion = "2.0.0-alpha21";
+const sdkVersion = "2.0.0-alpha23";
 
 export { VideoView, sdkVersion, useLocalMedia, useRoomConnection };

package/dist/types.d.ts

@@ -377,6 +377,6 @@ type RoomConnectionRef = {
 };
 declare function useRoomConnection(roomUrl: string, roomConnectionOptions: UseRoomConnectionOptions): RoomConnectionRef;
 
-declare const sdkVersion = "2.0.0-alpha21";
+declare const sdkVersion = "2.0.0-alpha23";
 
 export { _default as VideoView, sdkVersion, useLocalMedia, useRoomConnection };