@stream-io/video-react-sdk 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.4.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.4.0...@stream-io/video-react-sdk-0.4.1) (2023-10-27)
+
+
+### Bug Fixes
+
+* **video-preview:** accept `className` prop ([#1166](https://github.com/GetStream/stream-video-js/issues/1166)) ([bfbfa1e](https://github.com/GetStream/stream-video-js/commit/bfbfa1ed52d4a0b19f9221252640d2926ebda641))
+
 ## [0.4.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.3.47...@stream-io/video-react-sdk-0.4.0) (2023-10-27)
 
 ### Dependency Updates

package/README.md

@@ -60,14 +60,14 @@ Here are some of the features we support:
 - [x] Livestream Player
 - [x] Screenshare Audio
 - [x] Screen-sharing bitrate and FPS control
-- [ ] Fast-reconnects
 - [x] New Device Management API
 - [x] SFU retries
 - [x] Call Thumbnails
-- [ ] Query call session endpoint
 
 ### 0.5 milestone
 
+- [ ] Fast-reconnects
+- [ ] Query call session endpoint
 - [ ] Enhanced UI components and theming
 - [x] Enhanced SDK build system
 - [ ] Typescript generics enhancements

package/dist/index.cjs.js

@@ -1481,12 +1481,14 @@ const StreamTheme = ({ as: Component = 'div', className, children, ...props }) =
 };
 
 const DefaultDisabledVideoPreview = () => {
-    return jsxRuntime.jsx("div", { children: "Video is disabled" });
+    const { t } = videoReactBindings.useI18n();
+    return jsxRuntime.jsx("div", { children: t('Video is disabled') });
 };
 const DefaultNoCameraPreview = () => {
-    return jsxRuntime.jsx("div", { children: "No camera found" });
+    const { t } = videoReactBindings.useI18n();
+    return jsxRuntime.jsx("div", { children: t('No camera found') });
 };
-const VideoPreview = ({ mirror = true, DisabledVideoPreview = DefaultDisabledVideoPreview, NoCameraPreview = DefaultNoCameraPreview, StartingCameraPreview = LoadingIndicator, }) => {
+const VideoPreview = ({ className, mirror = true, DisabledVideoPreview = DefaultDisabledVideoPreview, NoCameraPreview = DefaultNoCameraPreview, StartingCameraPreview = LoadingIndicator, }) => {
     const { useCameraState } = videoReactBindings.useCallStateHooks();
     const { devices, status, isMute, mediaStream } = useCameraState();
     let contents;
@@ -1503,7 +1505,7 @@ const VideoPreview = ({ mirror = true, DisabledVideoPreview = DefaultDisabledVid
     else {
         contents = jsxRuntime.jsx(DisabledVideoPreview, {});
     }
-    return jsxRuntime.jsx("div", { className: "str-video__video-preview-container", children: contents });
+    return (jsxRuntime.jsx("div", { className: clsx('str-video__video-preview-container', className), children: contents }));
 };
 
 const DebugParticipantPublishQuality = (props) => {
@@ -1784,6 +1786,8 @@ var en = {
 	"Microphone off": "Microphone off",
 	"Camera on": "Camera on",
 	"Camera off": "Camera off",
+	"No camera found": "No camera found",
+	"Video is disabled": "Video is disabled",
 	Pinned: Pinned,
 	Unpin: Unpin,
 	Pin: Pin,
@@ -2093,7 +2097,7 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
 };
 const hasScreenShare = (p) => !!p?.publishedTracks.includes(videoClient.SfuModels.TrackType.SCREEN_SHARE);
 
-const [major, minor, patch] = ("0.4.0" ).split('.');
+const [major, minor, patch] = ("0.4.1" ).split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,