@whereby.com/browser-sdk 3.2.1 → 3.2.2

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, doSetDisplayName, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doSetLocalStickyReaction, doRequestAudioEnable, 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 { 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 { 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.2.1";
+const browserSdkVersion = "3.2.2";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -175,30 +175,36 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             dispatch(doAppStop());
         };
     }, []);
-    const sendChatMessage = React.useCallback((text) => dispatch(doSendChatMessage({ text })), [dispatch]);
+    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 knock = React.useCallback(() => dispatch(doKnockRoom()), [dispatch]);
-    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 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 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 joinRoom = React.useCallback(() => dispatch(doAppStart(roomConfig)), [dispatch]);
-    const leaveRoom = React.useCallback(() => dispatch(doAppStop()), [dispatch]);
-    const lockRoom = React.useCallback((locked) => dispatch(doLockRoom({ locked })), [dispatch]);
-    const muteParticipants = React.useCallback((participantIds) => {
-        dispatch(doRequestAudioEnable({ 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 leaveRoom = React.useCallback(() => whenConnectedToRoom(() => doAppStop()), [whenConnectedToRoom]);
+    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 { events } = roomConnectionState, state = __rest(roomConnectionState, ["events"]);
     return {
         state,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",