@stream-io/video-react-sdk 1.0.12 → 1.0.13

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [1.0.13](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.0.12...@stream-io/video-react-sdk-1.0.13) (2024-05-27)
+
+
+### Bug Fixes
+
+* add LivestreamPlayer wrapper component ([#1372](https://github.com/GetStream/stream-video-js/issues/1372)) ([49e9b98](https://github.com/GetStream/stream-video-js/commit/49e9b980eff548f62f8aa45e6156cfa3dd40dcbd))
+
 ### [1.0.12](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.0.11...@stream-io/video-react-sdk-1.0.12) (2024-05-23)
 
 

package/dist/index.cjs.js

@@ -2569,7 +2569,29 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [scrollPosition && scrollPosition !== 'top' && (jsxRuntime.jsx(IconButton, { onClick: scrollTopClickHandler, icon: "caret-up", className: "str-video__speaker-layout__participants-bar--button-top" })), scrollPosition && scrollPosition !== 'bottom' && (jsxRuntime.jsx(IconButton, { onClick: scrollBottomClickHandler, icon: "caret-down", className: "str-video__speaker-layout__participants-bar--button-bottom" }))] }));
 };
 
-const [major, minor, patch] = ("1.0.12" ).split('.');
+const LivestreamPlayer = (props) => {
+    const { callType, callId, layoutProps } = props;
+    const client = videoReactBindings.useStreamVideoClient();
+    const [call, setCall] = react.useState();
+    react.useEffect(() => {
+        if (!client)
+            return;
+        const myCall = client.call(callType, callId);
+        setCall(myCall);
+        myCall.join().catch((e) => {
+            console.error('Failed to join call', e);
+        });
+        return () => {
+            myCall.leave().catch((e) => {
+                console.error('Failed to leave call', e);
+            });
+            setCall(undefined);
+        };
+    }, [callId, callType, client]);
+    return (jsxRuntime.jsx(StreamCall, { call: call, children: jsxRuntime.jsx(LivestreamLayout, { ...layoutProps }) }));
+};
+
+const [major, minor, patch] = ("1.0.13" ).split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,
@@ -2614,6 +2636,7 @@ exports.GenericMenuButtonItem = GenericMenuButtonItem;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.LivestreamLayout = LivestreamLayout;
+exports.LivestreamPlayer = LivestreamPlayer;
 exports.LoadingCallRecordingListing = LoadingCallRecordingListing;
 exports.LoadingIndicator = LoadingIndicator;
 exports.MenuToggle = MenuToggle;