fix backgroundBlurToggleClick -> videoBlurToggleClick

src/components/CallFooter.tsx

@@ -198,7 +198,7 @@ export const CallFooter: FC<FooterProps> = ({ ref, children, vm }) => {
         options={videoOptions}
         selectedOption={selectedVideo}
         onSelect={selectVideoButtonOption}
-        backgroundBlurToggleClick={toggleBlur}
+        videoBlurToggleClick={toggleBlur}
         videoBlurEnabled={videoBlurEnabled}
       />,
     );

src/components/MediaMuteAndSwitchButton.stories.tsx

@@ -43,7 +43,7 @@ export const AudioMute: Story = {
       { label: { type: "name", name: "Microphone 2" }, id: "2" },
     ],
     videoBlurEnabled: true,
-    backgroundBlurToggleClick: fn(),
+    videoBlurToggleClick: fn(),
     selectedOption: "2",
   },
   play: async ({ args, canvasElement }) => {
@@ -94,7 +94,7 @@ export const VideoUnmute: Story = {
       { label: { type: "name", name: "Camera 2" }, id: "2" },
     ],
     videoBlurEnabled: true,
-    backgroundBlurToggleClick: fn(),
+    videoBlurToggleClick: fn(),
     selectedOption: "2",
   },
 };

src/components/MediaMuteAndSwitchButton.test.tsx

@@ -194,7 +194,7 @@ describe("MediaMuteAndSwitchButton", () => {
           title="Switcher"
           iconsAndLabels="video"
           enabled={true}
-          backgroundBlurToggleClick={onVideoBlurToggle}
+          videoBlurToggleClick={onVideoBlurToggle}
           onSelect={onSelect}
         />
       </TooltipProvider>,

src/components/MediaMuteAndSwitchButton.tsx

@@ -44,7 +44,7 @@ export interface MediaMuteAndSwitchButtonProps {
   options?: MenuOptions[];
   /** The option that will currently be rendered as the selected option */
   selectedOption?: string;
-  backgroundBlurToggleClick?: () => void;
+  videoBlurToggleClick?: () => void;
   videoBlurEnabled?: boolean;
   /**
    * For any toggle and option this method will be called.
@@ -63,7 +63,7 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
   options,
   selectedOption,
   videoBlurEnabled,
-  backgroundBlurToggleClick,
+  videoBlurToggleClick,
   onSelect,
 }) => {
   const [plannedSelection, setPlannedSelection] = useState<string | null>(null);
@@ -85,7 +85,7 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
           data-testid="incall_videomute"
         />
       );
-      if (backgroundBlurToggleClick !== undefined) {
+      if (videoBlurToggleClick !== undefined) {
         toggles = [
           {
             label: t("action.blur_background"),
@@ -200,7 +200,7 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
           <ToggleMenuItem
             label={toggle.label}
             onSelect={(e) => {
-              backgroundBlurToggleClick?.();
+              videoBlurToggleClick?.();
               e.preventDefault();
             }}
             checked={toggle.enabled ?? false}