stream-chat-react-native-core 5.24.0-beta.3 → 5.24.0-beta.5

package/src/components/Message/Message.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 import { GestureResponderEvent, Keyboard, StyleProp, View, ViewStyle } from 'react-native';
 
 import type { Attachment, UserResponse } from 'stream-chat';
@@ -44,7 +44,12 @@ import {
 
 import { isVideoPackageAvailable, triggerHaptic } from '../../native';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-import { hasOnlyEmojis, isBlockedMessage, MessageStatusTypes } from '../../utils/utils';
+import {
+  hasOnlyEmojis,
+  isBlockedMessage,
+  isBouncedMessage,
+  MessageStatusTypes,
+} from '../../utils/utils';
 
 import {
   isMessageWithStylesReadByAndDateSeparator,
@@ -141,6 +146,7 @@ export type MessagePropsWithContext<
     | 'isAttachmentEqual'
     | 'messageActions'
     | 'messageContentOrder'
+    | 'MessageBounce'
     | 'MessageSimple'
     | 'onLongPressMessage'
     | 'onPressInMessage'
@@ -217,6 +223,7 @@ const MessageWithContext = <
 >(
   props: MessagePropsWithContext<StreamChatGenerics>,
 ) => {
+  const [isBounceDialogOpen, setIsBounceDialogOpen] = useState(false);
   const isMessageTypeDeleted = props.message.type === 'deleted';
 
   const {
@@ -249,6 +256,7 @@ const MessageWithContext = <
     messageActions: messageActionsProp = defaultMessageActions,
     messageContentOrder: messageContentOrderProp,
     messagesContext,
+    MessageBounce,
     MessageSimple,
     onLongPress: onLongPressProp,
     onLongPressMessage: onLongPressMessageProp,
@@ -319,9 +327,19 @@ const MessageWithContext = <
     }
     const quotedMessage = message.quoted_message as MessageType<StreamChatGenerics>;
     if (error) {
+      /**
+       * If its a Blocked message, we don't do anything as per specs.
+       */
       if (isBlockedMessage(message)) {
         return;
       }
+      /**
+       * If its a Bounced message, we open the message bounced options modal.
+       */
+      if (isBouncedMessage(message)) {
+        setIsBounceDialogOpen(true);
+        return;
+      }
       showMessageOverlay(false, true);
     } else if (quotedMessage) {
       onPressQuotedMessage(quotedMessage);
@@ -622,6 +640,11 @@ const MessageWithContext = <
           })
       : enableLongPress
       ? () => {
+          // If a message is bounced, on long press the message bounce options modal should open.
+          if (isBouncedMessage(message)) {
+            setIsBounceDialogOpen(true);
+            return;
+          }
           triggerHaptic('impactMedium');
           showMessageOverlay(false);
         }
@@ -730,6 +753,7 @@ const MessageWithContext = <
         >
           <MessageProvider value={messageContext}>
             <MessageSimple />
+            {isBounceDialogOpen && <MessageBounce setIsBounceDialogOpen={setIsBounceDialogOpen} />}
           </MessageProvider>
         </View>
       </View>

package/src/components/Message/MessageSimple/MessageBounce.tsx

@@ -0,0 +1,119 @@
+import React from 'react';
+import { Alert } from 'react-native';
+
+import {
+  MessageContextValue,
+  useMessageContext,
+} from '../../../contexts/messageContext/MessageContext';
+import {
+  MessagesContextValue,
+  useMessagesContext,
+} from '../../../contexts/messagesContext/MessagesContext';
+import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
+
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+
+export type MessageBouncePropsWithContext<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Pick<
+  MessagesContextValue<StreamChatGenerics>,
+  'setEditingState' | 'removeMessage' | 'retrySendMessage'
+> &
+  Pick<MessageContextValue<StreamChatGenerics>, 'message'> & {
+    setIsBounceDialogOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  };
+
+export const MessageBounceWithContext = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  props: MessageBouncePropsWithContext<StreamChatGenerics>,
+) => {
+  const { t } = useTranslationContext();
+  const { message, removeMessage, retrySendMessage, setEditingState, setIsBounceDialogOpen } =
+    props;
+
+  const handleEditMessage = () => {
+    setEditingState(message);
+    if (setIsBounceDialogOpen) {
+      setIsBounceDialogOpen(false);
+    }
+  };
+
+  const handleResend = () => {
+    retrySendMessage(message);
+    if (setIsBounceDialogOpen) {
+      setIsBounceDialogOpen(false);
+    }
+  };
+
+  const handleRemoveMessage = () => {
+    removeMessage(message);
+    if (setIsBounceDialogOpen) {
+      setIsBounceDialogOpen(false);
+    }
+  };
+
+  return (
+    <>
+      {Alert.alert(
+        t('Are you sure?'),
+        t(
+          'Consider how your comment might make others feel and be sure to follow our Community Guidelines',
+        ),
+        [
+          { onPress: handleResend, text: t('Send Anyway') },
+          { onPress: handleEditMessage, text: t('Edit Message') },
+          { onPress: handleRemoveMessage, text: t('Delete Message') },
+        ],
+        { cancelable: true },
+      )}
+    </>
+  );
+};
+
+const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+  prevProps: MessageBouncePropsWithContext<StreamChatGenerics>,
+  nextProps: MessageBouncePropsWithContext<StreamChatGenerics>,
+) => {
+  const { message: prevMessage } = prevProps;
+  const { message: nextMessage } = nextProps;
+  const messageEqual =
+    prevMessage.cid === nextMessage.cid &&
+    prevMessage.type === nextMessage.type &&
+    prevMessage.text === nextMessage.text;
+  if (!messageEqual) return false;
+
+  return true;
+};
+
+const MemoizedMessageBounce = React.memo(
+  MessageBounceWithContext,
+  areEqual,
+) as typeof MessageBounceWithContext;
+
+export type MessageBounceProps<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Partial<MessageBouncePropsWithContext<StreamChatGenerics>> & {
+  setIsBounceDialogOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+
+export const MessageBounce = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  props: MessageBounceProps<StreamChatGenerics>,
+) => {
+  const { message } = useMessageContext<StreamChatGenerics>();
+  const { removeMessage, retrySendMessage, setEditingState } =
+    useMessagesContext<StreamChatGenerics>();
+  return (
+    <MemoizedMessageBounce<StreamChatGenerics>
+      {...{
+        message,
+        removeMessage,
+        retrySendMessage,
+        setEditingState,
+      }}
+      {...props}
+    />
+  );
+};

package/src/components/Message/hooks/useMessageActionHandlers.ts

@@ -32,8 +32,7 @@ export const useMessageActionHandlers = <
   Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'enforceUniqueReaction'> &
   Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
   Pick<MessageContextValue<StreamChatGenerics>, 'message'>) => {
-  const handleResendMessage = () =>
-    retrySendMessage(message as MessageResponse<StreamChatGenerics>);
+  const handleResendMessage = () => retrySendMessage(message);
 
   const handleQuotedReplyMessage = () => {
     setQuotedMessageState(message);

package/src/components/Message/hooks/useMessageActions.tsx

@@ -339,7 +339,7 @@ export const useMessageActions = <
       setOverlay('none');
       const messageWithoutReservedFields = removeReservedFields(message);
       if (handleRetry) {
-        handleRetry(messageWithoutReservedFields);
+        handleRetry(messageWithoutReservedFields as MessageType<StreamChatGenerics>);
       }
 
       await handleResendMessage();

package/src/components/MessageInput/SendButton.tsx

@@ -40,8 +40,8 @@ const SendButtonWithContext = <
       testID='send-button'
     >
       {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} {...searchIcon} />}
-      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendUpIcon} />}
-      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendRightIcon} />}
+      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendRightIcon} />}
+      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendUpIcon} />}
     </Pressable>
   );
 };

package/src/components/index.ts

@@ -96,6 +96,7 @@ export * from './Message/hooks/useMessageActions';
 export * from './Message/hooks/useMessageActionHandlers';
 export * from './Message/Message';
 export * from './Message/MessageSimple/MessageAvatar';
+export * from './Message/MessageSimple/MessageBounce';
 export * from './Message/MessageSimple/MessageContent';
 export * from './Message/MessageSimple/MessageDeleted';
 export * from './Message/MessageSimple/MessageError';

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -18,7 +18,7 @@ import {
 } from 'stream-chat';
 
 import { useCreateMessageInputContext } from './hooks/useCreateMessageInputContext';
-import { isEditingBoolean, useMessageDetailsForState } from './hooks/useMessageDetailsForState';
+import { useMessageDetailsForState } from './hooks/useMessageDetailsForState';
 
 import { parseLinksFromText } from '../../components/Message/MessageSimple/utils/parseLinks';
 import type { AttachButtonProps } from '../../components/MessageInput/AttachButton';
@@ -53,11 +53,13 @@ import {
   FileState,
   FileStateValue,
   generateRandomId,
+  isBouncedMessage,
   TriggerSettings,
 } from '../../utils/utils';
 import { useAttachmentPickerContext } from '../attachmentPickerContext/AttachmentPickerContext';
 import { ChannelContextValue, useChannelContext } from '../channelContext/ChannelContext';
 import { useChatContext } from '../chatContext/ChatContext';
+import { useMessagesContext } from '../messagesContext/MessagesContext';
 import { useOwnCapabilitiesContext } from '../ownCapabilitiesContext/OwnCapabilitiesContext';
 import { useThreadContext } from '../threadContext/ThreadContext';
 import { useTranslationContext } from '../translationContext/TranslationContext';
@@ -226,7 +228,6 @@ export type InputMessageInputContextValue<
    * **default** [CooldownTimer](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/CooldownTimer.tsx)
    */
   CooldownTimer: React.ComponentType<CooldownTimerProps>;
-  editing: boolean | MessageType<StreamChatGenerics>;
   editMessage: StreamChat<StreamChatGenerics>['updateMessage'];
 
   /**
@@ -331,6 +332,12 @@ export type InputMessageInputContextValue<
     channel: ChannelContextValue<StreamChatGenerics>['channel'],
   ) => Promise<SendFileAPIResponse>;
 
+  /**
+   * Variable that tracks the editing state.
+   * It is defined with message type if the editing state is true, else its undefined.
+   */
+  editing?: MessageType<StreamChatGenerics>;
+
   /** Initial value to set on input */
   initialValue?: string;
   /**
@@ -398,6 +405,7 @@ export const MessageInputProvider = <
   const { closePicker, openPicker, selectedPicker, setSelectedPicker } =
     useAttachmentPickerContext();
   const { appSettings, client, enableOfflineSupport } = useChatContext<StreamChatGenerics>();
+  const { removeMessage } = useMessagesContext();
 
   const getFileUploadConfig = () => {
     const fileConfig = appSettings?.app?.file_upload_config;
@@ -625,6 +633,9 @@ export const MessageInputProvider = <
       (prevNumberOfUploads) => prevNumberOfUploads - (pendingAttachments?.length || 0),
     );
     setText('');
+    if (value.editing) {
+      value.clearEditingState();
+    }
   };
 
   const mapImageUploadToAttachment = (image: ImageUpload): Attachment<StreamChatGenerics> => {
@@ -771,9 +782,10 @@ export const MessageInputProvider = <
       return;
     }
 
-    if (value.editing && !isEditingBoolean(value.editing)) {
+    const message = value.editing;
+    if (message && message.type !== 'error') {
       const updatedMessage = {
-        ...value.editing,
+        ...message,
         attachments,
         mentioned_users: mentionedUsers,
         quoted_message: undefined,
@@ -795,6 +807,12 @@ export const MessageInputProvider = <
       sending.current = false;
     } else {
       try {
+        /**
+         * If the message is bounced by moderation, we firstly remove the message from message list and then send a new message.
+         */
+        if (message && isBouncedMessage(message as MessageType<StreamChatGenerics>)) {
+          removeMessage(message);
+        }
         value.sendMessage({
           attachments,
           mentioned_users: uniq(mentionedUsers),
@@ -890,7 +908,7 @@ export const MessageInputProvider = <
 
   const updateMessage = async () => {
     try {
-      if (!isEditingBoolean(value.editing)) {
+      if (value.editing) {
         await client.updateMessage({
           ...value.editing,
           quoted_message: undefined,
@@ -898,8 +916,8 @@ export const MessageInputProvider = <
         } as Parameters<StreamChat<StreamChatGenerics>['updateMessage']>[0]);
       }
 
-      resetInput();
       value.clearEditingState();
+      resetInput();
     } catch (error) {
       console.log(error);
     }

package/src/contexts/messageInputContext/__tests__/sendMessage.test.tsx

@@ -54,7 +54,7 @@ describe("MessageInputContext's sendMessage", () => {
     const images = generateImageUploadPreview({ state: FileState.UPLOAD_FAILED });
     const { result } = renderHook(() => useMessageInputContext(), {
       initialProps: {
-        editing: true,
+        editing: undefined,
       },
       wrapper: Wrapper,
     });
@@ -76,7 +76,7 @@ describe("MessageInputContext's sendMessage", () => {
 
     const { rerender, result } = renderHook(() => useMessageInputContext(), {
       initialProps: {
-        editing: true,
+        editing: message,
         sendImageAsync: true,
       },
       wrapper: Wrapper,
@@ -92,7 +92,7 @@ describe("MessageInputContext's sendMessage", () => {
       result.current.sendMessage();
     });
 
-    rerender({ editing: false, sendImageAsync: true });
+    rerender({ editing: undefined, sendImageAsync: true });
 
     await expect(result.current.asyncIds).toHaveLength(1);
     await expect(result.current.sending.current).toBeFalsy();
@@ -103,7 +103,7 @@ describe("MessageInputContext's sendMessage", () => {
 
     const { result } = renderHook(() => useMessageInputContext(), {
       initialProps: {
-        editing: true,
+        editing: message,
       },
       wrapper: Wrapper,
     });
@@ -125,7 +125,7 @@ describe("MessageInputContext's sendMessage", () => {
     const files = generateFileUploadPreview({ state: FileState.UPLOADING });
     const { result } = renderHook(() => useMessageInputContext(), {
       initialProps: {
-        editing: true,
+        editing: message,
       },
       wrapper: Wrapper,
     });
@@ -153,7 +153,7 @@ describe("MessageInputContext's sendMessage", () => {
     const { result } = renderHook(() => useMessageInputContext(), {
       initialProps: {
         clearQuotedMessageState: clearQuotedMessageStateMock,
-        editing: true,
+        editing: undefined,
         quotedMessage: false,
         sendMessage: sendMessageMock,
       },
@@ -189,7 +189,7 @@ describe("MessageInputContext's sendMessage", () => {
     const { result } = renderHook(() => useMessageInputContext(), {
       initialProps: {
         clearQuotedMessageState: clearQuotedMessageStateMock,
-        editing: true,
+        editing: undefined,
         quotedMessage: generatedQuotedMessage,
         setQuotedMessageState: setQuotedMessageStateMock,
       },
@@ -259,7 +259,7 @@ describe("MessageInputContext's sendMessage", () => {
     const { result } = renderHook(() => useMessageInputContext(), {
       initialProps: {
         clearQuotedMessageState: clearQuotedMessageStateMock,
-        editing: true,
+        editing: undefined,
         quotedMessage: false,
         sendMessage: sendMessageMock,
       },

package/src/contexts/messageInputContext/__tests__/updateMessage.test.tsx

@@ -87,6 +87,6 @@ describe("MessageInputContext's updateMessage", () => {
       await result.current.updateMessage();
     });
 
-    expect(clearEditingStateMock).toHaveBeenCalledTimes(1);
+    expect(clearEditingStateMock).toHaveBeenCalledTimes(2);
   });
 });

package/src/contexts/messageInputContext/__tests__/useMessageDetailsForState.test.tsx

@@ -26,7 +26,12 @@ describe('useMessageDetailsForState', () => {
   it('showMoreOptions is true when initialValue and text is same', () => {
     const { result } = renderHook(
       ({ initialValue, message }) => useMessageDetailsForState(message, initialValue),
-      { initialProps: { initialValue: 'Dummy text', message: true } },
+      {
+        initialProps: {
+          initialValue: 'Dummy text',
+          message: generateMessage({ text: 'Dummy text' }) as MessageType,
+        },
+      },
     );
 
     expect(result.current.showMoreOptions).toBe(true);

package/src/contexts/messageInputContext/hooks/useMessageDetailsForState.ts

@@ -5,12 +5,6 @@ import { generateRandomId } from '../../../utils/utils';
 
 import type { MessageInputContextValue } from '../MessageInputContext';
 
-export const isEditingBoolean = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  editing: MessageInputContextValue<StreamChatGenerics>['editing'],
-): editing is boolean => typeof editing === 'boolean';
-
 export const useMessageDetailsForState = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
@@ -32,17 +26,17 @@ export const useMessageDetailsForState = <
   }, [text]);
 
   const messageValue =
-    typeof message === 'boolean' ? '' : `${message.id}${message.text}${message.updated_at}`;
+    message === undefined ? '' : `${message.id}${message.text}${message.updated_at}`;
 
   useEffect(() => {
-    if (!isEditingBoolean<StreamChatGenerics>(message) && Array.isArray(message?.mentioned_users)) {
+    if (message && Array.isArray(message?.mentioned_users)) {
       const mentionedUsers = message.mentioned_users.map((user) => user.id);
       setMentionedUsers(mentionedUsers);
     }
   }, [messageValue]);
 
   useEffect(() => {
-    if (message && !isEditingBoolean<StreamChatGenerics>(message)) {
+    if (message) {
       setText(message?.text || '');
       const newFileUploads: FileUpload[] = [];
       const newImageUploads: ImageUpload[] = [];

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -24,6 +24,7 @@ import type {
   MessageTouchableHandlerPayload,
 } from '../../components/Message/Message';
 import type { MessageAvatarProps } from '../../components/Message/MessageSimple/MessageAvatar';
+import type { MessageBounceProps } from '../../components/Message/MessageSimple/MessageBounce';
 import type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';
 import type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';
 import type { MessageErrorProps } from '../../components/Message/MessageSimple/MessageError';
@@ -158,6 +159,10 @@ export type MessagesContextValue<
    * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageAvatar.tsx)
    **/
   MessageAvatar: React.ComponentType<MessageAvatarProps<StreamChatGenerics>>;
+  /**
+   * UI Component for MessageBounce
+   */
+  MessageBounce: React.ComponentType<MessageBounceProps<StreamChatGenerics>>;
   /**
    * UI component for MessageContent
    * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageContent.tsx)
@@ -227,14 +232,14 @@ export type MessagesContextValue<
   /**
    * Override the api request for retry message functionality.
    */
-  retrySendMessage: (message: MessageResponse<StreamChatGenerics>) => Promise<void>;
+  retrySendMessage: (message: MessageType<StreamChatGenerics>) => Promise<void>;
   /**
    * UI component for ScrollToBottomButton
    * Defaults to: [ScrollToBottomButton](https://getstream.io/chat/docs/sdk/reactnative/ui-components/scroll-to-bottom-button/)
    */
   ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;
   sendReaction: (type: string, messageId: string) => Promise<void>;
-  setEditingState: (message: MessageType<StreamChatGenerics> | boolean) => void;
+  setEditingState: (message?: MessageType<StreamChatGenerics>) => void;
   setQuotedMessageState: (message: MessageType<StreamChatGenerics> | boolean) => void;
   supportedReactions: ReactionData[];
   /**

package/src/i18n/en.json

@@ -5,9 +5,11 @@
   "Allow camera access in device settings": "Allow camera access in device settings",
   "Also send to channel": "Also send to channel",
   "Are you sure you want to permanently delete this message?": "Are you sure you want to permanently delete this message?",
+  "Are you sure?": "Are you sure?",
   "Block User": "Block User",
   "Cancel": "Cancel",
   "Cannot Flag Message": "Cannot Flag Message",
+  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "Consider how your comment might make others feel and be sure to follow our Community Guidelines",
   "Copy Message": "Copy Message",
   "Delete": "Delete",
   "Delete Message": "Delete Message",
@@ -54,6 +56,7 @@
   "Resend": "Resend",
   "Search GIFs": "Search GIFs",
   "Select More Photos": "Select More Photos",
+  "Send Anyway": "Send Anyway",
   "Send a message": "Send a message",
   "Sending links is not allowed in this conversation": "Sending links is not allowed in this conversation",
   "Slow mode ON": "Slow mode ON",

package/src/i18n/es.json

@@ -73,5 +73,8 @@
   "How about sending your first message to a friend?": "¿Qué tal enviar tu primer mensaje a un amigo?",
   "Allow camera access in device settings": "Permitir el acceso a la cámara en la configuración del dispositivo",
   "Device camera is used to take photos or videos.": "La cámara del dispositivo se utiliza para tomar fotografías o vídeos.",
-  "Open Settings": "Configuración abierta"
+  "Open Settings": "Configuración abierta",
+  "Send Anyway": "Enviar de todos modos",
+  "Are you sure?": "¿Estás seguro?",
+  "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"
 }

package/src/i18n/fr.json

@@ -5,33 +5,35 @@
   "Allow camera access in device settings": "Autoriser l'accès à la caméra dans les paramètres de l'appareil",
   "Also send to channel": "",
   "Are you sure you want to permanently delete this message?": "",
+  "Are you sure?": "",
   "Block User": "",
   "Cancel": "",
   "Cannot Flag Message": "",
+  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
   "Copy Message": "",
   "Delete": "",
   "Delete Message": "",
   "Device camera is used to take photos or videos.": "L'appareil photo de l'appareil est utilisé pour prendre des photos ou des vidéos.",
   "Do you want to send a copy of this message to a moderator for further investigation?": "",
   "Edit Message": "",
-  "Editing Message": "",
-  "Emoji matching": "",
+  "Editing Message": "Édite un message",
+  "Emoji matching": "Correspondance Emoji",
   "Empty message...": "",
   "Error loading": "",
   "Error loading channel list...": "",
   "Error loading messages for this channel...": "",
   "Error while loading, please reload/refresh": "",
-  "File type not supported": "Le type de fichier n'est pas pris en charge",
+  "File type not supported": "",
   "Flag": "",
   "Flag Message": "",
   "Flag action failed either due to a network issue or the message is already flagged": "",
   "How about sending your first message to a friend?": "",
-  "Instant Commands": "",
+  "Instant Commands": "Commandes Instantanées",
   "Let's start chatting!": "",
-  "Links are disabled": "Links are disabled",
-  "Loading channels...": "",
-  "Loading messages...": "",
-  "Loading...": "",
+  "Links are disabled": "",
+  "Loading channels...": "Chargement des canaux...",
+  "Loading messages...": "Chargement des messages...",
+  "Loading...": "Chargement...",
   "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
   "Message Reactions": "",
   "Message deleted": "",
@@ -40,12 +42,12 @@
   "Not supported": "Non pris en charge",
   "Nothing yet...": "",
   "Ok": "",
-  "Only visible to you": "Seulement visible par vous",
+  "Only visible to you": "",
   "Open Settings": "Ouvrir les paramètres",
   "Photo": "",
   "Photos and Videos": "Photos et vidéos",
   "Pin to Conversation": "",
-  "Pinned by": "Épinglé par",
+  "Pinned by": "",
   "Please enable access to your photos and videos so you can share them.": "Veuillez autoriser l'accès à vos photos et vidéos afin de pouvoir les partager.",
   "Please select a channel first": "Veuillez d'abord selectionnez un canal",
   "Reconnecting...": "",
@@ -54,8 +56,9 @@
   "Resend": "",
   "Search GIFs": "Rechercher des GIF",
   "Select More Photos": "Sélectionner plus de photos",
+  "Send Anyway": "",
   "Send a message": "Envoyer un message",
-  "Sending links is not allowed in this conversation": "Sending links is not allowed in this conversation",
+  "Sending links is not allowed in this conversation": "",
   "Slow mode ON": "Mode lent activé",
   "The message has been reported to a moderator.": "",
   "Thread Reply": "",

package/src/i18n/he.json

@@ -73,5 +73,8 @@
   "How about sending your first message to a friend?": "מה דעתך לשלוח את ההודעה הראשונה שלך לחבר?",
   "Allow camera access in device settings": "אפשר גישה למצלמה בהגדרות המכשיר",
   "Device camera is used to take photos or videos.": "מצלמת המכשיר משמשת לצילום תמונות או סרטונים.",
-  "Open Settings": "פתח את ההגדרות"
+  "Open Settings": "פתח את ההגדרות",
+  "Send Anyway": "שלח בכל זאת",
+  "Are you sure?": "האם אתה בטוח?",
+  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "שקול איך התגובה שלך עשויה להשפיע על אחרים ווודא שאתה עוקב אחר ההנחיות של הקהילה שלנו"
 }