@stream-io/video-react-sdk 1.19.5 → 1.19.7

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.19.7](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.19.6...@stream-io/video-react-sdk-1.19.7) (2025-08-13)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.27.4`
+- `@stream-io/video-react-bindings` updated to version `1.7.13`
+
+### Bug Fixes
+
+- apply the crossorigin attribute before applying src ([#1886](https://github.com/GetStream/stream-video-js/issues/1886)) ([32f82a2](https://github.com/GetStream/stream-video-js/commit/32f82a24cb494e97c1ca2dee1b45a5da80a590d7))
+
+## [1.19.6](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.19.5...@stream-io/video-react-sdk-1.19.6) (2025-08-11)
+
+### Bug Fixes
+
+- **uPDP:** respect call type camera configuration ([#1883](https://github.com/GetStream/stream-video-js/issues/1883)) ([435a32e](https://github.com/GetStream/stream-video-js/commit/435a32eccae911708e333d55e8dd32a9e4444a69))
+
 ## [1.19.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.19.4...@stream-io/video-react-sdk-1.19.5) (2025-08-07)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -87,11 +87,14 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
     const cameraState = useCameraState();
     const speakerState = useSpeakerState();
     const [applyingState, setApplyingState] = react.useState('idle');
+    // when the camera is disabled on call type level, we should discard
+    // any stored camera preferences.
+    const cameraDevices = settings?.video?.enabled ? cameraState.devices : false;
     react.useEffect(function apply() {
         if (callingState === videoClient.CallingState.LEFT ||
-            !microphoneState.devices.length ||
-            !cameraState.devices.length ||
-            !speakerState.devices ||
+            microphoneState.devices.length === 0 ||
+            (Array.isArray(cameraDevices) && cameraDevices.length === 0) ||
+            speakerState.devices.length === 0 ||
             !settings ||
             applyingState !== 'idle') {
             return;
@@ -108,7 +111,7 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
                 const preference = preferences[deviceKey];
                 const manager = state[deviceKey];
                 const applyPromise = preference
-                    ? applyLocalDevicePreference(manager, [preference].flat(), state.devices, enabledInCallType)
+                    ? applyLocalDevicePreference(manager, [preference].flat(), deviceKey === 'camera' ? cameraDevices || [] : state.devices, enabledInCallType)
                     : applyMutedState(manager, defaultMuted, enabledInCallType);
                 await applyPromise.catch((err) => {
                     console.warn(`Failed to apply ${deviceKey} device preferences`, err);
@@ -119,7 +122,7 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
         applyingState,
         callingState,
         cameraState,
-        cameraState.devices,
+        cameraDevices,
         key,
         microphoneState,
         microphoneState.devices,
@@ -134,7 +137,7 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
         for (const [deviceKey, devices, selectedDevice, isMute] of [
             [
                 'camera',
-                cameraState.devices,
+                cameraDevices || [],
                 cameraState.selectedDevice,
                 cameraState.isMute,
             ],
@@ -165,7 +168,7 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
     }, [
         applyingState,
         callingState,
-        cameraState.devices,
+        cameraDevices,
         cameraState.isMute,
         cameraState.selectedDevice,
         key,
@@ -989,7 +992,7 @@ const useRenderer = (tfLite, call) => {
         tfLite,
     ]);
     const children = (jsxRuntime.jsxs("div", { className: "str-video__background-filters", children: [jsxRuntime.jsx("video", { className: clsx('str-video__background-filters__video', videoSize.height > videoSize.width &&
-                    'str-video__background-filters__video--tall'), ref: videoRef, playsInline: true, muted: true, controls: false, ...videoSize }), backgroundImage && (jsxRuntime.jsx("img", { className: "str-video__background-filters__background-image", alt: "Background", ref: bgImageRef, src: backgroundImage, crossOrigin: "anonymous", ...videoSize })), jsxRuntime.jsx("canvas", { className: "str-video__background-filters__target-canvas", ...videoSize, ref: canvasRef })] }));
+                    'str-video__background-filters__video--tall'), ref: videoRef, playsInline: true, muted: true, controls: false, ...videoSize }), backgroundImage && (jsxRuntime.jsx("img", { className: "str-video__background-filters__background-image", alt: "Background", ref: bgImageRef, crossOrigin: "anonymous", src: backgroundImage, ...videoSize })), jsxRuntime.jsx("canvas", { className: "str-video__background-filters__target-canvas", ...videoSize, ref: canvasRef })] }));
     return {
         start,
         children,
@@ -2957,7 +2960,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.19.5").split('.');
+const [major, minor, patch] = ("1.19.7").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,