Merge branch 'develop' into feat.in-app-vibration

2024-01-11 10:35:16 -03:00 · 2024-01-11 10:35:16 -03:00 · b156c266ee
parent ee9766e1ae 9109b87269
commit b156c266ee
64 changed files with 661 additions and 196 deletions
--- a/.storybook/storybook.requires.js
+++ b/.storybook/storybook.requires.js
@ -29,6 +29,7 @@ const getStories = () => {
    require("../app/containers/markdown/Markdown.stories.tsx"),
    require("../app/containers/markdown/new/NewMarkdown.stories.tsx"),
    require("../app/containers/message/Components/CollapsibleQuote/CollapsibleQuote.stories.tsx"),
+    require("../app/containers/CollapsibleText/CollapsibleText.stories.tsx"),
    require("../app/containers/message/Message.stories.tsx"),
    require("../app/containers/ReactionsList/ReactionsList.stories.tsx"),
    require("../app/containers/RoomHeader/RoomHeader.stories.tsx"),
--- a/README.md
+++ b/README.md
@ -1,10 +1,5 @@
 # Rocket.Chat Mobile

-[![Project Dependencies](https://david-dm.org/RocketChat/Rocket.Chat.ReactNative.svg)](https://david-dm.org/RocketChat/Rocket.Chat.ReactNative)
-[![Codacy Badge](https://api.codacy.com/project/badge/Grade/bb15e2392a71473ea59d3f634f35c54e)](https://www.codacy.com/app/RocketChat/Rocket.Chat.ReactNative?utm_source=github.com&utm_medium=referral&utm_content=RocketChat/Rocket.Chat.ReactNative&utm_campaign=badger)
-[![codecov](https://codecov.io/gh/RocketChat/Rocket.Chat.ReactNative/branch/master/graph/badge.svg)](https://codecov.io/gh/RocketChat/Rocket.Chat.ReactNative)
-[![CodeFactor](https://www.codefactor.io/repository/github/rocketchat/rocket.chat.reactnative/badge)](https://www.codefactor.io/repository/github/rocketchat/rocket.chat.reactnative)
-
 - **Supported server versions:** 0.70.0+
 - **Supported iOS versions**: 12+
 - **Supported Android versions**: 6.0+
@ -35,7 +30,7 @@ Do you want to make the app run on your own server only? [Follow our whitelabel

 ## Engage with us
 ### Share your story
-We’d love to hear about [your experience](https://survey.zohopublic.com/zs/e4BUFG) and potentially feature it on our [blog](https://rocket.chat/case-studies/?utm_source=github&utm_medium=readme&utm_campaign=community).
+We’d love to hear about [your experience](https://survey.zohopublic.com/zs/e4BUFG) and potentially feature it on our [blog](https://www.rocket.chat/blog?utm_source=github&utm_medium=readme&utm_campaign=community).

 ### Subscribe for Updates
 Once a month our marketing team releases an email update with news about product releases, company related topics, events and use cases. [Sign up!](https://rocket.chat/newsletter/?utm_source=github&utm_medium=readme&utm_campaign=community)
--- a/tests/containers/CollapsibleText/snapshots/CollapsibleText.stories.storyshot
+++ b/tests/containers/CollapsibleText/snapshots/CollapsibleText.stories.storyshot
@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Collapsible Text Item 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"padding\\":20}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem ipsum dolor sit amet\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"textAlignVertical\\":\\"center\\"},{\\"color\\":\\"#2f343d\\",\\"height\\":0}],\\"testID\\":\\"collapsible-text-Lorem ipsum dolor sit amet\\"},\\"children\\":[\\"Lorem ipsum dolor sit amet\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"linesToTruncate: 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel vestibulum neque. Proin dignissim neque in urna nec.\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"textAlignVertical\\":\\"center\\"},{\\"color\\":\\"#2f343d\\",\\"height\\":0}],\\"testID\\":\\"collapsible-text-linesToTruncate: 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel vestibulum neque. Proin dignissim neque in urna nec.\\"},\\"children\\":[\\"linesToTruncate: 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel vestibulum neque. Proin dignissim neque in urna nec.\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"linesToTruncate: 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel vestibulum neque. Proin dignissim neque in urna nec.\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"textAlignVertical\\":\\"center\\"},{\\"color\\":\\"#2f343d\\",\\"height\\":0}],\\"testID\\":\\"collapsible-text-linesToTruncate: 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel vestibulum neque. Proin dignissim neque in urna nec.\\"},\\"children\\":[\\"linesToTruncate: 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel vestibulum neque. Proin dignissim neque in urna nec.\\"]}]}"`;
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@ -147,7 +147,7 @@ android {
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode VERSIONCODE as Integer
-        versionName "4.44.0"
+        versionName "4.45.0"
        vectorDrawables.useSupportLibrary = true
        if (!isFoss) {
            manifestPlaceholders = [BugsnagAPIKey: BugsnagAPIKey as String]
@ -380,6 +380,7 @@ dependencies {
    androidTestImplementation('com.wix:detox:+')
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'com.facebook.soloader:soloader:0.10.4'
+    implementation 'com.facebook.fresco:animated-gif:2.5.0'
 }

 if (isNewArchitectureEnabled()) {
--- a/app/containers/CollapsibleText/CollapsibleText.stories.tsx
+++ b/app/containers/CollapsibleText/CollapsibleText.stories.tsx
@ -0,0 +1,21 @@
+import React from 'react';
+import { View } from 'react-native';
+
+import CollapsibleText from '.';
+
+const smallText = 'Lorem ipsum dolor sit amet';
+
+const text120 =
+	'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel vestibulum neque. Proin dignissim neque in urna nec.';
+
+export default {
+	title: 'Collapsible Text'
+};
+
+export const Item = () => (
+	<View style={{ padding: 20 }}>
+		<CollapsibleText linesToTruncate={1} msg={`${smallText}`} />
+		<CollapsibleText linesToTruncate={1} msg={`linesToTruncate: 1 - ${text120}`} />
+		<CollapsibleText linesToTruncate={2} msg={`linesToTruncate: 2 - ${text120}`} />
+	</View>
+);
--- a/app/containers/CollapsibleText/index.tsx
+++ b/app/containers/CollapsibleText/index.tsx
@ -0,0 +1,86 @@
+import React, { useState } from 'react';
+import { TextStyle, Text, StyleSheet } from 'react-native';
+
+import sharedStyles from '../../views/Styles';
+import { useTheme } from '../../theme';
+import { previewFormatText } from '../markdown/previewFormatText';
+import I18n from '../../i18n';
+
+interface ICollapsibleText {
+	msg?: string;
+	style?: TextStyle[];
+	linesToTruncate?: number;
+}
+
+const styles = StyleSheet.create({
+	text: {
+		fontSize: 16,
+		...sharedStyles.textRegular,
+		textAlignVertical: 'center'
+	},
+	textInfo: {
+		fontSize: 14,
+		...sharedStyles.textRegular
+	}
+});
+
+const CollapsibleText = ({ msg, style = [], linesToTruncate = 1 }: ICollapsibleText) => {
+	const [truncatedText, setTruncatedText] = useState('');
+	const [showTruncated, setShowTruncated] = useState(true);
+
+	const { colors } = useTheme();
+
+	if (!msg) {
+		return null;
+	}
+
+	const m = previewFormatText(msg);
+
+	if (truncatedText && showTruncated) {
+		return (
+			<Text testID={`collapsible-text-truncated-${m}`}>
+				<Text accessibilityLabel={truncatedText} style={[styles.text, { color: colors.bodyText }, ...style]}>
+					{`${truncatedText}... `}
+				</Text>
+				<Text onPress={() => setShowTruncated(false)} style={[styles.textInfo, { color: colors.actionTintColor }]}>
+					{I18n.t('Show_more')}
+				</Text>
+			</Text>
+		);
+	}
+
+	return (
+		<Text
+			accessibilityLabel={m}
+			style={[styles.text, { color: colors.bodyText, height: !showTruncated ? undefined : 0 }, ...style]}
+			testID={`collapsible-text-${m}`}
+			onTextLayout={event => {
+				const { lines } = event.nativeEvent;
+				if (lines.length > linesToTruncate) {
+					const text = lines
+						.splice(0, linesToTruncate)
+						.map(line => line.text)
+						.join('');
+					const truncatedTextLengthWithShowMore = text.length - (4 + I18n.t('Show_more').length);
+					const clippedText = text.slice(0, truncatedTextLengthWithShowMore);
+					setTruncatedText(clippedText);
+				} else {
+					setShowTruncated(false);
+				}
+			}}
+		>
+			{m}
+			{truncatedText ? (
+				<Text
+					testID='collapsible-text-show-less'
+					onPress={() => setShowTruncated(true)}
+					style={[styles.textInfo, { color: colors.actionTintColor }]}
+				>
+					{` ${I18n.t('Show_less')}`}
+				</Text>
+			) : null}
+		</Text>
+	);
+};
+
+export default CollapsibleText;
--- a/app/containers/DirectoryItem/index.tsx
+++ b/app/containers/DirectoryItem/index.tsx
@ -7,6 +7,7 @@ import RoomTypeIcon from '../RoomTypeIcon';
 import styles, { ROW_HEIGHT } from './styles';
 import { themes } from '../../lib/constants';
 import { TSupportedThemes, useTheme } from '../../theme';
+import { MarkdownPreview } from '../markdown';

 export { ROW_HEIGHT };

@ -60,9 +61,11 @@ const DirectoryItem = ({
 						</Text>
 					</View>
 					{description ? (
-						<Text style={[styles.directoryItemUsername, { color: themes[theme].auxiliaryText }]} numberOfLines={1}>
-							{description}
-						</Text>
+						<MarkdownPreview
+							msg={description}
+							style={[styles.directoryItemUsername, { color: themes[theme].auxiliaryText }]}
+							numberOfLines={1}
+						/>
 					) : null}
 				</View>
 				<DirectoryItemLabel text={rightLabel} theme={theme} />
--- a/app/containers/InAppNotification/IncomingCallNotification/index.tsx
+++ b/app/containers/InAppNotification/IncomingCallNotification/index.tsx
@ -36,6 +36,7 @@ const IncomingCallHeader = React.memo(
 	({ uid, callId, avatar, roomName }: { callId: string; avatar: string; uid: string; roomName: string }) => {
 		const [mic, setMic] = useState(true);
 		const [cam, setCam] = useState(false);
+		const [audio, setAudio] = useState(true);
 		const dispatch = useDispatch();
 		const isMasterDetail = useAppSelector(state => state.app.isMasterDetail);
 		const styles = useStyle();
@ -64,12 +65,20 @@ const IncomingCallHeader = React.memo(
 					direct={true}
 				/>
 				<View style={styles.row}>
-					<Touchable hitSlop={BUTTON_HIT_SLOP} onPress={hideNotification} style={styles.closeButton}>
+					<Touchable
+						hitSlop={BUTTON_HIT_SLOP}
+						onPress={() => {
+							setAudio(!audio);
+							hideNotification();
+						}}
+						style={styles.closeButton}
+					>
 						<CustomIcon name='close' size={20} color={colors.gray300} />
 					</Touchable>
 					<Touchable
 						hitSlop={BUTTON_HIT_SLOP}
 						onPress={() => {
+							setAudio(!audio);
 							hideNotification();
 							dispatch(cancelCall({ callId }));
 						}}
@ -80,6 +89,7 @@ const IncomingCallHeader = React.memo(
 					<Touchable
 						hitSlop={BUTTON_HIT_SLOP}
 						onPress={() => {
+							setAudio(!audio);
 							hideNotification();
 							dispatch(acceptCall({ callId }));
 						}}
@ -88,7 +98,7 @@ const IncomingCallHeader = React.memo(
 						<Text style={styles.buttonText}>{i18n.t('accept')}</Text>
 					</Touchable>
 				</View>
-				<Ringer ringer={ERingerSounds.RINGTONE} />
+				{audio ? <Ringer ringer={ERingerSounds.RINGTONE} /> : null}
 			</View>
 		);
 	}
--- a/app/containers/Ringer/index.tsx
+++ b/app/containers/Ringer/index.tsx
@ -1,6 +1,5 @@
 import { Audio } from 'expo-av';
 import React, { useEffect, useRef } from 'react';
-import { View } from 'react-native';

 export enum ERingerSounds {
 	DIALTONE = 'dialtone',
@ -8,34 +7,28 @@ export enum ERingerSounds {
 }

 const Ringer = React.memo(({ ringer }: { ringer: ERingerSounds }) => {
-	const sound = useRef<Audio.Sound | null>(null);
+	const sound = useRef(new Audio.Sound());
+
 	useEffect(() => {
-		(async () => {
-			let expo = null;
-			switch (ringer) {
-				case ERingerSounds.DIALTONE:
-					expo = await Audio.Sound.createAsync(require(`./dialtone.mp3`));
-					break;
-				case ERingerSounds.RINGTONE:
-					expo = await Audio.Sound.createAsync(require(`./ringtone.mp3`));
-					break;
-				default:
-					expo = await Audio.Sound.createAsync(require(`./dialtone.mp3`));
-					break;
+		const loadAndPlay = async () => {
+			try {
+				const soundFile = ringer === ERingerSounds.DIALTONE ? require(`./dialtone.mp3`) : require(`./ringtone.mp3`);
+				await sound.current.loadAsync(soundFile);
+				await sound.current.playAsync();
+				await sound.current.setIsLoopingAsync(true);
+			} catch (error) {
+				console.error('Error loading sound:', error);
 			}
-			sound.current = expo.sound;
-			await sound.current.playAsync();
-			await sound.current.setIsLoopingAsync(true);
-		})();
+		};
+
+		loadAndPlay();
+
+		return () => {
+			sound.current?.unloadAsync();
+		};
 	}, []);

-	useEffect(() => () => stopSound(), []);
-
-	const stopSound = () => {
-		sound?.current?.unloadAsync();
-	};
-
-	return <View />;
+	return null;
 });

 export default Ringer;
--- a/app/containers/markdown/AtMention.tsx
+++ b/app/containers/markdown/AtMention.tsx
@ -34,8 +34,9 @@ const AtMention = React.memo(({ mention, mentions, username, navToRoomInfo, styl
 		);
 	}

+	const itsMe = mention === username;
 	let mentionStyle = {};
-	if (mention === username) {
+	if (itsMe) {
 		mentionStyle = {
 			color: themes[theme].mentionMeColor
 		};
@ -51,7 +52,8 @@ const AtMention = React.memo(({ mention, mentions, username, navToRoomInfo, styl
 		logEvent(events.ROOM_MENTION_GO_USER_INFO);
 		const navParam = {
 			t: 'd',
-			rid: user && user._id
+			rid: user && user._id,
+			itsMe
 		};
 		if (navToRoomInfo) {
 			navToRoomInfo(navParam);
--- a/app/definitions/rest/v1/index.ts
+++ b/app/definitions/rest/v1/index.ts
@ -20,6 +20,7 @@ import { CommandsEndpoints } from './commands';
 import { PushTokenEndpoints } from './pushToken';
 import { DirectoryEndpoint } from './directory';
 import { AutoTranslateEndpoints } from './autotranslate';
+import { ModerationEndpoints } from './moderation';

 export type Endpoints = ChannelsEndpoints &
 	ChatEndpoints &
@ -42,4 +43,5 @@ export type Endpoints = ChannelsEndpoints &
 	CommandsEndpoints &
 	PushTokenEndpoints &
 	DirectoryEndpoint &
-	AutoTranslateEndpoints;
+	AutoTranslateEndpoints &
+	ModerationEndpoints;
--- a/app/definitions/rest/v1/moderation.ts
+++ b/app/definitions/rest/v1/moderation.ts
@ -0,0 +1,5 @@
+export type ModerationEndpoints = {
+	'moderation.reportUser': {
+		POST: (params: { userId: string; description: string }) => void;
+	};
+};
--- a/app/i18n/index.ts
+++ b/app/i18n/index.ts
@ -60,6 +60,12 @@ export const LANGUAGES: ILanguage[] = [
 		file: () => require('./locales/hi-IN.json')
 	},

+	{
+		label: 'Hungarian',
+		value: 'hu',
+		file: () => require('./locales/hu.json')
+	},
+
 	{
 		label: 'Italiano',
 		value: 'it',
--- a/app/i18n/locales/ar.json
+++ b/app/i18n/locales/ar.json
@ -44,7 +44,6 @@
  "Avatar_Url": "عنوان ويب الصورة الرمزية",
  "Away": "غير متواجد",
  "Black": "أسود",
-  "Block_user": "حظر المستخدم",
  "Browser": "المتصفح",
  "Busy": "مشغول",
  "Cancel_editing": "إلغاء التعديل",
@ -344,7 +343,7 @@
  "Share": "مشاركة",
  "Share_Link": "مشاركة رابط",
  "Share_this_app": "مشاركة هذا البرنامج",
-  "Show_more": "إظهار أكثر..",
+  "Show_more": "إظهار أكثر",
  "Sign_Up": "تسجيل جديد",
  "Sound": "الصوت",
  "Star": "تمييز",
@ -372,7 +371,6 @@
  "Two_Factor_Authentication": "المصادقة الثنائية",
  "unarchive": "إلغاء الأرشفة",
  "UNARCHIVE": "إلغاء الأرشفة",
-  "Unblock_user": "إلغاء حظر عن مستخدم",
  "Unfollowed_thread": "موضوع غير متابع",
  "Unmute": "إلغاء كتم",
  "unmuted": "إلغاء كتم",
--- a/app/i18n/locales/bn-IN.json
+++ b/app/i18n/locales/bn-IN.json
@ -51,7 +51,6 @@
    "Avatar_Url": "অবতার URL",
    "Away": "দূরে",
    "Black": "কালো",
-    "Block_user": "ব্যবহারকারী ব্লক করুন",
    "Browser": "ব্রাউজার",
    "Busy": "ব্যস্ত",
    "Cancel_editing": "সম্পাদনা বাতিল করুন",
@ -405,7 +404,6 @@
    "Two_Factor_Authentication": "দুটি ধারণামূলক প্রমাণীকরণ",
    "unarchive": "আনআরকাইভ",
    "UNARCHIVE": "আনআরকাইভ",
-    "Unblock_user": "ব্যবহারকারী আনব্লক করুন",
    "Unfollowed_thread": "থ্রেড অনফলোয়েড",
    "Unmute": "আনমিউট",
    "unmuted": "আনমিউটেড",
--- a/app/i18n/locales/de.json
+++ b/app/i18n/locales/de.json
@ -51,7 +51,6 @@
  "Avatar_Url": "Avatar-URL",
  "Away": "Abwesend",
  "Black": "Schwarz",
-  "Block_user": "Benutzer blockieren",
  "Browser": "Browser",
  "Busy": "Beschäftigt",
  "Cancel_editing": "Bearbeitung abbrechen",
@ -378,7 +377,7 @@
  "Share": "Teilen",
  "Share_Link": "Link teilen",
  "Share_this_app": "App teilen",
-  "Show_more": "Mehr anzeigen …",
+  "Show_more": "Mehr anzeigen",
  "Sign_Up": "Anmelden",
  "Sound": "Ton",
  "Star": "Favoriten",
@ -406,7 +405,6 @@
  "Two_Factor_Authentication": "Zwei-Faktor-Authentifizierung",
  "unarchive": "wiederherstellen",
  "UNARCHIVE": "WIEDERHERSTELLEN",
-  "Unblock_user": "Benutzer entsperren",
  "Unfollowed_thread": "Thread nicht mehr folgen",
  "Unmute": "Stummschaltung aufheben",
  "unmuted": "Stummschaltung aufgehoben",
--- a/app/i18n/locales/en.json
+++ b/app/i18n/locales/en.json
@ -51,7 +51,6 @@
  "Avatar_Url": "Avatar URL",
  "Away": "Away",
  "Black": "Black",
-  "Block_user": "Block user",
  "Browser": "Browser",
  "Busy": "Busy",
  "Cancel_editing": "Cancel editing",
@ -378,7 +377,8 @@
  "Share": "Share",
  "Share_Link": "Share link",
  "Share_this_app": "Share this app",
-  "Show_more": "Show more..",
+  "Show_more": "Show more",
+  "Show_less": "Show less",
  "Sign_Up": "Sign up",
  "Sound": "Sound",
  "Star": "Star",
@ -406,7 +406,6 @@
  "Two_Factor_Authentication": "Two-factor authentication",
  "unarchive": "unarchive",
  "UNARCHIVE": "UNARCHIVE",
-  "Unblock_user": "Unblock user",
  "Unfollowed_thread": "Unfollowed thread",
  "Unmute": "Unmute",
  "unmuted": "unmuted",
@ -761,6 +760,11 @@
  "Enable_writing_in_room": "Enable writing in room",
  "Disable_writing_in_room": "Disable writing in room",
  "Pinned_a_message": "Pinned a message:",
+  "Unblock": "Unblock",
+  "Block": "Block",
+  "Report_user": "Report user",
+  "Report_sent_successfully": "Report sent successfully",
+  "Why_do_you_want_to_report": "Why do you want to report?",
  "You_dont_have_permission_to_perform_this_action": "You don’t have permission to perform this action. Check with a workspace administrator.",
  "Jump_to_message": "Jump to message",
  "Missed_call": "Missed call",
--- a/app/i18n/locales/es.json
+++ b/app/i18n/locales/es.json
@ -38,7 +38,6 @@
  "Avatar_Url": "URL del Avatar",
  "Away": "Ausente",
  "Black": "Negro",
-  "Block_user": "Bloquear usuario",
  "Busy": "Ocupado",
  "Cancel_editing": "Cancelar edición",
  "Cancel_recording": "Cancelar grabación",
@ -239,7 +238,6 @@
  "Two_Factor_Authentication": "Autenticación de doble factor",
  "unarchive": "desarchivar",
  "UNARCHIVE": "DESARCHIVAR",
-  "Unblock_user": "Desbloquear usuario",
  "Unfollowed_thread": "Dejar de seguir el hilo",
  "Unmute": "Desmutear",
  "unmuted": "Desmuteado",
--- a/app/i18n/locales/fi.json
+++ b/app/i18n/locales/fi.json
@ -51,7 +51,6 @@
  "Avatar_Url": "Avatarin URL-osoite",
  "Away": "Poissa",
  "Black": "Musta",
-  "Block_user": "Estä käyttäjä",
  "Browser": "Selain",
  "Busy": "Varattu",
  "Cancel_editing": "Peruuta muokkaus",
@ -378,7 +377,7 @@
  "Share": "Jaa",
  "Share_Link": "Jaa linkki",
  "Share_this_app": "Jaa tämä sovellus",
-  "Show_more": "Näytä lisää...",
+  "Show_more": "Näytä lisää",
  "Sign_Up": "Rekisteröidy",
  "Sound": "Ääni",
  "Star": "Tähti",
@ -406,7 +405,6 @@
  "Two_Factor_Authentication": "Kaksivaiheinen tunnistautuminen",
  "unarchive": "palauta arkistosta",
  "UNARCHIVE": "PALAUTA ARKISTOSTA",
-  "Unblock_user": "Poista käyttäjän esto",
  "Unfollowed_thread": "Lopetettiin ketjun seuraaminen",
  "Unmute": "Mykistys poistettu",
  "unmuted": "poisti mykistyksen",
--- a/app/i18n/locales/fr.json
+++ b/app/i18n/locales/fr.json
@ -45,7 +45,6 @@
  "Avatar_Url": "URL de l'avatar",
  "Away": "Absent",
  "Black": "Noir",
-  "Block_user": "Bloquer l'utilisateur",
  "Browser": "Navigateur",
  "Busy": "Occupé",
  "Cancel_editing": "Annuler la modification",
@ -353,7 +352,7 @@
  "Share": "Partager",
  "Share_Link": "Partager le lien",
  "Share_this_app": "Partager cette application",
-  "Show_more": "Afficher plus..",
+  "Show_more": "Afficher plus",
  "Sign_Up": "S'inscrire",
  "Sound": "Son",
  "Star": "Mettre en favoris",
@ -381,7 +380,6 @@
  "Two_Factor_Authentication": "Authentification à deux facteurs",
  "unarchive": "désarchiver",
  "UNARCHIVE": "DÉSARCHIVER",
-  "Unblock_user": "Débloquer l'utilisateur",
  "Unfollowed_thread": "Ne plus suivre ce fil",
  "Unmute": "Rendre la parole",
  "unmuted": "rendu la parole",
--- a/app/i18n/locales/hi-IN.json
+++ b/app/i18n/locales/hi-IN.json
@ -51,7 +51,6 @@
    "Avatar_Url": "अवतार URL",
    "Away": "दूर",
    "Black": "काला",
-    "Block_user": "उपयोगकर्ता को ब्लॉक करें",
    "Browser": "ब्राउज़र",
    "Busy": "व्यस्त",
    "Cancel_editing": "संपादन रद्द करें",
@ -405,7 +404,6 @@
    "Two_Factor_Authentication": "दो-क्रमिक प्रमाणीकरण",
    "unarchive": "अनारकाइव",
    "UNARCHIVE": "अनारकाइव करें",
-    "Unblock_user": "उपयोगकर्ता को अनब्लॉक करें",
    "Unfollowed_thread": "थ्रेड का अनुसरण नहीं किया गया",
    "Unmute": "आवाज़ हटाएं",
    "unmuted": "आवाज़ हटाई गई",
--- a/app/i18n/locales/hu.json
+++ b/app/i18n/locales/hu.json
@ -51,7 +51,6 @@
  "Avatar_Url": "Avatar URL",
  "Away": "Távol",
  "Black": "Fekete",
-  "Block_user": "Felhasználó tiltása",
  "Browser": "Böngésző",
  "Busy": "Elfoglalt",
  "Cancel_editing": "Szerkesztés megszakítás",
@ -406,7 +405,6 @@
  "Two_Factor_Authentication": "Kétfaktoros hitelesítés",
  "unarchive": "Archiválás megszüntetés",
  "UNARCHIVE": "ARCHIVÁLÁS MEGSZÜNTETÉS",
-  "Unblock_user": "Felhasználó tiltás feloldása",
  "Unfollowed_thread": "Nem követett szál",
  "Unmute": "Némítás megszüntetése",
  "unmuted": "Némítás megszüntetve",
--- a/app/i18n/locales/it.json
+++ b/app/i18n/locales/it.json
@ -51,7 +51,6 @@
  "Avatar_Url": "URL avatar",
  "Away": "Assente",
  "Black": "Nero",
-  "Block_user": "Blocca utente",
  "Browser": "Browser",
  "Busy": "Occupato",
  "Cancel_editing": "Annulla modifica",
@ -358,7 +357,7 @@
  "Share": "Condividi",
  "Share_Link": "Condividi link",
  "Share_this_app": "Condividi questa app",
-  "Show_more": "Mostra altri..",
+  "Show_more": "Mostra altri",
  "Sign_Up": "Registrati",
  "Sound": "Suono",
  "Star": "Aggiungi ai preferiti",
@ -386,7 +385,6 @@
  "Two_Factor_Authentication": "Autenticazione a due fattori",
  "unarchive": "rimuovi dall'archivio",
  "UNARCHIVE": "RIMUOVI DALL'ARCHIVIO",
-  "Unblock_user": "Sblocca utente",
  "Unfollowed_thread": "Non segui più il thread",
  "Unmute": "Attiva notifiche",
  "unmuted": "notifiche attivate",
--- a/app/i18n/locales/ja.json
+++ b/app/i18n/locales/ja.json
@ -45,7 +45,6 @@
  "Avatar_Url": "アバターURL",
  "Away": "退出中",
  "Black": "ブラック",
-  "Block_user": "ブロックしたユーザー",
  "Browser": "ブラウザ",
  "Busy": "取り込み中",
  "Cancel_editing": "編集をキャンセル",
@ -310,7 +309,6 @@
  "Share": "シェア",
  "Share_Link": "リンクをシェアする",
  "Share_this_app": "このアプリをシェアする",
-  "Show_more": "Show more..",
  "Sign_Up": "登録",
  "Sound": "音",
  "Star": "お気に入り",
@ -335,7 +333,6 @@
  "Two_Factor_Authentication": "２段階認証",
  "unarchive": "アーカイブ解除",
  "UNARCHIVE": "アーカイブ解除",
-  "Unblock_user": "ブロックを解除",
  "Unfollowed_thread": "スレッド更新時に通知しない",
  "Unmute": "ミュート解除",
  "unmuted": "ミュート解除しました",
--- a/app/i18n/locales/nl.json
+++ b/app/i18n/locales/nl.json
@ -45,7 +45,6 @@
  "Avatar_Url": "Avatar-URL",
  "Away": "Afwezig",
  "Black": "Zwart",
-  "Block_user": "Blokkeer gebruiker",
  "Browser": "Browser",
  "Busy": "Bezig",
  "Cancel_editing": "Bewerken annuleren",
@ -353,7 +352,7 @@
  "Share": "Delen",
  "Share_Link": "Deel link",
  "Share_this_app": "Deel deze app",
-  "Show_more": "Meer tonen..",
+  "Show_more": "Meer tonen",
  "Sign_Up": "Registreren",
  "Sound": "Geluid",
  "Star": "Ster",
@ -381,7 +380,6 @@
  "Two_Factor_Authentication": "Twee-factor authenticatie",
  "unarchive": "dearchiveren",
  "UNARCHIVE": "DEARCHIVEREN",
-  "Unblock_user": "Deblokkeer gebruiker",
  "Unfollowed_thread": "Draad ontvolgd",
  "Unmute": "Dempen opheffen",
  "unmuted": "ongedempt",
--- a/app/i18n/locales/pt-BR.json
+++ b/app/i18n/locales/pt-BR.json
@ -51,7 +51,6 @@
  "Avatar_Url": "Avatar URL",
  "Away": "Ausente",
  "Black": "Preto",
-  "Block_user": "Bloquear usuário",
  "Browser": "Navegador",
  "Busy": "Ocupado",
  "Cancel_editing": "Cancelar edição",
@ -378,7 +377,8 @@
  "Share": "Compartilhar",
  "Share_Link": "Compartilhar convite",
  "Share_this_app": "Compartilhar esse app",
-  "Show_more": "Mostrar mais..",
+  "Show_more": "Mostrar mais",
+  "Show_less": "Mostrar menos",
  "Sign_Up": "Registrar",
  "Sound": "Som da notificação",
  "Star": "Favorito",
@ -406,7 +406,6 @@
  "Two_Factor_Authentication": "Autenticação de dois fatores",
  "unarchive": "desarquivar",
  "UNARCHIVE": "DESARQUIVAR",
-  "Unblock_user": "Desbloquear usuário",
  "Unfollowed_thread": "Parou de seguir tópico",
  "Unmute": "Permitir que o usuário fale",
  "unmuted": "permitiu que o usuário fale",
@ -760,6 +759,11 @@
  "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",
+  "Unblock": "Desbloquear",
+  "Block": "Bloquear",
+  "Report_user": "Reportar usuário",
+  "Report_sent_successfully": "Reporte enviado com sucesso",
+  "Why_do_you_want_to_report": "Por que você deseja reportar?",
  "Pinned_a_message": "Fixou uma mensagem:",
  "You_dont_have_permission_to_perform_this_action": "Você não tem permissão para realizar esta ação. Verifique com um administrador do espaço de trabalho.",
  "Jump_to_message": "Ir para mensagem",
--- a/app/i18n/locales/pt-PT.json
+++ b/app/i18n/locales/pt-PT.json
@ -44,7 +44,6 @@
  "Avatar_Url": "URL do Avatar",
  "Away": "Ausente",
  "Black": "Preto",
-  "Block_user": "Bloquear utilizador",
  "Browser": "Navegador",
  "Busy": "Ocupado",
  "Cancel_editing": "Cancelar edição",
@ -323,7 +322,6 @@
  "Two_Factor_Authentication": "Autenticação 2FA",
  "unarchive": "desarquivar",
  "UNARCHIVE": "DESARQUIVAR",
-  "Unblock_user": "Desbloquear utilizador",
  "Unmute": "Retirar silêncio",
  "unmuted": "silêncio removido",
  "Unpin": "Desafixar",
--- a/app/i18n/locales/ru.json
+++ b/app/i18n/locales/ru.json
@ -51,7 +51,6 @@
  "Avatar_Url": "URL аватара",
  "Away": "Отошел",
  "Black": "Черный",
-  "Block_user": "Блокировать пользователя",
  "Browser": "Браузер",
  "Busy": "Занят",
  "Cancel_editing": "Отменить правку",
@ -364,7 +363,7 @@
  "Share": "Поделиться",
  "Share_Link": "Ссылка, чтобы Поделиться",
  "Share_this_app": "Рассказать о приложении",
-  "Show_more": "Показать больше..",
+  "Show_more": "Показать больше",
  "Sign_Up": "Регистрация",
  "Sound": "Звук",
  "Star": "Отметить",
@ -392,7 +391,6 @@
  "Two_Factor_Authentication": "Двухфакторная аутентификация",
  "unarchive": "разархивировать",
  "UNARCHIVE": "РАЗАРХИВИРОВАТЬ",
-  "Unblock_user": "Разблокировать пользователя",
  "Unfollowed_thread": "Не следить",
  "Unmute": "Отменить заглушивание",
  "unmuted": "Заглушивание отменено",
--- a/app/i18n/locales/sl-SI.json
+++ b/app/i18n/locales/sl-SI.json
@ -51,7 +51,6 @@
  "Avatar_Url": "Avatar URL",
  "Away": "Odsoten",
  "Black": "Črn",
-  "Block_user": "Blokiraj uporabnika",
  "Browser": "Brskalnik",
  "Busy": "Zaseden",
  "Cancel_editing": "Prekliči urejanje",
@ -361,7 +360,7 @@
  "Share": "Deliti",
  "Share_Link": "Deliti povezavo",
  "Share_this_app": "Delite to aplikacijo",
-  "Show_more": "Prikaži več…",
+  "Show_more": "Prikaži več",
  "Sign_Up": "Prijavite se",
  "Sound": "Zvok",
  "Star": "zvezda",
@ -389,7 +388,6 @@
  "Two_Factor_Authentication": "Dvofaktorska overjanje",
  "unarchive": "Odpakirati",
  "UNARCHIVE": "ODPAKIRATI",
-  "Unblock_user": "Odblokirati uporabnika",
  "Unfollowed_thread": "Nit, ki ji nihče ne sledi",
  "Unmute": "Preklicati utišanje",
  "unmuted": "preklicati utišanje",
--- a/app/i18n/locales/sv.json
+++ b/app/i18n/locales/sv.json
@ -51,7 +51,6 @@
  "Avatar_Url": "URL till avatar",
  "Away": "Borta",
  "Black": "Svart",
-  "Block_user": "Blockera användare",
  "Browser": "Webbläsare",
  "Busy": "Upptagen",
  "Cancel_editing": "Avbryt redigering",
@ -378,7 +377,7 @@
  "Share": "Dela",
  "Share_Link": "Dela länk",
  "Share_this_app": "Dela den här appen",
-  "Show_more": "Visa mer.",
+  "Show_more": "Visa mer",
  "Sign_Up": "Registrera dig",
  "Sound": "Ljud",
  "Star": "Stjärna",
@ -406,7 +405,6 @@
  "Two_Factor_Authentication": "Tvåfaktorsautentisering",
  "unarchive": "avarkivera",
  "UNARCHIVE": "AVARKIVERA",
-  "Unblock_user": "Avblockera användare",
  "Unfollowed_thread": "Sluta följa tråd",
  "Unmute": "Slå på ljudet",
  "unmuted": "slog på ljudet",
--- a/app/i18n/locales/ta-IN.json
+++ b/app/i18n/locales/ta-IN.json
@ -51,7 +51,6 @@
    "Avatar_Url": "அவதார் URL",
    "Away": "விலகியிருக்கிறேன்",
    "Black": "கருப்பு",
-    "Block_user": "பயனாளரை தடுக்கவும்",
    "Browser": "உலாவி",
    "Busy": "தொலைநேரம்",
    "Cancel_editing": "திருத்தலை ரத்து செய்க",
@ -405,7 +404,6 @@
    "Two_Factor_Authentication": "இரண்டு பரிமாறு அங்கீகாரம்",
    "unarchive": "அசைவு செய்",
    "UNARCHIVE": "அசைவு செய்",
-    "Unblock_user": "பயனரை விடுவிக்கு",
    "Unfollowed_thread": "பின்னாளிக்குப் பின்னாளிக்கப்பட்டுள்ளது",
    "Unmute": "மூடாது",
    "unmuted": "மூடப்படவில்லை",
--- a/app/i18n/locales/te-IN.json
+++ b/app/i18n/locales/te-IN.json
@ -51,7 +51,6 @@
    "Avatar_Url": "అవతార్ URL",
    "Away": "దూరంగా",
    "Black": "నలుపు",
-    "Block_user": "వాడిని నిలిపించండి",
    "Browser": "బ్రౌజర్",
    "Busy": "వ్యస్తంగా",
    "Cancel_editing": "సవరించడానికి రద్దు చేయి",
@ -405,7 +404,6 @@
    "Two_Factor_Authentication": "రెండు అంశ ప్రామాణీకరణ",
    "unarchive": "అనార్కైవ్",
    "UNARCHIVE": "అనార్కైవ్",
-    "Unblock_user": "వాడుకరిని నిషేధించకోండి",
    "Unfollowed_thread": "అన్‌ఫాలో థ్రెడ్",
    "Unmute": "ఆధ్వర్యపరచించండి",
    "unmuted": "ఆధ్వర్యపరచించబడింది",
--- a/app/i18n/locales/tr.json
+++ b/app/i18n/locales/tr.json
@ -43,7 +43,6 @@
  "Avatar_Url": "Profil fotoğrafı URL'si",
  "Away": "Uzakta",
  "Black": "Koyu",
-  "Block_user": "Kullanıcıyı engelle",
  "Browser": "Tarayıcı",
  "Busy": "Meşgul",
  "Cancel_editing": "Düzenlemeyi iptal et",
@ -341,7 +340,7 @@
  "Share": "Paylaş",
  "Share_Link": "Bağlantı paylaş",
  "Share_this_app": "Bu uygulamayı paylaş",
-  "Show_more": "Daha fazla göster..",
+  "Show_more": "Daha fazla göster",
  "Sign_Up": "Kaydol",
  "Sound": "Ses",
  "Star": "Yıldızla",
@ -369,7 +368,6 @@
  "Two_Factor_Authentication": "İki faktörlü Kimlik Doğrulama",
  "unarchive": "arşivden çıkar",
  "UNARCHIVE": "ARŞİVDEN ÇIKAR",
-  "Unblock_user": "Kullanıcının engelini kaldır",
  "Unfollowed_thread": "Takip edilmeyen başlık",
  "Unmute": "Sesi Aç",
  "unmuted": "Sesi Açıldı",
--- a/app/i18n/locales/zh-CN.json
+++ b/app/i18n/locales/zh-CN.json
@ -43,7 +43,6 @@
  "Avatar_Url": "头像地址",
  "Away": "离开",
  "Black": "黑色",
-  "Block_user": "屏蔽此用户",
  "Browser": "浏览器",
  "Busy": "忙碌",
  "Cancel_editing": "取消编辑",
@ -365,7 +364,6 @@
  "Two_Factor_Authentication": "双重认证",
  "unarchive": "取消封存",
  "UNARCHIVE": "取消封存",
-  "Unblock_user": "解除屏蔽",
  "Unfollowed_thread": "取消追踪讨论",
  "Unmute": "取消静音",
  "unmuted": "静音状态",
--- a/app/i18n/locales/zh-TW.json
+++ b/app/i18n/locales/zh-TW.json
@ -44,7 +44,6 @@
  "Avatar_Url": "大頭貼地址",
  "Away": "離開",
  "Black": "黑色",
-  "Block_user": "封鎖此用戶",
  "Browser": "瀏覽器",
  "Busy": "忙碌",
  "Cancel_editing": "取消編輯",
@ -371,7 +370,6 @@
  "Two_Factor_Authentication": "雙重認證",
  "unarchive": "取消封存",
  "UNARCHIVE": "取消封存",
-  "Unblock_user": "解除封鎖",
  "Unfollowed_thread": "取消追蹤討論",
  "Unmute": "取消靜音",
  "unmuted": "靜音狀態",
--- a/app/lib/methods/checkSupportedVersions.ts
+++ b/app/lib/methods/checkSupportedVersions.ts
@ -77,6 +77,6 @@ export const checkSupportedVersions = function ({
 		status,
 		message,
 		i18n: message ? sv?.i18n : undefined,
-		expiration: exception?.expiration
+		expiration
 	};
 };
--- a/app/lib/methods/handleMediaDownload.test.ts
+++ b/app/lib/methods/handleMediaDownload.test.ts
@ -55,4 +55,15 @@ describe('Test the getFilename', () => {
 		const filename = getFilename({ type: 'image', mimeType: image_type, title, url: image_url });
 		expect(filename).toBe('help-image-url.png');
 	});
+
+	it('returns the filename with the gif extension from a gif sent by tenor/giphy', () => {
+		const { image_type, image_url, title } = {
+			title: undefined,
+			image_url: 'https://media4.giphy.com/media/bGtO3RlAPHkeQ/giphy.gif',
+			image_type: undefined
+		};
+
+		const filename = getFilename({ type: 'image', mimeType: image_type, title, url: image_url });
+		expect(filename).toBe('giphy.gif');
+	});
 });
--- a/app/lib/methods/handleMediaDownload.ts
+++ b/app/lib/methods/handleMediaDownload.ts
@ -68,6 +68,10 @@ export const getFilename = ({
 };

 const getExtension = (type: MediaTypes, mimeType?: string, url?: string) => {
+	// support url with gif extension and mimetype undefined, ex.: using the app tenor and giphy.
+	if (url?.split('.').pop() === 'gif') {
+		return 'gif';
+	}
 	if (!mimeType) {
 		return defaultType[type];
 	}
--- a/app/lib/methods/helpers/openLink.ts
+++ b/app/lib/methods/helpers/openLink.ts
@ -6,6 +6,7 @@ import { themes } from '../../constants';
 import { TSupportedThemes } from '../../../theme';
 import UserPreferences from '../userPreferences';
 import ensureSecureProtocol from './ensureSecureProtocol';
+import log from './log';

 export const DEFAULT_BROWSER_KEY = 'DEFAULT_BROWSER_KEY';

@ -38,6 +39,16 @@ const appSchemeURL = (url: string, browser: string): string => {
 };

 const openLink = async (url: string, theme: TSupportedThemes = 'light'): Promise<void> => {
+	const telRegExp = new RegExp(/^(tel:)/);
+	if (telRegExp.test(url)) {
+		try {
+			await Linking.openURL(url);
+			return;
+		} catch (e) {
+			log(e);
+		}
+	}
+
 	url = ensureSecureProtocol(url);
 	try {
 		const browser = UserPreferences.getString(DEFAULT_BROWSER_KEY);
--- a/app/lib/services/restApi.ts
+++ b/app/lib/services/restApi.ts
@ -296,6 +296,10 @@ export const togglePinMessage = (messageId: string, pinned?: boolean) => {
 	return sdk.post('chat.pinMessage', { messageId });
 };

+export const reportUser = (userId: string, description: string) =>
+	// RC 6.4.0
+	sdk.post('moderation.reportUser', { userId, description });
+
 export const reportMessage = (messageId: string) =>
 	// RC 0.64.0
 	sdk.post('chat.reportMessage', { messageId, description: 'Message reported by user' });
--- a/app/stacks/InsideStack.tsx
+++ b/app/stacks/InsideStack.tsx
@ -11,6 +11,7 @@ import RoomView from '../views/RoomView';
 import RoomsListView from '../views/RoomsListView';
 import RoomActionsView from '../views/RoomActionsView';
 import RoomInfoView from '../views/RoomInfoView';
+import ReportUserView from '../views/ReportUserView';
 import RoomInfoEditView from '../views/RoomInfoEditView';
 import RoomMembersView from '../views/RoomMembersView';
 import SearchMessagesView from '../views/SearchMessagesView';
@ -99,6 +100,7 @@ const ChatsStackNavigator = () => {
 			<ChatsStack.Screen name='RoomActionsView' component={RoomActionsView} options={RoomActionsView.navigationOptions} />
 			<ChatsStack.Screen name='SelectListView' component={SelectListView} options={SelectListView.navigationOptions} />
 			<ChatsStack.Screen name='RoomInfoView' component={RoomInfoView} />
+			<ChatsStack.Screen name='ReportUserView' component={ReportUserView} />
 			{/* @ts-ignore */}
 			<ChatsStack.Screen name='RoomInfoEditView' component={RoomInfoEditView} options={RoomInfoEditView.navigationOptions} />
 			<ChatsStack.Screen name='ChangeAvatarView' component={ChangeAvatarView} />
--- a/app/stacks/MasterDetailStack/index.tsx
+++ b/app/stacks/MasterDetailStack/index.tsx
@ -15,6 +15,7 @@ import RoomView from '../../views/RoomView';
 import RoomsListView from '../../views/RoomsListView';
 import RoomActionsView from '../../views/RoomActionsView';
 import RoomInfoView from '../../views/RoomInfoView';
+import ReportUserView from '../../views/ReportUserView';
 import RoomInfoEditView from '../../views/RoomInfoEditView';
 import ChangeAvatarView from '../../views/ChangeAvatarView';
 import RoomMembersView from '../../views/RoomMembersView';
@ -118,6 +119,7 @@ const ModalStackNavigator = React.memo(({ navigation }: INavigation) => {
 				<ModalStack.Screen name='RoomActionsView' component={RoomActionsView} />
 				{/* @ts-ignore */}
 				<ModalStack.Screen name='RoomInfoView' component={RoomInfoView} />
+				<ModalStack.Screen name='ReportUserView' component={ReportUserView} />
 				{/* @ts-ignore */}
 				<ModalStack.Screen name='SelectListView' component={SelectListView} />
 				<ModalStack.Screen name='RoomInfoEditView' component={RoomInfoEditView} options={RoomInfoEditView.navigationOptions} />
--- a/app/stacks/MasterDetailStack/types.ts
+++ b/app/stacks/MasterDetailStack/types.ts
@ -199,6 +199,11 @@ export type ModalStackParamList = {
 	SupportedVersionsWarning: {
 		showCloseButton?: boolean;
 	};
+	ReportUserView: {
+		username: string;
+		userId: string;
+		name: string;
+	};
 };

 export type MasterDetailInsideStackParamList = {
--- a/app/stacks/types.ts
+++ b/app/stacks/types.ts
@ -172,6 +172,11 @@ export type ChatsStackParamList = {
 		room?: ISubscription;
 		t?: SubscriptionType;
 	};
+	ReportUserView: {
+		username: string;
+		userId: string;
+		name: string;
+	};
 };

 export type ProfileStackParamList = {
--- a/app/views/DirectoryView/index.tsx
+++ b/app/views/DirectoryView/index.tsx
@ -139,6 +139,7 @@ class DirectoryView extends React.Component<IDirectoryViewProps, IDirectoryViewS
 		} else if (type === 'teams') {
 			logEvent(events.DIRECTORY_SEARCH_TEAMS);
 		}
+		this.toggleDropdown()
 	};

 	toggleWorkspace = () => {
--- a/app/views/ReportUserView/UserInfo.tsx
+++ b/app/views/ReportUserView/UserInfo.tsx
@ -0,0 +1,21 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+
+import Avatar from '../../containers/Avatar';
+import styles from './styles';
+import { useTheme } from '../../theme';
+
+const UserInfo = ({ username, name }: { username: string; name: string }) => {
+	const { colors } = useTheme();
+
+	return (
+		<View style={styles.containerAvatarAndName}>
+			<Avatar text={username} size={32} />
+			<Text style={[styles.nameText, { color: colors.fontDefault }]} numberOfLines={1}>
+				{name || username}
+			</Text>
+		</View>
+	);
+};
+
+export default UserInfo;
--- a/app/views/ReportUserView/index.tsx
+++ b/app/views/ReportUserView/index.tsx
@ -0,0 +1,113 @@
+import React, { useLayoutEffect, useState } from 'react';
+import { ScrollView, StatusBar } from 'react-native';
+import { CompositeNavigationProp, RouteProp, useNavigation, useRoute } from '@react-navigation/native';
+import { StackNavigationProp } from '@react-navigation/stack';
+import { useForm } from 'react-hook-form';
+import * as yup from 'yup';
+import { yupResolver } from '@hookform/resolvers/yup';
+
+import log from '../../lib/methods/helpers/log';
+import SafeAreaView from '../../containers/SafeAreaView';
+import { useTheme } from '../../theme';
+import { ChatsStackParamList } from '../../stacks/types';
+import { MasterDetailInsideStackParamList } from '../../stacks/MasterDetailStack/types';
+import I18n from '../../i18n';
+import UserInfo from './UserInfo';
+import styles from './styles';
+import { ControlledFormTextInput } from '../../containers/TextInput';
+import Button from '../../containers/Button';
+import { useAppSelector } from '../../lib/hooks';
+import EventEmitter from '../../lib/methods/helpers/events';
+import { LISTENER } from '../../containers/Toast';
+import { Services } from '../../lib/services';
+import KeyboardView from '../../containers/KeyboardView';
+
+type TReportUserViewNavigationProp = CompositeNavigationProp<
+	StackNavigationProp<ChatsStackParamList, 'ReportUserView'>,
+	StackNavigationProp<MasterDetailInsideStackParamList>
+>;
+
+type TReportUserViewRouteProp = RouteProp<ChatsStackParamList, 'ReportUserView'>;
+
+interface ISubmit {
+	description: string;
+}
+
+const schema = yup.object().shape({
+	description: yup.string().trim().required()
+});
+
+const ReportUserView = () => {
+	const [loading, setLoading] = useState(false);
+	const { colors } = useTheme();
+	const navigation = useNavigation<TReportUserViewNavigationProp>();
+	const { isMasterDetail } = useAppSelector(state => ({ isMasterDetail: state.app.isMasterDetail }));
+
+	const {
+		params: { username, userId, name }
+	} = useRoute<TReportUserViewRouteProp>();
+
+	const {
+		control,
+		handleSubmit,
+		formState: { isValid }
+	} = useForm<ISubmit>({ mode: 'onChange', resolver: yupResolver(schema), defaultValues: { description: '' } });
+
+	useLayoutEffect(() => {
+		navigation?.setOptions({
+			title: I18n.t('Report_user')
+		});
+	}, [navigation]);
+
+	const submit = async ({ description }: ISubmit) => {
+		try {
+			setLoading(true);
+			await Services.reportUser(userId, description);
+			EventEmitter.emit(LISTENER, { message: I18n.t('Report_sent_successfully') });
+			setLoading(false);
+			if (isMasterDetail) {
+				navigation.navigate('DrawerNavigator');
+				return;
+			}
+			navigation.navigate('RoomView');
+		} catch (e) {
+			log(e);
+			setLoading(false);
+		}
+	};
+
+	return (
+		<KeyboardView
+			style={{ backgroundColor: colors.auxiliaryBackground }}
+			contentContainerStyle={styles.container}
+			keyboardVerticalOffset={128}
+		>
+			<SafeAreaView style={[styles.containerView, { backgroundColor: colors.auxiliaryBackground }]} testID='report-user-view'>
+				<ScrollView contentContainerStyle={[styles.scroll, { backgroundColor: colors.auxiliaryBackground }]}>
+					<StatusBar />
+					<UserInfo username={username} name={name} />
+					<ControlledFormTextInput
+						name='description'
+						control={control}
+						label={I18n.t('Why_do_you_want_to_report')}
+						multiline
+						inputStyle={styles.textInput}
+						testID='report-user-view-input'
+						containerStyle={styles.containerTextInput}
+					/>
+					<Button
+						title={I18n.t('Report')}
+						type='primary'
+						backgroundColor={colors.dangerColor}
+						disabled={!isValid}
+						onPress={handleSubmit(submit)}
+						testID='report-user-view-submit'
+						loading={loading}
+					/>
+				</ScrollView>
+			</SafeAreaView>
+		</KeyboardView>
+	);
+};
+
+export default ReportUserView;
--- a/app/views/ReportUserView/styles.ts
+++ b/app/views/ReportUserView/styles.ts
@ -0,0 +1,37 @@
+import { StyleSheet } from 'react-native';
+
+import sharedStyles from '../Styles';
+
+export default StyleSheet.create({
+	container: {
+		...sharedStyles.container
+	},
+	scroll: {
+		flex: 1
+	},
+	containerView: {
+		padding: 16
+	},
+	containerAvatarAndName: {
+		flexDirection: 'row',
+		marginBottom: 24,
+		alignItems: 'center'
+	},
+	nameText: {
+		marginLeft: 8,
+		fontSize: 16,
+		...sharedStyles.textMedium
+	},
+	containerTextInput: {
+		marginBottom: 24
+	},
+	textInput: {
+		minHeight: 100,
+		maxHeight: 480,
+		height: undefined,
+		textAlignVertical: 'top',
+		padding: 16,
+		paddingTop: 16,
+		paddingBottom: 16
+	}
+});
--- a/app/views/RoomActionsView/index.tsx
+++ b/app/views/RoomActionsView/index.tsx
@ -464,6 +464,20 @@ class RoomActionsView extends React.Component<IRoomActionsViewProps, IRoomAction
 		}
 	};

+	handleReportUser = () => {
+		const { navigation } = this.props;
+		const { member } = this.state;
+		const { name, _id: userId, username } = member;
+		if (!name || !userId || !username) {
+			return;
+		}
+		navigation.navigate('ReportUserView', {
+			name,
+			userId,
+			username
+		});
+	};
+
 	toggleEncrypted = async () => {
 		logEvent(events.RA_TOGGLE_ENCRYPTED);
 		const { room } = this.state;
@ -863,22 +877,39 @@ class RoomActionsView extends React.Component<IRoomActionsViewProps, IRoomAction

 		if (t === 'd' && !isGroupChat(room)) {
 			return (
-				<List.Section>
-					<List.Separator />
-					<List.Item
-						title={`${blocker ? 'Unblock' : 'Block'}_user`}
-						onPress={() =>
-							this.onPressTouchable({
-								event: this.toggleBlockUser
-							})
-						}
-						testID='room-actions-block-user'
-						left={() => <List.Icon name='ignore' color={themes[theme].dangerColor} />}
-						showActionIndicator
-						color={themes[theme].dangerColor}
-					/>
-					<List.Separator />
-				</List.Section>
+				<>
+					<List.Section>
+						<List.Separator />
+						<List.Item
+							title={`${blocker ? 'Unblock' : 'Block'}`}
+							onPress={() =>
+								this.onPressTouchable({
+									event: this.toggleBlockUser
+								})
+							}
+							testID='room-actions-block-user'
+							left={() => <List.Icon name='ignore' />}
+							showActionIndicator
+						/>
+						<List.Separator />
+					</List.Section>
+					<List.Section>
+						<List.Separator />
+						<List.Item
+							title={'Report'}
+							onPress={() =>
+								this.onPressTouchable({
+									event: this.handleReportUser
+								})
+							}
+							testID='room-actions-block-user'
+							left={() => <List.Icon name='warning' color={themes[theme].dangerColor} />}
+							showActionIndicator
+							color={themes[theme].dangerColor}
+						/>
+						<List.Separator />
+					</List.Section>
+				</>
 			);
 		}

--- a/app/views/RoomInfoView/components/RoomInfoButtons.tsx
+++ b/app/views/RoomInfoView/components/RoomInfoButtons.tsx
@ -8,6 +8,7 @@ import i18n from '../../../i18n';
 import { useVideoConf } from '../../../lib/hooks/useVideoConf';
 import { useTheme } from '../../../theme';
 import styles from '../styles';
+import { compareServerVersion } from '../../../lib/methods/helpers';

 function BaseButton({
 	danger,
@ -31,7 +32,9 @@ function BaseButton({
 		return (
 			<BorderlessButton enabled={enabled} testID={`room-info-view-${iconName}`} onPress={onPress} style={styles.roomButton}>
 				<CustomIcon name={iconName} size={30} color={color} />
-				<Text style={[styles.roomButtonText, { color }]}>{label}</Text>
+				<Text numberOfLines={1} style={[styles.roomButtonText, { color }]}>
+					{label}
+				</Text>
 			</BorderlessButton>
 		);
 	return null;
@ -59,7 +62,10 @@ interface IRoomInfoButtons {
 	handleCreateDirectMessage: () => void;
 	handleIgnoreUser: () => void;
 	handleBlockUser: () => void;
+	handleReportUser: () => void;
 	roomFromRid: ISubscription | undefined;
+	serverVersion: string | null;
+	itsMe?: boolean;
 }

 export const RoomInfoButtons = ({
@ -71,7 +77,10 @@ export const RoomInfoButtons = ({
 	handleCreateDirectMessage,
 	handleIgnoreUser,
 	handleBlockUser,
-	roomFromRid
+	handleReportUser,
+	roomFromRid,
+	serverVersion,
+	itsMe
 }: IRoomInfoButtons): React.ReactElement => {
 	const room = roomFromRid || roomFromProps;
 	// Following the web behavior, when is a DM with myself, shouldn't appear block or ignore option
@ -82,7 +91,9 @@ export const RoomInfoButtons = ({
 	const isBlocked = room?.blocker;

 	const renderIgnoreUser = isDirectFromSaved && !isFromDm && !isDmWithMyself;
-	const renderBlockUser = isDirectFromSaved && isFromDm && !isDmWithMyself;
+	const renderBlockUser = !itsMe && isDirectFromSaved && isFromDm && !isDmWithMyself;
+	const renderReportUser =
+		!itsMe && isDirectFromSaved && !isDmWithMyself && compareServerVersion(serverVersion, 'greaterThanOrEqualTo', '6.4.0');

 	return (
 		<View style={styles.roomButtonsContainer}>
@ -93,13 +104,18 @@ export const RoomInfoButtons = ({
 				label={i18n.t(isIgnored ? 'Unignore' : 'Ignore')}
 				iconName='ignore'
 				showIcon={!!renderIgnoreUser}
-				danger
 			/>
 			<BaseButton
 				onPress={handleBlockUser}
-				label={i18n.t(`${isBlocked ? 'Unblock' : 'Block'}_user`)}
+				label={i18n.t(`${isBlocked ? 'Unblock' : 'Block'}`)}
 				iconName='ignore'
 				showIcon={!!renderBlockUser}
+			/>
+			<BaseButton
+				onPress={handleReportUser}
+				label={i18n.t('Report')}
+				iconName='warning'
+				showIcon={!!renderReportUser}
 				danger
 			/>
 		</View>
--- a/app/views/RoomInfoView/components/RoomInfoViewTitle.tsx
+++ b/app/views/RoomInfoView/components/RoomInfoViewTitle.tsx
@ -4,9 +4,9 @@ import { Text, View } from 'react-native';
 import { ISubscription, SubscriptionType } from '../../../definitions';
 import styles from '../styles';
 import { useTheme } from '../../../theme';
-import { MarkdownPreview } from '../../../containers/markdown';
 import RoomTypeIcon from '../../../containers/RoomTypeIcon';
 import { getRoomTitle } from '../../../lib/methods/helpers';
+import CollapsibleText from '../../../containers/CollapsibleText';

 interface IRoomInfoViewTitle {
 	room?: ISubscription;
@ -20,7 +20,7 @@ const RoomInfoViewTitle = ({ room, name, username, statusText, type }: IRoomInfo
 	const { colors } = useTheme();
 	if (type === SubscriptionType.DIRECT) {
 		return (
-			<>
+			<View style={styles.roomInfoViewTitleContainer}>
 				<Text testID='room-info-view-name' style={[styles.roomTitle, { color: colors.titleText }]}>
 					{name}
 				</Text>
@ -32,10 +32,14 @@ const RoomInfoViewTitle = ({ room, name, username, statusText, type }: IRoomInfo
 				)}
 				{!!statusText && (
 					<View testID='room-info-view-custom-status'>
-						<MarkdownPreview msg={statusText} style={[styles.roomUsername, { color: colors.auxiliaryText }]} />
+						<CollapsibleText
+							linesToTruncate={2}
+							msg={statusText}
+							style={[styles.roomUsername, { color: colors.auxiliaryText }]}
+						/>
 					</View>
 				)}
-			</>
+			</View>
 		);
 	}
 	return (
--- a/app/views/RoomInfoView/index.tsx
+++ b/app/views/RoomInfoView/index.tsx
@ -31,8 +31,8 @@ import RoomInfoViewTitle from './components/RoomInfoViewTitle';
 import styles from './styles';

 type TRoomInfoViewNavigationProp = CompositeNavigationProp<
-	StackNavigationProp<ChatsStackParamList, 'RoomInfoView'>,
-	StackNavigationProp<MasterDetailInsideStackParamList>
+StackNavigationProp<ChatsStackParamList, 'RoomInfoView'>,
+StackNavigationProp<MasterDetailInsideStackParamList>
 >;

 type TRoomInfoViewRouteProp = RouteProp<ChatsStackParamList, 'RoomInfoView'>;
@ -59,6 +59,7 @@ const RoomInfoView = (): React.ReactElement => {
 		subscribedRoom,
 		usersRoles,
 		roles,
+		serverVersion,
 		// permissions
 		editRoomPermission,
 		editOmnichannelContact,
@ -68,6 +69,7 @@ const RoomInfoView = (): React.ReactElement => {
 		isMasterDetail: state.app.isMasterDetail,
 		roles: state.roles,
 		usersRoles: state.usersRoles,
+		serverVersion: state.server.version,
 		// permissions
 		editRoomPermission: state.permissions['edit-room'],
 		editOmnichannelContact: state.permissions['edit-omnichannel-contact'],
@ -167,9 +169,10 @@ const RoomInfoView = (): React.ReactElement => {
 			} catch {
 				// do nothing
 			}
+		} else {
+			const r = handleRoles(roomUser);
+			if (r) setRoomUser({ ...roomUser, roles: r });
 		}
-		const r = handleRoles(roomUser);
-		if (r) setRoomUser({ ...roomUser, roles: r });
 	};

 	const loadRoom = async () => {
@ -274,6 +277,14 @@ const RoomInfoView = (): React.ReactElement => {
 		if (r?.rid) handleIgnore(roomUser._id, !isIgnored, r?.rid);
 	};

+	const handleReportUser = () => {
+		navigate('ReportUserView', {
+			name: roomUser?.name,
+			userId: roomUser?._id,
+			username: roomUser.username
+		});
+	};
+
 	return (
 		<ScrollView style={[styles.scroll, { backgroundColor: colors.backgroundColor }]}>
 			<StatusBar />
@ -300,10 +311,13 @@ const RoomInfoView = (): React.ReactElement => {
 						handleBlockUser={handleBlockUser}
 						handleCreateDirectMessage={handleCreateDirectMessage}
 						handleIgnoreUser={handleIgnoreUser}
+						handleReportUser={handleReportUser}
 						isDirect={isDirect}
 						room={room || roomUser}
 						roomUserId={roomUser?._id}
 						roomFromRid={roomFromRid}
+						serverVersion={serverVersion}
+						itsMe={itsMe}
 					/>
 				</View>
 				<RoomInfoViewBody isDirect={isDirect} room={room} roomUser={roomUser} />
--- a/app/views/RoomInfoView/styles.ts
+++ b/app/views/RoomInfoView/styles.ts
@ -28,18 +28,18 @@ export default StyleSheet.create({
 		marginHorizontal: 10
 	},
 	roomTitleContainer: {
-		paddingTop: 32,
+		paddingTop: 16,
 		marginHorizontal: 16,
 		alignItems: 'center',
 		flexDirection: 'row'
 	},
 	roomTitle: {
-		fontSize: 20,
+		fontSize: 16,
 		...sharedStyles.textAlignCenter,
 		...sharedStyles.textMedium
 	},
 	roomUsername: {
-		fontSize: 18,
+		fontSize: 14,
 		...sharedStyles.textAlignCenter,
 		...sharedStyles.textRegular
 	},
@ -75,14 +75,20 @@ export default StyleSheet.create({
 	},
 	roomButtonsContainer: {
 		flexDirection: 'row',
-		paddingTop: 30
+		paddingTop: 16
 	},
 	roomButton: {
 		alignItems: 'center',
-		paddingHorizontal: 20,
-		justifyContent: 'space-between'
+		marginHorizontal: 4,
+		justifyContent: 'space-between',
+		width: 80
 	},
 	roomButtonText: {
-		marginTop: 5
+		marginTop: 4
+	},
+	roomInfoViewTitleContainer: {
+		paddingTop: 16,
+		paddingHorizontal: 20,
+		alignItems: 'center'
 	}
 });
--- a/app/views/RoomMembersView/helpers.ts
+++ b/app/views/RoomMembersView/helpers.ts
@ -1,7 +1,7 @@
 import { Q } from '@nozbe/watermelondb';

 import { LISTENER } from '../../containers/Toast';
-import { IUser, SubscriptionType, TSubscriptionModel, TUserModel } from '../../definitions';
+import { IGetRoomRoles, IUser, SubscriptionType, TSubscriptionModel, TUserModel } from '../../definitions';
 import I18n from '../../i18n';
 import { getRoomTitle, showConfirmationAlert, showErrorAlert } from '../../lib/methods/helpers';
 import EventEmitter from '../../lib/methods/helpers/events';
@ -18,9 +18,9 @@ const handleGoRoom = (item: TGoRoomItem, isMasterDetail: boolean): void => {
 	goRoom({ item, isMasterDetail, popToRoot: true });
 };

-export const fetchRole = (role: string, selectedUser: TUserModel, roomRoles: any): boolean => {
-	const userRoleResult = roomRoles.find((r: any) => r.u._id === selectedUser._id);
-	return userRoleResult?.roles.includes(role);
+export const fetchRole = (role: string, selectedUser: TUserModel, roomRoles?: IGetRoomRoles[]): boolean => {
+	const userRoleResult = roomRoles?.find((r: any) => r.u._id === selectedUser._id);
+	return !!userRoleResult?.roles.includes(role);
 };

 export const fetchRoomMembersRoles = async (roomType: TRoomType, rid: string, updateState: any): Promise<void> => {
--- a/app/views/RoomMembersView/index.tsx
+++ b/app/views/RoomMembersView/index.tsx
@ -13,7 +13,7 @@ import SafeAreaView from '../../containers/SafeAreaView';
 import SearchBox from '../../containers/SearchBox';
 import StatusBar from '../../containers/StatusBar';
 import UserItem from '../../containers/UserItem';
-import { TSubscriptionModel, TUserModel } from '../../definitions';
+import { IGetRoomRoles, TSubscriptionModel, TUserModel } from '../../definitions';
 import I18n from '../../i18n';
 import { useAppSelector, usePermissions } from '../../lib/hooks';
 import { compareServerVersion, getRoomTitle, isGroupChat } from '../../lib/methods/helpers';
@ -50,7 +50,7 @@ interface IRoomMembersViewState {
 	members: TUserModel[];
 	room: TSubscriptionModel;
 	end: boolean;
-	roomRoles: any;
+	roomRoles?: IGetRoomRoles[];
 	filter: string;
 	page: number;
 }
@ -93,7 +93,7 @@ const RoomMembersView = (): React.ReactElement => {
 			members: [],
 			room: params.room || ({} as TSubscriptionModel),
 			end: false,
-			roomRoles: null,
+			roomRoles: undefined,
 			filter: '',
 			page: 0
 		}
--- a/app/views/ShareView/Header.tsx
+++ b/app/views/ShareView/Header.tsx
@ -82,13 +82,13 @@ const Header = React.memo(({ room, thread }: IHeader) => {
 			<View style={styles.inner}>
 				<Text numberOfLines={1} style={styles.text}>
 					<Text style={[styles.text, { color: textColor }]} numberOfLines={1}>
-						{I18n.t('Sending_to')}{' '}
-					</Text>
-					<CustomIcon name={icon} size={16} color={textColor} />
-					<Text style={[styles.name, { color: textColor }]} numberOfLines={1}>
-						{title}
+						{I18n.t('Sending_to')}
 					</Text>
 				</Text>
+				<CustomIcon name={icon} size={16} color={textColor} />
+				<Text style={[styles.name, { color: textColor }]} numberOfLines={1}>
+					{title}
+				</Text>
 			</View>
 		</View>
 	);
--- a/e2e/tests/assorted/09-joinfromdirectory.spec.ts
+++ b/e2e/tests/assorted/09-joinfromdirectory.spec.ts
@ -76,7 +76,6 @@ describe('Join room from directory', () => {
 				.withTimeout(2000);
 			await element(by.id('directory-view-dropdown')).tap();
 			await element(by.label('Users')).atIndex(0).tap();
-			await element(by.label('Search by')).atIndex(0).tap();
 			await navigateToRoom(otherUser.username);
 		});

@ -88,7 +87,6 @@ describe('Join room from directory', () => {
 				.withTimeout(2000);
 			await element(by.id('directory-view-dropdown')).tap();
 			await element(by.label('Teams')).atIndex(0).tap();
-			await element(by.label('Search by')).atIndex(0).tap();
 			await navigateToRoom(team);
 		});
 	});
--- a/e2e/tests/room/08-roominfo.spec.ts
+++ b/e2e/tests/room/08-roominfo.spec.ts
@ -268,5 +268,33 @@ describe('Room info screen', () => {
 					.withTimeout(10000);
 			});
 		});
+
+		describe('Navigate to user status-test', () => {
+			it('Back to rooms list view', async () => {
+				await tapBack();
+				await sleep(300);
+				await tapBack();
+				await sleep(300);
+				await tapBack();
+				await sleep(300);
+			});
+			it('should see the status text with show more label', async () => {
+				const statusTextExpected =
+					'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam laoreet odio lectus, nec varius nisi semper ut porta ante';
+				await navigateToRoomInfo('status-test');
+				await waitFor(element(by.id(`collapsible-text-truncated-${statusTextExpected}`)))
+					.toBeVisible()
+					.withTimeout(10000);
+				await sleep(400);
+				const textWithShowMoreRegExp = /Lorem[\s\S]+... Show more/i
+				await waitFor(element(by[textMatcher](textWithShowMoreRegExp)))
+					.toExist()
+					.withTimeout(10000);
+				await element(by.id(`collapsible-text-truncated-${statusTextExpected}`)).tap({ x: 320, y: 24 });
+				await waitFor(element(by.id(`collapsible-text-${statusTextExpected}`)))
+					.toBeVisible()
+					.withTimeout(10000);
+			});
+		});
 	});
 });
--- a/e2e/tests/room/10-ignoreuser.spec.ts
+++ b/e2e/tests/room/10-ignoreuser.spec.ts
@ -47,11 +47,12 @@ describe('Ignore/Block User', () => {
 				await navigateToInfoView();
 			});
 			it('should block user', async () => {
-				await waitFor(element(by.id('room-info-view-ignore').withDescendant(by[textMatcher]('Block user'))))
+				await sleep(300);
+				await waitFor(element(by.id('room-info-view-ignore').withDescendant(by[textMatcher]('Block'))))
 					.toBeVisible()
 					.withTimeout(2000);
 				await element(by.id('room-info-view-ignore')).tap();
-				await waitFor(element(by.id('room-info-view-ignore').withDescendant(by[textMatcher]('Unblock user'))))
+				await waitFor(element(by.id('room-info-view-ignore').withDescendant(by[textMatcher]('Unblock'))))
 					.toExist()
 					.withTimeout(2000);
 				await tapBack();
@ -67,7 +68,7 @@ describe('Ignore/Block User', () => {
 				await sleep(300); // wait for navigation animation
 				await tapAndWaitFor(
 					element(by.id('room-info-view-ignore')),
-					element(by.id('room-info-view-ignore').withDescendant(by[textMatcher]('Block user'))),
+					element(by.id('room-info-view-ignore').withDescendant(by[textMatcher]('Block'))),
 					2000
 				);
 				await tapBack();
@ -124,5 +125,59 @@ describe('Ignore/Block User', () => {
 					.withTimeout(2000);
 			});
 		});
+		describe('Report user', () => {
+			it('should go to user info view from a DM', async () => {
+				await tapBack();
+				await sleep(300);
+				await navigateToRoom(otherUser.username);
+				await navigateToInfoView();
+			});
+			it('should report a user from a DM', async () => {
+				await waitFor(element(by.id('room-info-view-warning').withDescendant(by[textMatcher]('Report'))))
+					.toBeVisible()
+					.withTimeout(2000);
+				await element(by.id('room-info-view-warning')).tap();
+				await sleep(300);
+				await waitFor(element(by.id('report-user-view')))
+					.toBeVisible()
+					.withTimeout(2000);
+				await waitFor(element(by.id('report-user-view-input')))
+					.toBeVisible()
+					.withTimeout(2000);
+				await element(by.id('report-user-view-input')).replaceText('e2e test');
+				await element(by.id('report-user-view-submit')).tap();
+				await sleep(500);
+				await checkRoomTitle(otherUser.username);
+			});
+			it('should go to user info view from a channel', async () => {
+				await tapBack();
+				await sleep(300);
+				await navigateToRoom(room);
+				await waitFor(element(by[textMatcher](otherUser.username)).atIndex(0))
+					.toExist()
+					.withTimeout(30000);
+				await element(by[textMatcher](otherUser.username)).atIndex(0).tap();
+				await waitFor(element(by.id('room-info-view')))
+					.toExist()
+					.withTimeout(2000);
+			});
+			it('should report a user from a channel', async () => {
+				await waitFor(element(by.id('room-info-view-warning').withDescendant(by[textMatcher]('Report'))))
+					.toBeVisible()
+					.withTimeout(2000);
+				await element(by.id('room-info-view-warning')).tap();
+				await sleep(300);
+				await waitFor(element(by.id('report-user-view')))
+					.toBeVisible()
+					.withTimeout(2000);
+				await waitFor(element(by.id('report-user-view-input')))
+					.toBeVisible()
+					.withTimeout(2000);
+				await element(by.id('report-user-view-input')).replaceText('e2e test');
+				await element(by.id('report-user-view-submit')).tap();
+				await sleep(500);
+				await checkRoomTitle(room);
+			});
+		});
 	});
 });
--- a/ios/RocketChatRN.xcodeproj/project.pbxproj
+++ b/ios/RocketChatRN.xcodeproj/project.pbxproj
@ -1766,7 +1766,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.44.0;
+				MARKETING_VERSION = 4.45.0;
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_DEBUG";
@ -1805,7 +1805,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.44.0;
+				MARKETING_VERSION = 4.45.0;
 				MTL_FAST_MATH = YES;
 				OTHER_SWIFT_FLAGS = "$(inherited) -D EXPO_CONFIGURATION_RELEASE";
 				PRODUCT_BUNDLE_IDENTIFIER = chat.rocket.reactnative.NotificationService;
--- a/ios/RocketChatRN/Info.plist
+++ b/ios/RocketChatRN/Info.plist
@ -26,7 +26,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>4.44.0</string>
+	<string>4.45.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleURLTypes</key>
@ -54,6 +54,7 @@
 		<string>googlechromes</string>
 		<string>firefox</string>
 		<string>brave</string>
+		<string>tel</string>
 	</array>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
--- a/ios/ShareRocketChatRN/Info.plist
+++ b/ios/ShareRocketChatRN/Info.plist
@ -26,7 +26,7 @@
 	<key>CFBundlePackageType</key>
 	<string>XPC!</string>
 	<key>CFBundleShortVersionString</key>
-	<string>4.44.0</string>
+	<string>4.45.0</string>
 	<key>CFBundleVersion</key>
 	<string>1</string>
 	<key>KeychainGroup</key>
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
 	"name": "rocket-chat-reactnative",
-	"version": "4.44.0",
+	"version": "4.45.0",
 	"private": true,
 	"scripts": {
 		"start": "react-native start",
@ -192,7 +192,7 @@
 		"babel-loader": "8.3.0",
 		"babel-plugin-transform-remove-console": "^6.9.4",
 		"codecov": "^3.8.3",
-		"detox": "^20.1.2",
+		"detox": "20.11.0",
 		"eslint": "^7.32.0",
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-import": "2.26.0",
--- a/yarn.lock
+++ b/yarn.lock
@ -3368,9 +3368,9 @@
    regenerator-runtime "^0.13.4"

 "@babel/runtime@^7.21.0":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.11.tgz#7a9ba3bbe406ad6f9e8dd4da2ece453eb23a77a4"
-  integrity sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==
+  version "7.23.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.6.tgz#c05e610dc228855dc92ef1b53d07389ed8ab521d"
+  integrity sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==
  dependencies:
    regenerator-runtime "^0.14.0"

@ -10143,19 +10143,20 @@ detect-port@^1.3.0:
    address "^1.0.1"
    debug "^2.6.0"

-detox@^20.1.2:
-  version "20.1.2"
-  resolved "https://registry.yarnpkg.com/detox/-/detox-20.1.2.tgz#a66c709080b53a80f3b6ba1671f5c0dbf5ae6dc7"
-  integrity sha512-SGxLyuzE8TjIc4Lg49YKD0buj3JLaX+KtprSeFvn7ZTdWd4fH6o5Szd4KM21uBSpnYEEgXTgiCypPQst6dt5mQ==
+detox@20.11.0:
+  version "20.11.0"
+  resolved "https://registry.yarnpkg.com/detox/-/detox-20.11.0.tgz#f240e01db12334e0706b7f3477e59b8a5e4358c8"
+  integrity sha512-01LpETlZwfo2V7Awo+5ccUbee7E1lvH3ldLlmXxsx3mQ0pEA65f9CaO+FWhtUGYh7vQRMOQ9SnzYdej/ydQ7iQ==
  dependencies:
    ajv "^8.6.3"
    bunyan "^1.8.12"
    bunyan-debug-stream "^3.1.0"
    caf "^15.0.1"
-    chalk "^2.4.2"
+    chalk "^4.0.0"
    child-process-promise "^2.2.0"
-    find-up "^4.1.0"
-    fs-extra "^4.0.2"
+    execa "^5.1.1"
+    find-up "^5.0.0"
+    fs-extra "^11.0.0"
    funpermaproxy "^1.1.0"
    glob "^8.0.3"
    ini "^1.3.4"
@ -10163,7 +10164,7 @@ detox@^20.1.2:
    lodash "^4.17.11"
    multi-sort-stream "^1.0.3"
    multipipe "^4.0.0"
-    node-ipc "^9.2.1"
+    node-ipc "9.2.1"
    proper-lockfile "^3.0.2"
    resolve-from "^5.0.0"
    sanitize-filename "^1.6.1"
@ -10178,8 +10179,8 @@ detox@^20.1.2:
    trace-event-lib "^1.3.1"
    which "^1.3.1"
    ws "^7.0.0"
-    yargs "^16.0.3"
-    yargs-parser "^20.2.9"
+    yargs "^17.0.0"
+    yargs-parser "^21.0.0"
    yargs-unparser "^2.0.0"

 diff-sequences@^25.2.6:
@ -11120,7 +11121,7 @@ execa@^2.0.3:
    signal-exit "^3.0.2"
    strip-final-newline "^2.0.0"

-execa@^5.0.0:
+execa@^5.0.0, execa@^5.1.1:
  version "5.1.1"
  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@ -11925,14 +11926,14 @@ fs-extra@^10.1.0:
    jsonfile "^6.0.1"
    universalify "^2.0.0"

-fs-extra@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94"
-  integrity sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==
+fs-extra@^11.0.0:
+  version "11.2.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.2.0.tgz#e70e17dfad64232287d01929399e0ea7c86b0e5b"
+  integrity sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==
  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"

 fs-extra@^8.1.0, fs-extra@~8.1.0:
  version "8.1.0"
@ -15926,7 +15927,7 @@ node-int64@^0.4.0:
  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=

-node-ipc@^9.2.1:
+node-ipc@9.2.1:
  version "9.2.1"
  resolved "https://registry.yarnpkg.com/node-ipc/-/node-ipc-9.2.1.tgz#b32f66115f9d6ce841dc4ec2009d6a733f98bb6b"
  integrity sha512-mJzaM6O3xHf9VT8BULvJSbdVbmHUKRNOH7zDDkCrA1/T+CVjq2WVIDfLt0azZRXpgArJtl3rtmEozrbXPZ9GaQ==
@ -18363,9 +18364,9 @@ regenerator-runtime@^0.13.7:
  integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==

 regenerator-runtime@^0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
-  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==

 regenerator-transform@^0.14.2:
  version "0.14.4"
@ -21636,7 +21637,7 @@ yargs@^15.1.0, yargs@^15.3.1:
    y18n "^4.0.0"
    yargs-parser "^18.1.2"

-yargs@^16.0.3, yargs@^16.1.1, yargs@^16.2.0:
+yargs@^16.1.1, yargs@^16.2.0:
  version "16.2.0"
  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
@ -21649,6 +21650,19 @@ yargs@^16.0.3, yargs@^16.1.1, yargs@^16.2.0:
    y18n "^5.0.5"
    yargs-parser "^20.2.2"

+yargs@^17.0.0, yargs@^17.5.1:
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
 yargs@^17.3.1:
  version "17.5.1"
  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.5.1.tgz#e109900cab6fcb7fd44b1d8249166feb0b36e58e"
@ -21662,19 +21676,6 @@ yargs@^17.3.1:
    y18n "^5.0.5"
    yargs-parser "^21.0.0"

-yargs@^17.5.1:
-  version "17.7.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
-  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
-  dependencies:
-    cliui "^8.0.1"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.3"
-    y18n "^5.0.5"
-    yargs-parser "^21.1.1"
-
 yn@3.1.1:
  version "3.1.1"
  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"