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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.1.8-beta.8",
+  "version": "4.1.8-beta.9",
   "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-beta.9',
+  CORE_VERSION: '4.1.8-beta.9',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

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 />}