From 3f0e96ac35d3a91abcaa3c90da63b663786b7101 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Mon, 19 Sep 2022 10:47:59 +0200
Subject: [PATCH] openvidu-components: Disabled captions feature preview

---
 .../projects/openvidu-angular/package.json    |  3 +-
 .../components/captions/captions.component.ts | 44 ++++++++++---------
 .../settings-panel.component.html             |  4 +-
 .../components/toolbar/toolbar.component.html |  2 +-
 .../lib/directives/api/toolbar.directive.ts   |  3 ++
 5 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/package.json b/openvidu-components-angular/projects/openvidu-angular/package.json
index f850ac06..d45f886d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/package.json
+++ b/openvidu-components-angular/projects/openvidu-angular/package.json
@@ -10,8 +10,7 @@
     "@angular/flex-layout": "^13.0.0-beta.36",
     "autolinker": "^3.14.3",
     "buffer": "^6.0.3",
-    "openvidu-browser": "2.22.0",
-    "lorem-ipsum": "^2.0.8"
+    "openvidu-browser": "2.22.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts
index d21f97a2..c938f2db 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts
@@ -14,8 +14,8 @@ import { PanelEvent, PanelService } from '../../services/panel/panel.service';
 import { DocumentService } from '../../services/document/document.service';
 import { MediaChange } from '@angular/flex-layout';
 
-//TODO: BORRAR
-import { LoremIpsum } from 'lorem-ipsum';
+//TODO: Remove when speech to text is integrated
+// import { LoremIpsum } from 'lorem-ipsum';
 
 /**
  * @internal
@@ -50,7 +50,7 @@ export class CaptionsComponent implements OnInit {
 
 	captionElements: { connectionId: string; author: string; text: string }[] = [];
 
-	//TODO: Delete
+	//TODO: Remove when speech to text is integrated
 	private sample = [
 		{ connectionId: '1', partial: 'frente' },
 		{ connectionId: '1', partial: 'friends' },
@@ -1393,7 +1393,7 @@ export class CaptionsComponent implements OnInit {
 		});
 	}
 	private updateCaption(connectionId: string, text: string) {
-		//TODO: Delete
+		//TODO: Remove when speech to text is integrated
 		const nicknames = new Map();
 		nicknames.set('1', 'Pepe');
 		nicknames.set('2', 'Mario');
@@ -1453,7 +1453,7 @@ export class CaptionsComponent implements OnInit {
 		this.captionElements = [...newCaptionElements];
 	}
 
-	// TODO Delete when feature is enabled
+	//TODO: Remove when speech to text is integrated
 	private startFakeEventWithSample() {
 		let index = 0;
 		let event = <{ connectionId: string; partial: string; text?: string }>this.sample[index];
@@ -1475,22 +1475,24 @@ export class CaptionsComponent implements OnInit {
 
 		this.interval = eventLoop();
 
-		setInterval(() => {
-			clearInterval(this.interval);
-			const lorem = new LoremIpsum();
-			let times = 5;
-			let partial = 'BLA BLA BLA ';
-			const interval2 = setInterval(() => {
-				fakeEventBS.next({ connectionId: '5', partial });
-				partial += lorem.generateWords(2);
-				if (times <= 0) {
-					fakeEventBS.next({ connectionId: '5', partial, text: partial });
-					clearInterval(interval2);
-					this.interval = eventLoop();
-				}
-				times--;
-			}, 400);
-		}, 6000);
+		//TODO: Simulating an speech event
+		//TODO: Remove when speech to text is integrated
+		// setInterval(() => {
+		// 	clearInterval(this.interval);
+		// 	const lorem = new LoremIpsum();
+		// 	let times = 5;
+		// 	let partial = 'BLA BLA BLA ';
+		// 	const interval2 = setInterval(() => {
+		// 		fakeEventBS.next({ connectionId: '5', partial });
+		// 		partial += lorem.generateWords(2);
+		// 		if (times <= 0) {
+		// 			fakeEventBS.next({ connectionId: '5', partial, text: partial });
+		// 			clearInterval(interval2);
+		// 			this.interval = eventLoop();
+		// 		}
+		// 		times--;
+		// 	}, 400);
+		// }, 6000);
 	}
 
 	private subscribeToPanelToggling() {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html
index 13511048..591f4804 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html
@@ -22,7 +22,7 @@
 					<div mat-line>{{ 'PANEL.SETTINGS.AUDIO' | translate }}</div>
 				</mat-list-option>
 				<mat-list-option
-					*ngIf="showSubtitles"
+					*ngIf="showSubtitles && false"
 					class="option"
 					[selected]="selectedOption === settingsOptions.SUBTITLES"
 					[value]="settingsOptions.SUBTITLES"
@@ -47,7 +47,7 @@
 			</div>
 			<ov-video-devices-select *ngIf="selectedOption === settingsOptions.VIDEO"></ov-video-devices-select>
 			<ov-audio-devices-select *ngIf="selectedOption === settingsOptions.AUDIO"></ov-audio-devices-select>
-			<ov-subtitles-settings *ngIf="selectedOption === settingsOptions.SUBTITLES && showSubtitles"></ov-subtitles-settings>
+			<ov-subtitles-settings *ngIf="selectedOption === settingsOptions.SUBTITLES && showSubtitles && false"></ov-subtitles-settings>
 		</div>
 	</div>
 </div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index b3842379..98737a6b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -105,7 +105,7 @@
 
 			<!-- Subtitles button -->
 			<button
-				*ngIf="!isMinimal && showSubtitlesButton"
+				*ngIf="!isMinimal && showSubtitlesButton && false"
 				[disabled]="isConnectionLost"
 				mat-menu-item
 				id="subtitles-btn"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
index 9eb929b7..de5ce0f8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
@@ -256,6 +256,9 @@ export class ToolbarBackgroundEffectsButtonDirective implements AfterViewInit, O
  * And it also can be used in the {@link ToolbarComponent}.
  * @example
  * <ov-toolbar [captionsButton]="false"></ov-toolbar>
+ *
+ * TODO: Make it public when speech to text is integrated
+ * @internal
  */
  @Directive({
 	selector: 'ov-videoconference[toolbarCaptionsButton], ov-toolbar[captionsButton]'