@whereby.com/browser-sdk 3.10.11 → 3.11.0

package/dist/react/index.cjs

@@ -150,10 +150,16 @@ const VideoView = React__namespace.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const selectRoomConnectionState = toolkit.createSelector(core.selectChatMessages, core.selectCloudRecordingRaw, core.selectLocalParticipantRaw, core.selectLocalMediaStream, core.selectRemoteParticipants, core.selectScreenshares, core.selectRoomConnectionStatus, core.selectStreamingRaw, core.selectWaitingParticipants, core.selectNotificationsEmitter, core.selectSpotlightedClientViews, (chatMessages, cloudRecording, localParticipant, localMediaStream, remoteParticipants, screenshares, connectionStatus, streaming, waitingParticipants, notificationsEmitter, spotlightedClientViews) => {
+const selectRoomConnectionState = toolkit.createSelector(core.selectChatMessages, core.selectCloudRecordingRaw, core.selectBreakoutCurrentGroup, core.selectBreakoutActive, core.selectBreakoutGroupedParticipants, core.selectAllClientViewsInCurrentGroup, core.selectLocalParticipantRaw, core.selectLocalMediaStream, core.selectRemoteParticipants, core.selectScreenshares, core.selectRoomConnectionStatus, core.selectStreamingRaw, core.selectWaitingParticipants, core.selectNotificationsEmitter, core.selectSpotlightedClientViews, (chatMessages, cloudRecording, breakoutCurrentGroup, breakoutActive, breakoutGroupedParticipants, clientViewsInCurrentGroup, localParticipant, localMediaStream, remoteParticipants, screenshares, connectionStatus, streaming, waitingParticipants, notificationsEmitter, spotlightedClientViews) => {
     const state = {
         chatMessages,
         cloudRecording: cloudRecording.isRecording ? { status: "recording" } : undefined,
+        breakout: {
+            isActive: breakoutActive,
+            currentGroup: breakoutCurrentGroup,
+            groupedParticipants: breakoutGroupedParticipants,
+            participantsInCurrentGroup: clientViewsInCurrentGroup,
+        },
         connectionStatus,
         events: notificationsEmitter,
         liveStream: streaming.isStreaming
@@ -172,7 +178,7 @@ const selectRoomConnectionState = toolkit.createSelector(core.selectChatMessages
     return state;
 });
 
-const browserSdkVersion = "3.10.11";
+const browserSdkVersion = "3.11.0";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -225,6 +231,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     const removeSpotlight = React__namespace.useCallback((participantId) => dispatch(core.doRemoveSpotlight({ id: participantId })), [dispatch]);
     const kickParticipant = React__namespace.useCallback((participantId) => dispatch(core.doKickParticipant({ clientId: participantId })), [dispatch]);
     const endMeeting = React__namespace.useCallback((stayBehind) => dispatch(core.doEndMeeting({ stayBehind })), [dispatch]);
+    const joinBreakoutGroup = React__namespace.useCallback((group) => dispatch(core.doBreakoutJoin({ group })), [dispatch]);
+    const joinBreakoutMainRoom = React__namespace.useCallback(() => dispatch(core.doBreakoutJoin({ group: "" })), [dispatch]);
     const { events } = roomConnectionState, state = __rest(roomConnectionState, ["events"]);
     return {
         state,
@@ -254,6 +262,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             toggleMicrophone,
             spotlightParticipant,
             removeSpotlight,
+            joinBreakoutGroup,
+            joinBreakoutMainRoom,
         },
     };
 }

package/dist/react/index.d.ts

@@ -87,10 +87,26 @@ type LiveStreamState = {
     status: "streaming";
     startedAt?: number;
 };
+type BreakoutState = {
+    isActive: boolean;
+    currentGroup: {
+        id: string | null;
+        name: string;
+    } | null;
+    groupedParticipants: {
+        clients: ClientView[];
+        group: {
+            id: string;
+            name: string;
+        } | null;
+    }[];
+    participantsInCurrentGroup: ClientView[];
+};
 interface RoomConnectionState {
     connectionStatus: ConnectionStatus;
     chatMessages: ChatMessage[];
     cloudRecording?: CloudRecordingState;
+    breakout: BreakoutState;
     events?: NotificationsEventEmitter;
     liveStream?: LiveStreamState;
     localScreenshareStatus?: LocalScreenshareStatus;
@@ -135,6 +151,8 @@ interface RoomConnectionActions {
     toggleMicrophone: (enabled?: boolean) => void;
     spotlightParticipant: (clientId: string) => void;
     removeSpotlight: (clientId: string) => void;
+    joinBreakoutGroup: (group: string) => void;
+    joinBreakoutMainRoom: () => void;
 }
 
 type RoomConnectionRef = {

package/dist/react/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createStoreHook, createDispatchHook, createSelectorHook, Provider as Provider$1 } 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, 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 { createServices, createStore, selectCurrentSpeakerDeviceId, debounce, doRtcReportStreamResolution, selectChatMessages, selectCloudRecordingRaw, selectBreakoutCurrentGroup, selectBreakoutActive, selectBreakoutGroupedParticipants, selectAllClientViewsInCurrentGroup, 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, doBreakoutJoin, 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';
@@ -128,10 +128,16 @@ const VideoView = React.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const selectRoomConnectionState = createSelector(selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, selectNotificationsEmitter, selectSpotlightedClientViews, (chatMessages, cloudRecording, localParticipant, localMediaStream, remoteParticipants, screenshares, connectionStatus, streaming, waitingParticipants, notificationsEmitter, spotlightedClientViews) => {
+const selectRoomConnectionState = createSelector(selectChatMessages, selectCloudRecordingRaw, selectBreakoutCurrentGroup, selectBreakoutActive, selectBreakoutGroupedParticipants, selectAllClientViewsInCurrentGroup, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, selectNotificationsEmitter, selectSpotlightedClientViews, (chatMessages, cloudRecording, breakoutCurrentGroup, breakoutActive, breakoutGroupedParticipants, clientViewsInCurrentGroup, localParticipant, localMediaStream, remoteParticipants, screenshares, connectionStatus, streaming, waitingParticipants, notificationsEmitter, spotlightedClientViews) => {
     const state = {
         chatMessages,
         cloudRecording: cloudRecording.isRecording ? { status: "recording" } : undefined,
+        breakout: {
+            isActive: breakoutActive,
+            currentGroup: breakoutCurrentGroup,
+            groupedParticipants: breakoutGroupedParticipants,
+            participantsInCurrentGroup: clientViewsInCurrentGroup,
+        },
         connectionStatus,
         events: notificationsEmitter,
         liveStream: streaming.isStreaming
@@ -150,7 +156,7 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "3.10.11";
+const browserSdkVersion = "3.11.0";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -203,6 +209,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     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 joinBreakoutGroup = React.useCallback((group) => dispatch(doBreakoutJoin({ group })), [dispatch]);
+    const joinBreakoutMainRoom = React.useCallback(() => dispatch(doBreakoutJoin({ group: "" })), [dispatch]);
     const { events } = roomConnectionState, state = __rest(roomConnectionState, ["events"]);
     return {
         state,
@@ -232,6 +240,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             toggleMicrophone,
             spotlightParticipant,
             removeSpotlight,
+            joinBreakoutGroup,
+            joinBreakoutMainRoom,
         },
     };
 }

package/package.json

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