@videosdk.live/react-sdk 0.4.1 → 0.4.3

package/dist/index.js

@@ -64,7 +64,7 @@ var events = {
   'entry-responded': eventPrifix + "-entry-responded",
   'recording-started': eventPrifix + "-recording-started",
   'recording-stopped': eventPrifix + "-recording-stopped",
-  'chat-message': eventPrifix + "-chat-message",
+  data: eventPrifix + "-data",
   'meeting-joined': eventPrifix + "-meeting-joined",
   'meeting-left': eventPrifix + "-meeting-left",
   'live-stream-started': eventPrifix + "-live-stream-started",
@@ -141,8 +141,8 @@ var useMeeting = function useMeeting(_temp) {
     onRecordingStarted = _ref$onRecordingStart === void 0 ? function () {} : _ref$onRecordingStart,
     _ref$onRecordingStopp = _ref.onRecordingStopped,
     onRecordingStopped = _ref$onRecordingStopp === void 0 ? function () {} : _ref$onRecordingStopp,
-    _ref$onChatMessage = _ref.onChatMessage,
-    onChatMessage = _ref$onChatMessage === void 0 ? function () {} : _ref$onChatMessage,
+    _ref$onData = _ref.onData,
+    onData = _ref$onData === void 0 ? function () {} : _ref$onData,
     _ref$onMeetingJoined = _ref.onMeetingJoined,
     onMeetingJoined = _ref$onMeetingJoined === void 0 ? function () {} : _ref$onMeetingJoined,
     _ref$onMeetingLeft = _ref.onMeetingLeft,
@@ -209,7 +209,7 @@ var useMeeting = function useMeeting(_temp) {
     eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
     eventEmitter.on(events['recording-started'], onRecordingStarted);
     eventEmitter.on(events['recording-stopped'], onRecordingStopped);
-    eventEmitter.on(events['chat-message'], onChatMessage);
+    eventEmitter.on(events['data'], onData);
     eventEmitter.on(events['meeting-joined'], onMeetingJoined);
     eventEmitter.on(events['meeting-left'], onMeetingLeft);
     eventEmitter.on(events['live-stream-started'], onLiveStreamStarted);
@@ -250,7 +250,7 @@ var useMeeting = function useMeeting(_temp) {
       eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
       eventEmitter.off(events['recording-started'], onRecordingStarted);
       eventEmitter.off(events['recording-stopped'], onRecordingStopped);
-      eventEmitter.off(events['chat-message'], onChatMessage);
+      eventEmitter.off(events['data'], onData);
       eventEmitter.off(events['meeting-joined'], onMeetingJoined);
       eventEmitter.off(events['meeting-left'], onMeetingLeft);
       eventEmitter.off(events['live-stream-started'], onLiveStreamStarted);
@@ -305,8 +305,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     onRecordingStarted = _ref2$onRecordingStar === void 0 ? function () {} : _ref2$onRecordingStar,
     _ref2$onRecordingStop = _ref2.onRecordingStopped,
     onRecordingStopped = _ref2$onRecordingStop === void 0 ? function () {} : _ref2$onRecordingStop,
-    _ref2$onChatMessage = _ref2.onChatMessage,
-    onChatMessage = _ref2$onChatMessage === void 0 ? function () {} : _ref2$onChatMessage,
+    _ref2$onData = _ref2.onData,
+    onData = _ref2$onData === void 0 ? function () {} : _ref2$onData,
     _ref2$onMeetingJoined = _ref2.onMeetingJoined,
     onMeetingJoined = _ref2$onMeetingJoined === void 0 ? function () {} : _ref2$onMeetingJoined,
     _ref2$onMeetingLeft = _ref2.onMeetingLeft,
@@ -374,7 +374,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
     eventEmitter.on(events['recording-started'], onRecordingStarted);
     eventEmitter.on(events['recording-stopped'], onRecordingStopped);
-    eventEmitter.on(events['chat-message'], onChatMessage);
+    eventEmitter.on(events['data'], onData);
     eventEmitter.on(events['meeting-joined'], onMeetingJoined);
     eventEmitter.on(events['meeting-left'], onMeetingLeft);
     eventEmitter.on(events['live-stream-enabled'], onLiveStreamStarted);
@@ -414,7 +414,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
       eventEmitter.off(events['recording-started'], onRecordingStarted);
       eventEmitter.off(events['recording-stopped'], onRecordingStopped);
-      eventEmitter.off(events['chat-message'], onChatMessage);
+      eventEmitter.off(events['data'], onData);
       eventEmitter.off(events['meeting-joined'], onMeetingJoined);
       eventEmitter.off(events['meeting-left'], onMeetingLeft);
       eventEmitter.off(events['live-stream-enabled'], onLiveStreamStarted);
@@ -446,7 +446,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.4.1";
+var version = "0.4.3";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -483,49 +483,49 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _useState9 = React.useState(false),
     isRecording = _useState9[0],
     setIsRecording = _useState9[1];
-  var _useState10 = React.useState([]),
-    messages = _useState10[0],
-    setMessages = _useState10[1];
+  var _useState0 = React.useState([]),
+    messages = _useState0[0],
+    setMessages = _useState0[1];
+  var _useState1 = React.useState(new Map()),
+    participants = _useState1[0],
+    setParticipants = _useState1[1];
+  var _useState10 = React.useState(new Map()),
+    characters = _useState10[0],
+    setCharacters = _useState10[1];
   var _useState11 = React.useState(new Map()),
-    participants = _useState11[0],
-    setParticipants = _useState11[1];
-  var _useState12 = React.useState(new Map()),
-    characters = _useState12[0],
-    setCharacters = _useState12[1];
+    pinnedParticipants = _useState11[0],
+    setPinnedParticipants = _useState11[1];
+  var _useState12 = React.useState(false),
+    isLiveStreaming = _useState12[0],
+    setIsLiveStreaming = _useState12[1];
   var _useState13 = React.useState(new Map()),
-    pinnedParticipants = _useState13[0],
-    setPinnedParticipants = _useState13[1];
+    connections = _useState13[0],
+    setConnections = _useState13[1];
   var _useState14 = React.useState(false),
-    isLiveStreaming = _useState14[0],
-    setIsLiveStreaming = _useState14[1];
-  var _useState15 = React.useState(new Map()),
-    connections = _useState15[0],
-    setConnections = _useState15[1];
-  var _useState16 = React.useState(false),
-    isMeetingJoined = _useState16[0],
-    setIsMeetingJoined = _useState16[1];
-  var _useState17 = React.useState(false),
-    isHls = _useState17[0],
-    setIsHls = _useState17[1];
-  var _useState18 = React.useState('RECORDING_STOPPED'),
-    recordingState = _useState18[0],
-    setRecordingState = _useState18[1];
-  var _useState19 = React.useState('LIVESTREAM_STOPPED'),
-    livestreamState = _useState19[0],
-    setLivestreamState = _useState19[1];
-  var _useState20 = React.useState('HLS_STOPPED'),
-    hlsState = _useState20[0],
-    setHlsState = _useState20[1];
-  var _useState21 = React.useState({
+    isMeetingJoined = _useState14[0],
+    setIsMeetingJoined = _useState14[1];
+  var _useState15 = React.useState(false),
+    isHls = _useState15[0],
+    setIsHls = _useState15[1];
+  var _useState16 = React.useState('RECORDING_STOPPED'),
+    recordingState = _useState16[0],
+    setRecordingState = _useState16[1];
+  var _useState17 = React.useState('LIVESTREAM_STOPPED'),
+    livestreamState = _useState17[0],
+    setLivestreamState = _useState17[1];
+  var _useState18 = React.useState('HLS_STOPPED'),
+    hlsState = _useState18[0],
+    setHlsState = _useState18[1];
+  var _useState19 = React.useState({
       downstreamUrl: null,
       playbackHlsUrl: null,
       livestreamUrl: null
     }),
-    hlsUrls = _useState21[0],
-    setHlsUrls = _useState21[1];
-  var _useState22 = React.useState('TRANSCRIPTION_STOPPED'),
-    transcriptionState = _useState22[0],
-    setTranscriptionState = _useState22[1];
+    hlsUrls = _useState19[0],
+    setHlsUrls = _useState19[1];
+  var _useState20 = React.useState('TRANSCRIPTION_STOPPED'),
+    transcriptionState = _useState20[0],
+    setTranscriptionState = _useState20[1];
   var meetingRef = React.useRef();
   var localMicOnRef = React.useRef();
   var localWebcamOnRef = React.useRef();
@@ -625,7 +625,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     setMessages(function (s) {
       return [].concat(s, [data]);
     });
-    eventEmitter.emit(events['chat-message'], data);
+    eventEmitter.emit(events['data'], data);
   };
   var _handle_entry_requested = function _handle_entry_requested(data) {
     eventEmitter.emit(events['entry-requested'], data);
@@ -714,7 +714,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
         meeting.off('speaker-changed', _handle_speaker_changed);
         meeting.off('entry-requested', _handle_entry_requested);
         meeting.off('entry-responded', _handle_entry_responded);
-        meeting.off('chat-message', _handle_chat_message);
+        meeting.off('data', _handle_chat_message);
         meeting.off('recording-started', _handle_recording_started);
         meeting.off('recording-stopped', _handle_recording_stopped);
         meeting.off('meeting-joined', _handle_meeting_joined);
@@ -741,8 +741,14 @@ var MeetingProvider = function MeetingProvider(_ref) {
         meeting.off('whiteboard-stopped', _handle_whiteboard_stopped);
         meeting.off('whiteboard-started', _handle_whiteboard_started);
         meeting.off('transcription-state-changed', _handle_transcription_state_changed);
+        meeting.off('transcription-text', _handle_transcription_text);
         meeting.off('character-joined', _handle_character_joined);
         meeting.off('character-left', _handle_character_left);
+        meeting.off('media-relay-started', _handle_media_relay_started);
+        meeting.off('media-relay-stopped', _handle_media_relay_stopped);
+        meeting.off('media-relay-error', _handle_media_relay_error);
+        meeting.off('media-relay-request-response', _handle_media_relay_request_response);
+        meeting.off('media-relay-request-received', _handle_media_relay_request_received);
       }
       if (typeof (meeting === null || meeting === void 0 ? void 0 : (_meeting$localPartici = meeting.localParticipant) === null || _meeting$localPartici === void 0 ? void 0 : _meeting$localPartici.off) === 'function') {
         meeting.localParticipant.off('stream-enabled', _handle_localParticipant_stream_enabled);
@@ -911,7 +917,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     meeting.on('speaker-changed', _handle_speaker_changed);
     meeting.on('entry-requested', _handle_entry_requested);
     meeting.on('entry-responded', _handle_entry_responded);
-    meeting.on('chat-message', _handle_chat_message);
+    meeting.on('data', _handle_chat_message);
     meeting.on('recording-started', _handle_recording_started);
     meeting.on('recording-stopped', _handle_recording_stopped);
     meeting.on('meeting-joined', _handle_meeting_joined);
@@ -1084,10 +1090,21 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.changeMode(mode);
     }
   };
-  var sendChatMessage = function sendChatMessage(text) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.sendChatMessage(text);
+  var send = function send(payload, options) {
+    if (options === void 0) {
+      options = {
+        reliability: 'RELIABLE'
+      };
+    }
+    try {
+      var _meeting = meetingRef.current;
+      return Promise.resolve(function () {
+        if (_meeting) {
+          return Promise.resolve(_meeting.send(payload, options));
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
     }
   };
   var respondEntry = function respondEntry(participantId, decision) {
@@ -1098,10 +1115,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
   };
   var getMics = function getMics() {
     try {
-      var _meeting = meetingRef.current;
+      var _meeting2 = meetingRef.current;
       return Promise.resolve(function () {
-        if (_meeting) {
-          return Promise.resolve(_meeting.getMics());
+        if (_meeting2) {
+          return Promise.resolve(_meeting2.getMics());
         }
       }());
     } catch (e) {
@@ -1110,10 +1127,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
   };
   var getWebcams = function getWebcams() {
     try {
-      var _meeting2 = meetingRef.current;
+      var _meeting3 = meetingRef.current;
       return Promise.resolve(function () {
-        if (_meeting2) {
-          return Promise.resolve(_meeting2.getWebcams());
+        if (_meeting3) {
+          return Promise.resolve(_meeting3.getWebcams());
         }
       }());
     } catch (e) {
@@ -1220,14 +1237,14 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.stopLivestream();
     }
   };
-  var connectTo = function connectTo(_ref10) {
-    var meetingId = _ref10.meetingId,
-      payload = _ref10.payload;
+  var connectTo = function connectTo(_ref0) {
+    var meetingId = _ref0.meetingId,
+      payload = _ref0.payload;
     try {
-      var _meeting3 = meetingRef.current;
+      var _meeting4 = meetingRef.current;
       var _temp = function () {
-        if (_meeting3) {
-          return Promise.resolve(_meeting3.connectTo({
+        if (_meeting4) {
+          return Promise.resolve(_meeting4.connectTo({
             meetingId: meetingId,
             payload: payload
           })).then(function () {});
@@ -1310,7 +1327,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       resumeAllStreams: resumeAllStreams,
       startRecording: startRecording,
       stopRecording: stopRecording,
-      sendChatMessage: sendChatMessage,
+      send: send,
       respondEntry: respondEntry,
       muteMic: muteMic,
       unmuteMic: unmuteMic,
@@ -1464,6 +1481,12 @@ var useParticipant = function useParticipant(participantId, _temp) {
     setTrack(stream);
     onStreamEnabled(stream);
   };
+  var _handleStreamPaused = function _handleStreamPaused(data) {
+    onStreamPaused(data);
+  };
+  var _handleStreamResumed = function _handleStreamResumed(data) {
+    onStreamResumed(data);
+  };
   var _handleParticipantModeChanged = function _handleParticipantModeChanged(data) {
     if (participantId === data.participantId) {
       setMode(data.mode);
@@ -1498,6 +1521,18 @@ var useParticipant = function useParticipant(participantId, _temp) {
       newStatus: newStatus
     });
   };
+  var _handleProducerAdded = function _handleProducerAdded(data) {
+    onProducerAdded(data);
+  };
+  var _handleProducerRemoved = function _handleProducerRemoved(data) {
+    onProducerRemoved(data);
+  };
+  var _handleConsumerAdded = function _handleConsumerAdded(data) {
+    onConsumerAdded(data);
+  };
+  var _handleConsumerRemoved = function _handleConsumerRemoved(data) {
+    onConsumerRemoved(data);
+  };
   var setQuality = function setQuality(quality) {
     participant === null || participant === void 0 ? void 0 : participant.setQuality(quality);
   };
@@ -1576,32 +1611,26 @@ var useParticipant = function useParticipant(participantId, _temp) {
     }
     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('stream-paused', function (data) {
-      onStreamPaused(data);
-    });
-    participant === null || participant === void 0 ? void 0 : participant.on('stream-resumed', function (data) {
-      onStreamResumed(data);
-    });
+    participant === null || participant === void 0 ? void 0 : participant.on('stream-paused', _handleStreamPaused);
+    participant === null || participant === void 0 ? void 0 : participant.on('stream-resumed', _handleStreamResumed);
     participant === null || participant === void 0 ? void 0 : participant.on('media-status-changed', _handleMediaStatusChanged);
     participant === null || participant === void 0 ? void 0 : participant.on('video-quality-changed', _handleVideoQualityChanged);
-    participant === null || participant === void 0 ? void 0 : participant.on('producer-added', function (data) {
-      onProducerAdded(data);
-    });
-    participant === null || participant === void 0 ? void 0 : participant.on('producer-removed', function (data) {
-      onProducerRemoved(data);
-    });
-    participant === null || participant === void 0 ? void 0 : participant.on('consumer-added', function (data) {
-      onConsumerAdded(data);
-    });
-    participant === null || participant === void 0 ? void 0 : participant.on('consumer-removed', function (data) {
-      onConsumerRemoved(data);
-    });
+    participant === null || participant === void 0 ? void 0 : participant.on('producer-added', _handleProducerAdded);
+    participant === null || participant === void 0 ? void 0 : participant.on('producer-removed', _handleProducerRemoved);
+    participant === null || participant === void 0 ? void 0 : participant.on('consumer-added', _handleConsumerAdded);
+    participant === null || participant === void 0 ? void 0 : participant.on('consumer-removed', _handleConsumerRemoved);
     eventEmitter.on(events['participant-mode-changed'], _handleParticipantModeChanged);
     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('stream-paused', _handleStreamPaused);
+      participant === null || participant === void 0 ? void 0 : participant.off('stream-resumed', _handleStreamResumed);
       participant === null || participant === void 0 ? void 0 : participant.off('media-status-changed', _handleMediaStatusChanged);
       participant === null || participant === void 0 ? void 0 : participant.off('video-quality-changed', _handleVideoQualityChanged);
+      participant === null || participant === void 0 ? void 0 : participant.off('producer-added', _handleProducerAdded);
+      participant === null || participant === void 0 ? void 0 : participant.off('producer-removed', _handleProducerRemoved);
+      participant === null || participant === void 0 ? void 0 : participant.off('consumer-added', _handleConsumerAdded);
+      participant === null || participant === void 0 ? void 0 : participant.off('consumer-removed', _handleConsumerRemoved);
       eventEmitter.off(events['participant-mode-changed'], _handleParticipantModeChanged);
     };
   }, [participant]);
@@ -1648,13 +1677,13 @@ var useConnection = function useConnection(connectionId, _temp) {
       onMeeting: {
         onParticipantJoined: function onParticipantJoined() {},
         onParticipantLeft: function onParticipantLeft() {},
-        onChatMessage: function onChatMessage() {}
+        onData: function onData() {}
       }
     } : _temp,
     onMeeting = _ref.onMeeting;
   var onParticipantJoined = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onParticipantJoined;
   var onParticipantLeft = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onParticipantLeft;
-  var onChatMessage = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onChatMessage;
+  var onData = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onData;
   var meeting = useMeeting();
   var _useMemo = React.useMemo(function () {
       var connection = meeting === null || meeting === void 0 ? void 0 : meeting.connections.get(connectionId);
@@ -1689,16 +1718,16 @@ var useConnection = function useConnection(connectionId, _temp) {
     onParticipantLeft(participantId);
   };
   var _handleChatMessage = function _handleChatMessage(data) {
-    onChatMessage(data);
+    onData(data);
   };
   React.useEffect(function () {
     connection === null || connection === void 0 ? void 0 : connection.meeting.on('participant-joined', _handleParticipantJoined);
     connection === null || connection === void 0 ? void 0 : connection.meeting.on('participant-left', _handleParticipantLeft);
-    connection === null || connection === void 0 ? void 0 : connection.meeting.on('chat-message', _handleChatMessage);
+    connection === null || connection === void 0 ? void 0 : connection.meeting.on('data', _handleChatMessage);
     return function () {
       connection === null || connection === void 0 ? void 0 : connection.meeting.off('participant-joined', _handleParticipantJoined);
       connection === null || connection === void 0 ? void 0 : connection.meeting.off('participant-left', _handleParticipantLeft);
-      connection === null || connection === void 0 ? void 0 : connection.meeting.off('chat-message', _handleChatMessage);
+      connection === null || connection === void 0 ? void 0 : connection.meeting.off('data', _handleChatMessage);
     };
   }, [connection]);
   return {
@@ -1731,7 +1760,7 @@ var usePubSub = function usePubSub(topic, _temp) {
   var isSubscribed = React.useRef(false);
   var publish = function publish(message, options, payload) {
     if (meeting) {
-      meeting.pubSub.publish(topic, message, options, payload);
+      return meeting.pubSub.publish(topic, message, options, payload);
     }
   };
   var _handlePubSub = function _handlePubSub(data) {