@stream-io/video-react-sdk 1.37.6 → 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 +4396 -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
|
@@ -89,6 +89,7 @@ export declare const translations: {
|
|
|
89
89
|
"Poor connection quality": string;
|
|
90
90
|
"Video paused due to insufficient bandwidth": string;
|
|
91
91
|
"Audio is connecting...": string;
|
|
92
|
+
"Video is connecting...": string;
|
|
92
93
|
Participants: string;
|
|
93
94
|
Anonymous: string;
|
|
94
95
|
"No participants found": string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stream-io/video-react-sdk",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.38.0",
|
|
4
4
|
"main": "./dist/index.cjs.js",
|
|
5
5
|
"module": "./dist/index.es.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@floating-ui/react": "^0.27.19",
|
|
48
|
-
"@stream-io/video-client": "1.
|
|
48
|
+
"@stream-io/video-client": "1.54.0",
|
|
49
49
|
"@stream-io/video-filters-web": "0.7.5",
|
|
50
|
-
"@stream-io/video-react-bindings": "1.
|
|
50
|
+
"@stream-io/video-react-bindings": "1.17.0",
|
|
51
51
|
"chart.js": "^4.5.1",
|
|
52
52
|
"clsx": "^2.1.1",
|
|
53
53
|
"react-chartjs-2": "^5.3.1"
|
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
useCall,
|
|
12
12
|
useI18n,
|
|
13
13
|
useIsAudioConnecting,
|
|
14
|
+
useIsVideoConnecting,
|
|
14
15
|
} from '@stream-io/video-react-bindings';
|
|
15
16
|
import clsx from 'clsx';
|
|
16
17
|
|
|
@@ -143,6 +144,7 @@ export const ParticipantDetails = ({
|
|
|
143
144
|
trackType !== 'none' ? hasPausedTrack(participant, trackType) : false;
|
|
144
145
|
|
|
145
146
|
const isAudioConnecting = useIsAudioConnecting(participant);
|
|
147
|
+
const isVideoConnecting = useIsVideoConnecting(participant);
|
|
146
148
|
|
|
147
149
|
return (
|
|
148
150
|
<>
|
|
@@ -158,6 +160,12 @@ export const ParticipantDetails = ({
|
|
|
158
160
|
{indicatorsVisible && !hasAudioTrack && (
|
|
159
161
|
<span className="str-video__participant-details__name--audio-muted" />
|
|
160
162
|
)}
|
|
163
|
+
{indicatorsVisible && isVideoConnecting && (
|
|
164
|
+
<LoadingIndicator
|
|
165
|
+
className="str-video__participant-details__name--video-connecting"
|
|
166
|
+
tooltip={t('Video is connecting...')}
|
|
167
|
+
/>
|
|
168
|
+
)}
|
|
161
169
|
{indicatorsVisible && !hasVideoTrack && (
|
|
162
170
|
<span className="str-video__participant-details__name--video-muted" />
|
|
163
171
|
)}
|
package/src/translations/en.json
CHANGED
|
@@ -94,6 +94,7 @@
|
|
|
94
94
|
"Poor connection quality": "Poor connection quality. Please check your internet connection.",
|
|
95
95
|
"Video paused due to insufficient bandwidth": "Video paused due to insufficient bandwidth",
|
|
96
96
|
"Audio is connecting...": "Audio is connecting...",
|
|
97
|
+
"Video is connecting...": "Video is connecting...",
|
|
97
98
|
|
|
98
99
|
"Participants": "Participants",
|
|
99
100
|
"Anonymous": ", and ({{ count }}) anonymous",
|