@whereby.com/browser-sdk 2.10.1 → 2.11.0

package/dist/react/index.d.ts

@@ -99,10 +99,12 @@ interface RoomConnectionActions {
     toggleLowDataMode(enabled?: boolean): void;
     acceptWaitingParticipant(participantId: string): void;
     knock(): void;
+    joinRoom(): void;
+    leaveRoom(): void;
     lockRoom(locked: boolean): void;
     muteParticipants(clientIds: string[]): void;
     kickParticipant(clientId: string): void;
-    endMeeting(): void;
+    endMeeting(stayBehind?: boolean): void;
     rejectWaitingParticipant(participantId: string): void;
     sendChatMessage(text: string): void;
     setDisplayName(displayName: string): void;

package/dist/react/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useEffect, useCallback } from 'react';
-import { debounce, selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, createServices, createStore, observeStore, doAppJoin, appLeft, doRtcReportStreamResolution, doSendChatMessage, doKnockRoom, doSetDisplayName, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doAcceptWaitingParticipant, doRejectWaitingParticipant, doStartCloudRecording, doStartScreenshare, doStopCloudRecording, doStopScreenshare, doLockRoom, doRequestAudioEnable, doKickParticipant, doEndMeeting, selectCameraDeviceError, selectCameraDevices, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsLocalMediaStarting, selectMicrophoneDeviceError, selectMicrophoneDevices, selectSpeakerDevices, selectLocalMediaStartError, doStartLocalMedia, doStopLocalMedia, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId } from '@whereby.com/core';
+import { debounce, selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, createServices, createStore, observeStore, doAppConfigure, doAppStart, doAppStop, doRtcReportStreamResolution, doSendChatMessage, doKnockRoom, doSetDisplayName, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doAcceptWaitingParticipant, doRejectWaitingParticipant, doStartCloudRecording, doStartScreenshare, doStopCloudRecording, doStopScreenshare, doLockRoom, doRequestAudioEnable, doKickParticipant, doEndMeeting, selectCameraDeviceError, selectCameraDevices, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsLocalMediaStarting, selectMicrophoneDeviceError, selectMicrophoneDevices, selectSpeakerDevices, selectLocalMediaStartError, doStartLocalMedia, doStopLocalMedia, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId } from '@whereby.com/core';
 import { createSelector } from '@reduxjs/toolkit';
 
 /******************************************************************************
@@ -99,12 +99,12 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "2.10.1";
+const browserSdkVersion = "2.11.0";
 
 const initialState$1 = {
     chatMessages: [],
     remoteParticipants: [],
-    connectionStatus: "initializing",
+    connectionStatus: "ready",
     screenshares: [],
     waitingParticipants: [],
 };
@@ -129,7 +129,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
         const url = new URL(roomUrl);
         const searchParams = new URLSearchParams(url.search);
         const roomKey = roomConnectionOptions.roomKey || searchParams.get("roomKey");
-        store.dispatch(doAppJoin({
+        store.dispatch(doAppConfigure({
             displayName: roomConnectionOptions.displayName || "Guest",
             localMediaOptions: roomConnectionOptions.localMedia
                 ? undefined
@@ -139,9 +139,10 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             userAgent: `browser-sdk:${browserSdkVersion}`,
             externalId: roomConnectionOptions.externalId || null,
         }));
+        store.dispatch(doAppStart());
         return () => {
+            store.dispatch(doAppStop());
             unsubscribe();
-            store.dispatch(appLeft());
         };
     }, []);
     React.useEffect(() => {
@@ -171,18 +172,22 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     const startScreenshare = React.useCallback(() => store.dispatch(doStartScreenshare()), [store]);
     const stopCloudRecording = React.useCallback(() => store.dispatch(doStopCloudRecording()), [store]);
     const stopScreenshare = React.useCallback(() => store.dispatch(doStopScreenshare()), [store]);
+    const joinRoom = React.useCallback(() => store.dispatch(doAppStart()), [store]);
+    const leaveRoom = React.useCallback(() => store.dispatch(doAppStop()), [store]);
     const lockRoom = React.useCallback((locked) => store.dispatch(doLockRoom({ locked })), [store]);
     const muteParticipants = React.useCallback((clientIds) => {
         store.dispatch(doRequestAudioEnable({ clientIds, enable: false }));
     }, [store]);
     const kickParticipant = React.useCallback((clientId) => store.dispatch(doKickParticipant({ clientId })), [store]);
-    const endMeeting = React.useCallback(() => store.dispatch(doEndMeeting()), [store]);
+    const endMeeting = React.useCallback((stayBehind) => store.dispatch(doEndMeeting({ stayBehind })), [store]);
     return {
         state: roomConnectionState,
         actions: {
             toggleLowDataMode,
             acceptWaitingParticipant,
             knock,
+            joinRoom,
+            leaveRoom,
             lockRoom,
             muteParticipants,
             kickParticipant,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "2.10.1",
+  "version": "2.11.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^2.2.3",
-    "@whereby.com/core": "0.13.1",
+    "@whereby.com/core": "0.14.0",
     "heresy": "^1.0.4"
   },
   "peerDependencies": {