Merge branch 'main' into docs/cc-react

GetStream · Dec 19, 2024 · d87f1c4 · d87f1c4
2 parents 93c6326 + 0629e49
commit d87f1c4
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 13 deletions.
diff --git 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
@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.4.21",
+  "version": "1.4.22",
   "packageManager": "[email protected]",
   "main": "dist/commonjs/index.js",
   "module": "dist/module/index.js",

diff --git 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
@@ -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: {},

diff --git 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",

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
@@ -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
@@ -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,