stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

package/lib/commonjs/components/Message/Message.js

@@ -1,204 +1,159 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Message = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _useCreateMessageContext = require("./hooks/useCreateMessageContext");
-
 var _useMessageActionHandlers = require("./hooks/useMessageActionHandlers");
-
 var _useMessageActions2 = require("./hooks/useMessageActions");
-
 var _messageActions = require("./utils/messageActions");
-
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
-
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
-
 var _KeyboardContext = require("../../contexts/keyboardContext/KeyboardContext");
-
 var _MessageContext = require("../../contexts/messageContext/MessageContext");
-
 var _MessageOverlayContext = require("../../contexts/messageOverlayContext/MessageOverlayContext");
-
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
-
 var _OverlayContext = require("../../contexts/overlayContext/OverlayContext");
-
 var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _native = require("../../native");
-
 var _utils = require("../../utils/utils");
-
 var _useMessageList = require("../MessageList/hooks/useMessageList");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/Message.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/Message.tsx";
 var MessageWithContext = function MessageWithContext(props) {
   var _message$user;
-
   var isMessageTypeDeleted = props.message.type === 'deleted';
   var sendReaction = props.sendReaction,
-      channel = props.channel,
-      deleteMessageFromContext = props.deleteMessage,
-      disabled = props.disabled,
-      dismissKeyboard = props.dismissKeyboard,
-      dismissKeyboardOnMessageTouch = props.dismissKeyboardOnMessageTouch,
-      _props$enableLongPres = props.enableLongPress,
-      enableLongPress = _props$enableLongPres === void 0 ? true : _props$enableLongPres,
-      enforceUniqueReaction = props.enforceUniqueReaction,
-      _props$forceAlignMess = props.forceAlignMessages,
-      forceAlignMessages = _props$forceAlignMess === void 0 ? false : _props$forceAlignMess,
-      goToMessage = props.goToMessage,
-      _props$groupStyles = props.groupStyles,
-      groupStyles = _props$groupStyles === void 0 ? ['bottom'] : _props$groupStyles,
-      handleBlock = props.handleBlock,
-      handleCopy = props.handleCopy,
-      handleDelete = props.handleDelete,
-      handleEdit = props.handleEdit,
-      handleFlag = props.handleFlag,
-      handleMute = props.handleMute,
-      handlePinMessage = props.handlePinMessage,
-      handleQuotedReply = props.handleQuotedReply,
-      handleReactionProp = props.handleReaction,
-      handleRetry = props.handleRetry,
-      handleThreadReply = props.handleThreadReply,
-      chatContext = props.chatContext,
-      lastReceivedId = props.lastReceivedId,
-      members = props.members,
-      message = props.message,
-      _props$messageActions = props.messageActions,
-      messageActionsProp = _props$messageActions === void 0 ? _messageActions.messageActions : _props$messageActions,
-      messageContentOrderProp = props.messageContentOrder,
-      messagesContext = props.messagesContext,
-      MessageSimple = props.MessageSimple,
-      onLongPressProp = props.onLongPress,
-      onLongPressMessageProp = props.onLongPressMessage,
-      onPressProp = props.onPress,
-      onPressMessageProp = props.onPressMessage,
-      onPressInProp = props.onPressIn,
-      onPressInMessageProp = props.onPressInMessage,
-      onThreadSelect = props.onThreadSelect,
-      openThread = props.openThread,
-      OverlayReactionList = props.OverlayReactionList,
-      preventPress = props.preventPress,
-      removeMessage = props.removeMessage,
-      deleteReaction = props.deleteReaction,
-      retrySendMessage = props.retrySendMessage,
-      selectReaction = props.selectReaction,
-      setData = props.setData,
-      setEditingState = props.setEditingState,
-      setOverlay = props.setOverlay,
-      setQuotedMessageState = props.setQuotedMessageState,
-      showAvatar = props.showAvatar,
-      showMessageStatus = props.showMessageStatus,
-      showUnreadUnderlay = props.showUnreadUnderlay,
-      style = props.style,
-      supportedReactions = props.supportedReactions,
-      t = props.t,
-      isTargetedMessage = props.isTargetedMessage,
-      _props$threadList = props.threadList,
-      threadList = _props$threadList === void 0 ? false : _props$threadList,
-      updateMessage = props.updateMessage;
+    channel = props.channel,
+    deleteMessageFromContext = props.deleteMessage,
+    disabled = props.disabled,
+    dismissKeyboard = props.dismissKeyboard,
+    dismissKeyboardOnMessageTouch = props.dismissKeyboardOnMessageTouch,
+    _props$enableLongPres = props.enableLongPress,
+    enableLongPress = _props$enableLongPres === void 0 ? true : _props$enableLongPres,
+    enforceUniqueReaction = props.enforceUniqueReaction,
+    _props$forceAlignMess = props.forceAlignMessages,
+    forceAlignMessages = _props$forceAlignMess === void 0 ? false : _props$forceAlignMess,
+    goToMessage = props.goToMessage,
+    _props$groupStyles = props.groupStyles,
+    groupStyles = _props$groupStyles === void 0 ? ['bottom'] : _props$groupStyles,
+    handleBlock = props.handleBlock,
+    handleCopy = props.handleCopy,
+    handleDelete = props.handleDelete,
+    handleEdit = props.handleEdit,
+    handleFlag = props.handleFlag,
+    handleMute = props.handleMute,
+    handlePinMessage = props.handlePinMessage,
+    handleQuotedReply = props.handleQuotedReply,
+    handleReactionProp = props.handleReaction,
+    handleRetry = props.handleRetry,
+    handleThreadReply = props.handleThreadReply,
+    chatContext = props.chatContext,
+    lastReceivedId = props.lastReceivedId,
+    members = props.members,
+    message = props.message,
+    _props$messageActions = props.messageActions,
+    messageActionsProp = _props$messageActions === void 0 ? _messageActions.messageActions : _props$messageActions,
+    messageContentOrderProp = props.messageContentOrder,
+    messagesContext = props.messagesContext,
+    MessageSimple = props.MessageSimple,
+    onLongPressProp = props.onLongPress,
+    onLongPressMessageProp = props.onLongPressMessage,
+    onPressProp = props.onPress,
+    onPressMessageProp = props.onPressMessage,
+    onPressInProp = props.onPressIn,
+    onPressInMessageProp = props.onPressInMessage,
+    onThreadSelect = props.onThreadSelect,
+    openThread = props.openThread,
+    OverlayReactionList = props.OverlayReactionList,
+    preventPress = props.preventPress,
+    removeMessage = props.removeMessage,
+    deleteReaction = props.deleteReaction,
+    retrySendMessage = props.retrySendMessage,
+    selectReaction = props.selectReaction,
+    setData = props.setData,
+    setEditingState = props.setEditingState,
+    setOverlay = props.setOverlay,
+    setQuotedMessageState = props.setQuotedMessageState,
+    showAvatar = props.showAvatar,
+    showMessageStatus = props.showMessageStatus,
+    showUnreadUnderlay = props.showUnreadUnderlay,
+    style = props.style,
+    supportedReactions = props.supportedReactions,
+    t = props.t,
+    isTargetedMessage = props.isTargetedMessage,
+    _props$threadList = props.threadList,
+    threadList = _props$threadList === void 0 ? false : _props$threadList,
+    updateMessage = props.updateMessage;
   var client = chatContext.client;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      bg_gradient_start = _useTheme$theme$color.bg_gradient_start,
-      targetedMessageBackground = _useTheme$theme$color.targetedMessageBackground,
-      _useTheme$theme$messa = _useTheme$theme.messageSimple,
-      targetedMessageContainer = _useTheme$theme$messa.targetedMessageContainer,
-      targetedMessageUnderlay = _useTheme$theme$messa.targetedMessageUnderlay;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    bg_gradient_start = _useTheme$theme$color.bg_gradient_start,
+    targetedMessageBackground = _useTheme$theme$color.targetedMessageBackground,
+    _useTheme$theme$messa = _useTheme$theme.messageSimple,
+    targetedMessageContainer = _useTheme$theme$messa.targetedMessageContainer,
+    targetedMessageUnderlay = _useTheme$theme$messa.targetedMessageUnderlay;
   var actionsEnabled = message.type === 'regular' && message.status === _utils.MessageStatusTypes.RECEIVED;
   var isMyMessage = client && message && client.userID === ((_message$user = message.user) == null ? void 0 : _message$user.id);
-
   var handleAction = function () {
     var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(name, value) {
       var data;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!message.id) {
-                _context.next = 5;
-                break;
-              }
-
-              _context.next = 3;
-              return channel == null ? void 0 : channel.sendAction(message.id, (0, _defineProperty2["default"])({}, name, value));
-
-            case 3:
-              data = _context.sent;
-
-              if (data != null && data.message) {
-                updateMessage(data.message);
-              } else {
-                removeMessage({
-                  id: message.id,
-                  parent_id: message.parent_id
-                });
-              }
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!message.id) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 3;
+            return channel == null ? void 0 : channel.sendAction(message.id, (0, _defineProperty2["default"])({}, name, value));
+          case 3:
+            data = _context.sent;
+            if (data != null && data.message) {
+              updateMessage(data.message);
+            } else {
+              removeMessage({
+                id: message.id,
+                parent_id: message.parent_id
+              });
+            }
+          case 5:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function handleAction(_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }();
-
   var onPressQuotedMessage = function onPressQuotedMessage(quotedMessage) {
     if (!goToMessage) return;
     goToMessage(quotedMessage.id);
   };
-
   var errorOrFailed = message.type === 'error' || message.status === _utils.MessageStatusTypes.FAILED;
-
   var _onPress = function onPress() {
     var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : errorOrFailed;
-
     if (dismissKeyboardOnMessageTouch) {
       _reactNative.Keyboard.dismiss();
     }
-
     var quotedMessage = message.quoted_message;
-
     if (error) {
       showMessageOverlay(false, true);
     } else if (quotedMessage) {
       onPressQuotedMessage(quotedMessage);
     }
   };
-
   var alignment = forceAlignMessages && (forceAlignMessages === 'left' || forceAlignMessages === 'right') ? forceAlignMessages : isMyMessage ? 'right' : 'left';
   var attachments = !isMessageTypeDeleted && Array.isArray(message.attachments) ? message.attachments.reduce(function (acc, cur) {
     if (cur.type === 'file') {
@@ -224,7 +179,6 @@ var MessageWithContext = function MessageWithContext(props) {
     } else if (!acc.files.length && !acc.images.length && !acc.videos.length) {
       acc.other.push(cur);
     }
-
     return acc;
   }, {
     files: [],
@@ -244,45 +198,35 @@ var MessageWithContext = function MessageWithContext(props) {
     if (content === 'quoted_reply') {
       return !!message.quoted_message;
     }
-
     switch (content) {
       case 'attachments':
         return !!attachments.other.length;
-
       case 'files':
         return !!attachments.files.length;
-
       case 'gallery':
         return !!attachments.images.length || !!attachments.videos.length;
-
       case 'text':
       default:
         return !!message.text;
     }
   });
-
   var onlyEmojis = !attachments.files.length && !attachments.images.length && !attachments.other.length && !!message.text && _utils.emojiRegex.test(message.text);
-
   var onOpenThread = function onOpenThread() {
     if (onThreadSelect) {
       onThreadSelect(message);
     }
-
     if (openThread) {
       openThread(message);
     }
   };
-
   var hasReactions = !isMessageTypeDeleted && !!message.latest_reactions && message.latest_reactions.length > 0;
   var clientId = client.userID;
   var reactions = hasReactions ? supportedReactions.reduce(function (acc, cur) {
     var _message$latest_react;
-
     var reactionType = cur.type;
     var reactionsOfReactionType = (_message$latest_react = message.latest_reactions) == null ? void 0 : _message$latest_react.filter(function (reaction) {
       return reaction.type === reactionType;
     });
-
     if (reactionsOfReactionType != null && reactionsOfReactionType.length) {
       var hasOwnReaction = reactionsOfReactionType.some(function (reaction) {
         return reaction.user_id === clientId;
@@ -292,166 +236,153 @@ var MessageWithContext = function MessageWithContext(props) {
         type: reactionType
       });
     }
-
     return acc;
   }, []) : [];
   var ownCapabilities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
-
   var _useMessageActionHand = (0, _useMessageActionHandlers.useMessageActionHandlers)({
-    channel: channel,
-    client: client,
-    deleteMessage: deleteMessageFromContext,
-    deleteReaction: deleteReaction,
-    enforceUniqueReaction: enforceUniqueReaction,
-    message: message,
-    retrySendMessage: retrySendMessage,
-    sendReaction: sendReaction,
-    setEditingState: setEditingState,
-    setQuotedMessageState: setQuotedMessageState,
-    supportedReactions: supportedReactions
-  }),
-      handleDeleteMessage = _useMessageActionHand.handleDeleteMessage,
-      handleEditMessage = _useMessageActionHand.handleEditMessage,
-      handleQuotedReplyMessage = _useMessageActionHand.handleQuotedReplyMessage,
-      handleResendMessage = _useMessageActionHand.handleResendMessage,
-      handleToggleBanUser = _useMessageActionHand.handleToggleBanUser,
-      handleToggleMuteUser = _useMessageActionHand.handleToggleMuteUser,
-      handleTogglePinMessage = _useMessageActionHand.handleTogglePinMessage,
-      handleToggleReaction = _useMessageActionHand.handleToggleReaction;
-
+      channel: channel,
+      client: client,
+      deleteMessage: deleteMessageFromContext,
+      deleteReaction: deleteReaction,
+      enforceUniqueReaction: enforceUniqueReaction,
+      message: message,
+      retrySendMessage: retrySendMessage,
+      sendReaction: sendReaction,
+      setEditingState: setEditingState,
+      setQuotedMessageState: setQuotedMessageState,
+      supportedReactions: supportedReactions
+    }),
+    handleDeleteMessage = _useMessageActionHand.handleDeleteMessage,
+    handleEditMessage = _useMessageActionHand.handleEditMessage,
+    handleQuotedReplyMessage = _useMessageActionHand.handleQuotedReplyMessage,
+    handleResendMessage = _useMessageActionHand.handleResendMessage,
+    handleToggleBanUser = _useMessageActionHand.handleToggleBanUser,
+    handleToggleMuteUser = _useMessageActionHand.handleToggleMuteUser,
+    handleTogglePinMessage = _useMessageActionHand.handleTogglePinMessage,
+    handleToggleReaction = _useMessageActionHand.handleToggleReaction;
   var _useMessageActions = (0, _useMessageActions2.useMessageActions)({
-    channel: channel,
-    client: client,
-    deleteMessage: deleteMessageFromContext,
-    deleteReaction: deleteReaction,
-    enforceUniqueReaction: enforceUniqueReaction,
-    handleBlock: handleBlock,
-    handleCopy: handleCopy,
-    handleDelete: handleDelete,
-    handleEdit: handleEdit,
-    handleFlag: handleFlag,
-    handleMute: handleMute,
-    handlePinMessage: handlePinMessage,
-    handleQuotedReply: handleQuotedReply,
-    handleReaction: handleReactionProp,
-    handleRetry: handleRetry,
-    handleThreadReply: handleThreadReply,
-    message: message,
-    onThreadSelect: onThreadSelect,
-    openThread: openThread,
-    removeMessage: removeMessage,
-    retrySendMessage: retrySendMessage,
-    selectReaction: selectReaction,
-    sendReaction: sendReaction,
-    setEditingState: setEditingState,
-    setOverlay: setOverlay,
-    setQuotedMessageState: setQuotedMessageState,
-    supportedReactions: supportedReactions,
-    t: t,
-    updateMessage: updateMessage
-  }),
-      blockUser = _useMessageActions.blockUser,
-      copyMessage = _useMessageActions.copyMessage,
-      deleteMessage = _useMessageActions.deleteMessage,
-      editMessage = _useMessageActions.editMessage,
-      flagMessage = _useMessageActions.flagMessage,
-      handleReaction = _useMessageActions.handleReaction,
-      muteUser = _useMessageActions.muteUser,
-      pinMessage = _useMessageActions.pinMessage,
-      quotedReply = _useMessageActions.quotedReply,
-      retry = _useMessageActions.retry,
-      threadReply = _useMessageActions.threadReply,
-      unpinMessage = _useMessageActions.unpinMessage;
-
+      channel: channel,
+      client: client,
+      deleteMessage: deleteMessageFromContext,
+      deleteReaction: deleteReaction,
+      enforceUniqueReaction: enforceUniqueReaction,
+      handleBlock: handleBlock,
+      handleCopy: handleCopy,
+      handleDelete: handleDelete,
+      handleEdit: handleEdit,
+      handleFlag: handleFlag,
+      handleMute: handleMute,
+      handlePinMessage: handlePinMessage,
+      handleQuotedReply: handleQuotedReply,
+      handleReaction: handleReactionProp,
+      handleRetry: handleRetry,
+      handleThreadReply: handleThreadReply,
+      message: message,
+      onThreadSelect: onThreadSelect,
+      openThread: openThread,
+      removeMessage: removeMessage,
+      retrySendMessage: retrySendMessage,
+      selectReaction: selectReaction,
+      sendReaction: sendReaction,
+      setEditingState: setEditingState,
+      setOverlay: setOverlay,
+      setQuotedMessageState: setQuotedMessageState,
+      supportedReactions: supportedReactions,
+      t: t,
+      updateMessage: updateMessage
+    }),
+    blockUser = _useMessageActions.blockUser,
+    copyMessage = _useMessageActions.copyMessage,
+    deleteMessage = _useMessageActions.deleteMessage,
+    editMessage = _useMessageActions.editMessage,
+    flagMessage = _useMessageActions.flagMessage,
+    handleReaction = _useMessageActions.handleReaction,
+    muteUser = _useMessageActions.muteUser,
+    pinMessage = _useMessageActions.pinMessage,
+    quotedReply = _useMessageActions.quotedReply,
+    retry = _useMessageActions.retry,
+    threadReply = _useMessageActions.threadReply,
+    unpinMessage = _useMessageActions.unpinMessage;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      userLanguage = _useTranslationContex.userLanguage;
-
+    userLanguage = _useTranslationContex.userLanguage;
   var showMessageOverlay = function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
       var messageReactions,
-          error,
-          isThreadMessage,
-          dismissOverlay,
-          messageActions,
-          _args2 = arguments;
+        error,
+        isThreadMessage,
+        dismissOverlay,
+        messageActions,
+        _args2 = arguments;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              messageReactions = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
-              error = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : errorOrFailed;
-              _context2.next = 4;
-              return dismissKeyboard();
-
-            case 4:
-              isThreadMessage = threadList || !!message.parent_id;
-
-              dismissOverlay = function dismissOverlay() {
-                return setOverlay('none');
-              };
-
-              messageActions = typeof messageActionsProp !== 'function' ? messageActionsProp : messageActionsProp({
-                blockUser: blockUser,
-                copyMessage: copyMessage,
-                deleteMessage: deleteMessage,
-                dismissOverlay: dismissOverlay,
-                editMessage: editMessage,
-                error: error,
-                flagMessage: flagMessage,
-                isMyMessage: isMyMessage,
-                isThreadMessage: isThreadMessage,
-                message: message,
-                messageReactions: messageReactions,
-                muteUser: muteUser,
-                ownCapabilities: ownCapabilities,
-                pinMessage: pinMessage,
-                quotedReply: quotedReply,
-                retry: retry,
-                threadReply: threadReply,
-                unpinMessage: unpinMessage
-              });
-              setData({
-                alignment: alignment,
-                chatContext: chatContext,
-                clientId: client.userID,
-                files: attachments.files,
-                groupStyles: groupStyles,
-                handleReaction: ownCapabilities.sendReaction ? handleReaction : undefined,
-                images: attachments.images,
-                message: message,
-                messageActions: messageActions == null ? void 0 : messageActions.filter(Boolean),
-                messageContext: (0, _extends2["default"])({}, messageContext, {
-                  disabled: true,
-                  preventPress: true
-                }),
-                messageReactionTitle: !error && messageReactions ? t('Message Reactions') : undefined,
-                messagesContext: (0, _extends2["default"])({}, messagesContext, {
-                  messageContentOrder: messageContentOrder
-                }),
-                onlyEmojis: onlyEmojis,
-                otherAttachments: attachments.other,
-                OverlayReactionList: OverlayReactionList,
-                ownCapabilities: ownCapabilities,
-                supportedReactions: supportedReactions,
-                threadList: threadList,
-                userLanguage: userLanguage,
-                videos: attachments.videos
-              });
-              setOverlay('message');
-
-            case 9:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            messageReactions = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
+            error = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : errorOrFailed;
+            _context2.next = 4;
+            return dismissKeyboard();
+          case 4:
+            isThreadMessage = threadList || !!message.parent_id;
+            dismissOverlay = function dismissOverlay() {
+              return setOverlay('none');
+            };
+            messageActions = typeof messageActionsProp !== 'function' ? messageActionsProp : messageActionsProp({
+              blockUser: blockUser,
+              copyMessage: copyMessage,
+              deleteMessage: deleteMessage,
+              dismissOverlay: dismissOverlay,
+              editMessage: editMessage,
+              error: error,
+              flagMessage: flagMessage,
+              isMyMessage: isMyMessage,
+              isThreadMessage: isThreadMessage,
+              message: message,
+              messageReactions: messageReactions,
+              muteUser: muteUser,
+              ownCapabilities: ownCapabilities,
+              pinMessage: pinMessage,
+              quotedReply: quotedReply,
+              retry: retry,
+              threadReply: threadReply,
+              unpinMessage: unpinMessage
+            });
+            setData({
+              alignment: alignment,
+              chatContext: chatContext,
+              clientId: client.userID,
+              files: attachments.files,
+              groupStyles: groupStyles,
+              handleReaction: ownCapabilities.sendReaction ? handleReaction : undefined,
+              images: attachments.images,
+              message: message,
+              messageActions: messageActions == null ? void 0 : messageActions.filter(Boolean),
+              messageContext: (0, _extends2["default"])({}, messageContext, {
+                disabled: true,
+                preventPress: true
+              }),
+              messageReactionTitle: !error && messageReactions ? t('Message Reactions') : undefined,
+              messagesContext: (0, _extends2["default"])({}, messagesContext, {
+                messageContentOrder: messageContentOrder
+              }),
+              onlyEmojis: onlyEmojis,
+              otherAttachments: attachments.other,
+              OverlayReactionList: OverlayReactionList,
+              ownCapabilities: ownCapabilities,
+              supportedReactions: supportedReactions,
+              threadList: threadList,
+              userLanguage: userLanguage,
+              videos: attachments.videos
+            });
+            setOverlay('message');
+          case 9:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
-
     return function showMessageOverlay() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   var actionHandlers = {
     deleteMessage: handleDeleteMessage,
     editMessage: handleEditMessage,
@@ -522,14 +453,12 @@ var MessageWithContext = function MessageWithContext(props) {
         event: payload.event,
         message: message
       };
-
       var handleOnPress = function handleOnPress() {
         if (onPressProp) return onPressProp(onPressArgs);
         if (onPressMessageProp) return onPressMessageProp(onPressArgs);
         if (payload.defaultHandler) return payload.defaultHandler();
         return _onPress();
       };
-
       handleOnPress();
     },
     onPressIn: onPressInProp || onPressInMessageProp ? function (payload) {
@@ -540,12 +469,10 @@ var MessageWithContext = function MessageWithContext(props) {
         event: payload.event,
         message: message
       };
-
       var handleOnpressIn = function handleOnpressIn() {
         if (onPressInProp) return onPressInProp(onPressInArgs);
         if (onPressInMessageProp) return onPressInMessageProp(onPressInArgs);
       };
-
       handleOnpressIn();
     } : null,
     otherAttachments: attachments.other,
@@ -606,29 +533,27 @@ var MessageWithContext = function MessageWithContext(props) {
     }
   })))));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevMessage$quoted_m, _nextMessage$quoted_m, _prevMessage$quoted_m2, _nextMessage$quoted_m2, _prevMessage$user, _nextMessage$user;
-
   var prevMutedUsers = prevProps.chatContext.mutedUsers,
-      prevGoToMessage = prevProps.goToMessage,
-      prevGroupStyles = prevProps.groupStyles,
-      isAttachmentEqual = prevProps.isAttachmentEqual,
-      prevIsTargetedMessage = prevProps.isTargetedMessage,
-      prevLastReceivedId = prevProps.lastReceivedId,
-      prevMembers = prevProps.members,
-      prevMessage = prevProps.message,
-      prevShowUnreadUnderlay = prevProps.showUnreadUnderlay,
-      prevT = prevProps.t;
+    prevGoToMessage = prevProps.goToMessage,
+    prevGroupStyles = prevProps.groupStyles,
+    isAttachmentEqual = prevProps.isAttachmentEqual,
+    prevIsTargetedMessage = prevProps.isTargetedMessage,
+    prevLastReceivedId = prevProps.lastReceivedId,
+    prevMembers = prevProps.members,
+    prevMessage = prevProps.message,
+    prevShowUnreadUnderlay = prevProps.showUnreadUnderlay,
+    prevT = prevProps.t;
   var nextMutedUsers = nextProps.chatContext.mutedUsers,
-      nextGoToMessage = nextProps.goToMessage,
-      nextGroupStyles = nextProps.groupStyles,
-      nextIsTargetedMessage = nextProps.isTargetedMessage,
-      nextLastReceivedId = nextProps.lastReceivedId,
-      nextMembers = nextProps.members,
-      nextMessage = nextProps.message,
-      nextShowUnreadUnderlay = nextProps.showUnreadUnderlay,
-      nextT = nextProps.t;
+    nextGoToMessage = nextProps.goToMessage,
+    nextGroupStyles = nextProps.groupStyles,
+    nextIsTargetedMessage = nextProps.isTargetedMessage,
+    nextLastReceivedId = nextProps.lastReceivedId,
+    nextMembers = nextProps.members,
+    nextMessage = nextProps.message,
+    nextShowUnreadUnderlay = nextProps.showUnreadUnderlay,
+    nextT = nextProps.t;
   var membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
   if (!membersEqual) return false;
   var repliesEqual = prevMessage.reply_count === nextMessage.reply_count;
@@ -659,18 +584,15 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!attachmentsEqual) return false;
   var latestReactionsEqual = Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions) ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length && prevMessage.latest_reactions.every(function (_ref3, index) {
     var _nextMessage$latest_r;
-
     var type = _ref3.type;
     return type === ((_nextMessage$latest_r = nextMessage.latest_reactions) == null ? void 0 : _nextMessage$latest_r[index].type);
   }) : prevMessage.latest_reactions === nextMessage.latest_reactions;
   if (!latestReactionsEqual) return false;
   var mutedUserSame = prevMutedUsers.length === nextMutedUsers.length || prevMutedUsers.some(function (mutedUser) {
     var _prevMessage$user2;
-
     return mutedUser.target.id === ((_prevMessage$user2 = prevMessage.user) == null ? void 0 : _prevMessage$user2.id);
   }) === nextMutedUsers.some(function (mutedUser) {
     var _nextMessage$user2;
-
     return mutedUser.target.id === ((_nextMessage$user2 = nextMessage.user) == null ? void 0 : _nextMessage$user2.id);
   });
   if (!mutedUserSame) return false;
@@ -682,35 +604,25 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!targetedMessageEqual) return false;
   return true;
 };
-
 var MemoizedMessage = _react["default"].memo(MessageWithContext, areEqual);
-
 var Message = function Message(props) {
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-      channel = _useChannelContext.channel,
-      disabled = _useChannelContext.disabled,
-      enforceUniqueReaction = _useChannelContext.enforceUniqueReaction,
-      members = _useChannelContext.members;
-
+    channel = _useChannelContext.channel,
+    disabled = _useChannelContext.disabled,
+    enforceUniqueReaction = _useChannelContext.enforceUniqueReaction,
+    members = _useChannelContext.members;
   var chatContext = (0, _ChatContext.useChatContext)();
-
   var _useKeyboardContext = (0, _KeyboardContext.useKeyboardContext)(),
-      dismissKeyboard = _useKeyboardContext.dismissKeyboard;
-
+    dismissKeyboard = _useKeyboardContext.dismissKeyboard;
   var _useMessageOverlayCon = (0, _MessageOverlayContext.useMessageOverlayContext)(),
-      setData = _useMessageOverlayCon.setData;
-
+    setData = _useMessageOverlayCon.setData;
   var messagesContext = (0, _MessagesContext.useMessagesContext)();
-
   var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
-      setOverlay = _useOverlayContext.setOverlay;
-
+    setOverlay = _useOverlayContext.setOverlay;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      openThread = _useThreadContext.openThread;
-
+    openThread = _useThreadContext.openThread;
   var _useTranslationContex2 = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex2.t;
-
+    t = _useTranslationContex2.t;
   return _react["default"].createElement(MemoizedMessage, (0, _extends2["default"])({}, messagesContext, {
     channel: channel,
     chatContext: chatContext,
@@ -732,6 +644,5 @@ var Message = function Message(props) {
     }
   }));
 };
-
 exports.Message = Message;
 //# sourceMappingURL=Message.js.map