agora-appbuilder-core 4.1.8-beta.8 → 4.1.8

package/package.json

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

package/template/defaultConfig.js

@@ -77,8 +77,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.1.8-beta.8',
-  CORE_VERSION: '4.1.8-beta.8',
+  CLI_VERSION: '3.1.8',
+  CORE_VERSION: '4.1.8',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,
@@ -90,7 +90,7 @@ const DefaultConfig = {
   SDK_CODEC: 'vp8',
   ENABLE_WAITING_ROOM_AUTO_APPROVAL: false,
   ENABLE_WAITING_ROOM_AUTO_REQUEST: false,
-  ENABLE_TEXT_TRACKS: true,
+  ENABLE_TEXT_TRACKS: false,
 };
 
 module.exports = DefaultConfig;

package/template/src/components/recordings/RecordingItemRow.tsx

@@ -16,11 +16,13 @@ interface RecordingItemRowProps {
   item: FetchRecordingData['recordings'][0];
   onDeleteAction: (id: string) => void;
   onTextTrackDownload: (textTrackLink: string) => void;
+  showTextTracks: boolean;
 }
 export default function RecordingItemRow({
   item,
   onDeleteAction,
   onTextTrackDownload,
+  showTextTracks = false,
 }: RecordingItemRowProps) {
   const [expanded, setIsExpanded] = useState(false);
 
@@ -70,20 +72,22 @@ export default function RecordingItemRow({
     <View>
       {/* ========== PARENT ROW ========== */}
       <View style={style.tbrow} key={item.id}>
-        <View style={style.tdIconCell}>
-          <IconButtonWithToolTip
-            hoverEffect={true}
-            hoverEffectStyle={style.iconButtonHoverEffect}
-            containerStyle={style.iconButton}
-            iconProps={{
-              name: expanded ? 'arrow-up' : 'arrow-down',
-              iconType: 'plain',
-              iconSize: 20,
-              tintColor: `${$config.FONT_COLOR}`,
-            }}
-            onPress={() => setIsExpanded(prev => !prev)}
-          />
-        </View>
+        {showTextTracks && (
+          <View style={style.tdIconCell}>
+            <IconButtonWithToolTip
+              hoverEffect={true}
+              hoverEffectStyle={style.iconButtonHoverEffect}
+              containerStyle={style.iconButton}
+              iconProps={{
+                name: expanded ? 'arrow-up' : 'arrow-down',
+                iconType: 'plain',
+                iconSize: 20,
+                tintColor: `${$config.FONT_COLOR}`,
+              }}
+              onPress={() => setIsExpanded(prev => !prev)}
+            />
+          </View>
+        )}
         <View style={[style.td, style.plzero]}>
           <Text style={style.ttime}>
             {date}

package/template/src/components/recordings/RecordingsDateTable.tsx

@@ -13,6 +13,7 @@ import ImageIcon from '../../atoms/ImageIcon';
 import RecordingItemRow from './RecordingItemRow';
 import GenericPopup from '../common/GenericPopup';
 import {downloadS3Link} from '../../utils/common';
+import {useControlPermissionMatrix} from '../controls/useControlPermissionMatrix';
 
 function EmptyRecordingState() {
   return (
@@ -34,7 +35,6 @@ function EmptyRecordingState() {
   );
 }
 
-const headers = ['', 'Date/Time', 'Duration', 'Actions'];
 const defaultPageNumber = 1;
 
 function RecordingsDateTable(props) {
@@ -57,6 +57,8 @@ function RecordingsDateTable(props) {
   const [currentPage, setCurrentPage] = useState(defaultPageNumber);
 
   const {fetchRecordings} = useRecording();
+  const canAccessAllTextTracks =
+    useControlPermissionMatrix('viewAllTextTracks');
 
   // message for any download‐error popup
   const [errorSnack, setErrorSnack] = React.useState<string | undefined>();
@@ -111,11 +113,15 @@ function RecordingsDateTable(props) {
     });
   };
 
+  const headers = canAccessAllTextTracks
+    ? ['', 'Date/Time', 'Duration', 'Actions']
+    : ['Date/Time', 'Duration', 'Actions'];
+
   return (
     <View style={style.ttable}>
       <TableHeader
         columns={headers}
-        firstCellStyle={style.thIconCell}
+        firstCellStyle={canAccessAllTextTracks ? style.thIconCell : {}}
         lastCellStyle={style.alignCellToRight}
       />
       <TableBody
@@ -130,6 +136,7 @@ function RecordingsDateTable(props) {
             item={item}
             onDeleteAction={props?.onDeleteAction}
             onTextTrackDownload={onTextTrackDownload}
+            showTextTracks={canAccessAllTextTracks}
           />
         )}
         emptyComponent={<EmptyRecordingState />}

package/template/src/components/text-tracks/TextTracksTable.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useEffect} from 'react';
 import {View, Text, TouchableOpacity} from 'react-native';
 import Tooltip from '../../atoms/Tooltip';
 import Clipboard from '../../subComponents/Clipboard';
@@ -204,7 +204,7 @@ function ErrorTextTrackState({message}: {message: string}) {
 }
 
 function TextTracksTable() {
-  const {sttState, currentPage, setCurrentPage, deleteTranscript} =
+  const {getSTTs, sttState, currentPage, setCurrentPage, deleteTranscript} =
     useFetchSTTTranscript();
 
   const {
@@ -212,6 +212,11 @@ function TextTracksTable() {
     data: {stts, pagination},
     error: fetchTranscriptError,
   } = sttState;
+
+  useEffect(() => {
+    getSTTs(currentPage);
+  }, [currentPage, getSTTs]);
+
   // id of text-tracj to delete
   const [textTrackIdToDelete, setTextTrackIdToDelete] = React.useState<
     string | undefined

package/template/src/components/text-tracks/useFetchSTTTranscript.tsx

@@ -119,10 +119,6 @@ export function useFetchSTTTranscript() {
     [roomId.host, store.token],
   );
 
-  useEffect(() => {
-    getSTTs(currentPage);
-  }, [currentPage, getSTTs]);
-
   // Delete stts
   const deleteTranscript = useCallback(
     async (id: string) => {