@stream-io/video-react-sdk 0.6.9 → 0.6.11

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.6.11](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.6.10...@stream-io/video-react-sdk-0.6.11) (2024-04-25)
+
+
+### Bug Fixes
+
+* **filters:** Synchronize filter loading and unloading ([#1326](https://github.com/GetStream/stream-video-js/issues/1326)) ([cfab745](https://github.com/GetStream/stream-video-js/commit/cfab7455cfde6d7161ac823dc338e51bea00bcce))
+
+### [0.6.10](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.6.9...@stream-io/video-react-sdk-0.6.10) (2024-04-23)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `0.7.7`
+* `@stream-io/video-react-bindings` updated to version `0.4.18`
+
+### Features
+
+* **feedback:** Collect user feedback ([#1324](https://github.com/GetStream/stream-video-js/issues/1324)) ([b415de0](https://github.com/GetStream/stream-video-js/commit/b415de0828e402f8d3b854553351843aad2e8473))
+
 ### [0.6.9](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.6.8...@stream-io/video-react-sdk-0.6.9) (2024-04-23)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -127,21 +127,24 @@ const BackgroundFilters = (props) => {
     const [canvasRef, setCanvasRef] = react.useState(null);
     const [width, setWidth] = react.useState(1920);
     const [height, setHeight] = react.useState(1080);
-    const resolveFilterRef = react.useRef();
+    // Holds a ref to the `resolve` function of the returned Promise as part
+    // of the `camera.registerFilter()` API. Once the filter is initialized,
+    // it should be called with the filtered MediaStream as an argument.
+    const signalFilterReadyRef = react.useRef();
     const [mediaStream, setMediaStream] = react.useState();
-    const registerFilterRef = react.useRef(Promise.resolve(async () => { }));
+    const unregister = react.useRef();
     react.useEffect(() => {
         if (!call || !backgroundFilter)
             return;
-        registerFilterRef.current = registerFilterRef.current.then(() => call.camera.registerFilter(async (ms) => {
+        const register = (unregister.current || Promise.resolve()).then(() => call.camera.registerFilter(async (ms) => {
             return new Promise((resolve) => {
                 setMediaStream(ms);
-                resolveFilterRef.current = resolve;
+                signalFilterReadyRef.current = resolve;
             });
         }));
         return () => {
-            registerFilterRef.current
-                .then((unregister) => unregister())
+            unregister.current = register
+                .then((unregisterFilter) => unregisterFilter())
                 .then(() => setMediaStream(undefined))
                 .catch((err) => console.error('Failed to unregister filter', err));
         };
@@ -156,7 +159,7 @@ const BackgroundFilters = (props) => {
                 setWidth(w);
                 setHeight(h);
             }
-            const resolveFilter = resolveFilterRef.current;
+            const resolveFilter = signalFilterReadyRef.current;
             if (!resolveFilter)
                 return;
             const filter = canvasRef.captureStream();
@@ -2433,7 +2436,7 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
 };
 const hasScreenShare = (p) => !!p?.publishedTracks.includes(videoClient.SfuModels.TrackType.SCREEN_SHARE);
 
-const [major, minor, patch] = ("0.6.9" ).split('.');
+const [major, minor, patch] = ("0.6.11" ).split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,