agora-appbuilder-core 4.0.20 → 4.0.21-beta.1

package/package.json

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

package/template/customization-api/sub-components.ts

@@ -72,3 +72,6 @@ export type {
   ToolbarCustomItem,
   ToolbarPresetProps,
 } from '../src/atoms/ToolbarPreset';
+export {default as TranscriptPanel} from '../src/subComponents/caption/Transcript';
+export type {TranscriptProps} from '../src/subComponents/caption/Transcript';
+export {default as CaptionPanel} from '../src/subComponents/caption/CaptionContainer';

package/template/customization-api/typeDefinition.ts

@@ -68,6 +68,8 @@ export interface VideoCallInterface extends BeforeAndAfterInterface {
   //settingsPanel?: React.ComponentType;
   participantsPanel?: React.ComponentType;
   chat?: ChatCmpInterface;
+  captionPanel?: React.ComponentType;
+  transcriptPanel?: React.ComponentType;
   customLayout?: (layouts: LayoutItem[]) => LayoutItem[];
   wrapper?: React.ComponentType;
   invitePopup?: {

package/template/customization-api/utils.ts

@@ -32,3 +32,6 @@ export {isWeb, isIOS, isAndroid, isDesktop} from '../src/utils/common';
 export {default as isMobileOrTablet} from '../src/utils/isMobileOrTablet';
 export {useLocalUid} from '../agora-rn-uikit';
 export {default as useLocalAudio} from '../src/utils/useLocalAudio';
+export {default as useLocalVideo} from '../src/utils/useLocalVideo';
+export type {LanguageType} from '../src/subComponents/caption/utils';
+export {default as useSpeechToText} from '../src/utils/useSpeechToText';

package/template/defaultConfig.js

@@ -11,6 +11,7 @@ const DefaultConfig = {
   PRECALL: true,
   CHAT: true,
   CLOUD_RECORDING: false,
+  RECORDING_MODE: 'WEB',
   SCREEN_SHARING: true,
   LANDING_SUB_HEADING: 'The Real-Time Engagement Platform',
   ENCRYPTION_ENABLED: false,
@@ -61,6 +62,8 @@ const DefaultConfig = {
   ENABLE_IDP_AUTH: false,
   ENABLE_TOKEN_AUTH: false,
   ENABLE_STT: false,
+  ENABLE_CAPTION: true,
+  ENABLE_MEETING_TRANSCRIPT: true,
   ENABLE_NOISE_CANCELLATION: true,
   ENABLE_VIRTUAL_BACKGROUND: true,
   ENABLE_WHITEBOARD: false,
@@ -69,7 +72,7 @@ const DefaultConfig = {
   WHITEBOARD_APPIDENTIFIER: '',
   WHITEBOARD_REGION: '',
   ENABLE_NOISE_CANCELLATION_BY_DEFAULT: false,
-  CHAT_ORG_NAME:'',
+  CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
 };

package/template/global.d.ts

@@ -53,6 +53,7 @@ interface ConfigInterface {
   PRECALL: boolean;
   CHAT: boolean;
   CLOUD_RECORDING: boolean;
+  RECORDING_MODE: 'WEB' | 'MIX';
   SCREEN_SHARING: boolean;
   CLIENT_ID: string;
   LANDING_SUB_HEADING: string;
@@ -104,6 +105,8 @@ interface ConfigInterface {
   ENABLE_IDP_AUTH: boolean;
   PROJECT_ID: string;
   ENABLE_STT: boolean;
+  ENABLE_CAPTION: boolean;
+  ENABLE_MEETING_TRANSCRIPT: boolean;
   ENABLE_NOISE_CANCELLATION: boolean;
   ENABLE_VIRTUAL_BACKGROUND: boolean;
   ENABLE_WHITEBOARD: boolean;

package/template/src/AppRoutes.tsx

@@ -22,10 +22,17 @@ import {CUSTOM_ROUTES_PREFIX, CustomRoutesInterface} from 'customization-api';
 import PrivateRoute from './components/PrivateRoute';
 import RecordingBotRoute from './components/recording-bot/RecordingBotRoute';
 import {useIsRecordingBot} from './subComponents/recording/useIsRecordingBot';
+import {LogSource, logger} from './logger/AppBuilderLogger';
 import {isValidReactComponent} from './utils/common';
 
 function VideoCallWrapper(props) {
   const {isRecordingBotRoute} = useIsRecordingBot();
+  logger.debug(
+    LogSource.Internals,
+    'RECORDING',
+    'Check if this is a recording bot route',
+    isRecordingBotRoute,
+  );
   return isRecordingBotRoute ? (
     <RecordingBotRoute history={props.history}>
       <VideoCall />