stream-chat-react-native-core 8.6.1 → 8.6.2-beta.1

package/lib/commonjs/components/ChannelPreview/hooks/useChannelPreviewData.js

@@ -9,15 +9,33 @@ var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _useIsChannelMuted2 = require("./useIsChannelMuted");
 var _useLatestMessagePreview = require("./useLatestMessagePreview");
 var _contexts = require("../../../contexts");
+var _hooks = require("../../../hooks");
+var setLastMessageThrottleTimeout = 500;
+var setLastMessageThrottleOptions = {
+  leading: true,
+  trailing: true
+};
+var refreshUnreadCountThrottleTimeout = 400;
+var refreshUnreadCountThrottleOptions = setLastMessageThrottleOptions;
 var useChannelPreviewData = exports.useChannelPreviewData = function useChannelPreviewData(channel, client, forceUpdateOverride) {
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     forceUpdate = _useState2[0],
     setForceUpdate = _useState2[1];
-  var _useState3 = (0, _react.useState)(channel.state.messages[channel.state.messages.length - 1]),
+  var _useState3 = (0, _react.useState)(function () {
+      return channel.state.messages[channel.state.messages.length - 1];
+    }),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     lastMessage = _useState4[0],
-    setLastMessage = _useState4[1];
+    setLastMessageInner = _useState4[1];
+  var throttledSetLastMessage = (0, _react.useMemo)(function () {
+    return (0, _throttle.default)(function (newLastMessage) {
+      return setLastMessageInner(newLastMessage);
+    }, setLastMessageThrottleTimeout, setLastMessageThrottleOptions);
+  }, []);
+  var setLastMessage = (0, _hooks.useStableCallback)(function (newLastMessage) {
+    return throttledSetLastMessage(newLastMessage);
+  });
   var _useState5 = (0, _react.useState)(channel.countUnread()),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     unread = _useState6[0],
@@ -29,6 +47,15 @@ var useChannelPreviewData = exports.useChannelPreviewData = function useChannelP
   var channelListForceUpdate = forceUpdateOverride != null ? forceUpdateOverride : contextForceUpdate;
   var channelLastMessage = channel.lastMessage();
   var channelLastMessageString = `${channelLastMessage == null ? void 0 : channelLastMessage.id}${channelLastMessage == null ? void 0 : channelLastMessage.updated_at}`;
+  var refreshUnreadCount = (0, _react.useMemo)(function () {
+    return (0, _throttle.default)(function () {
+      if (muted) {
+        setUnread(0);
+      } else {
+        setUnread(channel.countUnread());
+      }
+    }, refreshUnreadCountThrottleTimeout, refreshUnreadCountThrottleOptions);
+  }, [channel, muted]);
   (0, _react.useEffect)(function () {
     var unsubscribe = channel.messageComposer.registerDraftEventSubscriptions();
     return function () {
@@ -37,18 +64,17 @@ var useChannelPreviewData = exports.useChannelPreviewData = function useChannelP
   }, [channel.messageComposer]);
   (0, _react.useEffect)(function () {
     var _client$on = client.on('notification.mark_read', function () {
-        setUnread(channel.countUnread());
+        refreshUnreadCount();
       }),
       unsubscribe = _client$on.unsubscribe;
     return unsubscribe;
-  }, [channel, client]);
+  }, [client, refreshUnreadCount]);
   (0, _react.useEffect)(function () {
-    if (channelLastMessage && (channelLastMessage.id !== (lastMessage == null ? void 0 : lastMessage.id) || channelLastMessage.updated_at !== (lastMessage == null ? void 0 : lastMessage.updated_at))) {
-      setLastMessage(channelLastMessage);
-    }
-    var newUnreadCount = channel.countUnread();
-    setUnread(newUnreadCount);
-  }, [channel, channelLastMessage, channelLastMessageString, channelListForceUpdate, lastMessage]);
+    setLastMessage(function (prevLastMessage) {
+      return channelLastMessage && (channelLastMessage.id !== (prevLastMessage == null ? void 0 : prevLastMessage.id) || channelLastMessage.updated_at !== (prevLastMessage == null ? void 0 : prevLastMessage.updated_at)) ? channelLastMessage : prevLastMessage;
+    });
+    refreshUnreadCount();
+  }, [channelLastMessage, channelLastMessageString, channelListForceUpdate, setLastMessage, refreshUnreadCount]);
   (0, _react.useEffect)(function () {
     var handleReadEvent = function handleReadEvent(event) {
       var _event$user, _event$user2;
@@ -88,15 +114,6 @@ var useChannelPreviewData = exports.useChannelPreviewData = function useChannelP
       unsubscribe = _client$on3.unsubscribe;
     return unsubscribe;
   }, [client, channel]);
-  var refreshUnreadCount = (0, _react.useMemo)(function () {
-    return (0, _throttle.default)(function () {
-      if (muted) {
-        setUnread(0);
-      } else {
-        setUnread(channel.countUnread());
-      }
-    }, 400);
-  }, [channel, muted]);
   (0, _react.useEffect)(function () {
     refreshUnreadCount();
     var handleEvent = function handleEvent() {
@@ -107,7 +124,7 @@ var useChannelPreviewData = exports.useChannelPreviewData = function useChannelP
       var message = event.message;
       if (message && (!message.parent_id || message.show_in_channel)) {
         setLastMessage(message);
-        setUnread(channel.countUnread());
+        refreshUnreadCount();
       }
     };
     var handleUpdatedOrDeletedMessage = function handleUpdatedOrDeletedMessage(event) {
@@ -125,7 +142,7 @@ var useChannelPreviewData = exports.useChannelPreviewData = function useChannelP
         return l.unsubscribe();
       });
     };
-  }, [channel, refreshUnreadCount, forceUpdate, channelListForceUpdate]);
+  }, [channel, refreshUnreadCount, forceUpdate, channelListForceUpdate, setLastMessage]);
   var latestMessagePreview = (0, _useLatestMessagePreview.useLatestMessagePreview)(channel, forceUpdate, lastMessage);
   return {
     latestMessagePreview: latestMessagePreview,

package/lib/commonjs/components/ChannelPreview/hooks/useChannelPreviewData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_throttle","_interopRequireDefault","_useIsChannelMuted2","_useLatestMessagePreview","_contexts","useChannelPreviewData","exports","channel","client","forceUpdateOverride","_useState","useState","_useState2","_slicedToArray2","default","forceUpdate","setForceUpdate","_useState3","state","messages","length","_useState4","lastMessage","setLastMessage","_useState5","countUnread","_useState6","unread","setUnread","_useIsChannelMuted","useIsChannelMuted","muted","_useChannelsContext","useChannelsContext","contextForceUpdate","channelListForceUpdate","channelLastMessage","channelLastMessageString","id","updated_at","useEffect","unsubscribe","messageComposer","registerDraftEventSubscriptions","_client$on","on","newUnreadCount","handleReadEvent","event","_event$user","_event$user2","cid","user","userID","prev","_client$on2","handleUnreadEvent","_event$user3","_client$user","_client$on3","refreshUnreadCount","useMemo","throttle","handleEvent","latestMessages","handleNewMessageEvent","message","parent_id","show_in_channel","handleUpdatedOrDeletedMessage","prevLastMessage","_event$message","listeners","forEach","l","latestMessagePreview","useLatestMessagePreview"],"sourceRoot":"../../../../../src","sources":["components/ChannelPreview/hooks/useChannelPreviewData.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_throttle","_interopRequireDefault","_useIsChannelMuted2","_useLatestMessagePreview","_contexts","_hooks","setLastMessageThrottleTimeout","setLastMessageThrottleOptions","leading","trailing","refreshUnreadCountThrottleTimeout","refreshUnreadCountThrottleOptions","useChannelPreviewData","exports","channel","client","forceUpdateOverride","_useState","useState","_useState2","_slicedToArray2","default","forceUpdate","setForceUpdate","_useState3","state","messages","length","_useState4","lastMessage","setLastMessageInner","throttledSetLastMessage","useMemo","throttle","newLastMessage","setLastMessage","useStableCallback","_useState5","countUnread","_useState6","unread","setUnread","_useIsChannelMuted","useIsChannelMuted","muted","_useChannelsContext","useChannelsContext","contextForceUpdate","channelListForceUpdate","channelLastMessage","channelLastMessageString","id","updated_at","refreshUnreadCount","useEffect","unsubscribe","messageComposer","registerDraftEventSubscriptions","_client$on","on","prevLastMessage","handleReadEvent","event","_event$user","_event$user2","cid","user","userID","prev","_client$on2","handleUnreadEvent","_event$user3","_client$user","_client$on3","handleEvent","latestMessages","handleNewMessageEvent","message","parent_id","show_in_channel","handleUpdatedOrDeletedMessage","_event$message","listeners","forEach","l","latestMessagePreview","useLatestMessagePreview"],"sourceRoot":"../../../../../src","sources":["components/ChannelPreview/hooks/useChannelPreviewData.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,157 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwipableMessageBubble = exports.MessageBubble = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _contexts = require("../../../contexts");
+var _native = require("../../../native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["MessageSwipeContent", "shouldRenderSwipeableWrapper", "messageSwipeToReplyHitSlop", "onSwipe"];
+var _this = this,
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageBubble.tsx";
+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 MessageBubble = exports.MessageBubble = _react.default.memo(function (_ref) {
+  var reactionListPosition = _ref.reactionListPosition,
+    messageContentWidth = _ref.messageContentWidth,
+    setMessageContentWidth = _ref.setMessageContentWidth,
+    MessageContent = _ref.MessageContent,
+    ReactionListTop = _ref.ReactionListTop,
+    backgroundColor = _ref.backgroundColor,
+    isVeryLastMessage = _ref.isVeryLastMessage,
+    messageGroupedSingleOrBottom = _ref.messageGroupedSingleOrBottom,
+    noBorder = _ref.noBorder;
+  var _useTheme = (0, _contexts.useTheme)(),
+    contentWrapper = _useTheme.theme.messageSimple.contentWrapper;
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.contentWrapper, contentWrapper],
+    children: [(0, _jsxRuntime.jsx)(MessageContent, {
+      backgroundColor: backgroundColor,
+      isVeryLastMessage: isVeryLastMessage,
+      messageGroupedSingleOrBottom: messageGroupedSingleOrBottom,
+      noBorder: noBorder,
+      setMessageContentWidth: setMessageContentWidth
+    }), reactionListPosition === 'top' && ReactionListTop ? (0, _jsxRuntime.jsx)(ReactionListTop, {
+      messageContentWidth: messageContentWidth
+    }) : null]
+  });
+});
+var AnimatedWrapper = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.View);
+var SwipableMessageBubble = exports.SwipableMessageBubble = _react.default.memo(function (props) {
+  var MessageSwipeContent = props.MessageSwipeContent,
+    shouldRenderSwipeableWrapper = props.shouldRenderSwipeableWrapper,
+    messageSwipeToReplyHitSlop = props.messageSwipeToReplyHitSlop,
+    onSwipe = props.onSwipe,
+    messageBubbleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useTheme2 = (0, _contexts.useTheme)(),
+    _useTheme2$theme$mess = _useTheme2.theme.messageSimple,
+    contentWrapper = _useTheme2$theme$mess.contentWrapper,
+    swipeContentContainer = _useTheme2$theme$mess.swipeContentContainer;
+  var translateX = (0, _reactNativeReanimated.useSharedValue)(0);
+  var touchStart = (0, _reactNativeReanimated.useSharedValue)(null);
+  var isSwiping = (0, _reactNativeReanimated.useSharedValue)(false);
+  var _useState = (0, _react.useState)(shouldRenderSwipeableWrapper),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    shouldRenderAnimatedWrapper = _useState2[0],
+    setShouldRenderAnimatedWrapper = _useState2[1];
+  var SWIPABLE_THRESHOLD = 25;
+  var triggerHaptic = _native.NativeHandlers.triggerHaptic;
+  var swipeGesture = (0, _react.useMemo)(function () {
+    return _reactNativeGestureHandler.Gesture.Pan().hitSlop(messageSwipeToReplyHitSlop).onBegin(function (event) {
+      touchStart.value = {
+        x: event.x,
+        y: event.y
+      };
+    }).onTouchesMove(function (event, state) {
+      if (!touchStart.value || !event.changedTouches.length) {
+        state.fail();
+        return;
+      }
+      var xDiff = Math.abs(event.changedTouches[0].x - touchStart.value.x);
+      var yDiff = Math.abs(event.changedTouches[0].y - touchStart.value.y);
+      var isHorizontalPanning = xDiff > yDiff;
+      if (isHorizontalPanning) {
+        state.activate();
+        isSwiping.value = true;
+        if (!shouldRenderSwipeableWrapper) {
+          (0, _reactNativeReanimated.runOnJS)(setShouldRenderAnimatedWrapper)(isSwiping.value);
+        }
+      } else {
+        state.fail();
+      }
+    }).onStart(function () {
+      translateX.value = 0;
+    }).onChange(function (_ref2) {
+      var translationX = _ref2.translationX;
+      if (translationX > 0) {
+        translateX.value = translationX;
+      }
+    }).onEnd(function () {
+      if (translateX.value >= SWIPABLE_THRESHOLD) {
+        (0, _reactNativeReanimated.runOnJS)(onSwipe)();
+        if (triggerHaptic) {
+          (0, _reactNativeReanimated.runOnJS)(triggerHaptic)('impactMedium');
+        }
+      }
+      isSwiping.value = false;
+      translateX.value = (0, _reactNativeReanimated.withSpring)(0, {
+        dampingRatio: 1,
+        duration: 500,
+        overshootClamping: true,
+        stiffness: 1
+      }, function () {
+        if (!shouldRenderSwipeableWrapper) {
+          (0, _reactNativeReanimated.runOnJS)(setShouldRenderAnimatedWrapper)(isSwiping.value);
+        }
+      });
+    });
+  }, [isSwiping, messageSwipeToReplyHitSlop, onSwipe, touchStart, translateX, triggerHaptic, shouldRenderSwipeableWrapper]);
+  var messageBubbleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      transform: [{
+        translateX: translateX.value
+      }]
+    };
+  }, []);
+  var swipeContentAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      opacity: (0, _reactNativeReanimated.interpolate)(translateX.value, [0, SWIPABLE_THRESHOLD], [0, 1]),
+      transform: [{
+        translateX: (0, _reactNativeReanimated.interpolate)(translateX.value, [0, SWIPABLE_THRESHOLD], [-SWIPABLE_THRESHOLD, 0], _reactNativeReanimated.Extrapolation.CLAMP)
+      }]
+    };
+  }, []);
+  return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: swipeGesture,
+    children: (0, _jsxRuntime.jsx)(_reactNative.View, {
+      hitSlop: messageSwipeToReplyHitSlop,
+      style: [styles.contentWrapper, contentWrapper],
+      children: shouldRenderAnimatedWrapper ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)(AnimatedWrapper, {
+          style: [styles.swipeContentContainer, swipeContentAnimatedStyle, swipeContentContainer],
+          children: MessageSwipeContent ? (0, _jsxRuntime.jsx)(MessageSwipeContent, {}) : null
+        }), (0, _jsxRuntime.jsx)(AnimatedWrapper, {
+          pointerEvents: "box-none",
+          style: messageBubbleAnimatedStyle,
+          children: (0, _jsxRuntime.jsx)(MessageBubble, Object.assign({}, messageBubbleProps))
+        })]
+      }) : (0, _jsxRuntime.jsx)(MessageBubble, Object.assign({}, messageBubbleProps))
+    })
+  });
+});
+var styles = _reactNative.StyleSheet.create({
+  contentWrapper: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  swipeContentContainer: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=MessageBubble.js.map

package/lib/commonjs/components/Message/MessageSimple/MessageBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_contexts","_native","_jsxRuntime","_excluded","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MessageBubble","exports","React","memo","_ref","reactionListPosition","messageContentWidth","setMessageContentWidth","MessageContent","ReactionListTop","backgroundColor","isVeryLastMessage","messageGroupedSingleOrBottom","noBorder","_useTheme","useTheme","contentWrapper","theme","messageSimple","jsxs","View","style","styles","children","jsx","AnimatedWrapper","Animated","createAnimatedComponent","SwipableMessageBubble","props","MessageSwipeContent","shouldRenderSwipeableWrapper","messageSwipeToReplyHitSlop","onSwipe","messageBubbleProps","_objectWithoutProperties2","_useTheme2","_useTheme2$theme$mess","swipeContentContainer","translateX","useSharedValue","touchStart","isSwiping","_useState","useState","_useState2","_slicedToArray2","shouldRenderAnimatedWrapper","setShouldRenderAnimatedWrapper","SWIPABLE_THRESHOLD","triggerHaptic","NativeHandlers","swipeGesture","useMemo","Gesture","Pan","hitSlop","onBegin","event","value","x","y","onTouchesMove","state","changedTouches","length","fail","xDiff","Math","abs","yDiff","isHorizontalPanning","activate","runOnJS","onStart","onChange","_ref2","translationX","onEnd","withSpring","dampingRatio","duration","overshootClamping","stiffness","messageBubbleAnimatedStyle","useAnimatedStyle","transform","swipeContentAnimatedStyle","opacity","interpolate","Extrapolation","CLAMP","GestureDetector","gesture","Fragment","pointerEvents","assign","StyleSheet","create","alignItems","flexDirection","position"],"sourceRoot":"../../../../../src","sources":["components/Message/MessageSimple/MessageBubble.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -6,13 +6,11 @@ exports.MessageSimple = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _MessageBubble = require("./MessageBubble");
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _useStableCallback = require("../../../hooks/useStableCallback");
-var _native = require("../../../native");
 var _utils = require("../../../utils/utils");
 var _useMessageData2 = require("../hooks/useMessageData");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -20,17 +18,12 @@ var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageSimple.tsx";
 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 AnimatedWrapper = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.View);
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'flex-end',
     flexDirection: 'row'
   },
   contentContainer: {},
-  contentWrapper: {
-    alignItems: 'center',
-    flexDirection: 'row'
-  },
   lastMessageContainer: {
     marginBottom: 12
   },
@@ -43,9 +36,6 @@ var styles = _reactNative.StyleSheet.create({
   messageGroupedTopContainer: {},
   rightAlignItems: {
     alignItems: 'flex-end'
-  },
-  swipeContentContainer: {
-    position: 'absolute'
   }
 });
 var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
@@ -104,13 +94,11 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
     errorContainer = _useTheme$theme$messa2.errorContainer,
     receiverMessageBackgroundColor = _useTheme$theme$messa2.receiverMessageBackgroundColor,
     senderMessageBackgroundColor = _useTheme$theme$messa2.senderMessageBackgroundColor,
-    contentWrapper = _useTheme$theme$messa.contentWrapper,
     headerWrapper = _useTheme$theme$messa.headerWrapper,
     lastMessageContainer = _useTheme$theme$messa.lastMessageContainer,
     messageGroupedSingleOrBottomContainer = _useTheme$theme$messa.messageGroupedSingleOrBottomContainer,
     messageGroupedTopContainer = _useTheme$theme$messa.messageGroupedTopContainer,
-    reactionPosition = _useTheme$theme$messa.reactionListTop.position,
-    swipeContentContainer = _useTheme$theme$messa.swipeContentContainer;
+    reactionPosition = _useTheme$theme$messa.reactionListTop.position;
   var _useMessageData = (0, _useMessageData2.useMessageData)({}),
     isMessageErrorType = _useMessageData.isMessageErrorType,
     isMessageReceivedOrErrorType = _useMessageData.isMessageReceivedOrErrorType,
@@ -146,13 +134,6 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
     backgroundColor = receiverMessageBackgroundColor != null ? receiverMessageBackgroundColor : light_gray;
   }
   var repliesCurveColor = isMessageReceivedOrErrorType ? grey_gainsboro : backgroundColor;
-  var translateX = (0, _reactNativeReanimated.useSharedValue)(0);
-  var touchStart = (0, _reactNativeReanimated.useSharedValue)(null);
-  var isSwiping = (0, _reactNativeReanimated.useSharedValue)(false);
-  var _useState3 = (0, _react.useState)(shouldRenderSwipeableWrapper),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    shouldRenderAnimatedWrapper = _useState4[0],
-    setShouldRenderAnimatedWrapper = _useState4[1];
   var onSwipeActionHandler = (0, _useStableCallback.useStableCallback)(function () {
     if (customMessageSwipeAction) {
       customMessageSwipeAction({
@@ -163,106 +144,6 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
     }
     setQuotedMessage(message);
   });
-  var THRESHOLD = 25;
-  var triggerHaptic = _native.NativeHandlers.triggerHaptic;
-  var swipeGesture = (0, _react.useMemo)(function () {
-    return _reactNativeGestureHandler.Gesture.Pan().hitSlop(messageSwipeToReplyHitSlop).onBegin(function (event) {
-      touchStart.value = {
-        x: event.x,
-        y: event.y
-      };
-    }).onTouchesMove(function (event, state) {
-      if (!touchStart.value || !event.changedTouches.length) {
-        state.fail();
-        return;
-      }
-      var xDiff = Math.abs(event.changedTouches[0].x - touchStart.value.x);
-      var yDiff = Math.abs(event.changedTouches[0].y - touchStart.value.y);
-      var isHorizontalPanning = xDiff > yDiff;
-      if (isHorizontalPanning) {
-        state.activate();
-        isSwiping.value = true;
-        if (!shouldRenderSwipeableWrapper) {
-          (0, _reactNativeReanimated.runOnJS)(setShouldRenderAnimatedWrapper)(isSwiping.value);
-        }
-      } else {
-        state.fail();
-      }
-    }).onStart(function () {
-      translateX.value = 0;
-    }).onChange(function (_ref2) {
-      var translationX = _ref2.translationX;
-      if (translationX > 0) {
-        translateX.value = translationX;
-      }
-    }).onEnd(function () {
-      if (translateX.value >= THRESHOLD) {
-        (0, _reactNativeReanimated.runOnJS)(onSwipeActionHandler)();
-        if (triggerHaptic) {
-          (0, _reactNativeReanimated.runOnJS)(triggerHaptic)('impactMedium');
-        }
-      }
-      isSwiping.value = false;
-      translateX.value = (0, _reactNativeReanimated.withSpring)(0, {
-        dampingRatio: 1,
-        duration: 500,
-        overshootClamping: true,
-        stiffness: 1
-      }, function () {
-        if (!shouldRenderSwipeableWrapper) {
-          (0, _reactNativeReanimated.runOnJS)(setShouldRenderAnimatedWrapper)(isSwiping.value);
-        }
-      });
-    });
-  }, [isSwiping, messageSwipeToReplyHitSlop, onSwipeActionHandler, touchStart, translateX, triggerHaptic, shouldRenderSwipeableWrapper]);
-  var messageBubbleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
-    return {
-      transform: [{
-        translateX: translateX.value
-      }]
-    };
-  }, []);
-  var swipeContentAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
-    return {
-      opacity: (0, _reactNativeReanimated.interpolate)(translateX.value, [0, THRESHOLD], [0, 1]),
-      transform: [{
-        translateX: (0, _reactNativeReanimated.interpolate)(translateX.value, [0, THRESHOLD], [-THRESHOLD, 0], _reactNativeReanimated.Extrapolation.CLAMP)
-      }]
-    };
-  }, []);
-  var renderMessageBubble = (0, _react.useMemo)(function () {
-    return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.contentWrapper, contentWrapper],
-      children: [(0, _jsxRuntime.jsx)(MessageContent, {
-        backgroundColor: backgroundColor,
-        isVeryLastMessage: isVeryLastMessage,
-        messageGroupedSingleOrBottom: messageGroupedSingleOrBottom,
-        noBorder: noBorder,
-        setMessageContentWidth: setMessageContentWidth
-      }), reactionListPosition === 'top' && ReactionListTop ? (0, _jsxRuntime.jsx)(ReactionListTop, {
-        messageContentWidth: messageContentWidth
-      }) : null]
-    });
-  }, [messageContentWidth, reactionListPosition, MessageContent, ReactionListTop, backgroundColor, contentWrapper, isVeryLastMessage, messageGroupedSingleOrBottom, noBorder]);
-  var renderAnimatedMessageBubble = (0, _react.useMemo)(function () {
-    return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
-      gesture: swipeGesture,
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        hitSlop: messageSwipeToReplyHitSlop,
-        style: [styles.contentWrapper, contentWrapper],
-        children: shouldRenderAnimatedWrapper ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [(0, _jsxRuntime.jsx)(AnimatedWrapper, {
-            style: [styles.swipeContentContainer, swipeContentAnimatedStyle, swipeContentContainer],
-            children: MessageSwipeContent ? (0, _jsxRuntime.jsx)(MessageSwipeContent, {}) : null
-          }), (0, _jsxRuntime.jsx)(AnimatedWrapper, {
-            pointerEvents: "box-none",
-            style: messageBubbleAnimatedStyle,
-            children: renderMessageBubble
-          })]
-        }) : renderMessageBubble
-      })
-    });
-  }, [MessageSwipeContent, contentWrapper, shouldRenderAnimatedWrapper, messageBubbleAnimatedStyle, messageSwipeToReplyHitSlop, renderMessageBubble, swipeContentAnimatedStyle, swipeContentContainer, swipeGesture]);
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, messageGroupedSingleOrBottom ? isVeryLastMessage && enableMessageGroupingByUser ? lastMessageInMessageListStyles : messageGroupedSingleOrBottomStyles : messageGroupedTopStyles, {
       justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end'
@@ -291,7 +172,31 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
           otherAttachments: otherAttachments,
           showMessageStatus: showMessageStatus
         }), message.pinned ? (0, _jsxRuntime.jsx)(MessagePinnedHeader, {}) : null]
-      }), enableSwipeToReply ? renderAnimatedMessageBubble : renderMessageBubble, reactionListPosition === 'bottom' && ReactionListBottom ? (0, _jsxRuntime.jsx)(ReactionListBottom, {}) : null, (0, _jsxRuntime.jsx)(MessageReplies, {
+      }), enableSwipeToReply ? (0, _jsxRuntime.jsx)(_MessageBubble.SwipableMessageBubble, {
+        backgroundColor: backgroundColor,
+        isVeryLastMessage: isVeryLastMessage,
+        MessageContent: MessageContent,
+        messageContentWidth: messageContentWidth,
+        messageGroupedSingleOrBottom: messageGroupedSingleOrBottom,
+        MessageSwipeContent: MessageSwipeContent,
+        messageSwipeToReplyHitSlop: messageSwipeToReplyHitSlop,
+        noBorder: noBorder,
+        onSwipe: onSwipeActionHandler,
+        reactionListPosition: reactionListPosition,
+        ReactionListTop: ReactionListTop,
+        setMessageContentWidth: setMessageContentWidth,
+        shouldRenderSwipeableWrapper: shouldRenderSwipeableWrapper
+      }) : (0, _jsxRuntime.jsx)(_MessageBubble.MessageBubble, {
+        backgroundColor: backgroundColor,
+        isVeryLastMessage: isVeryLastMessage,
+        MessageContent: MessageContent,
+        messageContentWidth: messageContentWidth,
+        messageGroupedSingleOrBottom: messageGroupedSingleOrBottom,
+        noBorder: noBorder,
+        reactionListPosition: reactionListPosition,
+        ReactionListTop: ReactionListTop,
+        setMessageContentWidth: setMessageContentWidth
+      }), reactionListPosition === 'bottom' && ReactionListBottom ? (0, _jsxRuntime.jsx)(ReactionListBottom, {}) : null, (0, _jsxRuntime.jsx)(MessageReplies, {
         noBorder: noBorder,
         repliesCurveColor: repliesCurveColor
       }), (0, _jsxRuntime.jsx)(MessageFooter, {
@@ -362,9 +267,9 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!quotedMessageAttachmentsEqual) {
     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 latestReactionsEqual = Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions) ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length && prevMessage.latest_reactions.every(function (_ref2, index) {
     var _nextMessage$latest_r;
-    var type = _ref3.type;
+    var type = _ref2.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) {