@videosdk.live/react-sdk 0.1.94 → 0.1.95

package/dist/index.js

@@ -39,7 +39,9 @@ var events = {
   'meeting-state-changed': eventPrifix + "-meeting-state-changed",
   'participant-mode-changed': eventPrifix + "-participant-mode-changed",
   'transcription-state-changed': eventPrifix + "-transcription-state-changed",
-  'transcription-text': eventPrifix + "-transcription-text"
+  'transcription-text': eventPrifix + "-transcription-text",
+  'character-joined': eventPrifix + "-character-joined",
+  'character-left': eventPrifix + "-character-left"
 };
 var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
@@ -106,7 +108,11 @@ var useMeeting = function useMeeting(_temp) {
     _ref$onMeetingStateCh = _ref.onMeetingStateChanged,
     onMeetingStateChanged = _ref$onMeetingStateCh === void 0 ? function () {} : _ref$onMeetingStateCh,
     _ref$onParticipantMod = _ref.onParticipantModeChanged,
-    onParticipantModeChanged = _ref$onParticipantMod === void 0 ? function () {} : _ref$onParticipantMod;
+    onParticipantModeChanged = _ref$onParticipantMod === void 0 ? function () {} : _ref$onParticipantMod,
+    _ref$onCharacterJoine = _ref.onCharacterJoined,
+    onCharacterJoined = _ref$onCharacterJoine === void 0 ? function () {} : _ref$onCharacterJoine,
+    _ref$onCharacterLeft = _ref.onCharacterLeft,
+    onCharacterLeft = _ref$onCharacterLeft === void 0 ? function () {} : _ref$onCharacterLeft;
   React.useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
     eventEmitter.on(events['participant-left'], onParticipantLeft);
@@ -138,6 +144,8 @@ var useMeeting = function useMeeting(_temp) {
     eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
     eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     eventEmitter.on(events['participant-mode-changed'], onParticipantModeChanged);
+    eventEmitter.on(events['character-joined'], onCharacterJoined);
+    eventEmitter.on(events['character-left'], onCharacterLeft);
     return function () {
       eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
@@ -169,6 +177,8 @@ var useMeeting = function useMeeting(_temp) {
       eventEmitter.off(events['recording-state-changed'], onRecordingStateChanged);
       eventEmitter.off(events['livestream-state-changed'], onLivestreamStateChanged);
       eventEmitter.off(events['participant-mode-changed'], onParticipantModeChanged);
+      eventEmitter.off(events['character-joined'], onCharacterJoined);
+      eventEmitter.off(events['character-left'], onCharacterLeft);
     };
   }, []);
   return React.useContext(MeetingProviderContex);
@@ -234,7 +244,11 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     _ref2$onMeetingStateC = _ref2.onMeetingStateChanged,
     onMeetingStateChanged = _ref2$onMeetingStateC === void 0 ? function () {} : _ref2$onMeetingStateC,
     _ref2$onParticipantMo = _ref2.onParticipantModeChanged,
-    onParticipantModeChanged = _ref2$onParticipantMo === void 0 ? function () {} : _ref2$onParticipantMo;
+    onParticipantModeChanged = _ref2$onParticipantMo === void 0 ? function () {} : _ref2$onParticipantMo,
+    _ref2$onCharacterJoin = _ref2.onCharacterJoined,
+    onCharacterJoined = _ref2$onCharacterJoin === void 0 ? function () {} : _ref2$onCharacterJoin,
+    _ref2$onCharacterLeft = _ref2.onCharacterLeft,
+    onCharacterLeft = _ref2$onCharacterLeft === void 0 ? function () {} : _ref2$onCharacterLeft;
   React.useEffect(function () {
     eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -266,6 +280,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
     eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
     eventEmitter.on(events['participant-mode-changed'], onParticipantModeChanged);
+    eventEmitter.on(events['character-joined'], onCharacterJoined);
+    eventEmitter.on(events['character-left'], onCharacterLeft);
     return function () {
       eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
@@ -297,12 +313,14 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       eventEmitter.off(events['recording-state-changed'], onRecordingStateChanged);
       eventEmitter.off(events['livestream-state-changed'], onLivestreamStateChanged);
       eventEmitter.off(events['participant-mode-changed'], onParticipantModeChanged);
+      eventEmitter.off(events['character-joined'], onCharacterJoined);
+      eventEmitter.off(events['character-left'], onCharacterLeft);
     };
   }, []);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.1.94";
+var version = "0.1.95";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -345,39 +363,42 @@ var MeetingProvider = function MeetingProvider(_ref) {
     participants = _useState11[0],
     setParticipants = _useState11[1];
   var _useState12 = React.useState(new Map()),
-    pinnedParticipants = _useState12[0],
-    setPinnedParticipants = _useState12[1];
-  var _useState13 = React.useState(false),
-    isLiveStreaming = _useState13[0],
-    setIsLiveStreaming = _useState13[1];
-  var _useState14 = React.useState(new Map()),
-    connections = _useState14[0],
-    setConnections = _useState14[1];
-  var _useState15 = React.useState(false),
-    isMeetingJoined = _useState15[0],
-    setIsMeetingJoined = _useState15[1];
+    characters = _useState12[0],
+    setCharacters = _useState12[1];
+  var _useState13 = React.useState(new Map()),
+    pinnedParticipants = _useState13[0],
+    setPinnedParticipants = _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),
-    isHls = _useState16[0],
-    setIsHls = _useState16[1];
-  var _useState17 = React.useState('RECORDING_STOPPED'),
-    recordingState = _useState17[0],
-    setRecordingState = _useState17[1];
-  var _useState18 = React.useState('LIVESTREAM_STOPPED'),
-    livestreamState = _useState18[0],
-    setLivestreamState = _useState18[1];
-  var _useState19 = React.useState('HLS_STOPPED'),
-    hlsState = _useState19[0],
-    setHlsState = _useState19[1];
-  var _useState20 = React.useState({
+    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({
       downstreamUrl: null,
       playbackHlsUrl: null,
       livestreamUrl: null
     }),
-    hlsUrls = _useState20[0],
-    setHlsUrls = _useState20[1];
-  var _useState21 = React.useState('TRANSCRIPTION_STOPPED'),
-    transcriptionState = _useState21[0],
-    setTranscriptionState = _useState21[1];
+    hlsUrls = _useState21[0],
+    setHlsUrls = _useState21[1];
+  var _useState22 = React.useState('TRANSCRIPTION_STOPPED'),
+    transcriptionState = _useState22[0],
+    setTranscriptionState = _useState22[1];
   var meetingRef = React.useRef();
   var localMicOnRef = React.useRef();
   var localWebcamOnRef = React.useRef();
@@ -427,6 +448,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     setMessages([]);
     setIsLiveStreaming(false);
     setParticipants(new Map());
+    setCharacters(new Map());
     setPinnedParticipants(new Map());
     setConnections(new Map());
     setIsMeetingJoined(false);
@@ -580,6 +602,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
         meeting.off('hls-state-changed', _handle_hls_state_changed);
         meeting.off('participant-mode-changed', _handel_participant_mode_changed);
         meeting.off('transcription-state-changed', _handle_transcription_state_changed);
+        meeting.off('character-joined', _handle_character_joined);
+        meeting.off('character-left', _handle_character_left);
       }
       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);
@@ -664,6 +688,22 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _handle_transcription_text = function _handle_transcription_text(data) {
     eventEmitter.emit(events['transcription-text'], data);
   };
+  var _handle_character_joined = function _handle_character_joined(character) {
+    setCharacters(function (characters) {
+      characters.set(character.id, character);
+      var charactersToSet = new Map(characters);
+      return charactersToSet;
+    });
+    eventEmitter.emit(events['character-joined'], character);
+  };
+  var _handle_character_left = function _handle_character_left(character) {
+    setCharacters(function (characters) {
+      characters["delete"](character.id);
+      var newCharacters = new Map(characters);
+      return newCharacters;
+    });
+    eventEmitter.emit(events['character-left'], character);
+  };
   var _handel_participant_mode_changed = function _handel_participant_mode_changed(data) {
     var _meetingRef$current2, _meetingRef$current2$;
     setParticipants(function (participants) {
@@ -685,9 +725,11 @@ var MeetingProvider = function MeetingProvider(_ref) {
     var meeting = jsSdk.VideoSDK && jsSdk.VideoSDK.initMeeting(configRef.current);
     setMeeting(meeting);
     var localParticipant = meeting.localParticipant,
-      participants = meeting.participants;
+      participants = meeting.participants,
+      characters = meeting.characters;
     participants.set(localParticipant.id, localParticipant);
     setParticipants(participants);
+    setCharacters(characters);
     setLocalParticipant(localParticipant);
     meeting.on('meeting-state-changed', _handle_meeting_state_changed);
     meeting.on('participant-joined', _handle_participant_joined);
@@ -721,6 +763,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
     meeting.on('participant-mode-changed', _handel_participant_mode_changed);
     meeting.on('transcription-state-changed', _handle_transcription_state_changed);
     meeting.on('transcription-text', _handle_transcription_text);
+    meeting.on('character-joined', _handle_character_joined);
+    meeting.on('character-left', _handle_character_left);
     meeting.localParticipant.on('stream-enabled', _handle_localParticipant_stream_enabled);
     meeting.localParticipant.on('stream-disabled', _handle_localParticipant_stream_disabled);
     meeting.join();
@@ -1004,6 +1048,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       mainParticipant: mainParticipant,
       activeSpeakerId: activeSpeakerId,
       participants: participants,
+      characters: characters,
       presenterId: presenterId,
       localMicOn: localMicOn,
       localWebcamOn: localWebcamOn,
@@ -1584,6 +1629,215 @@ var useTranscription = function useTranscription(_temp) {
   };
 };
 
+var useCharacter = function useCharacter(_ref, _temp) {
+  var interactionId = _ref.interactionId,
+    id = _ref.id,
+    characterMode = _ref.characterMode,
+    displayName = _ref.displayName,
+    characterRole = _ref.characterRole,
+    knowledgeBases = _ref.knowledgeBases;
+  var _ref2 = _temp === void 0 ? {} : _temp,
+    _ref2$onCharacterStat = _ref2.onCharacterStateChanged,
+    onCharacterStateChanged = _ref2$onCharacterStat === void 0 ? function () {} : _ref2$onCharacterStat,
+    _ref2$onCharacterMess = _ref2.onCharacterMessage,
+    onCharacterMessage = _ref2$onCharacterMess === void 0 ? function () {} : _ref2$onCharacterMess,
+    _ref2$onCharacterJoin = _ref2.onCharacterJoined,
+    onCharacterJoined = _ref2$onCharacterJoin === void 0 ? function () {} : _ref2$onCharacterJoin,
+    _ref2$onCharacterLeft = _ref2.onCharacterLeft,
+    onCharacterLeft = _ref2$onCharacterLeft === void 0 ? function () {} : _ref2$onCharacterLeft,
+    _ref2$onStreamEnabled = _ref2.onStreamEnabled,
+    onStreamEnabled = _ref2$onStreamEnabled === void 0 ? function () {} : _ref2$onStreamEnabled,
+    _ref2$onStreamDisable = _ref2.onStreamDisabled,
+    onStreamDisabled = _ref2$onStreamDisable === void 0 ? function () {} : _ref2$onStreamDisable,
+    _ref2$onMediaStatusCh = _ref2.onMediaStatusChanged,
+    onMediaStatusChanged = _ref2$onMediaStatusCh === void 0 ? function () {} : _ref2$onMediaStatusCh,
+    _ref2$onVideoQualityC = _ref2.onVideoQualityChanged,
+    onVideoQualityChanged = _ref2$onVideoQualityC === void 0 ? function () {} : _ref2$onVideoQualityC;
+  var _useState = React.useState(null),
+    webcamStream = _useState[0],
+    setwebcamStream = _useState[1];
+  var _useState2 = React.useState(null),
+    micStream = _useState2[0],
+    setMicStream = _useState2[1];
+  var mMeeting = useMeeting();
+  var _useMemo = React.useMemo(function () {
+      var chars = Array.from(mMeeting.characters.values());
+      var activeSpeakerId = mMeeting === null || mMeeting === void 0 ? void 0 : mMeeting.activeSpeakerId;
+      return {
+        character: chars.find(function (chars) {
+          return chars.interactionId == interactionId;
+        }) || mMeeting.characters.get(id) || mMeeting.meeting.createCharacter({
+          interactionId: interactionId,
+          displayName: displayName,
+          id: id,
+          characterRole: characterRole,
+          characterMode: characterMode,
+          knowledgeBases: knowledgeBases
+        }),
+        activeSpeakerId: activeSpeakerId
+      };
+    }, [mMeeting.characters]),
+    character = _useMemo.character,
+    activeSpeakerId = _useMemo.activeSpeakerId;
+  var _useState3 = React.useState(character === null || character === void 0 ? void 0 : character.webcamOn),
+    webcamOn = _useState3[0],
+    setWebcamOn = _useState3[1];
+  var _useState4 = React.useState(character === null || character === void 0 ? void 0 : character.micOn),
+    micOn = _useState4[0],
+    setMicOn = _useState4[1];
+  var _useState5 = React.useState(null),
+    characterState = _useState5[0],
+    setCharacterState = _useState5[1];
+  var setTrack = function setTrack(stream) {
+    if (stream.track.readyState === 'live') {
+      switch (stream.kind) {
+        case 'video':
+          if (webcamStream != null) {
+            setwebcamStream(null);
+          }
+          setwebcamStream(stream);
+          break;
+        case 'audio':
+          if (micStream != null) {
+            setMicStream(null);
+          }
+          setMicStream(stream);
+          break;
+      }
+    }
+  };
+  var unSetTrack = function unSetTrack(stream) {
+    switch (stream.kind) {
+      case 'video':
+        setwebcamStream(null);
+        break;
+      case 'audio':
+        setMicStream(null);
+        break;
+    }
+  };
+  var _handleCharacterStateChanged = function _handleCharacterStateChanged(d) {
+    var status = d.status;
+    setCharacterState(status);
+    onCharacterStateChanged(d);
+  };
+  var _handleCharacterMessage = function _handleCharacterMessage(d) {
+    onCharacterMessage(d);
+  };
+  var _handleCharacterJoined = function _handleCharacterJoined() {
+    onCharacterJoined();
+  };
+  var _handleCharacterLeft = function _handleCharacterLeft() {
+    onCharacterLeft();
+  };
+  var _handleStreamEnabled = function _handleStreamEnabled(stream) {
+    setTrack(stream);
+    onStreamEnabled(stream);
+  };
+  var _handleStreamDisabled = function _handleStreamDisabled(stream) {
+    unSetTrack(stream);
+    onStreamDisabled(stream);
+  };
+  var _handleVideoQualityChanged = function _handleVideoQualityChanged(data) {
+    var peerId = data.peerId,
+      prevQuality = data.prevQuality,
+      currentQuality = data.currentQuality;
+    onVideoQualityChanged({
+      peerId: peerId,
+      prevQuality: prevQuality,
+      currentQuality: currentQuality
+    });
+  };
+  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 enableMic = function enableMic() {
+    character === null || character === void 0 ? void 0 : character.enableMic();
+  };
+  var disableMic = function disableMic() {
+    character === null || character === void 0 ? void 0 : character.disableMic();
+  };
+  var enableWebcam = function enableWebcam() {
+    character === null || character === void 0 ? void 0 : character.enableWebcam();
+  };
+  var disableWebcam = function disableWebcam() {
+    character === null || character === void 0 ? void 0 : character.disableWebcam();
+  };
+  var join = function join() {
+    return Promise.resolve(character === null || character === void 0 ? void 0 : character.join()).then(function () {});
+  };
+  var sendMessage = function sendMessage(d) {
+    return Promise.resolve(character === null || character === void 0 ? void 0 : character.sendMessage(d)).then(function () {});
+  };
+  var leave = function leave() {
+    return Promise.resolve(character === null || character === void 0 ? void 0 : character.leave()).then(function () {});
+  };
+  React.useEffect(function () {
+    var streams = character === null || character === void 0 ? void 0 : character.streams;
+    if (streams) {
+      streams.forEach(function (stream) {
+        setTrack(stream);
+      });
+    }
+    if (character !== null && character !== void 0 && character.micOn) {
+      setMicOn(micOn);
+    }
+    if (character !== null && character !== void 0 && character.webcamOn) {
+      setWebcamOn(webcamOn);
+    }
+    character === null || character === void 0 ? void 0 : character.on('character-state-changed', _handleCharacterStateChanged);
+    character === null || character === void 0 ? void 0 : character.on('character-message', _handleCharacterMessage);
+    character === null || character === void 0 ? void 0 : character.on('stream-enabled', _handleStreamEnabled);
+    character === null || character === void 0 ? void 0 : character.on('stream-disabled', _handleStreamDisabled);
+    character === null || character === void 0 ? void 0 : character.on('media-status-changed', _handleMediaStatusChanged);
+    character === null || character === void 0 ? void 0 : character.on('video-quality-changed', _handleVideoQualityChanged);
+    character === null || character === void 0 ? void 0 : character.on('character-joined', _handleCharacterJoined);
+    character === null || character === void 0 ? void 0 : character.on('character-left', _handleCharacterLeft);
+    return function () {
+      character === null || character === void 0 ? void 0 : character.off('character-state-changed', _handleCharacterStateChanged);
+      character === null || character === void 0 ? void 0 : character.off('character-message', _handleCharacterMessage);
+      character === null || character === void 0 ? void 0 : character.off('stream-enabled', _handleStreamEnabled);
+      character === null || character === void 0 ? void 0 : character.off('stream-disabled', _handleStreamDisabled);
+      character === null || character === void 0 ? void 0 : character.off('media-status-changed', _handleMediaStatusChanged);
+      character === null || character === void 0 ? void 0 : character.off('video-quality-changed', _handleVideoQualityChanged);
+      character === null || character === void 0 ? void 0 : character.off('character-joined', _handleCharacterJoined);
+      character === null || character === void 0 ? void 0 : character.off('character-left', _handleCharacterLeft);
+    };
+  }, [character]);
+  return {
+    displayName: character === null || character === void 0 ? void 0 : character.displayName,
+    webcamStream: webcamStream,
+    micStream: micStream,
+    webcamOn: webcamOn || !!webcamStream,
+    micOn: micOn || !!micStream,
+    isActiveSpeaker: activeSpeakerId === id,
+    interactionId: character === null || character === void 0 ? void 0 : character.interactionId,
+    id: character === null || character === void 0 ? void 0 : character.id,
+    characterMode: character === null || character === void 0 ? void 0 : character.characterMode,
+    characterState: characterState || (character === null || character === void 0 ? void 0 : character.characterState),
+    knowledgeBases: character === null || character === void 0 ? void 0 : character.knowledgeBases,
+    enableMic: enableMic,
+    disableMic: disableMic,
+    enableWebcam: enableWebcam,
+    disableWebcam: disableWebcam,
+    join: join,
+    leave: leave,
+    sendMessage: sendMessage
+  };
+};
+
 var Constants = jsSdk.VideoSDK.Constants;
 var createCameraVideoTrack = function createCameraVideoTrack(_ref) {
   var _ref$cameraId = _ref.cameraId,
@@ -1679,6 +1933,7 @@ exports.createCameraVideoTrack = createCameraVideoTrack;
 exports.createMicrophoneAudioTrack = createMicrophoneAudioTrack;
 exports.createScreenShareVideoTrack = createScreenShareVideoTrack;
 exports.getNetworkStats = getNetworkStats;
+exports.useCharacter = useCharacter;
 exports.useConnection = useConnection;
 exports.useFile = useFile;
 exports.useMediaDevice = useMediaDevice;