@whereby.com/browser-sdk 3.26.7 → 3.28.0

package/dist/react/index.cjs

@@ -172,7 +172,7 @@ const VideoView = React__namespace.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.26.7";
+const browserSdkVersion = "3.28.0";
 
 const initialState$1 = {
     chatMessages: [],
@@ -191,6 +191,7 @@ const initialState$1 = {
     screenshares: [],
     connectionStatus: "ready",
     connectionError: null,
+    knockResponse: null,
     waitingParticipants: [],
     spotlightedParticipants: [],
 };
@@ -252,7 +253,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]);
@@ -294,6 +296,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             askToSpeak,
             askToTurnOnCamera,
             acceptWaitingParticipant,
+            holdWaitingParticipant,
             knock,
             cancelKnock,
             joinRoom,
@@ -2273,7 +2276,7 @@ function renderCellView({ cellView, enableParticipantMenu, render }) {
                     enableParticipantMenu ? React__namespace.createElement(DefaultParticipantMenu, { participant: participant }) : null)))));
     }
 }
-function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
+function Grid({ renderParticipant, renderSubgridParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
     const gridRef = React__namespace.useRef(null);
     const { containerFrame, cellViewsFloating, cellViewsVideoGrid, cellViewsInPresentationGrid, cellViewsInSubgrid, clientAspectRatios, videoStage, setContainerBounds, setClientAspectRatios, maximizedParticipant, setMaximizedParticipant, isConstrained, floatingParticipant, setFloatingParticipant, } = useGrid({
         activeVideosSubgridTrigger: 12,
@@ -2295,10 +2298,10 @@ function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLi
         enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsInPresentationGrid]);
     const gridContent = React__namespace.useMemo(() => cellViewsVideoGrid.map((cellView) => renderCellView(Object.assign({ cellView,
         enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsVideoGrid]);
-    const subgridContent = React__namespace.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView({
-        cellView,
-        enableParticipantMenu,
-    })), [cellViewsInSubgrid]);
+    const subgridContent = React__namespace.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView(Object.assign({ cellView,
+        enableParticipantMenu }, (renderSubgridParticipant
+        ? { render: ({ participant }) => renderSubgridParticipant({ participant }) }
+        : {})))), [cellViewsInSubgrid]);
     React__namespace.useEffect(() => {
         if (!gridRef.current) {
             return;

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';
+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,7 +71,7 @@ interface RoomConnectionActions {
     turnOffParticipantCameras: (clientIds: string[]) => void;
     kickParticipant: (clientId: string) => void;
     endMeeting: (stayBehind?: boolean) => void;
-    rejectWaitingParticipant: (participantId: string) => void;
+    rejectWaitingParticipant: (participantId: string, response?: string) => void;
     sendChatMessage: (text: string, parentId?: string) => void;
     removeChatMessage: (id: string, sig?: string | null) => void;
     sendFiles: (files: File[]) => void;
@@ -122,6 +123,9 @@ interface GridProps {
     renderParticipant?: ({ participant }: {
         participant: ClientView;
     }) => React.ReactNode;
+    renderSubgridParticipant?: ({ participant }: {
+        participant: ClientView;
+    }) => React.ReactNode;
     renderFloatingParticipant?: ({ participant }: {
         participant: ClientView;
     }) => React.ReactNode;
@@ -132,7 +136,7 @@ interface GridProps {
     enableParticipantMenu?: boolean;
     enableConstrainedGrid?: boolean;
 }
-declare function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }: GridProps): React.JSX.Element;
+declare function Grid({ renderParticipant, renderSubgridParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }: GridProps): React.JSX.Element;
 
 declare const ParticipantMenu: (props: PopoverProps) => React.JSX.Element;
 declare const ParticipantMenuContent: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popover.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/react/index.esm.js

@@ -151,7 +151,7 @@ const VideoView = React.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.26.7";
+const browserSdkVersion = "3.28.0";
 
 const initialState$1 = {
     chatMessages: [],
@@ -170,6 +170,7 @@ const initialState$1 = {
     screenshares: [],
     connectionStatus: "ready",
     connectionError: null,
+    knockResponse: null,
     waitingParticipants: [],
     spotlightedParticipants: [],
 };
@@ -231,7 +232,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]);
@@ -273,6 +275,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             askToSpeak,
             askToTurnOnCamera,
             acceptWaitingParticipant,
+            holdWaitingParticipant,
             knock,
             cancelKnock,
             joinRoom,
@@ -2252,7 +2255,7 @@ function renderCellView({ cellView, enableParticipantMenu, render }) {
                     enableParticipantMenu ? React.createElement(DefaultParticipantMenu, { participant: participant }) : null)))));
     }
 }
-function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
+function Grid({ renderParticipant, renderSubgridParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
     const gridRef = React.useRef(null);
     const { containerFrame, cellViewsFloating, cellViewsVideoGrid, cellViewsInPresentationGrid, cellViewsInSubgrid, clientAspectRatios, videoStage, setContainerBounds, setClientAspectRatios, maximizedParticipant, setMaximizedParticipant, isConstrained, floatingParticipant, setFloatingParticipant, } = useGrid({
         activeVideosSubgridTrigger: 12,
@@ -2274,10 +2277,10 @@ function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLi
         enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsInPresentationGrid]);
     const gridContent = React.useMemo(() => cellViewsVideoGrid.map((cellView) => renderCellView(Object.assign({ cellView,
         enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsVideoGrid]);
-    const subgridContent = React.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView({
-        cellView,
-        enableParticipantMenu,
-    })), [cellViewsInSubgrid]);
+    const subgridContent = React.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView(Object.assign({ cellView,
+        enableParticipantMenu }, (renderSubgridParticipant
+        ? { render: ({ participant }) => renderSubgridParticipant({ participant }) }
+        : {})))), [cellViewsInSubgrid]);
     React.useEffect(() => {
         if (!gridRef.current) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.26.7",
+  "version": "3.28.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -66,15 +66,15 @@
     "eslint-plugin-storybook": "9.0.16",
     "@storybook/addon-docs": "^9.0.16",
     "@whereby.com/eslint-config": "0.1.0",
-    "@whereby.com/prettier-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/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.5.0",
+    "@whereby.com/core": "1.17.0",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
     "runes": "^0.4.3"