@whereby.com/browser-sdk 3.8.1 → 3.9.0

package/dist/react/index.d.ts

@@ -114,12 +114,14 @@ interface RoomConnectionActions {
     toggleLowDataMode: (enabled?: boolean) => void;
     toggleRaiseHand: (enabled?: boolean) => void;
     askToSpeak: (participantId: string) => void;
+    askToTurnOnCamera: (participantId: string) => void;
     acceptWaitingParticipant: (participantId: string) => void;
     knock: () => void;
     joinRoom: () => void;
     leaveRoom: () => void;
     lockRoom: (locked: boolean) => void;
     muteParticipants: (clientIds: string[]) => void;
+    turnOffParticipantCameras: (clientIds: string[]) => void;
     kickParticipant: (clientId: string) => void;
     endMeeting: (stayBehind?: boolean) => void;
     rejectWaitingParticipant: (participantId: string) => void;

package/dist/react/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Provider as Provider$1, useDispatch, useSelector } from 'react-redux';
-import { createServices, createStore, selectCurrentSpeakerDeviceId, debounce, doRtcReportStreamResolution, selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, selectNotificationsEmitter, selectSpotlightedClientViews, doAppStop, doSendChatMessage, doKnockRoom, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doSetLocalStickyReaction, doRequestAudioEnable, doAcceptWaitingParticipant, doRejectWaitingParticipant, doStartCloudRecording, doStartScreenshare, doStopCloudRecording, doStopScreenshare, doAppStart, doLockRoom, doSpotlightParticipant, doRemoveSpotlight, doKickParticipant, doEndMeeting, doSetDisplayName, selectCameraDeviceError, selectCameraDevices, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsLocalMediaStarting, selectMicrophoneDeviceError, selectMicrophoneDevices, selectSpeakerDevices, selectLocalMediaStartError, doStartLocalMedia, doStopLocalMedia, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, setCurrentSpeakerDeviceId, selectAllClientViews, selectNumParticipants } from '@whereby.com/core';
+import { createServices, createStore, selectCurrentSpeakerDeviceId, debounce, doRtcReportStreamResolution, selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, selectNotificationsEmitter, selectSpotlightedClientViews, doAppStop, doSendChatMessage, doKnockRoom, doSetDisplayName, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doSetLocalStickyReaction, doRequestAudioEnable, doRequestVideoEnable, doAcceptWaitingParticipant, doRejectWaitingParticipant, doStartCloudRecording, doStartScreenshare, doStopCloudRecording, doStopScreenshare, doAppStart, doLockRoom, doSpotlightParticipant, doRemoveSpotlight, doKickParticipant, doEndMeeting, selectCameraDeviceError, selectCameraDevices, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsLocalMediaStarting, selectMicrophoneDeviceError, selectMicrophoneDevices, selectSpeakerDevices, selectLocalMediaStartError, doStartLocalMedia, doStopLocalMedia, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, setCurrentSpeakerDeviceId, selectAllClientViews, selectNumParticipants } from '@whereby.com/core';
 import { createSelector } from '@reduxjs/toolkit';
 import runes from 'runes';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -146,7 +146,7 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "3.8.1";
+const browserSdkVersion = "3.9.0";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -175,36 +175,30 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             dispatch(doAppStop());
         };
     }, []);
-    const whenConnectedToRoom = React.useCallback((actionCreator) => {
-        if (roomConnectionState.connectionStatus === "connected") {
-            dispatch(actionCreator());
-        }
-        else {
-            console.warn("Action cannot be performed outside of a connected room");
-        }
-    }, [roomConnectionState.connectionStatus, dispatch]);
-    const sendChatMessage = React.useCallback((text) => whenConnectedToRoom(() => doSendChatMessage({ text })), [whenConnectedToRoom]);
+    const sendChatMessage = React.useCallback((text) => dispatch(doSendChatMessage({ text })), [dispatch]);
     const knock = React.useCallback(() => dispatch(doKnockRoom()), [dispatch]);
-    const setDisplayName = (displayName) => whenConnectedToRoom(() => doSetDisplayName({ displayName }));
-    const toggleCamera = React.useCallback((enabled) => whenConnectedToRoom(() => toggleCameraEnabled({ enabled })), [whenConnectedToRoom]);
-    const toggleMicrophone = React.useCallback((enabled) => whenConnectedToRoom(() => toggleMicrophoneEnabled({ enabled })), [whenConnectedToRoom]);
-    const toggleLowDataMode = React.useCallback((enabled) => whenConnectedToRoom(() => toggleLowDataModeEnabled({ enabled })), [whenConnectedToRoom]);
-    const toggleRaiseHand = React.useCallback((enabled) => whenConnectedToRoom(() => doSetLocalStickyReaction({ enabled })), [whenConnectedToRoom]);
-    const askToSpeak = React.useCallback((participantId) => whenConnectedToRoom(() => doRequestAudioEnable({ clientIds: [participantId], enable: true })), [whenConnectedToRoom]);
-    const acceptWaitingParticipant = React.useCallback((participantId) => whenConnectedToRoom(() => doAcceptWaitingParticipant({ participantId })), [whenConnectedToRoom]);
-    const rejectWaitingParticipant = React.useCallback((participantId) => whenConnectedToRoom(() => doRejectWaitingParticipant({ participantId })), [whenConnectedToRoom]);
-    const startCloudRecording = React.useCallback(() => whenConnectedToRoom(() => doStartCloudRecording()), [whenConnectedToRoom]);
-    const startScreenshare = React.useCallback(() => whenConnectedToRoom(() => doStartScreenshare()), [whenConnectedToRoom]);
-    const stopCloudRecording = React.useCallback(() => whenConnectedToRoom(() => doStopCloudRecording()), [whenConnectedToRoom]);
-    const stopScreenshare = React.useCallback(() => whenConnectedToRoom(() => doStopScreenshare()), [whenConnectedToRoom]);
+    const setDisplayName = React.useCallback((displayName) => dispatch(doSetDisplayName({ displayName })), [dispatch]);
+    const toggleCamera = React.useCallback((enabled) => dispatch(toggleCameraEnabled({ enabled })), [dispatch]);
+    const toggleMicrophone = React.useCallback((enabled) => dispatch(toggleMicrophoneEnabled({ enabled })), [dispatch]);
+    const toggleLowDataMode = React.useCallback((enabled) => dispatch(toggleLowDataModeEnabled({ enabled })), [dispatch]);
+    const toggleRaiseHand = React.useCallback((enabled) => dispatch(doSetLocalStickyReaction({ enabled })), [dispatch]);
+    const askToSpeak = React.useCallback((participantId) => dispatch(doRequestAudioEnable({ clientIds: [participantId], enable: true })), [dispatch]);
+    const askToTurnOnCamera = React.useCallback((participantId) => dispatch(doRequestVideoEnable({ clientIds: [participantId], enable: true })), [dispatch]);
+    const acceptWaitingParticipant = React.useCallback((participantId) => dispatch(doAcceptWaitingParticipant({ participantId })), [dispatch]);
+    const rejectWaitingParticipant = React.useCallback((participantId) => dispatch(doRejectWaitingParticipant({ participantId })), [dispatch]);
+    const startCloudRecording = React.useCallback(() => dispatch(doStartCloudRecording()), [dispatch]);
+    const startScreenshare = React.useCallback(() => dispatch(doStartScreenshare()), [dispatch]);
+    const stopCloudRecording = React.useCallback(() => dispatch(doStopCloudRecording()), [dispatch]);
+    const stopScreenshare = React.useCallback(() => dispatch(doStopScreenshare()), [dispatch]);
     const joinRoom = React.useCallback(() => dispatch(doAppStart(roomConfig)), [dispatch]);
     const leaveRoom = React.useCallback(() => dispatch(doAppStop()), [dispatch]);
-    const lockRoom = React.useCallback((locked) => whenConnectedToRoom(() => doLockRoom({ locked })), [whenConnectedToRoom]);
-    const muteParticipants = React.useCallback((participantIds) => whenConnectedToRoom(() => doRequestAudioEnable({ clientIds: participantIds, enable: false })), [whenConnectedToRoom]);
-    const spotlightParticipant = React.useCallback((participantId) => whenConnectedToRoom(() => doSpotlightParticipant({ id: participantId })), [whenConnectedToRoom]);
-    const removeSpotlight = React.useCallback((participantId) => whenConnectedToRoom(() => doRemoveSpotlight({ id: participantId })), [whenConnectedToRoom]);
-    const kickParticipant = React.useCallback((participantId) => whenConnectedToRoom(() => doKickParticipant({ clientId: participantId })), [whenConnectedToRoom]);
-    const endMeeting = React.useCallback((stayBehind) => whenConnectedToRoom(() => doEndMeeting({ stayBehind })), [whenConnectedToRoom]);
+    const lockRoom = React.useCallback((locked) => dispatch(doLockRoom({ locked })), [dispatch]);
+    const muteParticipants = React.useCallback((participantIds) => dispatch(doRequestAudioEnable({ clientIds: participantIds, enable: false })), [dispatch]);
+    const turnOffParticipantCameras = React.useCallback((participantIds) => dispatch(doRequestVideoEnable({ clientIds: participantIds, enable: false })), [dispatch]);
+    const spotlightParticipant = React.useCallback((participantId) => dispatch(doSpotlightParticipant({ id: participantId })), [dispatch]);
+    const removeSpotlight = React.useCallback((participantId) => dispatch(doRemoveSpotlight({ id: participantId })), [dispatch]);
+    const kickParticipant = React.useCallback((participantId) => dispatch(doKickParticipant({ clientId: participantId })), [dispatch]);
+    const endMeeting = React.useCallback((stayBehind) => dispatch(doEndMeeting({ stayBehind })), [dispatch]);
     const { events } = roomConnectionState, state = __rest(roomConnectionState, ["events"]);
     return {
         state,
@@ -213,12 +207,14 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             toggleLowDataMode,
             toggleRaiseHand,
             askToSpeak,
+            askToTurnOnCamera,
             acceptWaitingParticipant,
             knock,
             joinRoom,
             leaveRoom,
             lockRoom,
             muteParticipants,
+            turnOffParticipantCameras,
             kickParticipant,
             endMeeting,
             rejectWaitingParticipant,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -79,7 +79,7 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@reduxjs/toolkit": "^2.2.3",
-    "@whereby.com/core": "0.25.1",
+    "@whereby.com/core": "0.27.0",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
     "react-redux": "^9.1.1",