@whereby.com/browser-sdk 3.27.0 → 3.29.0

package/dist/react/index.cjs

@@ -172,17 +172,32 @@ const VideoView = React__namespace.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.27.0";
+const browserSdkVersion = "3.29.0";
 
 const initialState$1 = {
     chatMessages: [],
     fileUploads: [],
     cloudRecording: undefined,
     breakout: {
+        isAvailable: false,
+        error: null,
         isActive: false,
         currentGroup: null,
+        groups: null,
+        enforceAssignment: false,
+        autoMoveToGroup: false,
+        moveToGroupGracePeriod: null,
+        autoMoveToMain: false,
+        moveToMainGracePeriod: null,
+        breakoutTimerSetting: false,
+        breakoutTimerDuration: 0,
+        startedAt: null,
+        endTime: null,
+        moveToGroupAt: null,
+        moveToMainAt: null,
         groupedParticipants: [],
         participantsInCurrentGroup: [],
+        broadcastingParticipants: [],
     },
     isCameraEnabled: false,
     isMicrophoneEnabled: false,
@@ -191,6 +206,7 @@ const initialState$1 = {
     screenshares: [],
     connectionStatus: "ready",
     connectionError: null,
+    knockResponse: null,
     waitingParticipants: [],
     spotlightedParticipants: [],
 };
@@ -236,7 +252,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
         client.initialize(roomConfig);
         return client.joinRoom();
     }, [client]);
-    const sendChatMessage = React__namespace.useCallback((text, parentId) => client.sendChatMessage(text, parentId), [client]);
+    const sendChatMessage = React__namespace.useCallback((text, parentId, isBroadcast) => client.sendChatMessage(text, parentId, isBroadcast), [client]);
     const removeChatMessage = React__namespace.useCallback((id, sig) => client.removeChatMessage(id, sig), [client]);
     const sendFiles = React__namespace.useCallback((files) => client.sendFiles(files), [client]);
     const downloadFile = React__namespace.useCallback((file) => client.downloadFile(file), [client]);
@@ -252,7 +268,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     const askToSpeak = React__namespace.useCallback((participantId) => client.askToSpeak(participantId), [client]);
     const askToTurnOnCamera = React__namespace.useCallback((participantId) => client.askToTurnOnCamera(participantId), [client]);
     const acceptWaitingParticipant = React__namespace.useCallback((participantId) => client.acceptWaitingParticipant(participantId), [client]);
-    const rejectWaitingParticipant = React__namespace.useCallback((participantId) => client.rejectWaitingParticipant(participantId), [client]);
+    const holdWaitingParticipant = React__namespace.useCallback((participantId, response) => client.holdWaitingParticipant(participantId, response), [client]);
+    const rejectWaitingParticipant = React__namespace.useCallback((participantId, response) => client.rejectWaitingParticipant(participantId, response), [client]);
     const startCloudRecording = React__namespace.useCallback(() => client.startCloudRecording(), [client]);
     const startLiveCaptions = React__namespace.useCallback(() => client.startLiveCaptions(), [client]);
     const startLiveTranscription = React__namespace.useCallback(() => client.startLiveTranscription(), [client]);
@@ -271,6 +288,17 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     const endMeeting = React__namespace.useCallback((stayBehind) => client.endMeeting(stayBehind), [client]);
     const joinBreakoutGroup = React__namespace.useCallback((group) => client.joinBreakoutGroup(group), [client]);
     const joinBreakoutMainRoom = React__namespace.useCallback(() => client.joinBreakoutMainRoom(), [client]);
+    const startBreakoutSession = React__namespace.useCallback((options) => client.startBreakoutSession(options), [client]);
+    const updateBreakoutSession = React__namespace.useCallback((options) => client.updateBreakoutSession(options), [client]);
+    const stopBreakoutSession = React__namespace.useCallback(() => client.stopBreakoutSession(), [client]);
+    const assignBreakoutParticipants = React__namespace.useCallback((assignments) => client.assignBreakoutParticipants(assignments), [client]);
+    const assignAllBreakoutParticipants = React__namespace.useCallback(() => client.assignAllBreakoutParticipants(), [client]);
+    const unassignAllBreakoutParticipants = React__namespace.useCallback(() => client.unassignAllBreakoutParticipants(), [client]);
+    const shuffleBreakoutParticipants = React__namespace.useCallback(() => client.shuffleBreakoutParticipants(), [client]);
+    const extendBreakoutTimer = React__namespace.useCallback((seconds) => client.extendBreakoutTimer(seconds), [client]);
+    const stopBreakoutTimer = React__namespace.useCallback(() => client.stopBreakoutTimer(), [client]);
+    const broadcastToGroups = React__namespace.useCallback((participantId) => client.broadcastToGroups(participantId), [client]);
+    const stopBroadcastToGroups = React__namespace.useCallback((participantId) => client.stopBroadcastToGroups(participantId), [client]);
     const switchCameraEffect = React__namespace.useCallback((effectId) => __awaiter(this, void 0, void 0, function* () {
         yield client.switchCameraEffect(effectId);
     }), [client]);
@@ -294,6 +322,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             askToSpeak,
             askToTurnOnCamera,
             acceptWaitingParticipant,
+            holdWaitingParticipant,
             knock,
             cancelKnock,
             joinRoom,
@@ -327,6 +356,17 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             removeSpotlight,
             joinBreakoutGroup,
             joinBreakoutMainRoom,
+            startBreakoutSession,
+            updateBreakoutSession,
+            stopBreakoutSession,
+            assignBreakoutParticipants,
+            assignAllBreakoutParticipants,
+            unassignAllBreakoutParticipants,
+            shuffleBreakoutParticipants,
+            extendBreakoutTimer,
+            stopBreakoutTimer,
+            broadcastToGroups,
+            stopBroadcastToGroups,
             switchCameraEffect,
             switchCameraEffectCustom,
             clearCameraEffect,

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { LocalMediaState, LocalMediaOptions, RoomJoinedSuccess, ChatFileShare, RoomConnectionState, NotificationsEventEmitter, ClientView } from '@whereby.com/core';
-export { ACCEPTED_FILE_TYPES, BreakoutState as Breakout, ChatFileShare, ChatMessageState as ChatMessage, CloudRecordingState as CloudRecording, FileShareError, FileUpload, LiveStreamState as LiveStreaming, LocalParticipantState as LocalParticipant, MAX_FILES_PER_UPLOAD, MAX_FILE_SIZE, RemoteParticipantState as RemoteParticipant, RoomConnectionState as RoomConnection, ScreenshareState as Screenshare, WaitingParticipantState as WaitingParticipant, getUsableCameraEffectPresets, isAudioDenoiserSupported } from '@whereby.com/core';
+import { LocalMediaState, LocalMediaOptions, RoomJoinedSuccess, ChatFileShare, StartBreakoutSessionOptions, UpdateBreakoutSessionOptions, RoomConnectionState, NotificationsEventEmitter, ClientView } from '@whereby.com/core';
+export { ACCEPTED_FILE_TYPES, BreakoutState as Breakout, ChatFileShare, ChatMessageState as ChatMessage, CloudRecordingState as CloudRecording, FileShareError, FileUpload, KnockResponse, LiveStreamState as LiveStreaming, LocalParticipantState as LocalParticipant, MAX_FILES_PER_UPLOAD, MAX_FILE_SIZE, RemoteParticipantState as RemoteParticipant, RoomConnectionState as RoomConnection, ScreenshareState as Screenshare, WaitingParticipantState as WaitingParticipant, getUsableCameraEffectPresets, isAudioDenoiserSupported } from '@whereby.com/core';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { PopoverProps } from '@radix-ui/react-popover';
 
@@ -61,6 +61,7 @@ interface RoomConnectionActions {
     askToSpeak: (participantId: string) => void;
     askToTurnOnCamera: (participantId: string) => void;
     acceptWaitingParticipant: (participantId: string) => void;
+    holdWaitingParticipant: (participantId: string, response?: string) => void;
     knock: () => void;
     cancelKnock: () => void;
     joinRoom: () => Promise<RoomJoinedSuccess>;
@@ -70,8 +71,8 @@ interface RoomConnectionActions {
     turnOffParticipantCameras: (clientIds: string[]) => void;
     kickParticipant: (clientId: string) => void;
     endMeeting: (stayBehind?: boolean) => void;
-    rejectWaitingParticipant: (participantId: string) => void;
-    sendChatMessage: (text: string, parentId?: string) => void;
+    rejectWaitingParticipant: (participantId: string, response?: string) => void;
+    sendChatMessage: (text: string, parentId?: string, isBroadcast?: boolean) => void;
     removeChatMessage: (id: string, sig?: string | null) => void;
     sendFiles: (files: File[]) => void;
     downloadFile: (file: ChatFileShare) => Promise<Blob>;
@@ -94,6 +95,19 @@ interface RoomConnectionActions {
     removeSpotlight: (clientId: string) => void;
     joinBreakoutGroup: (group: string) => void;
     joinBreakoutMainRoom: () => void;
+    startBreakoutSession: (options: StartBreakoutSessionOptions) => void;
+    updateBreakoutSession: (options: UpdateBreakoutSessionOptions) => void;
+    stopBreakoutSession: () => void;
+    assignBreakoutParticipants: (assignments: {
+        [clientId: string]: string;
+    }) => void;
+    assignAllBreakoutParticipants: () => void;
+    unassignAllBreakoutParticipants: () => void;
+    shuffleBreakoutParticipants: () => void;
+    extendBreakoutTimer: (seconds?: number) => void;
+    stopBreakoutTimer: () => void;
+    broadcastToGroups: (participantId: string) => void;
+    stopBroadcastToGroups: (participantId: string) => void;
     switchCameraEffect: (effectId: string) => Promise<void>;
     switchCameraEffectCustom: (imageUrl: string) => Promise<void>;
     clearCameraEffect: () => Promise<void>;

package/dist/react/index.esm.js

@@ -151,17 +151,32 @@ const VideoView = React.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.27.0";
+const browserSdkVersion = "3.29.0";
 
 const initialState$1 = {
     chatMessages: [],
     fileUploads: [],
     cloudRecording: undefined,
     breakout: {
+        isAvailable: false,
+        error: null,
         isActive: false,
         currentGroup: null,
+        groups: null,
+        enforceAssignment: false,
+        autoMoveToGroup: false,
+        moveToGroupGracePeriod: null,
+        autoMoveToMain: false,
+        moveToMainGracePeriod: null,
+        breakoutTimerSetting: false,
+        breakoutTimerDuration: 0,
+        startedAt: null,
+        endTime: null,
+        moveToGroupAt: null,
+        moveToMainAt: null,
         groupedParticipants: [],
         participantsInCurrentGroup: [],
+        broadcastingParticipants: [],
     },
     isCameraEnabled: false,
     isMicrophoneEnabled: false,
@@ -170,6 +185,7 @@ const initialState$1 = {
     screenshares: [],
     connectionStatus: "ready",
     connectionError: null,
+    knockResponse: null,
     waitingParticipants: [],
     spotlightedParticipants: [],
 };
@@ -215,7 +231,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
         client.initialize(roomConfig);
         return client.joinRoom();
     }, [client]);
-    const sendChatMessage = React.useCallback((text, parentId) => client.sendChatMessage(text, parentId), [client]);
+    const sendChatMessage = React.useCallback((text, parentId, isBroadcast) => client.sendChatMessage(text, parentId, isBroadcast), [client]);
     const removeChatMessage = React.useCallback((id, sig) => client.removeChatMessage(id, sig), [client]);
     const sendFiles = React.useCallback((files) => client.sendFiles(files), [client]);
     const downloadFile = React.useCallback((file) => client.downloadFile(file), [client]);
@@ -231,7 +247,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     const askToSpeak = React.useCallback((participantId) => client.askToSpeak(participantId), [client]);
     const askToTurnOnCamera = React.useCallback((participantId) => client.askToTurnOnCamera(participantId), [client]);
     const acceptWaitingParticipant = React.useCallback((participantId) => client.acceptWaitingParticipant(participantId), [client]);
-    const rejectWaitingParticipant = React.useCallback((participantId) => client.rejectWaitingParticipant(participantId), [client]);
+    const holdWaitingParticipant = React.useCallback((participantId, response) => client.holdWaitingParticipant(participantId, response), [client]);
+    const rejectWaitingParticipant = React.useCallback((participantId, response) => client.rejectWaitingParticipant(participantId, response), [client]);
     const startCloudRecording = React.useCallback(() => client.startCloudRecording(), [client]);
     const startLiveCaptions = React.useCallback(() => client.startLiveCaptions(), [client]);
     const startLiveTranscription = React.useCallback(() => client.startLiveTranscription(), [client]);
@@ -250,6 +267,17 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     const endMeeting = React.useCallback((stayBehind) => client.endMeeting(stayBehind), [client]);
     const joinBreakoutGroup = React.useCallback((group) => client.joinBreakoutGroup(group), [client]);
     const joinBreakoutMainRoom = React.useCallback(() => client.joinBreakoutMainRoom(), [client]);
+    const startBreakoutSession = React.useCallback((options) => client.startBreakoutSession(options), [client]);
+    const updateBreakoutSession = React.useCallback((options) => client.updateBreakoutSession(options), [client]);
+    const stopBreakoutSession = React.useCallback(() => client.stopBreakoutSession(), [client]);
+    const assignBreakoutParticipants = React.useCallback((assignments) => client.assignBreakoutParticipants(assignments), [client]);
+    const assignAllBreakoutParticipants = React.useCallback(() => client.assignAllBreakoutParticipants(), [client]);
+    const unassignAllBreakoutParticipants = React.useCallback(() => client.unassignAllBreakoutParticipants(), [client]);
+    const shuffleBreakoutParticipants = React.useCallback(() => client.shuffleBreakoutParticipants(), [client]);
+    const extendBreakoutTimer = React.useCallback((seconds) => client.extendBreakoutTimer(seconds), [client]);
+    const stopBreakoutTimer = React.useCallback(() => client.stopBreakoutTimer(), [client]);
+    const broadcastToGroups = React.useCallback((participantId) => client.broadcastToGroups(participantId), [client]);
+    const stopBroadcastToGroups = React.useCallback((participantId) => client.stopBroadcastToGroups(participantId), [client]);
     const switchCameraEffect = React.useCallback((effectId) => __awaiter(this, void 0, void 0, function* () {
         yield client.switchCameraEffect(effectId);
     }), [client]);
@@ -273,6 +301,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             askToSpeak,
             askToTurnOnCamera,
             acceptWaitingParticipant,
+            holdWaitingParticipant,
             knock,
             cancelKnock,
             joinRoom,
@@ -306,6 +335,17 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             removeSpotlight,
             joinBreakoutGroup,
             joinBreakoutMainRoom,
+            startBreakoutSession,
+            updateBreakoutSession,
+            stopBreakoutSession,
+            assignBreakoutParticipants,
+            assignAllBreakoutParticipants,
+            unassignAllBreakoutParticipants,
+            shuffleBreakoutParticipants,
+            extendBreakoutTimer,
+            stopBreakoutTimer,
+            broadcastToGroups,
+            stopBroadcastToGroups,
             switchCameraEffect,
             switchCameraEffectCustom,
             clearCameraEffect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.27.0",
+  "version": "3.29.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -67,14 +67,14 @@
     "@storybook/addon-docs": "^9.0.16",
     "@whereby.com/eslint-config": "0.1.0",
     "@whereby.com/jest-config": "0.1.0",
-    "@whereby.com/prettier-config": "0.1.0",
     "@whereby.com/rollup-config": "0.1.1",
+    "@whereby.com/prettier-config": "0.1.0",
     "@whereby.com/tsconfig": "0.1.0"
   },
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
-    "@whereby.com/media": "9.4.0",
-    "@whereby.com/core": "1.16.3",
+    "@whereby.com/media": "9.6.0",
+    "@whereby.com/core": "1.18.0",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
     "runes": "^0.4.3"