@stream-io/video-react-sdk 1.37.7 → 1.38.0
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/CHANGELOG.md +4389 -0
- package/dist/embedded.cjs.js +4 -2
- package/dist/embedded.cjs.js.map +1 -1
- package/dist/embedded.es.js +5 -3
- package/dist/embedded.es.js.map +1 -1
- package/dist/index.cjs.js +5 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +6 -4
- package/dist/index.es.js.map +1 -1
- package/dist/src/translations/index.d.ts +1 -0
- package/package.json +3 -3
- package/src/core/components/ParticipantView/DefaultParticipantViewUI.tsx +8 -0
- package/src/translations/en.json +1 -0
package/dist/embedded.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useState, useEffect, Fragment as Fragment$1, createContext, useContext, useCallback, useMemo, useRef, isValidElement, forwardRef, useLayoutEffect, lazy, Suspense } from 'react';
|
|
3
|
-
import { useCall, useCallStateHooks, useI18n, Restricted, useToggleCallRecording, useConnectedUser, useIsAudioConnecting, StreamCallProvider, StreamVideoProvider, useEffectEvent } from '@stream-io/video-react-bindings';
|
|
3
|
+
import { useCall, useCallStateHooks, useI18n, Restricted, useToggleCallRecording, useConnectedUser, useIsAudioConnecting, useIsVideoConnecting, StreamCallProvider, StreamVideoProvider, useEffectEvent } from '@stream-io/video-react-bindings';
|
|
4
4
|
import { hasAudio, hasScreenShareAudio, hasVideo, hasScreenShare, OwnCapability, Browsers, VisibilityState, hasPausedTrack, createSoundDetector, SfuModels, isPinned, name, NoiseCancellationSettingsModeEnum, CallingState, combineComparators, screenSharing, speakerLayoutSortPreset, paginatedLayoutSortPreset, CallTypes, defaultSortPreset, humanize, StreamVideoClient } from '@stream-io/video-client';
|
|
5
5
|
import { useFloating, offset, shift, flip, size, autoUpdate, FloatingOverlay, FloatingPortal, arrow, FloatingArrow, useListItem, useListNavigation, useTypeahead, useClick, useDismiss, useRole, useInteractions, FloatingFocusManager, FloatingList } from '@floating-ui/react';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -1201,7 +1201,7 @@ const SpeakerTest = (props) => {
|
|
|
1201
1201
|
const audioElementRef = useRef(null);
|
|
1202
1202
|
const [isPlaying, setIsPlaying] = useState(false);
|
|
1203
1203
|
const { t } = useI18n();
|
|
1204
|
-
const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.
|
|
1204
|
+
const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.38.0"}/assets/piano.mp3`, } = props;
|
|
1205
1205
|
// Update audio output device when selection changes
|
|
1206
1206
|
useEffect(() => {
|
|
1207
1207
|
const audio = audioElementRef.current;
|
|
@@ -1898,7 +1898,8 @@ const ParticipantDetails = ({ indicatorsVisible = true, }) => {
|
|
|
1898
1898
|
const canUnpin = !!pin && pin.isLocalPin;
|
|
1899
1899
|
const isTrackPaused = trackType !== 'none' ? hasPausedTrack(participant, trackType) : false;
|
|
1900
1900
|
const isAudioConnecting = useIsAudioConnecting(participant);
|
|
1901
|
-
|
|
1901
|
+
const isVideoConnecting = useIsVideoConnecting(participant);
|
|
1902
|
+
return (jsxs(Fragment, { children: [jsx("div", { className: "str-video__participant-details", children: jsxs("div", { className: "str-video__participant-details__name", children: [name || userId, indicatorsVisible && isAudioConnecting && (jsx(LoadingIndicator, { className: "str-video__participant-details__name--audio-connecting", tooltip: t('Audio is connecting...') })), indicatorsVisible && !hasAudioTrack && (jsx("span", { className: "str-video__participant-details__name--audio-muted" })), indicatorsVisible && isVideoConnecting && (jsx(LoadingIndicator, { className: "str-video__participant-details__name--video-connecting", tooltip: t('Video is connecting...') })), indicatorsVisible && !hasVideoTrack && (jsx("span", { className: "str-video__participant-details__name--video-muted" })), indicatorsVisible && isTrackPaused && (jsx("span", { title: t('Video paused due to insufficient bandwidth'), className: "str-video__participant-details__name--track-paused" })), indicatorsVisible && pin && (jsx("span", { title: canUnpin ? t('Unpin') : t('Pinned'), onClick: canUnpin ? () => call?.unpin(sessionId) : undefined, className: "str-video__participant-details__name--pinned" })), indicatorsVisible && jsx(SpeechIndicator, {})] }) }), indicatorsVisible && (jsx(Notification, { isVisible: isLocalParticipant &&
|
|
1902
1903
|
connectionQuality === SfuModels.ConnectionQuality.POOR, message: t('Poor connection quality'), children: connectionQualityAsString && (jsx("span", { className: clsx('str-video__participant-details__connection-quality', `str-video__participant-details__connection-quality--${connectionQualityAsString}`), title: connectionQualityAsString })) }))] }));
|
|
1903
1904
|
};
|
|
1904
1905
|
const SpeechIndicator = () => {
|
|
@@ -2078,6 +2079,7 @@ var en = {
|
|
|
2078
2079
|
"Poor connection quality": "Poor connection quality. Please check your internet connection.",
|
|
2079
2080
|
"Video paused due to insufficient bandwidth": "Video paused due to insufficient bandwidth",
|
|
2080
2081
|
"Audio is connecting...": "Audio is connecting...",
|
|
2082
|
+
"Video is connecting...": "Video is connecting...",
|
|
2081
2083
|
Participants: Participants,
|
|
2082
2084
|
Anonymous: Anonymous,
|
|
2083
2085
|
"No participants found": "No participants found",
|