@stream-io/video-react-sdk 1.2.4 → 1.2.6

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

@@ -1,18 +1,13 @@
 import { PropsWithChildren } from 'react';
 import { BackgroundBlurLevel, BackgroundFilter } from '@stream-io/video-filters-web';
 export type BackgroundFiltersProps = {
-    /**
-     * Enables or disables the background-blurring feature.
-     * @default true.
-     */
-    isBlurringEnabled?: boolean;
     /**
      * A list of URLs to use as background images.
      */
     backgroundImages?: string[];
     /**
      * The background filter to apply to the video (by default).
-     * @default 'none'.
+     * @default undefined no filter applied
      */
     backgroundFilter?: BackgroundFilter;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",

package/src/components/BackgroundFilters/BackgroundFilters.tsx

@@ -20,12 +20,6 @@ import {
 } from '@stream-io/video-filters-web';
 
 export type BackgroundFiltersProps = {
-  /**
-   * Enables or disables the background-blurring feature.
-   * @default true.
-   */
-  isBlurringEnabled?: boolean;
-
   /**
    * A list of URLs to use as background images.
    */
@@ -33,7 +27,7 @@ export type BackgroundFiltersProps = {
 
   /**
    * The background filter to apply to the video (by default).
-   * @default 'none'.
+   * @default undefined no filter applied
    */
   backgroundFilter?: BackgroundFilter;
 
@@ -138,7 +132,6 @@ export const BackgroundFiltersProvider = (
 ) => {
   const {
     children,
-    isBlurringEnabled = true,
     backgroundImages = [],
     backgroundFilter: bgFilterFromProps = undefined,
     backgroundImage: bgImageFromProps = undefined,
@@ -198,7 +191,6 @@ export const BackgroundFiltersProvider = (
         applyBackgroundBlurFilter,
         applyBackgroundImageFilter,
         backgroundImages,
-        isBlurringEnabled,
         tfFilePath,
         modelFilePath,
         basePath,

package/src/components/CallControls/ToggleAudioButton.tsx

@@ -27,7 +27,7 @@ export type ToggleAudioPreviewButtonProps = PropsWithErrorHandler<
 export const ToggleAudioPreviewButton = (
   props: ToggleAudioPreviewButtonProps,
 ) => {
-  const { caption, Menu, menuPlacement, ...restCompositeButtonProps } = props;
+  const { caption, onMenuToggle, ...restCompositeButtonProps } = props;
   const { t } = useI18n();
   const { useMicrophoneState } = useCallStateHooks();
   const { microphone, optimisticIsMute, hasBrowserPermission } =
@@ -60,10 +60,11 @@ export const ToggleAudioPreviewButton = (
             : 'preview-audio-mute-button'
         }
         onClick={handleClick}
-        Menu={Menu}
-        menuPlacement={menuPlacement}
-        onMenuToggle={(shown) => setTooltipDisabled(shown)}
         {...restCompositeButtonProps}
+        onMenuToggle={(shown) => {
+          setTooltipDisabled(shown);
+          onMenuToggle?.(shown);
+        }}
       >
         <Icon icon={!optimisticIsMute ? 'mic' : 'mic-off'} />
         {!hasBrowserPermission && (
@@ -93,6 +94,7 @@ export const ToggleAudioPublishingButton = (
     caption,
     Menu = <DeviceSelectorAudioInput visualType="list" />,
     menuPlacement = 'top',
+    onMenuToggle,
     ...restCompositeButtonProps
   } = props;
 
@@ -142,8 +144,11 @@ export const ToggleAudioPublishingButton = (
             Menu={Menu}
             menuPlacement={menuPlacement}
             menuOffset={16}
-            onMenuToggle={(shown) => setTooltipDisabled(shown)}
             {...restCompositeButtonProps}
+            onMenuToggle={(shown) => {
+              setTooltipDisabled(shown);
+              onMenuToggle?.(shown);
+            }}
           >
             <Icon icon={optimisticIsMute ? 'mic-off' : 'mic'} />
             {(!hasBrowserPermission || !hasPermission) && (

package/src/components/CallControls/ToggleVideoButton.tsx

@@ -31,6 +31,7 @@ export const ToggleVideoPreviewButton = (
     caption,
     Menu = DeviceSelectorVideo,
     menuPlacement = 'top',
+    onMenuToggle,
     ...restCompositeButtonProps
   } = props;
   const { t } = useI18n();
@@ -64,8 +65,11 @@ export const ToggleVideoPreviewButton = (
         disabled={!hasBrowserPermission}
         Menu={Menu}
         menuPlacement={menuPlacement}
-        onMenuToggle={(shown) => setTooltipDisabled(shown)}
         {...restCompositeButtonProps}
+        onMenuToggle={(shown) => {
+          setTooltipDisabled(shown);
+          onMenuToggle?.(shown);
+        }}
       >
         <Icon icon={!optimisticIsMute ? 'camera' : 'camera-off'} />
         {!hasBrowserPermission && (
@@ -95,6 +99,7 @@ export const ToggleVideoPublishingButton = (
     caption,
     Menu = <DeviceSelectorVideo visualType="list" />,
     menuPlacement = 'top',
+    onMenuToggle,
     ...restCompositeButtonProps
   } = props;
 
@@ -153,8 +158,11 @@ export const ToggleVideoPublishingButton = (
             Menu={Menu}
             menuPlacement={menuPlacement}
             menuOffset={16}
-            onMenuToggle={(shown) => setTooltipDisabled(shown)}
             {...restCompositeButtonProps}
+            onMenuToggle={(shown) => {
+              setTooltipDisabled(shown);
+              onMenuToggle?.(shown);
+            }}
           >
             <Icon icon={optimisticIsMute ? 'camera-off' : 'camera'} />
             {(!hasBrowserPermission ||