stream-chat-react-native-core 5.27.0 → 5.27.1-beta.3

package/lib/module/components/MessageOverlay/MessageOverlay.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageOverlay = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
@@ -22,10 +21,11 @@ var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _useViewport2 = require("../../hooks/useViewport");
 var _MessageTextContainer = require("../Message/MessageSimple/MessageTextContainer");
 var _OverlayReactions = require("../MessageOverlay/OverlayReactions");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageOverlay.tsx";
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var styles = _reactNative.StyleSheet.create({
   alignEnd: {
     alignItems: 'flex-end'
@@ -65,23 +65,26 @@ var DefaultMessageTextNumberOfLines = 5;
 var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
   var _message$user;
   var alignment = props.alignment,
-    ownCapabilities = props.ownCapabilities,
+    chatContext = props.chatContext,
     clientId = props.clientId,
+    error = props.error,
     files = props.files,
     groupStyles = props.groupStyles,
     handleReaction = props.handleReaction,
     images = props.images,
-    chatContext = props.chatContext,
+    isMyMessage = props.isMyMessage,
+    isThreadMessage = props.isThreadMessage,
     message = props.message,
-    messageActions = props.messageActions,
     _props$MessageActionL = props.MessageActionList,
     MessageActionList = _props$MessageActionL === void 0 ? _MessageActionList.MessageActionList : _props$MessageActionL,
     MessageActionListItem = props.MessageActionListItem,
+    messageActions = props.messageActions,
     messageContext = props.messageContext,
+    messageReactions = props.messageReactions,
     messageReactionTitle = props.messageReactionTitle,
+    messagesContext = props.messagesContext,
     _props$messageTextNum = props.messageTextNumberOfLines,
     messageTextNumberOfLines = _props$messageTextNum === void 0 ? DefaultMessageTextNumberOfLines : _props$messageTextNum,
-    messagesContext = props.messagesContext,
     onlyEmojis = props.onlyEmojis,
     otherAttachments = props.otherAttachments,
     overlay = props.overlay,
@@ -92,13 +95,10 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     OverlayReactions = _props$OverlayReactio2 === void 0 ? _OverlayReactions.OverlayReactions : _props$OverlayReactio2,
     _props$OverlayReactio3 = props.OverlayReactionsAvatar,
     OverlayReactionsAvatar = _props$OverlayReactio3 === void 0 ? _OverlayReactionsAvatar.OverlayReactionsAvatar : _props$OverlayReactio3,
+    ownCapabilities = props.ownCapabilities,
     setOverlay = props.setOverlay,
     threadList = props.threadList,
-    videos = props.videos,
-    isMyMessage = props.isMyMessage,
-    messageReactions = props.messageReactions,
-    error = props.error,
-    isThreadMessage = props.isThreadMessage;
+    videos = props.videos;
   var messageActionProps = {
     error: error,
     isMyMessage: isMyMessage,
@@ -226,7 +226,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
       }]
     };
   }, [alignment]);
-  var groupStyle = alignment + "_" + ((groupStyles == null ? void 0 : groupStyles[0]) || 'bottom').toLowerCase();
+  var groupStyle = "".concat(alignment, "_").concat(((groupStyles == null ? void 0 : groupStyles[0]) || 'bottom').toLowerCase());
   var hasThreadReplies = !!(message != null && message.reply_count);
   var _ref2 = messagesContext || {},
     Attachment = _ref2.Attachment,
@@ -236,7 +236,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     Reply = _ref2.Reply;
   var renderContent = function renderContent(messageTextNumberOfLines) {
     var _message$own_reaction, _messagesContext$mess;
-    return _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
+    return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.TapGestureHandler, {
       maxDist: 32,
       onHandlerStateChange: function onHandlerStateChange(_ref3) {
         var state = _ref3.nativeEvent.state;
@@ -244,292 +244,158 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
           setOverlay('none');
         }
       },
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 305,
-        columnNumber: 5
-      }
-    }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-      style: [styles.flex, panStyle],
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 313,
-        columnNumber: 7
-      }
-    }, message && _react["default"].createElement(_reactNative.View, {
-      style: [styles.center, styles.overlayPadding, {
-        padding: overlayPadding
-      }, alignment === 'left' ? styles.alignStart : styles.alignEnd],
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 315,
-        columnNumber: 11
-      }
-    }, handleReaction && ownCapabilities != null && ownCapabilities.sendReaction ? _react["default"].createElement(OverlayReactionList, {
-      messageLayout: messageLayout,
-      ownReactionTypes: (message == null ? void 0 : (_message$own_reaction = message.own_reactions) == null ? void 0 : _message$own_reaction.map(function (reaction) {
-        return reaction.type;
-      })) || [],
-      setReactionListHeight: setReactionListHeight,
-      showScreen: showScreen,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 324,
-        columnNumber: 15
-      }
-    }) : null, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-      onLayout: function onLayout(_ref4) {
-        var _ref4$nativeEvent$lay = _ref4.nativeEvent.layout,
-          layoutHeight = _ref4$nativeEvent$lay.height,
-          layoutWidth = _ref4$nativeEvent$lay.width,
-          x = _ref4$nativeEvent$lay.x,
-          y = _ref4$nativeEvent$lay.y;
-        messageLayout.value = {
-          x: alignment === 'left' ? x + layoutWidth : x,
-          y: y
-        };
-        messageWidth.value = layoutWidth;
-        messageHeight.value = layoutHeight;
-      },
-      style: [styles.alignEnd, styles.row, showScreenStyle],
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 331,
-        columnNumber: 13
-      }
-    }, alignment === 'left' && MessageAvatar && _react["default"].createElement(MessageAvatar, {
-      alignment: alignment,
-      message: message,
-      showAvatar: true,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 347,
-        columnNumber: 17
-      }
-    }), _react["default"].createElement(_reactNative.View, {
-      pointerEvents: "none",
-      style: [styles.containerInner, {
-        backgroundColor: onlyEmojis && !message.quoted_message ? transparent : otherAttachments != null && otherAttachments.length ? otherAttachments[0].type === 'giphy' ? !message.quoted_message ? transparent : grey_gainsboro : blue_alice : alignment === 'left' ? white_smoke : grey_gainsboro,
-        borderBottomLeftRadius: (groupStyle === 'left_bottom' || groupStyle === 'left_single') && (!hasThreadReplies || threadList) ? borderRadiusS : borderRadiusL,
-        borderBottomRightRadius: (groupStyle === 'right_bottom' || groupStyle === 'right_single') && (!hasThreadReplies || threadList) ? borderRadiusS : borderRadiusL,
-        borderColor: grey_whisper
-      }, onlyEmojis && !message.quoted_message || otherAttachments != null && otherAttachments.length ? {
-        borderWidth: 0
-      } : {}, containerInner],
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 349,
-        columnNumber: 15
-      }
-    }, messagesContext == null ? void 0 : (_messagesContext$mess = messagesContext.messageContentOrder) == null ? void 0 : _messagesContext$mess.map(function (messageContentType, messageContentOrderIndex) {
-      switch (messageContentType) {
-        case 'quoted_reply':
-          return message.quoted_message && Reply && _react["default"].createElement(_reactNative.View, {
-            key: "quoted_reply_" + messageContentOrderIndex,
-            style: [styles.replyContainer, replyContainer],
-            __self: _this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 391,
-              columnNumber: 29
-            }
-          }, _react["default"].createElement(Reply, {
-            quotedMessage: message.quoted_message,
-            styles: {
-              messageContainer: {
-                maxWidth: vw(60)
-              }
+      children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+        style: [styles.flex, panStyle],
+        children: message && (0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.center, styles.overlayPadding, {
+            padding: overlayPadding
+          }, alignment === 'left' ? styles.alignStart : styles.alignEnd],
+          children: [handleReaction && ownCapabilities != null && ownCapabilities.sendReaction ? (0, _jsxRuntime.jsx)(OverlayReactionList, {
+            messageLayout: messageLayout,
+            ownReactionTypes: (message == null ? void 0 : (_message$own_reaction = message.own_reactions) == null ? void 0 : _message$own_reaction.map(function (reaction) {
+              return reaction.type;
+            })) || [],
+            setReactionListHeight: setReactionListHeight,
+            showScreen: showScreen
+          }) : null, (0, _jsxRuntime.jsxs)(_reactNativeReanimated["default"].View, {
+            onLayout: function onLayout(_ref4) {
+              var _ref4$nativeEvent$lay = _ref4.nativeEvent.layout,
+                layoutHeight = _ref4$nativeEvent$lay.height,
+                layoutWidth = _ref4$nativeEvent$lay.width,
+                x = _ref4$nativeEvent$lay.x,
+                y = _ref4$nativeEvent$lay.y;
+              messageLayout.value = {
+                x: alignment === 'left' ? x + layoutWidth : x,
+                y: y
+              };
+              messageWidth.value = layoutWidth;
+              messageHeight.value = layoutHeight;
             },
-            __self: _this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 395,
-              columnNumber: 31
-            }
-          }));
-        case 'attachments':
-          return otherAttachments == null ? void 0 : otherAttachments.map(function (attachment, attachmentIndex) {
-            return Attachment && _react["default"].createElement(Attachment, {
-              attachment: attachment,
-              key: message.id + "-" + attachmentIndex,
-              __self: _this,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 412,
-                columnNumber: 31
-              }
-            });
-          });
-        case 'files':
-          return FileAttachmentGroup && _react["default"].createElement(FileAttachmentGroup, {
-            files: files,
-            key: "file_attachment_group_" + messageContentOrderIndex,
-            messageId: message.id,
-            __self: _this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 421,
-              columnNumber: 29
-            }
-          });
-        case 'gallery':
-          return Gallery && _react["default"].createElement(Gallery, {
+            style: [styles.alignEnd, styles.row, showScreenStyle],
+            children: [alignment === 'left' && MessageAvatar && (0, _jsxRuntime.jsx)(MessageAvatar, {
+              alignment: alignment,
+              message: message,
+              showAvatar: true
+            }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+              pointerEvents: "none",
+              style: [styles.containerInner, {
+                backgroundColor: onlyEmojis && !message.quoted_message ? transparent : otherAttachments != null && otherAttachments.length ? otherAttachments[0].type === 'giphy' ? !message.quoted_message ? transparent : grey_gainsboro : blue_alice : alignment === 'left' ? white_smoke : grey_gainsboro,
+                borderBottomLeftRadius: (groupStyle === 'left_bottom' || groupStyle === 'left_single') && (!hasThreadReplies || threadList) ? borderRadiusS : borderRadiusL,
+                borderBottomRightRadius: (groupStyle === 'right_bottom' || groupStyle === 'right_single') && (!hasThreadReplies || threadList) ? borderRadiusS : borderRadiusL,
+                borderColor: grey_whisper
+              }, onlyEmojis && !message.quoted_message || otherAttachments != null && otherAttachments.length ? {
+                borderWidth: 0
+              } : {}, containerInner],
+              children: messagesContext == null ? void 0 : (_messagesContext$mess = messagesContext.messageContentOrder) == null ? void 0 : _messagesContext$mess.map(function (messageContentType, messageContentOrderIndex) {
+                switch (messageContentType) {
+                  case 'quoted_reply':
+                    return message.quoted_message && Reply && (0, _jsxRuntime.jsx)(_reactNative.View, {
+                      style: [styles.replyContainer, replyContainer],
+                      children: (0, _jsxRuntime.jsx)(Reply, {
+                        quotedMessage: message.quoted_message,
+                        styles: {
+                          messageContainer: {
+                            maxWidth: vw(60)
+                          }
+                        }
+                      })
+                    }, "quoted_reply_".concat(messageContentOrderIndex));
+                  case 'attachments':
+                    return otherAttachments == null ? void 0 : otherAttachments.map(function (attachment, attachmentIndex) {
+                      return Attachment && (0, _jsxRuntime.jsx)(Attachment, {
+                        attachment: attachment
+                      }, "".concat(message.id, "-").concat(attachmentIndex));
+                    });
+                  case 'files':
+                    return FileAttachmentGroup && (0, _jsxRuntime.jsx)(FileAttachmentGroup, {
+                      files: files,
+                      messageId: message.id
+                    }, "file_attachment_group_".concat(messageContentOrderIndex));
+                  case 'gallery':
+                    return Gallery && (0, _jsxRuntime.jsx)(Gallery, {
+                      alignment: alignment,
+                      groupStyles: groupStyles,
+                      hasThreadReplies: !!(message != null && message.reply_count),
+                      images: images,
+                      message: message,
+                      threadList: threadList,
+                      videos: videos
+                    }, "gallery_".concat(messageContentOrderIndex));
+                  case 'text':
+                  default:
+                    return otherAttachments != null && otherAttachments.length && otherAttachments[0].actions ? null : (0, _jsxRuntime.jsx)(_MessageTextContainer.MessageTextContainer, {
+                      message: message,
+                      messageOverlay: true,
+                      messageTextNumberOfLines: messageTextNumberOfLines,
+                      onlyEmojis: onlyEmojis
+                    }, "message_text_container_".concat(messageContentOrderIndex));
+                }
+              })
+            })]
+          }), messageActions && (0, _jsxRuntime.jsx)(MessageActionList, Object.assign({
+            MessageActionListItem: MessageActionListItem,
+            showScreen: showScreen
+          }, messageActionProps, {
+            message: message
+          })), !!messageReactionTitle && message.latest_reactions && message.latest_reactions.length > 0 ? (0, _jsxRuntime.jsx)(OverlayReactions, {
             alignment: alignment,
-            groupStyles: groupStyles,
-            hasThreadReplies: !!(message != null && message.reply_count),
-            images: images,
-            key: "gallery_" + messageContentOrderIndex,
-            message: message,
-            threadList: threadList,
-            videos: videos,
-            __self: _this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 431,
-              columnNumber: 29
-            }
-          });
-        case 'text':
-        default:
-          return otherAttachments != null && otherAttachments.length && otherAttachments[0].actions ? null : _react["default"].createElement(_MessageTextContainer.MessageTextContainer, {
-            key: "message_text_container_" + messageContentOrderIndex,
-            message: message,
-            messageOverlay: true,
-            messageTextNumberOfLines: messageTextNumberOfLines,
-            onlyEmojis: onlyEmojis,
-            __self: _this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 446,
-              columnNumber: 27
-            }
-          });
-      }
-    }))), messageActions && _react["default"].createElement(MessageActionList, (0, _extends2["default"])({
-      MessageActionListItem: MessageActionListItem,
-      showScreen: showScreen
-    }, messageActionProps, {
-      message: message,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 460,
-        columnNumber: 15
-      }
-    })), !!messageReactionTitle && message.latest_reactions && message.latest_reactions.length > 0 ? _react["default"].createElement(OverlayReactions, {
-      alignment: alignment,
-      OverlayReactionsAvatar: OverlayReactionsAvatar,
-      reactions: message.latest_reactions.map(function (reaction) {
-        var _reaction$user, _reaction$user2, _reaction$user3, _reaction$user4;
-        return {
-          alignment: clientId && clientId === ((_reaction$user = reaction.user) == null ? void 0 : _reaction$user.id) ? 'right' : 'left',
-          id: (reaction == null ? void 0 : (_reaction$user2 = reaction.user) == null ? void 0 : _reaction$user2.id) || '',
-          image: reaction == null ? void 0 : (_reaction$user3 = reaction.user) == null ? void 0 : _reaction$user3.image,
-          name: (reaction == null ? void 0 : (_reaction$user4 = reaction.user) == null ? void 0 : _reaction$user4.name) || reaction.user_id || '',
-          type: reaction.type
-        };
-      }),
-      showScreen: showScreen,
-      supportedReactions: messagesContext == null ? void 0 : messagesContext.supportedReactions,
-      title: messageReactionTitle,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 470,
-        columnNumber: 15
-      }
-    }) : null)));
+            OverlayReactionsAvatar: OverlayReactionsAvatar,
+            reactions: message.latest_reactions.map(function (reaction) {
+              var _reaction$user, _reaction$user2, _reaction$user3, _reaction$user4;
+              return {
+                alignment: clientId && clientId === ((_reaction$user = reaction.user) == null ? void 0 : _reaction$user.id) ? 'right' : 'left',
+                id: (reaction == null ? void 0 : (_reaction$user2 = reaction.user) == null ? void 0 : _reaction$user2.id) || '',
+                image: reaction == null ? void 0 : (_reaction$user3 = reaction.user) == null ? void 0 : _reaction$user3.image,
+                name: (reaction == null ? void 0 : (_reaction$user4 = reaction.user) == null ? void 0 : _reaction$user4.name) || reaction.user_id || '',
+                type: reaction.type
+              };
+            }),
+            showScreen: showScreen,
+            supportedReactions: messagesContext == null ? void 0 : messagesContext.supportedReactions,
+            title: messageReactionTitle
+          }) : null]
+        })
+      })
+    });
   };
   var isScrollEnabled = !!messageActions && overlay === 'message';
-  return _react["default"].createElement(_ChatContext.ChatProvider, {
+  return (0, _jsxRuntime.jsx)(_ChatContext.ChatProvider, {
     value: chatContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 499,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
-    value: messagesContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 500,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_MessageContext.MessageProvider, {
-    value: messageContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 501,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_ThemeContext.ThemeProvider, {
-    mergedStyle: wrapMessageInTheme ? modifiedTheme : theme,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 502,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    pointerEvents: 'auto',
-    style: [_reactNative.StyleSheet.absoluteFillObject, containerStyle],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 503,
-      columnNumber: 13
-    }
-  }, _react["default"].createElement(_reactNativeGestureHandler.PanGestureHandler, {
-    enabled: overlay === 'message',
-    maxPointers: 1,
-    minDist: 10,
-    onGestureEvent: onPan,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 507,
-      columnNumber: 15
-    }
-  }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
-    style: [_reactNative.StyleSheet.absoluteFillObject],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 513,
-      columnNumber: 17
-    }
-  }, _react["default"].createElement(_reactNative.SafeAreaView, {
-    style: styles.flex,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 514,
-      columnNumber: 19
-    }
-  }, isScrollEnabled ? _react["default"].createElement(_reactNativeGestureHandler.ScrollView, {
-    alwaysBounceVertical: false,
-    contentContainerStyle: [styles.center, {
-      paddingTop: reactionListHeight
-    }],
-    showsVerticalScrollIndicator: false,
-    style: [styles.flex, styles.scrollView],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 516,
-      columnNumber: 23
-    }
-  }, renderContent()) : renderContent(messageTextNumberOfLines)))))))));
+    children: (0, _jsxRuntime.jsx)(_MessagesContext.MessagesProvider, {
+      value: messagesContext,
+      children: (0, _jsxRuntime.jsx)(_MessageContext.MessageProvider, {
+        value: messageContext,
+        children: (0, _jsxRuntime.jsx)(_ThemeContext.ThemeProvider, {
+          mergedStyle: wrapMessageInTheme ? modifiedTheme : theme,
+          children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+            pointerEvents: 'auto',
+            style: [_reactNative.StyleSheet.absoluteFillObject, containerStyle],
+            children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.PanGestureHandler, {
+              enabled: overlay === 'message',
+              maxPointers: 1,
+              minDist: 10,
+              onGestureEvent: onPan,
+              children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+                style: [_reactNative.StyleSheet.absoluteFillObject],
+                children: (0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+                  style: styles.flex,
+                  children: isScrollEnabled ? (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.ScrollView, {
+                    alwaysBounceVertical: false,
+                    contentContainerStyle: [styles.center, {
+                      paddingTop: reactionListHeight
+                    }],
+                    showsVerticalScrollIndicator: false,
+                    style: [styles.flex, styles.scrollView],
+                    children: renderContent()
+                  }) : renderContent(messageTextNumberOfLines)
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
 };
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevAlignment = prevProps.alignment,
@@ -575,17 +441,10 @@ var MessageOverlay = function MessageOverlay(props) {
     OverlayReactions: props.OverlayReactions || OverlayReactions,
     OverlayReactionsAvatar: props.OverlayReactionsAvatar || OverlayReactionsAvatar
   };
-  return _react["default"].createElement(MemoizedMessageOverlay, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(MemoizedMessageOverlay, Object.assign({
     overlay: overlay,
     setOverlay: setOverlay
-  }, componentProps, data || {}, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 626,
-      columnNumber: 5
-    }
-  }));
+  }, componentProps, data || {}, props));
 };
 exports.MessageOverlay = MessageOverlay;
 //# sourceMappingURL=MessageOverlay.js.map