@videosdk.live/react-sdk 0.7.0 → 0.8.0

package/dist/index.js

@@ -458,7 +458,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.7.0";
+var version = "0.8.0";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -1884,8 +1884,14 @@ var usePubSub = function usePubSub(topic, _temp) {
     setMessages = _useState[1];
   var isSubscribed = React.useRef(false);
   var publish = function publish(message, options, payload) {
-    if (meeting) {
-      return meeting.pubSub.publish(topic, message, options, payload);
+    try {
+      return Promise.resolve(function () {
+        if (meeting) {
+          return Promise.resolve(meeting.pubSub.publish(topic, message, options, payload));
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
     }
   };
   var _handlePubSub = function _handlePubSub(data) {
@@ -2499,6 +2505,180 @@ var useWhiteboard = function useWhiteboard() {
   };
 };
 
+var useAgentParticipant = function useAgentParticipant(participantId, _temp) {
+  var _mMeeting$participant;
+  var _ref = _temp === void 0 ? {} : _temp,
+    _ref$onAgentStateChan = _ref.onAgentStateChanged,
+    onAgentStateChanged = _ref$onAgentStateChan === void 0 ? function () {} : _ref$onAgentStateChan,
+    _ref$onAgentTranscrip = _ref.onAgentTranscriptionReceived,
+    onAgentTranscriptionReceived = _ref$onAgentTranscrip === void 0 ? function () {} : _ref$onAgentTranscrip,
+    _ref$onStreamEnabled = _ref.onStreamEnabled,
+    onStreamEnabled = _ref$onStreamEnabled === void 0 ? function () {} : _ref$onStreamEnabled,
+    _ref$onStreamDisabled = _ref.onStreamDisabled,
+    onStreamDisabled = _ref$onStreamDisabled === void 0 ? function () {} : _ref$onStreamDisabled,
+    _ref$onMediaStatusCha = _ref.onMediaStatusChanged,
+    onMediaStatusChanged = _ref$onMediaStatusCha === void 0 ? function () {} : _ref$onMediaStatusCha;
+  var mMeeting = useMeeting();
+  var _useState = React.useState(null),
+    webcamStream = _useState[0],
+    setWebcamStream = _useState[1];
+  var _useState2 = React.useState(null),
+    micStream = _useState2[0],
+    setMicStream = _useState2[1];
+  var _useState3 = React.useState(null),
+    agentState = _useState3[0],
+    setAgentState = _useState3[1];
+  var _useState4 = React.useState(false),
+    webcamOn = _useState4[0],
+    setWebcamOn = _useState4[1];
+  var _useState5 = React.useState(false),
+    micOn = _useState5[0],
+    setMicOn = _useState5[1];
+  var _useState6 = React.useState((_mMeeting$participant = mMeeting.participants.get(participantId)) === null || _mMeeting$participant === void 0 ? void 0 : _mMeeting$participant.mode),
+    mode = _useState6[0],
+    setMode = _useState6[1];
+  var _useMemo = React.useMemo(function () {
+      var _mMeeting$pinnedParti;
+      var participant = mMeeting.participants.get(participantId);
+      if (participant && !participant.isAgent) {
+        console.warn("useAgentParticipant: Participant " + participantId + " is not an agent participant.");
+      }
+      var pinState = (mMeeting === null || mMeeting === void 0 ? void 0 : (_mMeeting$pinnedParti = mMeeting.pinnedParticipants) === null || _mMeeting$pinnedParti === void 0 ? void 0 : _mMeeting$pinnedParti.get(participantId)) || {
+        cam: false,
+        share: false
+      };
+      return {
+        agentParticipant: participant !== null && participant !== void 0 && participant.isAgent ? participant : null,
+        activeSpeakerId: mMeeting.activeSpeakerId,
+        pinState: pinState
+      };
+    }, [mMeeting.participants, mMeeting.pinnedParticipants, mMeeting.activeSpeakerId, participantId]),
+    agentParticipant = _useMemo.agentParticipant,
+    activeSpeakerId = _useMemo.activeSpeakerId,
+    pinState = _useMemo.pinState;
+  var setTrack = function setTrack(stream) {
+    if (stream.track.readyState !== 'live') return;
+    switch (stream.kind) {
+      case 'video':
+        setWebcamStream(stream);
+        break;
+      case 'audio':
+        setMicStream(stream);
+        break;
+    }
+  };
+  var unsetTrack = function unsetTrack(stream) {
+    switch (stream.kind) {
+      case 'video':
+        setWebcamStream(null);
+        break;
+      case 'audio':
+        setMicStream(null);
+        break;
+    }
+  };
+  var _handleAgentStateChanged = function _handleAgentStateChanged(state) {
+    setAgentState(state);
+    onAgentStateChanged(state);
+  };
+  var _handleTranscriptionReceived = function _handleTranscriptionReceived(data) {
+    onAgentTranscriptionReceived(data);
+  };
+  var _handleStreamEnabled = function _handleStreamEnabled(stream) {
+    setTrack(stream);
+    onStreamEnabled(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 _handleStreamDisabled = function _handleStreamDisabled(stream) {
+    unsetTrack(stream);
+    onStreamDisabled(stream);
+  };
+  var _handleParticipantModeChanged = function _handleParticipantModeChanged(data) {
+    if (participantId === data.participantId) {
+      setMode(data.mode);
+    }
+  };
+  var remove = function remove() {
+    agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.remove();
+  };
+  var pin = function pin(data) {
+    agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.pin(data);
+  };
+  var unpin = function unpin(data) {
+    agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.unpin(data);
+  };
+  var getAudioStats = function getAudioStats() {
+    return Promise.resolve(agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.getAudioStats());
+  };
+  var getVideoStats = function getVideoStats() {
+    return Promise.resolve(agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.getVideoStats());
+  };
+  React.useEffect(function () {
+    if (!agentParticipant) return;
+    var streams = agentParticipant.streams;
+    if (streams) {
+      streams.forEach(function (stream) {
+        return setTrack(stream);
+      });
+    }
+    if (agentParticipant !== null && agentParticipant !== void 0 && agentParticipant.micOn) {
+      setMicOn(micOn);
+    }
+    if (agentParticipant !== null && agentParticipant !== void 0 && agentParticipant.webcamOn) {
+      setWebcamOn(webcamOn);
+    }
+    setAgentState(agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.agentState);
+    agentParticipant.on('agent-state-changed', _handleAgentStateChanged);
+    agentParticipant.on('agent-transcription-received', _handleTranscriptionReceived);
+    agentParticipant.on('stream-enabled', _handleStreamEnabled);
+    agentParticipant.on('stream-disabled', _handleStreamDisabled);
+    agentParticipant.on('media-status-changed', _handleMediaStatusChanged);
+    eventEmitter.on(events['participant-mode-changed'], _handleParticipantModeChanged);
+    return function () {
+      agentParticipant.off('agent-state-changed', _handleAgentStateChanged);
+      agentParticipant.off('agent-transcription-received', _handleTranscriptionReceived);
+      agentParticipant.off('stream-enabled', _handleStreamEnabled);
+      agentParticipant.off('stream-disabled', _handleStreamDisabled);
+      agentParticipant.off('media-status-changed', _handleMediaStatusChanged);
+      eventEmitter.off(events['participant-mode-changed'], _handleParticipantModeChanged);
+    };
+  }, [agentParticipant]);
+  return {
+    agentParticipant: agentParticipant,
+    id: agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.id,
+    displayName: agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.displayName,
+    agentId: agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.agentId,
+    agentState: agentState,
+    webcamStream: webcamStream,
+    micStream: micStream,
+    webcamOn: webcamOn || !!webcamStream,
+    micOn: micOn || !!micStream,
+    mode: mode,
+    metaData: agentParticipant === null || agentParticipant === void 0 ? void 0 : agentParticipant.metaData,
+    pinState: pinState,
+    isActiveSpeaker: activeSpeakerId === participantId,
+    pin: pin,
+    unpin: unpin,
+    remove: remove,
+    getAudioStats: getAudioStats,
+    getVideoStats: getVideoStats
+  };
+};
+
 var _excluded = ["participantId", "type"];
 var Constants = jsSdk.VideoSDK.Constants;
 var createCameraVideoTrack = function createCameraVideoTrack(_ref) {
@@ -2794,6 +2974,7 @@ exports.createMicrophoneAudioTrack = createMicrophoneAudioTrack;
 exports.createScreenShareVideoTrack = createScreenShareVideoTrack;
 exports.getNetworkStats = getNetworkStats;
 exports.setLogLevel = setLogLevel;
+exports.useAgentParticipant = useAgentParticipant;
 exports.useCharacter = useCharacter;
 exports.useConnection = useConnection;
 exports.useFile = useFile;