@stream-io/video-react-sdk 1.21.2 → 1.21.3

package/dist/src/components/BackgroundFilters/BackgroundFilters.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { BackgroundBlurLevel, BackgroundFilter } from '@stream-io/video-filters-web';
-export type BackgroundFiltersProps = {
+import { BackgroundBlurLevel, BackgroundFilter, PlatformSupportFlags } from '@stream-io/video-filters-web';
+export type BackgroundFiltersProps = PlatformSupportFlags & {
     /**
      * A list of URLs to use as background images.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.21.2",
+  "version": "1.21.3",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -30,9 +30,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.30.1",
-    "@stream-io/video-filters-web": "0.2.1",
-    "@stream-io/video-react-bindings": "1.8.2",
+    "@stream-io/video-client": "1.31.0",
+    "@stream-io/video-filters-web": "0.2.2",
+    "@stream-io/video-react-bindings": "1.8.3",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"

package/src/components/BackgroundFilters/BackgroundFilters.tsx

@@ -17,11 +17,12 @@ import {
   createRenderer,
   isPlatformSupported,
   loadTFLite,
+  PlatformSupportFlags,
   Renderer,
   TFLite,
 } from '@stream-io/video-filters-web';
 
-export type BackgroundFiltersProps = {
+export type BackgroundFiltersProps = PlatformSupportFlags & {
   /**
    * A list of URLs to use as background images.
    */
@@ -150,6 +151,8 @@ export const BackgroundFiltersProvider = (
     modelFilePath,
     basePath,
     onError,
+    forceSafariSupport,
+    forceMobileSupport,
   } = props;
 
   const [backgroundFilter, setBackgroundFilter] = useState(bgFilterFromProps);
@@ -178,8 +181,11 @@ export const BackgroundFiltersProvider = (
 
   const [isSupported, setIsSupported] = useState(false);
   useEffect(() => {
-    isPlatformSupported().then(setIsSupported);
-  }, []);
+    isPlatformSupported({
+      forceSafariSupport,
+      forceMobileSupport,
+    }).then(setIsSupported);
+  }, [forceMobileSupport, forceSafariSupport]);
 
   const [tfLite, setTfLite] = useState<TFLite>();
   useEffect(() => {