@videosdk.live/react-sdk 0.3.8 → 0.3.10

package/dist/types/character.d.ts

@@ -86,7 +86,8 @@ export class Character extends Participant {
       | 'character-joined'
       | 'character-left'
       | 'user-message'
-      | 'data',
+      | 'data'
+      | 'error',
     listener: (data: any) => void
   ): void;
   /**
@@ -105,7 +106,8 @@ export class Character extends Participant {
       | 'character-joined'
       | 'character-left'
       | 'user-message'
-      | 'data',
+      | 'data'
+      | 'error',
     listener: (data: any) => void
   ): void;
 }

package/dist/types/index.d.ts

@@ -235,8 +235,8 @@ export function MeetingConsumer({
     participantId: string;
     decision: string;
   }) => void;
-  onPausedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined}) => void;
-  onResumedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined}) => void;
+  onPausedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined }) => void;
+  onResumedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined }) => void;
   onRecordingStarted?: () => void;
   onRecordingStopped?: () => void;
   onChatMessage?: (data: {
@@ -522,6 +522,7 @@ export function useParticipant(
   stopConsumingMicStreams: () => void;
   stopConsumingWebcamStreams: () => void;
   setQuality: (quality: 'low' | 'med' | 'high') => void;
+  setScreenShareQuality: (quality: 'low' | 'med' | 'high') => void;
   setViewPort: (width: number, height: number) => void;
   enableMic: () => void;
   disableMic: () => void;
@@ -537,15 +538,6 @@ export function useParticipant(
   }) => Promise<string | null>;
   pin: (data: 'SHARE_AND_CAM' | 'CAM' | 'SHARE') => void;
   unpin: (data: 'SHARE_AND_CAM' | 'CAM' | 'SHARE') => void;
-  switchTo: ({
-    meetingId,
-    payload,
-    token
-  }: {
-    meetingId: string;
-    payload: string;
-    token: string;
-  }) => Promise<void>;
   getShareAudioStats: () => Promise<
     Array<{
       bitrate: number;
@@ -722,7 +714,12 @@ export function useMeeting({
   onMeetingStateChanged,
   onParticipantModeChanged,
   onCharacterJoined,
-  onCharacterLeft
+  onCharacterLeft,
+  onMediaRelayStarted,
+  onMediaRelayStopped,
+  onMediaRelayError,
+  onMediaRelayRequestResponse,
+  onMediaRelayRequestReceived,
 }?: {
   onParticipantJoined?: (participant: Participant) => void;
   onParticipantLeft?: (participant: Participant) => void;
@@ -747,8 +744,8 @@ export function useMeeting({
     participantId: string;
     decision: string;
   }) => void;
-  onPausedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined}) => void;
-  onResumedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined}) => void;
+  onPausedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined }) => void;
+  onResumedAllStreams?: ({ kind }: { kind: "audio" | "video" | "share" | "shareAudio" | "all" | undefined }) => void;
   onRecordingStarted?: () => void;
   onRecordingStopped?: () => void;
   onChatMessage?: (data: {
@@ -851,6 +848,47 @@ export function useMeeting({
   }) => void;
   onCharacterJoined?: (character: Character) => void;
   onCharacterLeft?: (character: Character) => void;
+  onMediaRelayStarted?: ({ 
+    meetingId 
+  }: { 
+    meetingId: string 
+  }) => void;
+  onMediaRelayStopped?: ({ 
+    meetingId, 
+    reason 
+  }: { 
+    meetingId: string;
+    reason: string;
+  }) => void;
+  onMediaRelayError?: ({ 
+    meetingId, 
+    error 
+  }: { 
+    meetingId: string;
+    error: string;
+  }) => void;
+  onMediaRelayRequestResponse?: ({
+    decision,
+    decidedBy,
+    meetingId
+  }: {
+    decision: "accepted" | "declined";
+    decidedBy: string;
+    meetingId: string;
+  }) => void;
+  onMediaRelayRequestReceived?: ({
+    participantId,
+    meetingId,
+    displayName,
+    accept,
+    reject
+  }: {
+    participantId: string;
+    meetingId: string;
+    displayName: string;
+    accept: () => void;
+    reject: () => void;
+  }) => void;
 }): {
   meetingId: string;
   meeting: Meeting;
@@ -1204,6 +1242,8 @@ export function useTranscription({
  * ---
  * @param onData - This will triggered when a character worker notify payload.
  * ---
+ * @param onError - This will triggered when a there is an error related to character.
+ * ---
  * @param onStreamEnabled - It's a callback which gets triggered whenever a character's video, audio or screen share stream is enabled.
  * ---
  * @param onStreamEnabled - It's a callback which gets triggered whenever a character's video, audio or screen share stream is disabled.
@@ -1234,6 +1274,10 @@ export function useTranscription({
  *  function onData(topic, data) {
  *    console.log('character data available:', topic, data);
  *  }
+ * 
+ *  function onError(topic, data) {
+ *    console.log('character error:', data.code,data.message);
+ *  }
  *
  *  const { join, leave, sendMessage, interrupt } = useCharacter({
  *   interactionId,
@@ -1250,6 +1294,7 @@ export function useTranscription({
  *    onCharacterMessage,
  *    onUserMessage,
  *    onData,
+ *    onError,
  *    onCharacterJoined,
  *    onCharacterLeft,
  *
@@ -1295,6 +1340,7 @@ export function useCharacter(
     onCharacterMessage,
     onUserMessage,
     onData,
+    onError,
     onStreamEnabled,
     onStreamDisabled,
     onMediaStatusChanged,
@@ -1318,6 +1364,7 @@ export function useCharacter(
     }) => void;
 
     onData?: (topic: string, data: any) => void;
+    onError?: (data: any) => void;
     onCharacterJoined?: () => void;
     onCharacterLeft?: () => void;
 
@@ -1503,6 +1550,8 @@ export function createCameraVideoTrack({
  *
  * #### Values : `enable`, `disable`
  * ---
+ * @param multiStream - It will specifiy if the stream should send multiple resolution layers or single resolution layer.
+ * Please refere thi link for more understanding [What is multiStream ?](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/render-media/optimize-video-track#what-is-multistream)
  *
  * **Code Example**
  * ```js
@@ -1512,23 +1561,30 @@ export function createCameraVideoTrack({
  *    optimizationMode: "motion", // "text" | "detail",  Default : "motion"
  *    encoderConfig: "h720p_15fps", //  `h360p_30fps` | `h1080p_30fps` // Default : `h720p_15fps`
  *    withAudio:'enable' // `disable`,  Default : `disable`
+ *    multiStream: true // false,  Default : false
+ * 
  *  });
  * ```
  */
 export function createScreenShareVideoTrack({
   encoderConfig,
   optimizationMode,
-  withAudio
+  withAudio,
+  multiStream,
 }: {
   encoderConfig?:
-  | 'h360p_30fps'
-  | 'h720p_5fps'
-  | 'h720p_15fps'
-  | 'h1080p_15fps'
-  | 'h1080p_30fps'
+  | "h360p_30fps"
+  | "h480p_15fps"
+  | "h480p_30fps"
+  | "h720p_5fps"
+  | "h720p_15fps"
+  | "h720p_30fps"
+  | "h1080p_15fps"
+  | "h1080p_30fps"
   | undefined;
   optimizationMode?: 'text' | 'motion' | 'detail' | undefined;
   withAudio?: 'enable' | 'disable';
+  multiStream?: boolean;
 }): Promise<MediaStream>;
 
 /**

package/dist/types/meeting.d.ts

@@ -170,7 +170,7 @@ export class Meeting {
   resumeAllStreams(
     kind?: "audio" | "video" | "share" | "shareAudio" | "all"
   ): void;
-  
+
   /**
    * @param webhookUrl
    *         Webhook URL which will be called by VideoSDK when the recording state gets changed
@@ -463,6 +463,25 @@ export class Meeting {
     meetingId: string;
     payload: string;
   }): Promise<void>;
+
+  /**
+   * @description This method is used to request media relay to another meeting
+   * @param options.destinationMeetingId The ID of the meeting to relay media to
+   * @param options.token Optional token for the destination meeting
+   * @param options.kinds Optional array of media types to relay ('audio', 'video', 'share', 'share_audio')
+   */
+  requestMediaRelay(options: {
+    destinationMeetingId: string;
+    token?: string;
+    kinds?: Array<'audio' | 'video' | 'share' | 'share_audio'>;
+  }): void;
+
+  /**
+   * @description Stop relaying media to a destination meeting
+   * @param destinationMeetingId The meeting ID to stop media relay to
+   */
+  stopMediaRelay(destinationMeetingId: string): void;
+
   /**
    * Add event listener
    * @param eventType Event name to which you want to subscribe.
@@ -507,7 +526,14 @@ export class Meeting {
       | 'transcription-text'
       | 'transcription-state-changed'
       | 'character-joined'
-      | 'character-left',
+      | 'character-left'
+      | "paused-all-streams"
+      | "resumed-all-streams"
+      | "media-relay-started"
+      | "media-relay-stopped"
+      | "media-relay-error"
+      | "media-relay-request-response"
+      | "media-relay-request-received",
     listener: (data: any) => void
   ): void;
   /**
@@ -554,7 +580,14 @@ export class Meeting {
       | 'transcription-text'
       | 'transcription-state-changed'
       | 'character-joined'
-      | 'character-left',
+      | 'character-left'
+      | "paused-all-streams"
+      | "resumed-all-streams"
+      | "media-relay-started"
+      | "media-relay-stopped"
+      | "media-relay-error"
+      | "media-relay-request-response"
+      | "media-relay-request-received",
 
     listener: (data: any) => void
   ): void;

package/dist/types/participant.d.ts

@@ -85,6 +85,11 @@ export class Participant {
    * @param quality
    */
   setQuality(quality: 'low' | 'med' | 'high'): void;
+  /**
+ * @description This method can be used to set the incoming screen sharevideo quality of the participant
+ * @param quality
+ */
+  setScreenShareQuality(quality: 'low' | 'med' | 'high'): void;
   /**
    * @description This method can be used to set the video quality of the participant based on the size of the viewport it is being displayed in
    * @param width Width of the Viewport in which participant video is shown
@@ -102,19 +107,6 @@ export class Participant {
    * If `CAM` is provided, it will only unpin the participant's camera, If `SHARE` is provided, it will only unpin the participant's screen share
    */
   unpin(type: 'SHARE_AND_CAM' | 'CAM' | 'SHARE'): void;
-  /**
-   * @deprecated
-   * @param options
-   */
-  switchTo({
-    meetingId,
-    payload,
-    token
-  }: {
-    meetingId: string;
-    payload: string;
-    token: string;
-  }): Promise<void>;
   /**
    * @description This method returns the Video Statistics of the participant.
    * To learn more about the video statistics check these [reference](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/render-media/understanding-call-quality)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@videosdk.live/react-sdk",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "license": "ISC",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -74,7 +74,7 @@
     }
   },
   "dependencies": {
-    "@videosdk.live/js-sdk": "0.2.7",
+    "@videosdk.live/js-sdk": "0.2.8",
     "events": "^3.3.0"
   }
 }