stream-chat-react-native-core 5.39.5 → 5.40.0-rc.2

package/lib/module/components/Indicators/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_Spinner","_jsxRuntime","_this","_jsxFileName","LoadingIndicatorWrapper","_ref","text","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white_snow","_useTheme$theme$loadi","loadingIndicator","container","loadingText","jsxs","View","style","styles","backgroundColor","children","jsx","Spinner","height","width","Text","color","testID","LoadingIndicator","props","listType","_useTranslationContex","useTranslationContext","t","exports","displayName","StyleSheet","create","alignItems","flex","justifyContent","fontSize","fontWeight","marginTop"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingIndicator.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_Spinner","_jsxRuntime","_this","_jsxFileName","LoadingIndicatorWrapper","_ref","text","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white_snow","_useTheme$theme$loadi","loadingIndicator","container","loadingText","jsxs","View","style","styles","backgroundColor","children","jsx","Spinner","height","width","Text","color","testID","LoadingIndicator","props","listType","_useTranslationContex","useTranslationContext","t","exports","displayName","StyleSheet","create","alignItems","flex","justifyContent","fontSize","fontWeight","marginTop"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Message/Message.js

@@ -19,9 +19,7 @@ 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");
@@ -39,13 +37,24 @@ var MessageWithContext = function MessageWithContext(props) {
   var _message$user;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isBounceDialogOpen = _useState2[0],
-    setIsBounceDialogOpen = _useState2[1];
+    messageOverlayVisible = _useState2[0],
+    setMessageOverlayVisible = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isEditedMessageOpen = _useState4[0],
-    setIsEditedMessageOpen = _useState4[1];
-  var isMessageTypeDeleted = props.message.type === 'deleted';
+    isErrorInMessage = _useState4[0],
+    setIsErrorInMessage = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    showMessageReactions = _useState6[0],
+    setShowMessageReactions = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isBounceDialogOpen = _useState8[0],
+    setIsBounceDialogOpen = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isEditedMessageOpen = _useState10[0],
+    setIsEditedMessageOpen = _useState10[1];
   var channel = props.channel,
     chatContext = props.chatContext,
     deleteMessageFromContext = props.deleteMessage,
@@ -61,7 +70,6 @@ var MessageWithContext = function MessageWithContext(props) {
     _props$groupStyles = props.groupStyles,
     groupStyles = _props$groupStyles === void 0 ? ['bottom'] : _props$groupStyles,
     handleBan = props.handleBan,
-    handleBlock = props.handleBlock,
     handleCopy = props.handleCopy,
     handleDelete = props.handleDelete,
     handleEdit = props.handleEdit,
@@ -80,25 +88,20 @@ var MessageWithContext = function MessageWithContext(props) {
     messageActionsProp = _props$messageActions === void 0 ? _messageActions.messageActions : _props$messageActions,
     MessageBounce = props.MessageBounce,
     messageContentOrderProp = props.messageContentOrder,
+    MessageMenu = props.MessageMenu,
     messagesContext = props.messagesContext,
     MessageSimple = props.MessageSimple,
-    onLongPressProp = props.onLongPress,
     onLongPressMessageProp = props.onLongPressMessage,
-    onPressProp = props.onPress,
-    onPressInProp = props.onPressIn,
     onPressInMessageProp = props.onPressInMessage,
     onPressMessageProp = props.onPressMessage,
     onThreadSelect = props.onThreadSelect,
     openThread = props.openThread,
-    OverlayReactionList = props.OverlayReactionList,
     preventPress = props.preventPress,
     removeMessage = props.removeMessage,
     retrySendMessage = props.retrySendMessage,
     selectReaction = props.selectReaction,
     sendReaction = props.sendReaction,
-    setData = props.setData,
     setEditingState = props.setEditingState,
-    setOverlay = props.setOverlay,
     setQuotedMessageState = props.setQuotedMessageState,
     showAvatar = props.showAvatar,
     showMessageStatus = props.showMessageStatus,
@@ -109,30 +112,57 @@ var MessageWithContext = function MessageWithContext(props) {
     _props$threadList = props.threadList,
     threadList = _props$threadList === void 0 ? false : _props$threadList,
     updateMessage = props.updateMessage;
+  var isMessageTypeDeleted = message.type === 'deleted';
   var client = chatContext.client;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
     targetedMessageBackground = _useTheme$theme.colors.targetedMessageBackground,
     _useTheme$theme$messa = _useTheme$theme.messageSimple,
     targetedMessageContainer = _useTheme$theme$messa.targetedMessageContainer,
-    targetedMessageUnderlay = _useTheme$theme$messa.targetedMessageUnderlay,
-    unreadUnderlayColor = _useTheme$theme$messa.unreadUnderlayColor;
+    unreadUnderlayColor = _useTheme$theme$messa.unreadUnderlayColor,
+    screenPadding = _useTheme$theme.screenPadding;
+  var showMessageOverlay = function () {
+    var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
+      var showMessageReactions,
+        _args = arguments;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            showMessageReactions = _args.length > 0 && _args[0] !== undefined ? _args[0] : false;
+            _context.next = 3;
+            return dismissKeyboard();
+          case 3:
+            setShowMessageReactions(showMessageReactions);
+            setMessageOverlayVisible(true);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function showMessageOverlay() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var dismissOverlay = function dismissOverlay() {
+    setMessageOverlayVisible(false);
+  };
   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 _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(name, value) {
       var data;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!message.id) {
-              _context.next = 5;
+              _context2.next = 5;
               break;
             }
-            _context.next = 3;
+            _context2.next = 3;
             return channel == null ? void 0 : channel.sendAction(message.id, (0, _defineProperty2["default"])({}, name, value));
           case 3:
-            data = _context.sent;
+            data = _context2.sent;
             if (data != null && data.message) {
               updateMessage(data.message);
             } else {
@@ -143,12 +173,12 @@ var MessageWithContext = function MessageWithContext(props) {
             }
           case 5:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function handleAction(_x, _x2) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var onPressQuotedMessage = function onPressQuotedMessage(quotedMessage) {
@@ -168,6 +198,7 @@ var MessageWithContext = function MessageWithContext(props) {
     }
     var quotedMessage = message.quoted_message;
     if (error) {
+      setIsErrorInMessage(true);
       if ((0, _utils.isBlockedMessage)(message)) {
         return;
       }
@@ -175,7 +206,7 @@ var MessageWithContext = function MessageWithContext(props) {
         setIsBounceDialogOpen(true);
         return;
       }
-      showMessageOverlay(true, true);
+      showMessageOverlay();
     } else if (quotedMessage) {
       onPressQuotedMessage(quotedMessage);
     }
@@ -185,7 +216,7 @@ var MessageWithContext = function MessageWithContext(props) {
     if (cur.type === _types.FileTypes.File) {
       acc.files.push(cur);
       acc.other = [];
-    } else if (cur.type === _types.FileTypes.Video && !cur.og_scrape_url && (0, _native.isVideoPackageAvailable)()) {
+    } else if (cur.type === _types.FileTypes.Video && !cur.og_scrape_url && (0, _native.isVideoPlayerAvailable)()) {
       acc.videos.push({
         image_url: cur.asset_url,
         thumb_url: cur.thumb_url,
@@ -286,9 +317,9 @@ var MessageWithContext = function MessageWithContext(props) {
       client: client,
       deleteMessage: deleteMessageFromContext,
       deleteReaction: deleteReaction,
+      dismissOverlay: dismissOverlay,
       enforceUniqueReaction: enforceUniqueReaction,
       handleBan: handleBan,
-      handleBlock: handleBlock,
       handleCopy: handleCopy,
       handleDelete: handleDelete,
       handleEdit: handleEdit,
@@ -307,14 +338,12 @@ var MessageWithContext = function MessageWithContext(props) {
       selectReaction: selectReaction,
       sendReaction: sendReaction,
       setEditingState: setEditingState,
-      setOverlay: setOverlay,
       setQuotedMessageState: setQuotedMessageState,
       supportedReactions: supportedReactions,
       t: t,
       updateMessage: updateMessage
     }),
     banUser = _useMessageActions.banUser,
-    blockUser = _useMessageActions.blockUser,
     copyMessage = _useMessageActions.copyMessage,
     deleteMessage = _useMessageActions.deleteMessage,
     editMessage = _useMessageActions.editMessage,
@@ -326,87 +355,27 @@ var MessageWithContext = function MessageWithContext(props) {
     retry = _useMessageActions.retry,
     threadReply = _useMessageActions.threadReply,
     unpinMessage = _useMessageActions.unpinMessage;
-  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-    userLanguage = _useTranslationContex.userLanguage;
-  var showMessageOverlay = function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
-      var isMessageActionsVisible,
-        error,
-        isThreadMessage,
-        dismissOverlay,
-        messageActions,
-        _args2 = arguments;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            isMessageActionsVisible = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : true;
-            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({
-              banUser: banUser,
-              blockUser: blockUser,
-              copyMessage: copyMessage,
-              deleteMessage: deleteMessage,
-              dismissOverlay: dismissOverlay,
-              editMessage: editMessage,
-              error: error,
-              flagMessage: flagMessage,
-              isMessageActionsVisible: isMessageActionsVisible,
-              isMyMessage: isMyMessage,
-              isThreadMessage: isThreadMessage,
-              message: message,
-              messageReactions: isMessageActionsVisible === false,
-              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: Object.assign({}, messageContext, {
-                preventPress: true
-              }),
-              messageReactionTitle: !error && !isMessageActionsVisible ? t('Message Reactions') : undefined,
-              messagesContext: Object.assign({}, 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 isThreadMessage = threadList || !!message.parent_id;
+  var messageActions = typeof messageActionsProp !== 'function' ? messageActionsProp : messageActionsProp({
+    banUser: banUser,
+    copyMessage: copyMessage,
+    deleteMessage: deleteMessage,
+    dismissOverlay: dismissOverlay,
+    editMessage: editMessage,
+    error: isErrorInMessage,
+    flagMessage: flagMessage,
+    isMyMessage: isMyMessage,
+    isThreadMessage: isThreadMessage,
+    message: message,
+    muteUser: muteUser,
+    ownCapabilities: ownCapabilities,
+    pinMessage: pinMessage,
+    quotedReply: quotedReply,
+    retry: retry,
+    showMessageReactions: showMessageReactions,
+    threadReply: threadReply,
+    unpinMessage: unpinMessage
+  });
   var actionHandlers = {
     copyMessage: handleCopyMessage,
     deleteMessage: handleDeleteMessage,
@@ -415,56 +384,31 @@ var MessageWithContext = function MessageWithContext(props) {
     pinMessage: handleTogglePinMessage,
     quotedReply: handleQuotedReplyMessage,
     resendMessage: handleResendMessage,
-    showMessageOverlay: showMessageOverlay,
     threadReply: handleThreadReply,
     toggleBanUser: handleToggleBanUser,
     toggleMuteUser: handleToggleMuteUser,
     toggleReaction: handleToggleReaction,
     unpinMessage: handleTogglePinMessage
   };
-  var onLongPressMessage = hasAttachmentActions || (0, _utils.isBlockedMessage)(message) ? function () {
-    return null;
-  } : onLongPressMessageProp ? function (payload) {
-    return onLongPressMessageProp({
-      actionHandlers: actionHandlers,
-      defaultHandler: (payload == null ? void 0 : payload.defaultHandler) || showMessageOverlay,
-      emitter: (payload == null ? void 0 : payload.emitter) || 'message',
-      event: payload == null ? void 0 : payload.event,
-      message: message
-    });
-  } : onLongPressProp ? function (payload) {
-    return onLongPressProp({
-      actionHandlers: actionHandlers,
-      defaultHandler: (payload == null ? void 0 : payload.defaultHandler) || showMessageOverlay,
-      emitter: (payload == null ? void 0 : payload.emitter) || 'message',
-      event: payload == null ? void 0 : payload.event
-    });
-  } : enableLongPress ? function () {
+  var _onLongPress = function onLongPress() {
+    if (hasAttachmentActions || (0, _utils.isBlockedMessage)(message) || !enableLongPress) return;
     if ((0, _utils.isBouncedMessage)(message)) {
       setIsBounceDialogOpen(true);
       return;
     }
     (0, _native.triggerHaptic)('impactMedium');
-    showMessageOverlay(true);
-  } : function () {
-    return null;
+    showMessageOverlay();
   };
   var messageContext = (0, _useCreateMessageContext.useCreateMessageContext)({
     actionsEnabled: actionsEnabled,
     alignment: alignment,
     channel: channel,
+    dismissOverlay: dismissOverlay,
     files: attachments.files,
     goToMessage: goToMessage,
     groupStyles: groupStyles,
     handleAction: handleAction,
-    handleCopyMessage: handleCopyMessage,
-    handleDeleteMessage: handleDeleteMessage,
-    handleEditMessage: handleEditMessage,
-    handleFlagMessage: handleFlagMessage,
-    handleQuotedReplyMessage: handleQuotedReplyMessage,
-    handleResendMessage: handleResendMessage,
-    handleToggleBanUser: handleToggleBanUser,
-    handleToggleMuteUser: handleToggleMuteUser,
+    handleReaction: handleReaction,
     handleToggleReaction: handleToggleReaction,
     hasReactions: hasReactions,
     images: attachments.images,
@@ -476,7 +420,21 @@ var MessageWithContext = function MessageWithContext(props) {
     message: message,
     messageContentOrder: messageContentOrder,
     myMessageTheme: messagesContext.myMessageTheme,
-    onLongPress: onLongPressMessage,
+    onLongPress: function onLongPress(payload) {
+      var onLongPressArgs = {
+        actionHandlers: actionHandlers,
+        defaultHandler: (payload == null ? void 0 : payload.defaultHandler) || _onLongPress,
+        emitter: (payload == null ? void 0 : payload.emitter) || 'message',
+        event: payload == null ? void 0 : payload.event,
+        message: message
+      };
+      var handleOnLongPress = function handleOnLongPress() {
+        if (onLongPressMessageProp) return onLongPressMessageProp(onLongPressArgs);
+        if (payload != null && payload.defaultHandler) return payload.defaultHandler();
+        return _onLongPress();
+      };
+      handleOnLongPress();
+    },
     onlyEmojis: onlyEmojis,
     onOpenThread: onOpenThread,
     onPress: function onPress(payload) {
@@ -489,26 +447,20 @@ var MessageWithContext = function MessageWithContext(props) {
         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) {
-      var onPressInArgs = {
+    onPressIn: onPressInMessageProp ? function (payload) {
+      if (onPressInMessageProp) return onPressInMessageProp({
         actionHandlers: actionHandlers,
         defaultHandler: payload.defaultHandler,
         emitter: payload.emitter || 'message',
         event: payload.event,
         message: message
-      };
-      var handleOnpressIn = function handleOnpressIn() {
-        if (onPressInProp) return onPressInProp(onPressInArgs);
-        if (onPressInMessageProp) return onPressInMessageProp(onPressInArgs);
-      };
-      handleOnpressIn();
+      });
     } : null,
     otherAttachments: attachments.other,
     preventPress: preventPress,
@@ -521,25 +473,29 @@ var MessageWithContext = function MessageWithContext(props) {
     videos: attachments.videos
   });
   if (!(isMessageTypeDeleted || messageContentOrder.length)) return null;
-  return (0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [message.pinned && Object.assign({}, targetedMessageContainer, {
-      backgroundColor: targetedMessageBackground
-    })],
-    testID: "message-wrapper",
+  return (0, _jsxRuntime.jsx)(_MessageContext.MessageProvider, {
+    value: messageContext,
     children: (0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [style, {
         backgroundColor: showUnreadUnderlay ? unreadUnderlayColor : undefined
       }],
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [isTargetedMessage ? Object.assign({
+      children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [{
+          marginTop: 2,
+          paddingHorizontal: screenPadding
+        }, (isTargetedMessage || message.pinned) && !isMessageTypeDeleted ? Object.assign({
           backgroundColor: targetedMessageBackground
-        }, targetedMessageUnderlay) : {}],
-        children: (0, _jsxRuntime.jsxs)(_MessageContext.MessageProvider, {
-          value: messageContext,
-          children: [(0, _jsxRuntime.jsx)(MessageSimple, {}), isBounceDialogOpen && (0, _jsxRuntime.jsx)(MessageBounce, {
-            setIsBounceDialogOpen: setIsBounceDialogOpen
-          })]
-        })
+        }, targetedMessageContainer) : {}],
+        testID: "message-wrapper",
+        children: [(0, _jsxRuntime.jsx)(MessageSimple, {}), isBounceDialogOpen && (0, _jsxRuntime.jsx)(MessageBounce, {
+          setIsBounceDialogOpen: setIsBounceDialogOpen
+        }), messageOverlayVisible ? (0, _jsxRuntime.jsx)(MessageMenu, {
+          dismissOverlay: dismissOverlay,
+          handleReaction: ownCapabilities.sendReaction ? handleReaction : undefined,
+          messageActions: messageActions,
+          showMessageReactions: showMessageReactions,
+          visible: messageOverlayVisible
+        }) : null]
       })
     })
   });
@@ -630,15 +586,11 @@ var Message = function Message(props) {
   var chatContext = (0, _ChatContext.useChatContext)();
   var _useKeyboardContext = (0, _KeyboardContext.useKeyboardContext)(),
     dismissKeyboard = _useKeyboardContext.dismissKeyboard;
-  var _useMessageOverlayCon = (0, _MessageOverlayContext.useMessageOverlayContext)(),
-    setData = _useMessageOverlayCon.setData;
   var messagesContext = (0, _MessagesContext.useMessagesContext)();
-  var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
-    setOverlay = _useOverlayContext.setOverlay;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
     openThread = _useThreadContext.openThread;
-  var _useTranslationContex2 = (0, _TranslationContext.useTranslationContext)(),
-    t = _useTranslationContex2.t;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
   return (0, _jsxRuntime.jsx)(MemoizedMessage, Object.assign({}, messagesContext, {
     channel: channel,
     chatContext: chatContext,
@@ -647,8 +599,6 @@ var Message = function Message(props) {
     members: members,
     messagesContext: messagesContext,
     openThread: openThread,
-    setData: setData,
-    setOverlay: setOverlay,
     t: t
   }, props));
 };