chore: Merge 4.43.0 into single server (#5354)

__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()]));

android/app/build.gradle

@@ -147,7 +147,7 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode VERSIONCODE as Integer
-        versionName "4.42.2"
+        versionName "4.43.0"
         vectorDrawables.useSupportLibrary = true
         if (!isFoss) {
             manifestPlaceholders = [BugsnagAPIKey: BugsnagAPIKey as String]

android/app/src/main/AndroidManifest.xml

@@ -17,6 +17,11 @@
     <!-- android 13 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"
         android:allowBackup="false"

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;

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;

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;

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;

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;

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;

app/containers/AudioPlayer/types.ts

@@ -0,0 +1 @@
+export type TAudioState = 'loading' | 'paused' | 'to-download' | 'playing';

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,

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;

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') {

app/containers/markdown/Hashtag.tsx

@@ -1,13 +1,17 @@
 import React from 'react';
 import { StyleProp, Text, TextStyle } from 'react-native';
 
+import i18n from '../../i18n';
 import { themes } from '../../lib/constants';
-import { useTheme } from '../../theme';
-import { IUserChannel } from './interfaces';
-import styles from './styles';
 import { getSubscriptionByRoomId } from '../../lib/database/services/Subscription';
 import { useAppSelector } from '../../lib/hooks';
+import { showErrorAlert } from '../../lib/methods/helpers';
 import { goRoom } from '../../lib/methods/helpers/goRoom';
+import { Services } from '../../lib/services';
+import { useTheme } from '../../theme';
+import { sendLoadingEvent } from '../Loading';
+import { IUserChannel } from './interfaces';
+import styles from './styles';
 
 interface IHashtag {
 	hashtag: string;
@@ -30,8 +34,16 @@ const Hashtag = React.memo(({ hashtag, channels, navToRoomInfo, style = [] }: IH
 			const room = navParam.rid && (await getSubscriptionByRoomId(navParam.rid));
 			if (room) {
 				goRoom({ item: room, isMasterDetail });
-			} else {
-				navToRoomInfo(navParam);
+			} else if (navParam.rid) {
+				sendLoadingEvent({ visible: true });
+				try {
+					await Services.getRoomInfo(navParam.rid);
+					sendLoadingEvent({ visible: false });
+					navToRoomInfo(navParam);
+				} catch (error) {
+					sendLoadingEvent({ visible: false });
+					showErrorAlert(i18n.t('The_room_does_not_exist'), i18n.t('Room_not_found'));
+				}
 			}
 		}
 	};

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

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();

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

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

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

app/containers/message/Audio.tsx

@@ -1,218 +1,36 @@
-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 } 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 mode = {
-	allowsRecordingIOS: false,
-	playsInSilentModeIOS: true,
-	staysActiveInBackground: true,
-	shouldDuckAndroid: true,
-	playThroughEarpieceAndroid: false,
-	interruptionModeIOS: InterruptionModeIOS.DoNotMix,
-	interruptionModeAndroid: InterruptionModeAndroid.DoNotMix
-};
+	const { baseUrl, user, id, rid } = useContext(MessageContext);
 
-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 { cdnPrefix } = useAppSelector(state => ({
+		cdnPrefix: state.settings.CDN_PREFIX as string
+	}));
 
-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 +38,84 @@ 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 = () => {
+		if (downloadState === 'to-download') {
+			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) => {
-		try {
-			await this.sound.setPositionAsync(value * 1000);
-		} catch {
-			// Do nothing
-		}
-	};
+	useEffect(() => {
+		const handleCache = async () => {
+			const cachedAudioResult = await getMediaCache({
+				type: 'audio',
+				mimeType: file.audio_type,
+				urlToCache: getUrl()
+			});
+			if (cachedAudioResult?.exists) {
+				setFileUri(cachedAudioResult.uri);
+				setDownloadState('downloaded');
+				return;
+			}
+			if (isReply) {
+				setDownloadState('to-download');
+				return;
+			}
+			await handleAutoDownload();
+		};
+		handleCache();
+	}, []);
 
-	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;
-
-		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}
+				disabled={isReply}
+				onPlayButtonPress={onPlayButtonPress}
+				rid={rid}
+			/>
+		</>
+	);
+};
 
-const mapStateToProps = (state: IApplicationState) => ({
-	cdnPrefix: state.settings.CDN_PREFIX as string
-});
-
-export default connect(mapStateToProps)(withDimensions(MessageAudio));
+export default MessageAudio;

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>

app/containers/message/MessageAvatar.tsx

@@ -9,17 +9,19 @@ import { SubscriptionType } from '../../definitions';
 const MessageAvatar = React.memo(({ isHeader, avatar, author, small, navToRoomInfo, emoji, getCustomEmoji }: IMessageAvatar) => {
 	const { user } = useContext(MessageContext);
 	if (isHeader && author) {
-		const navParam = {
-			t: SubscriptionType.DIRECT,
-			rid: author._id
-		};
+		const onPress = () =>
+			navToRoomInfo({
+				t: SubscriptionType.DIRECT,
+				rid: author._id,
+				itsMe: author._id === user.id
+			});
 		return (
 			<Avatar
 				style={small ? styles.avatarSmall : styles.avatar}
 				text={avatar ? '' : author.username}
 				size={small ? 20 : 36}
 				borderRadius={4}
-				onPress={author._id === user.id ? undefined : () => navToRoomInfo(navParam)}
+				onPress={onPress}
 				getCustomEmoji={getCustomEmoji}
 				avatar={avatar}
 				emoji={emoji}

app/containers/message/User.tsx

@@ -1,16 +1,15 @@
+import moment from 'moment';
 import React, { useContext } from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import moment from 'moment';
 
-import { themes } from '../../lib/constants';
-import { useTheme } from '../../theme';
-import sharedStyles from '../../views/Styles';
-import messageStyles from './styles';
-import MessageContext from './Context';
-import { messageHaveAuthorName } from './utils';
 import { MessageType, MessageTypesValues, SubscriptionType } from '../../definitions';
+import { useTheme } from '../../theme';
 import { IRoomInfoParam } from '../../views/SearchMessagesView';
+import sharedStyles from '../../views/Styles';
 import RightIcons from './Components/RightIcons';
+import MessageContext from './Context';
+import messageStyles from './styles';
+import { messageHaveAuthorName } from './utils';
 
 const styles = StyleSheet.create({
 	container: {
@@ -66,21 +65,21 @@ interface IMessageUser {
 const User = React.memo(
 	({ isHeader, useRealName, author, alias, ts, timeFormat, hasError, navToRoomInfo, type, isEdited, ...props }: IMessageUser) => {
 		const { user } = useContext(MessageContext);
-		const { theme } = useTheme();
+		const { colors } = useTheme();
 
 		if (isHeader) {
 			const username = (useRealName && author?.name) || author?.username;
-			const aliasUsername = alias ? (
-				<Text style={[styles.alias, { color: themes[theme].auxiliaryText }]}> @{username}</Text>
-			) : null;
+			const aliasUsername = alias ? <Text style={[styles.alias, { color: colors.auxiliaryText }]}> @{username}</Text> : null;
 			const time = moment(ts).format(timeFormat);
+			const itsMe = author?._id === user.id;
+
 			const onUserPress = () => {
 				navToRoomInfo?.({
 					t: SubscriptionType.DIRECT,
-					rid: author?._id || ''
+					rid: author?._id || '',
+					itsMe
 				});
 			};
-			const isDisabled = author?._id === user.id;
 
 			const textContent = (
 				<>
@@ -88,14 +87,10 @@ const User = React.memo(
 					{aliasUsername}
 				</>
 			);
+
 			if (messageHaveAuthorName(type as MessageTypesValues)) {
 				return (
-					<Text
-						style={[styles.usernameInfoMessage, { color: themes[theme].titleText }]}
-						onPress={onUserPress}
-						// @ts-ignore // TODO - check this prop
-						disabled={isDisabled}
-					>
+					<Text style={[styles.usernameInfoMessage, { color: colors.titleText }]} onPress={onUserPress}>
 						{textContent}
 					</Text>
 				);
@@ -103,11 +98,11 @@ const User = React.memo(
 
 			return (
 				<View style={styles.container}>
-					<TouchableOpacity style={styles.titleContainer} onPress={onUserPress} disabled={isDisabled}>
-						<Text style={[styles.username, { color: themes[theme].titleText }]} numberOfLines={1}>
+					<TouchableOpacity style={styles.titleContainer} onPress={onUserPress}>
+						<Text style={[styles.username, { color: colors.titleText }]} numberOfLines={1}>
 							{textContent}
 						</Text>
-						<Text style={[messageStyles.time, { color: themes[theme].auxiliaryText }]}>{time}</Text>
+						<Text style={[messageStyles.time, { color: colors.auxiliaryText }]}>{time}</Text>
 					</TouchableOpacity>
 					<RightIcons
 						type={type}

app/containers/message/constants.ts

@@ -1,3 +1,2 @@
 export const DISCUSSION = 'discussion';
 export const THREAD = 'thread';
-export const PAUSE_AUDIO = 'pause_audio';

app/containers/message/index.tsx

@@ -403,6 +403,8 @@ class MessageContainer extends React.Component<IMessageContainerProps, IMessageC
 		return (
 			<MessageContext.Provider
 				value={{
+					id,
+					rid,
 					user,
 					baseUrl,
 					onPress: this.onPressAction,

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':

app/definitions/IRoom.ts

@@ -39,6 +39,7 @@ export interface IRoom {
 	default?: boolean;
 	featured?: boolean;
 	muted?: string[];
+	unmuted?: string[];
 	teamId?: string;
 	ignored?: string;
 

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;
@@ -111,9 +112,10 @@ export interface ISubscription {
 	uploads: RelationModified<TUploadModel>;
 }
 
-export type TSubscriptionModel = ISubscription & Model & {
-	asPlain: () => ISubscription;
-};
+export type TSubscriptionModel = ISubscription &
+	Model & {
+		asPlain: () => ISubscription;
+	};
 export type TSubscription = TSubscriptionModel | ISubscription;
 
 // https://github.com/RocketChat/Rocket.Chat/blob/a88a96fcadd925b678ff27ada37075e029f78b5e/definition/ISubscription.ts#L8

app/i18n/locales/ar.json

@@ -204,7 +204,6 @@
   "Members": "أفراد",
   "Mentions": "الإشارات",
   "Message_actions": "إجراءات الرسالة",
-  "Message_pinned": "الرسالة مثبتة",
   "Message_removed": "الرسالة حذفت",
   "Message_starred": "الرسالة مميزة",
   "Message_unstarred": "الرسالة غير مميزة",

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",

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",
@@ -750,7 +749,14 @@
   "Continue": "Continue",
   "Message_has_been_shared": "Message has been shared",
   "No_channels_in_team": "No Channels on this team",
+  "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:"
 }

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",

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",

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",

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",

app/i18n/locales/ja.json

@@ -206,7 +206,6 @@
   "Members": "メンバー",
   "Mentions": "メンション",
   "Message_actions": "メッセージアクション",
-  "Message_pinned": "メッセージをピン留め",
   "Message_removed": "メッセージを除く",
   "message": "メッセージ",
   "messages": "メッセージ",

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",

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",
@@ -736,8 +747,15 @@
   "decline": "Recusar",
   "accept": "Aceitar",
   "Incoming_call_from": "Chamada recebida de",
+  "Call_started": "Chamada Iniciada",
+  "Room_not_found": "Sala não encontrada",
+  "The_room_does_not_exist": "A sala não existe ou você pode não ter permissão de acesso",
   "Call_started": "Chamada iniciada",
   "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"
 }

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:"
 }

app/i18n/locales/ru.json

@@ -219,7 +219,6 @@
   "Members": "Пользователи",
   "Mentions": "Упоминания",
   "Message_actions": "Действия с сообщением",
-  "Message_pinned": "Сообщение прикреплено",
   "Message_removed": "Сообщение удалено",
   "Message_starred": "Сообщение отмечено звездой",
   "Message_unstarred": "Отметка сообщения звездой удалена",

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",

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",

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ı",

app/i18n/locales/zh-CN.json

@@ -198,7 +198,6 @@
   "Members": "成员",
   "Mentions": "被提及",
   "Message_actions": "信息操作",
-  "Message_pinned": "信息被钉选",
   "Message_removed": "信息被删除",
   "Message_starred": "信息被标注",
   "Message_unstarred": "信息被取消标注",

app/i18n/locales/zh-TW.json

@@ -204,7 +204,6 @@
   "Members": "成員",
   "Mentions": "被提及",
   "Message_actions": "訊息操作",
-  "Message_pinned": "訊息被釘選",
   "Message_removed": "訊息被刪除",
   "Message_starred": "訊息被標註",
   "Message_unstarred": "訊息被取消標註",

app/lib/constants/colors.ts

@@ -102,6 +102,14 @@ export const colors = {
 		statusBackgroundWarning: '#FFECAD',
 		statusFontOnWarning: '#B88D00',
 		overlayColor: '#1F2329B2',
+		buttonBackgroundPrimaryDefault: '#156FF5',
+		buttonBackgroundSecondaryDefault: '#E4E7EA',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#1F2329',
+		fontDefault: '#2F343D',
+		strokeExtraLight: '#EBECEF',
+		strokeLight: '#CBCED1',
+		surfaceTint: '#F7F8FA',
 		...mentions,
 		...callButtons
 	},
@@ -181,6 +189,14 @@ export const colors = {
 		statusBackgroundWarning: '#FFECAD',
 		statusFontOnWarning: '#B88D00',
 		overlayColor: '#1F2329B2',
+		buttonBackgroundPrimaryDefault: '#3976D1',
+		buttonBackgroundSecondaryDefault: '#2F343D',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#E4E7EA',
+		fontDefault: '#E4E7EA',
+		strokeExtraLight: '#2F343D',
+		strokeLight: '#333842',
+		surfaceTint: '#1F2329',
 		...mentions,
 		...callButtons
 	},
@@ -260,6 +276,14 @@ export const colors = {
 		statusBackgroundWarning: '#FFECAD',
 		statusFontOnWarning: '#B88D00',
 		overlayColor: '#1F2329B2',
+		buttonBackgroundPrimaryDefault: '#3976D1',
+		buttonBackgroundSecondaryDefault: '#2F343D',
+		buttonFontPrimary: '#FFFFFF',
+		buttonFontSecondary: '#E4E7EA',
+		fontDefault: '#E4E7EA',
+		strokeExtraLight: '#2F343D',
+		strokeLight: '#333842',
+		surfaceTint: '#1F2329',
 		...mentions,
 		...callButtons
 	}

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;

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 }]
+				})
+			]
 		}
 	]
 });

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({

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

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;

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',

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;
+};

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,

app/lib/methods/helpers/helpers.ts

@@ -21,6 +21,10 @@ export function getUidDirectMessage(room) {
 		return null;
 	}
 
+	if (room.itsMe) {
+		return userId;
+	}
+
 	// legacy method
 	if (!room?.uids && room.rid && room.t === 'd' && userId) {
 		return room.rid.replace(userId, '').trim();

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';

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

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

app/lib/methods/helpers/shortnameToUnicode/emojis.ts

@@ -3699,6 +3699,7 @@ const emojis: { [key: string]: string } = {
 	':lacrosse:': '🥍',
 	':large_blue_diamond:': '🔷',
 	':large_orange_diamond:': '🔶',
+	':large_blue_circle:': '🔵',
 	':last_quarter_moon:': '🌗',
 	':last_quarter_moon_with_face:': '🌜',
 	':satisfied:': '😆',

app/lib/methods/index.ts

@@ -37,6 +37,7 @@ export * from './crashReport';
 export * from './parseSettings';
 export * from './subscribeRooms';
 export * from './serializeAsciiUrl';
+export * from './audioPlayer';
 export * from './isRoomFederated';
 export * from './checkSupportedVersions';
 export * from './getServerInfo';

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

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,

app/sagas/videoConf.ts

@@ -51,7 +51,8 @@ function* onDirectCall(payload: ICallInfo) {
 	const currentCall = calls.find(c => c.callId === payload.callId);
 	const hasAnotherCall = calls.find(c => c.action === 'call');
 	if (hasAnotherCall && hasAnotherCall.callId !== payload.callId) return;
-	if (!currentCall) {
+	const foreground = yield* appSelector(state => state.app.foreground);
+	if (!currentCall && foreground) {
 		yield put(setVideoConfCall(payload));
 		EventEmitter.emit(INAPP_NOTIFICATION_EMITTER, {
 			// @ts-ignore - Component props do not match Event emitter props

app/stacks/types.ts

@@ -69,6 +69,7 @@ export type ChatsStackParamList = {
 		t: SubscriptionType;
 		showCloseModal?: boolean;
 		fromRid?: string;
+		itsMe?: boolean;
 	};
 	RoomInfoEditView: {
 		rid: string;

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;
@@ -126,10 +131,7 @@ class MessagesView extends React.Component<IMessagesViewProps, IMessagesViewStat
 	};
 
 	navToRoomInfo = (navParam: IRoomInfoParam) => {
-		const { navigation, user } = this.props;
-		if (navParam.rid === user.id) {
-			return;
-		}
+		const { navigation } = this.props;
 		navigation.navigate('RoomInfoView', navParam);
 	};
 

app/views/ProfileView/index.tsx

@@ -1,40 +1,38 @@
+import { StackNavigationOptions } from '@react-navigation/stack';
+import { sha256 } from 'js-sha256';
 import React from 'react';
 import { Keyboard, ScrollView, TextInput, View } from 'react-native';
-import { connect } from 'react-redux';
-import { sha256 } from 'js-sha256';
 import RNPickerSelect from 'react-native-picker-select';
-import { dequal } from 'dequal';
-import omit from 'lodash/omit';
-import { StackNavigationOptions } from '@react-navigation/stack';
+import { connect } from 'react-redux';
 
-import Touch from '../../containers/Touch';
-import KeyboardView from '../../containers/KeyboardView';
-import sharedStyles from '../Styles';
-import scrollPersistTaps from '../../lib/methods/helpers/scrollPersistTaps';
-import { showErrorAlert, showConfirmationAlert, compareServerVersion } from '../../lib/methods/helpers';
-import { LISTENER } from '../../containers/Toast';
-import EventEmitter from '../../lib/methods/helpers/events';
-import { FormTextInput } from '../../containers/TextInput';
-import { events, logEvent } from '../../lib/methods/helpers/log';
-import I18n from '../../i18n';
-import Button from '../../containers/Button';
-import { AvatarWithEdit } from '../../containers/Avatar';
 import { setUser } from '../../actions/login';
-import * as HeaderButton from '../../containers/HeaderButton';
-import StatusBar from '../../containers/StatusBar';
-import { themes } from '../../lib/constants';
-import { TSupportedThemes, withTheme } from '../../theme';
-import { getUserSelector } from '../../selectors/login';
-import SafeAreaView from '../../containers/SafeAreaView';
-import styles from './styles';
-import { ProfileStackParamList } from '../../stacks/types';
-import { Services } from '../../lib/services';
-import { IApplicationState, IAvatarButton, IBaseScreen, IProfileParams, IUser } from '../../definitions';
-import { twoFactor } from '../../lib/services/twoFactor';
-import { TwoFactorMethods } from '../../definitions/ITotp';
-import { withActionSheet, IActionSheetProvider } from '../../containers/ActionSheet';
-import { DeleteAccountActionSheetContent } from './components/DeleteAccountActionSheetContent';
+import { IActionSheetProvider, withActionSheet } from '../../containers/ActionSheet';
 import ActionSheetContentWithInputAndSubmit from '../../containers/ActionSheet/ActionSheetContentWithInputAndSubmit';
+import { AvatarWithEdit } from '../../containers/Avatar';
+import Button from '../../containers/Button';
+import * as HeaderButton from '../../containers/HeaderButton';
+import KeyboardView from '../../containers/KeyboardView';
+import SafeAreaView from '../../containers/SafeAreaView';
+import StatusBar from '../../containers/StatusBar';
+import { FormTextInput } from '../../containers/TextInput';
+import { LISTENER } from '../../containers/Toast';
+import Touch from '../../containers/Touch';
+import { IApplicationState, IAvatarButton, IBaseScreen, IProfileParams, IUser } from '../../definitions';
+import { TwoFactorMethods } from '../../definitions/ITotp';
+import I18n from '../../i18n';
+import { themes } from '../../lib/constants';
+import { compareServerVersion, showConfirmationAlert, showErrorAlert } from '../../lib/methods/helpers';
+import EventEmitter from '../../lib/methods/helpers/events';
+import { events, logEvent } from '../../lib/methods/helpers/log';
+import scrollPersistTaps from '../../lib/methods/helpers/scrollPersistTaps';
+import { Services } from '../../lib/services';
+import { twoFactor } from '../../lib/services/twoFactor';
+import { getUserSelector } from '../../selectors/login';
+import { ProfileStackParamList } from '../../stacks/types';
+import { TSupportedThemes, withTheme } from '../../theme';
+import sharedStyles from '../Styles';
+import { DeleteAccountActionSheetContent } from './components/DeleteAccountActionSheetContent';
+import styles from './styles';
 
 // https://github.com/RocketChat/Rocket.Chat/blob/174c28d40b3d5a52023ee2dca2e81dd77ff33fa5/apps/meteor/app/lib/server/functions/saveUser.js#L24-L25
 const MAX_BIO_LENGTH = 260;
@@ -81,6 +79,7 @@ class ProfileView extends React.Component<IProfileViewProps, IProfileViewState>
 	private newPassword?: TextInput | null;
 	private nickname?: TextInput | null;
 	private bio?: TextInput | null;
+	private focusListener = () => {};
 
 	setHeader = () => {
 		const { navigation, isMasterDetail } = this.props;
@@ -116,20 +115,13 @@ class ProfileView extends React.Component<IProfileViewProps, IProfileViewState>
 	};
 
 	componentDidMount() {
-		this.init();
+		this.focusListener = this.props.navigation.addListener('focus', () => {
+			this.init();
+		});
 	}
 
-	UNSAFE_componentWillReceiveProps(nextProps: IProfileViewProps) {
-		const { user } = this.props;
-		/*
-		 * We need to ignore status because on Android ImagePicker
-		 * changes the activity, so, the user status changes and
-		 * it's resetting the avatar right after
-		 * select some image from gallery.
-		 */
-		if (!dequal(omit(user, ['status']), omit(nextProps.user, ['status']))) {
-			this.init(nextProps.user);
-		}
+	componentWillUnmount() {
+		this.focusListener();
 	}
 
 	init = (user?: IUser) => {
@@ -260,11 +252,12 @@ class ProfileView extends React.Component<IProfileViewProps, IProfileViewState>
 				}
 				if (customFields) {
 					dispatch(setUser({ customFields, ...params }));
+					this.setState({ ...this.state, customFields, ...params });
 				} else {
 					dispatch(setUser({ ...params }));
+					this.setState({ ...this.state, ...params });
 				}
 				EventEmitter.emit(LISTENER, { message: I18n.t('Profile_saved_successfully') });
-				this.init();
 			}
 			this.setState({ saving: false, currentPassword: null, twoFactorCode: null });
 		} catch (e: any) {
@@ -306,7 +299,13 @@ class ProfileView extends React.Component<IProfileViewProps, IProfileViewState>
 		if (I18n.isTranslated(e.error)) {
 			return showErrorAlert(I18n.t(e.error));
 		}
-		showErrorAlert(I18n.t('There_was_an_error_while_action', { action: I18n.t(action) }));
+		let msg = I18n.t('There_was_an_error_while_action', { action: I18n.t(action) });
+		let title = '';
+		if (typeof e.reason === 'string') {
+			title = msg;
+			msg = e.reason;
+		}
+		showErrorAlert(msg, title);
 	};
 
 	handleEditAvatar = () => {

app/views/RoomInfoView/components/RoomInfoButtons.tsx

@@ -75,15 +75,14 @@ export const RoomInfoButtons = ({
 }: IRoomInfoButtons): React.ReactElement => {
 	const room = roomFromRid || roomFromProps;
 	// Following the web behavior, when is a DM with myself, shouldn't appear block or ignore option
-	const isDmWithMyself = room?.uids && room.uids?.filter((uid: string) => uid !== roomUserId).length === 0;
-
+	const isDmWithMyself = room?.uids?.filter((uid: string) => uid !== roomUserId).length === 0;
 	const isFromDm = room?.t === SubscriptionType.DIRECT;
 	const isDirectFromSaved = isDirect && fromRid && room;
 	const isIgnored = room?.ignored?.includes?.(roomUserId || '');
 	const isBlocked = room?.blocker;
 
 	const renderIgnoreUser = isDirectFromSaved && !isFromDm && !isDmWithMyself;
-	const renderBlockUser = isDirectFromSaved && isFromDm;
+	const renderBlockUser = isDirectFromSaved && isFromDm && !isDmWithMyself;
 
 	return (
 		<View style={styles.roomButtonsContainer}>

app/views/RoomInfoView/index.tsx

@@ -39,7 +39,7 @@ type TRoomInfoViewRouteProp = RouteProp<ChatsStackParamList, 'RoomInfoView'>;
 
 const RoomInfoView = (): React.ReactElement => {
 	const {
-		params: { rid, t, fromRid, member, room: roomParam, showCloseModal }
+		params: { rid, t, fromRid, member, room: roomParam, showCloseModal, itsMe }
 	} = useRoute<TRoomInfoViewRouteProp>();
 	const { addListener, setOptions, navigate, goBack } = useNavigation<TRoomInfoViewNavigationProp>();
 
@@ -157,7 +157,7 @@ const RoomInfoView = (): React.ReactElement => {
 	const loadUser = async () => {
 		if (isEmpty(roomUser)) {
 			try {
-				const roomUserId = getUidDirectMessage(room || { rid, t });
+				const roomUserId = getUidDirectMessage(room || { rid, t, itsMe });
 				const result = await Services.getUserInfo(roomUserId);
 				if (result.success) {
 					const { user } = result;

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') })
 		});

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({

app/views/RoomView/index.tsx

@@ -92,6 +92,7 @@ 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';
 
 type TStateAttrsUpdate = keyof IRoomViewState;
@@ -140,7 +141,8 @@ const roomAttrsUpdate = [
 	'onHold',
 	't',
 	'autoTranslate',
-	'autoTranslateLanguage'
+	'autoTranslateLanguage',
+	'unmuted'
 ] as TRoomUpdate[];
 
 interface IRoomViewProps extends IActionSheetProvider, IBaseScreen<ChatsStackParamList, 'RoomView'> {
@@ -226,6 +228,7 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 		cancel: () => void;
 	};
 	private sub?: RoomClass;
+	private unsubscribeBlur?: () => void;
 
 	constructor(props: IRoomViewProps) {
 		super(props);
@@ -303,6 +306,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 +333,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 +453,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 () => {
@@ -1133,13 +1148,9 @@ class RoomView extends React.Component<IRoomViewProps, IRoomViewState> {
 	};
 
 	navToRoomInfo = (navParam: any) => {
-		const { navigation, user, isMasterDetail } = this.props;
+		const { navigation, isMasterDetail } = this.props;
 		const { room } = this.state;
-
 		logEvent(events[`ROOM_GO_${navParam.t === 'd' ? 'USER' : 'ROOM'}_INFO`]);
-		if (navParam.rid === user.id) {
-			return;
-		}
 		navParam.fromRid = room.rid;
 		if (isMasterDetail) {
 			navParam.showCloseModal = true;

app/views/SearchMessagesView/index.tsx

@@ -55,6 +55,7 @@ export interface IRoomInfoParam {
 	rid: string;
 	t: SubscriptionType;
 	joined?: boolean;
+	itsMe?: boolean;
 }
 
 interface INavigationOption {

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,8 @@ 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>
 			);

ios/RocketChatRN.xcodeproj/project.pbxproj

@@ -1755,7 +1755,7 @@
 				INFOPLIST_FILE = NotificationService/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @executable_path/../../Frameworks";
-				MARKETING_VERSION = 4.42.2;
+				MARKETING_VERSION = 4.43.0;
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_DEBUG";
@@ -1794,7 +1794,7 @@
 				INFOPLIST_FILE = NotificationService/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @executable_path/../../Frameworks";
-				MARKETING_VERSION = 4.42.2;
+				MARKETING_VERSION = 4.43.0;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = chat.rocket.reactnative.NotificationService;

ios/RocketChatRN/Info.plist

@@ -26,7 +26,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>4.42.2</string>
+	<string>4.43.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleURLTypes</key>

ios/ShareRocketChatRN/Info.plist

@@ -26,7 +26,7 @@
 	<key>CFBundlePackageType</key>
 	<string>XPC!</string>
 	<key>CFBundleShortVersionString</key>
-	<string>4.42.2</string>
+	<string>4.43.0</string>
 	<key>CFBundleVersion</key>
 	<string>1</string>
 	<key>KeychainGroup</key>

jest.setup.ts

@@ -42,11 +42,17 @@ jest.mock('expo-haptics', () => jest.fn(() => null));
 
 jest.mock('./app/lib/database', () => jest.fn(() => null));
 
-const mockedNavigate = jest.fn();
-
 jest.mock('@react-navigation/native', () => ({
 	...jest.requireActual('@react-navigation/native'),
-	useNavigation: () => mockedNavigate
+	useNavigation: () => ({
+		navigate: jest.fn(),
+		addListener: jest.fn().mockImplementation((event, callback) => {
+			callback();
+			return {
+				remove: jest.fn()
+			};
+		})
+	})
 }));
 
 jest.mock('react-native-notifications', () => ({
@@ -81,3 +87,8 @@ jest.mock('react-native-math-view', () => {
 		MathText: react.View // {...} Named export
 	};
 });
+
+jest.mock('expo-av', () => ({
+	InterruptionModeIOS: { DoNotMix: 1 },
+	InterruptionModeAndroid: { DoNotMix: 1 }
+}));

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "rocket-chat-reactnative",
-	"version": "4.42.2",
+	"version": "4.43.0",
 	"private": true,
 	"scripts": {
 		"start": "react-native start",
@@ -61,7 +61,7 @@
 		"@react-navigation/elements": "^1.3.6",
 		"@react-navigation/native": "6.0.10",
 		"@react-navigation/stack": "6.2.1",
-		"@rocket.chat/message-parser": "^0.31.14",
+		"@rocket.chat/message-parser": "^0.31.26",
 		"@rocket.chat/sdk": "RocketChat/Rocket.Chat.js.SDK#mobile",
 		"@rocket.chat/ui-kit": "^0.31.19",
 		"bytebuffer": "^5.0.1",
@@ -133,7 +133,7 @@
 		"react-native-slowlog": "^1.0.2",
 		"react-native-svg": "^13.8.0",
 		"react-native-ui-lib": "RocketChat/react-native-ui-lib#ef50151b8d9c1627ef527c620a1472868f9f4df8",
-		"react-native-url-polyfill": "^2.0.0",
+		"react-native-url-polyfill": "2.0.0",
 		"react-native-vector-icons": "9.1.0",
 		"react-native-webview": "11.26.1",
 		"react-redux": "^8.0.5",

patches/react-native-ui-lib+7.0.0.patch

@@ -0,0 +1,37 @@
+diff --git a/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m b/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m
+index 1ca52e8..323a04c 100644
+--- a/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m
++++ b/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m
+@@ -115,21 +115,25 @@ - (void)setHeight:(CGFloat)height
+ 
+ - (void)_keyboardWillShowNotification:(NSNotification*)notification
+ {
+-    _keyboardState = KeyboardStateWillShow;
++    if (_keyboardState != KeyboardStateShown) {
++        _keyboardState = KeyboardStateWillShow;
+         
+-    [self invalidateIntrinsicContentSize];
++        [self invalidateIntrinsicContentSize];
+         
+-    if([_delegate respondsToSelector:@selector(ObservingInputAccessoryViewTempKeyboardWillAppear:keyboardDelta:)])
+-    {
+-        [_delegate ObservingInputAccessoryViewTempKeyboardWillAppear:self keyboardDelta:_keyboardHeight - _previousKeyboardHeight];
++        if([_delegate respondsToSelector:@selector(ObservingInputAccessoryViewTempKeyboardWillAppear:keyboardDelta:)])
++        {
++            [_delegate ObservingInputAccessoryViewTempKeyboardWillAppear:self keyboardDelta:_keyboardHeight - _previousKeyboardHeight];
++        }
+     }
+ }
+ 
+ - (void)_keyboardDidShowNotification:(NSNotification*)notification
+ {
+-    _keyboardState = KeyboardStateShown;
++    if (_keyboardState != KeyboardStateShown) {
++        _keyboardState = KeyboardStateShown;
+         
+-    [self invalidateIntrinsicContentSize];
++        [self invalidateIntrinsicContentSize];
++    }
+ }
+ 
+ - (void)_keyboardWillHideNotification:(NSNotification*)notification

yarn.lock

@@ -5625,14 +5625,16 @@
   dependencies:
     eslint-plugin-import "^2.17.2"
 
-"@rocket.chat/message-parser@^0.31.14":
-  version "0.31.14"
-  resolved "https://registry.yarnpkg.com/@rocket.chat/message-parser/-/message-parser-0.31.14.tgz#55042be10a7cd49a7a9a969272bc38897fe1c252"
-  integrity sha512-WgaWLMCFWcmhRb7cEm1Q8GoD8lgpPuTniG27Qmfw8k86MuZfdHj+cdOfhvkmdNORxx181RhfksTO0k6IkRxh6A==
+"@rocket.chat/message-parser@^0.31.26":
+  version "0.31.26"
+  resolved "https://registry.yarnpkg.com/@rocket.chat/message-parser/-/message-parser-0.31.26.tgz#792785355634ed1bead6ee4051d496475964d5c4"
+  integrity sha512-mRNi0od4YFhlQpcFBP9dVnlzcFZa3WgU8Sijtw0/bjTXU08hRcdAqUGt5CQkWtHe04MTTkjHs6kpwB0AYINu9Q==
+  dependencies:
+    tldts "~5.7.112"
 
 "@rocket.chat/sdk@RocketChat/Rocket.Chat.js.SDK#mobile":
-  version "1.3.0-mobile"
-  resolved "https://codeload.github.com/RocketChat/Rocket.Chat.js.SDK/tar.gz/ad71e7daa5bcb1a3b457b5de20fb0fc86581d04d"
+  version "1.3.1-mobile"
+  resolved "https://codeload.github.com/RocketChat/Rocket.Chat.js.SDK/tar.gz/501cd6ceec5f198af288aadc355f2fbbeda2b353"
   dependencies:
     js-sha256 "^0.9.0"
     lru-cache "^4.1.1"
@@ -16401,7 +16403,7 @@ p-all@^2.1.0:
 p-defer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
-  integrity sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=
+  integrity sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==
 
 p-event@^4.1.0:
   version "4.2.0"
@@ -17953,7 +17955,7 @@ react-native-ui-lib@RocketChat/react-native-ui-lib#ef50151b8d9c1627ef527c620a147
     tinycolor2 "^1.4.2"
     url-parse "^1.2.0"
 
-react-native-url-polyfill@^2.0.0:
+react-native-url-polyfill@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/react-native-url-polyfill/-/react-native-url-polyfill-2.0.0.tgz#db714520a2985cff1d50ab2e66279b9f91ffd589"
   integrity sha512-My330Do7/DvKnEvwQc0WdcBnFPploYKp9CYlefDXzIdEaA+PAhDYllkvGeEroEzvc4Kzzj2O4yVdz8v6fjRvhA==
@@ -20174,7 +20176,7 @@ timm@^1.6.1:
 tiny-events@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tiny-events/-/tiny-events-1.0.1.tgz#74690e99abb8a43c8fed3236a3c3872b27ce6376"
-  integrity sha1-dGkOmau4pDyP7TI2o8OHKyfOY3Y=
+  integrity sha512-QuhRLBsUWwrj+7mVvffHWmtHmMjt4GihlCN8/WucyHBqDINW9n9K5xsdfK3MdIeJIHRlmI4zI6izU1jbD3kn6Q==
 
 tinycolor2@^1.4.1:
   version "1.4.1"
@@ -20186,6 +20188,18 @@ tinycolor2@^1.4.2:
   resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.6.0.tgz#f98007460169b0263b97072c5ae92484ce02d09e"
   integrity sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==
 
+tldts-core@^5.7.112:
+  version "5.7.112"
+  resolved "https://registry.yarnpkg.com/tldts-core/-/tldts-core-5.7.112.tgz#168459aa79495f5d46407a685a7a9f0cdc9a272b"
+  integrity sha512-mutrEUgG2sp0e/MIAnv9TbSLR0IPbvmAImpzqul5O/HJ2XM1/I1sajchQ/fbj0fPdA31IiuWde8EUhfwyldY1Q==
+
+tldts@~5.7.112:
+  version "5.7.112"
+  resolved "https://registry.yarnpkg.com/tldts/-/tldts-5.7.112.tgz#f3d7a5ade3ee09a48a1ecb4f05f04335b0787c84"
+  integrity sha512-6VSJ/C0uBtc2PQlLsp4IT8MIk2UUh6qVeXB1HZtK+0HiXlAPzNcfF3p2WM9RqCO/2X1PIa4danlBLPoC2/Tc7A==
+  dependencies:
+    tldts-core "^5.7.112"
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"