stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

package/lib/commonjs/components/MessageOverlay/OverlayReactionsAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OverlayReactionsAvatar.tsx"],"names":["OverlayReactionsAvatar","props","reaction","image","name","size","BASE_AVATAR_SIZE","theme","avatar","displayName"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;AAMO,IAAMA,sBAA6D,GAAG,SAAhEA,sBAAgE,CAACC,KAAD,EAAW;AACtF,wBAGIA,KAHJ,CACEC,QADF;AAAA,MACcC,KADd,mBACcA,KADd;AAAA,MACqBC,IADrB,mBACqBA,IADrB;AAAA,MAEEC,IAFF,GAGIJ,KAHJ,CAEEI,IAFF;;AAKA,kBAII,6BAJJ;AAAA,MAEcC,gBAFd,aACEC,KADF,CAEIC,MAFJ,CAEcF,gBAFd;;AAMA,SAAO,gCAAC,cAAD;AAAQ,IAAA,KAAK,EAAEH,KAAf;AAAsB,IAAA,IAAI,EAAEC,IAA5B;AAAkC,IAAA,IAAI,EAAEC,IAAI,IAAIC,gBAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAbM;;;AAePN,sBAAsB,CAACS,WAAvB,GAAqC,kDAArC","sourcesContent":["import React from 'react';\n\nimport type { Reaction } from './OverlayReactions';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Avatar, AvatarProps } from '../Avatar/Avatar';\n\nexport type OverlayReactionsAvatarProps = {\n  reaction: Reaction;\n} & Partial<Pick<AvatarProps, 'size'>>;\n\nexport const OverlayReactionsAvatar: React.FC<OverlayReactionsAvatarProps> = (props) => {\n  const {\n    reaction: { image, name },\n    size,\n  } = props;\n\n  const {\n    theme: {\n      avatar: { BASE_AVATAR_SIZE },\n    },\n  } = useTheme();\n\n  return <Avatar image={image} name={name} size={size || BASE_AVATAR_SIZE} />;\n};\n\nOverlayReactionsAvatar.displayName = 'OverlayReactionsAvatar{overlay{reactionsAvatar}}';\n"]}

package/lib/commonjs/components/MessageOverlay/hooks/useMessageActionAnimation.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMessageActionAnimation = void 0;
+
+var _reactNativeReanimated = require("react-native-reanimated");
+
+var useMessageActionAnimation = function useMessageActionAnimation(_ref) {
+  var action = _ref.action,
+      _ref$activeOpacity = _ref.activeOpacity,
+      activeOpacity = _ref$activeOpacity === void 0 ? 0.2 : _ref$activeOpacity;
+  var opacity = (0, _reactNativeReanimated.useSharedValue)(1);
+  var onTap = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
+    onEnd: function onEnd() {
+      (0, _reactNativeReanimated.runOnJS)(action)();
+    },
+    onFinish: function onFinish() {
+      opacity.value = 1;
+    },
+    onStart: function onStart() {
+      opacity.value = activeOpacity;
+    }
+  }, [action]);
+  var animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      opacity: opacity.value
+    };
+  });
+  return {
+    animatedStyle: animatedStyle,
+    onTap: onTap,
+    opacity: opacity
+  };
+};
+
+exports.useMessageActionAnimation = useMessageActionAnimation;
+//# sourceMappingURL=useMessageActionAnimation.js.map

package/lib/commonjs/components/MessageOverlay/hooks/useMessageActionAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageActionAnimation.tsx"],"names":["useMessageActionAnimation","action","activeOpacity","opacity","onTap","onEnd","onFinish","value","onStart","animatedStyle"],"mappings":";;;;;AAEA;;AASO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,OAKnC;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,gCAHJC,aAGI;AAAA,MAHJA,aAGI,mCAHY,GAGZ;AACJ,MAAMC,OAAO,GAAG,2CAAe,CAAf,CAAhB;AAEA,MAAMC,KAAK,GAAG,sDACZ;AACEC,IAAAA,KAAK,EAAE,iBAAM;AACX,0CAAQJ,MAAR;AACD,KAHH;AAIEK,IAAAA,QAAQ,EAAE,oBAAM;AACdH,MAAAA,OAAO,CAACI,KAAR,GAAgB,CAAhB;AACD,KANH;AAOEC,IAAAA,OAAO,EAAE,mBAAM;AACbL,MAAAA,OAAO,CAACI,KAAR,GAAgBL,aAAhB;AACD;AATH,GADY,EAYZ,CAACD,MAAD,CAZY,CAAd;AAeA,MAAMQ,aAAa,GAAG,6CAA4B;AAAA,WAAO;AACvDN,MAAAA,OAAO,EAAEA,OAAO,CAACI;AADsC,KAAP;AAAA,GAA5B,CAAtB;AAIA,SAAO;AACLE,IAAAA,aAAa,EAAbA,aADK;AAELL,IAAAA,KAAK,EAALA,KAFK;AAGLD,IAAAA,OAAO,EAAPA;AAHK,GAAP;AAKD,CAhCM","sourcesContent":["import type { ViewStyle } from 'react-native';\nimport type { TapGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';\nimport {\n  runOnJS,\n  useAnimatedGestureHandler,\n  useAnimatedStyle,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport type { MessageActionListItemProps } from '../MessageActionListItem';\n\nexport const useMessageActionAnimation = ({\n  action,\n  activeOpacity = 0.2,\n}: Pick<MessageActionListItemProps, 'action'> & {\n  activeOpacity?: number;\n}) => {\n  const opacity = useSharedValue(1);\n\n  const onTap = useAnimatedGestureHandler<TapGestureHandlerStateChangeEvent>(\n    {\n      onEnd: () => {\n        runOnJS(action)();\n      },\n      onFinish: () => {\n        opacity.value = 1;\n      },\n      onStart: () => {\n        opacity.value = activeOpacity;\n      },\n    },\n    [action],\n  );\n\n  const animatedStyle = useAnimatedStyle<ViewStyle>(() => ({\n    opacity: opacity.value,\n  }));\n\n  return {\n    animatedStyle,\n    onTap,\n    opacity,\n  };\n};\n"]}

package/lib/commonjs/components/Reply/Reply.js

@@ -17,24 +17,26 @@ var _reactNative = require("react-native");
 
 var _merge = _interopRequireDefault(require("lodash/merge"));
 
-var _FileIcon = require("../Attachment/FileIcon");
-
-var _MessageAvatar = require("../Message/MessageSimple/MessageAvatar");
-
-var _MessageTextContainer = require("../Message/MessageSimple/MessageTextContainer");
-
 var _MessageContext = require("../../contexts/messageContext/MessageContext");
 
+var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
+
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
 
-var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
 
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _getResizedImageUrl = require("../../utils/getResizedImageUrl");
 
 var _utils = require("../../utils/utils");
 
+var _FileIcon = require("../Attachment/FileIcon");
+
+var _MessageAvatar = require("../Message/MessageSimple/MessageAvatar");
+
+var _MessageTextContainer = require("../Message/MessageSimple/MessageTextContainer");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Reply/Reply.tsx";
 
@@ -78,7 +80,7 @@ var styles = _reactNative.StyleSheet.create({
 });
 
 var ReplyWithContext = function ReplyWithContext(props) {
-  var _quotedMessage$attach, _stylesProp$imageAtta, _stylesProp$imageAtta2, _stylesProp$fileAttac;
+  var _quotedMessage$attach, _stylesProp$imageAtta, _stylesProp$imageAtta2, _stylesProp$imageAtta3, _stylesProp$imageAtta4, _stylesProp$fileAttac;
 
   var FileAttachmentIcon = props.FileAttachmentIcon,
       _props$attachmentSize = props.attachmentSize,
@@ -123,7 +125,7 @@ var ReplyWithContext = function ReplyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 151,
       columnNumber: 5
     }
   }, _react["default"].createElement(MessageAvatar, {
@@ -134,7 +136,7 @@ var ReplyWithContext = function ReplyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 152,
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNative.View, {
@@ -146,7 +148,7 @@ var ReplyWithContext = function ReplyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 153,
       columnNumber: 7
     }
   }, !error && lastAttachment ? messageType === 'file' ? _react["default"].createElement(_reactNative.View, {
@@ -154,7 +156,7 @@ var ReplyWithContext = function ReplyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 168,
       columnNumber: 13
     }
   }, _react["default"].createElement(FileAttachmentIcon, {
@@ -163,7 +165,7 @@ var ReplyWithContext = function ReplyWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 175,
       columnNumber: 15
     }
   })) : hasImage ? _react["default"].createElement(_reactNative.Image, {
@@ -171,13 +173,17 @@ var ReplyWithContext = function ReplyWithContext(props) {
       return setError(true);
     },
     source: {
-      uri: lastAttachment.image_url || lastAttachment.thumb_url || lastAttachment.og_scrape_url
+      uri: (0, _getResizedImageUrl.getResizedImageUrl)({
+        height: ((_stylesProp$imageAtta = stylesProp.imageAttachment) == null ? void 0 : _stylesProp$imageAtta.height) || (imageAttachment == null ? void 0 : imageAttachment.height) || styles.imageAttachment.height,
+        url: lastAttachment.image_url || lastAttachment.thumb_url || lastAttachment.og_scrape_url,
+        width: ((_stylesProp$imageAtta2 = stylesProp.imageAttachment) == null ? void 0 : _stylesProp$imageAtta2.width) || (imageAttachment == null ? void 0 : imageAttachment.width) || styles.imageAttachment.width
+      })
     },
     style: [styles.imageAttachment, imageAttachment, stylesProp.imageAttachment],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 177,
+      lineNumber: 178,
       columnNumber: 13
     }
   }) : null : null, _react["default"].createElement(_MessageTextContainer.MessageTextContainer, {
@@ -194,13 +200,13 @@ var ReplyWithContext = function ReplyWithContext(props) {
     onlyEmojis: onlyEmojis,
     styles: {
       textContainer: [{
-        marginRight: hasImage ? Number(((_stylesProp$imageAtta = stylesProp.imageAttachment) == null ? void 0 : _stylesProp$imageAtta.height) || imageAttachment.height || styles.imageAttachment.height) + Number(((_stylesProp$imageAtta2 = stylesProp.imageAttachment) == null ? void 0 : _stylesProp$imageAtta2.marginLeft) || imageAttachment.marginLeft || styles.imageAttachment.marginLeft) : messageType === 'file' ? attachmentSize + Number(((_stylesProp$fileAttac = stylesProp.fileAttachmentContainer) == null ? void 0 : _stylesProp$fileAttac.paddingLeft) || fileAttachmentContainer.paddingLeft || styles.fileAttachmentContainer.paddingLeft) : undefined
+        marginRight: hasImage ? Number(((_stylesProp$imageAtta3 = stylesProp.imageAttachment) == null ? void 0 : _stylesProp$imageAtta3.height) || imageAttachment.height || styles.imageAttachment.height) + Number(((_stylesProp$imageAtta4 = stylesProp.imageAttachment) == null ? void 0 : _stylesProp$imageAtta4.marginLeft) || imageAttachment.marginLeft || styles.imageAttachment.marginLeft) : messageType === 'file' ? attachmentSize + Number(((_stylesProp$fileAttac = stylesProp.fileAttachmentContainer) == null ? void 0 : _stylesProp$fileAttac.paddingLeft) || fileAttachmentContainer.paddingLeft || styles.fileAttachmentContainer.paddingLeft) : undefined
       }, styles.textContainer, textContainer, stylesProp.textContainer]
     },
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 189,
+      lineNumber: 199,
       columnNumber: 9
     }
   })));
@@ -244,7 +250,7 @@ var Reply = function Reply(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 313,
+      lineNumber: 323,
       columnNumber: 5
     }
   }));

package/lib/commonjs/components/Reply/Reply.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Reply.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","fileAttachmentContainer","paddingLeft","paddingVertical","imageAttachment","borderRadius","height","marginLeft","marginVertical","width","messageContainer","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","flexGrow","flexShrink","text","fontSize","textContainer","maxWidth","undefined","paddingHorizontal","ReplyWithContext","props","FileAttachmentIcon","attachmentSize","MessageAvatar","quotedMessage","stylesProp","t","error","setError","theme","colors","blue_alice","border","grey","transparent","white","deletedText","messageSimple","content","reply","markdownStyles","lastAttachment","attachments","slice","messageType","type","title_link","og_scrape_url","image_url","thumb_url","hasImage","onlyEmojis","emojiRegex","test","backgroundColor","borderColor","borderWidth","mime_type","uri","deleted_at","em","color","length","title","marginRight","Number","areEqual","prevProps","nextProps","prevQuotedMessage","nextQuotedMessage","quotedMessageEqual","id","MemoizedReply","React","memo","Reply","message","FileIconDefault","MessageAvatarDefault","editing","quotedEditingMessage","quoted_message","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Image, ImageStyle, StyleSheet, View, ViewStyle } from 'react-native';\nimport merge from 'lodash/merge';\n\nimport { FileIcon as FileIconDefault } from '../Attachment/FileIcon';\nimport { MessageAvatar as MessageAvatarDefault } from '../Message/MessageSimple/MessageAvatar';\nimport { MessageTextContainer } from '../Message/MessageSimple/MessageTextContainer';\n\nimport { useMessageContext } from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { emojiRegex } from '../../utils/utils';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n  },\n  fileAttachmentContainer: { paddingLeft: 8, paddingVertical: 8 },\n  imageAttachment: {\n    borderRadius: 8,\n    height: 32,\n    marginLeft: 8,\n    marginVertical: 8,\n    width: 32,\n  },\n  messageContainer: {\n    alignItems: 'flex-start',\n    borderBottomLeftRadius: 0,\n    borderBottomRightRadius: 12,\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n    flexDirection: 'row',\n    flexGrow: 1,\n    flexShrink: 1,\n  },\n  text: { fontSize: 12 },\n  textContainer: { maxWidth: undefined, paddingHorizontal: 8 },\n});\n\ntype ReplyPropsWithContext<\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'quotedMessage'> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'FileAttachmentIcon' | 'MessageAvatar'> &\n  Pick<TranslationContextValue, 't'> & {\n    attachmentSize?: number;\n    styles?: Partial<{\n      container: ViewStyle;\n      fileAttachmentContainer: ViewStyle;\n      imageAttachment: ImageStyle;\n      messageContainer: ViewStyle;\n      textContainer: ViewStyle;\n    }>;\n  };\n\nconst ReplyWithContext = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    FileAttachmentIcon,\n    attachmentSize = 40,\n    MessageAvatar,\n    quotedMessage,\n    styles: stylesProp = {},\n    t,\n  } = props;\n\n  const [error, setError] = useState(false);\n\n  const {\n    theme: {\n      colors: { blue_alice, border, grey, transparent, white },\n      messageSimple: {\n        content: { deletedText },\n      },\n      reply: {\n        container,\n        fileAttachmentContainer,\n        imageAttachment,\n        markdownStyles,\n        messageContainer,\n        textContainer,\n      },\n    },\n  } = useTheme();\n\n  if (typeof quotedMessage === 'boolean') return null;\n\n  const lastAttachment = quotedMessage.attachments?.slice(-1)[0];\n\n  const messageType = lastAttachment\n    ? lastAttachment.type === 'file' || lastAttachment.type === 'audio'\n      ? 'file'\n      : lastAttachment.type === 'image' &&\n        !lastAttachment.title_link &&\n        !lastAttachment.og_scrape_url\n      ? lastAttachment.image_url || lastAttachment.thumb_url\n        ? 'image'\n        : undefined\n      : lastAttachment.type === 'giphy' || lastAttachment.type === 'imgur'\n      ? 'giphy'\n      : 'other'\n    : undefined;\n\n  const hasImage =\n    !error &&\n    lastAttachment &&\n    messageType !== 'file' &&\n    (lastAttachment.image_url || lastAttachment.thumb_url || lastAttachment.og_scrape_url);\n\n  const onlyEmojis = !lastAttachment && !!quotedMessage.text && emojiRegex.test(quotedMessage.text);\n\n  return (\n    <View style={[styles.container, container, stylesProp.container]}>\n      <MessageAvatar alignment={'left'} lastGroupMessage message={quotedMessage} size={24} />\n      <View\n        style={[\n          styles.messageContainer,\n          {\n            backgroundColor:\n              messageType === 'other' ? blue_alice : messageType === 'giphy' ? transparent : white,\n            borderColor: border,\n            borderWidth: messageType === 'other' ? 0 : 1,\n          },\n          messageContainer,\n          stylesProp.messageContainer,\n        ]}\n      >\n        {!error && lastAttachment ? (\n          messageType === 'file' ? (\n            <View\n              style={[\n                styles.fileAttachmentContainer,\n                fileAttachmentContainer,\n                stylesProp.fileAttachmentContainer,\n              ]}\n            >\n              <FileAttachmentIcon mimeType={lastAttachment.mime_type} size={attachmentSize} />\n            </View>\n          ) : hasImage ? (\n            <Image\n              onError={() => setError(true)}\n              source={{\n                uri:\n                  lastAttachment.image_url ||\n                  lastAttachment.thumb_url ||\n                  lastAttachment.og_scrape_url,\n              }}\n              style={[styles.imageAttachment, imageAttachment, stylesProp.imageAttachment]}\n            />\n          ) : null\n        ) : null}\n        <MessageTextContainer<At, Ch, Co, Ev, Me, Re, Us>\n          markdownStyles={\n            quotedMessage.deleted_at\n              ? merge({ em: { color: grey } }, deletedText)\n              : { text: styles.text, ...markdownStyles }\n          }\n          message={{\n            ...quotedMessage,\n            text: quotedMessage.deleted_at\n              ? `_${t('Message deleted')}_`\n              : quotedMessage.text\n              ? quotedMessage.text.length > 170\n                ? `${quotedMessage.text.slice(0, 170)}...`\n                : quotedMessage.text\n              : messageType === 'image'\n              ? t('Photo')\n              : messageType === 'file'\n              ? lastAttachment?.title || ''\n              : '',\n          }}\n          onlyEmojis={onlyEmojis}\n          styles={{\n            textContainer: [\n              {\n                marginRight: hasImage\n                  ? Number(\n                      stylesProp.imageAttachment?.height ||\n                        imageAttachment.height ||\n                        styles.imageAttachment.height,\n                    ) +\n                    Number(\n                      stylesProp.imageAttachment?.marginLeft ||\n                        imageAttachment.marginLeft ||\n                        styles.imageAttachment.marginLeft,\n                    )\n                  : messageType === 'file'\n                  ? attachmentSize +\n                    Number(\n                      stylesProp.fileAttachmentContainer?.paddingLeft ||\n                        fileAttachmentContainer.paddingLeft ||\n                        styles.fileAttachmentContainer.paddingLeft,\n                    )\n                  : undefined,\n              },\n              styles.textContainer,\n              textContainer,\n              stylesProp.textContainer,\n            ],\n          }}\n        />\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { quotedMessage: prevQuotedMessage } = prevProps;\n  const { quotedMessage: nextQuotedMessage } = nextProps;\n\n  const quotedMessageEqual =\n    !!prevQuotedMessage &&\n    !!nextQuotedMessage &&\n    typeof prevQuotedMessage !== 'boolean' &&\n    typeof nextQuotedMessage !== 'boolean'\n      ? prevQuotedMessage.id === nextQuotedMessage.id &&\n        prevQuotedMessage.deleted_at === nextQuotedMessage.deleted_at\n      : !!prevQuotedMessage === !!nextQuotedMessage;\n\n  if (!quotedMessageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedReply = React.memo(ReplyWithContext, areEqual) as typeof ReplyWithContext;\n\nexport type ReplyProps<\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI Component for reply\n */\nexport const Reply = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ReplyProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { FileAttachmentIcon = FileIconDefault, MessageAvatar = MessageAvatarDefault } =\n    useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { editing, quotedMessage } = useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const quotedEditingMessage = (\n    typeof editing !== 'boolean' ? editing?.quoted_message || false : false\n  ) as MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>['quotedMessage'];\n\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedReply\n      {...{\n        FileAttachmentIcon,\n        MessageAvatar,\n        quotedMessage: message\n          ? (message.quoted_message as MessageInputContextValue<\n              At,\n              Ch,\n              Co,\n              Ev,\n              Me,\n              Re,\n              Us\n            >['quotedMessage'])\n          : quotedMessage || quotedEditingMessage,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nReply.displayName = 'Reply{reply}';\n"]}
+{"version":3,"sources":["Reply.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","fileAttachmentContainer","paddingLeft","paddingVertical","imageAttachment","borderRadius","height","marginLeft","marginVertical","width","messageContainer","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","flexGrow","flexShrink","text","fontSize","textContainer","maxWidth","undefined","paddingHorizontal","ReplyWithContext","props","FileAttachmentIcon","attachmentSize","MessageAvatar","quotedMessage","stylesProp","t","error","setError","theme","colors","blue_alice","border","grey","transparent","white","deletedText","messageSimple","content","reply","markdownStyles","lastAttachment","attachments","slice","messageType","type","title_link","og_scrape_url","image_url","thumb_url","hasImage","onlyEmojis","emojiRegex","test","backgroundColor","borderColor","borderWidth","mime_type","uri","url","deleted_at","em","color","length","title","marginRight","Number","areEqual","prevProps","nextProps","prevQuotedMessage","nextQuotedMessage","quotedMessageEqual","id","MemoizedReply","React","memo","Reply","message","FileIconDefault","MessageAvatarDefault","editing","quotedEditingMessage","quoted_message","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Image, ImageStyle, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport merge from 'lodash/merge';\n\nimport { useMessageContext } from '../../contexts/messageContext/MessageContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\nimport { emojiRegex } from '../../utils/utils';\n\nimport { FileIcon as FileIconDefault } from '../Attachment/FileIcon';\nimport { MessageAvatar as MessageAvatarDefault } from '../Message/MessageSimple/MessageAvatar';\nimport { MessageTextContainer } from '../Message/MessageSimple/MessageTextContainer';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n  },\n  fileAttachmentContainer: { paddingLeft: 8, paddingVertical: 8 },\n  imageAttachment: {\n    borderRadius: 8,\n    height: 32,\n    marginLeft: 8,\n    marginVertical: 8,\n    width: 32,\n  },\n  messageContainer: {\n    alignItems: 'flex-start',\n    borderBottomLeftRadius: 0,\n    borderBottomRightRadius: 12,\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n    flexDirection: 'row',\n    flexGrow: 1,\n    flexShrink: 1,\n  },\n  text: { fontSize: 12 },\n  textContainer: { maxWidth: undefined, paddingHorizontal: 8 },\n});\n\ntype ReplyPropsWithContext<\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'quotedMessage'> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'FileAttachmentIcon' | 'MessageAvatar'> &\n  Pick<TranslationContextValue, 't'> & {\n    attachmentSize?: number;\n    styles?: Partial<{\n      container: ViewStyle;\n      fileAttachmentContainer: ViewStyle;\n      imageAttachment: ImageStyle;\n      messageContainer: ViewStyle;\n      textContainer: ViewStyle;\n    }>;\n  };\n\nconst ReplyWithContext = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    FileAttachmentIcon,\n    attachmentSize = 40,\n    MessageAvatar,\n    quotedMessage,\n    styles: stylesProp = {},\n    t,\n  } = props;\n\n  const [error, setError] = useState(false);\n\n  const {\n    theme: {\n      colors: { blue_alice, border, grey, transparent, white },\n      messageSimple: {\n        content: { deletedText },\n      },\n      reply: {\n        container,\n        fileAttachmentContainer,\n        imageAttachment,\n        markdownStyles,\n        messageContainer,\n        textContainer,\n      },\n    },\n  } = useTheme();\n\n  if (typeof quotedMessage === 'boolean') return null;\n\n  const lastAttachment = quotedMessage.attachments?.slice(-1)[0];\n\n  const messageType = lastAttachment\n    ? lastAttachment.type === 'file' || lastAttachment.type === 'audio'\n      ? 'file'\n      : lastAttachment.type === 'image' &&\n        !lastAttachment.title_link &&\n        !lastAttachment.og_scrape_url\n      ? lastAttachment.image_url || lastAttachment.thumb_url\n        ? 'image'\n        : undefined\n      : lastAttachment.type === 'giphy' || lastAttachment.type === 'imgur'\n      ? 'giphy'\n      : 'other'\n    : undefined;\n\n  const hasImage =\n    !error &&\n    lastAttachment &&\n    messageType !== 'file' &&\n    (lastAttachment.image_url || lastAttachment.thumb_url || lastAttachment.og_scrape_url);\n\n  const onlyEmojis = !lastAttachment && !!quotedMessage.text && emojiRegex.test(quotedMessage.text);\n\n  return (\n    <View style={[styles.container, container, stylesProp.container]}>\n      <MessageAvatar alignment={'left'} lastGroupMessage message={quotedMessage} size={24} />\n      <View\n        style={[\n          styles.messageContainer,\n          {\n            backgroundColor:\n              messageType === 'other' ? blue_alice : messageType === 'giphy' ? transparent : white,\n            borderColor: border,\n            borderWidth: messageType === 'other' ? 0 : 1,\n          },\n          messageContainer,\n          stylesProp.messageContainer,\n        ]}\n      >\n        {!error && lastAttachment ? (\n          messageType === 'file' ? (\n            <View\n              style={[\n                styles.fileAttachmentContainer,\n                fileAttachmentContainer,\n                stylesProp.fileAttachmentContainer,\n              ]}\n            >\n              <FileAttachmentIcon mimeType={lastAttachment.mime_type} size={attachmentSize} />\n            </View>\n          ) : hasImage ? (\n            <Image\n              onError={() => setError(true)}\n              source={{\n                uri: getResizedImageUrl({\n                  height:\n                    stylesProp.imageAttachment?.height ||\n                    imageAttachment?.height ||\n                    styles.imageAttachment.height,\n                  url: (lastAttachment.image_url ||\n                    lastAttachment.thumb_url ||\n                    lastAttachment.og_scrape_url) as string,\n                  width:\n                    stylesProp.imageAttachment?.width ||\n                    imageAttachment?.width ||\n                    styles.imageAttachment.width,\n                }),\n              }}\n              style={[styles.imageAttachment, imageAttachment, stylesProp.imageAttachment]}\n            />\n          ) : null\n        ) : null}\n        <MessageTextContainer<At, Ch, Co, Ev, Me, Re, Us>\n          markdownStyles={\n            quotedMessage.deleted_at\n              ? merge({ em: { color: grey } }, deletedText)\n              : { text: styles.text, ...markdownStyles }\n          }\n          message={{\n            ...quotedMessage,\n            text: quotedMessage.deleted_at\n              ? `_${t('Message deleted')}_`\n              : quotedMessage.text\n              ? quotedMessage.text.length > 170\n                ? `${quotedMessage.text.slice(0, 170)}...`\n                : quotedMessage.text\n              : messageType === 'image'\n              ? t('Photo')\n              : messageType === 'file'\n              ? lastAttachment?.title || ''\n              : '',\n          }}\n          onlyEmojis={onlyEmojis}\n          styles={{\n            textContainer: [\n              {\n                marginRight: hasImage\n                  ? Number(\n                      stylesProp.imageAttachment?.height ||\n                        imageAttachment.height ||\n                        styles.imageAttachment.height,\n                    ) +\n                    Number(\n                      stylesProp.imageAttachment?.marginLeft ||\n                        imageAttachment.marginLeft ||\n                        styles.imageAttachment.marginLeft,\n                    )\n                  : messageType === 'file'\n                  ? attachmentSize +\n                    Number(\n                      stylesProp.fileAttachmentContainer?.paddingLeft ||\n                        fileAttachmentContainer.paddingLeft ||\n                        styles.fileAttachmentContainer.paddingLeft,\n                    )\n                  : undefined,\n              },\n              styles.textContainer,\n              textContainer,\n              stylesProp.textContainer,\n            ],\n          }}\n        />\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { quotedMessage: prevQuotedMessage } = prevProps;\n  const { quotedMessage: nextQuotedMessage } = nextProps;\n\n  const quotedMessageEqual =\n    !!prevQuotedMessage &&\n    !!nextQuotedMessage &&\n    typeof prevQuotedMessage !== 'boolean' &&\n    typeof nextQuotedMessage !== 'boolean'\n      ? prevQuotedMessage.id === nextQuotedMessage.id &&\n        prevQuotedMessage.deleted_at === nextQuotedMessage.deleted_at\n      : !!prevQuotedMessage === !!nextQuotedMessage;\n\n  if (!quotedMessageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedReply = React.memo(ReplyWithContext, areEqual) as typeof ReplyWithContext;\n\nexport type ReplyProps<\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI Component for reply\n */\nexport const Reply = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ReplyProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { FileAttachmentIcon = FileIconDefault, MessageAvatar = MessageAvatarDefault } =\n    useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { editing, quotedMessage } = useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const quotedEditingMessage = (\n    typeof editing !== 'boolean' ? editing?.quoted_message || false : false\n  ) as MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>['quotedMessage'];\n\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedReply\n      {...{\n        FileAttachmentIcon,\n        MessageAvatar,\n        quotedMessage: message\n          ? (message.quoted_message as MessageInputContextValue<\n              At,\n              Ch,\n              Co,\n              Ev,\n              Me,\n              Re,\n              Us\n            >['quotedMessage'])\n          : quotedMessage || quotedEditingMessage,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nReply.displayName = 'Reply{reply}';\n"]}

package/lib/commonjs/components/Thread/Thread.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _ThreadFooterComponent = require("./components/ThreadFooterComponent");
 
-var _MessageInput = require("../MessageInput/MessageInput");
+var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
 
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
 
@@ -25,6 +25,8 @@ var _MessagesContext = require("../../contexts/messagesContext/MessagesContext")
 
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 
+var _MessageInput = require("../MessageInput/MessageInput");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Thread/Thread.tsx";
 
@@ -124,6 +126,9 @@ var Thread = function Thread(props) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
       client = _useChatContext.client;
 
+  var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
+      threadList = _useChannelContext.threadList;
+
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
       MessageList = _useMessagesContext.MessageList;
 
@@ -133,6 +138,10 @@ var Thread = function Thread(props) {
       reloadThread = _useThreadContext.reloadThread,
       thread = _useThreadContext.thread;
 
+  if (thread != null && thread.id && !threadList) {
+    throw new Error('Please add a threadList prop to your Channel component when rendering a thread list. Check our Channel documentation for more info: https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#threadlist');
+  }
+
   return _react["default"].createElement(ThreadWithContext, (0, _extends2["default"])({
     client: client,
     closeThread: closeThread,
@@ -144,7 +153,7 @@ var Thread = function Thread(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171,
+      lineNumber: 178,
       columnNumber: 5
     }
   }));

package/lib/commonjs/components/Thread/Thread.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Thread.tsx"],"names":["ThreadWithContext","props","additionalMessageInputProps","additionalMessageListProps","autoFocus","closeThread","closeThreadOnDismount","disabled","loadMoreThread","MessageInput","DefaultMessageInput","MessageList","onThreadDismount","thread","loadMoreThreadAsync","id","reply_count","ThreadFooterComponent","editable","Thread","client","reloadThread"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { ThreadFooterComponent } from './components/ThreadFooterComponent';\n\nimport {\n  MessageInput as DefaultMessageInput,\n  MessageInputProps,\n} from '../MessageInput/MessageInput';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { MessageListProps } from '../MessageList/MessageList';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\ntype ThreadPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'MessageList'> &\n  Pick<\n    ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'closeThread' | 'loadMoreThread' | 'reloadThread' | 'thread'\n  > & {\n    /**\n     * Additional props for underlying MessageInput component.\n     * Available props - https://getstream.github.io/stream-chat-react-native/v3/#messageinput\n     * */\n    additionalMessageInputProps?: Partial<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us>>;\n    /**\n     * Additional props for underlying MessageList component.\n     * Available props - https://getstream.github.io/stream-chat-react-native/v3/#messagelist\n     * */\n    additionalMessageListProps?: Partial<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;\n    /** Make input focus on mounting thread */\n    autoFocus?: boolean;\n    /** Closes thread on dismount, defaults to true */\n    closeThreadOnDismount?: boolean;\n    /** Disables the thread UI. So MessageInput and MessageList will be disabled. */\n    disabled?: boolean;\n    /**\n     * **Customized MessageInput component to used within Thread instead of default MessageInput\n     * **Available from [MessageInput](https://getstream.github.io/stream-chat-react-native/v3/#messageinput)**\n     */\n    MessageInput?: React.ComponentType<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us>>;\n    /**\n     * Call custom function on closing thread if handling thread state elsewhere\n     */\n    onThreadDismount?: () => void;\n  };\n\nconst ThreadWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ThreadPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalMessageInputProps,\n    additionalMessageListProps,\n    autoFocus = true,\n    closeThread,\n    closeThreadOnDismount = true,\n    disabled,\n    loadMoreThread,\n    MessageInput = DefaultMessageInput,\n    MessageList,\n    onThreadDismount,\n    thread,\n  } = props;\n\n  useEffect(() => {\n    const loadMoreThreadAsync = async () => {\n      await loadMoreThread();\n    };\n\n    if (thread?.id && thread.reply_count) {\n      loadMoreThreadAsync();\n    }\n  }, []);\n\n  useEffect(\n    () => () => {\n      if (closeThreadOnDismount) {\n        closeThread();\n      }\n      if (onThreadDismount) {\n        onThreadDismount();\n      }\n    },\n    [],\n  );\n\n  if (!thread) return null;\n\n  return (\n    <React.Fragment key={`thread-${thread.id}`}>\n      <MessageList\n        FooterComponent={ThreadFooterComponent}\n        threadList\n        {...additionalMessageListProps}\n      />\n      <MessageInput<At, Ch, Co, Ev, Me, Re, Us>\n        additionalTextInputProps={{ autoFocus, editable: !disabled }}\n        threadList\n        {...additionalMessageInputProps}\n      />\n    </React.Fragment>\n  );\n};\n\nexport type ThreadProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<ThreadPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * Thread - The Thread renders a parent message with a list of replies. Use the standard message list of the main channel's messages.\n * The thread is only used for the list of replies to a message.\n *\n * Thread is a consumer of [channel context](https://getstream.github.io/stream-chat-react-native/v3/#channelcontext)\n * Underlying MessageList, MessageInput and Message components can be customized using props:\n * - additionalMessageListProps\n * - additionalMessageInputProps\n */\nexport const Thread = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ThreadProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { MessageList } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { closeThread, loadMoreThread, reloadThread, thread } =\n    useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <ThreadWithContext<At, Ch, Co, Ev, Me, Re, Us>\n      {...{\n        client,\n        closeThread,\n        loadMoreThread,\n        MessageList,\n        reloadThread,\n        thread,\n      }}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["Thread.tsx"],"names":["ThreadWithContext","props","additionalMessageInputProps","additionalMessageListProps","autoFocus","closeThread","closeThreadOnDismount","disabled","loadMoreThread","MessageInput","DefaultMessageInput","MessageList","onThreadDismount","thread","loadMoreThreadAsync","id","reply_count","ThreadFooterComponent","editable","Thread","client","threadList","reloadThread","Error"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { ThreadFooterComponent } from './components/ThreadFooterComponent';\n\nimport { useChannelContext } from '../../contexts/channelContext/ChannelContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport {\n  MessageInput as DefaultMessageInput,\n  MessageInputProps,\n} from '../MessageInput/MessageInput';\nimport type { MessageListProps } from '../MessageList/MessageList';\n\ntype ThreadPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'MessageList'> &\n  Pick<\n    ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'closeThread' | 'loadMoreThread' | 'reloadThread' | 'thread'\n  > & {\n    /**\n     * Additional props for underlying MessageInput component.\n     * Available props - https://getstream.github.io/stream-chat-react-native/v3/#messageinput\n     * */\n    additionalMessageInputProps?: Partial<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us>>;\n    /**\n     * Additional props for underlying MessageList component.\n     * Available props - https://getstream.github.io/stream-chat-react-native/v3/#messagelist\n     * */\n    additionalMessageListProps?: Partial<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;\n    /** Make input focus on mounting thread */\n    autoFocus?: boolean;\n    /** Closes thread on dismount, defaults to true */\n    closeThreadOnDismount?: boolean;\n    /** Disables the thread UI. So MessageInput and MessageList will be disabled. */\n    disabled?: boolean;\n    /**\n     * **Customized MessageInput component to used within Thread instead of default MessageInput\n     * **Available from [MessageInput](https://getstream.github.io/stream-chat-react-native/v3/#messageinput)**\n     */\n    MessageInput?: React.ComponentType<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us>>;\n    /**\n     * Call custom function on closing thread if handling thread state elsewhere\n     */\n    onThreadDismount?: () => void;\n  };\n\nconst ThreadWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ThreadPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalMessageInputProps,\n    additionalMessageListProps,\n    autoFocus = true,\n    closeThread,\n    closeThreadOnDismount = true,\n    disabled,\n    loadMoreThread,\n    MessageInput = DefaultMessageInput,\n    MessageList,\n    onThreadDismount,\n    thread,\n  } = props;\n\n  useEffect(() => {\n    const loadMoreThreadAsync = async () => {\n      await loadMoreThread();\n    };\n\n    if (thread?.id && thread.reply_count) {\n      loadMoreThreadAsync();\n    }\n  }, []);\n\n  useEffect(\n    () => () => {\n      if (closeThreadOnDismount) {\n        closeThread();\n      }\n      if (onThreadDismount) {\n        onThreadDismount();\n      }\n    },\n    [],\n  );\n\n  if (!thread) return null;\n\n  return (\n    <React.Fragment key={`thread-${thread.id}`}>\n      <MessageList\n        FooterComponent={ThreadFooterComponent}\n        threadList\n        {...additionalMessageListProps}\n      />\n      <MessageInput<At, Ch, Co, Ev, Me, Re, Us>\n        additionalTextInputProps={{ autoFocus, editable: !disabled }}\n        threadList\n        {...additionalMessageInputProps}\n      />\n    </React.Fragment>\n  );\n};\n\nexport type ThreadProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<ThreadPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * Thread - The Thread renders a parent message with a list of replies. Use the standard message list of the main channel's messages.\n * The thread is only used for the list of replies to a message.\n *\n * Thread is a consumer of [channel context](https://getstream.github.io/stream-chat-react-native/v3/#channelcontext)\n * Underlying MessageList, MessageInput and Message components can be customized using props:\n * - additionalMessageListProps\n * - additionalMessageInputProps\n */\nexport const Thread = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ThreadProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { threadList } = useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { MessageList } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { closeThread, loadMoreThread, reloadThread, thread } =\n    useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  if (thread?.id && !threadList) {\n    throw new Error(\n      'Please add a threadList prop to your Channel component when rendering a thread list. Check our Channel documentation for more info: https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#threadlist',\n    );\n  }\n\n  return (\n    <ThreadWithContext<At, Ch, Co, Ev, Me, Re, Us>\n      {...{\n        client,\n        closeThread,\n        loadMoreThread,\n        MessageList,\n        reloadThread,\n        thread,\n      }}\n      {...props}\n    />\n  );\n};\n"]}

package/lib/commonjs/components/Thread/components/ThreadFooterComponent.js

@@ -81,10 +81,11 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
   var replyCount = thread.reply_count;
   return _react["default"].createElement(_reactNative.View, {
     style: styles.threadHeaderContainer,
+    testID: "thread-footer-component",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 86,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -92,7 +93,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 87,
       columnNumber: 7
     }
   }, _react["default"].createElement(Message, {
@@ -103,7 +104,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 88,
       columnNumber: 9
     }
   })), _react["default"].createElement(_reactNative.View, {
@@ -111,7 +112,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 90,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNativeSvg["default"], {
@@ -121,7 +122,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 91,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNativeSvg.Rect, {
@@ -133,14 +134,14 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 92,
       columnNumber: 11
     }
   }), _react["default"].createElement(_reactNativeSvg.Defs, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 93,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeSvg.LinearGradient, {
@@ -153,7 +154,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 94,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNativeSvg.Stop, {
@@ -163,7 +164,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 102,
       columnNumber: 15
     }
   }), _react["default"].createElement(_reactNativeSvg.Stop, {
@@ -173,7 +174,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 107,
       columnNumber: 15
     }
   })))), _react["default"].createElement(_reactNative.Text, {
@@ -183,7 +184,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 115,
       columnNumber: 9
     }
   }, replyCount === 1 ? t('1 Reply') : t('{{ replyCount }} Replies', {
@@ -196,6 +197,13 @@ var areEqual = function areEqual(prevProps, nextProps) {
   var nextThread = nextProps.thread;
   var threadEqual = (prevThread == null ? void 0 : prevThread.id) === (nextThread == null ? void 0 : nextThread.id) && (prevThread == null ? void 0 : prevThread.text) === (nextThread == null ? void 0 : nextThread.text) && (prevThread == null ? void 0 : prevThread.reply_count) === (nextThread == null ? void 0 : nextThread.reply_count);
   if (!threadEqual) return false;
+  var latestReactionsEqual = prevThread && nextThread && Array.isArray(prevThread.latest_reactions) && Array.isArray(nextThread.latest_reactions) ? prevThread.latest_reactions.length === nextThread.latest_reactions.length && prevThread.latest_reactions.every(function (_ref, index) {
+    var _nextThread$latest_re;
+
+    var type = _ref.type;
+    return type === ((_nextThread$latest_re = nextThread.latest_reactions) == null ? void 0 : _nextThread$latest_re[index].type);
+  }) : (prevThread == null ? void 0 : prevThread.latest_reactions) === (nextThread == null ? void 0 : nextThread.latest_reactions);
+  if (!latestReactionsEqual) return false;
   return true;
 };
 
@@ -214,7 +222,7 @@ var ThreadFooterComponent = function ThreadFooterComponent() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 170,
+      lineNumber: 181,
       columnNumber: 5
     }
   });

package/lib/commonjs/components/Thread/components/ThreadFooterComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThreadFooterComponent.tsx"],"names":["styles","StyleSheet","create","absolute","position","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","ThreadFooterComponentWithContext","props","Message","thread","t","theme","colors","bg_gradient_end","bg_gradient_start","grey","backgroundGradientStart","backgroundGradientStop","replyCount","reply_count","color","areEqual","prevProps","nextProps","prevThread","nextThread","threadEqual","id","MemoizedThreadFooter","React","memo","ThreadFooterComponent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  ThreadContextValue,\n  useThreadContext,\n} from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { vw } from '../../../utils/utils';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  absolute: { position: 'absolute' },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  newThread: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    marginTop: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  threadHeaderContainer: {\n    marginVertical: 8,\n  },\n});\n\ntype ThreadFooterComponentPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'Message'> &\n  Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'thread'>;\n\nconst ThreadFooterComponentWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ThreadFooterComponentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { Message, thread } = props;\n  const { t } = useTranslationContext();\n\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      thread: {\n        newThread: { backgroundGradientStart, backgroundGradientStop, text, ...newThread },\n      },\n    },\n  } = useTheme();\n\n  if (!thread) return null;\n\n  const replyCount = thread.reply_count;\n\n  return (\n    <View style={styles.threadHeaderContainer}>\n      <View style={styles.messagePadding}>\n        <Message groupStyles={['single']} message={thread} preventPress threadList />\n      </View>\n      <View style={[styles.newThread, newThread]}>\n        <Svg height={newThread.height ?? 24} style={styles.absolute} width={vw(100)}>\n          <Rect fill='url(#gradient)' height={newThread.height ?? 24} width={vw(100)} x={0} y={0} />\n          <Defs>\n            <LinearGradient\n              gradientUnits='userSpaceOnUse'\n              id='gradient'\n              x1={0}\n              x2={0}\n              y1={0}\n              y2={newThread.height ?? 24}\n            >\n              <Stop\n                offset={1}\n                stopColor={backgroundGradientStart || bg_gradient_end}\n                stopOpacity={1}\n              />\n              <Stop\n                offset={0}\n                stopColor={backgroundGradientStop || bg_gradient_start}\n                stopOpacity={1}\n              />\n            </LinearGradient>\n          </Defs>\n        </Svg>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {replyCount === 1\n            ? t('1 Reply')\n            : t('{{ replyCount }} Replies', {\n                replyCount,\n              })}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: ThreadFooterComponentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: ThreadFooterComponentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { thread: prevThread } = prevProps;\n  const { thread: nextThread } = nextProps;\n\n  const threadEqual =\n    prevThread?.id === nextThread?.id &&\n    prevThread?.text === nextThread?.text &&\n    prevThread?.reply_count === nextThread?.reply_count;\n  if (!threadEqual) return false;\n\n  return true;\n};\n\nconst MemoizedThreadFooter = React.memo(\n  ThreadFooterComponentWithContext,\n  areEqual,\n) as typeof ThreadFooterComponentWithContext;\n\nexport const ThreadFooterComponent = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { Message } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { thread } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedThreadFooter\n      {...{\n        Message,\n        thread,\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["ThreadFooterComponent.tsx"],"names":["styles","StyleSheet","create","absolute","position","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","ThreadFooterComponentWithContext","props","Message","thread","t","theme","colors","bg_gradient_end","bg_gradient_start","grey","backgroundGradientStart","backgroundGradientStop","replyCount","reply_count","color","areEqual","prevProps","nextProps","prevThread","nextThread","threadEqual","id","latestReactionsEqual","Array","isArray","latest_reactions","length","every","index","type","MemoizedThreadFooter","React","memo","ThreadFooterComponent"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;AAIA;;AAWA;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAZ,GADqB;AAE/BC,EAAAA,cAAc,EAAE;AACdC,IAAAA,iBAAiB,EAAE;AADL,GAFe;AAK/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,MAAM,EAAE,EAFC;AAGTC,IAAAA,cAAc,EAAE,QAHP;AAITC,IAAAA,SAAS,EAAE;AAJF,GALoB;AAW/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,SAAS,EAAE;AAFP,GAXyB;AAe/BC,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,cAAc,EAAE;AADK;AAfQ,CAAlB,CAAf;;AA+BA,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CASvCC,KATuC,EAUpC;AAAA;;AACH,MAAQC,OAAR,GAA4BD,KAA5B,CAAQC,OAAR;AAAA,MAAiBC,MAAjB,GAA4BF,KAA5B,CAAiBE,MAAjB;;AACA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,eAFd,yBAEcA,eAFd;AAAA,MAE+BC,iBAF/B,yBAE+BA,iBAF/B;AAAA,MAEkDC,IAFlD,yBAEkDA,IAFlD;AAAA,8CAGIN,MAHJ,CAIMb,SAJN;AAAA,MAImBoB,uBAJnB,yBAImBA,uBAJnB;AAAA,MAI4CC,sBAJ5C,yBAI4CA,sBAJ5C;AAAA,MAIoEhB,IAJpE,yBAIoEA,IAJpE;AAAA,MAI6EL,SAJ7E;;AASA,MAAI,CAACa,MAAL,EAAa,OAAO,IAAP;AAEb,MAAMS,UAAU,GAAGT,MAAM,CAACU,WAA1B;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE9B,MAAM,CAACe,qBAApB;AAA2C,IAAA,MAAM,EAAC,yBAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEf,MAAM,CAACK,cAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,OAAD;AAAS,IAAA,WAAW,EAAE,CAAC,QAAD,CAAtB;AAAkC,IAAA,OAAO,EAAEe,MAA3C;AAAmD,IAAA,YAAY,MAA/D;AAAgE,IAAA,UAAU,MAA1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF,EAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACO,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,0BAAD;AAAK,IAAA,MAAM,uBAAEA,SAAS,CAACE,MAAZ,gCAAsB,EAAjC;AAAqC,IAAA,KAAK,EAAET,MAAM,CAACG,QAAnD;AAA6D,IAAA,KAAK,EAAE,eAAG,GAAH,CAApE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,oBAAD;AAAM,IAAA,IAAI,EAAC,gBAAX;AAA4B,IAAA,MAAM,wBAAEI,SAAS,CAACE,MAAZ,iCAAsB,EAAxD;AAA4D,IAAA,KAAK,EAAE,eAAG,GAAH,CAAnE;AAA4E,IAAA,CAAC,EAAE,CAA/E;AAAkF,IAAA,CAAC,EAAE,CAArF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,oBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AACE,IAAA,aAAa,EAAC,gBADhB;AAEE,IAAA,EAAE,EAAC,UAFL;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,EAAE,EAAE,CAJN;AAKE,IAAA,EAAE,EAAE,CALN;AAME,IAAA,EAAE,wBAAEF,SAAS,CAACE,MAAZ,iCAAsB,EAN1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQE,gCAAC,oBAAD;AACE,IAAA,MAAM,EAAE,CADV;AAEE,IAAA,SAAS,EAAEkB,uBAAuB,IAAIH,eAFxC;AAGE,IAAA,WAAW,EAAE,CAHf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IARF,EAaE,gCAAC,oBAAD;AACE,IAAA,MAAM,EAAE,CADV;AAEE,IAAA,SAAS,EAAEI,sBAAsB,IAAIH,iBAFvC;AAGE,IAAA,WAAW,EAAE,CAHf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAbF,CADF,CAFF,CADF,EAyBE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACzB,MAAM,CAACY,IAAR,EAAc;AAAEmB,MAAAA,KAAK,EAAEL;AAAT,KAAd,EAA+Bd,IAA/B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGiB,UAAU,KAAK,CAAf,GACGR,CAAC,CAAC,SAAD,CADJ,GAEGA,CAAC,CAAC,0BAAD,EAA6B;AAC5BQ,IAAAA,UAAU,EAAVA;AAD4B,GAA7B,CAHP,CAzBF,CAJF,CADF;AAwCD,CAnED;;AAqEA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CASfC,SATe,EAUfC,SAVe,EAWZ;AACH,MAAgBC,UAAhB,GAA+BF,SAA/B,CAAQb,MAAR;AACA,MAAgBgB,UAAhB,GAA+BF,SAA/B,CAAQd,MAAR;AAEA,MAAMiB,WAAW,GACf,CAAAF,UAAU,QAAV,YAAAA,UAAU,CAAEG,EAAZ,OAAmBF,UAAnB,oBAAmBA,UAAU,CAAEE,EAA/B,KACA,CAAAH,UAAU,QAAV,YAAAA,UAAU,CAAEvB,IAAZ,OAAqBwB,UAArB,oBAAqBA,UAAU,CAAExB,IAAjC,CADA,IAEA,CAAAuB,UAAU,QAAV,YAAAA,UAAU,CAAEL,WAAZ,OAA4BM,UAA5B,oBAA4BA,UAAU,CAAEN,WAAxC,CAHF;AAIA,MAAI,CAACO,WAAL,EAAkB,OAAO,KAAP;AAElB,MAAME,oBAAoB,GACxBJ,UAAU,IACVC,UADA,IAEAI,KAAK,CAACC,OAAN,CAAcN,UAAU,CAACO,gBAAzB,CAFA,IAGAF,KAAK,CAACC,OAAN,CAAcL,UAAU,CAACM,gBAAzB,CAHA,GAIIP,UAAU,CAACO,gBAAX,CAA4BC,MAA5B,KAAuCP,UAAU,CAACM,gBAAX,CAA4BC,MAAnE,IACAR,UAAU,CAACO,gBAAX,CAA4BE,KAA5B,CACE,gBAAWC,KAAX;AAAA;;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,WAAqBA,IAAI,+BAAKV,UAAU,CAACM,gBAAhB,qBAAK,sBAA8BG,KAA9B,EAAqCC,IAA1C,CAAzB;AAAA,GADF,CALJ,GAQI,CAAAX,UAAU,QAAV,YAAAA,UAAU,CAAEO,gBAAZ,OAAiCN,UAAjC,oBAAiCA,UAAU,CAAEM,gBAA7C,CATN;AAUA,MAAI,CAACH,oBAAL,EAA2B,OAAO,KAAP;AAE3B,SAAO,IAAP;AACD,CAlCD;;AAoCA,IAAMQ,oBAAoB,GAAGC,kBAAMC,IAAN,CAC3BhC,gCAD2B,EAE3Be,QAF2B,CAA7B;;AAKO,IAAMkB,qBAAqB,GAAG,SAAxBA,qBAAwB,GAQ9B;AACL,4BAAoB,0CAApB;AAAA,MAAQ/B,OAAR,uBAAQA,OAAR;;AACA,0BAAmB,sCAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AAEA,SACE,gCAAC,oBAAD;AAEID,IAAAA,OAAO,EAAPA,OAFJ;AAGIC,IAAAA,MAAM,EAANA,MAHJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF;AAQD,CApBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  ThreadContextValue,\n  useThreadContext,\n} from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  absolute: { position: 'absolute' },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  newThread: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    marginTop: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  threadHeaderContainer: {\n    marginVertical: 8,\n  },\n});\n\ntype ThreadFooterComponentPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'Message'> &\n  Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'thread'>;\n\nconst ThreadFooterComponentWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ThreadFooterComponentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { Message, thread } = props;\n  const { t } = useTranslationContext();\n\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      thread: {\n        newThread: { backgroundGradientStart, backgroundGradientStop, text, ...newThread },\n      },\n    },\n  } = useTheme();\n\n  if (!thread) return null;\n\n  const replyCount = thread.reply_count;\n\n  return (\n    <View style={styles.threadHeaderContainer} testID='thread-footer-component'>\n      <View style={styles.messagePadding}>\n        <Message groupStyles={['single']} message={thread} preventPress threadList />\n      </View>\n      <View style={[styles.newThread, newThread]}>\n        <Svg height={newThread.height ?? 24} style={styles.absolute} width={vw(100)}>\n          <Rect fill='url(#gradient)' height={newThread.height ?? 24} width={vw(100)} x={0} y={0} />\n          <Defs>\n            <LinearGradient\n              gradientUnits='userSpaceOnUse'\n              id='gradient'\n              x1={0}\n              x2={0}\n              y1={0}\n              y2={newThread.height ?? 24}\n            >\n              <Stop\n                offset={1}\n                stopColor={backgroundGradientStart || bg_gradient_end}\n                stopOpacity={1}\n              />\n              <Stop\n                offset={0}\n                stopColor={backgroundGradientStop || bg_gradient_start}\n                stopOpacity={1}\n              />\n            </LinearGradient>\n          </Defs>\n        </Svg>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {replyCount === 1\n            ? t('1 Reply')\n            : t('{{ replyCount }} Replies', {\n                replyCount,\n              })}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: ThreadFooterComponentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: ThreadFooterComponentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { thread: prevThread } = prevProps;\n  const { thread: nextThread } = nextProps;\n\n  const threadEqual =\n    prevThread?.id === nextThread?.id &&\n    prevThread?.text === nextThread?.text &&\n    prevThread?.reply_count === nextThread?.reply_count;\n  if (!threadEqual) return false;\n\n  const latestReactionsEqual =\n    prevThread &&\n    nextThread &&\n    Array.isArray(prevThread.latest_reactions) &&\n    Array.isArray(nextThread.latest_reactions)\n      ? prevThread.latest_reactions.length === nextThread.latest_reactions.length &&\n        prevThread.latest_reactions.every(\n          ({ type }, index) => type === nextThread.latest_reactions?.[index].type,\n        )\n      : prevThread?.latest_reactions === nextThread?.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedThreadFooter = React.memo(\n  ThreadFooterComponentWithContext,\n  areEqual,\n) as typeof ThreadFooterComponentWithContext;\n\nexport const ThreadFooterComponent = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { Message } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { thread } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedThreadFooter\n      {...{\n        Message,\n        thread,\n      }}\n    />\n  );\n};\n"]}

package/lib/commonjs/components/docs/ListProps.md

@@ -1,6 +1,6 @@
 All props available in the [ChannelList](#channellist) component are passed along to the List component. Additionally, the following props are provided to the List component:
 
-- `error` {boolean} Error in channels query, if any
+- `error` {boolean | Error} Error in channels query, if any
 - `channels` {array} List of channel objects
 - `forceUpdate` {number} Incremental number change to force update the FlatList
 - `hasNextPage` {boolean} Whether or not the FlatList has another page to render

package/lib/commonjs/components/docs/data.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MessageMock = exports.users = exports.messages = exports.threadMessages = exports.thread = exports.messageWithUrlPreview = exports.messageWithImages = exports.message = exports.channels = exports.suggestionsContext = exports.translationContext = exports.channelContext = exports.channel = exports.client = void 0;
+exports.users = exports.translationContext = exports.threadMessages = exports.thread = exports.suggestionsContext = exports.messages = exports.messageWithUrlPreview = exports.messageWithImages = exports.message = exports.client = exports.channels = exports.channelContext = exports.channel = exports.MessageMock = void 0;
 
 var StreamChat = require('stream-chat').StreamChat;