Preprod (#767)

* RTM 1.x.x migration to signaling 2.x.x (#733)

Add RTM 2.x (signaling)

* android build failing (#747)

* change default recording mode (#748)

* undo destroy (#749)

* add pagination (#760)

* removes config

* Fix Boost checksum error by overriding podspec URL (#765)

* Fix Boost checksum error by overriding podspec URL

* fix the link

* Add global spoken and target (#761)

* wip add global spoken and target

* remove unused session state

* add padding to translate menu

* add target change

* only host can enable the caption or transcript

* add translated view for captions

* add start guard

* add host name while starting stt

* add translation entry

* fix the spelling

* sort selected lang first

* Feature/add global stt queue (#762)

* add stt queue and feedback

* add auto start stt

* update the local message constant

* add toasts

* update spoken language for host

* fix the selected translation state when spoken ang is changed

* add open states for popups

* add spoken lang filter from target

* update the label

* change the original translate order in caption panel

* fix the ui state

* update the popup text

* add right arrow icon

* update the toast notifications

* add arrow in captio container

* hide transcript label

* update transcript data

* fix the race condition for name

* add a different config.json file

* revert the config

* Release/4.1.13 (#771)

* 4.1.12-beta-1

* 4.1.12

* update the version numbers

* 4.1.12-1

* Updated the beta cli version

* 4.1.13-beta.2

* set btns as null in toast (#768)

* Updated beta version

* 4.1.13-beta.3

* Updated prod version number

* 4.1.13

* add delay to prevent the auto start race condition (#769)

* add delay only if stt auto start is true (#770)

* Updated prod version

* 4.1.13-1

---------

Co-authored-by: Hariharan G <ghariharanit@gmail.com>

---------

Co-authored-by: Supriya Adep <supriya@agora.io>
Co-authored-by: Bhupendra Negi <bhupendra1011@gmail.com>
Co-authored-by: Supriya Adep <supriya33adep@gmail.com>

Author: 3 people

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.1.12-1",
+  "version": "4.1.13-1",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package.json

@@ -77,8 +77,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.1.12-1',
-  CORE_VERSION: '4.1.12-1',
+  CLI_VERSION: '3.1.13-1',
+  CORE_VERSION: '4.1.13-1',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

template/defaultConfig.js

@@ -24,6 +24,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-arrow-right:before {
+  content: '\e9a5';
+  color: #fff;
+}
 .icon-lang-translate:before {
   content: '\e9a4';
   color: #fff;

template/src/assets/font-styles.css

@@ -460,7 +460,7 @@ const styles = StyleSheet.create({
     marginLeft: 12,
   },
   iconContainerEnd: {
-    marginLeft: 10,
+    marginLeft: 'auto',
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',

template/src/assets/fonts/icomoon.ttf

@@ -25,6 +25,7 @@ export interface IconsInterface {
   clipboard: string;
   tick: string;
   'tick-fill': string;
+  'arrow-right': string;
   'arrow-down': string;
   'arrow-up': string;
   'screen-share': string;

template/src/assets/selection.json

@@ -106,7 +106,7 @@ const Popup = (props: PopupProps) => {
                 <></>
               )}
 
-              {title ? <Spacer size={32} /> : null}
+              {title ? <Spacer size={24} /> : null}
             </>
           ) : (
             <></>

template/src/atoms/ActionMenu.tsx

@@ -320,9 +320,9 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
     setIsCaptionON,
     // language: prevLang,
     isSTTActive,
-    // setIsSTTActive,
+    sttDepsReady,
     isSTTError,
-    handleTranslateConfigChange,
+    confirmSpokenLanguageChange,
   } = useCaption();
 
   const isTranscriptON = sidePanel === SidePanelType.Transcript;
@@ -538,7 +538,13 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
       icon: `${isCaptionON ? 'captions-off' : 'captions'}`,
       iconColor: $config.SECONDARY_ACTION_COLOR,
       textColor: $config.FONT_COLOR,
-      disabled: !($config.ENABLE_STT && $config.ENABLE_CAPTION),
+      disabled:
+        !sttDepsReady ||
+        !(
+          $config.ENABLE_STT &&
+          $config.ENABLE_CAPTION &&
+          (isHost || isSTTActive)
+        ),
       title: captionLabel(isCaptionON),
       onPress: () => {
         setActionMenuVisible(false);
@@ -560,11 +566,14 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
         icon: 'transcript',
         iconColor: $config.SECONDARY_ACTION_COLOR,
         textColor: $config.FONT_COLOR,
-        disabled: !(
-          $config.ENABLE_STT &&
-          $config.ENABLE_CAPTION &&
-          $config.ENABLE_MEETING_TRANSCRIPT
-        ),
+        disabled:
+          !sttDepsReady ||
+          !(
+            $config.ENABLE_STT &&
+            $config.ENABLE_CAPTION &&
+            $config.ENABLE_MEETING_TRANSCRIPT &&
+            (isHost || isSTTActive)
+          ),
         title: transcriptLabel(isTranscriptON),
         onPress: () => {
           setActionMenuVisible(false);
@@ -837,30 +846,15 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
     setActionMenuVisible(false);
   }, [currentLayout]);
 
-  const onConfirm = async (inputTranslateConfig: LanguageTranslationConfig) => {
+  const onConfirm = async (newSpokenLang: LanguageType) => {
     console.log(
-      '[STT_PER_USER_BOT] Controls onConfirm called',
-      inputTranslateConfig,
+      '[STT_GLOBAL] spoken language changed confirm called',
+      newSpokenLang,
     );
     const isCaptionClicked = STT_clicked.current === 'caption';
     const isTranscriptClicked = STT_clicked.current === 'transcript';
     setLanguagePopup(false);
-    // isFirstTimePopupOpen.current = false;
-    // const method = isCaptionClicked
-    //   ? isCaptionON
-    //   : isTranscriptON
-    //   ? 'stop'
-    //   : 'start';
-
-    // if (method === 'stop') return; // not closing the stt service as it will stop for whole channel
-    // if (method === 'start' && isSTTActive === true) return; // not triggering the start service if STT Service already started by anyone else in the channel
-
     try {
-      // const res = await start(language, language);
-      // if (res?.message.includes('STARTED')) {
-      //   // channel is already started now restart
-      //   await restart(language, language);
-      // }
       if (isTranscriptClicked) {
         if (!isTranscriptON) {
           setSidePanel(SidePanelType.Transcript);
@@ -872,7 +866,7 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
         setIsCaptionON(prev => !prev);
       } else {
       }
-      await handleTranslateConfigChange(inputTranslateConfig);
+      await confirmSpokenLanguageChange(newSpokenLang);
     } catch (error) {
       setIsCaptionON(false);
       setSidePanel(SidePanelType.None);
@@ -1271,11 +1265,6 @@ const Controls = (props: ControlsProps) => {
   //   addStreamMessageListener();
   // }, [sttLanguage]);
 
-  // Ask bhupendra
-  // React.useEffect(() => {
-  //   setIsSTTActive(isSTTActive);
-  // }, [isSTTActive]);
-
   const isHidden = (hide: ToolbarItemHide = false) => {
     try {
       return typeof hide === 'boolean'