fix: async audio progress experience

Author: khushal87

package/src/components/Attachment/AudioAttachment.tsx

@@ -170,6 +170,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
       }
 
       if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {
+        onProgress(item.id, 1);
         // The player has just finished playing and will stop. Maybe you want to play something else?
         // status: opposite of pause,says i am playing
         handleEnd();
@@ -217,7 +218,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
     if (!Sound.Player) {
       initalPlayPause();
     }
-  }, [item.paused]);
+  }, [item.paused, isExpoCLI, pauseAudio, playAudio]);
 
   const onSpeedChangeHandler = async () => {
     if (currentSpeed === 2.0) {
@@ -382,8 +383,8 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
 
 const styles = StyleSheet.create({
   audioInfo: {
-    flexDirection: 'row',
     alignItems: 'center',
+    flexDirection: 'row',
   },
   centerContainer: {
     flexGrow: 1,

package/src/components/ProgressControl/WaveProgressBar.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Pressable, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+import { Platform, Pressable, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
 
@@ -72,7 +72,7 @@ const ProgressControlThumb = ({ style }: { style?: StyleProp<ViewStyle> }) => {
 export const WaveProgressBar = React.memo(
   (props: WaveProgressBarProps) => {
     /* On Android, the seek doesn't work for AAC files, hence we disable progress drag for now */
-    const showProgressDrag = true;
+    const showProgressDrag = Platform.OS === 'ios';
     const {
       amplitudesCount = 70,
       filledColor,

package/src/hooks/useAudioPlayer.ts

@@ -31,8 +31,19 @@ export const useAudioPlayer = (props: UseSoundPlayerProps) => {
 
   const seekAudio = async (currentTime: number) => {
     if (isExpoCLI) {
-      if (soundRef.current?.setPositionAsync)
-        await soundRef.current.setPositionAsync(currentTime * 1000);
+      if (currentTime === 0) {
+        // If currentTime is 0, we should replay the video from 0th position.
+        if (soundRef.current?.replayAsync) {
+          await soundRef.current.replayAsync({
+            positionMillis: 0,
+            shouldPlay: false,
+          });
+        }
+      } else {
+        if (soundRef.current?.setPositionAsync) {
+          await soundRef.current.setPositionAsync(currentTime * 1000);
+        }
+      }
     } else {
       if (soundRef.current?.seek) soundRef.current.seek(currentTime);
     }