stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.3

package/lib/commonjs/components/MessageList/utils/getLastReceivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getLastReceivedMessage.ts"],"names":["getLastReceivedMessage","messages","message","status"],"mappings":";;;;;;;;;;;AAYO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CASpCC,QAToC,EAUjC;AAIH,uDAAsBA,QAAtB,wCAAgC;AAAA,QAArBC,QAAqB;;AAC9B,QAAI,CAAAA,QAAO,QAAP,YAAAA,QAAO,CAAEC,MAAT,MAAoB,UAApB,IAAkC,CAAAD,QAAO,QAAP,YAAAA,QAAO,CAAEC,MAAT,MAAoB,SAA1D,EAAqE;AACnE,aAAOD,QAAP;AACD;AACF;;AAED;AACD,CArBM","sourcesContent":["import type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\nimport type { MessageType } from '../hooks/useMessageList';\n\nexport const getLastReceivedMessage = <\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  messages: MessageType<At, Ch, Co, Ev, Me, Re, Us>[],\n) => {\n  /**\n   * There are no status on dates so they will be skipped\n   */\n  for (const message of messages) {\n    if (message?.status === 'received' || message?.status === 'sending') {\n      return message;\n    }\n  }\n\n  return;\n};\n"]}
+{"version":3,"sources":["getLastReceivedMessage.ts"],"names":["getLastReceivedMessage","messages","message","status","MessageStatusTypes","RECEIVED","SENDING"],"mappings":";;;;;AAUA;;;;;;;;AAIO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CASpCC,QAToC,EAUjC;AAIH,uDAAsBA,QAAtB,wCAAgC;AAAA,QAArBC,QAAqB;;AAC9B,QACE,CAAAA,QAAO,QAAP,YAAAA,QAAO,CAAEC,MAAT,MAAoBC,0BAAmBC,QAAvC,IACA,CAAAH,QAAO,QAAP,YAAAA,QAAO,CAAEC,MAAT,MAAoBC,0BAAmBE,OAFzC,EAGE;AACA,aAAOJ,QAAP;AACD;AACF;;AAED;AACD,CAxBM","sourcesContent":["import type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\n\nimport type { MessageType } from '../hooks/useMessageList';\n\nexport const getLastReceivedMessage = <\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  messages: MessageType<At, Ch, Co, Ev, Me, Re, Us>[],\n) => {\n  /**\n   * There are no status on dates so they will be skipped\n   */\n  for (const message of messages) {\n    if (\n      message?.status === MessageStatusTypes.RECEIVED ||\n      message?.status === MessageStatusTypes.SENDING\n    ) {\n      return message;\n    }\n  }\n\n  return;\n};\n"]}

package/lib/commonjs/components/MessageOverlay/MessageActionList.js

@@ -15,12 +15,12 @@ var _reactNative = require("react-native");
 
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 
+var _MessageActionListItem = require("./MessageActionListItem");
+
 var _MessageOverlayContext = require("../../contexts/messageOverlayContext/MessageOverlayContext");
 
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
-var _MessageActionListItem = require("./MessageActionListItem");
-
 var _utils = require("../../utils/utils");
 
 var _this = this,

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

@@ -1 +1 @@
-{"version":3,"sources":["MessageActionList.tsx"],"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListWithContext","props","alignment","messageActions","showScreen","MessageActionListItem","DefaultMessageActionListItem","isMyMessage","message","messageReactions","error","isThreadMessage","messageActionProps","white_snow","theme","colors","height","width","showScreenStyle","transform","translateY","value","translateX","scale","layout","nativeEvent","backgroundColor","map","messageAction","index","title","length","areEqual","prevProps","nextProps","prevAlignment","prevMessageActions","nextAlignment","nextMessageActions","messageActionsEqual","alignmentEqual","MemoizedMessageActionList","React","memo","MessageActionList","data"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,iBAAiB,EAAE;AADP,GADiB;AAI/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,YAAY,EAAE,EADL;AAETC,IAAAA,SAAS,EAAE,CAFF;AAGTC,IAAAA,QAAQ,EAAE;AAHD,GAJoB;AAS/BC,EAAAA,GAAG,EAAE;AACHC,IAAAA,UAAU,EAAE,QADT;AAEHC,IAAAA,aAAa,EAAE,KAFZ;AAGHC,IAAAA,cAAc,EAAE,YAHb;AAIHC,IAAAA,QAAQ,EAAE,eAAG,EAAH,CAJP;AAKHC,IAAAA,iBAAiB,EAAE,EALhB;AAMHC,IAAAA,eAAe,EAAE;AANd,GAT0B;AAiB/BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,WAAW,EAAE;AADH;AAjBmB,CAAlB,CAAf;;AA2CA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CASnCC,KATmC,EAUhC;AACH,MACEC,SADF,GAUID,KAVJ,CACEC,SADF;AAAA,MAEEC,cAFF,GAUIF,KAVJ,CAEEE,cAFF;AAAA,MAGEC,UAHF,GAUIH,KAVJ,CAGEG,UAHF;AAAA,8BAUIH,KAVJ,CAIEI,qBAJF;AAAA,MAIEA,qBAJF,sCAI0BC,4CAJ1B;AAAA,MAKEC,WALF,GAUIN,KAVJ,CAKEM,WALF;AAAA,MAMEC,OANF,GAUIP,KAVJ,CAMEO,OANF;AAAA,MAOEC,gBAPF,GAUIR,KAVJ,CAOEQ,gBAPF;AAAA,MAQEC,KARF,GAUIT,KAVJ,CAQES,KARF;AAAA,MASEC,eATF,GAUIV,KAVJ,CASEU,eATF;AAYA,MAAMC,kBAAkB,GAAG;AACzBF,IAAAA,KAAK,EAALA,KADyB;AAEzBH,IAAAA,WAAW,EAAXA,WAFyB;AAGzBI,IAAAA,eAAe,EAAfA,eAHyB;AAIzBH,IAAAA,OAAO,EAAPA,OAJyB;AAKzBC,IAAAA,gBAAgB,EAAhBA;AALyB,GAA3B;;AAQA,kBAII,6BAJJ;AAAA,MAEcI,UAFd,aACEC,KADF,CAEIC,MAFJ,CAEcF,UAFd;;AAMA,MAAMG,MAAM,GAAG,2CAAe,CAAf,CAAf;AACA,MAAMC,KAAK,GAAG,2CAAe,CAAf,CAAd;AAEA,MAAMC,eAAe,GAAG,6CACtB;AAAA,WAAO;AACLC,MAAAA,SAAS,EAAE,CACT;AACEC,QAAAA,UAAU,EAAE,wCAAYhB,UAAU,CAACiB,KAAvB,EAA8B,CAAC,CAAD,EAAI,CAAJ,CAA9B,EAAsC,CAAC,CAACL,MAAM,CAACK,KAAR,GAAgB,CAAjB,EAAoB,CAApB,CAAtC;AADd,OADS,EAIT;AACEC,QAAAA,UAAU,EAAE,wCACVlB,UAAU,CAACiB,KADD,EAEV,CAAC,CAAD,EAAI,CAAJ,CAFU,EAGV,CAACnB,SAAS,KAAK,MAAd,GAAuB,CAACe,KAAK,CAACI,KAAP,GAAe,CAAtC,GAA0CJ,KAAK,CAACI,KAAN,GAAc,CAAzD,EAA4D,CAA5D,CAHU;AADd,OAJS,EAWT;AACEE,QAAAA,KAAK,EAAEnB,UAAU,CAACiB;AADpB,OAXS;AADN,KAAP;AAAA,GADsB,EAkBtB,CAACnB,SAAD,CAlBsB,CAAxB;AAqBA,SACE,gCAAC,iCAAD,CAAU,IAAV;AACE,IAAA,QAAQ,EAAE,wBAAiC;AAAA,UAAfsB,MAAe,QAA9BC,WAA8B,CAAfD,MAAe;AACzCP,MAAAA,KAAK,CAACI,KAAN,GAAcG,MAAM,CAACP,KAArB;AACAD,MAAAA,MAAM,CAACK,KAAP,GAAeG,MAAM,CAACR,MAAtB;AACD,KAJH;AAKE,IAAA,KAAK,EAAE,CAAClC,MAAM,CAACK,SAAR,EAAmB;AAAEuC,MAAAA,eAAe,EAAEb;AAAnB,KAAnB,EAAoDK,eAApD,CALT;AAME,IAAA,MAAM,EAAC,qBANT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQGf,cARH,oBAQGA,cAAc,CAAEwB,GAAhB,CAAoB,UAACC,aAAD,EAAgBC,KAAhB;AAAA,WACnB,gCAAC,qBAAD;AACE,MAAA,GAAG,EAAED,aAAa,CAACE;AADrB,OAEMlB,kBAFN,gCAGWgB,aAHX;AAG0BC,MAAAA,KAAK,EAALA,KAH1B;AAGiCE,MAAAA,MAAM,EAAE5B,cAAc,CAAC4B;AAHxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADmB;AAAA,GAApB,CARH,CADF;AAkBD,CA/ED;;AAiFA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CASfC,SATe,EAUfC,SAVe,EAWZ;AACH,MAAmBC,aAAnB,GAAyEF,SAAzE,CAAQ/B,SAAR;AAAA,MAAkDkC,kBAAlD,GAAyEH,SAAzE,CAAkC9B,cAAlC;AACA,MAAmBkC,aAAnB,GAAyEH,SAAzE,CAAQhC,SAAR;AAAA,MAAkDoC,kBAAlD,GAAyEJ,SAAzE,CAAkC/B,cAAlC;AAEA,MAAMoC,mBAAmB,GAAG,CAAAH,kBAAkB,QAAlB,YAAAA,kBAAkB,CAAEL,MAApB,OAA+BO,kBAA/B,oBAA+BA,kBAAkB,CAAEP,MAAnD,CAA5B;AACA,MAAI,CAACQ,mBAAL,EAA0B,OAAO,KAAP;AAE1B,MAAMC,cAAc,GAAGL,aAAa,KAAKE,aAAzC;AACA,MAAI,CAACG,cAAL,EAAqB,OAAO,KAAP;AAErB,SAAO,IAAP;AACD,CAtBD;;AAwBA,IAAMC,yBAAyB,GAAGC,kBAAMC,IAAN,CAChC3C,4BADgC,EAEhCgC,QAFgC,CAAlC;;AAsBO,IAAMY,iBAAiB,GAAG,SAApBA,iBAAoB,CAS/B3C,KAT+B,EAU5B;AACH,8BAAiB,sDAAjB;AAAA,MAAQ4C,IAAR,yBAAQA,IAAR;;AAEA,cAAsCA,IAAI,IAAI,EAA9C;AAAA,MAAQ3C,SAAR,SAAQA,SAAR;AAAA,MAAmBC,cAAnB,SAAmBA,cAAnB;;AAEA,SAAO,gCAAC,yBAAD;AAAiCD,IAAAA,SAAS,EAATA,SAAjC;AAA4CC,IAAAA,cAAc,EAAdA;AAA5C,KAAkEF,KAAlE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CAhBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\n\nimport {\n  MessageOverlayData,\n  useMessageOverlayContext,\n} from '../../contexts/messageOverlayContext/MessageOverlayContext';\nimport type { OverlayProviderProps } from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { MessageActionListItem as DefaultMessageActionListItem } from './MessageActionListItem';\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  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type MessageActionListPropsWithContext<\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<\n  OverlayProviderProps<At, Ch, Co, Ev, Me, Re, Us>,\n  | 'MessageActionListItem'\n  | 'error'\n  | 'isMyMessage'\n  | 'isThreadMessage'\n  | 'message'\n  | 'messageReactions'\n> &\n  Pick<MessageOverlayData<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'messageActions'> & {\n    showScreen: Animated.SharedValue<number>;\n  };\n\nconst MessageActionListWithContext = <\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: MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    alignment,\n    messageActions,\n    showScreen,\n    MessageActionListItem = DefaultMessageActionListItem,\n    isMyMessage,\n    message,\n    messageReactions,\n    error,\n    isThreadMessage,\n  } = props;\n\n  const messageActionProps = {\n    error,\n    isMyMessage,\n    isThreadMessage,\n    message,\n    messageReactions,\n  };\n\n  const {\n    theme: {\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  const height = useSharedValue(0);\n  const width = useSharedValue(0);\n\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: interpolate(showScreen.value, [0, 1], [-height.value / 2, 0]),\n        },\n        {\n          translateX: interpolate(\n            showScreen.value,\n            [0, 1],\n            [alignment === 'left' ? -width.value / 2 : width.value / 2, 0],\n          ),\n        },\n        {\n          scale: showScreen.value,\n        },\n      ],\n    }),\n    [alignment],\n  );\n\n  return (\n    <Animated.View\n      onLayout={({ nativeEvent: { layout } }) => {\n        width.value = layout.width;\n        height.value = layout.height;\n      }}\n      style={[styles.container, { backgroundColor: white_snow }, showScreenStyle]}\n      testID='message-action-list'\n    >\n      {messageActions?.map((messageAction, index) => (\n        <MessageActionListItem\n          key={messageAction.title}\n          {...messageActionProps}\n          {...{ ...messageAction, index, length: messageActions.length }}\n        />\n      ))}\n    </Animated.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: MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { alignment: prevAlignment, messageActions: prevMessageActions } = prevProps;\n  const { alignment: nextAlignment, messageActions: nextMessageActions } = nextProps;\n\n  const messageActionsEqual = prevMessageActions?.length === nextMessageActions?.length;\n  if (!messageActionsEqual) return false;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageActionList = React.memo(\n  MessageActionListWithContext,\n  areEqual,\n) as typeof MessageActionListWithContext;\n\nexport type MessageActionListProps<\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<Omit<MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'showScreen'>> &\n  Pick<\n    MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n    'showScreen' | 'message' | 'isMyMessage' | 'error' | 'isThreadMessage' | 'messageReactions'\n  >;\n\n/**\n * MessageActionList - A high level component which implements all the logic required for MessageActions\n */\nexport const MessageActionList = <\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: MessageActionListProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { data } = useMessageOverlayContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { alignment, messageActions } = data || {};\n\n  return <MemoizedMessageActionList {...{ alignment, messageActions }} {...props} />;\n};\n"]}
+{"version":3,"sources":["MessageActionList.tsx"],"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListWithContext","props","alignment","messageActions","showScreen","MessageActionListItem","DefaultMessageActionListItem","isMyMessage","message","messageReactions","error","isThreadMessage","messageActionProps","white_snow","theme","colors","height","width","showScreenStyle","transform","translateY","value","translateX","scale","layout","nativeEvent","backgroundColor","map","messageAction","index","title","length","areEqual","prevProps","nextProps","prevAlignment","prevMessageActions","nextAlignment","nextMessageActions","messageActionsEqual","alignmentEqual","MemoizedMessageActionList","React","memo","MessageActionList","data"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\n\nimport { MessageActionListItem as DefaultMessageActionListItem } from './MessageActionListItem';\n\nimport {\n  MessageOverlayData,\n  useMessageOverlayContext,\n} from '../../contexts/messageOverlayContext/MessageOverlayContext';\nimport type { OverlayProviderProps } from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\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  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type MessageActionListPropsWithContext<\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<\n  OverlayProviderProps<At, Ch, Co, Ev, Me, Re, Us>,\n  | 'MessageActionListItem'\n  | 'error'\n  | 'isMyMessage'\n  | 'isThreadMessage'\n  | 'message'\n  | 'messageReactions'\n> &\n  Pick<MessageOverlayData<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'messageActions'> & {\n    showScreen: Animated.SharedValue<number>;\n  };\n\nconst MessageActionListWithContext = <\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: MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    alignment,\n    messageActions,\n    showScreen,\n    MessageActionListItem = DefaultMessageActionListItem,\n    isMyMessage,\n    message,\n    messageReactions,\n    error,\n    isThreadMessage,\n  } = props;\n\n  const messageActionProps = {\n    error,\n    isMyMessage,\n    isThreadMessage,\n    message,\n    messageReactions,\n  };\n\n  const {\n    theme: {\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  const height = useSharedValue(0);\n  const width = useSharedValue(0);\n\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: interpolate(showScreen.value, [0, 1], [-height.value / 2, 0]),\n        },\n        {\n          translateX: interpolate(\n            showScreen.value,\n            [0, 1],\n            [alignment === 'left' ? -width.value / 2 : width.value / 2, 0],\n          ),\n        },\n        {\n          scale: showScreen.value,\n        },\n      ],\n    }),\n    [alignment],\n  );\n\n  return (\n    <Animated.View\n      onLayout={({ nativeEvent: { layout } }) => {\n        width.value = layout.width;\n        height.value = layout.height;\n      }}\n      style={[styles.container, { backgroundColor: white_snow }, showScreenStyle]}\n      testID='message-action-list'\n    >\n      {messageActions?.map((messageAction, index) => (\n        <MessageActionListItem\n          key={messageAction.title}\n          {...messageActionProps}\n          {...{ ...messageAction, index, length: messageActions.length }}\n        />\n      ))}\n    </Animated.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: MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { alignment: prevAlignment, messageActions: prevMessageActions } = prevProps;\n  const { alignment: nextAlignment, messageActions: nextMessageActions } = nextProps;\n\n  const messageActionsEqual = prevMessageActions?.length === nextMessageActions?.length;\n  if (!messageActionsEqual) return false;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageActionList = React.memo(\n  MessageActionListWithContext,\n  areEqual,\n) as typeof MessageActionListWithContext;\n\nexport type MessageActionListProps<\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<Omit<MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'showScreen'>> &\n  Pick<\n    MessageActionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n    'showScreen' | 'message' | 'isMyMessage' | 'error' | 'isThreadMessage' | 'messageReactions'\n  >;\n\n/**\n * MessageActionList - A high level component which implements all the logic required for MessageActions\n */\nexport const MessageActionList = <\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: MessageActionListProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { data } = useMessageOverlayContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { alignment, messageActions } = data || {};\n\n  return <MemoizedMessageActionList {...{ alignment, messageActions }} {...props} />;\n};\n"]}

package/lib/commonjs/components/MessageOverlay/MessageActionListItem.js

@@ -15,10 +15,10 @@ var _reactNativeGestureHandler = require("react-native-gesture-handler");
 
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _useMessageActionAnimation = require("./hooks/useMessageActionAnimation");
 
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+
 var _utils = require("../../utils/utils");
 
 var _this = this,
@@ -73,7 +73,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 79,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -84,7 +84,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 80,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -92,7 +92,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 89,
       columnNumber: 9
     }
   }, icon), _react["default"].createElement(_reactNative.Text, {
@@ -102,7 +102,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 90,
       columnNumber: 9
     }
   }, title)));
@@ -121,7 +121,7 @@ var MessageActionListItem = function MessageActionListItem(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 112,
       columnNumber: 3
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["MessageActionListItem.tsx"],"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListItemWithContext","props","action","actionType","icon","index","length","title","theme","colors","black","border","messageActions","overlay","animatedStyle","onTap","borderBottomColor","actionContainer","color","messageActionIsEqual","prevProps","nextProps","MemoizedMessageActionListItem","React","memo","MessageActionListItem"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, Text, TextStyle, View } from 'react-native';\nimport { TapGestureHandler } from 'react-native-gesture-handler';\nimport Animated from 'react-native-reanimated';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useMessageActionAnimation } from './hooks/useMessageActionAnimation';\nimport { vw } from '../../utils/utils';\nimport type { MessageOverlayPropsWithContext } from '../MessageOverlay/MessageOverlay';\n\nconst styles = StyleSheet.create({\n  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type ActionType =\n  | 'blockUser'\n  | 'copyMessage'\n  | 'deleteMessage'\n  | 'editMessage'\n  | 'flagMessage'\n  | 'muteUser'\n  | 'pinMessage'\n  | 'selectReaction'\n  | 'reply'\n  | 'retry'\n  | 'quotedReply'\n  | 'threadReply'\n  | 'unpinMessage';\n\nexport type MessageActionType = {\n  action: () => void;\n  actionType: ActionType;\n  title: string;\n  icon?: React.ReactElement;\n  titleStyle?: StyleProp<TextStyle>;\n};\n\nexport type MessageActionListItemProps = MessageActionType &\n  Pick<\n    MessageOverlayPropsWithContext,\n    'error' | 'isMyMessage' | 'isThreadMessage' | 'message' | 'messageReactions'\n  > & {\n    index: number;\n    length: number;\n  };\n\nconst MessageActionListItemWithContext = (props: MessageActionListItemProps) => {\n  const { action, actionType, icon, index, length, title, titleStyle } = props;\n\n  const {\n    theme: {\n      colors: { black, border },\n      overlay: { messageActions },\n    },\n  } = useTheme();\n\n  const { animatedStyle, onTap } = useMessageActionAnimation({ action });\n\n  return (\n    <TapGestureHandler onHandlerStateChange={onTap}>\n      <Animated.View\n        style={[\n          styles.row,\n          index !== length - 1 ? { ...styles.bottomBorder, borderBottomColor: border } : {},\n          animatedStyle,\n          messageActions.actionContainer,\n        ]}\n        testID={`${actionType}-list-item`}\n      >\n        <View style={messageActions.icon}>{icon}</View>\n        <Text style={[styles.titleStyle, messageActions.title, { color: black }, titleStyle]}>\n          {title}\n        </Text>\n      </Animated.View>\n    </TapGestureHandler>\n  );\n};\n\nconst messageActionIsEqual = (\n  prevProps: MessageActionListItemProps,\n  nextProps: MessageActionListItemProps,\n) => prevProps.length === nextProps.length;\n\nexport const MemoizedMessageActionListItem = React.memo(\n  MessageActionListItemWithContext,\n  messageActionIsEqual,\n) as typeof MessageActionListItemWithContext;\n\n/**\n * MessageActionListItem - A high-level component that implements all the logic required for a `MessageAction` in a `MessageActionList`\n */\nexport const MessageActionListItem = (props: MessageActionListItemProps) => (\n  <MemoizedMessageActionListItem {...props} />\n);\n"]}
+{"version":3,"sources":["MessageActionListItem.tsx"],"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListItemWithContext","props","action","actionType","icon","index","length","title","theme","colors","black","border","messageActions","overlay","animatedStyle","onTap","borderBottomColor","actionContainer","color","messageActionIsEqual","prevProps","nextProps","MemoizedMessageActionListItem","React","memo","MessageActionListItem"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, Text, TextStyle, View } from 'react-native';\nimport { TapGestureHandler } from 'react-native-gesture-handler';\nimport Animated from 'react-native-reanimated';\n\nimport { useMessageActionAnimation } from './hooks/useMessageActionAnimation';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { vw } from '../../utils/utils';\nimport type { MessageOverlayPropsWithContext } from '../MessageOverlay/MessageOverlay';\n\nconst styles = StyleSheet.create({\n  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type ActionType =\n  | 'blockUser'\n  | 'copyMessage'\n  | 'deleteMessage'\n  | 'editMessage'\n  | 'flagMessage'\n  | 'muteUser'\n  | 'pinMessage'\n  | 'selectReaction'\n  | 'reply'\n  | 'retry'\n  | 'quotedReply'\n  | 'threadReply'\n  | 'unpinMessage';\n\nexport type MessageActionType = {\n  action: () => void;\n  actionType: ActionType;\n  title: string;\n  icon?: React.ReactElement;\n  titleStyle?: StyleProp<TextStyle>;\n};\n\nexport type MessageActionListItemProps = MessageActionType &\n  Pick<\n    MessageOverlayPropsWithContext,\n    'error' | 'isMyMessage' | 'isThreadMessage' | 'message' | 'messageReactions'\n  > & {\n    index: number;\n    length: number;\n  };\n\nconst MessageActionListItemWithContext = (props: MessageActionListItemProps) => {\n  const { action, actionType, icon, index, length, title, titleStyle } = props;\n\n  const {\n    theme: {\n      colors: { black, border },\n      overlay: { messageActions },\n    },\n  } = useTheme();\n\n  const { animatedStyle, onTap } = useMessageActionAnimation({ action });\n\n  return (\n    <TapGestureHandler onHandlerStateChange={onTap}>\n      <Animated.View\n        style={[\n          styles.row,\n          index !== length - 1 ? { ...styles.bottomBorder, borderBottomColor: border } : {},\n          animatedStyle,\n          messageActions.actionContainer,\n        ]}\n        testID={`${actionType}-list-item`}\n      >\n        <View style={messageActions.icon}>{icon}</View>\n        <Text style={[styles.titleStyle, messageActions.title, { color: black }, titleStyle]}>\n          {title}\n        </Text>\n      </Animated.View>\n    </TapGestureHandler>\n  );\n};\n\nconst messageActionIsEqual = (\n  prevProps: MessageActionListItemProps,\n  nextProps: MessageActionListItemProps,\n) => prevProps.length === nextProps.length;\n\nexport const MemoizedMessageActionListItem = React.memo(\n  MessageActionListItemWithContext,\n  messageActionIsEqual,\n) as typeof MessageActionListItemWithContext;\n\n/**\n * MessageActionListItem - A high-level component that implements all the logic required for a `MessageAction` in a `MessageActionList`\n */\nexport const MessageActionListItem = (props: MessageActionListItemProps) => (\n  <MemoizedMessageActionListItem {...props} />\n);\n"]}

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

@@ -15,17 +15,17 @@ 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 _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _MessageActionList = require("./MessageActionList");
 
 var _OverlayReactionList = require("./OverlayReactionList");
 
-var _MessageTextContainer = require("../Message/MessageSimple/MessageTextContainer");
-
-var _MessageActionList = require("./MessageActionList");
+var _OverlayReactionsAvatar = require("./OverlayReactionsAvatar");
 
-var _OverlayReactions = require("../MessageOverlay/OverlayReactions");
+var _MessageContext = require("../../contexts/messageContext/MessageContext");
 
 var _MessageOverlayContext = require("../../contexts/messageOverlayContext/MessageOverlayContext");
 
@@ -37,7 +37,9 @@ var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _utils = require("../../utils/utils");
 
-var _MessageContext = require("../../contexts/messageContext/MessageContext");
+var _MessageTextContainer = require("../Message/MessageSimple/MessageTextContainer");
+
+var _OverlayReactions = require("../MessageOverlay/OverlayReactions");
 
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageOverlay.tsx";
@@ -114,6 +116,8 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
       OverlayReactionList = _props$OverlayReactio === void 0 ? _OverlayReactionList.OverlayReactionList : _props$OverlayReactio,
       _props$OverlayReactio2 = props.OverlayReactions,
       OverlayReactions = _props$OverlayReactio2 === void 0 ? _OverlayReactions.OverlayReactions : _props$OverlayReactio2,
+      _props$OverlayReactio3 = props.OverlayReactionsAvatar,
+      OverlayReactionsAvatar = _props$OverlayReactio3 === void 0 ? _OverlayReactionsAvatar.OverlayReactionsAvatar : _props$OverlayReactio3,
       reset = props.reset,
       setOverlay = props.setOverlay,
       threadList = props.threadList,
@@ -287,7 +291,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 340,
+      lineNumber: 342,
       columnNumber: 5
     }
   }, _react["default"].createElement(_MessageContext.MessageProvider, {
@@ -295,7 +299,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 341,
+      lineNumber: 343,
       columnNumber: 7
     }
   }, _react["default"].createElement(_ThemeContext.ThemeProvider, {
@@ -303,7 +307,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 342,
+      lineNumber: 344,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -312,7 +316,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 343,
+      lineNumber: 345,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeGestureHandler.PanGestureHandler, {
@@ -323,7 +327,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 347,
+      lineNumber: 349,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -331,7 +335,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 353,
+      lineNumber: 355,
       columnNumber: 15
     }
   }, _react["default"].createElement(_reactNative.SafeAreaView, {
@@ -339,7 +343,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 354,
+      lineNumber: 356,
       columnNumber: 17
     }
   }, _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
@@ -354,7 +358,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 355,
+      lineNumber: 357,
       columnNumber: 19
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -362,7 +366,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 363,
+      lineNumber: 365,
       columnNumber: 21
     }
   }, message && _react["default"].createElement(_reactNative.View, {
@@ -372,7 +376,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 365,
+      lineNumber: 367,
       columnNumber: 25
     }
   }, handleReaction && ownCapabilities != null && ownCapabilities.sendReaction ? _react["default"].createElement(OverlayReactionList, {
@@ -385,7 +389,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 374,
+      lineNumber: 376,
       columnNumber: 29
     }
   }) : null, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -406,7 +410,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 383,
+      lineNumber: 385,
       columnNumber: 27
     }
   }, alignment === 'left' && MessageAvatar && _react["default"].createElement(MessageAvatar, {
@@ -416,7 +420,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 399,
+      lineNumber: 401,
       columnNumber: 31
     }
   }), _react["default"].createElement(_reactNative.View, {
@@ -431,7 +435,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 401,
+      lineNumber: 403,
       columnNumber: 29
     }
   }, messagesContext == null ? void 0 : (_messagesContext$mess = messagesContext.messageContentOrder) == null ? void 0 : _messagesContext$mess.map(function (messageContentType, messageContentOrderIndex) {
@@ -443,7 +447,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
           __self: _this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 444,
+            lineNumber: 446,
             columnNumber: 43
           }
         }, _react["default"].createElement(Reply, {
@@ -456,7 +460,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
           __self: _this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 448,
+            lineNumber: 450,
             columnNumber: 45
           }
         }));
@@ -469,7 +473,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
             __self: _this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 473,
+              lineNumber: 475,
               columnNumber: 45
             }
           });
@@ -483,7 +487,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
           __self: _this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 482,
+            lineNumber: 484,
             columnNumber: 43
           }
         });
@@ -495,13 +499,12 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
           hasThreadReplies: !!(message != null && message.reply_count),
           images: images,
           key: "gallery_" + messageContentOrderIndex,
-          messageId: message.id,
-          messageText: message.text,
+          message: message,
           threadList: threadList,
           __self: _this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 492,
+            lineNumber: 494,
             columnNumber: 43
           }
         });
@@ -517,7 +520,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
           __self: _this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 508,
+            lineNumber: 509,
             columnNumber: 41
           }
         });
@@ -529,11 +532,12 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 522,
+      lineNumber: 523,
       columnNumber: 29
     }
   })), !!messageReactionTitle && message.latest_reactions && message.latest_reactions.length > 0 ? _react["default"].createElement(OverlayReactions, {
     alignment: alignment,
+    OverlayReactionsAvatar: OverlayReactionsAvatar,
     reactions: message.latest_reactions.map(function (reaction) {
       var _reaction$user, _reaction$user2, _reaction$user3, _reaction$user4;
 
@@ -551,7 +555,7 @@ var MessageOverlayWithContext = function MessageOverlayWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 531,
+      lineNumber: 532,
       columnNumber: 29
     }
   }) : null))))))))));
@@ -591,6 +595,7 @@ var MessageOverlay = function MessageOverlay(props) {
       MessageActionListItem = _useMessageOverlayCon.MessageActionListItem,
       OverlayReactionList = _useMessageOverlayCon.OverlayReactionList,
       OverlayReactions = _useMessageOverlayCon.OverlayReactions,
+      OverlayReactionsAvatar = _useMessageOverlayCon.OverlayReactionsAvatar,
       reset = _useMessageOverlayCon.reset;
 
   var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
@@ -601,7 +606,8 @@ var MessageOverlay = function MessageOverlay(props) {
     MessageActionList: props.MessageActionList || MessageActionList,
     MessageActionListItem: props.MessageActionListItem || MessageActionListItem,
     OverlayReactionList: props.OverlayReactionList || OverlayReactionList || (data == null ? void 0 : data.OverlayReactionList),
-    OverlayReactions: props.OverlayReactions || OverlayReactions
+    OverlayReactions: props.OverlayReactions || OverlayReactions,
+    OverlayReactionsAvatar: props.OverlayReactionsAvatar || OverlayReactionsAvatar
   };
   return _react["default"].createElement(MemoizedMessageOverlay, (0, _extends2["default"])({}, data || {}, {
     overlay: overlay,
@@ -611,7 +617,7 @@ var MessageOverlay = function MessageOverlay(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 659,
+      lineNumber: 663,
       columnNumber: 5
     }
   }));