@videosdk.live/react-sdk 0.1.77 → 0.1.79

package/dist/types/index.d.ts

@@ -5,7 +5,6 @@
 //                 Zujo Now <https://github.com/zujonow>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
 import { Connection } from './connection';
 import { Meeting } from './meeting';
 import { Participant } from './participant';
@@ -64,32 +63,33 @@ import { Stream } from './stream';
  *
  */
 export function MeetingProvider({
-    children,
-    config,
-    token,
-    joinWithoutUserInteraction,
-    reinitialiseMeetingOnConfigChange: _reinitialiseMeetingOnConfigChange,
-    deviceInfo,
+  children,
+  config,
+  token,
+  joinWithoutUserInteraction,
+  reinitialiseMeetingOnConfigChange: _reinitialiseMeetingOnConfigChange,
+  deviceInfo,
 }: {
-    children: any;
-    config: {
-        meetingId: string;
-        autoConsume?: boolean;
-        preferredProtocol?: 'UDP_ONLY' | 'UDP_OVER_TCP';
-        participantId?: string | undefined;
-        name: string;
-        micEnabled: boolean;
-        webcamEnabled: boolean;
-        maxResolution?: 'hd' | 'sd';
-        customCameraVideoTrack?: MediaStream | undefined;
-        customMicrophoneAudioTrack?: MediaStream | undefined;
-        multiStream?: boolean;
-        mode?: 'CONFERENCE' | 'VIEWER';
-    };
-    token: string;
-    joinWithoutUserInteraction?: boolean;
-    reinitialiseMeetingOnConfigChange?: boolean;
-    deviceInfo?: object;
+  children: any;
+  config: {
+    meetingId: string;
+    autoConsume?: boolean;
+    preferredProtocol?: 'UDP_ONLY' | 'UDP_OVER_TCP';
+    participantId?: string | undefined;
+    name: string;
+    micEnabled: boolean;
+    webcamEnabled: boolean;
+    maxResolution?: 'hd' | 'sd';
+    customCameraVideoTrack?: MediaStream | undefined;
+    customMicrophoneAudioTrack?: MediaStream | undefined;
+    multiStream?: boolean;
+    mode?: 'CONFERENCE' | 'VIEWER';
+    metaData?: object;
+  };
+  token: string;
+  joinWithoutUserInteraction?: boolean;
+  reinitialiseMeetingOnConfigChange?: boolean;
+  deviceInfo?: object;
 }): any;
 
 /**
@@ -155,131 +155,162 @@ export function MeetingProvider({
  */
 
 export function MeetingConsumer({
-    children,
-    onParticipantJoined,
-    onParticipantLeft,
-    onSpeakerChanged,
-    onPresenterChanged,
-    onMainParticipantChanged,
-    onEntryRequested,
-    onEntryResponded,
-    onRecordingStarted,
-    onRecordingStopped,
-    onChatMessage,
-    onMeetingJoined,
-    onMeetingLeft,
-    onLiveStreamStarted,
-    onLiveStreamStopped,
-    onVideoStateChanged,
-    onVideoSeeked,
-    onWebcamRequested,
-    onMicRequested,
-    onPinStateChanged,
-    onConnectionOpen,
-    onConnetionClose,
-    onSwitchMeeting,
-    onError,
-    onHlsStarted,
-    onHlsStopped,
-    onHlsStateChanged,
-    onRecordingStateChanged,
-    onLivestreamStateChanged,
-    onMeetingStateChanged,
-    onParticipantModeChanged,
+  children,
+  onParticipantJoined,
+  onParticipantLeft,
+  onSpeakerChanged,
+  onPresenterChanged,
+  onMainParticipantChanged,
+  onEntryRequested,
+  onEntryResponded,
+  onRecordingStarted,
+  onRecordingStopped,
+  onChatMessage,
+  onMeetingJoined,
+  onMeetingLeft,
+  onLiveStreamStarted,
+  onLiveStreamStopped,
+  onVideoStateChanged,
+  onVideoSeeked,
+  onWebcamRequested,
+  onMicRequested,
+  onPinStateChanged,
+  onConnectionOpen,
+  onConnetionClose,
+  onSwitchMeeting,
+  onError,
+  onHlsStarted,
+  onHlsStopped,
+  onHlsStateChanged,
+  onRecordingStateChanged,
+  onLivestreamStateChanged,
+  onMeetingStateChanged,
+  onParticipantModeChanged,
 }: {
-    children: any;
-    onParticipantJoined?: (participant: Participant) => void;
-    onParticipantLeft?: (participant: Participant) => void;
-    onSpeakerChanged?: (activeSpeakerId: string | null) => void;
-    onPresenterChanged?: (presenterId: string | null) => void;
-    onMainParticipantChanged?: (participant: Participant) => void;
-    onEntryRequested?: ({
-        participantId,
-        name,
-        allow,
-        deny,
-    }: {
-        participantId: string;
-        name: string;
-        allow: () => void;
-        deny: () => void;
-    }) => void;
-    onEntryResponded?: ({ participantId, decision }: { participantId: string; decision: string }) => void;
-    onRecordingStarted?: () => void;
-    onRecordingStopped?: () => void;
-    onChatMessage?: (data: { message: string; senderId: string; timestamp: string; senderName: string }) => void;
-    onMeetingJoined?: () => void;
-    onMeetingLeft?: () => void;
-    onLiveStreamStarted?: () => void;
-    onLiveStreamStopped?: () => void;
-    onVideoStateChanged?: () => void;
-    onVideoSeeked?: () => void;
-    onWebcamRequested?: ({
-        participantId,
-        accept,
-        reject,
-    }: {
-        participantId: string;
-        accept: () => void;
-        reject: () => void;
-    }) => void;
-    onMicRequested?: ({
-        participantId,
-        accept,
-        reject,
-    }: {
-        participantId: string;
-        accept: () => void;
-        reject: () => void;
-    }) => void;
-    onPinStateChanged?: ({
-        participantId,
-        state,
-        pinnedBy,
-    }: {
-        participantId: string;
-        state: { share: boolean; cam: boolean };
-        pinnedBy: string;
-    }) => void;
-    onConnectionOpen?: () => void;
-    onConnetionClose?: () => void;
-    onSwitchMeeting?: () => void;
-    onError?: ({ code, message }: { code: string; message: string }) => void;
-    onHlsStarted?: ({ downstreamUrl }: { downstreamUrl: string }) => void;
-    onHlsStopped?: () => void;
-    onHlsStateChanged?: ({
-        status,
-        downstreamUrl,
-        playbackHlsUrl,
-        livestreamUrl,
-    }: {
-        status: 'HLS_STARTING' | 'HLS_STARTED' | 'HLS_PLAYABLE' | 'HLS_STOPPING' | 'HLS_STOPPED';
-        downstreamUrl?: string;
-        playbackHlsUrl?: string;
-        livestreamUrl?: string;
-    }) => void;
-    onRecordingStateChanged?: ({
-        status,
-    }: {
-        status: 'RECORDING_STARTING' | 'RECORDING_STARTED' | 'RECORDING_STOPPING' | 'RECORDING_STOPPED';
-    }) => void;
-    onLivestreamStateChanged?:({ 
-        status
-    }: {
-        status: 'LIVESTREAM_STARTING' | 'LIVESTREAM_STARTED' | 'LIVESTREAM_STOPPING' | 'LIVESTREAM_STOPPED';
-    }) => void;
-    onMeetingStateChanged?: ({
-        state,
-    }: {
-        state: 'CONNECTING' | 'CONNECTED' | 'FAILED' | 'DISCONNECTED' | 'CLOSING' | 'CLOSED';
-    }) => void;
-    onParticipantModeChanged?: ({
-        participantId,
-        mode,
-    }: {
-        participantId: string;
-        mode: 'CONFERENCE' | 'VIEWER';
-    }) => void;
+  children: any;
+  onParticipantJoined?: (participant: Participant) => void;
+  onParticipantLeft?: (participant: Participant) => void;
+  onSpeakerChanged?: (activeSpeakerId: string | null) => void;
+  onPresenterChanged?: (presenterId: string | null) => void;
+  onMainParticipantChanged?: (participant: Participant) => void;
+  onEntryRequested?: ({
+    participantId,
+    name,
+    allow,
+    deny,
+  }: {
+    participantId: string;
+    name: string;
+    allow: () => void;
+    deny: () => void;
+  }) => void;
+  onEntryResponded?: ({
+    participantId,
+    decision,
+  }: {
+    participantId: string;
+    decision: string;
+  }) => void;
+  onRecordingStarted?: () => void;
+  onRecordingStopped?: () => void;
+  onChatMessage?: (data: {
+    message: string;
+    senderId: string;
+    timestamp: string;
+    senderName: string;
+    payload: object;
+  }) => void;
+  onMeetingJoined?: () => void;
+  onMeetingLeft?: () => void;
+  onLiveStreamStarted?: () => void;
+  onLiveStreamStopped?: () => void;
+  onVideoStateChanged?: () => void;
+  onVideoSeeked?: () => void;
+  onWebcamRequested?: ({
+    participantId,
+    accept,
+    reject,
+  }: {
+    participantId: string;
+    accept: () => void;
+    reject: () => void;
+  }) => void;
+  onMicRequested?: ({
+    participantId,
+    accept,
+    reject,
+  }: {
+    participantId: string;
+    accept: () => void;
+    reject: () => void;
+  }) => void;
+  onPinStateChanged?: ({
+    participantId,
+    state,
+    pinnedBy,
+  }: {
+    participantId: string;
+    state: { share: boolean; cam: boolean };
+    pinnedBy: string;
+  }) => void;
+  onConnectionOpen?: () => void;
+  onConnetionClose?: () => void;
+  onSwitchMeeting?: () => void;
+  onError?: ({ code, message }: { code: string; message: string }) => void;
+  onHlsStarted?: ({ downstreamUrl }: { downstreamUrl: string }) => void;
+  onHlsStopped?: () => void;
+  onHlsStateChanged?: ({
+    status,
+    downstreamUrl,
+    playbackHlsUrl,
+    livestreamUrl,
+  }: {
+    status:
+    | 'HLS_STARTING'
+    | 'HLS_STARTED'
+    | 'HLS_PLAYABLE'
+    | 'HLS_STOPPING'
+    | 'HLS_STOPPED';
+    downstreamUrl?: string;
+    playbackHlsUrl?: string;
+    livestreamUrl?: string;
+  }) => void;
+  onRecordingStateChanged?: ({
+    status,
+  }: {
+    status:
+    | 'RECORDING_STARTING'
+    | 'RECORDING_STARTED'
+    | 'RECORDING_STOPPING'
+    | 'RECORDING_STOPPED';
+  }) => void;
+  onLivestreamStateChanged?: ({
+    status,
+  }: {
+    status:
+    | 'LIVESTREAM_STARTING'
+    | 'LIVESTREAM_STARTED'
+    | 'LIVESTREAM_STOPPING'
+    | 'LIVESTREAM_STOPPED';
+  }) => void;
+  onMeetingStateChanged?: ({
+    state,
+  }: {
+    state:
+    | 'CONNECTING'
+    | 'CONNECTED'
+    | 'FAILED'
+    | 'DISCONNECTED'
+    | 'CLOSING'
+    | 'CLOSED';
+  }) => void;
+  onParticipantModeChanged?: ({
+    participantId,
+    mode,
+  }: {
+    participantId: string;
+    mode: 'CONFERENCE' | 'VIEWER';
+  }) => void;
 }): any;
 
 /**
@@ -341,119 +372,128 @@ export function MeetingConsumer({
  * @returns This will return particular participant properties and method. You can refer this [API Reference](https://docs.videosdk.live/react/api/sdk-reference/use-participant/introduction)
  */
 export function useParticipant(
-    participantId: string,
-    {
-        onStreamEnabled,
-        onStreamDisabled,
-        onMediaStatusChanged,
-        onVideoQualityChanged,
-    }?: {
-        onStreamDisabled?: (stream: Stream) => void;
-        onStreamEnabled?: (stream: Stream) => void;
-        onMediaStatusChanged?: ({
-            kind,
-            peerId,
-            newStatus,
-        }: {
-            kind: 'audio' | 'video';
-            peerId: string;
-            newStatus: boolean;
-        }) => void;
-        onVideoQualityChanged?: ({
-            peerId,
-            prevQuality,
-            currentQuality,
-        }: {
-            peerId: string;
-            prevQuality: 'low' | 'med' | 'high';
-            currentQuality: 'low' | 'med' | 'high';
-        }) => void;
-    },
+  participantId: string,
+  {
+    onStreamEnabled,
+    onStreamDisabled,
+    onMediaStatusChanged,
+    onVideoQualityChanged,
+  }?: {
+    onStreamDisabled?: (stream: Stream) => void;
+    onStreamEnabled?: (stream: Stream) => void;
+    onMediaStatusChanged?: ({
+      kind,
+      peerId,
+      newStatus,
+    }: {
+      kind: 'audio' | 'video';
+      peerId: string;
+      newStatus: boolean;
+    }) => void;
+    onVideoQualityChanged?: ({
+      peerId,
+      prevQuality,
+      currentQuality,
+    }: {
+      peerId: string;
+      prevQuality: 'low' | 'med' | 'high';
+      currentQuality: 'low' | 'med' | 'high';
+    }) => void;
+  },
 ): {
-    displayName: string;
-    participant: Participant;
-    webcamStream: Stream;
-    micStream: Stream;
-    screenShareStream: Stream;
-    screenShareAudioStream: Stream;
-    webcamOn: boolean;
-    micOn: boolean;
-    screenShareOn: boolean;
-    isLocal: boolean;
-    isActiveSpeaker: boolean;
-    isMainParticipant: boolean;
-    pinState: any;
-    mode: 'CONFERENCE' | 'VIEWER';
-    consumeMicStreams: () => void;
-    consumeWebcamStreams: () => void;
-    stopConsumingMicStreams: () => void;
-    stopConsumingWebcamStreams: () => void;
-    setQuality: (quality: 'low' | 'med' | 'high') => void;
-    setViewPort: (width: number, height: number) => void;
-    enableMic: () => void;
-    disableMic: () => void;
-    enableWebcam: () => void;
-    disableWebcam: () => void;
-    remove: () => void;
-    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>;
-    getAudioStats: () => Promise<
-        Array<{
-            bitrate: number;
-            rtt: number;
-            network: string;
-            codec: string;
-            jitter: number;
-            limitation: any;
-            totalPackets: number;
-            packetsLost: number;
-            concealmentEvents: number;
-            insertedSamplesForDecelaration: number;
-            removedSamplesForAccelaration: number;
-            size: any;
-        }>
-    >;
-    getVideoStats: () => Promise<
-        Array<{
-            bitrate: number;
-            rtt: number;
-            network: string;
-            codec: string;
-            jitter: number;
-            limitation: any;
-            totalPackets: number;
-            packetsLost: number;
-            concealmentEvents: number;
-            insertedSamplesForDecelaration: number;
-            removedSamplesForAccelaration: number;
-            size: any;
-            currentSpatialLayer: number;
-            currentTemporalLayer: number;
-            preferredSpatialLayer: number;
-            preferredTemporalLayer: number;
-        }>
-    >;
-    getShareStats: () => Promise<
-        Array<{
-            bitrate: number;
-            rtt: number;
-            network: string;
-            codec: string;
-            jitter: number;
-            limitation: any;
-            totalPackets: number;
-            packetsLost: number;
-            concealmentEvents: number;
-            insertedSamplesForDecelaration: number;
-            removedSamplesForAccelaration: number;
-            size: any;
-            currentSpatialLayer: number;
-            currentTemporalLayer: number;
-            preferredSpatialLayer: number;
-            preferredTemporalLayer: number;
-        }>
-    >;
+  displayName: string;
+  participant: Participant;
+  webcamStream: Stream;
+  micStream: Stream;
+  screenShareStream: Stream;
+  screenShareAudioStream: Stream;
+  webcamOn: boolean;
+  micOn: boolean;
+  screenShareOn: boolean;
+  isLocal: boolean;
+  isActiveSpeaker: boolean;
+  isMainParticipant: boolean;
+  pinState: any;
+  mode: 'CONFERENCE' | 'VIEWER';
+  consumeMicStreams: () => void;
+  consumeWebcamStreams: () => void;
+  stopConsumingMicStreams: () => void;
+  stopConsumingWebcamStreams: () => void;
+  setQuality: (quality: 'low' | 'med' | 'high') => void;
+  setViewPort: (width: number, height: number) => void;
+  enableMic: () => void;
+  disableMic: () => void;
+  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: ({
+    meetingId,
+    payload,
+    token,
+  }: {
+    meetingId: string;
+    payload: string;
+    token: string;
+  }) => Promise<void>;
+  getAudioStats: () => Promise<
+    Array<{
+      bitrate: number;
+      rtt: number;
+      network: string;
+      codec: string;
+      jitter: number;
+      limitation: any;
+      totalPackets: number;
+      packetsLost: number;
+      concealmentEvents: number;
+      insertedSamplesForDecelaration: number;
+      removedSamplesForAccelaration: number;
+      size: any;
+    }>
+  >;
+  getVideoStats: () => Promise<
+    Array<{
+      bitrate: number;
+      rtt: number;
+      network: string;
+      codec: string;
+      jitter: number;
+      limitation: any;
+      totalPackets: number;
+      packetsLost: number;
+      concealmentEvents: number;
+      insertedSamplesForDecelaration: number;
+      removedSamplesForAccelaration: number;
+      size: any;
+      currentSpatialLayer: number;
+      currentTemporalLayer: number;
+      preferredSpatialLayer: number;
+      preferredTemporalLayer: number;
+    }>
+  >;
+  getShareStats: () => Promise<
+    Array<{
+      bitrate: number;
+      rtt: number;
+      network: string;
+      codec: string;
+      jitter: number;
+      limitation: any;
+      totalPackets: number;
+      packetsLost: number;
+      concealmentEvents: number;
+      insertedSamplesForDecelaration: number;
+      removedSamplesForAccelaration: number;
+      size: any;
+      currentSpatialLayer: number;
+      currentTemporalLayer: number;
+      preferredSpatialLayer: number;
+      preferredTemporalLayer: number;
+    }>
+  >;
 };
 
 /**
@@ -520,232 +560,270 @@ export function useParticipant(
  */
 
 export function useMeeting({
-    onParticipantJoined,
-    onParticipantLeft,
-    onSpeakerChanged,
-    onPresenterChanged,
-    onMainParticipantChanged,
-    onEntryRequested,
-    onEntryResponded,
-    onRecordingStarted,
-    onRecordingStopped,
-    onChatMessage,
-    onMeetingJoined,
-    onMeetingLeft,
-    onLiveStreamStarted,
-    onLiveStreamStopped,
-    onVideoStateChanged,
-    onVideoSeeked,
-    onWebcamRequested,
-    onMicRequested,
-    onPinStateChanged,
-    onConnectionOpen,
-    onConnetionClose,
-    onSwitchMeeting,
-    onError,
-    onHlsStarted,
-    onHlsStopped,
-    onHlsStateChanged,
-    onRecordingStateChanged,
-    onLivestreamStateChanged,
-    onMeetingStateChanged,
-    onParticipantModeChanged,
+  onParticipantJoined,
+  onParticipantLeft,
+  onSpeakerChanged,
+  onPresenterChanged,
+  onMainParticipantChanged,
+  onEntryRequested,
+  onEntryResponded,
+  onRecordingStarted,
+  onRecordingStopped,
+  onChatMessage,
+  onMeetingJoined,
+  onMeetingLeft,
+  onLiveStreamStarted,
+  onLiveStreamStopped,
+  onVideoStateChanged,
+  onVideoSeeked,
+  onWebcamRequested,
+  onMicRequested,
+  onPinStateChanged,
+  onConnectionOpen,
+  onConnetionClose,
+  onSwitchMeeting,
+  onError,
+  onHlsStarted,
+  onHlsStopped,
+  onHlsStateChanged,
+  onRecordingStateChanged,
+  onLivestreamStateChanged,
+  onMeetingStateChanged,
+  onParticipantModeChanged,
 }?: {
-    onParticipantJoined?: (participant: Participant) => void;
-    onParticipantLeft?: (participant: Participant) => void;
-    onSpeakerChanged?: (activeSpeakerId: string | null) => void;
-    onPresenterChanged?: (presenterId: string | null) => void;
-    onMainParticipantChanged?: (participant: Participant) => void;
-    onEntryRequested?: ({
-        participantId,
-        name,
-        allow,
-        deny,
-    }: {
-        participantId: string;
-        name: string;
-        allow: () => void;
-        deny: () => void;
-    }) => void;
-    onEntryResponded?: ({ participantId, decision }: { participantId: string; decision: string }) => void;
-    onRecordingStarted?: () => void;
-    onRecordingStopped?: () => void;
-    onChatMessage?: (data: { message: string; senderId: string; timestamp: string; senderName: string }) => void;
-    onMeetingJoined?: () => void;
-    onMeetingLeft?: () => void;
-    onLiveStreamStarted?: () => void;
-    onLiveStreamStopped?: () => void;
-    onVideoStateChanged?: () => void;
-    onVideoSeeked?: () => void;
-    onWebcamRequested?: ({
-        participantId,
-        accept,
-        reject,
-    }: {
-        participantId: string;
-        accept: () => void;
-        reject: () => void;
-    }) => void;
-    onMicRequested?: ({
-        participantId,
-        accept,
-        reject,
-    }: {
-        participantId: string;
-        accept: () => void;
-        reject: () => void;
-    }) => void;
-    onPinStateChanged?: ({
-        participantId,
-        state,
-        pinnedBy,
-    }: {
-        participantId: string;
-        state: { share: boolean; cam: boolean };
-        pinnedBy: string;
-    }) => void;
-    onConnectionOpen?: () => void;
-    onConnetionClose?: () => void;
-    onSwitchMeeting?: () => void;
-    onError?: ({ code, message }: { code: string; message: string }) => void;
-    onHlsStarted?: ({ downstreamUrl }: { downstreamUrl: string }) => void;
-    onHlsStopped?: () => void;
-    onHlsStateChanged?: ({
-        status,
-        downstreamUrl,
-        playbackHlsUrl,
-        livestreamUrl,
-    }: {
-        status: 'HLS_STARTING' | 'HLS_STARTED' | 'HLS_PLAYABLE' | 'HLS_STOPPING' | 'HLS_STOPPED';
-        downstreamUrl?: string;
-        playbackHlsUrl?: string;
-        livestreamUrl?: string;
-    }) => void;
-    onRecordingStateChanged?: ({
-        status,
-    }: {
-        status: 'RECORDING_STARTING' | 'RECORDING_STARTED' | 'RECORDING_STOPPING' | 'RECORDING_STOPPED';
-    }) => void;
-    onLivestreamStateChanged?:({ 
-        status
-    }: {
-        status: 'LIVESTREAM_STARTING' | 'LIVESTREAM_STARTED' | 'LIVESTREAM_STOPPING' | 'LIVESTREAM_STOPPED';
-    }) => void;
-    onMeetingStateChanged?: ({
-        state,
-    }: {
-        state: 'CONNECTING' | 'CONNECTED' | 'FAILED' | 'DISCONNECTED' | 'CLOSING' | 'CLOSED';
-    }) => void;
-    onParticipantModeChanged?: ({
-        participantId,
-        mode,
-    }: {
-        participantId: string;
-        mode: 'CONFERENCE' | 'VIEWER';
-    }) => void;
+  onParticipantJoined?: (participant: Participant) => void;
+  onParticipantLeft?: (participant: Participant) => void;
+  onSpeakerChanged?: (activeSpeakerId: string | null) => void;
+  onPresenterChanged?: (presenterId: string | null) => void;
+  onMainParticipantChanged?: (participant: Participant) => void;
+  onEntryRequested?: ({
+    participantId,
+    name,
+    allow,
+    deny,
+  }: {
+    participantId: string;
+    name: string;
+    allow: () => void;
+    deny: () => void;
+  }) => void;
+  onEntryResponded?: ({
+    participantId,
+    decision,
+  }: {
+    participantId: string;
+    decision: string;
+  }) => void;
+  onRecordingStarted?: () => void;
+  onRecordingStopped?: () => void;
+  onChatMessage?: (data: {
+    message: string;
+    senderId: string;
+    timestamp: string;
+    senderName: string;
+    payload: object;
+  }) => void;
+  onMeetingJoined?: () => void;
+  onMeetingLeft?: () => void;
+  onLiveStreamStarted?: () => void;
+  onLiveStreamStopped?: () => void;
+  onVideoStateChanged?: () => void;
+  onVideoSeeked?: () => void;
+  onWebcamRequested?: ({
+    participantId,
+    accept,
+    reject,
+  }: {
+    participantId: string;
+    accept: () => void;
+    reject: () => void;
+  }) => void;
+  onMicRequested?: ({
+    participantId,
+    accept,
+    reject,
+  }: {
+    participantId: string;
+    accept: () => void;
+    reject: () => void;
+  }) => void;
+  onPinStateChanged?: ({
+    participantId,
+    state,
+    pinnedBy,
+  }: {
+    participantId: string;
+    state: { share: boolean; cam: boolean };
+    pinnedBy: string;
+  }) => void;
+  onConnectionOpen?: () => void;
+  onConnetionClose?: () => void;
+  onSwitchMeeting?: () => void;
+  onError?: ({ code, message }: { code: string; message: string }) => void;
+  onHlsStarted?: ({ downstreamUrl }: { downstreamUrl: string }) => void;
+  onHlsStopped?: () => void;
+  onHlsStateChanged?: ({
+    status,
+    downstreamUrl,
+    playbackHlsUrl,
+    livestreamUrl,
+  }: {
+    status:
+    | 'HLS_STARTING'
+    | 'HLS_STARTED'
+    | 'HLS_PLAYABLE'
+    | 'HLS_STOPPING'
+    | 'HLS_STOPPED';
+    downstreamUrl?: string;
+    playbackHlsUrl?: string;
+    livestreamUrl?: string;
+  }) => void;
+  onRecordingStateChanged?: ({
+    status,
+  }: {
+    status:
+    | 'RECORDING_STARTING'
+    | 'RECORDING_STARTED'
+    | 'RECORDING_STOPPING'
+    | 'RECORDING_STOPPED';
+  }) => void;
+  onLivestreamStateChanged?: ({
+    status,
+  }: {
+    status:
+    | 'LIVESTREAM_STARTING'
+    | 'LIVESTREAM_STARTED'
+    | 'LIVESTREAM_STOPPING'
+    | 'LIVESTREAM_STOPPED';
+  }) => void;
+  onMeetingStateChanged?: ({
+    state,
+  }: {
+    state:
+    | 'CONNECTING'
+    | 'CONNECTED'
+    | 'FAILED'
+    | 'DISCONNECTED'
+    | 'CLOSING'
+    | 'CLOSED';
+  }) => void;
+  onParticipantModeChanged?: ({
+    participantId,
+    mode,
+  }: {
+    participantId: string;
+    mode: 'CONFERENCE' | 'VIEWER';
+  }) => void;
 }): {
-    meetingId: string;
-    meeting: Meeting;
-    localParticipant: Participant;
-    activeSpeakerId: string;
-    participants: Map<string, Participant>;
-    pinnedParticipants: Map<
-        string,
-        {
-            cam: boolean;
-            share: boolean;
-        }
-    >;
-    presenterId?: string;
-    localMicOn: boolean;
-    localWebcamOn: boolean;
-    isRecording: boolean;
-    recordingState: string;
-    livestreamState: string;
-    hlsState: string;
-    hlsUrls: {
-        downstreamUrl: string;
-        playbackHlsUrl: string;
-        livestreamUrl: string;
+  meetingId: string;
+  meeting: Meeting;
+  localParticipant: Participant;
+  activeSpeakerId: string;
+  participants: Map<string, Participant>;
+  pinnedParticipants: Map<
+    string,
+    {
+      cam: boolean;
+      share: boolean;
+    }
+  >;
+  presenterId?: string;
+  localMicOn: boolean;
+  localWebcamOn: boolean;
+  isRecording: boolean;
+  recordingState: string;
+  livestreamState: string;
+  hlsState: string;
+  hlsUrls: {
+    downstreamUrl: string;
+    playbackHlsUrl: string;
+    livestreamUrl: string;
+  };
+  localScreenShareOn: boolean;
+  connections: Map<string, Connection>;
+  join: () => void;
+  leave: () => void;
+  end: () => void;
+  unmuteMic: (customAudioTrack?: MediaStream | undefined) => void;
+  muteMic: () => void;
+  toggleMic: (customAudioTrack?: MediaStream | undefined) => void;
+  enableWebcam: (customVideoTrack?: MediaStream | undefined) => void;
+  disableWebcam: () => void;
+  toggleWebcam: (customVideoTrack?: MediaStream | undefined) => void;
+  enableScreenShare: (customScreenShareTrack?: MediaStream | undefined) => void;
+  disableScreenShare: () => void;
+  toggleScreenShare: (customScreenShareTrack?: MediaStream | undefined) => void;
+  startRecording: (
+    webhookUrl?: string,
+    awsDirPath?: string,
+    config?: {
+      layout: {
+        type: 'GRID' | 'SPOTLIGHT' | 'SIDEBAR';
+        priority: 'SPEAKER' | 'PIN';
+        gridSize: number;
+      };
+      orientation: 'landscape' | 'portrait';
+      theme: 'DEFAULT' | 'DARK' | 'LIGHT';
+      quality: 'low' | 'med' | 'high';
+      mode: 'video-and-audio' | 'audio';
+    },
+  ) => void;
+  stopRecording: () => void;
+  startLiveStream: (
+    outputs: Array<{
+      url: string;
+      streamKey: string;
+    }>,
+    config?: {
+      layout: {
+        type: 'GRID' | 'SPOTLIGHT' | 'SIDEBAR';
+        priority: 'SPEAKER' | 'PIN';
+        gridSize: number;
+      };
+      theme: 'DEFAULT' | 'DARK' | 'LIGHT';
+    },
+  ) => void;
+  stopLiveStream: () => void;
+  startHls: (config?: {
+    layout: {
+      type: 'GRID' | 'SPOTLIGHT' | 'SIDEBAR';
+      priority: 'SPEAKER' | 'PIN';
+      gridSize: number;
     };
-    localScreenShareOn: boolean;
-    connections: Map<string, Connection>;
-    join: () => void;
-    leave: () => void;
-    end: () => void;
-    unmuteMic: (customAudioTrack?: MediaStream | undefined) => void;
-    muteMic: () => void;
-    toggleMic: (customAudioTrack?: MediaStream | undefined) => void;
-    enableWebcam: (customVideoTrack?: MediaStream | undefined) => void;
-    disableWebcam: () => void;
-    toggleWebcam: (customVideoTrack?: MediaStream | undefined) => void;
-    enableScreenShare: (customScreenShareTrack?: MediaStream | undefined) => void;
-    disableScreenShare: () => void;
-    toggleScreenShare: (customScreenShareTrack?: MediaStream | undefined) => void;
-    startRecording: (
-        webhookUrl?: string,
-        awsDirPath?: string,
-        config?: {
-            layout: {
-                type: 'GRID' | 'SPOTLIGHT' | 'SIDEBAR';
-                priority: 'SPEAKER' | 'PIN';
-                gridSize: number;
-            };
-            orientation: 'landscape' | 'portrait';
-            theme: 'DEFAULT' | 'DARK' | 'LIGHT';
-            quality: 'low' | 'med' | 'high';
-            mode: 'video-and-audio' | 'audio';
-        },
-    ) => void;
-    stopRecording: () => void;
-    startLiveStream: (
-        outputs: Array<{
-            url: string;
-            streamKey: string;
-        }>,
-        config?: {
-            layout: {
-                type: 'GRID' | 'SPOTLIGHT' | 'SIDEBAR';
-                priority: 'SPEAKER' | 'PIN';
-                gridSize: number;
-            };
-            theme: 'DEFAULT' | 'DARK' | 'LIGHT';
-        },
-    ) => void;
-    stopLiveStream: () => void;
-    startHls: (config?: {
-        layout: {
-            type: 'GRID' | 'SPOTLIGHT' | 'SIDEBAR';
-            priority: 'SPEAKER' | 'PIN';
-            gridSize: number;
-        };
-        orientation: 'landscape' | 'portrait';
-        theme: 'DEFAULT' | 'DARK' | 'LIGHT';
-        quality: 'low' | 'med' | 'high';
-        mode: 'video-and-audio' | 'audio';
-    }) => void;
-    stopHls: () => void;
-    getMics: () => Promise<
-        Array<{
-            deviceId: string;
-            label: string;
-        }>
-    >;
-    getWebcams: () => Promise<
-        Array<{
-            deviceId: string;
-            label: string;
-            facingMode: 'environment' | 'front';
-        }>
-    >;
-    changeMic: (object: string | MediaStream) => void;
-    changeWebcam: (object: string | MediaStream) => void;
-    startVideo: ({ link }: { link: string }) => void;
-    stopVideo: () => void;
-    pauseVideo: ({ currentTime }: { currentTime: number }) => void;
-    resumeVideo: () => void;
-    seekVideo: ({ currentTime }: { currentTime: number }) => void;
-    connectTo: ({ meetingId, payload }: { meetingId: string; payload: string }) => void;
+    orientation: 'landscape' | 'portrait';
+    theme: 'DEFAULT' | 'DARK' | 'LIGHT';
+    quality: 'low' | 'med' | 'high';
+    mode: 'video-and-audio' | 'audio';
+  }) => void;
+  stopHls: () => void;
+  getMics: () => Promise<
+    Array<{
+      deviceId: string;
+      label: string;
+    }>
+  >;
+  getWebcams: () => Promise<
+    Array<{
+      deviceId: string;
+      label: string;
+      facingMode: 'environment' | 'front';
+    }>
+  >;
+  changeMic: (object: string | MediaStream) => void;
+  changeWebcam: (object: string | MediaStream) => void;
+  changeMode(mode: 'CONFERENCE' | 'VIEWER'): void;
+  startVideo: ({ link }: { link: string }) => void;
+  stopVideo: () => void;
+  pauseVideo: ({ currentTime }: { currentTime: number }) => void;
+  resumeVideo: () => void;
+  seekVideo: ({ currentTime }: { currentTime: number }) => void;
+  connectTo: ({
+    meetingId,
+    payload,
+  }: {
+    meetingId: string;
+    payload: string;
+  }) => void;
 };
 
 /**
@@ -777,49 +855,69 @@ export function useMeeting({
  * ```
  */
 export function usePubSub(
-    topic: string,
-    {
-        onMessageReceived,
-        onOldMessagesReceived,
-    }?: {
-        onMessageReceived?: (message: {
-            id: string;
-            message: string;
-            senderId: string;
-            senderName: string;
-            timestamp: string;
-            topic: string;
-        }) => void;
-        onOldMessagesReceived?: (
-            messages: Array<{
-                id: string;
-                message: string;
-                senderId: string;
-                senderName: string;
-                timestamp: string;
-                topic: string;
-            }>,
-        ) => void;
-    },
-): {
-    publish: (
-        message: string,
-        {
-            persist: boolean,
-        }: {
-            persist: any;
-        },
-    ) => void;
-    messages: Array<{
+  topic: string,
+  {
+    onMessageReceived,
+    onOldMessagesReceived,
+  }?: {
+    onMessageReceived?: (message: {
+      id: string;
+      message: string;
+      senderId: string;
+      senderName: string;
+      timestamp: string;
+      topic: string;
+      payload: object;
+    }) => void;
+    onOldMessagesReceived?: (
+      messages: Array<{
         id: string;
         message: string;
         senderId: string;
         senderName: string;
         timestamp: string;
         topic: string;
-    }>;
+        payload: object;
+      }>,
+    ) => void;
+  },
+): {
+  publish: (
+    message: string,
+    {
+      persist,
+      sendOnly,
+    }: {
+      persist: boolean;
+      sendOnly?: Array<String>;
+    },
+    payload?: object,
+  ) => void;
+  messages: Array<{
+    id: string;
+    message: string;
+    senderId: string;
+    senderName: string;
+    timestamp: string;
+    topic: string;
+    payload: object;
+  }>;
 };
 
+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.
  * ---
@@ -853,26 +951,26 @@ export function usePubSub(
  */
 
 export function createMicrophoneAudioTrack({
-    noiseConfig,
-    encoderConfig,
-    microphoneId,
+  noiseConfig,
+  encoderConfig,
+  microphoneId,
 }: {
-    noiseConfig?:
-    | {
-        echoCancellation: boolean;
-        autoGainControl: boolean;
-        noiseSuppression: boolean;
-    }
-    | undefined;
-    encoderConfig?:
-    | 'speech_low_quality'
-    | 'speech_standard'
-    | 'music_standard'
-    | 'standard_stereo'
-    | 'high_quality'
-    | 'high_quality_stereo'
-    | undefined;
-    microphoneId?: string | undefined;
+  noiseConfig?:
+  | {
+    echoCancellation: boolean;
+    autoGainControl: boolean;
+    noiseSuppression: boolean;
+  }
+  | undefined;
+  encoderConfig?:
+  | 'speech_low_quality'
+  | 'speech_standard'
+  | 'music_standard'
+  | 'standard_stereo'
+  | 'high_quality'
+  | 'high_quality_stereo'
+  | undefined;
+  microphoneId?: string | undefined;
 }): Promise<MediaStream>;
 
 /**
@@ -910,36 +1008,36 @@ export function createMicrophoneAudioTrack({
  * ```
  */
 export function createCameraVideoTrack({
-    cameraId,
-    encoderConfig,
-    facingMode,
-    optimizationMode,
-    multiStream,
+  cameraId,
+  encoderConfig,
+  facingMode,
+  optimizationMode,
+  multiStream,
 }: {
-    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;
-    facingMode?: 'user' | 'environment' | undefined;
-    optimizationMode?: 'text' | 'motion' | 'detail' | undefined;
-    multiStream?: boolean;
+  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;
+  facingMode?: 'user' | 'environment' | undefined;
+  optimizationMode?: 'text' | 'motion' | 'detail' | undefined;
+  multiStream?: boolean;
 }): Promise<MediaStream>;
 
 /**
@@ -969,65 +1067,71 @@ export function createCameraVideoTrack({
  * ```
  */
 export function createScreenShareVideoTrack({
-    encoderConfig,
-    optimizationMode,
-    withAudio,
+  encoderConfig,
+  optimizationMode,
+  withAudio,
 }: {
-    encoderConfig?: 'h360p_30fps' | 'h720p_5fps' | 'h720p_15fps' | 'h1080p_15fps' | 'h1080p_30fps' | undefined;
-    optimizationMode?: 'text' | 'motion' | 'detail' | undefined;
-    withAudio?: 'enable' | 'disable';
+  encoderConfig?:
+  | 'h360p_30fps'
+  | 'h720p_5fps'
+  | 'h720p_15fps'
+  | 'h1080p_15fps'
+  | 'h1080p_30fps'
+  | undefined;
+  optimizationMode?: 'text' | 'motion' | 'detail' | undefined;
+  withAudio?: 'enable' | 'disable';
 }): Promise<MediaStream>;
 
 export const Constants: {
-    errors: {
-        INVALID_API_KEY: number;
-        INVALID_TOKEN: number;
-        INVALID_MEETING_ID: number;
-        INVALID_PARTICIPANT_ID: number;
-        DUPLICATE_PARTICIPANT: number;
-        ACCOUNT_DEACTIVATED: number;
-        ACCOUNT_DISCONTINUED: number;
-        INVALID_PERMISSIONS: number;
-        MAX_PARTCIPANT_REACHED: number;
-        MAX_SPEAKER_REACHED: number;
-        START_RECORDING_FAILED: number;
-        STOP_RECORDING_FAILED: number;
-        START_LIVESTREAM_FAILED: number;
-        STOP_LIVESTREAM_FAILED: number;
-        INVALID_LIVESTREAM_CONFIG: number;
-        START_HLS_FAILED: number;
-        STOP_HLS_FAILED: number;
-        RECORDING_FAILED: number;
-        LIVESTREAM_FAILED: number;
-        HLS_FAILED: number;
-        ERROR_GET_VIDEO_MEDIA: number;
-        ERROR_GET_AUDIO_MEDIA: number;
-        ERROR_GET_DISPLAY_MEDIA: number;
-        ERROR_GET_VIDEO_MEDIA_PERMISSION_DENIED: number;
-        ERROR_GET_AUDIO_MEDIA_PERMISSION_DENIED: number;
-        ERROR_GET_DISPLAY_MEDIA_PERMISSION_DENIED: number;
-    };
-    recordingEvents: {
-        RECORDING_STARTING: string;
-        RECORDING_STARTED: string;
-        RECORDING_STOPPING: string;
-        RECORDING_STOPPED: string;
-    };
-    livestreamEvents: {
-        LIVESTREAM_STARTING: string;
-        LIVESTREAM_STARTED: string;
-        LIVESTREAM_STOPPING: string;
-        LIVESTREAM_STOPPED: string;
-    };
-    hlsEvents: {
-        HLS_STARTING: string;
-        HLS_STARTED: string;
-        HLS_PLAYABLE: string;
-        HLS_STOPPING: string;
-        HLS_STOPPED: string;
-    };
-    modes: {
-        CONFERENCE: string;
-        VIEWER: string;
-    };
+  errors: {
+    INVALID_API_KEY: number;
+    INVALID_TOKEN: number;
+    INVALID_MEETING_ID: number;
+    INVALID_PARTICIPANT_ID: number;
+    DUPLICATE_PARTICIPANT: number;
+    ACCOUNT_DEACTIVATED: number;
+    ACCOUNT_DISCONTINUED: number;
+    INVALID_PERMISSIONS: number;
+    MAX_PARTCIPANT_REACHED: number;
+    MAX_SPEAKER_REACHED: number;
+    START_RECORDING_FAILED: number;
+    STOP_RECORDING_FAILED: number;
+    START_LIVESTREAM_FAILED: number;
+    STOP_LIVESTREAM_FAILED: number;
+    INVALID_LIVESTREAM_CONFIG: number;
+    START_HLS_FAILED: number;
+    STOP_HLS_FAILED: number;
+    RECORDING_FAILED: number;
+    LIVESTREAM_FAILED: number;
+    HLS_FAILED: number;
+    ERROR_GET_VIDEO_MEDIA: number;
+    ERROR_GET_AUDIO_MEDIA: number;
+    ERROR_GET_DISPLAY_MEDIA: number;
+    ERROR_GET_VIDEO_MEDIA_PERMISSION_DENIED: number;
+    ERROR_GET_AUDIO_MEDIA_PERMISSION_DENIED: number;
+    ERROR_GET_DISPLAY_MEDIA_PERMISSION_DENIED: number;
+  };
+  recordingEvents: {
+    RECORDING_STARTING: string;
+    RECORDING_STARTED: string;
+    RECORDING_STOPPING: string;
+    RECORDING_STOPPED: string;
+  };
+  livestreamEvents: {
+    LIVESTREAM_STARTING: string;
+    LIVESTREAM_STARTED: string;
+    LIVESTREAM_STOPPING: string;
+    LIVESTREAM_STOPPED: string;
+  };
+  hlsEvents: {
+    HLS_STARTING: string;
+    HLS_STARTED: string;
+    HLS_PLAYABLE: string;
+    HLS_STOPPING: string;
+    HLS_STOPPED: string;
+  };
+  modes: {
+    CONFERENCE: string;
+    VIEWER: string;
+  };
 };