chore: update files from base branch

Author: khushal87

.github/workflows/check-pr.yml

@@ -6,7 +6,6 @@ on:
       - develop
       - main
       - 'v[0-9]+.[0-9]+.[0-9]+*beta*'
-      - V7
     types: [opened, synchronize]
 
 jobs:

.github/workflows/lint-pr-title.yml

@@ -5,7 +5,6 @@ on:
     branches:
       - develop
       - 'v[0-9]+.[0-9]+.[0-9]+'
-      - V7
     types: [opened, edited, synchronize]
 
 jobs:

.github/workflows/next-release.yml

@@ -4,7 +4,6 @@ on:
   push:
     branches:
       - develop
-      - V7
 
 jobs:
   publish-next:

.github/workflows/sample-distribution.yml

@@ -13,7 +13,7 @@ on:
 
 jobs:
   build_and_deploy_ios_testflight_qa:
-    name: Build SampleApp iOS and Deploy-${{ github.ref == 'refs/heads/V7' }}
+    name: Build SampleApp iOS and Deploy-${{ github.ref == 'refs/heads/develop' }}
     runs-on: [macos-15]
     steps:
       - name: Connect Bot
@@ -38,14 +38,14 @@ jobs:
           bundle exec pod install
       - name: Build and release Testflight QA
         working-directory: examples/SampleApp
-        run: bundle exec fastlane deploy_to_testflight_qa deploy:${{ github.ref == 'refs/heads/V7' }};
+        run: bundle exec fastlane deploy_to_testflight_qa deploy:${{ github.ref == 'refs/heads/develop' }};
         env:
           MATCH_PASSWORD: ${{ secrets.MATCH_PASSWORD }}
           MATCH_GIT_BASIC_AUTHORIZATION: ${{ secrets.MATCH_GIT_BASIC_AUTHORIZATION }}
           APPSTORE_API_KEY: ${{ secrets.APPSTORE_API_KEY }}
 
   build_and_deploy_android_s3:
-    name: Build SampleApp Android and Deploy-${{ github.ref == 'refs/heads/V7' }}
+    name: Build SampleApp Android and Deploy-${{ github.ref == 'refs/heads/develop' }}
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
@@ -66,13 +66,13 @@ jobs:
           rm -rf $HOME/.gradle/caches/ && ./gradlew assembleRelease
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v1
-        if: ${{ github.ref == 'refs/heads/V7' }}
+        if: ${{ github.ref == 'refs/heads/develop' }}
         with:
           aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           aws-region: us-east-1
       - name: Upload APK
-        if: ${{ github.ref == 'refs/heads/V7' }}
+        if: ${{ github.ref == 'refs/heads/develop' }}
         # https://getstream.io/downloads/rn-sample-app.apk
         run: |
           cp examples/SampleApp/android/app/build/outputs/apk/release/app-release.apk rn-sample-app.apk

.github/workflows/sdk-size-metrics.yml

@@ -9,7 +9,6 @@ on:
     branches:
       - develop
       - main
-      - V7
 
 env:
   HOMEBREW_NO_INSTALL_CLEANUP: 1 # Disable cleanup for homebrew, we don't need it on CI

examples/SampleApp/android/app/build.gradle

@@ -126,15 +126,14 @@ dependencies {
     implementation platform('com.google.firebase:firebase-bom:29.3.0')
     implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0")
 
-    // For animated GIF support
-    implementation 'com.facebook.fresco:animated-gif:2.6.0'
-
     // For React native video
     implementation "androidx.appcompat:appcompat:1.0.0"
 
+    // For animated GIF support
+    implementation('com.facebook.fresco:animated-gif:3.6.0')
     // For WebP support, including animated WebP
-    implementation 'com.facebook.fresco:animated-webp:2.6.0'
-    implementation 'com.facebook.fresco:webpsupport:2.6.0'
+    implementation('com.facebook.fresco:animated-webp:3.6.0')
+    implementation('com.facebook.fresco:webpsupport:3.6.0')
 
     // For Firebase Crashlytics and Analytics support
     implementation 'com.google.firebase:firebase-crashlytics'

examples/TypeScriptMessaging/android/app/build.gradle

@@ -120,8 +120,8 @@ dependencies {
     // For React native video
     implementation("androidx.appcompat:appcompat:1.0.0")
     // For animated GIF support
-    implementation('com.facebook.fresco:animated-gif:2.6.0')
+    implementation('com.facebook.fresco:animated-gif:3.6.0')
     // For WebP support, including animated WebP
-    implementation('com.facebook.fresco:animated-webp:2.6.0')
-    implementation('com.facebook.fresco:webpsupport:2.6.0')
+    implementation('com.facebook.fresco:animated-webp:3.6.0')
+    implementation('com.facebook.fresco:webpsupport:3.6.0')
 }

package/src/components/Attachment/AudioAttachment.tsx

@@ -4,6 +4,8 @@ import { I18nManager, Pressable, StyleSheet, Text, View } from 'react-native';
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 
+import { AudioAttachment as StreamAudioAttachment } from 'stream-chat';
+
 import { useTheme } from '../../contexts';
 import { useAudioPlayer } from '../../hooks/useAudioPlayer';
 import { Audio, Pause, Play } from '../../icons';
@@ -22,19 +24,18 @@ import { WaveProgressBar } from '../ProgressControl/WaveProgressBar';
 
 dayjs.extend(duration);
 
-export type AudioAttachmentType = AudioConfig & {
-  asset_url?: string;
-  id: string;
-  title?: string;
-  type: 'audio' | 'voiceRecording';
-  waveform_data?: number[];
-};
+export type AudioAttachmentType = AudioConfig &
+  Pick<StreamAudioAttachment, 'waveform_data' | 'asset_url' | 'title'> & {
+    id: string;
+    type: 'audio' | 'voiceRecording';
+  };
 
 export type AudioAttachmentProps = {
   item: AudioAttachmentType;
   onLoad: (index: string, duration: number) => void;
   onPlayPause: (index: string, pausedStatus?: boolean) => void;
   onProgress: (index: string, progress: number) => void;
+  titleMaxLength?: number;
   hideProgressBar?: boolean;
   showSpeedSettings?: boolean;
   testID?: string;
@@ -56,6 +57,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
     onProgress,
     showSpeedSettings = false,
     testID,
+    titleMaxLength,
   } = props;
   const { changeAudioSpeed, pauseAudio, playAudio, seekAudio } = useAudioPlayer({ soundRef });
   const isExpoCLI = NativeHandlers.SDK === 'stream-chat-expo';
@@ -263,7 +265,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
       },
       colors: { accent_blue, black, grey_dark, grey_whisper, static_black, static_white, white },
       messageInput: {
-        fileUploadPreview: { filenameText },
+        fileAttachmentUploadPreview: { filenameText },
       },
     },
   } = useTheme();
@@ -326,7 +328,9 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
             filenameText,
           ]}
         >
-          {getTrimmedAttachmentTitle(item.title)}
+          {item.type === FileTypes.VoiceRecording
+            ? 'Recording'
+            : getTrimmedAttachmentTitle(item.title, titleMaxLength)}
         </Text>
         <View style={styles.audioInfo}>
           <Text style={[styles.progressDurationText, { color: grey_dark }, progressDurationText]}>

package/src/components/Attachment/FileAttachmentGroup.tsx

@@ -39,7 +39,9 @@ type FilesToDisplayType = Attachment & {
 
 const FileAttachmentGroupWithContext = (props: FileAttachmentGroupPropsWithContext) => {
   const { Attachment, AudioAttachment, files, messageId, styles: stylesProp = {} } = props;
-  const [filesToDisplay, setFilesToDisplay] = useState<FilesToDisplayType[]>([]);
+  const [filesToDisplay, setFilesToDisplay] = useState<FilesToDisplayType[]>(() =>
+    files.map((file) => ({ ...file, duration: file.duration || 0, paused: true, progress: 0 })),
+  );
 
   useEffect(() => {
     setFilesToDisplay(
@@ -111,14 +113,9 @@ const FileAttachmentGroupWithContext = (props: FileAttachmentGroupPropsWithConte
           isSoundPackageAvailable() ? (
             <AudioAttachment
               item={{
-                asset_url: file.asset_url,
-                duration: file.duration,
+                ...file,
                 id: index.toString(),
-                paused: file.paused,
-                progress: file.progress,
-                title: file.title,
                 type: file.type,
-                waveform_data: file.waveform_data,
               }}
               onLoad={onLoad}
               onPlayPause={onPlayPause}

package/src/components/Attachment/Gallery.tsx

@@ -11,6 +11,7 @@ import { getGalleryImageBorderRadius } from './utils/getGalleryImageBorderRadius
 
 import { openUrlSafely } from './utils/openUrlSafely';
 
+import { useTranslationContext } from '../../contexts';
 import { useChatConfigContext } from '../../contexts/chatConfigContext/ChatConfigContext';
 import {
   ImageGalleryContextValue,
@@ -29,7 +30,7 @@ import {
   useOverlayContext,
 } from '../../contexts/overlayContext/OverlayContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
+
 import { useLoadingImage } from '../../hooks/useLoadingImage';
 import { isVideoPlayerAvailable } from '../../native';
 import { FileTypes } from '../../types/types';