@stream-io/video-react-sdk 0.4.19 → 0.4.21

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 CHANGED
@@ -2,6 +2,19 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ### [0.4.21](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.4.20...@stream-io/video-react-sdk-0.4.21) (2024-01-19)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `@stream-io/video-client` updated to version `0.5.6`
10
+ * `@stream-io/video-react-bindings` updated to version `0.3.17`
11
+ ### [0.4.20](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.4.19...@stream-io/video-react-sdk-0.4.20) (2024-01-16)
12
+
13
+
14
+ ### Bug Fixes
15
+
16
+ * **react-sdk:** handle external full-screen toggling ([#1243](https://github.com/GetStream/stream-video-js/issues/1243)) ([9578155](https://github.com/GetStream/stream-video-js/commit/95781555e8450c780ca73cf9d9d940d12613d893))
17
+
5
18
  ### [0.4.19](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.4.18...@stream-io/video-react-sdk-0.4.19) (2024-01-16)
6
19
 
7
20
  ### Dependency Updates
package/dist/index.cjs.js CHANGED
@@ -1130,6 +1130,17 @@ const ParticipantActionsContextMenu = ({ participant, participantViewElement, vi
1130
1130
  .catch(console.error)
1131
1131
  .finally(() => setFullscreenModeOn(false));
1132
1132
  };
1133
+ react.useEffect(() => {
1134
+ // handles the case when fullscreen mode is toggled externally,
1135
+ // e.g., by pressing ESC key or some other keyboard shortcut
1136
+ const handleFullscreenChange = () => {
1137
+ setFullscreenModeOn(!!document.fullscreenElement);
1138
+ };
1139
+ document.addEventListener('fullscreenchange', handleFullscreenChange);
1140
+ return () => {
1141
+ document.removeEventListener('fullscreenchange', handleFullscreenChange);
1142
+ };
1143
+ }, []);
1133
1144
  react.useEffect(() => {
1134
1145
  if (!videoElement)
1135
1146
  return;
@@ -1966,7 +1977,7 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
1966
1977
  };
1967
1978
  const hasScreenShare = (p) => !!p?.publishedTracks.includes(videoClient.SfuModels.TrackType.SCREEN_SHARE);
1968
1979
 
1969
- const [major, minor, patch] = ("0.4.19" ).split('.');
1980
+ const [major, minor, patch] = ("0.4.21" ).split('.');
1970
1981
  videoClient.setSdkInfo({
1971
1982
  type: videoClient.SfuModels.SdkType.REACT,
1972
1983
  major,