stream-chat-react-native-core 5.25.0-beta.7 → 5.25.1-beta.1

package/lib/typescript/utils/compressImage.d.ts

@@ -5,4 +5,4 @@ import type { Asset } from '../types/types';
  * @param compressImageQuality
  * @returns string
  */
-export declare const compressedImageURI: (image: Partial<Asset>, compressImageQuality?: number | undefined) => Promise<string>;
+export declare const compressedImageURI: (image: Partial<Asset>, compressImageQuality?: number) => Promise<string>;

package/lib/typescript/utils/getResizedImageUrl.d.ts

@@ -1,4 +1,4 @@
-export declare type GetResizedImageUrlParams = {
+export type GetResizedImageUrlParams = {
     url: string;
     height?: string | number;
     resize?: 'clip' | 'crop' | 'fill' | 'scale';

package/lib/typescript/utils/utils.d.ts

@@ -8,16 +8,16 @@ import { Emoji } from '../emoji-data';
 import type { IconProps } from '../icons/utils/base';
 import type { TableRowJoinedUser } from '../store/types';
 import type { DefaultStreamChatGenerics, ValueOf } from '../types/types';
-export declare type ReactionData = {
+export type ReactionData = {
     Icon: React.FC<IconProps>;
     type: string;
 };
 export declare const FileState: Readonly<{
-    FINISHED: string;
-    NOT_SUPPORTED: string;
-    UPLOAD_FAILED: string;
-    UPLOADED: string;
-    UPLOADING: string;
+    FINISHED: "finished";
+    NOT_SUPPORTED: "not_supported";
+    UPLOAD_FAILED: "upload_failed";
+    UPLOADED: "uploaded";
+    UPLOADING: "uploading";
 }>;
 export declare const ProgressIndicatorTypes: {
     IN_PROGRESS: 'in_progress';
@@ -30,8 +30,8 @@ export declare const MessageStatusTypes: {
     RECEIVED: string;
     SENDING: string;
 };
-export declare type FileStateValue = typeof FileState[keyof typeof FileState];
-declare type Progress = ValueOf<typeof ProgressIndicatorTypes>;
+export type FileStateValue = typeof FileState[keyof typeof FileState];
+type Progress = ValueOf<typeof ProgressIndicatorTypes>;
 export declare const getIndicatorTypeForFileState: (fileState: FileStateValue, enableOfflineSupport: boolean) => Progress | null;
 /**
  * Utility to check if the message is a Blocked message.
@@ -55,8 +55,8 @@ export declare const queryUsersDebounced: DebouncedFunc<(<StreamChatGenerics ext
 export declare const isCommandTrigger: (trigger: Trigger) => trigger is "/";
 export declare const isEmojiTrigger: (trigger: Trigger) => trigger is ":";
 export declare const isMentionTrigger: (trigger: Trigger) => trigger is "@";
-export declare type Trigger = '/' | '@' | ':';
-export declare type TriggerSettings<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+export type Trigger = '/' | '@' | ':';
+export type TriggerSettings<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     '/'?: {
         dataProvider: (query: CommandResponse<StreamChatGenerics>['name'], text: string, onReady?: (data: CommandResponse<StreamChatGenerics>[], q: CommandResponse<StreamChatGenerics>['name']) => void, options?: {
             limit?: number;
@@ -92,17 +92,17 @@ export declare type TriggerSettings<StreamChatGenerics extends DefaultStreamChat
         type: SuggestionComponentType;
     };
 };
-export declare type ACITriggerSettingsParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+export type ACITriggerSettingsParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     channel: Channel<StreamChatGenerics>;
     client: StreamChat<StreamChatGenerics>;
     onMentionSelectItem: (item: SuggestionUser<StreamChatGenerics>) => void;
     emojiSearchIndex?: EmojiSearchIndex;
 };
-export declare type QueryUsersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (client: StreamChat<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
+export type QueryUsersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (client: StreamChat<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
     limit?: number;
     mentionAllAppUsersQuery?: MentionAllAppUsersQuery<StreamChatGenerics>;
 }) => Promise<void>;
-export declare type QueryMembersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (channel: Channel<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
+export type QueryMembersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (channel: Channel<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
     limit?: number;
 }) => Promise<void>;
 /**
@@ -122,7 +122,7 @@ export declare const defaultEmojiSearchIndex: EmojiSearchIndex;
  */
 export declare const ACITriggerSettings: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, emojiSearchIndex, onMentionSelectItem, }: ACITriggerSettingsParams<StreamChatGenerics>) => TriggerSettings<StreamChatGenerics>;
 export declare const makeImageCompatibleUrl: (url: string) => string;
-export declare const getUrlWithoutParams: (url?: string | undefined) => string | undefined;
+export declare const getUrlWithoutParams: (url?: string) => string | undefined;
 export declare const isLocalUrl: (url: string) => boolean;
 export declare const generateRandomId: (a?: string) => string;
 export declare const hasOnlyEmojis: (text: string) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.25.0-beta.7",
+  "version": "5.25.1-beta.1",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -150,12 +150,8 @@
     "react-native-svg": "12.1.1",
     "react-native-typescript-transformer": "1.2.13",
     "react-test-renderer": "17.0.2",
-    "typescript": "4.4.3",
+    "typescript": "5.0.4",
     "uuid": "^8.3.2",
     "webpack": "4.44.2"
-  },
-  "resolutions": {
-    "@types/react": "17.0.5",
-    "@types/react-native": "0.67.3"
   }
 }

package/src/components/Channel/Channel.tsx

@@ -592,7 +592,7 @@ const ChannelWithContext = <
   const [threadHasMore, setThreadHasMore] = useState(true);
   const [threadLoadingMore, setThreadLoadingMore] = useState(false);
 
-  const [syncingChannel, setSyncingChannel] = useState(false);
+  const syncingChannelRef = useRef(false);
 
   /**
    * Flag to track if we know for sure that there are no more recent messages to load.
@@ -618,7 +618,7 @@ const ChannelWithContext = <
   const channelId = channel?.id || '';
 
   useEffect(() => {
-    const initChannel = () => {
+    const initChannel = async () => {
       if (!channel || !shouldSyncChannel || channel.offlineMode) return;
       /**
        * Loading channel at first unread message  requires channel to be initialized in the first place,
@@ -626,22 +626,20 @@ const ChannelWithContext = <
        * Also there is no use case from UX perspective, why one would need loading uninitialized channel at particular message.
        * If the channel is not initiated, then we need to do channel.watch, which is more expensive for backend than channel.query.
        */
+      let channelLoaded = false;
       if (!channel.initialized) {
-        loadChannel();
-        return;
+        await loadChannel();
+        channelLoaded = true;
       }
 
       if (messageId) {
         loadChannelAroundMessage({ messageId });
-        return;
-      }
-
-      if (
+      } else if (
         initialScrollToFirstUnreadMessage &&
         channel.countUnread() > scrollToFirstUnreadThreshold
       ) {
         loadChannelAtFirstUnreadMessage();
-      } else {
+      } else if (!channelLoaded) {
         loadChannel();
       }
     };
@@ -858,9 +856,11 @@ const ChannelWithContext = <
         if (typeof scrollToMessageId === 'function') {
           scrollToMessageId = scrollToMessageId();
         }
+
         const scrollToMessageIndex = scrollToMessageId
           ? currentMessages.findIndex(({ id }) => id === scrollToMessageId)
           : -1;
+
         if (channel && scrollToMessageIndex !== -1) {
           // We assume that on average user sees 5 messages on screen
           // We dont want new renders to happen while scrolling to the targeted message
@@ -977,13 +977,15 @@ const ChannelWithContext = <
               // in order to attempt to not throw away, will attempt to merge it by loading 25 more messages
               const recentCurrentSetMsgId =
                 currentMessageSet.messages[currentMessageSet.messages.length - 1].id;
-              await channel.query({
-                messages: {
-                  id_gte: recentCurrentSetMsgId,
-                  limit: 25,
+              await channel.query(
+                {
+                  messages: {
+                    id_gte: recentCurrentSetMsgId,
+                    limit: 25,
+                  },
                 },
-                watch: true,
-              });
+                'current',
+              );
               // if the gap is more than 25, we will unfortunately have to throw away the latest messages
             }
           } else {
@@ -1153,10 +1155,11 @@ const ChannelWithContext = <
   };
 
   const resyncChannel = async () => {
-    if (!channel || syncingChannel) return;
+    if (!channel || syncingChannelRef.current) return;
+    if (!channel.initialized) return;
     hasOverlappingRecentMessagesRef.current = false;
     clearInterval(mergeSetsIntervalRef.current);
-    setSyncingChannel(true);
+    syncingChannelRef.current = true;
 
     setError(false);
     try {
@@ -1263,7 +1266,7 @@ const ChannelWithContext = <
       setLoading(false);
     }
 
-    setSyncingChannel(false);
+    syncingChannelRef.current = false;
   };
 
   // resync channel is added to ref so that it can be used in useEffect without adding it as a dependency
@@ -1279,7 +1282,11 @@ const ChannelWithContext = <
     let connectionChangedSubscription: ReturnType<ChannelType['on']>;
 
     if (enableOfflineSupport) {
-      connectionChangedSubscription = DBSyncManager.onSyncStatusChange(connectionChangedHandler);
+      connectionChangedSubscription = DBSyncManager.onSyncStatusChange((statusChanged) => {
+        if (statusChanged) {
+          connectionChangedHandler();
+        }
+      });
     } else {
       connectionChangedSubscription = client.on('connection.changed', (event) => {
         if (event.online) {
@@ -1472,8 +1479,8 @@ const ChannelWithContext = <
       text,
       type: 'regular',
       user: {
-        id: client.userID,
         ...messageUser,
+        id: client.userID,
       },
       ...extraFields,
     } as unknown as MessageResponse<StreamChatGenerics>;

package/src/components/ChannelPreview/ChannelPreview.tsx

@@ -18,7 +18,7 @@ export type ChannelPreviewPropsWithContext<
 > = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
   Pick<ChannelsContextValue<StreamChatGenerics>, 'Preview' | 'forceUpdate'> & {
     /**
-     * The previewed channel
+     * Instance of Channel from stream-chat package.
      */
     channel: Channel<StreamChatGenerics>;
   };

package/src/components/ChannelPreview/ChannelPreviewMessage.tsx

@@ -18,6 +18,9 @@ const styles = StyleSheet.create({
 export type ChannelPreviewMessageProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
+  /**
+   * Latest message on a channel, formatted for preview.
+   */
   latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;
 };
 

package/src/components/ChannelPreview/ChannelPreviewMessenger.tsx

@@ -165,16 +165,15 @@ const ChannelPreviewMessengerWithContext = <
         testID={`channel-preview-content-${channel.id}`}
       >
         <View style={[styles.row, row]}>
-          <PreviewTitle channel={channel} displayName={displayName} />
+          <PreviewTitle displayName={displayName} />
           <View style={[styles.statusContainer, row]}>
             {isChannelMuted && <PreviewMutedStatus />}
-            <PreviewUnreadCount channel={channel} maxUnreadCount={maxUnreadCount} unread={unread} />
+            <PreviewUnreadCount maxUnreadCount={maxUnreadCount} unread={unread} />
           </View>
         </View>
         <View style={[styles.row, row]}>
           <PreviewMessage latestMessagePreview={latestMessagePreview} />
           <PreviewStatus
-            channel={channel}
             formatLatestMessageDate={formatLatestMessageDate}
             latestMessagePreview={latestMessagePreview}
           />

package/src/components/ChannelPreview/ChannelPreviewStatus.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
-import type { ChannelPreviewProps } from './ChannelPreview';
 import type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMessenger';
 import { MessageReadStatus } from './hooks/useLatestMessagePreview';
 
@@ -26,8 +25,7 @@ export type ChannelPreviewStatusProps<
 > = Pick<
   ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,
   'latestMessagePreview' | 'formatLatestMessageDate'
-> &
-  Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;
+>;
 
 export const ChannelPreviewStatus = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,

package/src/components/ChannelPreview/ChannelPreviewTitle.tsx

@@ -1,27 +1,20 @@
 import React from 'react';
 import { StyleSheet, Text } from 'react-native';
 
-import type { ChannelPreviewProps } from './ChannelPreview';
-
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   title: { fontSize: 14, fontWeight: '700' },
 });
 
-export type ChannelPreviewTitleProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {
+export type ChannelPreviewTitleProps = {
+  /**
+   * Formatted name for the previewed channel.
+   */
   displayName: string;
 };
 
-export const ChannelPreviewTitle = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelPreviewTitleProps<StreamChatGenerics>,
-) => {
+export const ChannelPreviewTitle = (props: ChannelPreviewTitleProps) => {
   const { displayName } = props;
   const {
     theme: {

package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx

@@ -1,16 +1,17 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
-import type { ChannelPreviewProps } from './ChannelPreview';
-
+import type { ChannelsContextValue } from '../../contexts/channelsContext/ChannelsContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ChannelPreviewUnreadCountProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {
-  maxUnreadCount: number;
+> = Pick<ChannelsContextValue<StreamChatGenerics>, 'maxUnreadCount'> & {
+  /**
+   * Number of unread messages on the channel
+   */
   unread?: number;
 };
 

package/src/components/Message/Message.tsx

@@ -100,8 +100,17 @@ export type TouchableHandlerPayload = {
 export type MessageTouchableHandlerPayload<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = TouchableHandlerPayload & {
+  /**
+   * Set of action handler functions for various message actions. You can use these functions to perform any action when give interaction occurs.
+   */
   actionHandlers?: MessageActionHandlers;
+  /**
+   * Additional message touchable handler info.
+   */
   additionalInfo?: Record<string, unknown>;
+  /**
+   * Message object, on which interaction occurred.
+   */
   message?: MessageType<StreamChatGenerics>;
 };
 

package/src/components/MessageInput/hooks/useCountdown.ts

@@ -15,7 +15,7 @@ export const useCountdown = (end: Date) => {
    * the `end` is in the future.
    **/
   useEffect(() => {
-    let intervalId: NodeJS.Timer;
+    let intervalId: NodeJS.Timeout;
 
     const startCountdown = (seconds: number) => {
       setSeconds(seconds);

package/src/components/MessageOverlay/MessageActionListItem.tsx

@@ -26,10 +26,26 @@ export type ActionType =
   | 'unpinMessage';
 
 export type MessageActionType = {
+  /**
+   * Callback when user presses the action button.
+   */
   action: () => void;
+  /**
+   * Type of the action performed.
+   * Eg: 'blockUser', 'copyMessage', 'deleteMessage', 'editMessage', 'flagMessage', 'muteUser', 'pinMessage', 'selectReaction', 'reply', 'retry', 'quotedReply', 'threadReply', 'unpinMessage'
+   */
   actionType: ActionType;
+  /**
+   * Title for action button.
+   */
   title: string;
+  /**
+   * Element to render as icon for action button.
+   */
   icon?: React.ReactElement;
+  /**
+   * Styles for underlying Text component of action title.
+   */
   titleStyle?: StyleProp<TextStyle>;
 };
 

package/src/contexts/channelsContext/ChannelsContext.tsx

@@ -199,7 +199,7 @@ export type ChannelsContextValue<
    *
    * **Default** [ChannelPreviewTitle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx)
    */
-  PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<StreamChatGenerics>>;
+  PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps>;
   /**
    * Custom UI component to render preview avatar.
    *

package/src/contexts/chatContext/ChatContext.tsx

@@ -35,6 +35,9 @@ export type ChatContextValue<
   client: StreamChat<StreamChatGenerics>;
   connectionRecovering: boolean;
   enableOfflineSupport: boolean;
+  /**
+   * Drop in replacement of all the underlying Image components within SDK. This is useful for the purpose of offline caching of images. Please check the Offline Support Guide for usage.
+   */
   ImageComponent: React.ComponentType<ImageProps>;
   isOnline: boolean | null;
   mutedUsers: Mute<StreamChatGenerics>[];

package/src/contexts/themeContext/ThemeContext.tsx

@@ -42,9 +42,9 @@ export const mergeThemes = (params: MergedThemesParams) => {
 
 export const ThemeContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as Theme);
 
-export const ThemeProvider: React.FC<
-  PropsWithChildren<ThemeProviderInputValue & Partial<ThemeContextValue>>
-> = (props) => {
+export const ThemeProvider = (
+  props: PropsWithChildren<ThemeProviderInputValue & Partial<ThemeContextValue>>,
+) => {
   const { children, mergedStyle, style, theme } = props;
 
   const modifiedTheme = useMemo(() => {

package/src/i18n/en.json

@@ -26,7 +26,7 @@
   "File type not supported": "File type not supported",
   "Flag": "Flag",
   "Flag Message": "Flag Message",
-  "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged",
+  "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged.",
   "How about sending your first message to a friend?": "How about sending your first message to a friend?",
   "Instant Commands": "Instant Commands",
   "Let's start chatting!": "Let's start chatting!",

package/src/i18n/es.json

@@ -3,20 +3,20 @@
   "1 Thread Reply": "1 respuesta de hilo",
   "Allow access to your Gallery": "Permitir acceso a tu galería",
   "Allow camera access in device settings": "Permitir el acceso a la cámara en la configuración del dispositivo",
-  "Also send to channel": "",
-  "Are you sure you want to permanently delete this message?": "",
-  "Are you sure?": "¿Estás seguro?",
-  "Block User": "",
-  "Cancel": "",
-  "Cannot Flag Message": "",
-  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "Considera cómo tu comentario podría hacer sentir a los demás y asegúrate de seguir nuestras Normas de la Comunidad",
-  "Copy Message": "",
-  "Delete": "",
-  "Delete Message": "",
+  "Also send to channel": "También enviar al canal",
+  "Are you sure you want to permanently delete this message?": "¿Estás seguro de que deseas eliminar permanentemente este mensaje?",
+  "Are you sure?": "",
+  "Block User": "Bloquear usuario",
+  "Cancel": "Cancelar",
+  "Cannot Flag Message": "No se puede reportar el mensaje",
+  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
+  "Copy Message": "Copiar mensaje",
+  "Delete": "Eliminar",
+  "Delete Message": "Eliminar mensaje",
   "Device camera is used to take photos or videos.": "La cámara del dispositivo se utiliza para tomar fotografías o vídeos.",
-  "Do you want to send a copy of this message to a moderator for further investigation?": "",
-  "Edit Message": "",
-  "Editing Message": "",
+  "Do you want to send a copy of this message to a moderator for further investigation?": "¿Deseas enviar una copia de este mensaje a un moderador para una investigación adicional?",
+  "Edit Message": "Editar mensaje",
+  "Editing Message": "Editando mensaje",
   "Emoji matching": "Coincidencia de emoji",
   "Empty message...": "",
   "Error loading": "",
@@ -24,50 +24,50 @@
   "Error loading messages for this channel...": "",
   "Error while loading, please reload/refresh": "",
   "File type not supported": "",
-  "Flag": "",
-  "Flag Message": "",
-  "Flag action failed either due to a network issue or the message is already flagged": "",
+  "Flag": "Reportar",
+  "Flag Message": "Reportar mensaje",
+  "Flag action failed either due to a network issue or the message is already flagged": "El reporte falló debido a un problema de red o el mensaje ya fue reportado.",
   "How about sending your first message to a friend?": "",
   "Instant Commands": "Comandos instantáneos",
   "Let's start chatting!": "",
   "Links are disabled": "",
-  "Loading channels...": "Cargando canales...",
-  "Loading messages...": "Cargando mensajes...",
-  "Loading...": "Cargando...",
+  "Loading channels...": "",
+  "Loading messages...": "",
+  "Loading...": "",
   "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
   "Message Reactions": "",
   "Message deleted": "",
-  "Message flagged": "",
-  "Mute User": "",
-  "Not supported": "No admitido",
+  "Message flagged": "Mensaje reportado",
+  "Mute User": "Silenciar usuario",
+  "Not supported": "",
   "Nothing yet...": "",
-  "Ok": "",
+  "Ok": "Aceptar",
   "Only visible to you": "Solo visible para ti",
   "Open Settings": "Configuración abierta",
-  "Photo": "Foto",
+  "Photo": "",
   "Photos and Videos": "Fotos y videos",
-  "Pin to Conversation": "",
-  "Pinned by": "",
+  "Pin to Conversation": "Fijar a la conversación",
+  "Pinned by": "Fijado por",
   "Please enable access to your photos and videos so you can share them.": "Por favor, habilita el acceso a tus fotos y videos para poder compartirlos.",
   "Please select a channel first": "",
   "Reconnecting...": "",
-  "Reply": "",
+  "Reply": "Responder",
   "Reply to Message": "",
-  "Resend": "",
-  "Search GIFs": "Buscar GIFs",
+  "Resend": "Reenviar",
+  "Search GIFs": "",
   "Select More Photos": "Seleccionar más fotos",
-  "Send Anyway": "Enviar de todos modos",
-  "Send a message": "Enviar un mensaje",
+  "Send Anyway": "",
+  "Send a message": "",
   "Sending links is not allowed in this conversation": "",
-  "Slow mode ON": "Modo lento ACTIVADO",
-  "The message has been reported to a moderator.": "",
-  "Thread Reply": "",
-  "Unblock User": "",
+  "Slow mode ON": "",
+  "The message has been reported to a moderator.": "El mensaje ha sido reportado a un moderador.",
+  "Thread Reply": "Respuesta de hilo",
+  "Unblock User": "Desbloquear usuario",
   "Unknown User": "Usuario desconocido",
-  "Unmute User": "",
-  "Unpin from Conversation": "",
+  "Unmute User": "Activar sonido del usuario",
+  "Unpin from Conversation": "Desmarcar de la conversación",
   "Unread Messages": "",
-  "Video": "Video",
+  "Video": "",
   "You": "",
   "You can't send messages in this channel": "",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} y {{ nonSelfUserLength }} más están escribiendo",