@stream-io/video-react-sdk 0.4.0 → 0.4.2
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 +13 -0
- package/README.md +2 -2
- package/dist/index.cjs.js +9 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +9 -5
- package/dist/index.es.js.map +1 -1
- package/dist/src/components/VideoPreview/VideoPreview.d.ts +7 -3
- package/dist/src/translations/index.d.ts +2 -0
- package/package.json +3 -3
- package/src/components/VideoPreview/VideoPreview.tsx +17 -6
- package/src/translations/en.json +2 -0
package/dist/index.es.js
CHANGED
|
@@ -1481,12 +1481,14 @@ const StreamTheme = ({ as: Component = 'div', className, children, ...props }) =
|
|
|
1481
1481
|
};
|
|
1482
1482
|
|
|
1483
1483
|
const DefaultDisabledVideoPreview = () => {
|
|
1484
|
-
|
|
1484
|
+
const { t } = useI18n();
|
|
1485
|
+
return jsx("div", { children: t('Video is disabled') });
|
|
1485
1486
|
};
|
|
1486
1487
|
const DefaultNoCameraPreview = () => {
|
|
1487
|
-
|
|
1488
|
+
const { t } = useI18n();
|
|
1489
|
+
return jsx("div", { children: t('No camera found') });
|
|
1488
1490
|
};
|
|
1489
|
-
const VideoPreview = ({ mirror = true, DisabledVideoPreview = DefaultDisabledVideoPreview, NoCameraPreview = DefaultNoCameraPreview, StartingCameraPreview = LoadingIndicator, }) => {
|
|
1491
|
+
const VideoPreview = ({ className, mirror = true, DisabledVideoPreview = DefaultDisabledVideoPreview, NoCameraPreview = DefaultNoCameraPreview, StartingCameraPreview = LoadingIndicator, }) => {
|
|
1490
1492
|
const { useCameraState } = useCallStateHooks();
|
|
1491
1493
|
const { devices, status, isMute, mediaStream } = useCameraState();
|
|
1492
1494
|
let contents;
|
|
@@ -1503,7 +1505,7 @@ const VideoPreview = ({ mirror = true, DisabledVideoPreview = DefaultDisabledVid
|
|
|
1503
1505
|
else {
|
|
1504
1506
|
contents = jsx(DisabledVideoPreview, {});
|
|
1505
1507
|
}
|
|
1506
|
-
return jsx("div", { className:
|
|
1508
|
+
return (jsx("div", { className: clsx('str-video__video-preview-container', className), children: contents }));
|
|
1507
1509
|
};
|
|
1508
1510
|
|
|
1509
1511
|
const DebugParticipantPublishQuality = (props) => {
|
|
@@ -1784,6 +1786,8 @@ var en = {
|
|
|
1784
1786
|
"Microphone off": "Microphone off",
|
|
1785
1787
|
"Camera on": "Camera on",
|
|
1786
1788
|
"Camera off": "Camera off",
|
|
1789
|
+
"No camera found": "No camera found",
|
|
1790
|
+
"Video is disabled": "Video is disabled",
|
|
1787
1791
|
Pinned: Pinned,
|
|
1788
1792
|
Unpin: Unpin,
|
|
1789
1793
|
Pin: Pin,
|
|
@@ -2093,7 +2097,7 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
|
|
|
2093
2097
|
};
|
|
2094
2098
|
const hasScreenShare = (p) => !!p?.publishedTracks.includes(SfuModels.TrackType.SCREEN_SHARE);
|
|
2095
2099
|
|
|
2096
|
-
const [major, minor, patch] = ("0.4.
|
|
2100
|
+
const [major, minor, patch] = ("0.4.2" ).split('.');
|
|
2097
2101
|
setSdkInfo({
|
|
2098
2102
|
type: SfuModels.SdkType.REACT,
|
|
2099
2103
|
major,
|