Merge branch 'develop' into TC-782-Mobile-Troubleshoot-notifications

* develop: (24 commits) fix: add type checking on notificationType (#5376) fix: call the internetStateMiddleware for release mode (#5364) improve: handle attachment actions in a quote and how to jump to message (#5363) fix: translation prop checking (#5369) fix: handle camera permission crash (#5372) feat (iOS): mobile ringer (#5327) fix: enables navigation for deleted threads (#5317) fix: Add valid version with valid exception use case (#5368) feat (Android): mobile ringer (#5286) chore: Remove pre-commit hook (#5362) chore: Remove unused Jitsi deep link (#5361) fix(Android): Deep links not working on Android 12 (#5357) chore: Bump version to 4.44.0 (#5358) fix(iOS): Keyboard not working properly on iOS 17 (#5343) fix: call media permissions in android 13+ (#5326) feat: new audio player (#5160) feat: capability to enable/disable writing in rooms read only (#5298) fix: starting a new thread from an attachment (#5345) fix: show last message when pinned (#5316) chore: Bump version to 4.43.0 (#5341) ...
2023-12-08 16:43:51 -03:00 · 2023-12-08 16:43:51 -03:00 · 6c7514cd07
parent 4fe161a19d e295cbbcc6
commit 6c7514cd07
113 changed files with 1864 additions and 708 deletions
--- a/.husky/.gitignore
+++ b/.husky/.gitignore
@ -1 +0,0 @@
-_
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run precommit
--- a/.prettierignore
+++ b/.prettierignore
@ -1,6 +1,5 @@
 .circleci/
 .github/
-.husky
 build/
 node_modules/
 coverage/
--- a/mocks/react-native-mmkv-storage.js
+++ b/mocks/react-native-mmkv-storage.js
@ -20,4 +20,5 @@ export const IOSAccessibleStates = {
 	AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY: ''
 };

-export const create = jest.fn();
+// fix the useUserPreference hook
+export const create = jest.fn().mockImplementation(() => jest.fn().mockImplementation(() => [0, jest.fn()]));
--- a/tests/containers/markdown/new/snapshots/NewMarkdown.stories.storyshot
+++ b/tests/containers/markdown/new/snapshots/NewMarkdown.stories.storyshot
--- a/tests/containers/message/snapshots/Message.stories.storyshot
+++ b/tests/containers/message/snapshots/Message.stories.storyshot
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@ -147,7 +147,7 @@ android {
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode VERSIONCODE as Integer
-        versionName "4.42.0"
+        versionName "4.44.0"
        vectorDrawables.useSupportLibrary = true
        if (!isFoss) {
            manifestPlaceholders = [BugsnagAPIKey: BugsnagAPIKey as String]
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@ -6,7 +6,7 @@
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

    <uses-permission android:name="android.permission.CAMERA" />
-    <uses-permission android:name="android.permission.RECORD_AUDIO"/>
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.VIDEO_CAPTURE" />
    <uses-permission android:name="android.permission.AUDIO_CAPTURE" />
@ -15,7 +15,12 @@
    <uses-permission android:name="android.permission.BLUETOOTH" />

    <!-- android 13 notifications -->
-    <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+
+    <!-- android 13 media permission -->
+    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
+    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
+    <uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />

    <application
        android:name="chat.rocket.reactnative.MainApplication"
@ -38,32 +43,24 @@
            <intent-filter>
                <action android:name="android.intent.action.DOWNLOAD_COMPLETE" />
            </intent-filter>
-            <intent-filter android:label="@string/app_name">
-                <action android:name="android.intent.action.VIEW" />
-
-                <category android:name="android.intent.category.DEFAULT" />
-                <category android:name="android.intent.category.BROWSABLE" />
-
-                <data
-                    android:host="go.rocket.chat"
-                    android:scheme="https" />
-                <data
-                    android:host="jitsi.rocket.chat"
-                    android:scheme="https" />
-                <data
-                    android:host="room"
-                    android:scheme="rocketchat" />
-                <data
-                    android:host="auth"
-                    android:scheme="rocketchat" />
-                <data
-                    android:host="jitsi.rocket.chat"
-                    android:scheme="rocketchat" />
-            </intent-filter>
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
+            <intent-filter android:autoVerify="true">
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+                <data android:scheme="https" android:host="go.rocket.chat" android:path="/invite" />
+                <data android:scheme="https" android:host="go.rocket.chat" android:path="/auth" />
+                <data android:scheme="https" android:host="go.rocket.chat" android:path="/room" />
+            </intent-filter>
+            <intent-filter>
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+                <data android:scheme="rocketchat" />
+            </intent-filter>
        </activity>
        <activity
            android:name="chat.rocket.reactnative.share.ShareActivity"
--- a/android/app/src/main/assets/fonts/custom.ttf
+++ b/android/app/src/main/assets/fonts/custom.ttf
--- a/android/app/src/main/res/raw/ringtone.mp3
+++ b/android/app/src/main/res/raw/ringtone.mp3
--- a/android/app/src/play/java/chat/rocket/reactnative/CustomPushNotification.java
+++ b/android/app/src/play/java/chat/rocket/reactnative/CustomPushNotification.java
@ -97,9 +97,13 @@ public class CustomPushNotification extends PushNotification {
        bundle.putString("senderId", hasSender ? loadedEjson.sender._id : "1");
        bundle.putString("avatarUri", loadedEjson.getAvatarUri());

-        notificationMessages.get(notId).add(bundle);
-        postNotification(Integer.parseInt(notId));
-        notifyReceivedToJS();
+        if (loadedEjson.notificationType instanceof String && loadedEjson.notificationType.equals("videoconf")) {
+            notifyReceivedToJS();
+        } else {
+            notificationMessages.get(notId).add(bundle);
+            postNotification(Integer.parseInt(notId));
+            notifyReceivedToJS();
+        }
    }

    @Override
--- a/app/actions/actionsTypes.ts
+++ b/app/actions/actionsTypes.ts
@ -65,7 +65,7 @@ export const METEOR = createRequestTypes('METEOR_CONNECT', [...defaultTypes, 'DI
 export const LOGOUT = 'LOGOUT'; // logout is always success
 export const DELETE_ACCOUNT = 'DELETE_ACCOUNT';
 export const SNIPPETED_MESSAGES = createRequestTypes('SNIPPETED_MESSAGES', ['OPEN', 'READY', 'CLOSE', 'MESSAGES_RECEIVED']);
-export const DEEP_LINKING = createRequestTypes('DEEP_LINKING', ['OPEN']);
+export const DEEP_LINKING = createRequestTypes('DEEP_LINKING', ['OPEN', 'OPEN_VIDEO_CONF']);
 export const SORT_PREFERENCES = createRequestTypes('SORT_PREFERENCES', ['SET_ALL', 'SET']);
 export const SET_CUSTOM_EMOJIS = 'SET_CUSTOM_EMOJIS';
 export const ACTIVE_USERS = createRequestTypes('ACTIVE_USERS', ['SET', 'CLEAR']);
--- a/app/actions/deepLinking.ts
+++ b/app/actions/deepLinking.ts
@ -7,7 +7,6 @@ interface IParams {
 	rid: string;
 	messageId: string;
 	host: string;
-	isCall: boolean;
 	fullURL: string;
 	type: string;
 	token: string;
@ -23,3 +22,10 @@ export function deepLinkingOpen(params: Partial<IParams>): IDeepLinkingOpen {
 		params
 	};
 }
+
+export function deepLinkingClickCallPush(params: any): IDeepLinkingOpen {
+	return {
+		type: DEEP_LINKING.OPEN_VIDEO_CONF,
+		params
+	};
+}
--- a/app/containers/AudioPlayer/PlayButton.tsx
+++ b/app/containers/AudioPlayer/PlayButton.tsx
@ -0,0 +1,52 @@
+import React from 'react';
+
+import { CustomIcon } from '../CustomIcon';
+import { useTheme } from '../../theme';
+import styles from './styles';
+import RCActivityIndicator from '../ActivityIndicator';
+import { AUDIO_BUTTON_HIT_SLOP } from './constants';
+import { TAudioState } from './types';
+import NativeButton from '../NativeButton';
+
+interface IButton {
+	disabled?: boolean;
+	onPress: () => void;
+	audioState: TAudioState;
+}
+
+type TCustomIconName = 'arrow-down' | 'play-shape-filled' | 'pause-shape-filled';
+
+const Icon = ({ audioState, disabled }: { audioState: TAudioState; disabled: boolean }) => {
+	const { colors } = useTheme();
+
+	if (audioState === 'loading') {
+		return <RCActivityIndicator />;
+	}
+
+	let customIconName: TCustomIconName = 'arrow-down';
+	if (audioState === 'playing') {
+		customIconName = 'pause-shape-filled';
+	}
+	if (audioState === 'paused') {
+		customIconName = 'play-shape-filled';
+	}
+
+	return <CustomIcon name={customIconName} size={24} color={disabled ? colors.tintDisabled : colors.buttonFontPrimary} />;
+};
+
+const PlayButton = ({ onPress, disabled = false, audioState }: IButton) => {
+	const { colors } = useTheme();
+
+	return (
+		<NativeButton
+			style={[styles.playPauseButton, { backgroundColor: colors.buttonBackgroundPrimaryDefault }]}
+			disabled={disabled}
+			onPress={onPress}
+			hitSlop={AUDIO_BUTTON_HIT_SLOP}
+		>
+			<Icon audioState={audioState} disabled={disabled} />
+		</NativeButton>
+	);
+};
+
+export default PlayButton;
--- a/app/containers/AudioPlayer/PlaybackSpeed.tsx
+++ b/app/containers/AudioPlayer/PlaybackSpeed.tsx
@ -0,0 +1,32 @@
+import React from 'react';
+import { Text } from 'react-native';
+
+import styles from './styles';
+import { useTheme } from '../../theme';
+import { AUDIO_PLAYBACK_SPEED, AVAILABLE_SPEEDS } from './constants';
+import { TAudioState } from './types';
+import { useUserPreferences } from '../../lib/methods';
+import NativeButton from '../NativeButton';
+
+const PlaybackSpeed = ({ audioState }: { audioState: TAudioState }) => {
+	const [playbackSpeed, setPlaybackSpeed] = useUserPreferences<number>(AUDIO_PLAYBACK_SPEED, AVAILABLE_SPEEDS[1]);
+	const { colors } = useTheme();
+
+	const onPress = () => {
+		const speedIndex = AVAILABLE_SPEEDS.indexOf(playbackSpeed);
+		const nextSpeedIndex = speedIndex + 1 >= AVAILABLE_SPEEDS.length ? 0 : speedIndex + 1;
+		setPlaybackSpeed(AVAILABLE_SPEEDS[nextSpeedIndex]);
+	};
+
+	return (
+		<NativeButton
+			disabled={audioState !== 'playing'}
+			onPress={onPress}
+			style={[styles.containerPlaybackSpeed, { backgroundColor: colors.buttonBackgroundSecondaryDefault }]}
+		>
+			<Text style={[styles.playbackSpeedText, { color: colors.buttonFontSecondary }]}>{playbackSpeed}x</Text>
+		</NativeButton>
+	);
+};
+
+export default PlaybackSpeed;
--- a/app/containers/AudioPlayer/Seek.tsx
+++ b/app/containers/AudioPlayer/Seek.tsx
@ -0,0 +1,129 @@
+import React from 'react';
+import { LayoutChangeEvent, View, TextInput, TextInputProps, TouchableNativeFeedback } from 'react-native';
+import { PanGestureHandler, PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
+import Animated, {
+	SharedValue,
+	runOnJS,
+	useAnimatedGestureHandler,
+	useAnimatedProps,
+	useAnimatedStyle,
+	useDerivedValue,
+	useSharedValue
+} from 'react-native-reanimated';
+
+import styles from './styles';
+import { useTheme } from '../../theme';
+import { SEEK_HIT_SLOP, THUMB_SEEK_SIZE, ACTIVE_OFFSET_X, DEFAULT_TIME_LABEL } from './constants';
+
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+
+interface ISeek {
+	duration: SharedValue<number>;
+	currentTime: SharedValue<number>;
+	loaded: boolean;
+	onChangeTime: (time: number) => Promise<void>;
+}
+
+function clamp(value: number, min: number, max: number) {
+	'worklet';
+
+	return Math.min(Math.max(value, min), max);
+}
+
+// https://docs.swmansion.com/react-native-reanimated/docs/2.x/fundamentals/worklets/
+const formatTime = (ms: number) => {
+	'worklet';
+
+	const minutes = Math.floor(ms / 60);
+	const remainingSeconds = Math.floor(ms % 60);
+	const formattedMinutes = String(minutes).padStart(2, '0');
+	const formattedSeconds = String(remainingSeconds).padStart(2, '0');
+	return `${formattedMinutes}:${formattedSeconds}`;
+};
+
+const Seek = ({ currentTime, duration, loaded = false, onChangeTime }: ISeek) => {
+	const { colors } = useTheme();
+
+	const maxWidth = useSharedValue(1);
+	const translateX = useSharedValue(0);
+	const timeLabel = useSharedValue(DEFAULT_TIME_LABEL);
+	const scale = useSharedValue(1);
+	const isPanning = useSharedValue(false);
+
+	const styleLine = useAnimatedStyle(() => ({
+		width: translateX.value
+	}));
+
+	const styleThumb = useAnimatedStyle(() => ({
+		transform: [{ translateX: translateX.value - THUMB_SEEK_SIZE / 2 }, { scale: scale.value }]
+	}));
+
+	const onLayout = (event: LayoutChangeEvent) => {
+		const { width } = event.nativeEvent.layout;
+		maxWidth.value = width;
+	};
+
+	const onGestureEvent = useAnimatedGestureHandler<PanGestureHandlerGestureEvent, { offsetX: number }>({
+		onStart: (event, ctx) => {
+			isPanning.value = true;
+			ctx.offsetX = translateX.value;
+		},
+		onActive: ({ translationX }, ctx) => {
+			translateX.value = clamp(ctx.offsetX + translationX, 0, maxWidth.value);
+			scale.value = 1.3;
+		},
+		onFinish() {
+			scale.value = 1;
+			isPanning.value = false;
+			runOnJS(onChangeTime)(Math.round(currentTime.value * 1000));
+		}
+	});
+
+	useDerivedValue(() => {
+		if (isPanning.value) {
+			// When the user is panning, always the currentTime.value is been set different from the currentTime provided by
+			// the audio in progress
+			currentTime.value = (translateX.value * duration.value) / maxWidth.value || 0;
+		} else {
+			translateX.value = (currentTime.value * maxWidth.value) / duration.value || 0;
+		}
+		timeLabel.value = formatTime(currentTime.value);
+	}, [translateX, maxWidth, duration, isPanning, currentTime]);
+
+	const timeLabelAnimatedProps = useAnimatedProps(() => {
+		if (currentTime.value !== 0) {
+			return {
+				text: timeLabel.value
+			} as TextInputProps;
+		}
+		return {
+			text: formatTime(duration.value)
+		} as TextInputProps;
+	}, [timeLabel, duration, currentTime]);
+
+	const thumbColor = loaded ? colors.buttonBackgroundPrimaryDefault : colors.tintDisabled;
+
+	// TouchableNativeFeedback is avoiding do a long press message when seeking the audio
+	return (
+		<TouchableNativeFeedback>
+			<View style={styles.seekContainer}>
+				<AnimatedTextInput
+					defaultValue={DEFAULT_TIME_LABEL}
+					editable={false}
+					style={[styles.duration, { color: colors.fontDefault }]}
+					animatedProps={timeLabelAnimatedProps}
+				/>
+				<View style={styles.seek} onLayout={onLayout}>
+					<View style={[styles.line, { backgroundColor: colors.strokeLight }]}>
+						<Animated.View style={[styles.line, styleLine, { backgroundColor: colors.buttonBackgroundPrimaryDefault }]} />
+					</View>
+					<PanGestureHandler enabled={loaded} onGestureEvent={onGestureEvent} activeOffsetX={[-ACTIVE_OFFSET_X, ACTIVE_OFFSET_X]}>
+						<Animated.View hitSlop={SEEK_HIT_SLOP} style={[styles.thumbSeek, { backgroundColor: thumbColor }, styleThumb]} />
+					</PanGestureHandler>
+				</View>
+			</View>
+		</TouchableNativeFeedback>
+	);
+};
+
+export default Seek;
--- a/app/containers/AudioPlayer/constants.ts
+++ b/app/containers/AudioPlayer/constants.ts
@ -0,0 +1,13 @@
+export const AVAILABLE_SPEEDS = [0.5, 1, 1.5, 2];
+
+export const AUDIO_BUTTON_HIT_SLOP = { top: 8, right: 8, bottom: 8, left: 8 };
+
+export const SEEK_HIT_SLOP = { top: 12, right: 8, bottom: 12, left: 8 };
+
+export const THUMB_SEEK_SIZE = 12;
+
+export const AUDIO_PLAYBACK_SPEED = 'audioPlaybackSpeed';
+
+export const DEFAULT_TIME_LABEL = '00:00';
+
+export const ACTIVE_OFFSET_X = 0.001;
--- a/app/containers/AudioPlayer/index.tsx
+++ b/app/containers/AudioPlayer/index.tsx
@ -0,0 +1,162 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { InteractionManager, View } from 'react-native';
+import { AVPlaybackStatus } from 'expo-av';
+import { activateKeepAwake, deactivateKeepAwake } from 'expo-keep-awake';
+import { useSharedValue } from 'react-native-reanimated';
+import { useNavigation } from '@react-navigation/native';
+
+import { useTheme } from '../../theme';
+import styles from './styles';
+import Seek from './Seek';
+import PlaybackSpeed from './PlaybackSpeed';
+import PlayButton from './PlayButton';
+import audioPlayer from '../../lib/methods/audioPlayer';
+import { AUDIO_PLAYBACK_SPEED, AVAILABLE_SPEEDS } from './constants';
+import { TDownloadState } from '../../lib/methods/handleMediaDownload';
+import { TAudioState } from './types';
+import { useUserPreferences } from '../../lib/methods';
+
+interface IAudioPlayerProps {
+	fileUri: string;
+	disabled?: boolean;
+	onPlayButtonPress?: Function;
+	downloadState: TDownloadState;
+	rid: string;
+	// It's optional when comes from MessagesView
+	msgId?: string;
+}
+
+const AudioPlayer = ({
+	fileUri,
+	disabled = false,
+	onPlayButtonPress = () => {},
+	downloadState,
+	msgId,
+	rid
+}: IAudioPlayerProps) => {
+	const isLoading = downloadState === 'loading';
+	const isDownloaded = downloadState === 'downloaded';
+
+	const [playbackSpeed] = useUserPreferences<number>(AUDIO_PLAYBACK_SPEED, AVAILABLE_SPEEDS[1]);
+	const [paused, setPaused] = useState(true);
+	const duration = useSharedValue(0);
+	const currentTime = useSharedValue(0);
+	const { colors } = useTheme();
+	const audioUri = useRef<string>('');
+	const navigation = useNavigation();
+
+	const onPlaybackStatusUpdate = (status: AVPlaybackStatus) => {
+		if (status) {
+			onPlaying(status);
+			handlePlaybackStatusUpdate(status);
+			onEnd(status);
+		}
+	};
+
+	const onPlaying = (data: AVPlaybackStatus) => {
+		if (data.isLoaded && data.isPlaying) {
+			setPaused(false);
+		} else {
+			setPaused(true);
+		}
+	};
+
+	const handlePlaybackStatusUpdate = (data: AVPlaybackStatus) => {
+		if (data.isLoaded && data.durationMillis) {
+			const durationSeconds = data.durationMillis / 1000;
+			duration.value = durationSeconds > 0 ? durationSeconds : 0;
+			const currentSecond = data.positionMillis / 1000;
+			if (currentSecond <= durationSeconds) {
+				currentTime.value = currentSecond;
+			}
+		}
+	};
+
+	const onEnd = (data: AVPlaybackStatus) => {
+		if (data.isLoaded && data.didJustFinish) {
+			try {
+				setPaused(true);
+				currentTime.value = 0;
+			} catch {
+				// do nothing
+			}
+		}
+	};
+
+	const setPosition = async (time: number) => {
+		await audioPlayer.setPositionAsync(audioUri.current, time);
+	};
+
+	const togglePlayPause = async () => {
+		try {
+			if (!paused) {
+				await audioPlayer.pauseAudio(audioUri.current);
+			} else {
+				await audioPlayer.playAudio(audioUri.current);
+			}
+		} catch {
+			// Do nothing
+		}
+	};
+
+	useEffect(() => {
+		audioPlayer.setRateAsync(audioUri.current, playbackSpeed);
+	}, [playbackSpeed]);
+
+	const onPress = () => {
+		onPlayButtonPress();
+		if (isLoading) {
+			return;
+		}
+		if (isDownloaded) {
+			togglePlayPause();
+		}
+	};
+
+	useEffect(() => {
+		InteractionManager.runAfterInteractions(async () => {
+			audioUri.current = await audioPlayer.loadAudio({ msgId, rid, uri: fileUri });
+			audioPlayer.setOnPlaybackStatusUpdate(audioUri.current, onPlaybackStatusUpdate);
+			audioPlayer.setRateAsync(audioUri.current, playbackSpeed);
+		});
+	}, [fileUri]);
+
+	useEffect(() => {
+		if (paused) {
+			deactivateKeepAwake();
+		} else {
+			activateKeepAwake();
+		}
+	}, [paused]);
+
+	useEffect(() => {
+		const unsubscribeFocus = navigation.addListener('focus', () => {
+			audioPlayer.setOnPlaybackStatusUpdate(audioUri.current, onPlaybackStatusUpdate);
+		});
+
+		return () => {
+			unsubscribeFocus();
+		};
+	}, [navigation]);
+
+	let audioState: TAudioState = 'to-download';
+	if (isLoading) {
+		audioState = 'loading';
+	}
+	if (isDownloaded && paused) {
+		audioState = 'paused';
+	}
+	if (isDownloaded && !paused) {
+		audioState = 'playing';
+	}
+
+	return (
+		<View style={[styles.audioContainer, { backgroundColor: colors.surfaceTint, borderColor: colors.strokeExtraLight }]}>
+			<PlayButton disabled={disabled} audioState={audioState} onPress={onPress} />
+			<Seek currentTime={currentTime} duration={duration} loaded={!disabled && isDownloaded} onChangeTime={setPosition} />
+			{audioState === 'playing' ? <PlaybackSpeed audioState={audioState} /> : null}
+		</View>
+	);
+};
+
+export default AudioPlayer;
--- a/app/containers/AudioPlayer/styles.ts
+++ b/app/containers/AudioPlayer/styles.ts
@ -0,0 +1,68 @@
+import { StyleSheet } from 'react-native';
+
+import sharedStyles from '../../views/Styles';
+import { THUMB_SEEK_SIZE } from './constants';
+
+const styles = StyleSheet.create({
+	audioContainer: {
+		flex: 1,
+		flexDirection: 'row',
+		alignItems: 'center',
+		height: 56,
+		borderWidth: 1,
+		borderRadius: 4,
+		marginBottom: 8
+	},
+	playPauseButton: {
+		alignItems: 'center',
+		marginLeft: 16,
+		height: 32,
+		width: 32,
+		borderRadius: 4,
+		justifyContent: 'center'
+	},
+	seekContainer: {
+		flexDirection: 'row',
+		flex: 1,
+		alignItems: 'center',
+		height: '100%'
+	},
+	seek: {
+		marginRight: 12,
+		height: '100%',
+		justifyContent: 'center',
+		flex: 1
+	},
+	line: {
+		height: 4,
+		borderRadius: 2,
+		width: '100%'
+	},
+	duration: {
+		marginHorizontal: 12,
+		fontVariant: ['tabular-nums'],
+		fontSize: 14,
+		...sharedStyles.textRegular
+	},
+	thumbSeek: {
+		height: THUMB_SEEK_SIZE,
+		width: THUMB_SEEK_SIZE,
+		borderRadius: THUMB_SEEK_SIZE / 2,
+		position: 'absolute'
+	},
+	containerPlaybackSpeed: {
+		width: 36,
+		height: 24,
+		borderRadius: 4,
+		marginRight: 16,
+		justifyContent: 'center',
+		alignItems: 'center',
+		overflow: 'hidden'
+	},
+	playbackSpeedText: {
+		fontSize: 14,
+		...sharedStyles.textBold
+	}
+});
+
+export default styles;
--- a/app/containers/AudioPlayer/types.ts
+++ b/app/containers/AudioPlayer/types.ts
@ -0,0 +1 @@
+export type TAudioState = 'loading' | 'paused' | 'to-download' | 'playing';
--- a/app/containers/CustomIcon/mappedIcons.js
+++ b/app/containers/CustomIcon/mappedIcons.js
@ -1,4 +1,7 @@
 export const mappedIcons = {
+	'play-shape-filled': 59842,
+	'pause-shape-filled': 59843,
+	'loading': 59844,
 	'add': 59872,
 	'administration': 59662,
 	'adobe-reader-monochromatic': 59663,
--- a/app/containers/CustomIcon/selection.json
+++ b/app/containers/CustomIcon/selection.json
--- a/app/containers/MessageActions/index.tsx
+++ b/app/containers/MessageActions/index.tsx
@ -16,7 +16,7 @@ import { TActionSheetOptionsItem, useActionSheet, ACTION_SHEET_ANIMATION_DURATIO
 import Header, { HEADER_HEIGHT, IHeader } from './Header';
 import events from '../../lib/methods/helpers/log/events';
 import { IApplicationState, IEmoji, ILoggedUser, TAnyMessageModel, TSubscriptionModel } from '../../definitions';
-import { getPermalinkMessage } from '../../lib/methods';
+import { getPermalinkMessage, getQuoteMessageLink } from '../../lib/methods';
 import { compareServerVersion, getRoomTitle, getUidDirectMessage, hasPermission } from '../../lib/methods/helpers';
 import { Services } from '../../lib/services';

@ -28,6 +28,7 @@ export interface IMessageActionsProps {
 	reactionInit: (message: TAnyMessageModel) => void;
 	onReactionPress: (shortname: IEmoji, messageId: string) => void;
 	replyInit: (message: TAnyMessageModel, mention: boolean) => void;
+	jumpToMessage?: (messageUrl?: string, isFromReply?: boolean) => Promise<void>;
 	isMasterDetail: boolean;
 	isReadOnly: boolean;
 	serverVersion?: string | null;
@ -62,6 +63,7 @@ const MessageActions = React.memo(
 				reactionInit,
 				onReactionPress,
 				replyInit,
+				jumpToMessage,
 				isReadOnly,
 				Message_AllowDeleting,
 				Message_AllowDeleting_BlockDeleteInMinutes,
@ -374,6 +376,16 @@ const MessageActions = React.memo(
 				const options: TActionSheetOptionsItem[] = [];
 				const videoConfBlock = message.t === 'videoconf';

+				// Jump to message
+				const quoteMessageLink = getQuoteMessageLink(message.attachments);
+				if (quoteMessageLink && jumpToMessage) {
+					options.push({
+						title: I18n.t('Jump_to_message'),
+						icon: 'jump-to-message',
+						onPress: () => jumpToMessage(quoteMessageLink, true)
+					});
+				}
+
 				// Quote
 				if (!isReadOnly && !videoConfBlock) {
 					options.push({
--- a/app/containers/NativeButton/index.tsx
+++ b/app/containers/NativeButton/index.tsx
@ -0,0 +1,18 @@
+import React from 'react';
+import { TouchableNativeFeedback, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
+
+import { isIOS } from '../../lib/methods/helpers';
+
+const NativeButton = (props: TouchableOpacityProps) => {
+	if (isIOS) {
+		return <TouchableOpacity {...props}>{props.children}</TouchableOpacity>;
+	}
+
+	return (
+		<TouchableNativeFeedback {...props}>
+			<View style={props.style}>{props.children}</View>
+		</TouchableNativeFeedback>
+	);
+};
+
+export default NativeButton;
--- a/app/containers/Ringer/index.tsx
+++ b/app/containers/Ringer/index.tsx
@ -8,8 +8,6 @@ export enum ERingerSounds {
 }

 const Ringer = React.memo(({ ringer }: { ringer: ERingerSounds }) => {
-	console.log('Ringer', ringer);
-
 	const sound = useRef<Audio.Sound | null>(null);
 	useEffect(() => {
 		(async () => {
--- a/app/containers/RoomItem/LastMessage.tsx
+++ b/app/containers/RoomItem/LastMessage.tsx
@ -12,7 +12,7 @@ const formatMsg = ({ lastMessage, type, showLastMessage, username, useRealName }
 	if (!showLastMessage) {
 		return '';
 	}
-	if (!lastMessage || !lastMessage.u || lastMessage.pinned) {
+	if (!lastMessage || !lastMessage.u) {
 		return I18n.t('No_Message');
 	}
 	if (lastMessage.t === 'jitsi_call_started') {
--- a/app/containers/markdown/new/Bold.tsx
+++ b/app/containers/markdown/new/Bold.tsx
@ -30,6 +30,8 @@ const Bold = ({ value }: IBoldProps) => (
 					return <Strike value={block.value} />;
 				case 'ITALIC':
 					return <Italic value={block.value} />;
+				case 'MENTION_CHANNEL':
+					return <Plain value={`#${block.value.value}`} />;
 				default:
 					return null;
 			}
--- a/app/containers/markdown/new/Inline.tsx
+++ b/app/containers/markdown/new/Inline.tsx
@ -30,11 +30,12 @@ const Inline = ({ value, forceTrim }: IParagraphProps): React.ReactElement | nul
 				// to clean the empty spaces
 				if (forceTrim) {
 					if (index === 0 && block.type === 'LINK') {
-						block.value.label.value =
-							// Need to update the @rocket.chat/message-parser to understand that the label can be a Markup | Markup[]
-							// https://github.com/RocketChat/fuselage/blob/461ecf661d9ff4a46390957c915e4352fa942a7c/packages/message-parser/src/definitions.ts#L141
-							// @ts-ignore
-							block.value?.label?.value?.toString().trimLeft() || block?.value?.label?.[0]?.value?.toString().trimLeft();
+						if (!Array.isArray(block.value.label)) {
+							block.value.label.value = block.value?.label?.value?.toString().trimLeft();
+						} else {
+							// @ts-ignore - we are forcing the value to be a string
+							block.value.label.value = block?.value?.label?.[0]?.value?.toString().trimLeft();
+						}
 					}
 					if (index === 1 && block.type !== 'LINK') {
 						block.value = block.value?.toString().trimLeft();
--- a/app/containers/markdown/new/Italic.tsx
+++ b/app/containers/markdown/new/Italic.tsx
@ -29,6 +29,8 @@ const Italic = ({ value }: IItalicProps) => (
 					return <Strike value={block.value} />;
 				case 'BOLD':
 					return <Bold value={block.value} />;
+				case 'MENTION_CHANNEL':
+					return <Plain value={`#${block.value.value}`} />;
 				default:
 					return null;
 			}
--- a/app/containers/markdown/new/Strike.tsx
+++ b/app/containers/markdown/new/Strike.tsx
@ -29,6 +29,8 @@ const Strike = ({ value }: IStrikeProps) => (
 					return <Bold value={block.value} />;
 				case 'ITALIC':
 					return <Italic value={block.value} />;
+				case 'MENTION_CHANNEL':
+					return <Plain value={`#${block.value.value}`} />;
 				default:
 					return null;
 			}
--- a/app/containers/message/Attachments.tsx
+++ b/app/containers/message/Attachments.tsx
@ -8,7 +8,6 @@ import Video from './Video';
 import Reply from './Reply';
 import Button from '../Button';
 import MessageContext from './Context';
-import { useTheme } from '../../theme';
 import { IAttachment, TGetCustomEmoji } from '../../definitions';
 import CollapsibleQuote from './Components/CollapsibleQuote';
 import openLink from '../../lib/methods/helpers/openLink';
@ -56,7 +55,6 @@ const AttachedActions = ({ attachment, getCustomEmoji }: { attachment: IAttachme

 const Attachments: React.FC<IMessageAttachments> = React.memo(
 	({ attachments, timeFormat, showAttachment, style, getCustomEmoji, isReply, author }: IMessageAttachments) => {
-		const { theme } = useTheme();
 		const { translateLanguage } = useContext(MessageContext);

 		if (!attachments || attachments.length === 0) {
@ -88,7 +86,6 @@ const Attachments: React.FC<IMessageAttachments> = React.memo(
 						getCustomEmoji={getCustomEmoji}
 						isReply={isReply}
 						style={style}
-						theme={theme}
 						author={author}
 						msg={msg}
 					/>
@ -119,7 +116,15 @@ const Attachments: React.FC<IMessageAttachments> = React.memo(
 			}

 			return (
-				<Reply key={index} index={index} attachment={file} timeFormat={timeFormat} getCustomEmoji={getCustomEmoji} msg={msg} />
+				<Reply
+					key={index}
+					index={index}
+					attachment={file}
+					timeFormat={timeFormat}
+					getCustomEmoji={getCustomEmoji}
+					msg={msg}
+					showAttachment={showAttachment}
+				/>
 			);
 		});
 		return <>{attachmentsElements}</>;
--- a/app/containers/message/Audio.tsx
+++ b/app/containers/message/Audio.tsx
@ -1,218 +1,40 @@
-import React from 'react';
-import { StyleProp, StyleSheet, Text, TextStyle, View } from 'react-native';
-import { Audio, AVPlaybackStatus, InterruptionModeAndroid, InterruptionModeIOS } from 'expo-av';
-import Slider from '@react-native-community/slider';
-import moment from 'moment';
-import { dequal } from 'dequal';
-import { activateKeepAwake, deactivateKeepAwake } from 'expo-keep-awake';
-import { Sound } from 'expo-av/build/Audio/Sound';
-import { connect } from 'react-redux';
+import React, { useContext, useEffect, useState } from 'react';
+import { StyleProp, TextStyle } from 'react-native';

-import Touchable from './Touchable';
 import Markdown from '../markdown';
-import { CustomIcon } from '../CustomIcon';
-import sharedStyles from '../../views/Styles';
-import { themes } from '../../lib/constants';
-import { isAndroid, isIOS } from '../../lib/methods/helpers';
 import MessageContext from './Context';
-import ActivityIndicator from '../ActivityIndicator';
-import { withDimensions } from '../../dimensions';
 import { TGetCustomEmoji } from '../../definitions/IEmoji';
-import { IApplicationState, IAttachment, IUserMessage } from '../../definitions';
-import { TSupportedThemes, useTheme } from '../../theme';
-import { downloadMediaFile, getMediaCache } from '../../lib/methods/handleMediaDownload';
-import EventEmitter from '../../lib/methods/helpers/events';
-import { PAUSE_AUDIO } from './constants';
+import { IAttachment, IUserMessage } from '../../definitions';
+import {
+	TDownloadState,
+	downloadMediaFile,
+	getMediaCache,
+	isDownloadActive,
+	resumeMediaFile
+} from '../../lib/methods/handleMediaDownload';
 import { fetchAutoDownloadEnabled } from '../../lib/methods/autoDownloadPreference';
-
-interface IButton {
-	loading: boolean;
-	paused: boolean;
-	disabled?: boolean;
-	onPress: () => void;
-	cached: boolean;
-}
+import AudioPlayer from '../AudioPlayer';
+import { useAppSelector } from '../../lib/hooks';

 interface IMessageAudioProps {
 	file: IAttachment;
 	isReply?: boolean;
 	style?: StyleProp<TextStyle>[];
-	theme: TSupportedThemes;
 	getCustomEmoji: TGetCustomEmoji;
-	scale?: number;
 	author?: IUserMessage;
 	msg?: string;
 	cdnPrefix?: string;
 }

-interface IMessageAudioState {
-	loading: boolean;
-	currentTime: number;
-	duration: number;
-	paused: boolean;
-	cached: boolean;
-}
+const MessageAudio = ({ file, getCustomEmoji, author, isReply, style, msg }: IMessageAudioProps) => {
+	const [downloadState, setDownloadState] = useState<TDownloadState>('loading');
+	const [fileUri, setFileUri] = useState('');
+	const { baseUrl, user, id, rid } = useContext(MessageContext);
+	const { cdnPrefix } = useAppSelector(state => ({
+		cdnPrefix: state.settings.CDN_PREFIX as string
+	}));

-const mode = {
-	allowsRecordingIOS: false,
-	playsInSilentModeIOS: true,
-	staysActiveInBackground: true,
-	shouldDuckAndroid: true,
-	playThroughEarpieceAndroid: false,
-	interruptionModeIOS: InterruptionModeIOS.DoNotMix,
-	interruptionModeAndroid: InterruptionModeAndroid.DoNotMix
-};
-
-const styles = StyleSheet.create({
-	audioContainer: {
-		flex: 1,
-		flexDirection: 'row',
-		alignItems: 'center',
-		height: 56,
-		borderWidth: 1,
-		borderRadius: 4,
-		marginBottom: 6
-	},
-	playPauseButton: {
-		marginHorizontal: 10,
-		alignItems: 'center',
-		backgroundColor: 'transparent'
-	},
-	audioLoading: {
-		marginHorizontal: 8
-	},
-	slider: {
-		flex: 1
-	},
-	duration: {
-		marginHorizontal: 12,
-		fontSize: 14,
-		...sharedStyles.textRegular
-	}
-});
-
-const formatTime = (seconds: number) => moment.utc(seconds * 1000).format('mm:ss');
-
-const BUTTON_HIT_SLOP = { top: 12, right: 12, bottom: 12, left: 12 };
-
-const Button = React.memo(({ loading, paused, onPress, disabled, cached }: IButton) => {
-	const { colors } = useTheme();
-
-	let customIconName: 'arrow-down-circle' | 'play-filled' | 'pause-filled' = 'arrow-down-circle';
-	if (cached) {
-		customIconName = paused ? 'play-filled' : 'pause-filled';
-	}
-	return (
-		<Touchable
-			style={styles.playPauseButton}
-			disabled={disabled}
-			onPress={onPress}
-			hitSlop={BUTTON_HIT_SLOP}
-			background={Touchable.SelectableBackgroundBorderless()}
-		>
-			{loading ? (
-				<ActivityIndicator style={[styles.playPauseButton, styles.audioLoading]} />
-			) : (
-				<CustomIcon name={customIconName} size={36} color={disabled ? colors.tintDisabled : colors.tintColor} />
-			)}
-		</Touchable>
-	);
-});
-
-Button.displayName = 'MessageAudioButton';
-
-class MessageAudio extends React.Component<IMessageAudioProps, IMessageAudioState> {
-	static contextType = MessageContext;
-
-	private sound: Sound;
-
-	constructor(props: IMessageAudioProps) {
-		super(props);
-		this.state = {
-			loading: true,
-			currentTime: 0,
-			duration: 0,
-			paused: true,
-			cached: false
-		};
-
-		this.sound = new Audio.Sound();
-		this.sound.setOnPlaybackStatusUpdate(this.onPlaybackStatusUpdate);
-	}
-
-	pauseSound = () => {
-		EventEmitter.removeListener(PAUSE_AUDIO, this.pauseSound);
-		this.togglePlayPause();
-	};
-
-	async componentDidMount() {
-		const { file, isReply } = this.props;
-		const cachedAudioResult = await getMediaCache({
-			type: 'audio',
-			mimeType: file.audio_type,
-			urlToCache: this.getUrl()
-		});
-		if (cachedAudioResult?.exists) {
-			await this.sound.loadAsync({ uri: cachedAudioResult.uri }, { androidImplementation: 'MediaPlayer' });
-			this.setState({ loading: false, cached: true });
-			return;
-		}
-		if (isReply) {
-			this.setState({ loading: false });
-			return;
-		}
-		await this.handleAutoDownload();
-	}
-
-	shouldComponentUpdate(nextProps: IMessageAudioProps, nextState: IMessageAudioState) {
-		const { currentTime, duration, paused, loading, cached } = this.state;
-		const { file, theme } = this.props;
-		if (nextProps.theme !== theme) {
-			return true;
-		}
-		if (nextState.currentTime !== currentTime) {
-			return true;
-		}
-		if (nextState.duration !== duration) {
-			return true;
-		}
-		if (nextState.paused !== paused) {
-			return true;
-		}
-		if (!dequal(nextProps.file, file)) {
-			return true;
-		}
-		if (nextState.loading !== loading) {
-			return true;
-		}
-		if (nextState.cached !== cached) {
-			return true;
-		}
-		return false;
-	}
-
-	componentDidUpdate() {
-		const { paused } = this.state;
-		if (paused) {
-			deactivateKeepAwake();
-		} else {
-			activateKeepAwake();
-		}
-	}
-
-	async componentWillUnmount() {
-		EventEmitter.removeListener(PAUSE_AUDIO, this.pauseSound);
-		try {
-			await this.sound.stopAsync();
-		} catch {
-			// Do nothing
-		}
-	}
-
-	getUrl = () => {
-		const { file, cdnPrefix } = this.props;
-		// @ts-ignore can't use declare to type this
-		const { baseUrl } = this.context;
+	const getUrl = () => {
 		let url = file.audio_url;
 		if (url && !url.startsWith('http')) {
 			url = `${cdnPrefix || baseUrl}${file.audio_url}`;
@ -220,182 +42,105 @@ class MessageAudio extends React.Component<IMessageAudioProps, IMessageAudioStat
 		return url;
 	};

-	handleAutoDownload = async () => {
-		const { author } = this.props;
-		// @ts-ignore can't use declare to type this
-		const { user } = this.context;
-		const url = this.getUrl();
+	const onPlayButtonPress = async () => {
+		if (downloadState === 'to-download') {
+			const isAudioCached = await handleGetMediaCache();
+			if (isAudioCached) {
+				return;
+			}
+			handleDownload();
+		}
+	};
+
+	const handleDownload = async () => {
+		setDownloadState('loading');
 		try {
-			if (url) {
-				const isCurrentUserAuthor = author?._id === user.id;
-				const isAutoDownloadEnabled = fetchAutoDownloadEnabled('audioPreferenceDownload');
-				if (isAutoDownloadEnabled || isCurrentUserAuthor) {
-					await this.handleDownload();
-					return;
-				}
-
-				this.setState({ loading: false, cached: false });
-			}
-		} catch {
-			// Do nothing
-		}
-	};
-
-	onPlaybackStatusUpdate = (status: AVPlaybackStatus) => {
-		if (status) {
-			this.onLoad(status);
-			this.onProgress(status);
-			this.onEnd(status);
-		}
-	};
-
-	onLoad = (data: AVPlaybackStatus) => {
-		if (data.isLoaded && data.durationMillis) {
-			const duration = data.durationMillis / 1000;
-			this.setState({ duration: duration > 0 ? duration : 0 });
-		}
-	};
-
-	onProgress = (data: AVPlaybackStatus) => {
-		if (data.isLoaded) {
-			const { duration } = this.state;
-			const currentTime = data.positionMillis / 1000;
-			if (currentTime <= duration) {
-				this.setState({ currentTime });
-			}
-		}
-	};
-
-	onEnd = async (data: AVPlaybackStatus) => {
-		if (data.isLoaded) {
-			if (data.didJustFinish) {
-				try {
-					await this.sound.stopAsync();
-					this.setState({ paused: true, currentTime: 0 });
-					EventEmitter.removeListener(PAUSE_AUDIO, this.pauseSound);
-				} catch {
-					// do nothing
-				}
-			}
-		}
-	};
-
-	get duration() {
-		const { currentTime, duration } = this.state;
-		return formatTime(currentTime || duration);
-	}
-
-	togglePlayPause = () => {
-		const { paused } = this.state;
-		this.setState({ paused: !paused }, this.playPause);
-	};
-
-	handleDownload = async () => {
-		const { file } = this.props;
-		// @ts-ignore can't use declare to type this
-		const { user } = this.context;
-		this.setState({ loading: true });
-		try {
-			const url = this.getUrl();
+			const url = getUrl();
 			if (url) {
 				const audio = await downloadMediaFile({
 					downloadUrl: `${url}?rc_uid=${user.id}&rc_token=${user.token}`,
 					type: 'audio',
 					mimeType: file.audio_type
 				});
-				await this.sound.loadAsync({ uri: audio }, { androidImplementation: 'MediaPlayer' });
-				this.setState({ loading: false, cached: true });
+				setFileUri(audio);
+				setDownloadState('downloaded');
 			}
 		} catch {
-			this.setState({ loading: false, cached: false });
+			setDownloadState('to-download');
 		}
 	};

-	onPress = () => {
-		const { cached, loading } = this.state;
-		if (loading) {
-			return;
-		}
-		if (cached) {
-			this.togglePlayPause();
-			return;
-		}
-		this.handleDownload();
-	};
-
-	playPause = async () => {
-		const { paused } = this.state;
+	const handleAutoDownload = async () => {
+		const url = getUrl();
 		try {
-			if (paused) {
-				await this.sound.pauseAsync();
-				EventEmitter.removeListener(PAUSE_AUDIO, this.pauseSound);
-			} else {
-				EventEmitter.emit(PAUSE_AUDIO);
-				EventEmitter.addEventListener(PAUSE_AUDIO, this.pauseSound);
-				await Audio.setAudioModeAsync(mode);
-				await this.sound.playAsync();
+			if (url) {
+				const isCurrentUserAuthor = author?._id === user.id;
+				const isAutoDownloadEnabled = fetchAutoDownloadEnabled('audioPreferenceDownload');
+				if (isAutoDownloadEnabled || isCurrentUserAuthor) {
+					await handleDownload();
+					return;
+				}
+				setDownloadState('to-download');
 			}
 		} catch {
 			// Do nothing
 		}
 	};

-	onValueChange = async (value: number) => {
+	const handleGetMediaCache = async () => {
+		const cachedAudioResult = await getMediaCache({
+			type: 'audio',
+			mimeType: file.audio_type,
+			urlToCache: getUrl()
+		});
+		if (cachedAudioResult?.exists) {
+			setFileUri(cachedAudioResult.uri);
+			setDownloadState('downloaded');
+		}
+		return !!cachedAudioResult?.exists;
+	};
+
+	const handleResumeDownload = async () => {
 		try {
-			await this.sound.setPositionAsync(value * 1000);
-		} catch {
-			// Do nothing
+			setDownloadState('loading');
+			const url = getUrl();
+			if (url) {
+				const videoUri = await resumeMediaFile({
+					downloadUrl: url
+				});
+				setFileUri(videoUri);
+				setDownloadState('downloaded');
+			}
+		} catch (e) {
+			setDownloadState('to-download');
 		}
 	};

-	render() {
-		const { loading, paused, currentTime, duration, cached } = this.state;
-		const { msg, getCustomEmoji, theme, scale, isReply, style } = this.props;
-		// @ts-ignore can't use declare to type this
-		const { baseUrl, user } = this.context;
+	useEffect(() => {
+		const handleCache = async () => {
+			const isAudioCached = await handleGetMediaCache();
+			if (isAudioCached) {
+				return;
+			}
+			const audioUrl = getUrl();
+			if (audioUrl && isDownloadActive(audioUrl)) {
+				handleResumeDownload();
+				return;
+			}
+			await handleAutoDownload();
+		};
+		handleCache();
+	}, []);

-		if (!baseUrl) {
-			return null;
-		}
-
-		let thumbColor;
-		if (isAndroid && isReply) {
-			thumbColor = themes[theme].tintDisabled;
-		} else if (isAndroid) {
-			thumbColor = themes[theme].tintColor;
-		}
-
-		return (
-			<>
-				<Markdown msg={msg} style={[isReply && style]} username={user.username} getCustomEmoji={getCustomEmoji} theme={theme} />
-				<View
-					style={[
-						styles.audioContainer,
-						{ backgroundColor: themes[theme].chatComponentBackground, borderColor: themes[theme].borderColor }
-					]}
-				>
-					<Button disabled={isReply} loading={loading} paused={paused} cached={cached} onPress={this.onPress} />
-					<Slider
-						disabled={isReply}
-						style={styles.slider}
-						value={currentTime}
-						maximumValue={duration}
-						minimumValue={0}
-						thumbTintColor={thumbColor}
-						minimumTrackTintColor={themes[theme].tintColor}
-						maximumTrackTintColor={themes[theme].auxiliaryText}
-						onValueChange={this.onValueChange}
-						thumbImage={isIOS ? { uri: 'audio_thumb', scale } : undefined}
-					/>
-					<Text style={[styles.duration, { color: themes[theme].auxiliaryText }]}>{this.duration}</Text>
-				</View>
-			</>
-		);
+	if (!baseUrl) {
+		return null;
 	}
-}
+	return (
+		<>
+			<Markdown msg={msg} style={[isReply && style]} username={user.username} getCustomEmoji={getCustomEmoji} />
+			<AudioPlayer msgId={id} fileUri={fileUri} downloadState={downloadState} onPlayButtonPress={onPlayButtonPress} rid={rid} />
+		</>
+	);
+};

-const mapStateToProps = (state: IApplicationState) => ({
-	cdnPrefix: state.settings.CDN_PREFIX as string
-});
-
-export default connect(mapStateToProps)(withDimensions(MessageAudio));
+export default MessageAudio;
--- a/app/containers/message/Image.tsx
+++ b/app/containers/message/Image.tsx
@ -5,7 +5,13 @@ import FastImage from 'react-native-fast-image';
 import { IAttachment, IUserMessage } from '../../definitions';
 import { TGetCustomEmoji } from '../../definitions/IEmoji';
 import { fetchAutoDownloadEnabled } from '../../lib/methods/autoDownloadPreference';
-import { cancelDownload, downloadMediaFile, getMediaCache, isDownloadActive } from '../../lib/methods/handleMediaDownload';
+import {
+	cancelDownload,
+	downloadMediaFile,
+	getMediaCache,
+	isDownloadActive,
+	resumeMediaFile
+} from '../../lib/methods/handleMediaDownload';
 import { formatAttachmentUrl } from '../../lib/methods/helpers/formatAttachmentUrl';
 import { useTheme } from '../../theme';
 import Markdown from '../markdown';
@ -86,25 +92,12 @@ const ImageContainer = ({
 	useEffect(() => {
 		const handleCache = async () => {
 			if (img) {
-				const cachedImageResult = await getMediaCache({
-					type: 'image',
-					mimeType: imageCached.image_type,
-					urlToCache: imgUrlToCache
-				});
-				if (cachedImageResult?.exists) {
-					setImageCached(prev => ({
-						...prev,
-						title_link: cachedImageResult?.uri
-					}));
-					setLoading(false);
-					setCached(true);
-					return;
-				}
-				if (isReply) {
-					setLoading(false);
+				const isImageCached = await handleGetMediaCache();
+				if (isImageCached) {
 					return;
 				}
 				if (isDownloadActive(imgUrlToCache)) {
+					handleResumeDownload();
 					return;
 				}
 				setLoading(false);
@ -131,6 +124,41 @@ const ImageContainer = ({
 		}
 	};

+	const updateImageCached = (imgUri: string) => {
+		setImageCached(prev => ({
+			...prev,
+			title_link: imgUri
+		}));
+		setCached(true);
+	};
+
+	const handleGetMediaCache = async () => {
+		const cachedImageResult = await getMediaCache({
+			type: 'image',
+			mimeType: imageCached.image_type,
+			urlToCache: imgUrlToCache
+		});
+		if (cachedImageResult?.exists) {
+			updateImageCached(cachedImageResult.uri);
+			setLoading(false);
+		}
+		return !!cachedImageResult?.exists;
+	};
+
+	const handleResumeDownload = async () => {
+		try {
+			setLoading(true);
+			const imageUri = await resumeMediaFile({
+				downloadUrl: imgUrlToCache
+			});
+			updateImageCached(imageUri);
+		} catch (e) {
+			setCached(false);
+		} finally {
+			setLoading(false);
+		}
+	};
+
 	const handleDownload = async () => {
 		try {
 			setLoading(true);
@ -139,11 +167,7 @@ const ImageContainer = ({
 				type: 'image',
 				mimeType: imageCached.image_type
 			});
-			setImageCached(prev => ({
-				...prev,
-				title_link: imageUri
-			}));
-			setCached(true);
+			updateImageCached(imageUri);
 		} catch (e) {
 			setCached(false);
 		} finally {
@ -151,7 +175,7 @@ const ImageContainer = ({
 		}
 	};

-	const onPress = () => {
+	const onPress = async () => {
 		if (loading && isDownloadActive(imgUrlToCache)) {
 			cancelDownload(imgUrlToCache);
 			setLoading(false);
@ -159,6 +183,15 @@ const ImageContainer = ({
 			return;
 		}
 		if (!cached && !loading) {
+			const isImageCached = await handleGetMediaCache();
+			if (isImageCached && showAttachment) {
+				showAttachment(imageCached);
+				return;
+			}
+			if (isDownloadActive(imgUrlToCache)) {
+				handleResumeDownload();
+				return;
+			}
 			handleDownload();
 			return;
 		}
@ -172,7 +205,7 @@ const ImageContainer = ({
 		return (
 			<View>
 				<Markdown msg={msg} style={[isReply && style]} username={user.username} getCustomEmoji={getCustomEmoji} theme={theme} />
-				<Button disabled={isReply} onPress={onPress}>
+				<Button onPress={onPress}>
 					<MessageImage imgUri={img} cached={cached} loading={loading} />
 				</Button>
 			</View>
@ -180,7 +213,7 @@ const ImageContainer = ({
 	}

 	return (
-		<Button disabled={isReply} onPress={onPress}>
+		<Button onPress={onPress}>
 			<MessageImage imgUri={img} cached={cached} loading={loading} />
 		</Button>
 	);
--- a/app/containers/message/Message.tsx
+++ b/app/containers/message/Message.tsx
@ -91,6 +91,11 @@ const Message = React.memo((props: IMessage) => {
 					<MessageAvatar small {...props} />
 					<View style={[styles.messageContent, props.isHeader && styles.messageContentWithHeader]}>
 						<Content {...props} />
+						{props.isInfo && props.type === 'message_pinned' ? (
+							<View pointerEvents='none'>
+								<Attachments {...props} />
+							</View>
+						) : null}
 					</View>
 				</View>
 			</View>
--- a/app/containers/message/Reply.tsx
+++ b/app/containers/message/Reply.tsx
@ -92,6 +92,7 @@ interface IMessageReply {
 	index: number;
 	getCustomEmoji: TGetCustomEmoji;
 	msg?: string;
+	showAttachment?: (file: IAttachment) => void;
 }

 const Title = React.memo(
@ -198,10 +199,10 @@ const Fields = React.memo(
 );

 const Reply = React.memo(
-	({ attachment, timeFormat, index, getCustomEmoji, msg }: IMessageReply) => {
+	({ attachment, timeFormat, index, getCustomEmoji, msg, showAttachment }: IMessageReply) => {
 		const [loading, setLoading] = useState(false);
 		const { theme } = useTheme();
-		const { baseUrl, user, jumpToMessage } = useContext(MessageContext);
+		const { baseUrl, user } = useContext(MessageContext);

 		if (!attachment) {
 			return null;
@ -209,9 +210,6 @@ const Reply = React.memo(

 		const onPress = async () => {
 			let url = attachment.title_link || attachment.author_link;
-			if (attachment.message_link) {
-				return jumpToMessage(attachment.message_link);
-			}
 			if (!url) {
 				return;
 			}
@ -245,7 +243,7 @@ const Reply = React.memo(
 						}
 					]}
 					background={Touchable.Ripple(themes[theme].bannerBackground)}
-					disabled={loading}
+					disabled={loading || attachment.message_link}
 				>
 					<View style={styles.attachmentContainer}>
 						<Title attachment={attachment} timeFormat={timeFormat} theme={theme} />
@ -257,6 +255,7 @@ const Reply = React.memo(
 							timeFormat={timeFormat}
 							style={[{ color: themes[theme].auxiliaryTintColor, fontSize: 14, marginBottom: 8 }]}
 							isReply
+							showAttachment={showAttachment}
 						/>
 						<Fields attachment={attachment} getCustomEmoji={getCustomEmoji} theme={theme} />
 						{loading ? (
--- a/app/containers/message/Video.tsx
+++ b/app/containers/message/Video.tsx
@ -7,7 +7,13 @@ import { TGetCustomEmoji } from '../../definitions/IEmoji';
 import I18n from '../../i18n';
 import { themes } from '../../lib/constants';
 import { fetchAutoDownloadEnabled } from '../../lib/methods/autoDownloadPreference';
-import { cancelDownload, downloadMediaFile, getMediaCache, isDownloadActive } from '../../lib/methods/handleMediaDownload';
+import {
+	cancelDownload,
+	downloadMediaFile,
+	getMediaCache,
+	isDownloadActive,
+	resumeMediaFile
+} from '../../lib/methods/handleMediaDownload';
 import { isIOS } from '../../lib/methods/helpers';
 import EventEmitter from '../../lib/methods/helpers/events';
 import { formatAttachmentUrl } from '../../lib/methods/helpers/formatAttachmentUrl';
@ -93,26 +99,12 @@ const Video = ({ file, showAttachment, getCustomEmoji, style, isReply, msg }: IM
 	useEffect(() => {
 		const handleVideoSearchAndDownload = async () => {
 			if (video) {
-				const cachedVideoResult = await getMediaCache({
-					type: 'video',
-					mimeType: file.video_type,
-					urlToCache: video
-				});
-				const downloadActive = isDownloadActive(video);
-				if (cachedVideoResult?.exists) {
-					setVideoCached(prev => ({
-						...prev,
-						video_url: cachedVideoResult?.uri
-					}));
-					setLoading(false);
-					setCached(true);
-					if (downloadActive) {
-						cancelDownload(video);
-					}
+				const isVideoCached = await handleGetMediaCache();
+				if (isVideoCached) {
 					return;
 				}
-				if (isReply) {
-					setLoading(false);
+				if (isDownloadActive(video)) {
+					handleResumeDownload();
 					return;
 				}
 				await handleAutoDownload();
@ -134,6 +126,41 @@ const Video = ({ file, showAttachment, getCustomEmoji, style, isReply, msg }: IM
 		setLoading(false);
 	};

+	const updateVideoCached = (videoUri: string) => {
+		setVideoCached(prev => ({
+			...prev,
+			video_url: videoUri
+		}));
+		setCached(true);
+	};
+
+	const handleGetMediaCache = async () => {
+		const cachedVideoResult = await getMediaCache({
+			type: 'video',
+			mimeType: file.video_type,
+			urlToCache: video
+		});
+		if (cachedVideoResult?.exists) {
+			updateVideoCached(cachedVideoResult.uri);
+			setLoading(false);
+		}
+		return !!cachedVideoResult?.exists;
+	};
+
+	const handleResumeDownload = async () => {
+		try {
+			setLoading(true);
+			const videoUri = await resumeMediaFile({
+				downloadUrl: video
+			});
+			updateVideoCached(videoUri);
+		} catch (e) {
+			setCached(false);
+		} finally {
+			setLoading(false);
+		}
+	};
+
 	const handleDownload = async () => {
 		setLoading(true);
 		try {
@ -142,11 +169,7 @@ const Video = ({ file, showAttachment, getCustomEmoji, style, isReply, msg }: IM
 				type: 'video',
 				mimeType: file.video_type
 			});
-			setVideoCached(prev => ({
-				...prev,
-				video_url: videoUri
-			}));
-			setCached(true);
+			updateVideoCached(videoUri);
 		} catch {
 			setCached(false);
 		} finally {
@ -160,6 +183,15 @@ const Video = ({ file, showAttachment, getCustomEmoji, style, isReply, msg }: IM
 			return;
 		}
 		if (!loading && !cached && file.video_type && isTypeSupported(file.video_type)) {
+			const isVideoCached = await handleGetMediaCache();
+			if (isVideoCached && showAttachment) {
+				showAttachment(videoCached);
+				return;
+			}
+			if (isDownloadActive(video)) {
+				handleResumeDownload();
+				return;
+			}
 			handleDownload();
 			return;
 		}
@ -197,7 +229,6 @@ const Video = ({ file, showAttachment, getCustomEmoji, style, isReply, msg }: IM
 		<>
 			<Markdown msg={msg} username={user.username} getCustomEmoji={getCustomEmoji} style={[isReply && style]} theme={theme} />
 			<Touchable
-				disabled={isReply}
 				onPress={onPress}
 				style={[styles.button, messageStyles.mustWrapBlur, { backgroundColor: themes[theme].videoBackground }]}
 				background={Touchable.Ripple(themes[theme].bannerBackground)}
--- a/app/containers/message/constants.ts
+++ b/app/containers/message/constants.ts
@ -1,3 +1,2 @@
 export const DISCUSSION = 'discussion';
 export const THREAD = 'thread';
-export const PAUSE_AUDIO = 'pause_audio';
--- a/app/containers/message/index.tsx
+++ b/app/containers/message/index.tsx
@ -389,7 +389,7 @@ class MessageContainer extends React.Component<IMessageContainerProps, IMessageC

 		let message = msg;
 		let isTranslated = false;
-		const otherUserMessage = u.username !== user.username;
+		const otherUserMessage = u?.username !== user?.username;
 		// "autoTranslateRoom" and "autoTranslateLanguage" are properties from the subscription
 		// "autoTranslateMessage" is a toggle between "View Original" and "Translate" state
 		if (autoTranslateRoom && autoTranslateMessage && autoTranslateLanguage && otherUserMessage) {
@ -403,6 +403,8 @@ class MessageContainer extends React.Component<IMessageContainerProps, IMessageC
 		return (
 			<MessageContext.Provider
 				value={{
+					id,
+					rid,
 					user,
 					baseUrl,
 					onPress: this.onPressAction,
--- a/app/containers/message/utils.ts
+++ b/app/containers/message/utils.ts
@ -158,7 +158,7 @@ export const getInfoMessage = ({ type, role, msg, author, comment }: TInfoMessag
 		case 'subscription-role-removed':
 			return I18n.t('Removed_user_as_role', { user: msg, role });
 		case 'message_pinned':
-			return I18n.t('Message_pinned');
+			return I18n.t('Pinned_a_message');

 		// without author name
 		case 'ul':
--- a/app/definitions/INotification.ts
+++ b/app/definitions/INotification.ts
@ -10,6 +10,7 @@ export interface INotification {
 		from: string;
 		image: string;
 		soundname: string;
+		action?: { identifier: 'REPLY_ACTION' | 'ACCEPT_ACTION' | 'DECLINE_ACTION' };
 	};
 	identifier: string;
 }
--- a/app/definitions/IRoom.ts
+++ b/app/definitions/IRoom.ts
@ -39,6 +39,7 @@ export interface IRoom {
 	default?: boolean;
 	featured?: boolean;
 	muted?: string[];
+	unmuted?: string[];
 	teamId?: string;
 	ignored?: string;

--- a/app/definitions/ISubscription.ts
+++ b/app/definitions/ISubscription.ts
@ -72,6 +72,7 @@ export interface ISubscription {
 	archived: boolean;
 	joinCodeRequired?: boolean;
 	muted?: string[];
+	unmuted?: string[];
 	ignored?: string[];
 	broadcast?: boolean;
 	prid?: string;
--- a/app/i18n/locales/ar.json
+++ b/app/i18n/locales/ar.json
@ -204,7 +204,6 @@
  "Members": "أفراد",
  "Mentions": "الإشارات",
  "Message_actions": "إجراءات الرسالة",
-  "Message_pinned": "الرسالة مثبتة",
  "Message_removed": "الرسالة حذفت",
  "Message_starred": "الرسالة مميزة",
  "Message_unstarred": "الرسالة غير مميزة",
--- a/app/i18n/locales/de.json
+++ b/app/i18n/locales/de.json
@ -223,7 +223,6 @@
  "Members": "Mitglieder",
  "Mentions": "Erwähnungen",
  "Message_actions": "Nachrichtenaktionen",
-  "Message_pinned": "Eine Nachricht wurde angeheftet",
  "Message_removed": "Nachricht entfernt",
  "Message_starred": "Nachricht favorisiert",
  "Message_unstarred": "Nachricht nicht mehr favorisiert",
--- a/app/i18n/locales/en.json
+++ b/app/i18n/locales/en.json
@ -223,7 +223,6 @@
  "Members": "Members",
  "Mentions": "Mentions",
  "Message_actions": "Message actions",
-  "Message_pinned": "Message pinned",
  "Message_removed": "message removed",
  "Message_starred": "Message starred",
  "Message_unstarred": "Message unstarred",
@ -398,6 +397,7 @@
  "This_room_is_blocked": "This room is blocked",
  "This_room_is_read_only": "This room is read only",
  "Threads": "Threads",
+  "Thread": "Thread",
  "Timezone": "Timezone",
  "topic": "topic",
  "Topic": "Topic",
@ -772,9 +772,17 @@
  "Continue": "Continue",
  "Troubleshooting": "Troubleshooting",
  "Your_push_was_sent_to_s_devices": "Your push was sent to {{s}} devices",
+  "conference_call": "Conference call",
  "Room_not_found": "Room not found",
  "The_room_does_not_exist": "The room does not exist or you may not have access permission",
  "Supported_versions_expired_title": "{{workspace_name}} is running an unsupported version of Rocket.Chat",
  "Supported_versions_expired_description": "An admin needs to update the workspace to a supported version in order to reenable access from mobile and desktop apps.",
-  "Supported_versions_warning_update_required": "Update required"
+  "Supported_versions_warning_update_required": "Update required",
+  "The_user_wont_be_able_to_type_in_roomName": "The user won't be able to type in {{roomName}}",
+  "The_user_will_be_able_to_type_in_roomName": "The user will be able to type in {{roomName}}",
+  "Enable_writing_in_room": "Enable writing in room",
+  "Disable_writing_in_room": "Disable writing in room",
+  "Pinned_a_message": "Pinned a message:",
+  "Jump_to_message": "Jump to message",
+  "Missed_call": "Missed call"
 }
--- a/app/i18n/locales/es-ES.json
+++ b/app/i18n/locales/es-ES.json
@ -123,7 +123,6 @@
  "Members": "Miembros",
  "Mentions": "Menciones",
  "Message_actions": "Acciones de mensaje",
-  "Message_pinned": "Mensaje fijado",
  "Message_removed": "Mensaje eliminado",
  "message": "mensaje",
  "messages": "mensajes",
--- a/app/i18n/locales/fi.json
+++ b/app/i18n/locales/fi.json
@ -223,7 +223,6 @@
  "Members": "Jäsenet",
  "Mentions": "Maininnat",
  "Message_actions": "Viestitoimet",
-  "Message_pinned": "Viesti kiinnitetty",
  "Message_removed": "viesti poistettu",
  "Message_starred": "Viesti merkitty tähdellä",
  "Message_unstarred": "Viestin tähtimerkintä poistettu",
--- a/app/i18n/locales/fr.json
+++ b/app/i18n/locales/fr.json
@ -211,7 +211,6 @@
  "Members": "Membres",
  "Mentions": "Mentions",
  "Message_actions": "Actions de message",
-  "Message_pinned": "Message épinglé",
  "Message_removed": "Message supprimé",
  "Message_starred": "Message suivi",
  "Message_unstarred": "Message non suivi",
--- a/app/i18n/locales/it.json
+++ b/app/i18n/locales/it.json
@ -218,7 +218,6 @@
  "Members": "Membri",
  "Mentions": "Menzioni",
  "Message_actions": "Azioni messaggio",
-  "Message_pinned": "Messaggio appuntato",
  "Message_removed": "Messaggio rimosso",
  "Message_starred": "Messaggio importante",
  "Message_unstarred": "Messaggio non importante",
--- a/app/i18n/locales/ja.json
+++ b/app/i18n/locales/ja.json
@ -206,7 +206,6 @@
  "Members": "メンバー",
  "Mentions": "メンション",
  "Message_actions": "メッセージアクション",
-  "Message_pinned": "メッセージをピン留め",
  "Message_removed": "メッセージを除く",
  "message": "メッセージ",
  "messages": "メッセージ",
--- a/app/i18n/locales/nl.json
+++ b/app/i18n/locales/nl.json
@ -211,7 +211,6 @@
  "Members": "Leden",
  "Mentions": "Vermeldingen",
  "Message_actions": "Berichtacties",
-  "Message_pinned": "Bericht vastgezet",
  "Message_removed": "Bericht verwijderd",
  "Message_starred": "Bericht met ster",
  "Message_unstarred": "Bericht zonder ster",
--- a/app/i18n/locales/pt-BR.json
+++ b/app/i18n/locales/pt-BR.json
@ -223,7 +223,6 @@
  "Members": "Membros",
  "Mentions": "Menções",
  "Message_actions": "Ações",
-  "Message_pinned": "Fixou uma mensagem",
  "Message_removed": "mensagem removida",
  "Message_starred": "Mensagem adicionada aos favoritos",
  "Message_unstarred": "Mensagem removida dos favoritos",
@ -710,6 +709,18 @@
  "Discard_changes": "Descartar alterações?",
  "Discard": "Descartar",
  "Discard_changes_description": "Todas as alterações serão perdidas, se você sair sem salvar.",
+  "no-videoconf-provider-app-header": "Video conferência não disponível",
+  "no-videoconf-provider-app-body": "Aplicativos de video conferência podem ser instalados no Marketplace do Rocket.Chat por um administrador do workspace.",
+  "admin-no-videoconf-provider-app-header": "Video conferência não ativada",
+  "admin-no-videoconf-provider-app-body": "Aplicativos de video conferência estão disponíveis no Marketplace do Rocket.Chat.",
+  "no-active-video-conf-provider-header": "Video conferência não ativada",
+  "no-active-video-conf-provider-body": "Um administrador do workspace precisa ativar o recurso de video conferência primeiro.",
+  "admin-no-active-video-conf-provider-header": "Video conferência não ativada",
+  "admin-no-active-video-conf-provider-body": "Configure chamadas de conferência para torná-las disponíveis neste workspace.",
+  "video-conf-provider-not-configured-header": "Video conferência não ativada",
+  "video-conf-provider-not-configured-body": "Um administrador do workspace precisa ativar o recurso de chamadas de conferência primeiro.",
+  "admin-video-conf-provider-not-configured-header": "Video conferência não ativada",
+  "admin-video-conf-provider-not-configured-body": "Configure chamadas de conferência para torná-las disponíveis neste workspace.",
  "Presence_Cap_Warning_Title": "Status do usuário desabilitado temporariamente",
  "Presence_Cap_Warning_Description": "O limite de conexões ativas para a workspace foi atingido, por isso o serviço responsável pela presença dos usuários está temporariamente desabilitado. Ele pode ser reabilitado manualmente nas configurações da workspace.",
  "Learn_more": "Saiba mais",
@ -762,5 +773,10 @@
  "The_room_does_not_exist": "A sala não existe ou você pode não ter permissão de acesso",
  "Supported_versions_expired_title": "{{workspace_name}} está executando uma versão não suportada do Rocket.Chat",
  "Supported_versions_expired_description": "Um administrador precisa atualizar o espaço de trabalho para uma versão suportada a fim de reabilitar o acesso a partir de aplicativos móveis e de desktop.",
-  "Supported_versions_warning_update_required": "Atualização necessária"
+  "Supported_versions_warning_update_required": "Atualização necessária",
+  "The_user_wont_be_able_to_type_in_roomName": "O usuário não poderá digitar em {{roomName}}",
+  "The_user_will_be_able_to_type_in_roomName": "O usuário poderá digitar em {{roomName}}",
+  "Enable_writing_in_room": "Permitir escrita na sala",
+  "Disable_writing_in_room": "Desabilitar escrita na sala",
+  "Missed_call": "Chamada perdida"
 }
--- a/app/i18n/locales/pt-PT.json
+++ b/app/i18n/locales/pt-PT.json
@ -206,7 +206,6 @@
  "Members": "Membros",
  "Mentions": "Menções",
  "Message_actions": "Acções de mensagem",
-  "Message_pinned": "Mensagem afixada",
  "Message_removed": "Mensagem removida",
  "Message_starred": "Mensagem estrelada",
  "Message_unstarred": "Mensagem não estrelada",
@ -350,5 +349,6 @@
  "Open_Livechats": "Chats em andamento",
  "Broadcast_hint": "Apenas utilizadores autorizados podem escrever novas mensagens, mas os outros utilizadores poderão responder",
  "and_N_more": "e mais {{count}}",
-  "Audio": "Áudio"
+  "Audio": "Áudio",
+  "Pinned_a_message": "Fixou uma mensagem:"
 }
--- a/app/i18n/locales/ru.json
+++ b/app/i18n/locales/ru.json
@ -219,7 +219,6 @@
  "Members": "Пользователи",
  "Mentions": "Упоминания",
  "Message_actions": "Действия с сообщением",
-  "Message_pinned": "Сообщение прикреплено",
  "Message_removed": "Сообщение удалено",
  "Message_starred": "Сообщение отмечено звездой",
  "Message_unstarred": "Отметка сообщения звездой удалена",
--- a/app/i18n/locales/sl-SI.json
+++ b/app/i18n/locales/sl-SI.json
@ -218,7 +218,6 @@
  "Members": "Člani",
  "Mentions": "Omembe",
  "Message_actions": "Sporočila",
-  "Message_pinned": "Sporočilo pripeto",
  "Message_removed": "Sporočilo odstranjeno",
  "Message_starred": "Sporočilo v zvezdi",
  "Message_unstarred": "Sporočilo neokuženo",
--- a/app/i18n/locales/sv.json
+++ b/app/i18n/locales/sv.json
@ -223,7 +223,6 @@
  "Members": "Medlemmar",
  "Mentions": "Omnämnanden",
  "Message_actions": "Åtgärder för meddelanden",
-  "Message_pinned": "Meddelandet har fästs",
  "Message_removed": "meddelande borttaget",
  "Message_starred": "Meddelandet har stjärnmarkerats",
  "Message_unstarred": "Stjärnmarkering borttagen för meddelande",
--- a/app/i18n/locales/tr.json
+++ b/app/i18n/locales/tr.json
@ -202,7 +202,6 @@
  "Members": "Üyeler",
  "Mentions": "Bahsetmeler",
  "Message_actions": "İleti işlemleri",
-  "Message_pinned": "İleti sabitlendi",
  "Message_removed": "İleti kaldırıldı",
  "Message_starred": "İletia yıldız eklendi",
  "Message_unstarred": "İletiın yıldızı kaldırıldı",
--- a/app/i18n/locales/zh-CN.json
+++ b/app/i18n/locales/zh-CN.json
@ -198,7 +198,6 @@
  "Members": "成员",
  "Mentions": "被提及",
  "Message_actions": "信息操作",
-  "Message_pinned": "信息被钉选",
  "Message_removed": "信息被删除",
  "Message_starred": "信息被标注",
  "Message_unstarred": "信息被取消标注",
--- a/app/i18n/locales/zh-TW.json
+++ b/app/i18n/locales/zh-TW.json
@ -204,7 +204,6 @@
  "Members": "成員",
  "Mentions": "被提及",
  "Message_actions": "訊息操作",
-  "Message_pinned": "訊息被釘選",
  "Message_removed": "訊息被刪除",
  "Message_starred": "訊息被標註",
  "Message_unstarred": "訊息被取消標註",
--- a/app/index.tsx
+++ b/app/index.tsx
@ -1,30 +1,27 @@
 import React from 'react';
 import { Dimensions, Linking } from 'react-native';
-import { initialWindowMetrics, SafeAreaProvider } from 'react-native-safe-area-context';
-import RNScreens from 'react-native-screens';
-import { Provider } from 'react-redux';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import Orientation from 'react-native-orientation-locker';
+import { SafeAreaProvider, initialWindowMetrics } from 'react-native-safe-area-context';
+import RNScreens from 'react-native-screens';
+import { Provider } from 'react-redux';
+import Clipboard from '@react-native-clipboard/clipboard';

+import AppContainer from './AppContainer';
 import { appInit, appInitLocalSettings, setMasterDetail as setMasterDetailAction } from './actions/app';
 import { deepLinkingOpen } from './actions/deepLinking';
-import AppContainer from './AppContainer';
 import { ActionSheetProvider } from './containers/ActionSheet';
 import InAppNotification from './containers/InAppNotification';
+import Loading from './containers/Loading';
 import Toast from './containers/Toast';
 import TwoFactor from './containers/TwoFactor';
-import Loading from './containers/Loading';
 import { IThemePreference } from './definitions/ITheme';
 import { DimensionsContext } from './dimensions';
-import { colors, isFDroidBuild, MIN_WIDTH_MASTER_DETAIL_LAYOUT, themes } from './lib/constants';
+import { MIN_WIDTH_MASTER_DETAIL_LAYOUT, colors, isFDroidBuild, themes } from './lib/constants';
 import { getAllowAnalyticsEvents, getAllowCrashReport } from './lib/methods';
-import parseQuery from './lib/methods/helpers/parseQuery';
-import { initializePushNotifications, onNotification } from './lib/notifications';
-import store from './lib/store';
-import { initStore } from './lib/store/auxStore';
-import { ThemeContext, TSupportedThemes } from './theme';
 import { debounce, isTablet } from './lib/methods/helpers';
 import { toggleAnalyticsEventsReport, toggleCrashErrorsReport } from './lib/methods/helpers/log';
+import parseQuery from './lib/methods/helpers/parseQuery';
 import {
 	getTheme,
 	initialTheme,
@ -33,6 +30,11 @@ import {
 	subscribeTheme,
 	unsubscribeTheme
 } from './lib/methods/helpers/theme';
+import { initializePushNotifications, onNotification } from './lib/notifications';
+import { getInitialNotification } from './lib/notifications/videoConf/getInitialNotification';
+import store from './lib/store';
+import { initStore } from './lib/store/auxStore';
+import { TSupportedThemes, ThemeContext } from './theme';
 import ChangePasscodeView from './views/ChangePasscodeView';
 import ScreenLockedView from './views/ScreenLockedView';

@ -65,15 +67,6 @@ const parseDeepLinking = (url: string) => {
 				return parseQuery(url);
 			}
 		}
-		const call = /^(https:\/\/)?jitsi.rocket.chat\//;
-		const fullURL = url;
-
-		if (url.match(call)) {
-			url = url.replace(call, '').trim();
-			if (url) {
-				return { path: url, isCall: true, fullURL };
-			}
-		}
 	}
 	return null;
 };
@ -135,10 +128,13 @@ export default class Root extends React.Component<{}, IState> {
 			return;
 		}

+		await getInitialNotification();
+
 		// Open app from deep linking
 		const deepLinking = await Linking.getInitialURL();
 		const parsedDeepLinkingURL = parseDeepLinking(deepLinking!);
 		if (parsedDeepLinkingURL) {
+			Clipboard.setString(JSON.stringify(parsedDeepLinkingURL));
 			store.dispatch(deepLinkingOpen(parsedDeepLinkingURL));
 			return;
 		}
--- a/app/lib/constants/colors.ts
+++ b/app/lib/constants/colors.ts
@ -1,3 +1,5 @@
+export const BACKGROUND_PUSH_COLOR = '#F5455C';
+
 export const STATUS_COLORS: any = {
 	online: '#2de0a5',
 	busy: '#f5455c',
@ -109,6 +111,14 @@ export const colors = {
 		statusFontOnDanger: '#9B1325',
 		statusFontOnSuccess: '#148660',
 		fontDanger: '#D40C26',
+		buttonBackgroundPrimaryDefault: '#156FF5',
+		buttonBackgroundSecondaryDefault: '#E4E7EA',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#1F2329',
+		fontDefault: '#2F343D',
+		strokeExtraLight: '#EBECEF',
+		strokeLight: '#CBCED1',
+		surfaceTint: '#F7F8FA',
 		...mentions,
 		...callButtons
 	},
@ -195,6 +205,14 @@ export const colors = {
 		statusFontOnDanger: '#9B1325',
 		statusFontOnSuccess: '#148660',
 		fontDanger: '#D40C26',
+		buttonBackgroundPrimaryDefault: '#3976D1',
+		buttonBackgroundSecondaryDefault: '#2F343D',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#E4E7EA',
+		fontDefault: '#E4E7EA',
+		strokeExtraLight: '#2F343D',
+		strokeLight: '#333842',
+		surfaceTint: '#1F2329',
 		...mentions,
 		...callButtons
 	},
@ -281,6 +299,14 @@ export const colors = {
 		statusFontOnDanger: '#9B1325',
 		statusFontOnSuccess: '#148660',
 		fontDanger: '#D40C26',
+		buttonBackgroundPrimaryDefault: '#3976D1',
+		buttonBackgroundSecondaryDefault: '#2F343D',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#E4E7EA',
+		fontDefault: '#E4E7EA',
+		strokeExtraLight: '#2F343D',
+		strokeLight: '#333842',
+		surfaceTint: '#1F2329',
 		...mentions,
 		...callButtons
 	}
--- a/app/lib/database/model/Subscription.js
+++ b/app/lib/database/model/Subscription.js
@ -79,6 +79,8 @@ export default class Subscription extends Model {

 	@json('muted', sanitizer) muted;

+	@json('unmuted', sanitizer) unmuted;
+
 	@json('ignored', sanitizer) ignored;

 	@field('broadcast') broadcast;
--- a/app/lib/database/model/migrations.js
+++ b/app/lib/database/model/migrations.js
@ -275,6 +275,15 @@ export default schemaMigrations({
 					columns: [{ name: 'sanitized_fname', type: 'string', isOptional: true }]
 				})
 			]
+		},
+		{
+			toVersion: 23,
+			steps: [
+				addColumns({
+					table: 'subscriptions',
+					columns: [{ name: 'unmuted', type: 'string', isOptional: true }]
+				})
+			]
 		}
 	]
 });
--- a/app/lib/database/schema/app.js
+++ b/app/lib/database/schema/app.js
@ -1,7 +1,7 @@
 import { appSchema, tableSchema } from '@nozbe/watermelondb';

 export default appSchema({
-	version: 22,
+	version: 23,
 	tables: [
 		tableSchema({
 			name: 'subscriptions',
@ -65,7 +65,8 @@ export default appSchema({
 				{ name: 'on_hold', type: 'boolean', isOptional: true },
 				{ name: 'source', type: 'string', isOptional: true },
 				{ name: 'hide_mention_status', type: 'boolean', isOptional: true },
-				{ name: 'users_count', type: 'number', isOptional: true }
+				{ name: 'users_count', type: 'number', isOptional: true },
+				{ name: 'unmuted', type: 'string', isOptional: true }
 			]
 		}),
 		tableSchema({
--- a/app/lib/hooks/useVideoConf/index.tsx
+++ b/app/lib/hooks/useVideoConf/index.tsx
@ -20,7 +20,9 @@ const availabilityErrors = {

 const handleErrors = (isAdmin: boolean, error: keyof typeof availabilityErrors) => {
 	const key = isAdmin ? `admin-${error}` : error;
-	showErrorAlert(i18n.t(`${key}-body`), i18n.t(`${key}-header`));
+	const body = `${key}-body`;
+	const header = `${key}-header`;
+	if (i18n.isTranslated(body) && i18n.isTranslated(header)) showErrorAlert(i18n.t(body), i18n.t(header));
 };

 export const useVideoConf = (
@ -45,7 +47,7 @@ export const useVideoConf = (
 				return true;
 			} catch (error: any) {
 				const isAdmin = !!user.roles?.includes('admin');
-				handleErrors(isAdmin, error?.error || 'NOT_CONFIGURED');
+				handleErrors(isAdmin, error?.data?.error || availabilityErrors.NOT_CONFIGURED);
 				return false;
 			}
 		}
@ -62,8 +64,12 @@ export const useVideoConf = (
 				});

 				if (!permission?.granted) {
-					requestPermission();
-					handleAndroidBltPermission();
+					try {
+						await requestPermission();
+						handleAndroidBltPermission();
+					} catch (error) {
+						log(error);
+					}
 				}
 			}
 		} catch (error) {
--- a/app/lib/methods/audioPlayer.ts
+++ b/app/lib/methods/audioPlayer.ts
@ -0,0 +1,146 @@
+import { AVPlaybackStatus, Audio, InterruptionModeAndroid, InterruptionModeIOS } from 'expo-av';
+
+const AUDIO_MODE = {
+	allowsRecordingIOS: false,
+	playsInSilentModeIOS: true,
+	staysActiveInBackground: true,
+	shouldDuckAndroid: true,
+	playThroughEarpieceAndroid: false,
+	interruptionModeIOS: InterruptionModeIOS.DoNotMix,
+	interruptionModeAndroid: InterruptionModeAndroid.DoNotMix
+};
+
+class AudioPlayer {
+	private audioQueue: { [audioKey: string]: Audio.Sound };
+	private audioPlaying: string;
+
+	constructor() {
+		this.audioQueue = {};
+		this.audioPlaying = '';
+	}
+
+	async loadAudio({ msgId, rid, uri }: { rid: string; msgId?: string; uri: string }): Promise<string> {
+		const audioKey = `${msgId}-${rid}-${uri}`;
+		if (this.audioQueue[audioKey]) {
+			return audioKey;
+		}
+		const { sound } = await Audio.Sound.createAsync({ uri }, { androidImplementation: 'MediaPlayer' });
+		this.audioQueue[audioKey] = sound;
+		return audioKey;
+	}
+
+	onPlaybackStatusUpdate(audioKey: string, status: AVPlaybackStatus, callback: (status: AVPlaybackStatus) => void) {
+		if (status) {
+			callback(status);
+			this.onEnd(audioKey, status);
+		}
+	}
+
+	async onEnd(audioKey: string, status: AVPlaybackStatus) {
+		if (status.isLoaded) {
+			if (status.didJustFinish) {
+				try {
+					await this.audioQueue[audioKey]?.stopAsync();
+					this.audioPlaying = '';
+				} catch {
+					// do nothing
+				}
+			}
+		}
+	}
+
+	setOnPlaybackStatusUpdate(audioKey: string, callback: (status: AVPlaybackStatus) => void): void {
+		return this.audioQueue[audioKey]?.setOnPlaybackStatusUpdate(status =>
+			this.onPlaybackStatusUpdate(audioKey, status, callback)
+		);
+	}
+
+	async playAudio(audioKey: string) {
+		if (this.audioPlaying) {
+			await this.pauseAudio(this.audioPlaying);
+		}
+		await Audio.setAudioModeAsync(AUDIO_MODE);
+		await this.audioQueue[audioKey]?.playAsync();
+		this.audioPlaying = audioKey;
+	}
+
+	async pauseAudio(audioKey: string) {
+		await this.audioQueue[audioKey]?.pauseAsync();
+		this.audioPlaying = '';
+	}
+
+	async pauseCurrentAudio() {
+		if (this.audioPlaying) {
+			await this.pauseAudio(this.audioPlaying);
+		}
+	}
+
+	async setPositionAsync(audioKey: string, time: number) {
+		try {
+			await this.audioQueue[audioKey]?.setPositionAsync(time);
+		} catch {
+			// Do nothing
+		}
+	}
+
+	async setRateAsync(audioKey: string, value = 1.0) {
+		try {
+			await this.audioQueue[audioKey].setRateAsync(value, true);
+		} catch {
+			// Do nothing
+		}
+	}
+
+	async unloadAudio(audioKey: string) {
+		await this.audioQueue[audioKey]?.stopAsync();
+		await this.audioQueue[audioKey]?.unloadAsync();
+		delete this.audioQueue[audioKey];
+		this.audioPlaying = '';
+	}
+
+	async unloadCurrentAudio() {
+		if (this.audioPlaying) {
+			await this.unloadAudio(this.audioPlaying);
+		}
+	}
+
+	async unloadRoomAudios(rid?: string) {
+		if (!rid) {
+			return;
+		}
+		const regExp = new RegExp(rid);
+		const roomAudioKeysLoaded = Object.keys(this.audioQueue).filter(audioKey => regExp.test(audioKey));
+		const roomAudiosLoaded = roomAudioKeysLoaded.map(key => this.audioQueue[key]);
+		try {
+			await Promise.all(
+				roomAudiosLoaded.map(async audio => {
+					await audio?.stopAsync();
+					await audio?.unloadAsync();
+				})
+			);
+		} catch {
+			// Do nothing
+		}
+		roomAudioKeysLoaded.forEach(key => delete this.audioQueue[key]);
+		this.audioPlaying = '';
+	}
+
+	async unloadAllAudios() {
+		const audiosLoaded = Object.values(this.audioQueue);
+		try {
+			await Promise.all(
+				audiosLoaded.map(async audio => {
+					await audio?.stopAsync();
+					await audio?.unloadAsync();
+				})
+			);
+		} catch {
+			// Do nothing
+		}
+		this.audioPlaying = '';
+		this.audioQueue = {};
+	}
+}
+
+const audioPlayer = new AudioPlayer();
+export default audioPlayer;
--- a/app/lib/methods/canOpenRoom.ts
+++ b/app/lib/methods/canOpenRoom.ts
@ -1,5 +1,4 @@
 import { ERoomTypes } from '../../definitions';
-import { store } from '../store/auxStore';
 import database from '../database';
 import sdk from '../services/sdk';
 import { Services } from '../services';
@ -63,18 +62,11 @@ async function open({ type, rid, name }: { type: ERoomTypes; rid: string; name:
 	}
 }

-export async function canOpenRoom({ rid, path, isCall }: { rid: string; isCall: boolean; path: string }): Promise<any> {
+export async function canOpenRoom({ rid, path }: { rid: string; path: string }): Promise<any> {
 	try {
 		const db = database.active;
 		const subsCollection = db.get('subscriptions');

-		if (isCall && !rid) {
-			// Extract rid from a Jitsi URL
-			// Eg.: [Jitsi_URL_Room_Prefix][uniqueID][rid][?jwt]
-			const { Jitsi_URL_Room_Prefix, uniqueID } = store.getState().settings;
-			rid = path.replace(`${Jitsi_URL_Room_Prefix}${uniqueID}`, '').replace(/\?(.*)/g, '');
-		}
-
 		if (rid) {
 			try {
 				const room = await subsCollection.find(rid);
--- a/app/lib/methods/checkSupportedVersions-enforcement.test.ts
+++ b/app/lib/methods/checkSupportedVersions-enforcement.test.ts
@ -26,6 +26,10 @@ const MOCK: ISupportedVersionsData = {
 			version: '1.5.0',
 			expiration: '2023-05-10T00:00:00.000Z'
 		},
+		{
+			version: '2.4.0',
+			expiration: '2023-04-10T00:00:00.000Z'
+		},
 		{
 			version: '1.4.0',
 			expiration: '2023-04-10T00:00:00.000Z'
@ -47,6 +51,10 @@ const MOCK: ISupportedVersionsData = {
 		domain: 'https://open.rocket.chat',
 		uniqueId: '123',
 		versions: [
+			{
+				version: '2.4.0',
+				expiration: '2023-05-01T00:00:00.000Z'
+			},
 			{
 				version: '1.3.0',
 				expiration: '2023-05-01T00:00:00.000Z'
@ -217,6 +225,17 @@ describe('checkSupportedVersions', () => {
 			});
 		});

+		test('valid version and valid exception', () => {
+			expect(
+				checkSupportedVersions({
+					supportedVersions: MOCK,
+					serverVersion: '2.4.0'
+				})
+			).toMatchObject({
+				status: 'supported'
+			});
+		});
+
 		test('expired version and valid exception', () => {
 			expect(
 				checkSupportedVersions({
--- a/app/lib/methods/checkSupportedVersions.test.ts
+++ b/app/lib/methods/checkSupportedVersions.test.ts
@ -26,6 +26,10 @@ const MOCK: ISupportedVersionsData = {
 			version: '1.5.0',
 			expiration: '2023-05-10T00:00:00.000Z'
 		},
+		{
+			version: '2.4.0',
+			expiration: '2023-04-10T00:00:00.000Z'
+		},
 		{
 			version: '1.4.0',
 			expiration: '2023-04-10T00:00:00.000Z'
@ -47,6 +51,10 @@ const MOCK: ISupportedVersionsData = {
 		domain: 'https://open.rocket.chat',
 		uniqueId: '123',
 		versions: [
+			{
+				version: '2.4.0',
+				expiration: '2023-05-01T00:00:00.000Z'
+			},
 			{
 				version: '1.3.0',
 				expiration: '2023-05-01T00:00:00.000Z'
@ -223,6 +231,17 @@ describe('checkSupportedVersions', () => {
 			});
 		});

+		test('valid version and valid exception', () => {
+			expect(
+				checkSupportedVersions({
+					supportedVersions: MOCK,
+					serverVersion: '2.4.0'
+				})
+			).toMatchObject({
+				status: 'supported'
+			});
+		});
+
 		test('expired version and valid exception', () => {
 			expect(
 				checkSupportedVersions({
--- a/app/lib/methods/checkSupportedVersions.ts
+++ b/app/lib/methods/checkSupportedVersions.ts
@ -52,22 +52,12 @@ export const checkSupportedVersions = function ({
 	}

 	const versionInfo = sv.versions.find(({ version }) => satisfies(coerce(version)?.version ?? '', serverVersionTilde));
-	if (versionInfo && new Date(versionInfo.expiration) >= new Date()) {
-		const messages = versionInfo?.messages || sv?.messages;
-		const message = getMessage({ messages, expiration: versionInfo.expiration });
-		return {
-			status: getStatus({ expiration: versionInfo?.expiration, message }),
-			message,
-			i18n: message ? sv?.i18n : undefined,
-			expiration: versionInfo?.expiration
-		};
-	}
-
-	// Exceptions
 	const exception = sv.exceptions?.versions?.find(({ version }) => satisfies(coerce(version)?.version ?? '', serverVersionTilde));
-	const messages = exception?.messages || sv.exceptions?.messages || versionInfo?.messages || sv.messages;
-	const message = getMessage({ messages, expiration: exception?.expiration });
-	const status = getStatus({ expiration: exception?.expiration, message });
+	const messages =
+		exception?.messages || (exception ? sv.exceptions?.messages : undefined) || versionInfo?.messages || sv.messages;
+	const expiration = exception?.expiration || versionInfo?.expiration;
+	const message = getMessage({ messages, expiration });
+	const status = getStatus({ message, expiration });

 	// TODO: enforcement start date is temp only. Remove after a few releases.
 	if (status === 'expired' && sv?.enforcementStartDate && new Date(sv.enforcementStartDate) > new Date()) {
--- a/app/lib/methods/getQuoteAttachment.test.ts
+++ b/app/lib/methods/getQuoteAttachment.test.ts
@ -0,0 +1,94 @@
+import { getQuoteMessageLink } from './getQuoteMessageLink';
+
+const imageAttachment = [
+	{
+		ts: '1970-01-01T00:00:00.000Z',
+		title: 'IMG_0058.MP4',
+		title_link: '/file-upload/34q5BbCRW3wCauiDt/IMG_0058.MP4',
+		title_link_download: true,
+		video_url: '/file-upload/34q5BbCRW3wCauiDt/IMG_0058.MP4',
+		video_type: 'video/mp4',
+		video_size: 4867328,
+		type: 'file',
+		fields: [],
+		attachments: []
+	}
+];
+
+const imageAttachmentWithAQuote = [
+	...imageAttachment,
+
+	{
+		text: '[ ](https://mobile.rocket.chat/group/channel-etc?msg=cIqhbvkOSgiCOK4Wh) \nhttps://www.youtube.com/watch?v=5yx6BWlEVcY',
+		md: [
+			{
+				type: 'PARAGRAPH',
+				value: [
+					{
+						type: 'LINK',
+						value: {
+							src: { type: 'PLAIN_TEXT', value: 'https://mobile.rocket.chat/group/channel-etc?msg=cIqhbvkOSgiCOK4Wh' },
+							label: [{ type: 'PLAIN_TEXT', value: ' ' }]
+						}
+					},
+					{ type: 'PLAIN_TEXT', value: ' ' }
+				]
+			},
+			{
+				type: 'PARAGRAPH',
+				value: [
+					{
+						type: 'LINK',
+						value: {
+							src: { type: 'PLAIN_TEXT', value: 'https://www.youtube.com/watch?v=5yx6BWlEVcY' },
+							label: [{ type: 'PLAIN_TEXT', value: 'https://www.youtube.com/watch?v=5yx6BWlEVcY' }]
+						}
+					}
+				]
+			}
+		],
+		message_link: 'https://mobile.rocket.chat/group/channel-etc?msg=n5WaK5NRJN42Hg26w',
+		author_name: 'user-two',
+		author_icon: '/avatar/user-two',
+		attachments: [
+			{
+				text: 'https://www.youtube.com/watch?v=5yx6BWlEVcY',
+				md: [
+					{
+						type: 'PARAGRAPH',
+						value: [
+							{
+								type: 'LINK',
+								value: {
+									src: { type: 'PLAIN_TEXT', value: 'https://www.youtube.com/watch?v=5yx6BWlEVcY' },
+									label: [{ type: 'PLAIN_TEXT', value: 'https://www.youtube.com/watch?v=5yx6BWlEVcY' }]
+								}
+							}
+						]
+					}
+				],
+				message_link: 'https://mobile.rocket.chat/group/channel-etc?msg=cIqhbvkOSgiCOK4Wh',
+				author_name: 'user-two',
+				author_icon: '/avatar/user-two',
+				ts: '2023-11-23T14:10:18.520Z',
+				fields: [],
+				attachments: []
+			}
+		],
+		ts: '2023-11-23T17:47:51.676Z',
+		fields: []
+	}
+];
+
+describe('Test the getQuoteMessageLink', () => {
+	it('return undefined from a message without attachment', () => {
+		expect(getQuoteMessageLink([])).toBe(undefined);
+	});
+	it('return undefined from a message with image attachment', () => {
+		expect(getQuoteMessageLink(imageAttachment)).toBe(undefined);
+	});
+	it('return the message link from an image message with a quote', () => {
+		const expectedResult = 'https://mobile.rocket.chat/group/channel-etc?msg=n5WaK5NRJN42Hg26w';
+		expect(getQuoteMessageLink(imageAttachmentWithAQuote)).toBe(expectedResult);
+	});
+});
--- a/app/lib/methods/getQuoteMessageLink.ts
+++ b/app/lib/methods/getQuoteMessageLink.ts
@ -0,0 +1,7 @@
+import { IAttachment } from '../../definitions/IAttachment';
+
+// https://github.com/RocketChat/Rocket.Chat/blame/edb4e2c91f4e8f90b0420be61270a75d49709732/packages/core-typings/src/IMessage/MessageAttachment/MessageQuoteAttachment.ts#L16
+export const getQuoteMessageLink = (attachments?: IAttachment[]) => {
+	const attachmentWithMessageLink = attachments?.find(attachment => 'message_link' in attachment);
+	return attachmentWithMessageLink?.message_link;
+};
--- a/app/lib/methods/getServerInfo.ts
+++ b/app/lib/methods/getServerInfo.ts
@ -10,6 +10,7 @@ import { store } from '../store/auxStore';
 import I18n from '../../i18n';
 import { SIGNED_SUPPORTED_VERSIONS_PUBLIC_KEY } from '../constants';
 import { getServerById } from '../database/services/Server';
+import log from './helpers/log';

 interface IServerInfoFailure {
 	success: false;
@ -75,6 +76,14 @@ export async function getServerInfo(server: string): Promise<TServerInfoResult>

 				const cloudInfo = await getCloudInfo(server);

+				// Allows airgapped servers to use the app until enforcementStartDate
+				if (!cloudInfo) {
+					return {
+						...jsonRes,
+						success: true
+					};
+				}
+
 				// Makes use of signed JWT to get supported versions
 				const supportedVersionsCloud = verifyJWT(cloudInfo?.signed);

@ -119,7 +128,12 @@ const getUniqueId = async (server: string): Promise<string> => {
 };

 export const getCloudInfo = async (domain: string): Promise<TCloudInfo | null> => {
-	const uniqueId = await getUniqueId(domain);
-	const response = await getSupportedVersionsCloud(uniqueId, domain);
-	return response.json() as unknown as TCloudInfo;
+	try {
+		const uniqueId = await getUniqueId(domain);
+		const response = await getSupportedVersionsCloud(uniqueId, domain);
+		return response.json() as unknown as TCloudInfo;
+	} catch (e) {
+		log(e);
+		return null;
+	}
 };
--- a/app/lib/methods/getSingleMessage.ts
+++ b/app/lib/methods/getSingleMessage.ts
@ -10,7 +10,7 @@ const getSingleMessage = (messageId: string): Promise<IMessage> =>
 			}
 			return reject();
 		} catch (e) {
-			return reject();
+			return reject(e);
 		}
 	});

--- a/app/lib/methods/handleMediaDownload.ts
+++ b/app/lib/methods/handleMediaDownload.ts
@ -8,6 +8,8 @@ import log from './helpers/log';

 export type MediaTypes = 'audio' | 'image' | 'video';

+export type TDownloadState = 'to-download' | 'loading' | 'downloaded';
+
 const defaultType = {
 	audio: 'mp3',
 	image: 'jpg',
@ -215,3 +217,21 @@ export function downloadMediaFile({
 		}
 	});
 }
+
+export function resumeMediaFile({ downloadUrl }: { downloadUrl: string }): Promise<string> {
+	return new Promise(async (resolve, reject) => {
+		let downloadKey = '';
+		try {
+			downloadKey = mediaDownloadKey(downloadUrl);
+			const result = await downloadQueue[downloadKey].resumeAsync();
+			if (result?.uri) {
+				return resolve(result.uri);
+			}
+			return reject();
+		} catch {
+			return reject();
+		} finally {
+			delete downloadQueue[downloadKey];
+		}
+	});
+}
--- a/app/lib/methods/helpers/askAndroidMediaPermissions.ts
+++ b/app/lib/methods/helpers/askAndroidMediaPermissions.ts
@ -0,0 +1,54 @@
+import { Permission, PermissionsAndroid, Platform, Rationale } from 'react-native';
+
+import i18n from '../../../i18n';
+
+// Define a type for the permissions map
+type PermissionsMap = { [key: string]: string };
+
+/**
+ * Rationale for requesting read permissions on Android.
+ */
+const readExternalStorageRationale: Rationale = {
+	title: i18n.t('Read_External_Permission'),
+	message: i18n.t('Read_External_Permission_Message'),
+	buttonPositive: i18n.t('Ok')
+};
+
+/**
+ * Checks if all requested permissions are granted.
+ *
+ * @param {PermissionsMap} permissionsStatus - The object containing the statuses of the permissions.
+ * @param {string[]} permissions - The list of permissions to check.
+ * @return {boolean} Whether all permissions are granted.
+ */
+const areAllPermissionsGranted = (permissionsStatus: PermissionsMap, permissions: string[]): boolean =>
+	permissions.every(permission => permissionsStatus[permission] === PermissionsAndroid.RESULTS.GRANTED);
+
+/**
+ * Requests permission for reading media on Android.
+ *
+ * @return {Promise<boolean>} A promise that resolves to a boolean indicating whether the permissions were granted.
+ */
+export const askAndroidMediaPermissions = async (): Promise<boolean> => {
+	if (Platform.OS !== 'android') return true;
+
+	// For Android versions that require the new permissions model (API Level >= 33)
+	if (Platform.constants.Version >= 33) {
+		const permissions = [
+			'android.permission.READ_MEDIA_IMAGES',
+			'android.permission.READ_MEDIA_VIDEO',
+			'android.permission.READ_MEDIA_AUDIO'
+		];
+
+		const permissionsStatus = await PermissionsAndroid.requestMultiple(permissions as Permission[]);
+		return areAllPermissionsGranted(permissionsStatus, permissions);
+	}
+
+	// For older Android versions
+	const result = await PermissionsAndroid.request(
+		PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
+		readExternalStorageRationale
+	);
+
+	return result === PermissionsAndroid.RESULTS.GRANTED;
+};
--- a/app/lib/methods/helpers/findSubscriptionsRooms.ts
+++ b/app/lib/methods/helpers/findSubscriptionsRooms.ts
@ -38,6 +38,7 @@ export default async (subscriptions: IServerSubscription[], rooms: IServerRoom[]
 			archived: s.archived,
 			joinCodeRequired: s.joinCodeRequired,
 			muted: s.muted,
+			unmuted: s.unmuted,
 			broadcast: s.broadcast,
 			prid: s.prid,
 			draftMessage: s.draftMessage,
@ -78,6 +79,7 @@ export default async (subscriptions: IServerSubscription[], rooms: IServerRoom[]
 			ro: r.ro,
 			broadcast: r.broadcast,
 			muted: r.muted,
+			unmuted: r.unmuted,
 			sysMes: r.sysMes,
 			v: r.v,
 			departmentId: r.departmentId,
--- a/app/lib/methods/helpers/goRoom.ts
+++ b/app/lib/methods/helpers/goRoom.ts
@ -118,3 +118,5 @@ export const goRoom = async ({

 	return navigate({ item, isMasterDetail, popToRoot, ...props });
 };
+
+export const navigateToRoom = navigate;
--- a/app/lib/methods/helpers/index.ts
+++ b/app/lib/methods/helpers/index.ts
@ -15,3 +15,4 @@ export * from './url';
 export * from './isValidEmail';
 export * from './random';
 export * from './image';
+export * from './askAndroidMediaPermissions';
--- a/app/lib/methods/helpers/isReadOnly.ts
+++ b/app/lib/methods/helpers/isReadOnly.ts
@ -2,11 +2,13 @@ import { store as reduxStore } from '../../store/auxStore';
 import { ISubscription } from '../../../definitions';
 import { hasPermission } from './helpers';

-const canPostReadOnly = async ({ rid }: { rid: string }) => {
+const canPostReadOnly = async (room: Partial<ISubscription>, username: string) => {
+	// RC 6.4.0
+	const isUnmuted = !!room?.unmuted?.find(m => m === username);
 	// TODO: this is not reactive. If this permission changes, the component won't be updated
 	const postReadOnlyPermission = reduxStore.getState().permissions['post-readonly'];
-	const permission = await hasPermission([postReadOnlyPermission], rid);
-	return permission[0];
+	const permission = await hasPermission([postReadOnlyPermission], room.rid);
+	return permission[0] || isUnmuted;
 };

 const isMuted = (room: Partial<ISubscription>, username: string) =>
@ -20,7 +22,7 @@ export const isReadOnly = async (room: Partial<ISubscription>, username: string)
 		return true;
 	}
 	if (room?.ro) {
-		const allowPost = await canPostReadOnly({ rid: room.rid as string });
+		const allowPost = await canPostReadOnly(room, username);
 		if (allowPost) {
 			return false;
 		}
--- a/app/lib/methods/helpers/mergeSubscriptionsRooms.ts
+++ b/app/lib/methods/helpers/mergeSubscriptionsRooms.ts
@ -67,6 +67,11 @@ export const merge = (
 		} else {
 			mergedSubscription.muted = [];
 		}
+		if (room?.unmuted?.length) {
+			mergedSubscription.unmuted = room.unmuted.filter(unmuted => !!unmuted);
+		} else {
+			mergedSubscription.unmuted = [];
+		}
 		if (room?.v) {
 			mergedSubscription.visitor = room.v;
 		}
--- a/app/lib/methods/index.ts
+++ b/app/lib/methods/index.ts
@ -37,7 +37,9 @@ export * from './crashReport';
 export * from './parseSettings';
 export * from './subscribeRooms';
 export * from './serializeAsciiUrl';
+export * from './audioPlayer';
 export * from './isRoomFederated';
 export * from './checkSupportedVersions';
 export * from './getServerInfo';
 export * from './isImageBase64';
+export * from './getQuoteMessageLink';
--- a/app/lib/methods/sendMessage.ts
+++ b/app/lib/methods/sendMessage.ts
@ -143,6 +143,7 @@ export async function sendMessage(
 							tm.status = messagesStatus.SENT; // Original message was sent already
 							tm.u = tMessageRecord.u;
 							tm.t = message.t;
+							tm.attachments = tMessageRecord.attachments;
 							if (message.t === E2E_MESSAGE_TYPE) {
 								tm.e2e = E2E_STATUS.DONE as E2EType;
 							}
--- a/app/lib/methods/subscriptions/rooms.ts
+++ b/app/lib/methods/subscriptions/rooms.ts
@ -83,6 +83,7 @@ const createOrUpdateSubscription = async (subscription: ISubscription, room: ISe
 					archived: s.archived,
 					joinCodeRequired: s.joinCodeRequired,
 					muted: s.muted,
+					unmuted: s.unmuted,
 					ignored: s.ignored,
 					broadcast: s.broadcast,
 					prid: s.prid,
--- a/app/lib/methods/videoConf.ts
+++ b/app/lib/methods/videoConf.ts
@ -26,7 +26,7 @@ export const handleAndroidBltPermission = async (): Promise<void> => {
 	}
 };

-export const videoConfJoin = async (callId: string, cam?: boolean, mic?: boolean): Promise<void> => {
+export const videoConfJoin = async (callId: string, cam?: boolean, mic?: boolean, fromPush?: boolean): Promise<void> => {
 	try {
 		const result = await Services.videoConferenceJoin(callId, cam, mic);
 		if (result.success) {
@ -38,7 +38,11 @@ export const videoConfJoin = async (callId: string, cam?: boolean, mic?: boolean
 			}
 		}
 	} catch (e) {
-		showErrorAlert(i18n.t('error-init-video-conf'));
+		if (fromPush) {
+			showErrorAlert(i18n.t('Missed_call'));
+		} else {
+			showErrorAlert(i18n.t('error-init-video-conf'));
+		}
 		log(e);
 	}
 };
--- a/app/lib/notifications/index.ts
+++ b/app/lib/notifications/index.ts
@ -1,10 +1,10 @@
 import EJSON from 'ejson';

-import { store } from '../store/auxStore';
-import { deepLinkingOpen } from '../../actions/deepLinking';
-import { isFDroidBuild } from '../constants';
-import { deviceToken, pushNotificationConfigure, setNotificationsBadgeCount, removeAllNotifications } from './push';
+import { deepLinkingClickCallPush, deepLinkingOpen } from '../../actions/deepLinking';
 import { INotification, SubscriptionType } from '../../definitions';
+import { isFDroidBuild } from '../constants';
+import { store } from '../store/auxStore';
+import { deviceToken, pushNotificationConfigure, removeAllNotifications, setNotificationsBadgeCount } from './push';

 interface IEjson {
 	rid: string;
@ -12,15 +12,22 @@ interface IEjson {
 	sender: { username: string; name: string };
 	type: string;
 	host: string;
-	messageType: string;
 	messageId: string;
 }

 export const onNotification = (push: INotification): void => {
+	const identifier = String(push?.payload?.action?.identifier);
+	if (identifier === 'ACCEPT_ACTION' || identifier === 'DECLINE_ACTION') {
+		if (push.payload) {
+			const notification = EJSON.parse(push.payload.ejson);
+			store.dispatch(deepLinkingClickCallPush({ ...notification, event: identifier === 'ACCEPT_ACTION' ? 'accept' : 'decline' }));
+			return;
+		}
+	}
 	if (push.payload) {
 		try {
 			const notification = push.payload;
-			const { rid, name, sender, type, host, messageType, messageId }: IEjson = EJSON.parse(notification.ejson);
+			const { rid, name, sender, type, host, messageId }: IEjson = EJSON.parse(notification.ejson);

 			const types: Record<string, string> = {
 				c: 'channel',
@ -37,8 +44,7 @@ export const onNotification = (push: INotification): void => {
 				host,
 				rid,
 				messageId,
-				path: `${types[type]}/${roomName}`,
-				isCall: messageType === 'jitsi_call_started'
+				path: `${types[type]}/${roomName}`
 			};
 			store.dispatch(deepLinkingOpen(params));
 		} catch (e) {
--- a/app/lib/notifications/push.ts
+++ b/app/lib/notifications/push.ts
@ -30,13 +30,20 @@ export const pushNotificationConfigure = (onNotification: (notification: INotifi
 	if (isIOS) {
 		// init
 		Notifications.ios.registerRemoteNotifications();
-		// setCategories
+
 		const notificationAction = new NotificationAction('REPLY_ACTION', 'background', I18n.t('Reply'), true, {
 			buttonTitle: I18n.t('Reply'),
 			placeholder: I18n.t('Type_message')
 		});
 		const notificationCategory = new NotificationCategory('MESSAGE', [notificationAction]);
+
 		Notifications.setCategories([notificationCategory]);
+
+		const acceptAction = new NotificationAction('ACCEPT_ACTION', 'foreground', I18n.t('accept'), true);
+		const rejectAction = new NotificationAction('DECLINE_ACTION', 'foreground', I18n.t('decline'), true);
+		const videoConfCategory = new NotificationCategory('VIDEOCONF', [acceptAction, rejectAction]);
+
+		Notifications.setCategories([videoConfCategory]);
 	} else if (Platform.OS === 'android' && Platform.constants.Version >= 33) {
 		// @ts-ignore
 		PermissionsAndroid.request('android.permission.POST_NOTIFICATIONS').then(permissionStatus => {
--- a/app/lib/notifications/videoConf/backgroundNotificationHandler.ts
+++ b/app/lib/notifications/videoConf/backgroundNotificationHandler.ts
@ -0,0 +1,122 @@
+import notifee, { AndroidCategory, AndroidImportance, AndroidVisibility, Event } from '@notifee/react-native';
+import messaging from '@react-native-firebase/messaging';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import ejson from 'ejson';
+
+import { deepLinkingClickCallPush } from '../../../actions/deepLinking';
+import i18n from '../../../i18n';
+import { BACKGROUND_PUSH_COLOR } from '../../constants';
+import { store } from '../../store/auxStore';
+
+const VIDEO_CONF_CHANNEL = 'video-conf-call';
+const VIDEO_CONF_TYPE = 'videoconf';
+
+interface Caller {
+	_id?: string;
+	name?: string;
+}
+
+interface NotificationData {
+	notificationType?: string;
+	status?: number;
+	rid?: string;
+	caller?: Caller;
+}
+
+const createChannel = () =>
+	notifee.createChannel({
+		id: VIDEO_CONF_CHANNEL,
+		name: 'Video Call',
+		lights: true,
+		vibration: true,
+		importance: AndroidImportance.HIGH,
+		sound: 'ringtone'
+	});
+
+const handleBackgroundEvent = async (event: Event) => {
+	const { pressAction, notification } = event.detail;
+	const notificationData = notification?.data;
+	if (
+		typeof notificationData?.caller === 'object' &&
+		(notificationData.caller as Caller)?._id &&
+		(event.type === 1 || event.type === 2)
+	) {
+		if (store?.getState()?.app.ready) {
+			store.dispatch(deepLinkingClickCallPush({ ...notificationData, event: pressAction?.id }));
+		} else {
+			AsyncStorage.setItem('pushNotification', JSON.stringify({ ...notificationData, event: pressAction?.id }));
+		}
+		await notifee.cancelNotification(
+			`${notificationData.rid}${(notificationData.caller as Caller)._id}`.replace(/[^A-Za-z0-9]/g, '')
+		);
+	}
+};
+
+const backgroundNotificationHandler = () => {
+	notifee.onBackgroundEvent(handleBackgroundEvent);
+};
+
+const displayVideoConferenceNotification = async (notification: NotificationData) => {
+	const id = `${notification.rid}${notification.caller?._id}`.replace(/[^A-Za-z0-9]/g, '');
+	const actions = [
+		{
+			title: i18n.t('accept'),
+			pressAction: {
+				id: 'accept',
+				launchActivity: 'default'
+			}
+		},
+		{
+			title: i18n.t('decline'),
+			pressAction: {
+				id: 'decline',
+				launchActivity: 'default'
+			}
+		}
+	];
+
+	await notifee.displayNotification({
+		id,
+		title: i18n.t('conference_call'),
+		body: `${i18n.t('Incoming_call_from')} ${notification.caller?.name}`,
+		data: notification as { [key: string]: string | number | object },
+		android: {
+			channelId: VIDEO_CONF_CHANNEL,
+			category: AndroidCategory.CALL,
+			visibility: AndroidVisibility.PUBLIC,
+			importance: AndroidImportance.HIGH,
+			smallIcon: 'ic_notification',
+			color: BACKGROUND_PUSH_COLOR,
+			actions,
+			lightUpScreen: true,
+			loopSound: true,
+			sound: 'ringtone',
+			autoCancel: false,
+			ongoing: true,
+			pressAction: {
+				id: 'default',
+				launchActivity: 'default'
+			}
+		}
+	});
+};
+
+const setBackgroundNotificationHandler = () => {
+	createChannel();
+	messaging().setBackgroundMessageHandler(async message => {
+		const notification: NotificationData = ejson.parse(message?.data?.ejson as string);
+		if (notification?.notificationType === VIDEO_CONF_TYPE) {
+			if (notification.status === 0) {
+				await displayVideoConferenceNotification(notification);
+			} else if (notification.status === 4) {
+				const id = `${notification.rid}${notification.caller?._id}`.replace(/[^A-Za-z0-9]/g, '');
+				await notifee.cancelNotification(id);
+			}
+		}
+
+		return null;
+	});
+};
+
+setBackgroundNotificationHandler();
+backgroundNotificationHandler();
--- a/app/lib/notifications/videoConf/getInitialNotification.ts
+++ b/app/lib/notifications/videoConf/getInitialNotification.ts
@ -0,0 +1,15 @@
+import { deepLinkingClickCallPush } from '../../../actions/deepLinking';
+import { isAndroid } from '../../methods/helpers';
+import { store } from '../../store/auxStore';
+
+export const getInitialNotification = async (): Promise<void> => {
+	if (isAndroid) {
+		const notifee = require('@notifee/react-native').default;
+		const initialNotification = await notifee.getInitialNotification();
+		if (initialNotification?.notification?.data?.notificationType === 'videoconf') {
+			store.dispatch(
+				deepLinkingClickCallPush({ ...initialNotification?.notification?.data, event: initialNotification?.pressAction?.id })
+			);
+		}
+	}
+};
--- a/app/lib/store/index.ts
+++ b/app/lib/store/index.ts
@ -25,7 +25,7 @@ if (__DEV__) {
 	);
 } else {
 	sagaMiddleware = createSagaMiddleware();
-	enhancers = compose(applyAppStateMiddleware(), applyMiddleware(sagaMiddleware));
+	enhancers = compose(applyAppStateMiddleware(), applyInternetStateMiddleware(), applyMiddleware(sagaMiddleware));
 }

 const store = createStore(reducers, enhancers);
--- a/app/sagas/deepLinking.js
+++ b/app/sagas/deepLinking.js
@ -1,20 +1,21 @@
-import { all, delay, put, select, take, takeLatest } from 'redux-saga/effects';
+import { all, call, delay, put, select, take, takeLatest } from 'redux-saga/effects';

-import UserPreferences from '../lib/methods/userPreferences';
 import * as types from '../actions/actionsTypes';
-import { selectServerRequest, serverInitAdd } from '../actions/server';
-import { inviteLinksRequest, inviteLinksSetToken } from '../actions/inviteLinks';
-import database from '../lib/database';
-import EventEmitter from '../lib/methods/helpers/events';
 import { appInit, appStart } from '../actions/app';
-import { localAuthenticate } from '../lib/methods/helpers/localAuthentication';
-import { goRoom } from '../lib/methods/helpers/goRoom';
-import { getUidDirectMessage } from '../lib/methods/helpers';
+import { inviteLinksRequest, inviteLinksSetToken } from '../actions/inviteLinks';
 import { loginRequest } from '../actions/login';
-import log from '../lib/methods/helpers/log';
+import { selectServerRequest, serverInitAdd } from '../actions/server';
 import { RootEnum } from '../definitions';
 import { CURRENT_SERVER, TOKEN_KEY } from '../lib/constants';
-import { callJitsi, callJitsiWithoutServer, canOpenRoom, getServerInfo } from '../lib/methods';
+import database from '../lib/database';
+import { canOpenRoom, getServerInfo } from '../lib/methods';
+import { getUidDirectMessage } from '../lib/methods/helpers';
+import EventEmitter from '../lib/methods/helpers/events';
+import { goRoom, navigateToRoom } from '../lib/methods/helpers/goRoom';
+import { localAuthenticate } from '../lib/methods/helpers/localAuthentication';
+import log from '../lib/methods/helpers/log';
+import UserPreferences from '../lib/methods/userPreferences';
+import { videoConfJoin } from '../lib/methods/videoConf';
 import { Services } from '../lib/services';

 const roomTypes = {
@ -59,9 +60,6 @@ const navigate = function* navigate({ params }) {
 				const jumpToMessageId = params.messageId;

 				yield goRoom({ item, isMasterDetail, jumpToMessageId, jumpToThreadId, popToRoot: true });
-				if (params.isCall) {
-					callJitsi(item);
-				}
 			}
 		} else {
 			yield handleInviteLink({ params });
@ -91,20 +89,6 @@ const handleOpen = function* handleOpen({ params }) {
 	const serversCollection = serversDB.get('servers');

 	let { host } = params;
-	if (params.isCall && !host) {
-		const servers = yield serversCollection.query().fetch();
-		// search from which server is that call
-		servers.forEach(({ uniqueID, id }) => {
-			if (params.path.includes(uniqueID)) {
-				host = id;
-			}
-		});
-
-		if (!host && params.fullURL) {
-			callJitsiWithoutServer(params.fullURL);
-			return;
-		}
-	}

 	if (params.type === 'oauth') {
 		yield handleOAuth({ params });
@ -185,7 +169,90 @@ const handleOpen = function* handleOpen({ params }) {
 	}
 };

+const handleNavigateCallRoom = function* handleNavigateCallRoom({ params }) {
+	yield put(appStart({ root: RootEnum.ROOT_INSIDE }));
+	const db = database.active;
+	const subsCollection = db.get('subscriptions');
+	const room = yield subsCollection.find(params.rid);
+	if (room) {
+		const isMasterDetail = yield select(state => state.app.isMasterDetail);
+		yield navigateToRoom({ item: room, isMasterDetail, popToRoot: true });
+		const uid = params.caller._id;
+		const { rid, callId, event } = params;
+		if (event === 'accept') {
+			yield call(Services.notifyUser, `${uid}/video-conference`, {
+				action: 'accepted',
+				params: { uid, rid, callId }
+			});
+			yield videoConfJoin(callId, true, false, true);
+		} else if (event === 'decline') {
+			yield call(Services.notifyUser, `${uid}/video-conference`, {
+				action: 'rejected',
+				params: { uid, rid, callId }
+			});
+		}
+	}
+};
+
+const handleClickCallPush = function* handleOpen({ params }) {
+	const serversDB = database.servers;
+	const serversCollection = serversDB.get('servers');
+
+	let { host } = params;
+
+	if (host.slice(-1) === '/') {
+		host = host.slice(0, host.length - 1);
+	}
+
+	const [server, user] = yield all([
+		UserPreferences.getString(CURRENT_SERVER),
+		UserPreferences.getString(`${TOKEN_KEY}-${host}`)
+	]);
+
+	if (server === host && user) {
+		const connected = yield select(state => state.server.connected);
+		if (!connected) {
+			yield localAuthenticate(host);
+			yield put(selectServerRequest(host));
+			yield take(types.LOGIN.SUCCESS);
+		}
+		yield handleNavigateCallRoom({ params });
+	} else {
+		// search if deep link's server already exists
+		try {
+			const hostServerRecord = yield serversCollection.find(host);
+			if (hostServerRecord && user) {
+				yield localAuthenticate(host);
+				yield put(selectServerRequest(host, hostServerRecord.version, true, true));
+				yield take(types.LOGIN.SUCCESS);
+				yield handleNavigateCallRoom({ params });
+				return;
+			}
+		} catch (e) {
+			// do nothing?
+		}
+		// if deep link is from a different server
+		const result = yield Services.getServerInfo(host);
+		if (!result.success) {
+			// Fallback to prevent the app from being stuck on splash screen
+			yield fallbackNavigation();
+			return;
+		}
+		yield put(appStart({ root: RootEnum.ROOT_OUTSIDE }));
+		yield put(serverInitAdd(server));
+		yield delay(1000);
+		EventEmitter.emit('NewServer', { server: host });
+		if (params.token) {
+			yield take(types.SERVER.SELECT_SUCCESS);
+			yield put(loginRequest({ resume: params.token }, true));
+			yield take(types.LOGIN.SUCCESS);
+			yield handleNavigateCallRoom({ params });
+		}
+	}
+};
+
 const root = function* root() {
 	yield takeLatest(types.DEEP_LINKING.OPEN, handleOpen);
+	yield takeLatest(types.DEEP_LINKING.OPEN_VIDEO_CONF, handleClickCallPush);
 };
 export default root;
--- a/app/sagas/init.js
+++ b/app/sagas/init.js
@ -1,5 +1,6 @@
-import { put, takeLatest } from 'redux-saga/effects';
+import { call, put, takeLatest } from 'redux-saga/effects';
 import RNBootSplash from 'react-native-bootsplash';
+import AsyncStorage from '@react-native-async-storage/async-storage';

 import { BIOMETRY_ENABLED_KEY, CURRENT_SERVER, TOKEN_KEY } from '../lib/constants';
 import UserPreferences from '../lib/methods/userPreferences';
@ -12,6 +13,7 @@ import { localAuthenticate } from '../lib/methods/helpers/localAuthentication';
 import { appReady, appStart } from '../actions/app';
 import { RootEnum } from '../definitions';
 import { getSortPreferences } from '../lib/methods';
+import { deepLinkingClickCallPush } from '../actions/deepLinking';

 export const initLocalSettings = function* initLocalSettings() {
 	const sortPreferences = getSortPreferences();
@ -70,6 +72,11 @@ const restore = function* restore() {
 		}

 		yield put(appReady({}));
+		const pushNotification = yield call(AsyncStorage.getItem, 'pushNotification');
+		if (pushNotification) {
+			const pushNotification = yield call(AsyncStorage.removeItem, 'pushNotification');
+			yield call(deepLinkingClickCallPush, JSON.parse(pushNotification));
+		}
 	} catch (e) {
 		log(e);
 		yield put(appStart({ root: RootEnum.ROOT_OUTSIDE }));
--- a/app/views/MessagesView/index.tsx
+++ b/app/views/MessagesView/index.tsx
@ -34,6 +34,7 @@ import {
 } from '../../definitions';
 import { Services } from '../../lib/services';
 import { TNavigation } from '../../stacks/stackType';
+import audioPlayer from '../../lib/methods/audioPlayer';

 interface IMessagesViewProps {
 	user: {
@ -100,6 +101,10 @@ class MessagesView extends React.Component<IMessagesViewProps, IMessagesViewStat
 		this.load();
 	}

+	componentWillUnmount(): void {
+		audioPlayer.pauseCurrentAudio();
+	}
+
 	shouldComponentUpdate(nextProps: IMessagesViewProps, nextState: IMessagesViewState) {
 		const { loading, messages, fileLoading } = this.state;
 		const { theme } = this.props;
--- a/app/views/RoomMembersView/helpers.ts
+++ b/app/views/RoomMembersView/helpers.ts
@ -37,7 +37,7 @@ export const fetchRoomMembersRoles = async (roomType: TRoomType, rid: string, up

 export const handleMute = async (user: TUserModel, rid: string) => {
 	try {
-		await Services.toggleMuteUserInRoom(rid, user?.username, !user?.muted);
+		await Services.toggleMuteUserInRoom(rid, user?.username, !user.muted);
 		EventEmitter.emit(LISTENER, {
 			message: I18n.t('User_has_been_key', { key: user?.muted ? I18n.t('unmuted') : I18n.t('muted') })
 		});
--- a/app/views/RoomMembersView/index.tsx
+++ b/app/views/RoomMembersView/index.tsx
@ -1,10 +1,11 @@
 import { NavigationProp, RouteProp, useNavigation, useRoute } from '@react-navigation/native';
 import React, { useEffect, useReducer } from 'react';
 import { FlatList, Text, View } from 'react-native';
+import { shallowEqual } from 'react-redux';

 import { TActionSheetOptionsItem, useActionSheet } from '../../containers/ActionSheet';
 import ActivityIndicator from '../../containers/ActivityIndicator';
-import { CustomIcon } from '../../containers/CustomIcon';
+import { CustomIcon, TIconsName } from '../../containers/CustomIcon';
 import * as HeaderButton from '../../containers/HeaderButton';
 import * as List from '../../containers/List';
 import { RadioButton } from '../../containers/RadioButton';
@ -15,7 +16,7 @@ import UserItem from '../../containers/UserItem';
 import { TSubscriptionModel, TUserModel } from '../../definitions';
 import I18n from '../../i18n';
 import { useAppSelector, usePermissions } from '../../lib/hooks';
-import { getRoomTitle, isGroupChat } from '../../lib/methods/helpers';
+import { compareServerVersion, getRoomTitle, isGroupChat } from '../../lib/methods/helpers';
 import { handleIgnore } from '../../lib/methods/helpers/handleIgnore';
 import { showConfirmationAlert } from '../../lib/methods/helpers/info';
 import log from '../../lib/methods/helpers/log';
@ -73,10 +74,15 @@ const RoomMembersView = (): React.ReactElement => {
 	const { params } = useRoute<RouteProp<ModalStackParamList, 'RoomMembersView'>>();
 	const navigation = useNavigation<NavigationProp<ModalStackParamList, 'RoomMembersView'>>();

-	const isMasterDetail = useAppSelector(state => state.app.isMasterDetail);
-
-	const useRealName = useAppSelector(state => state.settings.UI_Use_Real_Name);
-	const user = useAppSelector(state => getUserSelector(state));
+	const { isMasterDetail, serverVersion, useRealName, user } = useAppSelector(
+		state => ({
+			isMasterDetail: state.app.isMasterDetail,
+			useRealName: state.settings.UI_Use_Real_Name,
+			user: getUserSelector(state),
+			serverVersion: state.server.version
+		}),
+		shallowEqual
+	);

 	const [state, updateState] = useReducer(
 		(state: IRoomMembersViewState, newState: Partial<IRoomMembersViewState>) => ({ ...state, ...newState }),
@ -200,38 +206,6 @@ const RoomMembersView = (): React.ReactElement => {
 			}
 		];

-		// Ignore
-		if (selectedUser._id !== user.id) {
-			const { ignored } = room;
-			const isIgnored = ignored?.includes?.(selectedUser._id);
-			options.push({
-				icon: 'ignore',
-				title: I18n.t(isIgnored ? 'Unignore' : 'Ignore'),
-				onPress: () => handleIgnore(selectedUser._id, !isIgnored, room.rid),
-				testID: 'action-sheet-ignore-user'
-			});
-		}
-
-		if (muteUserPermission) {
-			const { muted = [] } = room;
-			const userIsMuted = muted.find?.(m => m === selectedUser.username);
-			selectedUser.muted = !!userIsMuted;
-			options.push({
-				icon: userIsMuted ? 'audio' : 'audio-disabled',
-				title: I18n.t(userIsMuted ? 'Unmute' : 'Mute'),
-				onPress: () => {
-					showConfirmationAlert({
-						message: I18n.t(`The_user_${userIsMuted ? 'will' : 'wont'}_be_able_to_type_in_roomName`, {
-							roomName: getRoomTitle(room)
-						}),
-						confirmationText: I18n.t(userIsMuted ? 'Unmute' : 'Mute'),
-						onPress: () => handleMute(selectedUser, room.rid)
-					});
-				},
-				testID: 'action-sheet-mute-user'
-			});
-		}
-
 		// Owner
 		if (setOwnerPermission) {
 			const isOwner = fetchRole('owner', selectedUser, roomRoles);
@ -277,6 +251,47 @@ const RoomMembersView = (): React.ReactElement => {
 			});
 		}

+		if (muteUserPermission) {
+			const { muted = [], ro: readOnly, unmuted = [] } = room;
+			let userIsMuted = !!muted.find?.(m => m === selectedUser.username);
+			let icon: TIconsName = userIsMuted ? 'audio' : 'audio-disabled';
+			let title = I18n.t(userIsMuted ? 'Unmute' : 'Mute');
+			if (compareServerVersion(serverVersion, 'greaterThanOrEqualTo', '6.4.0')) {
+				if (readOnly) {
+					userIsMuted = !unmuted?.find?.(m => m === selectedUser.username);
+				}
+				icon = userIsMuted ? 'message' : 'message-disabled';
+				title = I18n.t(userIsMuted ? 'Enable_writing_in_room' : 'Disable_writing_in_room');
+			}
+			selectedUser.muted = !!userIsMuted;
+			options.push({
+				icon,
+				title,
+				onPress: () => {
+					showConfirmationAlert({
+						message: I18n.t(`The_user_${userIsMuted ? 'will' : 'wont'}_be_able_to_type_in_roomName`, {
+							roomName: getRoomTitle(room)
+						}),
+						confirmationText: title,
+						onPress: () => handleMute(selectedUser, room.rid)
+					});
+				},
+				testID: 'action-sheet-mute-user'
+			});
+		}
+
+		// Ignore
+		if (selectedUser._id !== user.id) {
+			const { ignored } = room;
+			const isIgnored = ignored?.includes?.(selectedUser._id);
+			options.push({
+				icon: 'ignore',
+				title: I18n.t(isIgnored ? 'Unignore' : 'Ignore'),
+				onPress: () => handleIgnore(selectedUser._id, !isIgnored, room.rid),
+				testID: 'action-sheet-ignore-user'
+			});
+		}
+
 		// Remove from team
 		if (editTeamMemberPermission) {
 			options.push({
--- a/app/views/RoomView/index.tsx
+++ b/app/views/RoomView/index.tsx
@ -92,7 +92,9 @@ import {
 import { Services } from '../../lib/services';
 import { withActionSheet, IActionSheetProvider } from '../../containers/ActionSheet';
 import { goRoom, TGoRoomItem } from '../../lib/methods/helpers/goRoom';
+import audioPlayer from '../../lib/methods/audioPlayer';
 import { IListContainerRef, TListRef } from './List/definitions';
+import { getThreadById } from '../../lib/database/services/Thread';

 type TStateAttrsUpdate = keyof IRoomViewState;

@ -140,7 +142,8 @@ const roomAttrsUpdate = [
 	'onHold',
 	't',
 	'autoTranslate',
-	'autoTranslateLanguage'
+	'autoTranslateLanguage',
+	'unmuted'
 ] as TRoomUpdate[];

 interface IRoomViewProps extends IActionSheetProvider, IBaseScreen<ChatsStackParamList, 'RoomView'> {
@ -226,6 +229,7 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 		cancel: () => void;
 	};
 	private sub?: RoomClass;
+	private unsubscribeBlur?: () => void;

 	constructor(props: IRoomViewProps) {
 		super(props);
@ -303,6 +307,7 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 	}

 	componentDidMount() {
+		const { navigation } = this.props;
 		this.mounted = true;
 		this.didMountInteraction = InteractionManager.runAfterInteractions(() => {
 			const { isAuthenticated } = this.props;
@ -329,6 +334,10 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 			}
 		});
 		EventEmitter.addEventListener('ROOM_REMOVED', this.handleRoomRemoved);
+		// TODO: Refactor when audio becomes global
+		this.unsubscribeBlur = navigation.addListener('blur', () => {
+			audioPlayer.pauseCurrentAudio();
+		});
 	}

 	shouldComponentUpdate(nextProps: IRoomViewProps, nextState: IRoomViewState) {
@ -445,8 +454,15 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 		if (this.retryInitTimeout) {
 			clearTimeout(this.retryInitTimeout);
 		}
+		if (this.unsubscribeBlur) {
+			this.unsubscribeBlur();
+		}
 		EventEmitter.removeListener('connected', this.handleConnected);
 		EventEmitter.removeListener('ROOM_REMOVED', this.handleRoomRemoved);
+		if (!this.tmid) {
+			// TODO: Refactor when audio becomes global
+			await audioPlayer.unloadRoomAudios(this.rid);
+		}
 	}

 	canForwardGuest = async () => {
@ -956,7 +972,7 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 		return true;
 	};

-	jumpToMessageByUrl = async (messageUrl?: string) => {
+	jumpToMessageByUrl = async (messageUrl?: string, isFromReply?: boolean) => {
 		if (!messageUrl) {
 			return;
 		}
@ -964,14 +980,14 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 			const parsedUrl = parse(messageUrl, true);
 			const messageId = parsedUrl.query.msg;
 			if (messageId) {
-				await this.jumpToMessage(messageId);
+				await this.jumpToMessage(messageId, isFromReply);
 			}
 		} catch (e) {
 			log(e);
 		}
 	};

-	jumpToMessage = async (messageId: string) => {
+	jumpToMessage = async (messageId: string, isFromReply?: boolean) => {
 		try {
 			sendLoadingEvent({ visible: true, onCancel: this.cancelJumpToMessage });
 			const message = await RoomServices.getMessageInfo(messageId);
@ -1003,8 +1019,12 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 				await Promise.race([this.list.current?.jumpToMessage(message.id), new Promise(res => setTimeout(res, 5000))]);
 				this.cancelJumpToMessage();
 			}
-		} catch (e) {
-			log(e);
+		} catch (error: any) {
+			if (isFromReply && error.data?.errorType === 'error-not-allowed') {
+				showErrorAlert(I18n.t('The_room_does_not_exist'), I18n.t('Room_not_found'));
+			} else {
+				log(error);
+			}
 			this.cancelJumpToMessage();
 		}
 	};
@ -1113,6 +1133,15 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 		return getThreadName(rid, tmid, messageId);
 	};

+	fetchThreadName = async (tmid: string, messageId: string) => {
+		const { rid } = this.state.room;
+		const threadRecord = await getThreadById(tmid);
+		if (threadRecord?.t === 'rm') {
+			return I18n.t('Message_removed');
+		}
+		return getThreadName(rid, tmid, messageId);
+	};
+
 	toggleFollowThread = async (isFollowingThread: boolean, tmid?: string) => {
 		try {
 			const threadMessageId = tmid ?? this.tmid;
@ -1162,6 +1191,10 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 				jumpToMessageId = item.id;
 			}
 			sendLoadingEvent({ visible: true, onCancel: this.cancelJumpToMessage });
+			const threadRecord = await getThreadById(item.tmid);
+			if (threadRecord?.t === 'rm') {
+				name = I18n.t('Thread');
+			}
 			if (!name) {
 				const result = await this.getThreadName(item.tmid, jumpToMessageId);
 				// test if there isn't a thread
@ -1320,7 +1353,7 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 					isThreadRoom={!!this.tmid}
 					isIgnored={this.isIgnored(item)}
 					previousItem={previousItem}
-					fetchThreadName={this.getThreadName}
+					fetchThreadName={this.fetchThreadName}
 					onReactionPress={this.onReactionPress}
 					onReactionLongPress={this.onReactionLongPress}
 					onLongPress={this.onMessageLongPress}
@ -1476,6 +1509,7 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 					replyInit={this.onReplyInit}
 					reactionInit={this.onReactionInit}
 					onReactionPress={this.onReactionPress}
+					jumpToMessage={this.jumpToMessageByUrl}
 					isReadOnly={readOnly}
 				/>
 				<MessageErrorActions ref={ref => (this.messageErrorActions = ref)} tmid={this.tmid} />
--- a/app/views/ShareListView/index.tsx
+++ b/app/views/ShareListView/index.tsx
@ -1,6 +1,6 @@
 import React from 'react';
 import { StackNavigationProp } from '@react-navigation/stack';
-import { BackHandler, FlatList, Keyboard, PermissionsAndroid, ScrollView, Text, View, Rationale } from 'react-native';
+import { BackHandler, FlatList, Keyboard, ScrollView, Text, View } from 'react-native';
 import ShareExtension from 'rn-extensions-share';
 import * as FileSystem from 'expo-file-system';
 import { connect } from 'react-redux';
@ -24,7 +24,7 @@ import styles from './styles';
 import ShareListHeader from './Header';
 import { TServerModel, TSubscriptionModel } from '../../definitions';
 import { ShareInsideStackParamList } from '../../definitions/navigationTypes';
-import { getRoomAvatar, isAndroid, isIOS } from '../../lib/methods/helpers';
+import { getRoomAvatar, isAndroid, isIOS, askAndroidMediaPermissions } from '../../lib/methods/helpers';

 interface IDataFromShare {
 	value: string;
@ -63,12 +63,6 @@ interface IShareListViewProps extends INavigationOption {
 	theme: TSupportedThemes;
 }

-const permission: Rationale = {
-	title: I18n.t('Read_External_Permission'),
-	message: I18n.t('Read_External_Permission_Message'),
-	buttonPositive: 'Ok'
-};
-
 const getItemLayout = (data: any, index: number) => ({ length: data.length, offset: ROW_HEIGHT * index, index });
 const keyExtractor = (item: TSubscriptionModel) => item.rid;

@ -282,8 +276,8 @@ class ShareListView extends React.Component<IShareListViewProps, IState> {
 	askForPermission = async (data: IDataFromShare[]) => {
 		const mediaIndex = data.findIndex(item => item.type === 'media');
 		if (mediaIndex !== -1) {
-			const result = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE, permission);
-			if (result !== PermissionsAndroid.RESULTS.GRANTED) {
+			const result = await askAndroidMediaPermissions();
+			if (!result) {
 				this.setState({ needsPermission: true });
 				return Promise.reject();
 			}
@ -441,8 +435,10 @@ class ShareListView extends React.Component<IShareListViewProps, IState> {
 						style={{ backgroundColor: themes[theme].backgroundColor }}
 						contentContainerStyle={[styles.container, styles.centered, { backgroundColor: themes[theme].backgroundColor }]}
 					>
-						<Text style={[styles.permissionTitle, { color: themes[theme].titleText }]}>{permission.title}</Text>
-						<Text style={[styles.permissionMessage, { color: themes[theme].bodyText }]}>{permission.message}</Text>
+						<Text style={[styles.permissionTitle, { color: themes[theme].titleText }]}>{I18n.t('Read_External_Permission')}</Text>
+						<Text style={[styles.permissionMessage, { color: themes[theme].bodyText }]}>
+							{I18n.t('Read_External_Permission_Message')}
+						</Text>
 					</ScrollView>
 				</SafeAreaView>
 			);
--- a/e2e/helpers/app.ts
+++ b/e2e/helpers/app.ts
@ -165,6 +165,13 @@ async function tryTapping(
 	}
 }

+async function jumpToQuotedMessage(theElement: Detox.IndexableNativeElement | Detox.NativeElement): Promise<void> {
+	const deviceType = device.getPlatform();
+	const { textMatcher } = platformTypes[deviceType];
+	await tryTapping(theElement, 2000, true);
+	await element(by[textMatcher]('Jump to message')).atIndex(0).tap();
+}
+
 async function tapAndWaitFor(
 	elementToTap: Detox.IndexableNativeElement | Detox.NativeElement,
 	elementToWaitFor: Detox.IndexableNativeElement | Detox.NativeElement,
@ -255,5 +262,6 @@ export {
 	checkRoomTitle,
 	checkServer,
 	platformTypes,
-	expectValidRegisterOrRetry
+	expectValidRegisterOrRetry,
+	jumpToQuotedMessage
 };
--- a/e2e/tests/assorted/02-broadcast.spec.ts
+++ b/e2e/tests/assorted/02-broadcast.spec.ts
@ -11,7 +11,8 @@ import {
 	TTextMatcher,
 	sleep,
 	checkRoomTitle,
-	mockMessage
+	mockMessage,
+	jumpToQuotedMessage
 } from '../../helpers/app';
 import { createRandomUser, ITestUser } from '../../helpers/data_setup';
 import random from '../../helpers/random';
@ -144,7 +145,7 @@ describe('Broadcast room', () => {
 		await waitFor(element(by[textMatcher](message)))
 			.toExist()
 			.withTimeout(10000);
-		await element(by[textMatcher](message)).tap();
+		await jumpToQuotedMessage(element(by[textMatcher](message)));
 		await sleep(300); // wait for animation
 		await checkRoomTitle(room);
 	});
--- a/e2e/tests/room/09-jumptomessage.spec.ts
+++ b/e2e/tests/room/09-jumptomessage.spec.ts
@ -1,7 +1,16 @@
 import { device, waitFor, element, by, expect } from 'detox';

 import data from '../../data';
-import { navigateToLogin, tapBack, login, sleep, platformTypes, TTextMatcher, navigateToRoom } from '../../helpers/app';
+import {
+	navigateToLogin,
+	tapBack,
+	login,
+	sleep,
+	platformTypes,
+	TTextMatcher,
+	navigateToRoom,
+	jumpToQuotedMessage
+} from '../../helpers/app';

 let textMatcher: TTextMatcher;
 let alertButtonType: string;
@ -74,7 +83,7 @@ describe('Room', () => {
 			.toExist()
 			.withTimeout(5000);
 		await sleep(2000);
-		await element(by[textMatcher]('1')).atIndex(0).tap();
+		await jumpToQuotedMessage(element(by[textMatcher]('1')).atIndex(0));
 		await waitForLoading();
 		await waitFor(element(by[textMatcher]('1')).atIndex(0))
 			.toExist()
@ -230,7 +239,7 @@ describe('Threads', () => {
 		await waitFor(element(by[textMatcher]("Go to jumping-thread's thread")).atIndex(0))
 			.toExist()
 			.withTimeout(5000);
-		await element(by[textMatcher]("Go to jumping-thread's thread")).atIndex(0).tap();
+		await jumpToQuotedMessage(element(by[textMatcher]("Go to jumping-thread's thread")).atIndex(0));
 		await expectThreadMessages("Go to jumping-thread's thread");
 		await tapBack();
 	});
@ -260,7 +269,7 @@ describe('Threads', () => {
 		await waitFor(element(by[textMatcher]('quoted')))
 			.toExist()
 			.withTimeout(5000);
-		await element(by[textMatcher]('quoted')).atIndex(0).tap();
+		await jumpToQuotedMessage(element(by[textMatcher]('quoted')).atIndex(0));
 		await expectThreadMessages('quoted');
 		await tapBack();
 	});
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`export type TAudioState = 'loading' \| 'paused' \| 'to-download' \| 'playing';`