Fix: reset and respect flag used for skipping the global config

Signed-off-by: DorraJaouad <[email protected]>

src/components/MediaSettings/MediaSettings.vue

@@ -93,6 +93,7 @@
 				<template #tab-panel:backgrounds>
 					<VideoBackgroundEditor class="media-settings__tab"
 						:token="token"
+						:skip-blur-virtual-background-enabled="skipBlurVirtualBackgroundEnabled"
 						@update-background="handleUpdateVirtualBackground" />
 				</template>
 			</MediaSettingsTabs>
@@ -428,6 +429,10 @@ export default {
 			return this.updatedBackground || this.audioDeviceStateChanged
 				|| this.videoDeviceStateChanged
 		},
+
+		connectionFailed() {
+			return this.$store.getters.connectionFailed(this.token)
+		},
 	},
 
 	watch: {
@@ -444,7 +449,7 @@ export default {
 					} else if (BrowserStorage.getItem('virtualBackgroundType_' + this.token) === VIRTUAL_BACKGROUND.BACKGROUND_TYPE.IMAGE) {
 						this.setVirtualBackgroundImage(BrowserStorage.getItem('virtualBackgroundUrl_' + this.token))
 					}
-				} else if (this.blurVirtualBackgroundEnabled) {
+				} else if (this.blurVirtualBackgroundEnabled && !this.skipBlurVirtualBackgroundEnabled) {
 					// Fall back to global blur background setting
 					this.blurVirtualBackground()
 				} else {
@@ -480,6 +485,15 @@ export default {
 				if (this.blurVirtualBackgroundEnabled && !this.skipBlurVirtualBackgroundEnabled && !virtualBackgroundEnabled) {
 					this.blurBackground(true)
 				}
+			} else {
+				// Reset the flag for the next call
+				this.skipBlurVirtualBackgroundEnabled = false
+			}
+		},
+
+		connectionFailed(value) {
+			if (value) {
+				this.skipBlurVirtualBackgroundEnabled = false
 			}
 		},
 	},

src/components/MediaSettings/VideoBackgroundEditor.vue

@@ -118,6 +118,11 @@ export default {
 			type: String,
 			required: true,
 		},
+
+		skipBlurVirtualBackgroundEnabled: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	emits: ['update-background'],
@@ -265,7 +270,7 @@ export default {
 				} else {
 					this.selectedBackground = 'none'
 				}
-			} else if (this.settingsStore.blurVirtualBackgroundEnabled) {
+			} else if (this.settingsStore.blurVirtualBackgroundEnabled && !this.skipBlurVirtualBackgroundEnabled) {
 				this.selectedBackground = 'blur'
 			} else {
 				this.selectedBackground = 'none'