@stream-io/video-react-sdk 1.33.2 → 1.33.4

package/dist/src/components/NoiseCancellation/NoiseCancellationProvider.d.ts

@@ -15,6 +15,10 @@ export type NoiseCancellationAPI = {
      * are supported on this platform and for the current user.
      */
     isSupported: boolean | undefined;
+    /**
+     * Provides information whether Noise Cancellation is initialized and ready.
+     */
+    isReady: boolean;
     /**
      * Provides information whether Noise Cancellation is active or not.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.33.2",
+  "version": "1.33.4",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -45,9 +45,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.44.2",
+    "@stream-io/video-client": "1.44.3",
     "@stream-io/video-filters-web": "0.7.2",
-    "@stream-io/video-react-bindings": "1.13.11",
+    "@stream-io/video-react-bindings": "1.13.12",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"
@@ -60,7 +60,7 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@stream-io/audio-filters-web": "^0.7.2",
+    "@stream-io/audio-filters-web": "^0.7.3",
     "@stream-io/video-styling": "^1.11.0",
     "@types/react": "~19.1.17",
     "@types/react-dom": "~19.1.11",

package/src/components/NoiseCancellation/NoiseCancellationProvider.tsx

@@ -30,6 +30,10 @@ export type NoiseCancellationAPI = {
    * are supported on this platform and for the current user.
    */
   isSupported: boolean | undefined;
+  /**
+   * Provides information whether Noise Cancellation is initialized and ready.
+   */
+  isReady: boolean;
   /**
    * Provides information whether Noise Cancellation is active or not.
    */
@@ -105,6 +109,8 @@ export const NoiseCancellationProvider = (
     isSupportedByBrowser && hasCapability && noiseCancellationAllowed;
 
   const [isEnabled, setIsEnabled] = useState(false);
+  const [isReady, setIsReady] = useState(false);
+
   const deinit = useRef<Promise<void>>(undefined);
   useEffect(() => {
     if (!call || !isSupported) return;
@@ -112,20 +118,26 @@ export const NoiseCancellationProvider = (
     const unsubscribe = noiseCancellation.on('change', (v) => setIsEnabled(v));
     const init = (deinit.current || Promise.resolve())
       .then(() => noiseCancellation.init({ tracer: call.tracer }))
-      .then(() => call.microphone.enableNoiseCancellation(noiseCancellation))
+      .then(() => {
+        setIsReady(true);
+        return call.microphone.enableNoiseCancellation(noiseCancellation);
+      })
       .catch((e) => console.error(`Can't initialize noise cancellation`, e));
 
     return () => {
       deinit.current = init
         .then(() => call.microphone.disableNoiseCancellation())
         .then(() => noiseCancellation.dispose())
-        .then(() => unsubscribe());
+        .then(() => unsubscribe())
+        .catch((e) => console.error("Can't clean up noise cancellation", e))
+        .finally(() => setIsReady(false));
     };
   }, [call, isSupported, noiseCancellation]);
 
   const contextValue = useMemo<NoiseCancellationAPI>(
     () => ({
       isSupported,
+      isReady,
       isEnabled,
       setSuppressionLevel: (level) => {
         if (!noiseCancellation) return;
@@ -148,7 +160,7 @@ export const NoiseCancellationProvider = (
         }
       },
     }),
-    [isEnabled, isSupported, noiseCancellation],
+    [isEnabled, isReady, isSupported, noiseCancellation],
   );
   return (
     <NoiseCancellationContext.Provider value={contextValue}>