@videosdk.live/react-sdk 0.1.41 → 0.1.44

package/dist/connection/useConnection.d.ts

@@ -0,0 +1,43 @@
+export default useConnection;
+/**
+ *
+ * @param {string} connectionId
+ * @param {{onMeeting:{
+ *  onParticipantJoined: Function,
+ *  onParticipantLeft: Function,
+ *  onChatMessage: Function
+ * }}}
+ * @returns {{
+ *  connection: {
+ *    id: string;
+ *    close: Function;
+ *    payload: string;
+ *    meeting: {
+ *      id: string;
+ *      sendChatMessage: Function;
+ *      end: Function;
+ *      participants: Array<ConnectionParticipant>;
+ *      };
+ *  }}}
+ */
+declare function useConnection(connectionId: string, { onMeeting }?: {
+    onMeeting: {
+        onParticipantJoined: Function;
+        onParticipantLeft: Function;
+        onChatMessage: Function;
+    };
+}): {
+    connection: {
+        id: string;
+        close: Function;
+        payload: string;
+        meeting: {
+            id: string;
+            sendChatMessage: Function;
+            end: Function;
+            participants: Array<ConnectionParticipant>;
+        };
+    };
+};
+import { ConnectionParticipant } from "@videosdk.live/js-sdk/connectionParticipant";
+//# sourceMappingURL=useConnection.d.ts.map

package/dist/connection/useConnection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnection.d.ts","sourceRoot":"","sources":["../../src/connection/useConnection.js"],"names":[],"mappings":";AAGA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,6CAnBW,MAAM;;;;;;;;YAQP,MAAM;;iBAED,MAAM;iBACN;YACd,EAAS,EAAE,MAAM,CAAC;YAClB,eAAsB,WAAW;YACjC,GAAU,WAAW;YACrB,YAAmB,EAAE,MAAM,qBAAqB,CAAC,CAAC;SAC1C;;EAoFR"}

package/dist/index.d.ts

@@ -0,0 +1,99 @@
+import MeetingProvider from "./meeting/MeetingProvider";
+import { useMeeting } from "./meeting/meetingProviderContextDef";
+import useParticipant from "./participant/useParticipant";
+import usePubSub from "./pubSub/usePubSub";
+import { MeetingConsumer } from "./meeting/meetingProviderContextDef";
+import useConnection from "./connection/useConnection";
+export const Constants: {
+    errors: {
+        INVALID_TOKEN: number;
+        INVALID_API_KEY: number;
+        INVALID_PERMISSIONS: number;
+        INVALID_MEETING_ID: number;
+        INVALID_PARTICIPANT_ID: number;
+        DUPLICATE_PARTICIPANT: number;
+        ACCOUNT_DEACTIVATED: number;
+        ACCOUNT_DISCONTINUED: 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;
+    };
+    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;
+    };
+};
+/**
+ * @param {{
+ *  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: "front" | "environment" | undefined,
+ *  optimizationMode: "text"| "motion" | "detail" | undefined
+ * }}
+ */
+export function createCameraVideoTrack({ cameraId, encoderConfig, facingMode, optimizationMode }: {
+    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: "front" | "environment" | undefined;
+    optimizationMode: "text" | "motion" | "detail" | undefined;
+}): Promise<MediaStream>;
+/**
+ * @param {{
+ *  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
+ * }}
+ */
+export function createMicrophoneAudioTrack({ 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;
+}): Promise<MediaStream>;
+/**
+ * @param {{
+ *  encoderConfig: "h360p_30fps" | "h720p_5fps" | "h720p_15fps"
+ *       | "h1080p_15fps" | "h1080p_30fps" | undefined,
+ *  optimizationMode: "text"| "motion" | "detail" | undefined,
+ *  withAudio:"enable" | "disable"
+ * }}
+ */
+export function createScreenShareVideoTrack({ encoderConfig, optimizationMode, withAudio }: {
+    encoderConfig: "h360p_30fps" | "h720p_5fps" | "h720p_15fps" | "h1080p_15fps" | "h1080p_30fps" | undefined;
+    optimizationMode: "text" | "motion" | "detail" | undefined;
+    withAudio: "enable" | "disable";
+}): Promise<MediaStream>;
+export { MeetingProvider, useMeeting, useParticipant, usePubSub, MeetingConsumer, useConnection };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAqC;AAErC;;;;;;;;;;;GAWG;AACH,kGAXW;IACV,QAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAgB,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,GACtD,aAAa,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,GAChE,eAAe,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,GACjE,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,GAC7D,aAAa,GAAG,eAAe,GAAG,eAAe,GAAG,SAAS,CAAC;IACtE,UAAa,EAAE,OAAO,GAAG,aAAa,GAAG,SAAS,CAAC;IACnD,gBAAmB,EAAE,MAAM,GAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;CACzD,wBAcH;AAsBD;;;;;;;;;;;;;GAaG;AACH,yFAbW;IACV,WAAc,EAAE;QAChB,gBAAqB,EAAE,OAAO,CAAC;QAC/B,eAAoB,EAAE,OAAO,CAAC;QAC9B,gBAAqB,EAAE,OAAO,CAAA;KAC1B,GAAG,SAAS,CAAC;IACjB,aAAgB,EAAE,oBAAoB,GAC9B,iBAAiB,GAAG,gBAAgB,GACpC,iBAAiB,GAAG,cAAc,GAClC,qBAAqB,GAAG,SAAS,CAAA;IACzC,YAAe,EAAE,MAAM,GAAG,SAAS,CAAA;CAChC,wBAYH;AA5CD;;;;;;;GAOG;AACH,4FAPW;IACV,aAAgB,EAAE,aAAa,GAAG,YAAY,GAAG,aAAa,GACpD,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC;IACtD,gBAAmB,EAAE,MAAM,GAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7D,SAAY,EAAC,QAAQ,GAAG,SAAS,CAAA;CAC9B,wBAYH"}

package/dist/index.js

@@ -1,9 +1,13 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+require('@videosdk.live/js-sdk/connection');
+require('@videosdk.live/js-sdk/meeting');
+require('@videosdk.live/js-sdk/participant');
 var React = require('react');
 var React__default = _interopDefault(React);
 var EventEmitter = _interopDefault(require('events'));
 var jsSdk = require('@videosdk.live/js-sdk');
+require('@videosdk.live/js-sdk/connectionParticipant');
 
 var eventPrifix = 'videosdk-live-react-sdk';
 var events = {
@@ -33,7 +37,8 @@ var events = {
   'hls-started': eventPrifix + "-hls-started",
   'hls-stopped': eventPrifix + "-hls-stopped",
   'recording-state-changed': eventPrifix + "-recording-state-changed",
-  'livestream-state-changed': eventPrifix + "-livestream-state-changed"
+  'livestream-state-changed': eventPrifix + "-livestream-state-changed",
+  'meeting-state-changed': eventPrifix + "-meeting-state-changed"
 };
 var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
@@ -94,7 +99,9 @@ var useMeeting = function useMeeting(_temp) {
       _ref$onRecordingState = _ref.onRecordingStateChanged,
       onRecordingStateChanged = _ref$onRecordingState === void 0 ? function () {} : _ref$onRecordingState,
       _ref$onLivestreamStat = _ref.onLivestreamStateChanged,
-      onLivestreamStateChanged = _ref$onLivestreamStat === void 0 ? function () {} : _ref$onLivestreamStat;
+      onLivestreamStateChanged = _ref$onLivestreamStat === void 0 ? function () {} : _ref$onLivestreamStat,
+      _ref$onMeetingStateCh = _ref.onMeetingStateChanged,
+      onMeetingStateChanged = _ref$onMeetingStateCh === void 0 ? function () {} : _ref$onMeetingStateCh;
 
   React.useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -124,7 +131,9 @@ var useMeeting = function useMeeting(_temp) {
     eventEmitter.on(events['hls-stopped'], onHlsStopped);
     eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
     eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
+    eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     return function () {
+      eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
       eventEmitter.off(events['participant-left'], onParticipantLeft);
       eventEmitter.off(events['speaker-changed'], onSpeakerChanged);
@@ -211,8 +220,11 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       _ref2$onRecordingStat = _ref2.onRecordingStateChanged,
       onRecordingStateChanged = _ref2$onRecordingStat === void 0 ? function () {} : _ref2$onRecordingStat,
       _ref2$onLivestreamSta = _ref2.onLivestreamStateChanged,
-      onLivestreamStateChanged = _ref2$onLivestreamSta === void 0 ? function () {} : _ref2$onLivestreamSta;
+      onLivestreamStateChanged = _ref2$onLivestreamSta === void 0 ? function () {} : _ref2$onLivestreamSta,
+      _ref2$onMeetingStateC = _ref2.onMeetingStateChanged,
+      onMeetingStateChanged = _ref2$onMeetingStateC === void 0 ? function () {} : _ref2$onMeetingStateC;
   React.useEffect(function () {
+    eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
     eventEmitter.on(events['participant-left'], onParticipantLeft);
     eventEmitter.on(events['speaker-changed'], onSpeakerChanged);
@@ -241,6 +253,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
     eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
     return function () {
+      eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
       eventEmitter.off(events['participant-left'], onParticipantLeft);
       eventEmitter.off(events['speaker-changed'], onSpeakerChanged);
@@ -273,7 +286,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.1.40";
+var version = "0.1.43";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -547,6 +560,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       var _meeting$localPartici;
 
       if (typeof (meeting === null || meeting === void 0 ? void 0 : meeting.off) === 'function') {
+        meeting.off('meeting-state-changed', _handle_meeting_state_changed);
         meeting.off('participant-joined', _handle_participant_joined);
         meeting.off('participant-left', _handle_participant_left);
         meeting.off('presenter-changed', _handle_presenter_changed);
@@ -642,6 +656,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
     eventEmitter.emit(events['livestream-state-changed'], data);
   };
 
+  var _handle_meeting_state_changed = function _handle_meeting_state_changed(data) {
+    eventEmitter.emit(events['meeting-state-changed'], data);
+  };
+
   var join = function join() {
     var meeting = jsSdk.VideoSDK && jsSdk.VideoSDK.initMeeting(configRef.current);
     setMeeting(meeting);
@@ -650,6 +668,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     participants.set(localParticipant.id, localParticipant);
     setParticipants(participants);
     setLocalParticipant(localParticipant);
+    meeting.on('meeting-state-changed', _handle_meeting_state_changed);
     meeting.on('participant-joined', _handle_participant_joined);
     meeting.on('participant-left', _handle_participant_left);
     meeting.on('presenter-changed', _handle_presenter_changed);
@@ -1069,7 +1088,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
       _ref$onStreamEnabled = _ref.onStreamEnabled,
       onStreamEnabled = _ref$onStreamEnabled === void 0 ? function () {} : _ref$onStreamEnabled,
       _ref$onStreamDisabled = _ref.onStreamDisabled,
-      onStreamDisabled = _ref$onStreamDisabled === void 0 ? function () {} : _ref$onStreamDisabled;
+      onStreamDisabled = _ref$onStreamDisabled === void 0 ? function () {} : _ref$onStreamDisabled,
+      _ref$onMediaStatusCha = _ref.onMediaStatusChanged,
+      onMediaStatusChanged = _ref$onMediaStatusCha === void 0 ? function () {} : _ref$onMediaStatusCha;
 
   var _useState = React.useState(null),
       webcamStream = _useState[0],
@@ -1083,6 +1104,10 @@ var useParticipant = function useParticipant(participantId, _temp) {
       screenShareStream = _useState3[0],
       setScreenShareStream = _useState3[1];
 
+  var _useState4 = React.useState(null),
+      screenShareAudioStream = _useState4[0],
+      setScreenShareAudioStream = _useState4[1];
+
   var meeting = useMeeting();
 
   var _useMemo = React.useMemo(function () {
@@ -1112,6 +1137,14 @@ var useParticipant = function useParticipant(participantId, _temp) {
 
   var participant = participants === null || participants === void 0 ? void 0 : participants.get(participantId);
 
+  var _useState5 = React.useState(participant === null || participant === void 0 ? void 0 : participant.webcamOn),
+      webcamOn = _useState5[0],
+      setWebcamOn = _useState5[1];
+
+  var _useState6 = React.useState(participant === null || participant === void 0 ? void 0 : participant.micOn),
+      micOn = _useState6[0],
+      setMicOn = _useState6[1];
+
   var setTrack = function setTrack(stream) {
     if (stream.track.readyState === 'live') {
       switch (stream.kind) {
@@ -1126,6 +1159,10 @@ var useParticipant = function useParticipant(participantId, _temp) {
         case 'share':
           setScreenShareStream(stream);
           break;
+
+        case 'shareAudio':
+          setScreenShareAudioStream(stream);
+          break;
       }
     }
   };
@@ -1144,6 +1181,10 @@ var useParticipant = function useParticipant(participantId, _temp) {
         case 'share':
           setScreenShareStream(null);
           break;
+
+        case 'shareAudio':
+          setScreenShareAudioStream(null);
+          break;
       }
     }
   };
@@ -1158,6 +1199,24 @@ var useParticipant = function useParticipant(participantId, _temp) {
     onStreamDisabled(stream);
   };
 
+  var _handleMediaStatusChanged = function _handleMediaStatusChanged(data) {
+    var kind = data.kind,
+        peerId = data.peerId,
+        newStatus = data.newStatus;
+
+    if (kind == 'audio') {
+      setMicOn(newStatus);
+    } else if (kind == 'video') {
+      setWebcamOn(newStatus);
+    }
+
+    onMediaStatusChanged({
+      kind: kind,
+      peerId: peerId,
+      newStatus: newStatus
+    });
+  };
+
   var setQuality = function setQuality(quality) {
     participant === null || participant === void 0 ? void 0 : participant.setQuality(quality);
   };
@@ -1190,6 +1249,30 @@ var useParticipant = function useParticipant(participantId, _temp) {
     participant === null || participant === void 0 ? void 0 : participant.unpin(data);
   };
 
+  var getAudioStats = function getAudioStats() {
+    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getAudioStats());
+  };
+
+  var getVideoStats = function getVideoStats() {
+    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getVideoStats());
+  };
+
+  var consumeWebcamStreams = function consumeWebcamStreams() {
+    participant === null || participant === void 0 ? void 0 : participant.consumeWebcamStreams();
+  };
+
+  var consumeMicStreams = function consumeMicStreams() {
+    participant === null || participant === void 0 ? void 0 : participant.consumeMicStreams();
+  };
+
+  var stopConsumingWebcamStreams = function stopConsumingWebcamStreams() {
+    participant === null || participant === void 0 ? void 0 : participant.stopConsumingWebcamStreams();
+  };
+
+  var stopConsumingMicStreams = function stopConsumingMicStreams() {
+    participant === null || participant === void 0 ? void 0 : participant.stopConsumingMicStreams();
+  };
+
   var switchTo = function switchTo(data) {
     return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.switchTo(data)).then(function () {});
   };
@@ -1203,11 +1286,21 @@ var useParticipant = function useParticipant(participantId, _temp) {
       });
     }
 
+    if (participant !== null && participant !== void 0 && participant.micOn) {
+      setMicOn(micOn);
+    }
+
+    if (participant !== null && participant !== void 0 && participant.webcamOn) {
+      setWebcamOn(webcamOn);
+    }
+
     participant === null || participant === void 0 ? void 0 : participant.on('stream-enabled', _handleStreamEnabled);
     participant === null || participant === void 0 ? void 0 : participant.on('stream-disabled', _handleStreamDisabled);
+    participant === null || participant === void 0 ? void 0 : participant.on('media-status-changed', _handleMediaStatusChanged);
     return function () {
       participant === null || participant === void 0 ? void 0 : participant.off('stream-enabled', _handleStreamEnabled);
       participant === null || participant === void 0 ? void 0 : participant.off('stream-disabled', _handleStreamDisabled);
+      participant === null || participant === void 0 ? void 0 : participant.off('media-status-changed', _handleMediaStatusChanged);
     };
   }, [participant]);
   return {
@@ -1216,13 +1309,18 @@ var useParticipant = function useParticipant(participantId, _temp) {
     webcamStream: webcamStream,
     micStream: micStream,
     screenShareStream: screenShareStream,
-    webcamOn: !!webcamStream,
-    micOn: !!micStream,
+    screenShareAudioStream: screenShareAudioStream,
+    webcamOn: webcamOn,
+    micOn: micOn,
     screenShareOn: !!screenShareStream,
     isLocal: (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.id) === participantId,
     isActiveSpeaker: activeSpeakerId === participantId,
     isMainParticipant: (mainParticipant === null || mainParticipant === void 0 ? void 0 : mainParticipant.id) === participantId,
     pinState: pinState,
+    consumeMicStreams: consumeMicStreams,
+    consumeWebcamStreams: consumeWebcamStreams,
+    stopConsumingMicStreams: stopConsumingMicStreams,
+    stopConsumingWebcamStreams: stopConsumingWebcamStreams,
     setQuality: setQuality,
     setViewPort: setViewPort,
     enableMic: enableMic,
@@ -1231,7 +1329,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
     disableWebcam: disableWebcam,
     pin: pin,
     unpin: unpin,
-    switchTo: switchTo
+    switchTo: switchTo,
+    getAudioStats: getAudioStats,
+    getVideoStats: getVideoStats
   };
 };
 
@@ -1407,12 +1507,15 @@ var createScreenShareVideoTrack = function createScreenShareVideoTrack(_ref2) {
   var _ref2$encoderConfig = _ref2.encoderConfig,
       encoderConfig = _ref2$encoderConfig === void 0 ? undefined : _ref2$encoderConfig,
       _ref2$optimizationMod = _ref2.optimizationMode,
-      optimizationMode = _ref2$optimizationMod === void 0 ? undefined : _ref2$optimizationMod;
+      optimizationMode = _ref2$optimizationMod === void 0 ? undefined : _ref2$optimizationMod,
+      _ref2$withAudio = _ref2.withAudio,
+      withAudio = _ref2$withAudio === void 0 ? 'enable' : _ref2$withAudio;
 
   try {
     return Promise.resolve(jsSdk.VideoSDK.createScreenShareVideoTrack({
       encoderConfig: encoderConfig,
-      optimizationMode: optimizationMode
+      optimizationMode: optimizationMode,
+      withAudio: withAudio
     }));
   } catch (e) {
     return Promise.reject(e);