@videosdk.live/react-sdk 0.1.78 → 0.1.80

package/dist/types/index.d.ts

@@ -50,6 +50,8 @@ import { Stream } from './stream';
  * ---
  * @param config.customMicrophoneAudioTrack - Set the initial custom audio track using different encoding parameters and optimization mode.
  * ---
+ * @param config.defaultCamera - [For Mobile Browser] It sets the initial camera orientation. Use 'front' to initialize the camera with the front-facing (selfie) mode, or 'back' to initialize it with the rear-facing (main) mode.
+ * ---
  * @param token -
  * - You can generate a token in two ways:
  *
@@ -60,7 +62,7 @@ import { Stream } from './stream';
  * - This is a boolean flag, when set to true, allows a participant to join a meeting directly without explicitly calling the join() function.
  *
  * - This is an OPTIONAL parameter. By default, it is set to false meaning, user has to manually call the join().
- *
+ * 
  */
 export function MeetingProvider({
   children,
@@ -85,6 +87,7 @@ export function MeetingProvider({
     multiStream?: boolean;
     mode?: 'CONFERENCE' | 'VIEWER';
     metaData?: object;
+    defaultCamera?: 'front' | 'back';
   };
   token: string;
   joinWithoutUserInteraction?: boolean;
@@ -266,11 +269,11 @@ export function MeetingConsumer({
     livestreamUrl,
   }: {
     status:
-      | 'HLS_STARTING'
-      | 'HLS_STARTED'
-      | 'HLS_PLAYABLE'
-      | 'HLS_STOPPING'
-      | 'HLS_STOPPED';
+    | 'HLS_STARTING'
+    | 'HLS_STARTED'
+    | 'HLS_PLAYABLE'
+    | 'HLS_STOPPING'
+    | 'HLS_STOPPED';
     downstreamUrl?: string;
     playbackHlsUrl?: string;
     livestreamUrl?: string;
@@ -279,30 +282,30 @@ export function MeetingConsumer({
     status,
   }: {
     status:
-      | 'RECORDING_STARTING'
-      | 'RECORDING_STARTED'
-      | 'RECORDING_STOPPING'
-      | 'RECORDING_STOPPED';
+    | 'RECORDING_STARTING'
+    | 'RECORDING_STARTED'
+    | 'RECORDING_STOPPING'
+    | 'RECORDING_STOPPED';
   }) => void;
   onLivestreamStateChanged?: ({
     status,
   }: {
     status:
-      | 'LIVESTREAM_STARTING'
-      | 'LIVESTREAM_STARTED'
-      | 'LIVESTREAM_STOPPING'
-      | 'LIVESTREAM_STOPPED';
+    | 'LIVESTREAM_STARTING'
+    | 'LIVESTREAM_STARTED'
+    | 'LIVESTREAM_STOPPING'
+    | 'LIVESTREAM_STOPPED';
   }) => void;
   onMeetingStateChanged?: ({
     state,
   }: {
     state:
-      | 'CONNECTING'
-      | 'CONNECTED'
-      | 'FAILED'
-      | 'DISCONNECTED'
-      | 'CLOSING'
-      | 'CLOSED';
+    | 'CONNECTING'
+    | 'CONNECTED'
+    | 'FAILED'
+    | 'DISCONNECTED'
+    | 'CLOSING'
+    | 'CLOSED';
   }) => void;
   onParticipantModeChanged?: ({
     participantId,
@@ -426,6 +429,7 @@ export function useParticipant(
   enableWebcam: () => void;
   disableWebcam: () => void;
   remove: () => void;
+  captureImage: ({ height, width }: { height?: number, width?: number }) => Promise<string | null>;
   pin: (data: 'SHARE_AND_CAM' | 'CAM' | 'SHARE') => void;
   unpin: (data: 'SHARE_AND_CAM' | 'CAM' | 'SHARE') => void;
   switchTo: ({
@@ -668,11 +672,11 @@ export function useMeeting({
     livestreamUrl,
   }: {
     status:
-      | 'HLS_STARTING'
-      | 'HLS_STARTED'
-      | 'HLS_PLAYABLE'
-      | 'HLS_STOPPING'
-      | 'HLS_STOPPED';
+    | 'HLS_STARTING'
+    | 'HLS_STARTED'
+    | 'HLS_PLAYABLE'
+    | 'HLS_STOPPING'
+    | 'HLS_STOPPED';
     downstreamUrl?: string;
     playbackHlsUrl?: string;
     livestreamUrl?: string;
@@ -681,30 +685,30 @@ export function useMeeting({
     status,
   }: {
     status:
-      | 'RECORDING_STARTING'
-      | 'RECORDING_STARTED'
-      | 'RECORDING_STOPPING'
-      | 'RECORDING_STOPPED';
+    | 'RECORDING_STARTING'
+    | 'RECORDING_STARTED'
+    | 'RECORDING_STOPPING'
+    | 'RECORDING_STOPPED';
   }) => void;
   onLivestreamStateChanged?: ({
     status,
   }: {
     status:
-      | 'LIVESTREAM_STARTING'
-      | 'LIVESTREAM_STARTED'
-      | 'LIVESTREAM_STOPPING'
-      | 'LIVESTREAM_STOPPED';
+    | 'LIVESTREAM_STARTING'
+    | 'LIVESTREAM_STARTED'
+    | 'LIVESTREAM_STOPPING'
+    | 'LIVESTREAM_STOPPED';
   }) => void;
   onMeetingStateChanged?: ({
     state,
   }: {
     state:
-      | 'CONNECTING'
-      | 'CONNECTED'
-      | 'FAILED'
-      | 'DISCONNECTED'
-      | 'CLOSING'
-      | 'CLOSED';
+    | 'CONNECTING'
+    | 'CONNECTED'
+    | 'FAILED'
+    | 'DISCONNECTED'
+    | 'CLOSING'
+    | 'CLOSED';
   }) => void;
   onParticipantModeChanged?: ({
     participantId,
@@ -888,9 +892,9 @@ export function usePubSub(
       sendOnly,
     }: {
       persist: boolean;
-      sendOnly: Array<String>;
+      sendOnly?: Array<String>;
     },
-    payload: object,
+    payload?: object,
   ) => void;
   messages: Array<{
     id: string;
@@ -903,6 +907,20 @@ export function usePubSub(
   }>;
 };
 
+export function useFile(): {
+  uploadBase64File: ({ base64Data, token, fileName }: {
+    base64Data: string;
+    token: string;
+    fileName: string;
+  }) => Promise<string | null>;
+
+  fetchBase64File: ({ url, token }: {
+    url: string;
+    token: string;
+  }) => Promise<string | null>;
+};
+
+
 /**
  * @param microphoneId - It will be the id of the mic from which the audio should be captured.
  * ---
@@ -941,20 +959,20 @@ export function createMicrophoneAudioTrack({
   microphoneId,
 }: {
   noiseConfig?:
-    | {
-        echoCancellation: boolean;
-        autoGainControl: boolean;
-        noiseSuppression: boolean;
-      }
-    | undefined;
+  | {
+    echoCancellation: boolean;
+    autoGainControl: boolean;
+    noiseSuppression: boolean;
+  }
+  | undefined;
   encoderConfig?:
-    | 'speech_low_quality'
-    | 'speech_standard'
-    | 'music_standard'
-    | 'standard_stereo'
-    | 'high_quality'
-    | 'high_quality_stereo'
-    | undefined;
+  | 'speech_low_quality'
+  | 'speech_standard'
+  | 'music_standard'
+  | 'standard_stereo'
+  | 'high_quality'
+  | 'high_quality_stereo'
+  | undefined;
   microphoneId?: string | undefined;
 }): Promise<MediaStream>;
 
@@ -1001,25 +1019,25 @@ export function createCameraVideoTrack({
 }: {
   cameraId?: string | undefined;
   encoderConfig?:
-    | 'h90p_w160p'
-    | 'h180p_w320p'
-    | 'h216p_w384p'
-    | 'h360p_w640p'
-    | 'h540p_w960p'
-    | 'h720p_w1280p'
-    | 'h1080p_w1920p'
-    | 'h1440p_w2560p'
-    | 'h2160p_w3840p'
-    | 'h120p_w160p'
-    | 'h180p_w240p'
-    | 'h240p_w320p'
-    | 'h360p_w480p'
-    | 'h480p_w640p'
-    | 'h540p_w720p'
-    | 'h720p_w960p'
-    | 'h1080p_w1440p'
-    | 'h1440p_w1920p'
-    | undefined;
+  | 'h90p_w160p'
+  | 'h180p_w320p'
+  | 'h216p_w384p'
+  | 'h360p_w640p'
+  | 'h540p_w960p'
+  | 'h720p_w1280p'
+  | 'h1080p_w1920p'
+  | 'h1440p_w2560p'
+  | 'h2160p_w3840p'
+  | 'h120p_w160p'
+  | 'h180p_w240p'
+  | 'h240p_w320p'
+  | 'h360p_w480p'
+  | 'h480p_w640p'
+  | 'h540p_w720p'
+  | 'h720p_w960p'
+  | 'h1080p_w1440p'
+  | 'h1440p_w1920p'
+  | undefined;
   facingMode?: 'user' | 'environment' | undefined;
   optimizationMode?: 'text' | 'motion' | 'detail' | undefined;
   multiStream?: boolean;
@@ -1057,12 +1075,12 @@ export function createScreenShareVideoTrack({
   withAudio,
 }: {
   encoderConfig?:
-    | 'h360p_30fps'
-    | 'h720p_5fps'
-    | 'h720p_15fps'
-    | 'h1080p_15fps'
-    | 'h1080p_30fps'
-    | undefined;
+  | 'h360p_30fps'
+  | 'h720p_5fps'
+  | 'h720p_15fps'
+  | 'h1080p_15fps'
+  | 'h1080p_30fps'
+  | undefined;
   optimizationMode?: 'text' | 'motion' | 'detail' | undefined;
   withAudio?: 'enable' | 'disable';
 }): Promise<MediaStream>;

package/dist/types/participant.d.ts

@@ -71,7 +71,11 @@ export class Participant {
      */
     disableWebcam(): void;
     /**
-     *  @description This method can be used to set the incoming video quality of the participant
+     * @description This method can be used to capture image in the meeting
+     */
+    captureImage({height,width}:{height?:number,width?:number}): Promise<string | null>;
+    /**
+     * @description This method can be used to set the incoming video quality of the participant
      * @param quality
      */
     setQuality(quality: 'low' | 'med' | 'high'): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@videosdk.live/react-sdk",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "license": "ISC",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -73,7 +73,7 @@
     }
   },
   "dependencies": {
-    "@videosdk.live/js-sdk": "0.0.74",
+    "@videosdk.live/js-sdk": "0.0.77",
     "events": "^3.3.0"
   }
 }