From dcfcd92b8aeaeb0315fd3e5e33f70a8369dd3d72 Mon Sep 17 00:00:00 2001 From: Oliver Lazoroski Date: Thu, 19 Dec 2024 11:10:05 +0100 Subject: [PATCH 1/4] fix: unset participant max-width in the spotlight (#1628) ### Overview Fixes an issue spotted in https://getstream.zendesk.com/agent/tickets/58907 Unsets the `max-width` of the participant view in the `Spotlight` layout. --- .../components/layouts/Spotlight/Spotlight.scss | 1 + sample-apps/react/egress-composite/src/main.tsx | 14 ++++++++------ 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss b/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss index 197cd87ee5..55cf445860 100644 --- a/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss +++ b/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss @@ -8,5 +8,6 @@ .str-video__participant-view { transition: width 0.2s ease-in-out; + max-width: unset; } } diff --git a/sample-apps/react/egress-composite/src/main.tsx b/sample-apps/react/egress-composite/src/main.tsx index 165800010c..95a84c3bcf 100644 --- a/sample-apps/react/egress-composite/src/main.tsx +++ b/sample-apps/react/egress-composite/src/main.tsx @@ -43,14 +43,16 @@ window.setupLayout = (configuration: ConfigurationValue) => { // Uncomment and tweak this setup script /** -(() => { +(async () => { + const { apiKey, token } = await fetch( + 'https://pronto.getstream.io/api/auth/create-token?environment=pronto&user_id=egress', + ).then((res) => res.json()); const v = document.createElement('script'); v.innerHTML = `window.setupLayout(${JSON.stringify({ - call_id: 'yb-rec-test', - call_type: 'oliver', - api_key: 'par8f5s3gn2j', - token: - 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiZWdyZXNzLXVzZXIiLCJpc3MiOiJodHRwczovL3Byb250by5nZXRzdHJlYW0uaW8iLCJzdWIiOiJ1c2VyL2VncmVzcy11c2VyIiwiaWF0IjoxNzE1NTk1ODMzLCJleHAiOjE3MTYyMDA2Mzh9.vEj47kFkliwqriammHXpypYdedWi8HDON222eOh0LWA', + call_id: 'recording-test', + call_type: 'default', + api_key: apiKey, + token, layout: 'single-participant', screenshare_layout: 'spotlight', // ext_css: cssUrl, From 56d9137514701b9313a6ea9ee8ba2f6ff2f61209 Mon Sep 17 00:00:00 2001 From: Kristian Date: Thu, 19 Dec 2024 12:28:43 +0100 Subject: [PATCH 2/4] fix(rn-video): highlightedContainer prop typo (#1627) Fixes one theme property typo: from highligtedContainer -> highlightedContainer --- .../Participant/ParticipantView/ParticipantView.tsx | 6 +++--- packages/react-native-sdk/src/theme/theme.ts | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx b/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx index 491ef4954a..60c0129610 100644 --- a/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx +++ b/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx @@ -117,9 +117,9 @@ export const ParticipantView = ({ const isScreenSharing = trackType === 'screenShareTrack'; const applySpeakerStyle = isSpeaking && !isScreenSharing; const speakerStyle = applySpeakerStyle && [ - styles.highligtedContainer, + styles.highlightedContainer, { borderColor: colors.buttonPrimary }, - participantView.highligtedContainer, + participantView.highlightedContainer, ]; return ( @@ -180,7 +180,7 @@ const useStyles = () => { justifyContent: 'space-between', alignItems: 'center', }, - highligtedContainer: { + highlightedContainer: { borderWidth: 2, }, networkIndicatorOnly: { justifyContent: 'flex-end' }, diff --git a/packages/react-native-sdk/src/theme/theme.ts b/packages/react-native-sdk/src/theme/theme.ts index dc50bdba9f..12703384c7 100644 --- a/packages/react-native-sdk/src/theme/theme.ts +++ b/packages/react-native-sdk/src/theme/theme.ts @@ -148,7 +148,7 @@ export type Theme = { participantView: { container: ViewStyle; footerContainer: ViewStyle; - highligtedContainer: ViewStyle; + highlightedContainer: ViewStyle; }; videoRenderer: { container: ViewStyle; @@ -496,7 +496,7 @@ export const defaultTheme: Theme = { participantView: { container: {}, footerContainer: {}, - highligtedContainer: {}, + highlightedContainer: {}, }, reactionsPicker: { reactionsPopup: {}, From e5bcd4240ad2777a142fa753a9a6dfc3a9a4059c Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 19 Dec 2024 11:31:35 +0000 Subject: [PATCH 3/4] chore(@stream-io/video-react-native-sdk): release version 1.4.22 --- packages/react-native-sdk/CHANGELOG.md | 7 +++++++ packages/react-native-sdk/package.json | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/react-native-sdk/CHANGELOG.md b/packages/react-native-sdk/CHANGELOG.md index e0b30317c2..0cc074521b 100644 --- a/packages/react-native-sdk/CHANGELOG.md +++ b/packages/react-native-sdk/CHANGELOG.md @@ -2,6 +2,13 @@ This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver). +## [1.4.22](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.4.21...@stream-io/video-react-native-sdk-1.4.22) (2024-12-19) + + +### Bug Fixes + +* **rn-video:** highlightedContainer prop typo ([#1627](https://github.com/GetStream/stream-video-js/issues/1627)) ([56d9137](https://github.com/GetStream/stream-video-js/commit/56d9137514701b9313a6ea9ee8ba2f6ff2f61209)) + ## [1.4.21](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.4.20...@stream-io/video-react-native-sdk-1.4.21) (2024-12-17) ### Dependency Updates diff --git a/packages/react-native-sdk/package.json b/packages/react-native-sdk/package.json index 7fb1f37882..1ad2923387 100644 --- a/packages/react-native-sdk/package.json +++ b/packages/react-native-sdk/package.json @@ -1,6 +1,6 @@ { "name": "@stream-io/video-react-native-sdk", - "version": "1.4.21", + "version": "1.4.22", "packageManager": "yarn@3.2.4", "main": "dist/commonjs/index.js", "module": "dist/module/index.js", From 0629e49ebf1f0bd16602cff2ec31fe3cfefa3dd4 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 19 Dec 2024 11:31:58 +0000 Subject: [PATCH 4/4] chore(@stream-io/video-react-native-dogfood): release version 4.9.11 --- sample-apps/react-native/dogfood/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sample-apps/react-native/dogfood/package.json b/sample-apps/react-native/dogfood/package.json index 2846abb214..3e7df9e82e 100644 --- a/sample-apps/react-native/dogfood/package.json +++ b/sample-apps/react-native/dogfood/package.json @@ -1,6 +1,6 @@ { "name": "@stream-io/video-react-native-dogfood", - "version": "4.9.10", + "version": "4.9.11", "private": true, "scripts": { "android": "react-native run-android",