stream-chat-react-native-core 9.0.0-beta.1 → 9.0.0-beta.10

package/lib/{module/components/Message/MessageSimple/MessageAvatar.js → commonjs/components/Message/MessageItemView/MessageAuthor.js}

@@ -2,7 +2,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MessageAvatar = void 0;
+exports.MessageAuthor = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
@@ -11,18 +11,18 @@ var _ui = require("../../ui");
 var _constants = require("../../ui/Avatar/constants");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageAvatar.tsx";
-var MessageAvatarWithContext = function MessageAvatarWithContext(props) {
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/MessageAuthor.tsx";
+var MessageAuthorWithContext = function MessageAuthorWithContext(props) {
   var lastGroupMessage = props.lastGroupMessage,
     message = props.message,
     showAvatar = props.showAvatar,
     size = props.size;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-    container = _useTheme.theme.messageSimple.avatarWrapper.container;
+    container = _useTheme.theme.messageItemView.authorWrapper.container;
   var visible = typeof showAvatar === 'boolean' ? showAvatar : lastGroupMessage;
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: container,
-    testID: "message-avatar",
+    testID: "message-author",
     children: visible && message.user ? (0, _jsxRuntime.jsx)(_ui.UserAvatar, {
       user: message.user,
       size: size != null ? size : 'md'
@@ -48,17 +48,17 @@ var areEqual = function areEqual(prevProps, nextProps) {
   }
   return true;
 };
-var MemoizedMessageAvatar = _react.default.memo(MessageAvatarWithContext, areEqual);
-var MessageAvatar = exports.MessageAvatar = function MessageAvatar(props) {
+var MemoizedMessageAuthor = _react.default.memo(MessageAuthorWithContext, areEqual);
+var MessageAuthor = exports.MessageAuthor = function MessageAuthor(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
     lastGroupMessage = _useMessageContext.lastGroupMessage,
     message = _useMessageContext.message,
     showAvatar = _useMessageContext.showAvatar;
-  return (0, _jsxRuntime.jsx)(MemoizedMessageAvatar, Object.assign({
+  return (0, _jsxRuntime.jsx)(MemoizedMessageAuthor, Object.assign({
     lastGroupMessage: lastGroupMessage,
     message: message,
     showAvatar: showAvatar
   }, props));
 };
-MessageAvatar.displayName = 'MessageAvatar{messageSimple{avatarWrapper}}';
-//# sourceMappingURL=MessageAvatar.js.map
+MessageAuthor.displayName = 'MessageAuthor{messageItemView{authorWrapper}}';
+//# sourceMappingURL=MessageAuthor.js.map

package/lib/commonjs/components/Message/MessageItemView/MessageAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageContext","_ThemeContext","_ui","_constants","_jsxRuntime","_this","_jsxFileName","MessageAuthorWithContext","props","lastGroupMessage","message","showAvatar","size","_useTheme","useTheme","container","theme","messageItemView","authorWrapper","visible","jsx","View","style","testID","children","user","UserAvatar","avatarSizes","areEqual","prevProps","nextProps","_prevMessage$user","_nextMessage$user","_prevMessage$user2","_nextMessage$user2","_prevMessage$user3","_nextMessage$user3","prevLastGroupMessage","prevMessage","nextLastGroupMessage","nextMessage","lastGroupMessageEqual","userEqual","image","name","id","MemoizedMessageAuthor","React","memo","MessageAuthor","exports","_useMessageContext","useMessageContext","Object","assign","displayName"],"sourceRoot":"../../../../../src","sources":["components/Message/MessageItemView/MessageAuthor.tsx"],"mappings":"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","ignoreList":[]}

package/lib/{module/components/Message/MessageSimple → commonjs/components/Message/MessageItemView}/MessageBlocked.js

@@ -8,7 +8,7 @@ var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _theme = require("../../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageBlocked.tsx";
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/MessageBlocked.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 MessageBlocked = exports.MessageBlocked = function MessageBlocked(props) {
@@ -28,7 +28,7 @@ MessageBlocked.displayName = 'MessageBlocked{messageList{messageBlocked}}';
 var useStyles = function useStyles() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$messa = _useTheme$theme.messageSimple.messageBlocked,
+    _useTheme$theme$messa = _useTheme$theme.messageItemView.messageBlocked,
     container = _useTheme$theme$messa.container,
     text = _useTheme$theme$messa.text,
     semantics = _useTheme$theme.semantics;

package/lib/commonjs/components/Message/MessageItemView/MessageBlocked.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MessageBlocked","exports","props","message","style","styles","useStyles","jsx","View","container","testID","children","Text","text","displayName","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$messa","messageItemView","messageBlocked","semantics","useMemo","StyleSheet","create","assign","alignItems","borderRadius","primitives","radiusXl","borderWidth","borderColor","borderCoreSubtle","backgroundColor","backgroundCoreSurfaceSubtle","paddingVertical","spacingXs","paddingHorizontal","spacingSm","marginVertical","color","chatTextSystem","textAlign","fontSize","typographyFontSizeXs","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightTight"],"sourceRoot":"../../../../../src","sources":["components/Message/MessageItemView/MessageBlocked.tsx"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAcrC,IAAMW,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,KAA0B,EAAK;EAC5D,IAAQC,OAAO,GAAYD,KAAK,CAAxBC,OAAO;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EAEtB,IAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,OACE,IAAA7B,WAAA,CAAA8B,GAAA,EAACjC,YAAA,CAAAkC,IAAI;IAACJ,KAAK,EAAE,CAACC,MAAM,CAACI,SAAS,EAAEL,KAAK,CAAE;IAACM,MAAM,EAAC,gBAAgB;IAAAC,QAAA,EAC7D,IAAAlC,WAAA,CAAA8B,GAAA,EAACjC,YAAA,CAAAsC,IAAI;MAACR,KAAK,EAAEC,MAAM,CAACQ,IAAK;MAAAF,QAAA,EAAER,OAAO,CAACU;IAAI,CAAO;EAAC,CAC3C,CAAC;AAEX,CAAC;AAEDb,cAAc,CAACc,WAAW,GAAG,6CAA6C;AAE1E,IAAMR,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACtB,IAAAS,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,eAAe,CACbC,cAAc;IAAIZ,SAAS,GAAAU,qBAAA,CAATV,SAAS;IAAEI,IAAI,GAAAM,qBAAA,CAAJN,IAAI;IAEnCS,SAAS,GAAAL,eAAA,CAATK,SAAS;EAGb,OAAO,IAAAC,cAAO,EAAC,YAAM;IACnB,OAAOC,uBAAU,CAACC,MAAM,CAAC;MACvBhB,SAAS,EAAAjB,MAAA,CAAAkC,MAAA;QACPC,UAAU,EAAE,QAAQ;QACpBC,YAAY,EAAEC,iBAAU,CAACC,QAAQ;QACjCC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,SAAS,CAACW,gBAAgB;QACvCC,eAAe,EAAEZ,SAAS,CAACa,2BAA2B;QACtDC,eAAe,EAAEP,iBAAU,CAACQ,SAAS;QACrCC,iBAAiB,EAAET,iBAAU,CAACU,SAAS;QACvCC,cAAc,EAAEX,iBAAU,CAACQ;MAAS,GACjC5B,SAAS,CACb;MACDI,IAAI,EAAArB,MAAA,CAAAkC,MAAA;QACFe,KAAK,EAAEnB,SAAS,CAACoB,cAAc;QAC/BC,SAAS,EAAE,QAAQ;QACnBC,QAAQ,EAAEf,iBAAU,CAACgB,oBAAoB;QACzCC,UAAU,EAAEjB,iBAAU,CAACkB,2BAA2B;QAClDC,UAAU,EAAEnB,iBAAU,CAACoB;MAAyB,GAC7CpC,IAAI;IAEX,CAAC,CAAC;EACJ,CAAC,EAAE,CAACJ,SAAS,EAAEI,IAAI,EAAES,SAAS,CAAC,CAAC;AAClC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Message/{MessageSimple → MessageItemView}/MessageBounce.js

@@ -12,7 +12,7 @@ var _MessagesContext = require("../../../contexts/messagesContext/MessagesContex
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageBounce.tsx";
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/MessageBounce.tsx";
 var MessageBounceWithContext = exports.MessageBounceWithContext = function MessageBounceWithContext(props) {
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;

package/lib/commonjs/components/Message/MessageItemView/MessageBounce.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageComposerAPIContext","_MessageContext","_MessagesContext","_TranslationContext","_jsxRuntime","_this","_jsxFileName","MessageBounceWithContext","exports","props","_useTranslationContex","useTranslationContext","t","message","removeMessage","retrySendMessage","setEditingState","setIsBounceDialogOpen","handleEditMessage","handleResend","handleRemoveMessage","_ref","_asyncToGenerator2","default","apply","arguments","jsx","Fragment","children","Alert","alert","onPress","text","cancelable","areEqual","prevProps","nextProps","prevMessage","nextMessage","messageEqual","cid","type","MemoizedMessageBounce","React","memo","MessageBounce","_useMessageContext","useMessageContext","_useMessagesContext","useMessagesContext","_useMessageComposerAP","useMessageComposerAPIContext","Object","assign"],"sourceRoot":"../../../../../src","sources":["components/Message/MessageItemView/MessageBounce.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Message/{MessageSimple → MessageItemView}/MessageBubble.js

@@ -2,71 +2,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SwipableMessageBubble = exports.MessageBubble = void 0;
+exports.SwipableMessageWrapper = 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 _hooks = require("../../../hooks");
 var _native = require("../../../native");
-var _utils = require("../../../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["MessageSwipeContent", "messageSwipeToReplyHitSlop", "onSwipe"];
 var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageBubble.tsx";
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/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 alignment = _ref.alignment,
-    reactionListPosition = _ref.reactionListPosition,
-    reactionListType = _ref.reactionListType,
-    setMessageContentWidth = _ref.setMessageContentWidth,
-    MessageContent = _ref.MessageContent,
-    ReactionListTop = _ref.ReactionListTop,
-    backgroundColor = _ref.backgroundColor,
-    isVeryLastMessage = _ref.isVeryLastMessage,
-    messageGroupedSingleOrBottom = _ref.messageGroupedSingleOrBottom,
-    noBorder = _ref.noBorder,
-    MessageError = _ref.MessageError,
-    message = _ref.message;
-  var styles = useStyles({
-    alignment: alignment
-  });
-  var isMessageErrorType = (message == null ? void 0 : message.type) === 'error' || (message == null ? void 0 : message.status) === _utils.MessageStatusTypes.FAILED;
-  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.wrapper,
-    children: [reactionListPosition === 'top' && ReactionListTop ? (0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.reactionListTopContainer,
-      children: (0, _jsxRuntime.jsx)(ReactionListTop, {
-        type: reactionListType
-      })
-    }) : null, (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.contentContainer,
-      children: [(0, _jsxRuntime.jsx)(MessageContent, {
-        backgroundColor: backgroundColor,
-        isVeryLastMessage: isVeryLastMessage,
-        messageGroupedSingleOrBottom: messageGroupedSingleOrBottom,
-        noBorder: noBorder,
-        setMessageContentWidth: setMessageContentWidth
-      }), isMessageErrorType ? (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.errorContainer,
-        children: (0, _jsxRuntime.jsx)(MessageError, {})
-      }) : null]
-    })]
-  });
-});
 var AnimatedWrapper = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.View);
-var SwipableMessageBubble = exports.SwipableMessageBubble = _react.default.memo(function (props) {
+var SwipableMessageWrapper = exports.SwipableMessageWrapper = _react.default.memo(function (props) {
   var MessageSwipeContent = props.MessageSwipeContent,
+    children = props.children,
     messageSwipeToReplyHitSlop = props.messageSwipeToReplyHitSlop,
-    onSwipe = props.onSwipe,
-    messageBubbleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var styles = useStyles({
-    alignment: props.alignment
-  });
+    onSwipe = props.onSwipe;
+  var styles = useStyles();
   var translateX = (0, _reactNativeReanimated.useSharedValue)(0);
   var touchStart = (0, _reactNativeReanimated.useSharedValue)(null);
   var isSwiping = (0, _reactNativeReanimated.useSharedValue)(false);
@@ -77,13 +32,6 @@ var SwipableMessageBubble = exports.SwipableMessageBubble = _react.default.memo(
   var SWIPABLE_THRESHOLD = 25;
   var MINIMUM_DISTANCE = 8;
   var triggerHaptic = _native.NativeHandlers.triggerHaptic;
-  var setMessageContentWidth = (0, _hooks.useStableCallback)(function (valueOrCallback) {
-    if (typeof valueOrCallback === 'number') {
-      props.setMessageContentWidth(Math.ceil(valueOrCallback));
-      return;
-    }
-    props.setMessageContentWidth(valueOrCallback);
-  });
   var swipeGesture = (0, _react.useMemo)(function () {
     return _reactNativeGestureHandler.Gesture.Pan().hitSlop(messageSwipeToReplyHitSlop).onBegin(function (event) {
       touchStart.value = {
@@ -110,8 +58,8 @@ var SwipableMessageBubble = exports.SwipableMessageBubble = _react.default.memo(
       }
     }).onStart(function () {
       translateX.value = 0;
-    }).onChange(function (_ref2) {
-      var translationX = _ref2.translationX;
+    }).onChange(function (_ref) {
+      var translationX = _ref.translationX;
       if (translationX > 0) {
         translateX.value = translationX;
       }
@@ -143,27 +91,17 @@ var SwipableMessageBubble = exports.SwipableMessageBubble = _react.default.memo(
     gesture: swipeGesture,
     children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
       hitSlop: messageSwipeToReplyHitSlop,
-      style: [styles.contentWrapper, props.messageContentWidth > 0 && shouldRenderAnimatedWrapper ? {
-        width: props.messageContentWidth
-      } : {}],
+      style: styles.contentWrapper,
       children: [shouldRenderAnimatedWrapper ? (0, _jsxRuntime.jsx)(AnimatedWrapper, {
         style: [styles.swipeContentContainer, swipeContentAnimatedStyle],
         children: MessageSwipeContent ? (0, _jsxRuntime.jsx)(MessageSwipeContent, {}) : null
-      }) : null, (0, _jsxRuntime.jsx)(MessageBubble, Object.assign({}, messageBubbleProps, {
-        setMessageContentWidth: setMessageContentWidth
-      }))]
+      }) : null, children]
     })
   });
 });
-var useStyles = function useStyles(_ref3) {
-  var alignment = _ref3.alignment;
+var useStyles = function useStyles() {
   var _useTheme = (0, _contexts.useTheme)(),
-    _useTheme$theme$messa = _useTheme.theme.messageSimple,
-    _useTheme$theme$messa2 = _useTheme$theme$messa.bubble,
-    contentContainer = _useTheme$theme$messa2.contentContainer,
-    errorContainer = _useTheme$theme$messa2.errorContainer,
-    reactionListTopContainer = _useTheme$theme$messa2.reactionListTopContainer,
-    wrapper = _useTheme$theme$messa2.wrapper,
+    _useTheme$theme$messa = _useTheme.theme.messageItemView,
     contentWrapper = _useTheme$theme$messa.contentWrapper,
     swipeContentContainer = _useTheme$theme$messa.swipeContentContainer;
   return (0, _react.useMemo)(function () {
@@ -173,20 +111,8 @@ var useStyles = function useStyles(_ref3) {
         flexDirection: 'row',
         zIndex: 1
       }, contentWrapper),
-      contentContainer: Object.assign({
-        alignSelf: alignment === 'left' ? 'flex-start' : 'flex-end'
-      }, contentContainer),
-      swipeContentContainer: Object.assign({}, swipeContentContainer),
-      errorContainer: Object.assign({
-        position: 'absolute',
-        top: 8,
-        right: -12
-      }, errorContainer),
-      reactionListTopContainer: Object.assign({
-        alignSelf: alignment === 'left' ? 'flex-end' : 'flex-start'
-      }, reactionListTopContainer),
-      wrapper: Object.assign({}, wrapper)
+      swipeContentContainer: Object.assign({}, swipeContentContainer)
     });
-  }, [alignment, contentContainer, contentWrapper, errorContainer, reactionListTopContainer, swipeContentContainer, wrapper]);
+  }, [contentWrapper, swipeContentContainer]);
 };
 //# sourceMappingURL=MessageBubble.js.map

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

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

package/lib/commonjs/components/Message/{MessageSimple → MessageItemView}/MessageContent.js

@@ -20,7 +20,7 @@ var _Poll = require("../../Poll/Poll");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["borderBottomLeftRadius", "borderBottomRightRadius", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius"];
 var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageContent.tsx";
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/MessageContent.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 useReplyStyles = function useReplyStyles() {
@@ -43,6 +43,7 @@ var useReplyStyles = function useReplyStyles() {
 };
 var MessageContentWithContext = function MessageContentWithContext(props) {
   var additionalPressableProps = props.additionalPressableProps,
+    alignment = props.alignment,
     Attachment = props.Attachment,
     backgroundColor = props.backgroundColor,
     enableMessageGroupingByUser = props.enableMessageGroupingByUser,
@@ -54,9 +55,13 @@ var MessageContentWithContext = function MessageContentWithContext(props) {
     isVeryLastMessage = props.isVeryLastMessage,
     message = props.message,
     messageContentOrder = props.messageContentOrder,
+    MessageContentBottomView = props.MessageContentBottomView,
+    MessageContentLeadingView = props.MessageContentLeadingView,
     _props$messageGrouped = props.messageGroupedSingleOrBottom,
     messageGroupedSingleOrBottom = _props$messageGrouped === void 0 ? false : _props$messageGrouped,
     MessageLocation = props.MessageLocation,
+    MessageContentTrailingView = props.MessageContentTrailingView,
+    MessageContentTopView = props.MessageContentTopView,
     noBorder = props.noBorder,
     _onLongPress = props.onLongPress,
     _onPress = props.onPress,
@@ -64,7 +69,6 @@ var MessageContentWithContext = function MessageContentWithContext(props) {
     otherAttachments = props.otherAttachments,
     preventPress = props.preventPress,
     Reply = props.Reply,
-    setMessageContentWidth = props.setMessageContentWidth,
     StreamingMessageView = props.StreamingMessageView,
     hidePaddingTop = props.hidePaddingTop,
     hidePaddingHorizontal = props.hidePaddingHorizontal,
@@ -75,7 +79,7 @@ var MessageContentWithContext = function MessageContentWithContext(props) {
     PollContentOverride = _useMessagesContext.PollContent;
   var replyStyles = useReplyStyles();
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
-    _useTheme2$theme$mess = _useTheme2.theme.messageSimple.content,
+    _useTheme2$theme$mess = _useTheme2.theme.messageItemView.content,
     _useTheme2$theme$mess2 = _useTheme2$theme$mess.container,
     borderBottomLeftRadius = _useTheme2$theme$mess2.borderBottomLeftRadius,
     borderBottomRightRadius = _useTheme2$theme$mess2.borderBottomRightRadius,
@@ -90,10 +94,6 @@ var MessageContentWithContext = function MessageContentWithContext(props) {
     messageGroupedTopContainer = _useTheme2$theme$mess.messageGroupedTopContainer,
     replyContainer = _useTheme2$theme$mess.replyContainer,
     wrapper = _useTheme2$theme$mess.wrapper;
-  var onLayout = function onLayout(_ref) {
-    var width = _ref.nativeEvent.layout.width;
-    setMessageContentWidth(width);
-  };
   var isAIGenerated = (0, _react.useMemo)(function () {
     return isMessageAIGenerated(message);
   }, [message, isMessageAIGenerated]);
@@ -131,6 +131,60 @@ var MessageContentWithContext = function MessageContentWithContext(props) {
   };
   var _useMessageListItemCo = (0, _MessageListItemContext.useMessageListItemContext)(),
     setNativeScrollability = _useMessageListItemCo.setNativeScrollability;
+  var hasContentSideViews = !!(MessageContentLeadingView || MessageContentTrailingView);
+  var contentBody = (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        gap: _theme.primitives.spacingXs,
+        paddingTop: hidePaddingTop ? 0 : _theme.primitives.spacingXs,
+        paddingHorizontal: hidePaddingHorizontal ? 0 : _theme.primitives.spacingXs,
+        paddingBottom: hidePaddingBottom ? 0 : _theme.primitives.spacingXs
+      }, contentContainer],
+      children: messageContentOrder.map(function (messageContentType, messageContentOrderIndex) {
+        switch (messageContentType) {
+          case 'quoted_reply':
+            return message.quoted_message && (0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.replyContainer, replyContainer],
+              children: (0, _jsxRuntime.jsx)(Reply, {
+                mode: "reply",
+                styles: replyStyles
+              })
+            }, `quoted_reply_${messageContentOrderIndex}`);
+          case 'attachments':
+            return otherAttachments.map(function (attachment, attachmentIndex) {
+              return (0, _jsxRuntime.jsx)(Attachment, {
+                attachment: attachment
+              }, `${message.id}-${attachmentIndex}`);
+            });
+          case 'files':
+            return (0, _jsxRuntime.jsx)(FileAttachmentGroup, {}, `file_attachment_group_${messageContentOrderIndex}`);
+          case 'gallery':
+            return (0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.galleryContainer,
+              children: (0, _jsxRuntime.jsx)(Gallery, {})
+            }, `gallery_${messageContentOrderIndex}`);
+          case 'poll':
+            {
+              var pollId = message.poll_id;
+              var poll = pollId && client.polls.fromState(pollId);
+              return pollId && poll ? (0, _jsxRuntime.jsx)(_Poll.Poll, {
+                message: message,
+                poll: poll,
+                PollContent: PollContentOverride
+              }, `poll_${message.poll_id}`) : null;
+            }
+          case 'location':
+            return MessageLocation ? (0, _jsxRuntime.jsx)(MessageLocation, {
+              message: message
+            }, `message_location_${messageContentOrderIndex}`) : null;
+          case 'ai_text':
+            return isAIGenerated ? (0, _jsxRuntime.jsx)(StreamingMessageView, {}, `ai_message_text_container_${messageContentOrderIndex}`) : null;
+          default:
+            return null;
+        }
+      })
+    }), otherAttachments.length && otherAttachments[0].actions || isAIGenerated ? null : (0, _jsxRuntime.jsx)(_MessageTextContainer.MessageTextContainer, {})]
+  });
   return (0, _jsxRuntime.jsx)(_reactNative.Pressable, Object.assign({
     disabled: preventPress,
     onLongPress: function onLongPress(event) {
@@ -166,7 +220,6 @@ var MessageContentWithContext = function MessageContentWithContext(props) {
       }
     },
     children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-      onLayout: onLayout,
       style: wrapper,
       children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.containerInner, Object.assign({
@@ -175,64 +228,22 @@ var MessageContentWithContext = function MessageContentWithContext(props) {
           borderWidth: 0
         } : {}, containerInner, messageGroupedSingleOrBottom ? isVeryLastMessage && enableMessageGroupingByUser ? lastMessageContainer : messageGroupedSingleOrBottomContainer : messageGroupedTopContainer],
         testID: "message-content-wrapper",
-        children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [{
-            gap: _theme.primitives.spacingXs,
-            paddingTop: hidePaddingTop ? 0 : _theme.primitives.spacingXs,
-            paddingHorizontal: hidePaddingHorizontal ? 0 : _theme.primitives.spacingXs,
-            paddingBottom: hidePaddingBottom ? 0 : _theme.primitives.spacingXs
-          }, contentContainer],
-          children: messageContentOrder.map(function (messageContentType, messageContentOrderIndex) {
-            switch (messageContentType) {
-              case 'quoted_reply':
-                return message.quoted_message && (0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: [styles.replyContainer, replyContainer],
-                  children: (0, _jsxRuntime.jsx)(Reply, {
-                    mode: "reply",
-                    styles: replyStyles
-                  })
-                }, `quoted_reply_${messageContentOrderIndex}`);
-              case 'attachments':
-                return otherAttachments.map(function (attachment, attachmentIndex) {
-                  return (0, _jsxRuntime.jsx)(Attachment, {
-                    attachment: attachment
-                  }, `${message.id}-${attachmentIndex}`);
-                });
-              case 'files':
-                return (0, _jsxRuntime.jsx)(FileAttachmentGroup, {}, `file_attachment_group_${messageContentOrderIndex}`);
-              case 'gallery':
-                return (0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.galleryContainer,
-                  children: (0, _jsxRuntime.jsx)(Gallery, {})
-                }, `gallery_${messageContentOrderIndex}`);
-              case 'poll':
-                {
-                  var pollId = message.poll_id;
-                  var poll = pollId && client.polls.fromState(pollId);
-                  return pollId && poll ? (0, _jsxRuntime.jsx)(_Poll.Poll, {
-                    message: message,
-                    poll: poll,
-                    PollContent: PollContentOverride
-                  }, `poll_${message.poll_id}`) : null;
-                }
-              case 'location':
-                return MessageLocation ? (0, _jsxRuntime.jsx)(MessageLocation, {
-                  message: message
-                }, `message_location_${messageContentOrderIndex}`) : null;
-              case 'ai_text':
-                return isAIGenerated ? (0, _jsxRuntime.jsx)(StreamingMessageView, {}, `ai_message_text_container_${messageContentOrderIndex}`) : null;
-              default:
-                return null;
-            }
-          })
-        }), otherAttachments.length && otherAttachments[0].actions || isAIGenerated ? null : (0, _jsxRuntime.jsx)(_MessageTextContainer.MessageTextContainer, {})]
+        children: [MessageContentTopView ? (0, _jsxRuntime.jsx)(MessageContentTopView, {}) : null, hasContentSideViews ? (0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.contentRow, alignment === 'right' ? styles.rightAlignContentRow : undefined],
+          testID: "message-content-row",
+          children: [MessageContentLeadingView ? (0, _jsxRuntime.jsx)(MessageContentLeadingView, {}) : null, (0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.contentBody,
+            children: contentBody
+          }), MessageContentTrailingView ? (0, _jsxRuntime.jsx)(MessageContentTrailingView, {}) : null]
+        }) : contentBody, MessageContentBottomView ? (0, _jsxRuntime.jsx)(MessageContentBottomView, {}) : null]
       })
     })
   }));
 };
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevOtherAttachments, _nextOtherAttachments, _prevMessage$quoted_m, _nextMessage$quoted_m;
-  var prevBackgroundColor = prevProps.backgroundColor,
+  var prevAlignment = prevProps.alignment,
+    prevBackgroundColor = prevProps.backgroundColor,
     prevPreventPress = prevProps.preventPress,
     prevGoToMessage = prevProps.goToMessage,
     prevGroupStyles = prevProps.groupStyles,
@@ -242,7 +253,8 @@ var areEqual = function areEqual(prevProps, nextProps) {
     prevMyMessageTheme = prevProps.myMessageTheme,
     prevOtherAttachments = prevProps.otherAttachments,
     prevT = prevProps.t;
-  var nextBackgroundColor = nextProps.backgroundColor,
+  var nextAlignment = nextProps.alignment,
+    nextBackgroundColor = nextProps.backgroundColor,
     nextPreventPress = nextProps.preventPress,
     nextGoToMessage = nextProps.goToMessage,
     nextGroupStyles = nextProps.groupStyles,
@@ -254,6 +266,9 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (prevBackgroundColor !== nextBackgroundColor) {
     return false;
   }
+  if (prevAlignment !== nextAlignment) {
+    return false;
+  }
   if (prevPreventPress !== nextPreventPress) {
     return false;
   }
@@ -293,9 +308,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 (_ref2, 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 (_ref, index) {
     var _nextMessage$latest_r;
-    var type = _ref2.type;
+    var type = _ref.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) {
@@ -326,6 +341,7 @@ var areEqual = function areEqual(prevProps, nextProps) {
 var MemoizedMessageContent = _react.default.memo(MessageContentWithContext, areEqual);
 var MessageContent = exports.MessageContent = function MessageContent(props) {
   var _useMessageContext2 = (0, _MessageContext.useMessageContext)(),
+    alignment = _useMessageContext2.alignment,
     goToMessage = _useMessageContext2.goToMessage,
     groupStyles = _useMessageContext2.groupStyles,
     isMessageAIGenerated = _useMessageContext2.isMessageAIGenerated,
@@ -348,7 +364,11 @@ var MessageContent = exports.MessageContent = function MessageContent(props) {
     FileAttachmentGroup = _useMessagesContext2.FileAttachmentGroup,
     Gallery = _useMessagesContext2.Gallery,
     isAttachmentEqual = _useMessagesContext2.isAttachmentEqual,
+    MessageContentBottomView = _useMessagesContext2.MessageContentBottomView,
+    MessageContentLeadingView = _useMessagesContext2.MessageContentLeadingView,
     MessageLocation = _useMessagesContext2.MessageLocation,
+    MessageContentTrailingView = _useMessagesContext2.MessageContentTrailingView,
+    MessageContentTopView = _useMessagesContext2.MessageContentTopView,
     myMessageTheme = _useMessagesContext2.myMessageTheme,
     Reply = _useMessagesContext2.Reply,
     StreamingMessageView = _useMessagesContext2.StreamingMessageView;
@@ -367,6 +387,7 @@ var MessageContent = exports.MessageContent = function MessageContent(props) {
   var hidePaddingBottom = messageHasPoll || messageHasSingleMedia || messageHasSingleFile || messageHasOnlyText || messageHasGiphyOrImgur || messageContentOrder.length > 1 && messageContentOrder[messageContentOrder.length - 1] === 'text';
   return (0, _jsxRuntime.jsx)(MemoizedMessageContent, Object.assign({
     additionalPressableProps: additionalPressableProps,
+    alignment: alignment,
     Attachment: Attachment,
     enableMessageGroupingByUser: enableMessageGroupingByUser,
     FileAttachmentGroup: FileAttachmentGroup,
@@ -378,7 +399,11 @@ var MessageContent = exports.MessageContent = function MessageContent(props) {
     isMyMessage: isMyMessage,
     message: message,
     messageContentOrder: messageContentOrder,
+    MessageContentBottomView: MessageContentBottomView,
+    MessageContentLeadingView: MessageContentLeadingView,
     MessageLocation: MessageLocation,
+    MessageContentTrailingView: MessageContentTrailingView,
+    MessageContentTopView: MessageContentTopView,
     myMessageTheme: myMessageTheme,
     onLongPress: onLongPress,
     onPress: onPress,
@@ -403,6 +428,16 @@ var styles = _reactNative.StyleSheet.create({
     borderTopRightRadius: _theme.components.messageBubbleRadiusGroupBottom,
     overflow: 'hidden'
   },
+  contentBody: {
+    flexShrink: 1,
+    minWidth: 0
+  },
+  contentRow: {
+    flexDirection: 'row'
+  },
+  rightAlignContentRow: {
+    flexDirection: 'row-reverse'
+  },
   leftAlignContent: {
     justifyContent: 'flex-start'
   },