From f28652b42537c7d829ae360f17b8aeccb1bd6759 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Wed, 24 Jul 2024 16:58:28 +0200
Subject: [PATCH] ov-components: Added missing services to providers section
 module

Fixed virtual background feature
---
 .../components/session/session.component.ts   |  1 -
 .../lib/openvidu-components-angular.module.ts | 23 ++++++++++++-------
 .../participant/participant.service.ts        |  2 ++
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/session/session.component.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/session/session.component.ts
index d0dae279..7820755f 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/session/session.component.ts
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/session/session.component.ts
@@ -170,7 +170,6 @@ export class SessionComponent implements OnInit, OnDestroy {
 	async ngOnInit() {
 		this.room = this.openviduService.getRoom();
 		this.onRoomCreated.emit(this.room);
-		this.participantService.setLocalParticipant(this.room.localParticipant);
 
 		// this.subscribeToCaptionLanguage();
 		this.subcribeToActiveSpeakersChanged();
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/openvidu-components-angular.module.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/openvidu-components-angular.module.ts
index d9efbeed..66c9de7c 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/openvidu-components-angular.module.ts
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/openvidu-components-angular.module.ts
@@ -47,7 +47,7 @@ import { VideoconferenceComponent } from './components/videoconference/videoconf
 import { AdminDashboardComponent } from './admin/admin-dashboard/admin-dashboard.component';
 import { AdminLoginComponent } from './admin/admin-login/admin-login.component';
 import { AvatarProfileComponent } from './components/avatar-profile/avatar-profile.component';
-import { CaptionsComponent } from './components/captions/captions.component';
+// import { CaptionsComponent } from './components/captions/captions.component';
 import { ProFeatureDialogTemplateComponent } from './components/dialogs/pro-feature-dialog.component';
 import { ActivitiesPanelComponent } from './components/panel/activities-panel/activities-panel.component';
 import { BroadcastingActivityComponent } from './components/panel/activities-panel/broadcasting-activity/broadcasting-activity.component';
@@ -55,13 +55,16 @@ import { RecordingActivityComponent } from './components/panel/activities-panel/
 import { BackgroundEffectsPanelComponent } from './components/panel/background-effects-panel/background-effects-panel.component';
 import { SettingsPanelComponent } from './components/panel/settings-panel/settings-panel.component';
 import { AudioDevicesComponent } from './components/settings/audio-devices/audio-devices.component';
-import { CaptionsSettingComponent } from './components/settings/captions/captions.component';
+// import { CaptionsSettingComponent } from './components/settings/captions/captions.component';
 import { LangSelectorComponent } from './components/settings/lang-selector/lang-selector.component';
 import { ParticipantNameInputComponent } from './components/settings/participant-name-input/participant-name-input.component';
 import { VideoDevicesComponent } from './components/settings/video-devices/video-devices.component';
 import { ApiDirectiveModule } from './directives/api/api.directive.module';
 import { OpenViduComponentsDirectiveModule } from './directives/template/openvidu-components-angular.directive.module';
 import { AppMaterialModule } from './openvidu-components-angular.material.module';
+import { VirtualBackgroundService } from './services/virtual-background/virtual-background.service';
+import { BroadcastingService } from './services/broadcasting/broadcasting.service';
+import { TranslateService } from './services/translate/translate.service';
 
 const publicComponents = [
 	AdminDashboardComponent,
@@ -84,7 +87,7 @@ const privateComponents = [
 	BackgroundEffectsPanelComponent,
 	SettingsPanelComponent,
 	AudioWaveComponent,
-	CaptionsComponent,
+	// CaptionsComponent,
 	DialogTemplateComponent,
 	ProFeatureDialogTemplateComponent,
 	RecordingDialogComponent,
@@ -95,7 +98,7 @@ const privateComponents = [
 	AudioDevicesComponent,
 	ParticipantNameInputComponent,
 	LangSelectorComponent,
-	CaptionsSettingComponent
+	// CaptionsSettingComponent
 ];
 
 @NgModule({
@@ -129,19 +132,23 @@ const privateComponents = [
 	],
 	providers: [
 		ActionService,
+		BroadcastingService,
+		// CaptionService,
 		CdkOverlayContainer,
 		{ provide: OverlayContainer, useClass: CdkOverlayContainer },
 		ChatService,
-		PanelService,
 		DeviceService,
 		DocumentService,
 		LayoutService,
 		LoggerService,
-		PlatformService,
-		ParticipantService,
-		StorageService,
 		OpenViduService,
+		PanelService,
+		ParticipantService,
+		PlatformService,
 		RecordingService,
+		StorageService,
+		TranslateService,
+		VirtualBackgroundService,
 		provideHttpClient(withInterceptorsFromDi())
 	]
 })
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/participant/participant.service.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/participant/participant.service.ts
index 8d5d6ef3..afed2570 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/participant/participant.service.ts
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/participant/participant.service.ts
@@ -99,6 +99,8 @@ export class ParticipantService {
 		}
 
 		await this.openviduService.connectRoom();
+		this.setLocalParticipant(this.openviduService.getRoom().localParticipant);
+
 		const videoTrack = prejoinTracks.find((track) => track.kind === Track.Kind.Video);
 		const audioTrack = prejoinTracks.find((track) => track.kind === Track.Kind.Audio);