@videosdk.live/react-sdk 0.1.100 → 0.1.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +115 -5
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +115 -6
- package/dist/index.modern.js.map +1 -1
- package/dist/types/character.d.ts +17 -8
- package/dist/types/index.d.ts +62 -3
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -41,7 +41,9 @@ var events = {
|
|
|
41
41
|
'transcription-state-changed': eventPrifix + "-transcription-state-changed",
|
|
42
42
|
'transcription-text': eventPrifix + "-transcription-text",
|
|
43
43
|
'character-joined': eventPrifix + "-character-joined",
|
|
44
|
-
'character-left': eventPrifix + "-character-left"
|
|
44
|
+
'character-left': eventPrifix + "-character-left",
|
|
45
|
+
'whiteboard-started': eventPrifix + "-whiteboard-started",
|
|
46
|
+
'whiteboard-stopped': eventPrifix + "-whiteboard-stopped"
|
|
45
47
|
};
|
|
46
48
|
var eventEmitter = new EventEmitter();
|
|
47
49
|
eventEmitter.setMaxListeners(9999);
|
|
@@ -320,7 +322,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
320
322
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
|
|
321
323
|
};
|
|
322
324
|
|
|
323
|
-
var version = "0.1.
|
|
325
|
+
var version = "0.1.102";
|
|
324
326
|
|
|
325
327
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
326
328
|
var children = _ref.children,
|
|
@@ -601,6 +603,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
601
603
|
meeting.off('livestream-state-changed', _handle_livestream_state_changed);
|
|
602
604
|
meeting.off('hls-state-changed', _handle_hls_state_changed);
|
|
603
605
|
meeting.off('participant-mode-changed', _handel_participant_mode_changed);
|
|
606
|
+
meeting.off('whiteboard-stopped', _handle_whiteboard_stopped);
|
|
607
|
+
meeting.off('whiteboard-started', _handle_whiteboard_started);
|
|
604
608
|
meeting.off('transcription-state-changed', _handle_transcription_state_changed);
|
|
605
609
|
meeting.off('character-joined', _handle_character_joined);
|
|
606
610
|
meeting.off('character-left', _handle_character_left);
|
|
@@ -688,6 +692,12 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
688
692
|
var _handle_transcription_text = function _handle_transcription_text(data) {
|
|
689
693
|
eventEmitter.emit(events['transcription-text'], data);
|
|
690
694
|
};
|
|
695
|
+
var _handle_whiteboard_started = function _handle_whiteboard_started(data) {
|
|
696
|
+
eventEmitter.emit(events['whiteboard-started'], data);
|
|
697
|
+
};
|
|
698
|
+
var _handle_whiteboard_stopped = function _handle_whiteboard_stopped(data) {
|
|
699
|
+
eventEmitter.emit(events['whiteboard-stopped'], data);
|
|
700
|
+
};
|
|
691
701
|
var _handle_character_joined = function _handle_character_joined(character) {
|
|
692
702
|
setCharacters(function (characters) {
|
|
693
703
|
characters.set(character.id, character);
|
|
@@ -763,6 +773,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
763
773
|
meeting.on('participant-mode-changed', _handel_participant_mode_changed);
|
|
764
774
|
meeting.on('transcription-state-changed', _handle_transcription_state_changed);
|
|
765
775
|
meeting.on('transcription-text', _handle_transcription_text);
|
|
776
|
+
meeting.on('whiteboard-started', _handle_whiteboard_started);
|
|
777
|
+
meeting.on('whiteboard-stopped', _handle_whiteboard_stopped);
|
|
766
778
|
meeting.on('character-joined', _handle_character_joined);
|
|
767
779
|
meeting.on('character-left', _handle_character_left);
|
|
768
780
|
meeting.localParticipant.on('stream-enabled', _handle_localParticipant_stream_enabled);
|
|
@@ -1639,12 +1651,17 @@ var useCharacter = function useCharacter(_ref, _temp) {
|
|
|
1639
1651
|
characterMode = _ref.characterMode,
|
|
1640
1652
|
displayName = _ref.displayName,
|
|
1641
1653
|
characterRole = _ref.characterRole,
|
|
1642
|
-
knowledgeBases = _ref.knowledgeBases
|
|
1654
|
+
knowledgeBases = _ref.knowledgeBases,
|
|
1655
|
+
language = _ref.language;
|
|
1643
1656
|
var _ref2 = _temp === void 0 ? {} : _temp,
|
|
1644
1657
|
_ref2$onCharacterStat = _ref2.onCharacterStateChanged,
|
|
1645
1658
|
onCharacterStateChanged = _ref2$onCharacterStat === void 0 ? function () {} : _ref2$onCharacterStat,
|
|
1646
1659
|
_ref2$onCharacterMess = _ref2.onCharacterMessage,
|
|
1647
1660
|
onCharacterMessage = _ref2$onCharacterMess === void 0 ? function () {} : _ref2$onCharacterMess,
|
|
1661
|
+
_ref2$onUserMessage = _ref2.onUserMessage,
|
|
1662
|
+
onUserMessage = _ref2$onUserMessage === void 0 ? function () {} : _ref2$onUserMessage,
|
|
1663
|
+
_ref2$onData = _ref2.onData,
|
|
1664
|
+
onData = _ref2$onData === void 0 ? function () {} : _ref2$onData,
|
|
1648
1665
|
_ref2$onCharacterJoin = _ref2.onCharacterJoined,
|
|
1649
1666
|
onCharacterJoined = _ref2$onCharacterJoin === void 0 ? function () {} : _ref2$onCharacterJoin,
|
|
1650
1667
|
_ref2$onCharacterLeft = _ref2.onCharacterLeft,
|
|
@@ -1676,11 +1693,12 @@ var useCharacter = function useCharacter(_ref, _temp) {
|
|
|
1676
1693
|
id: id,
|
|
1677
1694
|
characterRole: characterRole,
|
|
1678
1695
|
characterMode: characterMode,
|
|
1679
|
-
knowledgeBases: knowledgeBases
|
|
1696
|
+
knowledgeBases: knowledgeBases,
|
|
1697
|
+
language: language
|
|
1680
1698
|
}),
|
|
1681
1699
|
activeSpeakerId: activeSpeakerId
|
|
1682
1700
|
};
|
|
1683
|
-
}, [mMeeting.characters, interactionId, id, characterMode, displayName, characterRole, knowledgeBases]),
|
|
1701
|
+
}, [mMeeting.characters, interactionId, id, characterMode, displayName, characterRole, knowledgeBases, language]),
|
|
1684
1702
|
character = _useMemo.character,
|
|
1685
1703
|
activeSpeakerId = _useMemo.activeSpeakerId;
|
|
1686
1704
|
var _useState3 = React.useState(character === null || character === void 0 ? void 0 : character.webcamOn),
|
|
@@ -1728,6 +1746,12 @@ var useCharacter = function useCharacter(_ref, _temp) {
|
|
|
1728
1746
|
var _handleCharacterMessage = function _handleCharacterMessage(d) {
|
|
1729
1747
|
onCharacterMessage(d);
|
|
1730
1748
|
};
|
|
1749
|
+
var _handleUserMessage = function _handleUserMessage(d) {
|
|
1750
|
+
onUserMessage(d);
|
|
1751
|
+
};
|
|
1752
|
+
var _handleOnData = function _handleOnData(topic, d) {
|
|
1753
|
+
onData(topic, d);
|
|
1754
|
+
};
|
|
1731
1755
|
var _handleCharacterJoined = function _handleCharacterJoined() {
|
|
1732
1756
|
onCharacterJoined();
|
|
1733
1757
|
};
|
|
@@ -1806,6 +1830,8 @@ var useCharacter = function useCharacter(_ref, _temp) {
|
|
|
1806
1830
|
}
|
|
1807
1831
|
character === null || character === void 0 ? void 0 : character.on('character-state-changed', _handleCharacterStateChanged);
|
|
1808
1832
|
character === null || character === void 0 ? void 0 : character.on('character-message', _handleCharacterMessage);
|
|
1833
|
+
character === null || character === void 0 ? void 0 : character.on('user-message', _handleUserMessage);
|
|
1834
|
+
character === null || character === void 0 ? void 0 : character.on('data', _handleOnData);
|
|
1809
1835
|
character === null || character === void 0 ? void 0 : character.on('stream-enabled', _handleStreamEnabled);
|
|
1810
1836
|
character === null || character === void 0 ? void 0 : character.on('stream-disabled', _handleStreamDisabled);
|
|
1811
1837
|
character === null || character === void 0 ? void 0 : character.on('media-status-changed', _handleMediaStatusChanged);
|
|
@@ -1815,6 +1841,8 @@ var useCharacter = function useCharacter(_ref, _temp) {
|
|
|
1815
1841
|
return function () {
|
|
1816
1842
|
character === null || character === void 0 ? void 0 : character.off('character-state-changed', _handleCharacterStateChanged);
|
|
1817
1843
|
character === null || character === void 0 ? void 0 : character.off('character-message', _handleCharacterMessage);
|
|
1844
|
+
character === null || character === void 0 ? void 0 : character.off('user-message', _handleUserMessage);
|
|
1845
|
+
character === null || character === void 0 ? void 0 : character.off('data', _handleOnData);
|
|
1818
1846
|
character === null || character === void 0 ? void 0 : character.off('stream-enabled', _handleStreamEnabled);
|
|
1819
1847
|
character === null || character === void 0 ? void 0 : character.off('stream-disabled', _handleStreamDisabled);
|
|
1820
1848
|
character === null || character === void 0 ? void 0 : character.off('media-status-changed', _handleMediaStatusChanged);
|
|
@@ -1835,6 +1863,7 @@ var useCharacter = function useCharacter(_ref, _temp) {
|
|
|
1835
1863
|
characterMode: character === null || character === void 0 ? void 0 : character.characterMode,
|
|
1836
1864
|
characterState: characterState || (character === null || character === void 0 ? void 0 : character.characterState),
|
|
1837
1865
|
knowledgeBases: character === null || character === void 0 ? void 0 : character.knowledgeBases,
|
|
1866
|
+
language: character === null || character === void 0 ? void 0 : character.language,
|
|
1838
1867
|
enableMic: enableMic,
|
|
1839
1868
|
disableMic: disableMic,
|
|
1840
1869
|
enableWebcam: enableWebcam,
|
|
@@ -1846,6 +1875,86 @@ var useCharacter = function useCharacter(_ref, _temp) {
|
|
|
1846
1875
|
};
|
|
1847
1876
|
};
|
|
1848
1877
|
|
|
1878
|
+
// A type of promise-like that resolves synchronously and supports only one observer
|
|
1879
|
+
|
|
1880
|
+
const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
|
|
1881
|
+
|
|
1882
|
+
const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
|
|
1883
|
+
|
|
1884
|
+
// Asynchronously call a function and send errors to recovery continuation
|
|
1885
|
+
function _catch(body, recover) {
|
|
1886
|
+
try {
|
|
1887
|
+
var result = body();
|
|
1888
|
+
} catch(e) {
|
|
1889
|
+
return recover(e);
|
|
1890
|
+
}
|
|
1891
|
+
if (result && result.then) {
|
|
1892
|
+
return result.then(void 0, recover);
|
|
1893
|
+
}
|
|
1894
|
+
return result;
|
|
1895
|
+
}
|
|
1896
|
+
|
|
1897
|
+
var useWhiteboard = function useWhiteboard() {
|
|
1898
|
+
var _useMeeting = useMeeting(),
|
|
1899
|
+
meeting = _useMeeting.meeting,
|
|
1900
|
+
isMeetingJoined = _useMeeting.isMeetingJoined;
|
|
1901
|
+
var _useState = React.useState(null),
|
|
1902
|
+
whiteboardUrl = _useState[0],
|
|
1903
|
+
setWhiteboardUrl = _useState[1];
|
|
1904
|
+
React.useEffect(function () {
|
|
1905
|
+
if (!isMeetingJoined || !meeting) return;
|
|
1906
|
+
var handleWhiteboardStarted = function handleWhiteboardStarted(data) {
|
|
1907
|
+
if (data !== null && data !== void 0 && data.url) {
|
|
1908
|
+
setWhiteboardUrl(data.url);
|
|
1909
|
+
}
|
|
1910
|
+
};
|
|
1911
|
+
var handleWhiteboardStopped = function handleWhiteboardStopped() {
|
|
1912
|
+
return setWhiteboardUrl(null);
|
|
1913
|
+
};
|
|
1914
|
+
eventEmitter.on(events['whiteboard-started'], handleWhiteboardStarted);
|
|
1915
|
+
eventEmitter.on(events['whiteboard-stopped'], handleWhiteboardStopped);
|
|
1916
|
+
return function () {
|
|
1917
|
+
eventEmitter.off(events['whiteboard-started'], handleWhiteboardStarted);
|
|
1918
|
+
eventEmitter.off(events['whiteboard-stopped'], handleWhiteboardStopped);
|
|
1919
|
+
};
|
|
1920
|
+
}, [meeting, isMeetingJoined]);
|
|
1921
|
+
var startWhiteboard = function startWhiteboard() {
|
|
1922
|
+
try {
|
|
1923
|
+
if (!isMeetingJoined || !meeting) {
|
|
1924
|
+
return Promise.resolve();
|
|
1925
|
+
}
|
|
1926
|
+
var _temp = _catch(function () {
|
|
1927
|
+
return Promise.resolve(meeting.startWhiteboard()).then(function () {});
|
|
1928
|
+
}, function (error) {
|
|
1929
|
+
console.error('Error starting whiteboard:', error);
|
|
1930
|
+
});
|
|
1931
|
+
return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
|
|
1932
|
+
} catch (e) {
|
|
1933
|
+
return Promise.reject(e);
|
|
1934
|
+
}
|
|
1935
|
+
};
|
|
1936
|
+
var stopWhiteboard = function stopWhiteboard() {
|
|
1937
|
+
try {
|
|
1938
|
+
if (!isMeetingJoined || !meeting) {
|
|
1939
|
+
return Promise.resolve();
|
|
1940
|
+
}
|
|
1941
|
+
var _temp2 = _catch(function () {
|
|
1942
|
+
return Promise.resolve(meeting.stopWhiteboard()).then(function () {});
|
|
1943
|
+
}, function (error) {
|
|
1944
|
+
console.error('Error stopping whiteboard:', error);
|
|
1945
|
+
});
|
|
1946
|
+
return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
|
|
1947
|
+
} catch (e) {
|
|
1948
|
+
return Promise.reject(e);
|
|
1949
|
+
}
|
|
1950
|
+
};
|
|
1951
|
+
return {
|
|
1952
|
+
whiteboardUrl: whiteboardUrl,
|
|
1953
|
+
startWhiteboard: startWhiteboard,
|
|
1954
|
+
stopWhiteboard: stopWhiteboard
|
|
1955
|
+
};
|
|
1956
|
+
};
|
|
1957
|
+
|
|
1849
1958
|
var Constants = jsSdk.VideoSDK.Constants;
|
|
1850
1959
|
var createCameraVideoTrack = function createCameraVideoTrack(_ref) {
|
|
1851
1960
|
var _ref$cameraId = _ref.cameraId,
|
|
@@ -1949,4 +2058,5 @@ exports.useMeeting = useMeeting;
|
|
|
1949
2058
|
exports.useParticipant = useParticipant;
|
|
1950
2059
|
exports.usePubSub = usePubSub;
|
|
1951
2060
|
exports.useTranscription = useTranscription;
|
|
2061
|
+
exports.useWhiteboard = useWhiteboard;
|
|
1952
2062
|
//# sourceMappingURL=index.js.map
|