@videosdk.live/react-sdk 0.4.4 → 0.4.6

package/dist/index.js

@@ -88,6 +88,9 @@ var events = {
   'participant-mode-changed': eventPrifix + "-participant-mode-changed",
   'transcription-state-changed': eventPrifix + "-transcription-state-changed",
   'transcription-text': eventPrifix + "-transcription-text",
+  'translation-state-changed': eventPrifix + "-translation-state-changed",
+  'translation-language-changed': eventPrifix + "-translation-language-changed",
+  'translation-text': eventPrifix + "-translation-text",
   'character-joined': eventPrifix + "-character-joined",
   'character-left': eventPrifix + "-character-left",
   'whiteboard-started': eventPrifix + "-whiteboard-started",
@@ -446,7 +449,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.4";
+var version = "0.4.6";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -526,6 +529,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _useState20 = React.useState('TRANSCRIPTION_STOPPED'),
     transcriptionState = _useState20[0],
     setTranscriptionState = _useState20[1];
+  var _useState21 = React.useState('TRANSLATION_STOPPED'),
+    translationState = _useState21[0],
+    setTranslationState = _useState21[1];
   var meetingRef = React.useRef();
   var localMicOnRef = React.useRef();
   var localWebcamOnRef = React.useRef();
@@ -585,6 +591,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     setLivestreamState('LIVESTREAM_STOPPED');
     setHlsState('HLS_STOPPED');
     setTranscriptionState('TRANSCRIPTION_STOPPED');
+    setTranslationState('TRANSLATION_STOPPED');
     setHlsUrls({
       downstreamUrl: null,
       playbackHlsUrl: null,
@@ -742,6 +749,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
         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('translation-state-changed', _handle_translation_state_changed);
+        meeting.off('translation-text', _handle_translation_text);
+        meeting.off('translation-language-changed', _handle_translation_language_changed);
         meeting.off('character-joined', _handle_character_joined);
         meeting.off('character-left', _handle_character_left);
         meeting.off('media-relay-started', _handle_media_relay_started);
@@ -845,6 +855,16 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _handle_transcription_text = function _handle_transcription_text(data) {
     eventEmitter.emit(events['transcription-text'], data);
   };
+  var _handle_translation_state_changed = function _handle_translation_state_changed(data) {
+    setTranslationState(data === null || data === void 0 ? void 0 : data.status);
+    eventEmitter.emit(events['translation-state-changed'], data);
+  };
+  var _handle_translation_text = function _handle_translation_text(data) {
+    eventEmitter.emit(events['translation-text'], data);
+  };
+  var _handle_translation_language_changed = function _handle_translation_language_changed(data) {
+    eventEmitter.emit(events['translation-language-changed'], data);
+  };
   var _handle_whiteboard_started = function _handle_whiteboard_started(data) {
     eventEmitter.emit(events['whiteboard-started'], data);
   };
@@ -943,6 +963,9 @@ 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('translation-state-changed', _handle_translation_state_changed);
+    meeting.on('translation-text', _handle_translation_text);
+    meeting.on('translation-language-changed', _handle_translation_language_changed);
     meeting.on('whiteboard-started', _handle_whiteboard_started);
     meeting.on('whiteboard-stopped', _handle_whiteboard_stopped);
     meeting.on('character-joined', _handle_character_joined);
@@ -1317,6 +1340,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       hlsState: hlsState,
       hlsUrls: hlsUrls,
       transcriptionState: transcriptionState,
+      translationState: translationState,
       isMeetingJoined: isMeetingJoined,
       selectedCameraDevice: meeting === null || meeting === void 0 ? void 0 : meeting.selectedCameraDevice,
       selectedMicrophoneDevice: meeting === null || meeting === void 0 ? void 0 : meeting.selectedMicrophoneDevice,
@@ -1935,6 +1959,59 @@ var useTranscription = function useTranscription(_temp) {
   };
 };
 
+var useTranslation = function useTranslation(_temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+    _ref$onTranslationSta = _ref.onTranslationStateChanged,
+    onTranslationStateChanged = _ref$onTranslationSta === void 0 ? function () {
+      return Promise.resolve();
+    } : _ref$onTranslationSta,
+    _ref$onTranslationLan = _ref.onTranslationLanguageChanged,
+    onTranslationLanguageChanged = _ref$onTranslationLan === void 0 ? function () {
+      return Promise.resolve();
+    } : _ref$onTranslationLan,
+    _ref$onTranslationTex = _ref.onTranslationText,
+    onTranslationText = _ref$onTranslationTex === void 0 ? function () {
+      return Promise.resolve();
+    } : _ref$onTranslationTex;
+  var mMeeting = useMeeting();
+  React.useEffect(function () {
+    eventEmitter.on(events['translation-state-changed'], onTranslationStateChanged);
+    eventEmitter.on(events['translation-language-changed'], onTranslationLanguageChanged);
+    eventEmitter.on(events['translation-text'], onTranslationText);
+    return function () {
+      eventEmitter.off(events['translation-state-changed'], onTranslationStateChanged);
+      eventEmitter.off(events['translation-language-changed'], onTranslationLanguageChanged);
+      eventEmitter.off(events['translation-text'], onTranslationText);
+    };
+  }, []);
+  var startTranslation = function startTranslation(config) {
+    try {
+      return Promise.resolve(mMeeting.meeting.startTranslation(config));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var changeTranslationLanguage = function changeTranslationLanguage(language) {
+    try {
+      return Promise.resolve(mMeeting.meeting.changeTranslationLanguage(language));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var stopTranslation = function stopTranslation() {
+    try {
+      return Promise.resolve(mMeeting.meeting.stopTranslation());
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return {
+    startTranslation: startTranslation,
+    changeTranslationLanguage: changeTranslationLanguage,
+    stopTranslation: stopTranslation
+  };
+};
+
 var useCharacter = function useCharacter(_ref, _temp) {
   var interactionId = _ref.interactionId,
     id = _ref.id,
@@ -2540,6 +2617,7 @@ exports.useMeeting = useMeeting;
 exports.useParticipant = useParticipant;
 exports.usePubSub = usePubSub;
 exports.useTranscription = useTranscription;
+exports.useTranslation = useTranslation;
 exports.useWhiteboard = useWhiteboard;
 exports.withAdaptiveObservers = withAdaptiveObservers;
 //# sourceMappingURL=index.js.map