stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

package/lib/module/components/Message/MessageSimple/MessageReplies.js

@@ -1,27 +1,17 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageReplies = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
-
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageReplies.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageReplies.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -61,30 +51,27 @@ var styles = _reactNative.StyleSheet.create({
     }
   }))
 });
-
 var MessageRepliesWithContext = function MessageRepliesWithContext(props) {
   var alignment = props.alignment,
-      message = props.message,
-      MessageRepliesAvatars = props.MessageRepliesAvatars,
-      noBorder = props.noBorder,
-      _onLongPress = props.onLongPress,
-      onOpenThread = props.onOpenThread,
-      _onPress = props.onPress,
-      _onPressIn = props.onPressIn,
-      preventPress = props.preventPress,
-      repliesCurveColor = props.repliesCurveColor,
-      t = props.t,
-      threadList = props.threadList;
-
+    message = props.message,
+    MessageRepliesAvatars = props.MessageRepliesAvatars,
+    noBorder = props.noBorder,
+    _onLongPress = props.onLongPress,
+    onOpenThread = props.onOpenThread,
+    _onPress = props.onPress,
+    _onPressIn = props.onPressIn,
+    preventPress = props.preventPress,
+    repliesCurveColor = props.repliesCurveColor,
+    t = props.t,
+    threadList = props.threadList;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      accent_blue = _useTheme$theme.colors.accent_blue,
-      _useTheme$theme$messa = _useTheme$theme.messageSimple.replies,
-      container = _useTheme$theme$messa.container,
-      leftCurve = _useTheme$theme$messa.leftCurve,
-      messageRepliesText = _useTheme$theme$messa.messageRepliesText,
-      rightCurve = _useTheme$theme$messa.rightCurve;
-
+    _useTheme$theme = _useTheme.theme,
+    accent_blue = _useTheme$theme.colors.accent_blue,
+    _useTheme$theme$messa = _useTheme$theme.messageSimple.replies,
+    container = _useTheme$theme$messa.container,
+    leftCurve = _useTheme$theme$messa.leftCurve,
+    messageRepliesText = _useTheme$theme$messa.messageRepliesText,
+    rightCurve = _useTheme$theme$messa.rightCurve;
   if (threadList || !message.reply_count) return null;
   return _react["default"].createElement(_reactNative.View, {
     style: styles.curveContainer,
@@ -198,18 +185,17 @@ var MessageRepliesWithContext = function MessageRepliesWithContext(props) {
     }
   })));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevMessage = prevProps.message,
-      prevNoBorder = prevProps.noBorder,
-      prevOnOpenThread = prevProps.onOpenThread,
-      prevT = prevProps.t,
-      prevThreadList = prevProps.threadList;
+    prevNoBorder = prevProps.noBorder,
+    prevOnOpenThread = prevProps.onOpenThread,
+    prevT = prevProps.t,
+    prevThreadList = prevProps.threadList;
   var nextMessage = nextProps.message,
-      nextNoBorder = nextProps.noBorder,
-      nextOnOpenThread = nextProps.onOpenThread,
-      nextT = nextProps.t,
-      nextThreadList = nextProps.threadList;
+    nextNoBorder = nextProps.noBorder,
+    nextOnOpenThread = nextProps.onOpenThread,
+    nextT = nextProps.t,
+    nextThreadList = nextProps.threadList;
   var threadListEqual = prevThreadList === nextThreadList;
   if (!threadListEqual) return false;
   var messageReplyCountEqual = prevMessage.reply_count === nextMessage.reply_count;
@@ -222,26 +208,21 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!onOpenThreadEqual) return false;
   return true;
 };
-
 var MemoizedMessageReplies = _react["default"].memo(MessageRepliesWithContext, areEqual);
-
 var MessageReplies = function MessageReplies(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      alignment = _useMessageContext.alignment,
-      message = _useMessageContext.message,
-      onLongPress = _useMessageContext.onLongPress,
-      onOpenThread = _useMessageContext.onOpenThread,
-      onPress = _useMessageContext.onPress,
-      onPressIn = _useMessageContext.onPressIn,
-      preventPress = _useMessageContext.preventPress,
-      threadList = _useMessageContext.threadList;
-
+    alignment = _useMessageContext.alignment,
+    message = _useMessageContext.message,
+    onLongPress = _useMessageContext.onLongPress,
+    onOpenThread = _useMessageContext.onOpenThread,
+    onPress = _useMessageContext.onPress,
+    onPressIn = _useMessageContext.onPressIn,
+    preventPress = _useMessageContext.preventPress,
+    threadList = _useMessageContext.threadList;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      MessageRepliesAvatars = _useMessagesContext.MessageRepliesAvatars;
-
+    MessageRepliesAvatars = _useMessagesContext.MessageRepliesAvatars;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   return _react["default"].createElement(MemoizedMessageReplies, (0, _extends2["default"])({
     alignment: alignment,
     message: message,
@@ -262,7 +243,6 @@ var MessageReplies = function MessageReplies(props) {
     }
   }));
 };
-
 exports.MessageReplies = MessageReplies;
 MessageReplies.displayName = 'MessageReplies{messageSimple{replies}}';
 //# sourceMappingURL=MessageReplies.js.map

package/lib/module/components/Message/MessageSimple/MessageReplies.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageReplies.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","marginTop","curveContainer","leftMessageRepliesCurve","borderBottomLeftRadius","borderRightColor","Platform","select","android","borderRightWidth","messageRepliesCurve","borderTopColor","borderTopWidth","borderWidth","height","width","messageRepliesText","fontSize","fontWeight","paddingBottom","paddingLeft","rightMessageRepliesCurve","borderBottomRightRadius","borderLeftColor","borderLeftWidth","MessageRepliesWithContext","props","alignment","message","MessageRepliesAvatars","noBorder","onLongPress","onOpenThread","onPress","onPressIn","preventPress","repliesCurveColor","t","threadList","theme","accent_blue","colors","messageSimple","replies","leftCurve","rightCurve","reply_count","borderColor","event","emitter","defaultHandler","color","replyCount","areEqual","prevProps","nextProps","prevMessage","prevNoBorder","prevOnOpenThread","prevT","prevThreadList","nextMessage","nextNoBorder","nextOnOpenThread","nextT","nextThreadList","threadListEqual","messageReplyCountEqual","noBorderEqual","tEqual","onOpenThreadEqual","MemoizedMessageReplies","React","memo","MessageReplies","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AAIA;;AACA;;;;;AAOA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,aAAa,EAAE,KAFN;AAGTC,IAAAA,SAAS,EAAE;AAHF,GADoB;AAM/BC,EAAAA,cAAc,EAAE;AACdF,IAAAA,aAAa,EAAE;AADD,GANe;AAS/BG,EAAAA,uBAAuB;AACrBC,IAAAA,sBAAsB,EAAE,EADH;AAErBC,IAAAA,gBAAgB,EAAE;AAFG,KAGlBC,sBAASC,MAAT,CAAgB;AACjBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,gBAAgB,EAAE;AADX;AADQ,GAAhB,CAHkB,CATQ;AAkB/BC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,cAAc,EAAE,aADG;AAEnBC,IAAAA,cAAc,EAAE,CAFG;AAGnBC,IAAAA,WAAW,EAAE,CAHM;AAInBC,IAAAA,MAAM,EAAE,EAJW;AAKnBC,IAAAA,KAAK,EAAE;AALY,GAlBU;AAyB/BC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,QAAQ,EAAE,EADQ;AAElBC,IAAAA,UAAU,EAAE,KAFM;AAGlBC,IAAAA,aAAa,EAAE,CAHG;AAIlBC,IAAAA,WAAW,EAAE;AAJK,GAzBW;AA+B/BC,EAAAA,wBAAwB;AACtBC,IAAAA,uBAAuB,EAAE,EADH;AAEtBC,IAAAA,eAAe,EAAE;AAFK,KAGnBjB,sBAASC,MAAT,CAAgB;AACjBC,IAAAA,OAAO,EAAE;AACPgB,MAAAA,eAAe,EAAE;AADV;AADQ,GAAhB,CAHmB;AA/BO,CAAlB,CAAf;;AA6DA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAGhCC,KAHgC,EAI7B;AACH,MACEC,SADF,GAaID,KAbJ,CACEC,SADF;AAAA,MAEEC,OAFF,GAaIF,KAbJ,CAEEE,OAFF;AAAA,MAGEC,qBAHF,GAaIH,KAbJ,CAGEG,qBAHF;AAAA,MAIEC,QAJF,GAaIJ,KAbJ,CAIEI,QAJF;AAAA,MAKEC,YALF,GAaIL,KAbJ,CAKEK,WALF;AAAA,MAMEC,YANF,GAaIN,KAbJ,CAMEM,YANF;AAAA,MAOEC,QAPF,GAaIP,KAbJ,CAOEO,OAPF;AAAA,MAQEC,UARF,GAaIR,KAbJ,CAQEQ,SARF;AAAA,MASEC,YATF,GAaIT,KAbJ,CASES,YATF;AAAA,MAUEC,iBAVF,GAaIV,KAbJ,CAUEU,iBAVF;AAAA,MAWEC,CAXF,GAaIX,KAbJ,CAWEW,CAXF;AAAA,MAYEC,UAZF,GAaIZ,KAbJ,CAYEY,UAZF;;AAeA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,MAEcC,WAFd,mBAEIC,MAFJ,CAEcD,WAFd;AAAA,8CAGIE,aAHJ,CAIMC,OAJN;AAAA,MAIiB7C,SAJjB,yBAIiBA,SAJjB;AAAA,MAI4B8C,SAJ5B,yBAI4BA,SAJ5B;AAAA,MAIuC5B,kBAJvC,yBAIuCA,kBAJvC;AAAA,MAI2D6B,UAJ3D,yBAI2DA,UAJ3D;;AASA,MAAIP,UAAU,IAAI,CAACV,OAAO,CAACkB,WAA3B,EAAwC,OAAO,IAAP;AAExC,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEnD,MAAM,CAACO,cAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGyB,SAAS,KAAK,MAAd,IACC,gCAAC,iBAAD;AAAM,IAAA,MAAM,EAAC,sBAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACG,CAACG,QAAD,IACC,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AAAEiB,MAAAA,WAAW,EAAEX;AAAf,KADK,EAELzC,MAAM,CAACe,mBAFF,EAGLf,MAAM,CAACQ,uBAHF,EAILyC,SAJK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFJ,EAWE,gCAAC,qBAAD;AAAuB,IAAA,SAAS,EAAEjB,SAAlC;AAA6C,IAAA,OAAO,EAAEC,OAAtD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAXF,CAFJ,EAgBE,gCAAC,6BAAD;AACE,IAAA,QAAQ,EAAEO,YADZ;AAEE,IAAA,WAAW,EAAE,qBAACa,KAAD,EAAW;AACtB,UAAIjB,YAAJ,EAAiB;AACfA,QAAAA,YAAW,CAAC;AACVkB,UAAAA,OAAO,EAAE,gBADC;AAEVD,UAAAA,KAAK,EAALA;AAFU,SAAD,CAAX;AAID;AACF,KATH;AAUE,IAAA,OAAO,EAAE,iBAACA,KAAD,EAAW;AAClB,UAAIf,QAAJ,EAAa;AACXA,QAAAA,QAAO,CAAC;AACNiB,UAAAA,cAAc,EAAElB,YADV;AAENiB,UAAAA,OAAO,EAAE,gBAFH;AAGND,UAAAA,KAAK,EAALA;AAHM,SAAD,CAAP;AAKD;AACF,KAlBH;AAmBE,IAAA,SAAS,EAAE,mBAACA,KAAD,EAAW;AACpB,UAAId,UAAJ,EAAe;AACbA,QAAAA,UAAS,CAAC;AACRgB,UAAAA,cAAc,EAAElB,YADR;AAERiB,UAAAA,OAAO,EAAE,gBAFD;AAGRD,UAAAA,KAAK,EAALA;AAHQ,SAAD,CAAT;AAKD;AACF,KA3BH;AA4BE,IAAA,KAAK,EAAE,CAACrD,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CA5BT;AA6BE,IAAA,MAAM,EAAC,iBA7BT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KA+BE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACqB,kBAAR,EAA4B;AAAEmC,MAAAA,KAAK,EAAEX;AAAT,KAA5B,EAAoDxB,kBAApD,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGY,OAAO,CAACkB,WAAR,KAAwB,CAAxB,GACGT,CAAC,CAAC,gBAAD,CADJ,GAEGA,CAAC,CAAC,iCAAD,EAAoC;AACnCe,IAAAA,UAAU,EAAExB,OAAO,CAACkB;AADe,GAApC,CAHP,CA/BF,CAhBF,EAuDGnB,SAAS,KAAK,OAAd,IACC,gCAAC,iBAAD;AAAM,IAAA,MAAM,EAAC,uBAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,qBAAD;AAAuB,IAAA,SAAS,EAAEA,SAAlC;AAA6C,IAAA,OAAO,EAAEC,OAAtD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEG,CAACE,QAAD,IACC,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AAAEiB,MAAAA,WAAW,EAAEX;AAAf,KADK,EAELzC,MAAM,CAACe,mBAFF,EAGLf,MAAM,CAAC0B,wBAHF,EAILwB,UAJK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHJ,CAxDJ,CADF;AAyED,CAxGD;;AA0GA,IAAMQ,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MACWC,WADX,GAMIF,SANJ,CACE1B,OADF;AAAA,MAEY6B,YAFZ,GAMIH,SANJ,CAEExB,QAFF;AAAA,MAGgB4B,gBAHhB,GAMIJ,SANJ,CAGEtB,YAHF;AAAA,MAIK2B,KAJL,GAMIL,SANJ,CAIEjB,CAJF;AAAA,MAKcuB,cALd,GAMIN,SANJ,CAKEhB,UALF;AAOA,MACWuB,WADX,GAMIN,SANJ,CACE3B,OADF;AAAA,MAEYkC,YAFZ,GAMIP,SANJ,CAEEzB,QAFF;AAAA,MAGgBiC,gBAHhB,GAMIR,SANJ,CAGEvB,YAHF;AAAA,MAIKgC,KAJL,GAMIT,SANJ,CAIElB,CAJF;AAAA,MAKc4B,cALd,GAMIV,SANJ,CAKEjB,UALF;AAQA,MAAM4B,eAAe,GAAGN,cAAc,KAAKK,cAA3C;AACA,MAAI,CAACC,eAAL,EAAsB,OAAO,KAAP;AAEtB,MAAMC,sBAAsB,GAAGX,WAAW,CAACV,WAAZ,KAA4Be,WAAW,CAACf,WAAvE;AACA,MAAI,CAACqB,sBAAL,EAA6B,OAAO,KAAP;AAE7B,MAAMC,aAAa,GAAGX,YAAY,KAAKK,YAAvC;AACA,MAAI,CAACM,aAAL,EAAoB,OAAO,KAAP;AAEpB,MAAMC,MAAM,GAAGV,KAAK,KAAKK,KAAzB;AACA,MAAI,CAACK,MAAL,EAAa,OAAO,KAAP;AAEb,MAAMC,iBAAiB,GAAGZ,gBAAgB,KAAKK,gBAA/C;AACA,MAAI,CAACO,iBAAL,EAAwB,OAAO,KAAP;AAExB,SAAO,IAAP;AACD,CAnCD;;AAqCA,IAAMC,sBAAsB,GAAGC,kBAAMC,IAAN,CAC7BhD,yBAD6B,EAE7B4B,QAF6B,CAA/B;;AASO,IAAMqB,cAAc,GAAG,SAAjBA,cAAiB,CAG5BhD,KAH4B,EAIzB;AACH,2BASI,wCATJ;AAAA,MACEC,SADF,sBACEA,SADF;AAAA,MAEEC,OAFF,sBAEEA,OAFF;AAAA,MAGEG,WAHF,sBAGEA,WAHF;AAAA,MAIEC,YAJF,sBAIEA,YAJF;AAAA,MAKEC,OALF,sBAKEA,OALF;AAAA,MAMEC,SANF,sBAMEA,SANF;AAAA,MAOEC,YAPF,sBAOEA,YAPF;AAAA,MAQEG,UARF,sBAQEA,UARF;;AAUA,4BAAkC,0CAAlC;AAAA,MAAQT,qBAAR,uBAAQA,qBAAR;;AACA,8BAAc,gDAAd;AAAA,MAAQQ,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,sBAAD;AAEIV,IAAAA,SAAS,EAATA,SAFJ;AAGIC,IAAAA,OAAO,EAAPA,OAHJ;AAIIC,IAAAA,qBAAqB,EAArBA,qBAJJ;AAKIE,IAAAA,WAAW,EAAXA,WALJ;AAMIC,IAAAA,YAAY,EAAZA,YANJ;AAOIC,IAAAA,OAAO,EAAPA,OAPJ;AAQIC,IAAAA,SAAS,EAATA,SARJ;AASIC,IAAAA,YAAY,EAAZA,YATJ;AAUIE,IAAAA,CAAC,EAADA,CAVJ;AAWIC,IAAAA,UAAU,EAAVA;AAXJ,KAaMZ,KAbN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAiBD,CAnCM;;;AAqCPgD,cAAc,CAACC,WAAf,GAA6B,wCAA7B","sourcesContent":["import React from 'react';\nimport { ColorValue, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\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';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    marginTop: 8,\n  },\n  curveContainer: {\n    flexDirection: 'row',\n  },\n  leftMessageRepliesCurve: {\n    borderBottomLeftRadius: 16,\n    borderRightColor: 'transparent',\n    ...Platform.select({\n      android: {\n        borderRightWidth: 0,\n      },\n    }),\n  },\n  messageRepliesCurve: {\n    borderTopColor: 'transparent',\n    borderTopWidth: 0,\n    borderWidth: 1,\n    height: 16,\n    width: 16,\n  },\n  messageRepliesText: {\n    fontSize: 12,\n    fontWeight: '700',\n    paddingBottom: 5,\n    paddingLeft: 8,\n  },\n  rightMessageRepliesCurve: {\n    borderBottomRightRadius: 16,\n    borderLeftColor: 'transparent',\n    ...Platform.select({\n      android: {\n        borderLeftWidth: 0,\n      },\n    }),\n  },\n});\n\nexport type MessageRepliesPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  | 'alignment'\n  | 'message'\n  | 'onLongPress'\n  | 'onPress'\n  | 'onPressIn'\n  | 'onOpenThread'\n  | 'preventPress'\n  | 'threadList'\n> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageRepliesAvatars'> &\n  Pick<TranslationContextValue, 't'> & {\n    noBorder?: boolean;\n    repliesCurveColor?: ColorValue;\n  };\n\nconst MessageRepliesWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    message,\n    MessageRepliesAvatars,\n    noBorder,\n    onLongPress,\n    onOpenThread,\n    onPress,\n    onPressIn,\n    preventPress,\n    repliesCurveColor,\n    t,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue },\n      messageSimple: {\n        replies: { container, leftCurve, messageRepliesText, rightCurve },\n      },\n    },\n  } = useTheme();\n\n  if (threadList || !message.reply_count) return null;\n\n  return (\n    <View style={styles.curveContainer}>\n      {alignment === 'left' && (\n        <View testID='message-replies-left'>\n          {!noBorder && (\n            <View\n              style={[\n                { borderColor: repliesCurveColor },\n                styles.messageRepliesCurve,\n                styles.leftMessageRepliesCurve,\n                leftCurve,\n              ]}\n            />\n          )}\n          <MessageRepliesAvatars alignment={alignment} message={message} />\n        </View>\n      )}\n      <TouchableOpacity\n        disabled={preventPress}\n        onLongPress={(event) => {\n          if (onLongPress) {\n            onLongPress({\n              emitter: 'messageReplies',\n              event,\n            });\n          }\n        }}\n        onPress={(event) => {\n          if (onPress) {\n            onPress({\n              defaultHandler: onOpenThread,\n              emitter: 'messageReplies',\n              event,\n            });\n          }\n        }}\n        onPressIn={(event) => {\n          if (onPressIn) {\n            onPressIn({\n              defaultHandler: onOpenThread,\n              emitter: 'messageReplies',\n              event,\n            });\n          }\n        }}\n        style={[styles.container, container]}\n        testID='message-replies'\n      >\n        <Text style={[styles.messageRepliesText, { color: accent_blue }, messageRepliesText]}>\n          {message.reply_count === 1\n            ? t('1 Thread Reply')\n            : t('{{ replyCount }} Thread Replies', {\n                replyCount: message.reply_count,\n              })}\n        </Text>\n      </TouchableOpacity>\n      {alignment === 'right' && (\n        <View testID='message-replies-right'>\n          <MessageRepliesAvatars alignment={alignment} message={message} />\n          {!noBorder && (\n            <View\n              style={[\n                { borderColor: repliesCurveColor },\n                styles.messageRepliesCurve,\n                styles.rightMessageRepliesCurve,\n                rightCurve,\n              ]}\n            />\n          )}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageRepliesPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageRepliesPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    message: prevMessage,\n    noBorder: prevNoBorder,\n    onOpenThread: prevOnOpenThread,\n    t: prevT,\n    threadList: prevThreadList,\n  } = prevProps;\n  const {\n    message: nextMessage,\n    noBorder: nextNoBorder,\n    onOpenThread: nextOnOpenThread,\n    t: nextT,\n    threadList: nextThreadList,\n  } = nextProps;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const messageReplyCountEqual = prevMessage.reply_count === nextMessage.reply_count;\n  if (!messageReplyCountEqual) return false;\n\n  const noBorderEqual = prevNoBorder === nextNoBorder;\n  if (!noBorderEqual) return false;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const onOpenThreadEqual = prevOnOpenThread === nextOnOpenThread;\n  if (!onOpenThreadEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageReplies = React.memo(\n  MessageRepliesWithContext,\n  areEqual,\n) as typeof MessageRepliesWithContext;\n\nexport type MessageRepliesProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessageRepliesPropsWithContext<StreamChatGenerics>>;\n\nexport const MessageReplies = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesProps<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    message,\n    onLongPress,\n    onOpenThread,\n    onPress,\n    onPressIn,\n    preventPress,\n    threadList,\n  } = useMessageContext<StreamChatGenerics>();\n  const { MessageRepliesAvatars } = useMessagesContext<StreamChatGenerics>();\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedMessageReplies\n      {...{\n        alignment,\n        message,\n        MessageRepliesAvatars,\n        onLongPress,\n        onOpenThread,\n        onPress,\n        onPressIn,\n        preventPress,\n        t,\n        threadList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageReplies.displayName = 'MessageReplies{messageSimple{replies}}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","flexDirection","marginTop","curveContainer","leftMessageRepliesCurve","borderBottomLeftRadius","borderRightColor","Platform","select","android","borderRightWidth","messageRepliesCurve","borderTopColor","borderTopWidth","borderWidth","height","width","messageRepliesText","fontSize","fontWeight","paddingBottom","paddingLeft","rightMessageRepliesCurve","borderBottomRightRadius","borderLeftColor","borderLeftWidth","MessageRepliesWithContext","props","alignment","message","MessageRepliesAvatars","noBorder","onLongPress","onOpenThread","onPress","onPressIn","preventPress","repliesCurveColor","t","threadList","useTheme","theme","accent_blue","colors","messageSimple","replies","leftCurve","rightCurve","reply_count","borderColor","event","emitter","defaultHandler","color","replyCount","areEqual","prevProps","nextProps","prevMessage","prevNoBorder","prevOnOpenThread","prevT","prevThreadList","nextMessage","nextNoBorder","nextOnOpenThread","nextT","nextThreadList","threadListEqual","messageReplyCountEqual","noBorderEqual","tEqual","onOpenThreadEqual","MemoizedMessageReplies","React","memo","MessageReplies","useMessageContext","useMessagesContext","useTranslationContext","displayName"],"sources":["MessageReplies.tsx"],"sourcesContent":["import React from 'react';\nimport { ColorValue, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\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';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    marginTop: 8,\n  },\n  curveContainer: {\n    flexDirection: 'row',\n  },\n  leftMessageRepliesCurve: {\n    borderBottomLeftRadius: 16,\n    borderRightColor: 'transparent',\n    ...Platform.select({\n      android: {\n        borderRightWidth: 0,\n      },\n    }),\n  },\n  messageRepliesCurve: {\n    borderTopColor: 'transparent',\n    borderTopWidth: 0,\n    borderWidth: 1,\n    height: 16,\n    width: 16,\n  },\n  messageRepliesText: {\n    fontSize: 12,\n    fontWeight: '700',\n    paddingBottom: 5,\n    paddingLeft: 8,\n  },\n  rightMessageRepliesCurve: {\n    borderBottomRightRadius: 16,\n    borderLeftColor: 'transparent',\n    ...Platform.select({\n      android: {\n        borderLeftWidth: 0,\n      },\n    }),\n  },\n});\n\nexport type MessageRepliesPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  | 'alignment'\n  | 'message'\n  | 'onLongPress'\n  | 'onPress'\n  | 'onPressIn'\n  | 'onOpenThread'\n  | 'preventPress'\n  | 'threadList'\n> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageRepliesAvatars'> &\n  Pick<TranslationContextValue, 't'> & {\n    noBorder?: boolean;\n    repliesCurveColor?: ColorValue;\n  };\n\nconst MessageRepliesWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    message,\n    MessageRepliesAvatars,\n    noBorder,\n    onLongPress,\n    onOpenThread,\n    onPress,\n    onPressIn,\n    preventPress,\n    repliesCurveColor,\n    t,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue },\n      messageSimple: {\n        replies: { container, leftCurve, messageRepliesText, rightCurve },\n      },\n    },\n  } = useTheme();\n\n  if (threadList || !message.reply_count) return null;\n\n  return (\n    <View style={styles.curveContainer}>\n      {alignment === 'left' && (\n        <View testID='message-replies-left'>\n          {!noBorder && (\n            <View\n              style={[\n                { borderColor: repliesCurveColor },\n                styles.messageRepliesCurve,\n                styles.leftMessageRepliesCurve,\n                leftCurve,\n              ]}\n            />\n          )}\n          <MessageRepliesAvatars alignment={alignment} message={message} />\n        </View>\n      )}\n      <TouchableOpacity\n        disabled={preventPress}\n        onLongPress={(event) => {\n          if (onLongPress) {\n            onLongPress({\n              emitter: 'messageReplies',\n              event,\n            });\n          }\n        }}\n        onPress={(event) => {\n          if (onPress) {\n            onPress({\n              defaultHandler: onOpenThread,\n              emitter: 'messageReplies',\n              event,\n            });\n          }\n        }}\n        onPressIn={(event) => {\n          if (onPressIn) {\n            onPressIn({\n              defaultHandler: onOpenThread,\n              emitter: 'messageReplies',\n              event,\n            });\n          }\n        }}\n        style={[styles.container, container]}\n        testID='message-replies'\n      >\n        <Text style={[styles.messageRepliesText, { color: accent_blue }, messageRepliesText]}>\n          {message.reply_count === 1\n            ? t('1 Thread Reply')\n            : t('{{ replyCount }} Thread Replies', {\n                replyCount: message.reply_count,\n              })}\n        </Text>\n      </TouchableOpacity>\n      {alignment === 'right' && (\n        <View testID='message-replies-right'>\n          <MessageRepliesAvatars alignment={alignment} message={message} />\n          {!noBorder && (\n            <View\n              style={[\n                { borderColor: repliesCurveColor },\n                styles.messageRepliesCurve,\n                styles.rightMessageRepliesCurve,\n                rightCurve,\n              ]}\n            />\n          )}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageRepliesPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageRepliesPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    message: prevMessage,\n    noBorder: prevNoBorder,\n    onOpenThread: prevOnOpenThread,\n    t: prevT,\n    threadList: prevThreadList,\n  } = prevProps;\n  const {\n    message: nextMessage,\n    noBorder: nextNoBorder,\n    onOpenThread: nextOnOpenThread,\n    t: nextT,\n    threadList: nextThreadList,\n  } = nextProps;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const messageReplyCountEqual = prevMessage.reply_count === nextMessage.reply_count;\n  if (!messageReplyCountEqual) return false;\n\n  const noBorderEqual = prevNoBorder === nextNoBorder;\n  if (!noBorderEqual) return false;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const onOpenThreadEqual = prevOnOpenThread === nextOnOpenThread;\n  if (!onOpenThreadEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageReplies = React.memo(\n  MessageRepliesWithContext,\n  areEqual,\n) as typeof MessageRepliesWithContext;\n\nexport type MessageRepliesProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessageRepliesPropsWithContext<StreamChatGenerics>>;\n\nexport const MessageReplies = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesProps<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    message,\n    onLongPress,\n    onOpenThread,\n    onPress,\n    onPressIn,\n    preventPress,\n    threadList,\n  } = useMessageContext<StreamChatGenerics>();\n  const { MessageRepliesAvatars } = useMessagesContext<StreamChatGenerics>();\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedMessageReplies\n      {...{\n        alignment,\n        message,\n        MessageRepliesAvatars,\n        onLongPress,\n        onOpenThread,\n        onPress,\n        onPressIn,\n        preventPress,\n        t,\n        threadList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageReplies.displayName = 'MessageReplies{messageSimple{replies}}';\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAIA;AAIA;AACA;AAGiE;EAAA;AAIjE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACdF,aAAa,EAAE;EACjB,CAAC;EACDG,uBAAuB;IACrBC,sBAAsB,EAAE,EAAE;IAC1BC,gBAAgB,EAAE;EAAa,GAC5BC,qBAAQ,CAACC,MAAM,CAAC;IACjBC,OAAO,EAAE;MACPC,gBAAgB,EAAE;IACpB;EACF,CAAC,CAAC,CACH;EACDC,mBAAmB,EAAE;IACnBC,cAAc,EAAE,aAAa;IAC7BC,cAAc,EAAE,CAAC;IACjBC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDC,kBAAkB,EAAE;IAClBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE;EACf,CAAC;EACDC,wBAAwB;IACtBC,uBAAuB,EAAE,EAAE;IAC3BC,eAAe,EAAE;EAAa,GAC3BjB,qBAAQ,CAACC,MAAM,CAAC;IACjBC,OAAO,EAAE;MACPgB,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;AAEN,CAAC,CAAC;AAqBF,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyB,CAG7BC,KAAyD,EACtD;EACH,IACEC,SAAS,GAYPD,KAAK,CAZPC,SAAS;IACTC,OAAO,GAWLF,KAAK,CAXPE,OAAO;IACPC,qBAAqB,GAUnBH,KAAK,CAVPG,qBAAqB;IACrBC,QAAQ,GASNJ,KAAK,CATPI,QAAQ;IACRC,YAAW,GAQTL,KAAK,CARPK,WAAW;IACXC,YAAY,GAOVN,KAAK,CAPPM,YAAY;IACZC,QAAO,GAMLP,KAAK,CANPO,OAAO;IACPC,UAAS,GAKPR,KAAK,CALPQ,SAAS;IACTC,YAAY,GAIVT,KAAK,CAJPS,YAAY;IACZC,iBAAiB,GAGfV,KAAK,CAHPU,iBAAiB;IACjBC,CAAC,GAECX,KAAK,CAFPW,CAAC;IACDC,UAAU,GACRZ,KAAK,CADPY,UAAU;EAGZ,gBAOI,IAAAC,sBAAQ,GAAE;IAAA,4BANZC,KAAK;IACOC,WAAW,mBAArBC,MAAM,CAAID,WAAW;IAAA,wCACrBE,aAAa,CACXC,OAAO;IAAI9C,SAAS,yBAATA,SAAS;IAAE+C,SAAS,yBAATA,SAAS;IAAE7B,kBAAkB,yBAAlBA,kBAAkB;IAAE8B,UAAU,yBAAVA,UAAU;EAKrE,IAAIR,UAAU,IAAI,CAACV,OAAO,CAACmB,WAAW,EAAE,OAAO,IAAI;EAEnD,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAEpD,MAAM,CAACO,cAAe;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAChCyB,SAAS,KAAK,MAAM,IACnB,gCAAC,iBAAI;IAAC,MAAM,EAAC,sBAAsB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAChC,CAACG,QAAQ,IACR,gCAAC,iBAAI;IACH,KAAK,EAAE,CACL;MAAEkB,WAAW,EAAEZ;IAAkB,CAAC,EAClCzC,MAAM,CAACe,mBAAmB,EAC1Bf,MAAM,CAACQ,uBAAuB,EAC9B0C,SAAS,CACT;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAEL,EACD,gCAAC,qBAAqB;IAAC,SAAS,EAAElB,SAAU;IAAC,OAAO,EAAEC,OAAQ;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CAEpE,EACD,gCAAC,6BAAgB;IACf,QAAQ,EAAEO,YAAa;IACvB,WAAW,EAAE,qBAACc,KAAK,EAAK;MACtB,IAAIlB,YAAW,EAAE;QACfA,YAAW,CAAC;UACVmB,OAAO,EAAE,gBAAgB;UACzBD,KAAK,EAALA;QACF,CAAC,CAAC;MACJ;IACF,CAAE;IACF,OAAO,EAAE,iBAACA,KAAK,EAAK;MAClB,IAAIhB,QAAO,EAAE;QACXA,QAAO,CAAC;UACNkB,cAAc,EAAEnB,YAAY;UAC5BkB,OAAO,EAAE,gBAAgB;UACzBD,KAAK,EAALA;QACF,CAAC,CAAC;MACJ;IACF,CAAE;IACF,SAAS,EAAE,mBAACA,KAAK,EAAK;MACpB,IAAIf,UAAS,EAAE;QACbA,UAAS,CAAC;UACRiB,cAAc,EAAEnB,YAAY;UAC5BkB,OAAO,EAAE,gBAAgB;UACzBD,KAAK,EAALA;QACF,CAAC,CAAC;MACJ;IACF,CAAE;IACF,KAAK,EAAE,CAACtD,MAAM,CAACG,SAAS,EAAEA,SAAS,CAAE;IACrC,MAAM,EAAC,iBAAiB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAExB,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,MAAM,CAACqB,kBAAkB,EAAE;MAAEoC,KAAK,EAAEX;IAAY,CAAC,EAAEzB,kBAAkB,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAClFY,OAAO,CAACmB,WAAW,KAAK,CAAC,GACtBV,CAAC,CAAC,gBAAgB,CAAC,GACnBA,CAAC,CAAC,iCAAiC,EAAE;IACnCgB,UAAU,EAAEzB,OAAO,CAACmB;EACtB,CAAC,CAAC,CACD,CACU,EAClBpB,SAAS,KAAK,OAAO,IACpB,gCAAC,iBAAI;IAAC,MAAM,EAAC,uBAAuB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAClC,gCAAC,qBAAqB;IAAC,SAAS,EAAEA,SAAU;IAAC,OAAO,EAAEC,OAAQ;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,EAChE,CAACE,QAAQ,IACR,gCAAC,iBAAI;IACH,KAAK,EAAE,CACL;MAAEkB,WAAW,EAAEZ;IAAkB,CAAC,EAClCzC,MAAM,CAACe,mBAAmB,EAC1Bf,MAAM,CAAC0B,wBAAwB,EAC/ByB,UAAU,CACV;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAEL,CAEJ,CACI;AAEX,CAAC;AAED,IAAMQ,QAAQ,GAAG,SAAXA,QAAQ,CACZC,SAA6D,EAC7DC,SAA6D,EAC1D;EACH,IACWC,WAAW,GAKlBF,SAAS,CALX3B,OAAO;IACG8B,YAAY,GAIpBH,SAAS,CAJXzB,QAAQ;IACM6B,gBAAgB,GAG5BJ,SAAS,CAHXvB,YAAY;IACT4B,KAAK,GAENL,SAAS,CAFXlB,CAAC;IACWwB,cAAc,GACxBN,SAAS,CADXjB,UAAU;EAEZ,IACWwB,WAAW,GAKlBN,SAAS,CALX5B,OAAO;IACGmC,YAAY,GAIpBP,SAAS,CAJX1B,QAAQ;IACMkC,gBAAgB,GAG5BR,SAAS,CAHXxB,YAAY;IACTiC,KAAK,GAENT,SAAS,CAFXnB,CAAC;IACW6B,cAAc,GACxBV,SAAS,CADXlB,UAAU;EAGZ,IAAM6B,eAAe,GAAGN,cAAc,KAAKK,cAAc;EACzD,IAAI,CAACC,eAAe,EAAE,OAAO,KAAK;EAElC,IAAMC,sBAAsB,GAAGX,WAAW,CAACV,WAAW,KAAKe,WAAW,CAACf,WAAW;EAClF,IAAI,CAACqB,sBAAsB,EAAE,OAAO,KAAK;EAEzC,IAAMC,aAAa,GAAGX,YAAY,KAAKK,YAAY;EACnD,IAAI,CAACM,aAAa,EAAE,OAAO,KAAK;EAEhC,IAAMC,MAAM,GAAGV,KAAK,KAAKK,KAAK;EAC9B,IAAI,CAACK,MAAM,EAAE,OAAO,KAAK;EAEzB,IAAMC,iBAAiB,GAAGZ,gBAAgB,KAAKK,gBAAgB;EAC/D,IAAI,CAACO,iBAAiB,EAAE,OAAO,KAAK;EAEpC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,sBAAsB,GAAGC,iBAAK,CAACC,IAAI,CACvCjD,yBAAyB,EACzB6B,QAAQ,CAC2B;AAM9B,IAAMqB,cAAc,GAAG,SAAjBA,cAAc,CAGzBjD,KAA8C,EAC3C;EACH,yBASI,IAAAkD,iCAAiB,GAAsB;IARzCjD,SAAS,sBAATA,SAAS;IACTC,OAAO,sBAAPA,OAAO;IACPG,WAAW,sBAAXA,WAAW;IACXC,YAAY,sBAAZA,YAAY;IACZC,OAAO,sBAAPA,OAAO;IACPC,SAAS,sBAATA,SAAS;IACTC,YAAY,sBAAZA,YAAY;IACZG,UAAU,sBAAVA,UAAU;EAEZ,0BAAkC,IAAAuC,mCAAkB,GAAsB;IAAlEhD,qBAAqB,uBAArBA,qBAAqB;EAC7B,4BAAc,IAAAiD,yCAAqB,GAAE;IAA7BzC,CAAC,yBAADA,CAAC;EAET,OACE,gCAAC,sBAAsB;IAEnBV,SAAS,EAATA,SAAS;IACTC,OAAO,EAAPA,OAAO;IACPC,qBAAqB,EAArBA,qBAAqB;IACrBE,WAAW,EAAXA,WAAW;IACXC,YAAY,EAAZA,YAAY;IACZC,OAAO,EAAPA,OAAO;IACPC,SAAS,EAATA,SAAS;IACTC,YAAY,EAAZA,YAAY;IACZE,CAAC,EAADA,CAAC;IACDC,UAAU,EAAVA;EAAU,GAERZ,KAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACT;AAEN,CAAC;AAAC;AAEFiD,cAAc,CAACI,WAAW,GAAG,wCAAwC"}

package/lib/module/components/Message/MessageSimple/MessageRepliesAvatars.js

@@ -1,25 +1,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageRepliesAvatarsWithContext = exports.MessageRepliesAvatars = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _Avatar = require("../../Avatar/Avatar");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageRepliesAvatars.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageRepliesAvatars.tsx";
 var styles = _reactNative.StyleSheet.create({
   avatarContainer: {
     alignItems: 'center',
@@ -31,25 +22,21 @@ var styles = _reactNative.StyleSheet.create({
     position: 'absolute'
   }
 });
-
 var MessageRepliesAvatarsWithContext = function MessageRepliesAvatarsWithContext(props) {
   var _message$thread_parti;
-
   var alignment = props.alignment,
-      ImageComponent = props.ImageComponent,
-      message = props.message;
-
+    ImageComponent = props.ImageComponent,
+    message = props.message;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      white_snow = _useTheme$theme.colors.white_snow,
-      _useTheme$theme$messa = _useTheme$theme.messageSimple.replies,
-      avatar = _useTheme$theme$messa.avatar,
-      avatarContainerMultiple = _useTheme$theme$messa.avatarContainerMultiple,
-      avatarContainerSingle = _useTheme$theme$messa.avatarContainerSingle,
-      avatarSize = _useTheme$theme$messa.avatarSize,
-      leftAvatarsContainer = _useTheme$theme$messa.leftAvatarsContainer,
-      rightAvatarsContainer = _useTheme$theme$messa.rightAvatarsContainer;
-
+    _useTheme$theme = _useTheme.theme,
+    white_snow = _useTheme$theme.colors.white_snow,
+    _useTheme$theme$messa = _useTheme$theme.messageSimple.replies,
+    avatar = _useTheme$theme$messa.avatar,
+    avatarContainerMultiple = _useTheme$theme$messa.avatarContainerMultiple,
+    avatarContainerSingle = _useTheme$theme$messa.avatarContainerSingle,
+    avatarSize = _useTheme$theme$messa.avatarSize,
+    leftAvatarsContainer = _useTheme$theme$messa.leftAvatarsContainer,
+    rightAvatarsContainer = _useTheme$theme$messa.rightAvatarsContainer;
   var avatars = ((_message$thread_parti = message.thread_participants) == null ? void 0 : _message$thread_parti.slice(-2)) || [];
   var hasMoreThanOneReply = avatars.length > 1;
   return _react["default"].createElement(_reactNative.View, {
@@ -92,13 +79,10 @@ var MessageRepliesAvatarsWithContext = function MessageRepliesAvatarsWithContext
     }));
   }));
 };
-
 exports.MessageRepliesAvatarsWithContext = MessageRepliesAvatarsWithContext;
-
 var MessageRepliesAvatars = function MessageRepliesAvatars(props) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      ImageComponent = _useChatContext.ImageComponent;
-
+    ImageComponent = _useChatContext.ImageComponent;
   return _react["default"].createElement(MessageRepliesAvatarsWithContext, (0, _extends2["default"])({}, props, {
     ImageComponent: ImageComponent,
     __self: _this,
@@ -109,6 +93,5 @@ var MessageRepliesAvatars = function MessageRepliesAvatars(props) {
     }
   }));
 };
-
 exports.MessageRepliesAvatars = MessageRepliesAvatars;
 //# sourceMappingURL=MessageRepliesAvatars.js.map

package/lib/module/components/Message/MessageSimple/MessageRepliesAvatars.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageRepliesAvatars.tsx"],"names":["styles","StyleSheet","create","avatarContainer","alignItems","flexDirection","paddingTop","topAvatar","position","MessageRepliesAvatarsWithContext","props","alignment","ImageComponent","message","theme","white_snow","colors","messageSimple","replies","avatar","avatarContainerMultiple","avatarContainerSingle","avatarSize","leftAvatarsContainer","rightAvatarsContainer","avatars","thread_participants","slice","hasMoreThanOneReply","length","marginLeft","map","user","i","id","paddingLeft","borderColor","borderWidth","image","name","MessageRepliesAvatars"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAGA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,aAAa,EAAE,KAFA;AAGfC,IAAAA,UAAU,EAAE;AAHG,GADc;AAM/BC,EAAAA,SAAS,EAAE;AACTD,IAAAA,UAAU,EAAE,CADH;AAETE,IAAAA,QAAQ,EAAE;AAFD;AANoB,CAAlB,CAAf;;AAgBO,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CAG9CC,KAH8C,EAI3C;AAAA;;AACH,MAAQC,SAAR,GAA+CD,KAA/C,CAAQC,SAAR;AAAA,MAAmBC,cAAnB,GAA+CF,KAA/C,CAAmBE,cAAnB;AAAA,MAAmCC,OAAnC,GAA+CH,KAA/C,CAAmCG,OAAnC;;AAEA,kBAcI,6BAdJ;AAAA,kCACEC,KADF;AAAA,MAEcC,UAFd,mBAEIC,MAFJ,CAEcD,UAFd;AAAA,8CAGIE,aAHJ,CAIMC,OAJN;AAAA,MAKQC,MALR,yBAKQA,MALR;AAAA,MAMQC,uBANR,yBAMQA,uBANR;AAAA,MAOQC,qBAPR,yBAOQA,qBAPR;AAAA,MAQQC,UARR,yBAQQA,UARR;AAAA,MASQC,oBATR,yBASQA,oBATR;AAAA,MAUQC,qBAVR,yBAUQA,qBAVR;;AAgBA,MAAMC,OAAO,GAAG,0BAAAZ,OAAO,CAACa,mBAAR,2CAA6BC,KAA7B,CAAmC,CAAC,CAApC,MAA0C,EAA1D;AACA,MAAMC,mBAAmB,GAAGH,OAAO,CAACI,MAAR,GAAiB,CAA7C;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL7B,MAAM,CAACG,eADF,EAELQ,SAAS,KAAK,OAAd;AAA0BmB,MAAAA,UAAU,EAAE;AAAtC,OAA4CN,qBAA5C,IAAsED,oBAFjE,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMGE,OAAO,CAACM,GAAR,CAAY,UAACC,IAAD,EAAOC,CAAP;AAAA,WACX,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAED,IAAI,CAACE,EADZ;AAEE,MAAA,KAAK,EACHD,CAAC,KAAK,CAAN,iCACSjC,MAAM,CAACO,SADhB,EAC8Bc,qBAD9B;AAGMc,QAAAA,WAAW,EAAEP,mBAAmB,GAAG,CAAH,GAAO;AAH7C,SAISR,uBAJT,CAHJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAWE,gCAAC,cAAD;AACE,MAAA,cAAc,EAAE,CACda,CAAC,KAAK,CAAN,IAAW;AACTG,QAAAA,WAAW,EAAErB,UADJ;AAETsB,QAAAA,WAAW,EAAE;AAFJ,OADG,EAKdlB,MALc,CADlB;AAQE,MAAA,KAAK,EAAEa,IAAI,CAACM,KARd;AASE,MAAA,cAAc,EAAE1B,cATlB;AAUE,MAAA,IAAI,EAAEoB,IAAI,CAACO,IAVb;AAWE,MAAA,IAAI,EAAEjB,UAAU,GAAGA,UAAH,GAAgBW,CAAC,KAAK,CAAN,GAAU,EAAV,GAAe,EAXjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAXF,CADW;AAAA,GAAZ,CANH,CADF;AAoCD,CA9DM;;;;AAgEA,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAwB,CAGnC9B,KAHmC,EAIhC;AACH,wBAA2B,kCAA3B;AAAA,MAAQE,cAAR,mBAAQA,cAAR;;AAEA,SAAO,gCAAC,gCAAD,gCAAsCF,KAAtC;AAA6C,IAAA,cAAc,EAAEE,cAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CARM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { ChatContextValue, useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { Avatar } from '../../Avatar/Avatar';\n\nconst styles = StyleSheet.create({\n  avatarContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingTop: 2,\n  },\n  topAvatar: {\n    paddingTop: 2,\n    position: 'absolute',\n  },\n});\n\nexport type MessageRepliesAvatarsProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'>;\n\nexport const MessageRepliesAvatarsWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesAvatarsProps<StreamChatGenerics> & Pick<ChatContextValue, 'ImageComponent'>,\n) => {\n  const { alignment, ImageComponent, message } = props;\n\n  const {\n    theme: {\n      colors: { white_snow },\n      messageSimple: {\n        replies: {\n          avatar,\n          avatarContainerMultiple,\n          avatarContainerSingle,\n          avatarSize,\n          leftAvatarsContainer,\n          rightAvatarsContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const avatars = message.thread_participants?.slice(-2) || [];\n  const hasMoreThanOneReply = avatars.length > 1;\n\n  return (\n    <View\n      style={[\n        styles.avatarContainer,\n        alignment === 'right' ? { marginLeft: 8, ...rightAvatarsContainer } : leftAvatarsContainer,\n      ]}\n    >\n      {avatars.map((user, i) => (\n        <View\n          key={user.id}\n          style={\n            i === 1\n              ? { ...styles.topAvatar, ...avatarContainerSingle }\n              : {\n                  paddingLeft: hasMoreThanOneReply ? 8 : 0,\n                  ...avatarContainerMultiple,\n                }\n          }\n        >\n          <Avatar\n            containerStyle={[\n              i === 1 && {\n                borderColor: white_snow,\n                borderWidth: 1,\n              },\n              avatar,\n            ]}\n            image={user.image}\n            ImageComponent={ImageComponent}\n            name={user.name}\n            size={avatarSize ? avatarSize : i === 1 ? 18 : 16}\n          />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport const MessageRepliesAvatars = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesAvatarsProps<StreamChatGenerics>,\n) => {\n  const { ImageComponent } = useChatContext();\n\n  return <MessageRepliesAvatarsWithContext {...props} ImageComponent={ImageComponent} />;\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","avatarContainer","alignItems","flexDirection","paddingTop","topAvatar","position","MessageRepliesAvatarsWithContext","props","alignment","ImageComponent","message","useTheme","theme","white_snow","colors","messageSimple","replies","avatar","avatarContainerMultiple","avatarContainerSingle","avatarSize","leftAvatarsContainer","rightAvatarsContainer","avatars","thread_participants","slice","hasMoreThanOneReply","length","marginLeft","map","user","i","id","paddingLeft","borderColor","borderWidth","image","name","MessageRepliesAvatars","useChatContext"],"sources":["MessageRepliesAvatars.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { ChatContextValue, useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { Avatar } from '../../Avatar/Avatar';\n\nconst styles = StyleSheet.create({\n  avatarContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingTop: 2,\n  },\n  topAvatar: {\n    paddingTop: 2,\n    position: 'absolute',\n  },\n});\n\nexport type MessageRepliesAvatarsProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'>;\n\nexport const MessageRepliesAvatarsWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesAvatarsProps<StreamChatGenerics> & Pick<ChatContextValue, 'ImageComponent'>,\n) => {\n  const { alignment, ImageComponent, message } = props;\n\n  const {\n    theme: {\n      colors: { white_snow },\n      messageSimple: {\n        replies: {\n          avatar,\n          avatarContainerMultiple,\n          avatarContainerSingle,\n          avatarSize,\n          leftAvatarsContainer,\n          rightAvatarsContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const avatars = message.thread_participants?.slice(-2) || [];\n  const hasMoreThanOneReply = avatars.length > 1;\n\n  return (\n    <View\n      style={[\n        styles.avatarContainer,\n        alignment === 'right' ? { marginLeft: 8, ...rightAvatarsContainer } : leftAvatarsContainer,\n      ]}\n    >\n      {avatars.map((user, i) => (\n        <View\n          key={user.id}\n          style={\n            i === 1\n              ? { ...styles.topAvatar, ...avatarContainerSingle }\n              : {\n                  paddingLeft: hasMoreThanOneReply ? 8 : 0,\n                  ...avatarContainerMultiple,\n                }\n          }\n        >\n          <Avatar\n            containerStyle={[\n              i === 1 && {\n                borderColor: white_snow,\n                borderWidth: 1,\n              },\n              avatar,\n            ]}\n            image={user.image}\n            ImageComponent={ImageComponent}\n            name={user.name}\n            size={avatarSize ? avatarSize : i === 1 ? 18 : 16}\n          />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport const MessageRepliesAvatars = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesAvatarsProps<StreamChatGenerics>,\n) => {\n  const { ImageComponent } = useChatContext();\n\n  return <MessageRepliesAvatarsWithContext {...props} ImageComponent={ImageComponent} />;\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAEA;AAGA;AAA6C;EAAA;AAE7C,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAMK,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAgC,CAG3CC,KAAgG,EAC7F;EAAA;EACH,IAAQC,SAAS,GAA8BD,KAAK,CAA5CC,SAAS;IAAEC,cAAc,GAAcF,KAAK,CAAjCE,cAAc;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAE1C,gBAcI,IAAAC,sBAAQ,GAAE;IAAA,4BAbZC,KAAK;IACOC,UAAU,mBAApBC,MAAM,CAAID,UAAU;IAAA,wCACpBE,aAAa,CACXC,OAAO;IACLC,MAAM,yBAANA,MAAM;IACNC,uBAAuB,yBAAvBA,uBAAuB;IACvBC,qBAAqB,yBAArBA,qBAAqB;IACrBC,UAAU,yBAAVA,UAAU;IACVC,oBAAoB,yBAApBA,oBAAoB;IACpBC,qBAAqB,yBAArBA,qBAAqB;EAM7B,IAAMC,OAAO,GAAG,0BAAAb,OAAO,CAACc,mBAAmB,qBAA3B,sBAA6BC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAI,EAAE;EAC5D,IAAMC,mBAAmB,GAAGH,OAAO,CAACI,MAAM,GAAG,CAAC;EAE9C,OACE,gCAAC,iBAAI;IACH,KAAK,EAAE,CACL9B,MAAM,CAACG,eAAe,EACtBQ,SAAS,KAAK,OAAO;MAAKoB,UAAU,EAAE;IAAC,GAAKN,qBAAqB,IAAKD,oBAAoB,CAC1F;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAEDE,OAAO,CAACM,GAAG,CAAC,UAACC,IAAI,EAAEC,CAAC;IAAA,OACnB,gCAAC,iBAAI;MACH,GAAG,EAAED,IAAI,CAACE,EAAG;MACb,KAAK,EACHD,CAAC,KAAK,CAAC,iCACElC,MAAM,CAACO,SAAS,EAAKe,qBAAqB;QAE7Cc,WAAW,EAAEP,mBAAmB,GAAG,CAAC,GAAG;MAAC,GACrCR,uBAAuB,CAEjC;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAED,gCAAC,cAAM;MACL,cAAc,EAAE,CACda,CAAC,KAAK,CAAC,IAAI;QACTG,WAAW,EAAErB,UAAU;QACvBsB,WAAW,EAAE;MACf,CAAC,EACDlB,MAAM,CACN;MACF,KAAK,EAAEa,IAAI,CAACM,KAAM;MAClB,cAAc,EAAE3B,cAAe;MAC/B,IAAI,EAAEqB,IAAI,CAACO,IAAK;MAChB,IAAI,EAAEjB,UAAU,GAAGA,UAAU,GAAGW,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAG;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAClD,CACG;EAAA,CACR,CAAC,CACG;AAEX,CAAC;AAAC;AAEK,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqB,CAGhC/B,KAAqD,EAClD;EACH,sBAA2B,IAAAgC,2BAAc,GAAE;IAAnC9B,cAAc,mBAAdA,cAAc;EAEtB,OAAO,gCAAC,gCAAgC,gCAAKF,KAAK;IAAE,cAAc,EAAEE,cAAe;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAG;AACxF,CAAC;AAAC"}

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

@@ -1,66 +1,54 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageSimple = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
-
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageSimple.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageSimple.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'flex-end',
     flexDirection: 'row'
   }
 });
-
 var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
   var _channel$state$messag;
-
   var alignment = props.alignment,
-      channel = props.channel,
-      enableMessageGroupingByUser = props.enableMessageGroupingByUser,
-      groupStyles = props.groupStyles,
-      hasReactions = props.hasReactions,
-      message = props.message,
-      MessageAvatar = props.MessageAvatar,
-      MessageContent = props.MessageContent,
-      MessagePinnedHeader = props.MessagePinnedHeader,
-      ReactionList = props.ReactionList;
-
+    channel = props.channel,
+    enableMessageGroupingByUser = props.enableMessageGroupingByUser,
+    groupStyles = props.groupStyles,
+    hasReactions = props.hasReactions,
+    message = props.message,
+    MessageAvatar = props.MessageAvatar,
+    MessageContent = props.MessageContent,
+    MessagePinnedHeader = props.MessagePinnedHeader,
+    ReactionList = props.ReactionList;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      container = _useTheme.theme.messageSimple.container;
-
+    container = _useTheme.theme.messageSimple.container;
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      messageContentWidth = _useState2[0],
-      setMessageContentWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    messageContentWidth = _useState2[0],
+    setMessageContentWidth = _useState2[1];
   var isVeryLastMessage = (channel == null ? void 0 : (_channel$state$messag = channel.state.messages[(channel == null ? void 0 : channel.state.messages.length) - 1]) == null ? void 0 : _channel$state$messag.id) === message.id;
   var hasMarginBottom = groupStyles.includes('single') || groupStyles.includes('bottom');
   var showReactions = hasReactions && ReactionList;
-  return _react["default"].createElement(_react["default"].Fragment, null, message.pinned && _react["default"].createElement(MessagePinnedHeader, {
+  return _react["default"].createElement(_react["default"].Fragment, {
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 5
+    }
+  }, message.pinned && _react["default"].createElement(MessagePinnedHeader, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
@@ -105,18 +93,16 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
     }
   })));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevMessage$quoted_m, _nextMessage$quoted_m, _prevMessage$quoted_m2, _nextMessage$quoted_m2;
-
   var prevChannel = prevProps.channel,
-      prevGroupStyles = prevProps.groupStyles,
-      prevHasReactions = prevProps.hasReactions,
-      prevMessage = prevProps.message;
+    prevGroupStyles = prevProps.groupStyles,
+    prevHasReactions = prevProps.hasReactions,
+    prevMessage = prevProps.message;
   var nextChannel = nextProps.channel,
-      nextGroupStyles = nextProps.groupStyles,
-      nextHasReactions = nextProps.hasReactions,
-      nextMessage = nextProps.message;
+    nextGroupStyles = nextProps.groupStyles,
+    nextHasReactions = nextProps.hasReactions,
+    nextMessage = nextProps.message;
   var hasReactionsEqual = prevHasReactions === nextHasReactions;
   if (!hasReactionsEqual) return false;
   var repliesEqual = prevMessage.reply_count === nextMessage.reply_count;
@@ -142,31 +128,26 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!attachmentsEqual) return false;
   var latestReactionsEqual = Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions) ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length && prevMessage.latest_reactions.every(function (_ref, index) {
     var _nextMessage$latest_r;
-
     var type = _ref.type;
     return type === ((_nextMessage$latest_r = nextMessage.latest_reactions) == null ? void 0 : _nextMessage$latest_r[index].type);
   }) : prevMessage.latest_reactions === nextMessage.latest_reactions;
   if (!latestReactionsEqual) return false;
   return true;
 };
-
 var MemoizedMessageSimple = _react["default"].memo(MessageSimpleWithContext, areEqual);
-
 var MessageSimple = function MessageSimple(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      alignment = _useMessageContext.alignment,
-      channel = _useMessageContext.channel,
-      groupStyles = _useMessageContext.groupStyles,
-      hasReactions = _useMessageContext.hasReactions,
-      message = _useMessageContext.message;
-
+    alignment = _useMessageContext.alignment,
+    channel = _useMessageContext.channel,
+    groupStyles = _useMessageContext.groupStyles,
+    hasReactions = _useMessageContext.hasReactions,
+    message = _useMessageContext.message;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      enableMessageGroupingByUser = _useMessagesContext.enableMessageGroupingByUser,
-      MessageAvatar = _useMessagesContext.MessageAvatar,
-      MessageContent = _useMessagesContext.MessageContent,
-      MessagePinnedHeader = _useMessagesContext.MessagePinnedHeader,
-      ReactionList = _useMessagesContext.ReactionList;
-
+    enableMessageGroupingByUser = _useMessagesContext.enableMessageGroupingByUser,
+    MessageAvatar = _useMessagesContext.MessageAvatar,
+    MessageContent = _useMessagesContext.MessageContent,
+    MessagePinnedHeader = _useMessagesContext.MessagePinnedHeader,
+    ReactionList = _useMessagesContext.ReactionList;
   return _react["default"].createElement(MemoizedMessageSimple, (0, _extends2["default"])({
     alignment: alignment,
     channel: channel,
@@ -187,7 +168,6 @@ var MessageSimple = function MessageSimple(props) {
     }
   }));
 };
-
 exports.MessageSimple = MessageSimple;
 MessageSimple.displayName = 'MessageSimple{messageSimple{container}}';
 //# sourceMappingURL=MessageSimple.js.map

package/lib/module/components/Message/MessageSimple/MessageSimple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageSimple.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","MessageSimpleWithContext","props","alignment","channel","enableMessageGroupingByUser","groupStyles","hasReactions","message","MessageAvatar","MessageContent","MessagePinnedHeader","ReactionList","theme","messageSimple","messageContentWidth","setMessageContentWidth","isVeryLastMessage","state","messages","length","id","hasMarginBottom","includes","showReactions","pinned","justifyContent","marginBottom","marginTop","areEqual","prevProps","nextProps","prevChannel","prevGroupStyles","prevHasReactions","prevMessage","nextChannel","nextGroupStyles","nextHasReactions","nextMessage","hasReactionsEqual","repliesEqual","reply_count","groupStylesEqual","JSON","stringify","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","messageEqual","status","text","isPrevQuotedMessageTypeDeleted","quoted_message","isNextQuotedMessageTypeDeleted","quotedMessageEqual","channelEqual","prevMessageAttachments","attachments","nextMessageAttachments","attachmentsEqual","Array","isArray","every","attachment","index","attachmentKeysEqual","image_url","og_scrape_url","thumb_url","latestReactionsEqual","latest_reactions","MemoizedMessageSimple","React","memo","MessageSimple","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n  },\n});\n\nexport type MessageSimplePropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  'alignment' | 'channel' | 'groupStyles' | 'hasReactions' | 'message'\n> &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'enableMessageGroupingByUser'\n    | 'MessageAvatar'\n    | 'MessageContent'\n    | 'MessagePinnedHeader'\n    | 'ReactionList'\n  >;\n\nconst MessageSimpleWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageSimplePropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    channel,\n    enableMessageGroupingByUser,\n    groupStyles,\n    hasReactions,\n    message,\n    MessageAvatar,\n    MessageContent,\n    MessagePinnedHeader,\n    ReactionList,\n  } = props;\n\n  const {\n    theme: {\n      messageSimple: { container },\n    },\n  } = useTheme();\n\n  const [messageContentWidth, setMessageContentWidth] = useState(0);\n\n  const isVeryLastMessage =\n    channel?.state.messages[channel?.state.messages.length - 1]?.id === message.id;\n\n  const hasMarginBottom = groupStyles.includes('single') || groupStyles.includes('bottom');\n\n  const showReactions = hasReactions && ReactionList;\n\n  return (\n    <>\n      {message.pinned && <MessagePinnedHeader />}\n      <View\n        style={[\n          styles.container,\n          {\n            justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',\n            marginBottom: hasMarginBottom\n              ? isVeryLastMessage && enableMessageGroupingByUser\n                ? 30\n                : 8\n              : 0,\n            marginTop: showReactions ? 2 : 0,\n          },\n          container,\n        ]}\n        testID='message-simple-wrapper'\n      >\n        {alignment === 'left' && <MessageAvatar />}\n        <MessageContent setMessageContentWidth={setMessageContentWidth} />\n        {showReactions && <ReactionList messageContentWidth={messageContentWidth} />}\n      </View>\n    </>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageSimplePropsWithContext<StreamChatGenerics>,\n  nextProps: MessageSimplePropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    channel: prevChannel,\n    groupStyles: prevGroupStyles,\n    hasReactions: prevHasReactions,\n    message: prevMessage,\n  } = prevProps;\n  const {\n    channel: nextChannel,\n    groupStyles: nextGroupStyles,\n    hasReactions: nextHasReactions,\n    message: nextMessage,\n  } = nextProps;\n\n  const hasReactionsEqual = prevHasReactions === nextHasReactions;\n  if (!hasReactionsEqual) return false;\n\n  const repliesEqual = prevMessage.reply_count === nextMessage.reply_count;\n  if (!repliesEqual) return false;\n\n  const groupStylesEqual = JSON.stringify(prevGroupStyles) === JSON.stringify(nextGroupStyles);\n  if (!groupStylesEqual) return false;\n\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.text === nextMessage.text &&\n    prevMessage.pinned === nextMessage.pinned;\n  if (!messageEqual) return false;\n\n  const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';\n  const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';\n\n  const quotedMessageEqual =\n    prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&\n    isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;\n\n  if (!quotedMessageEqual) return false;\n\n  const channelEqual = prevChannel?.state.messages.length === nextChannel?.state.messages.length;\n  if (!channelEqual) return false;\n\n  const prevMessageAttachments = prevMessage.attachments;\n  const nextMessageAttachments = nextMessage.attachments;\n  const attachmentsEqual =\n    Array.isArray(prevMessageAttachments) && Array.isArray(nextMessageAttachments)\n      ? prevMessageAttachments.length === nextMessageAttachments.length &&\n        prevMessageAttachments.every((attachment, index) => {\n          const attachmentKeysEqual =\n            attachment.image_url === nextMessageAttachments[index].image_url &&\n            attachment.og_scrape_url === nextMessageAttachments[index].og_scrape_url &&\n            attachment.thumb_url === nextMessageAttachments[index].thumb_url;\n\n          return attachmentKeysEqual;\n        })\n      : prevMessageAttachments === nextMessageAttachments;\n  if (!attachmentsEqual) return false;\n\n  const latestReactionsEqual =\n    Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)\n      ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length &&\n        prevMessage.latest_reactions.every(\n          ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,\n        )\n      : prevMessage.latest_reactions === nextMessage.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageSimple = React.memo(\n  MessageSimpleWithContext,\n  areEqual,\n) as typeof MessageSimpleWithContext;\n\nexport type MessageSimpleProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessageSimplePropsWithContext<StreamChatGenerics>>;\n\n/**\n *\n * Message UI component\n */\nexport const MessageSimple = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageSimpleProps<StreamChatGenerics>,\n) => {\n  const { alignment, channel, groupStyles, hasReactions, message } =\n    useMessageContext<StreamChatGenerics>();\n  const {\n    enableMessageGroupingByUser,\n    MessageAvatar,\n    MessageContent,\n    MessagePinnedHeader,\n    ReactionList,\n  } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedMessageSimple<StreamChatGenerics>\n      {...{\n        alignment,\n        channel,\n        enableMessageGroupingByUser,\n        groupStyles,\n        hasReactions,\n        message,\n        MessageAvatar,\n        MessageContent,\n        MessagePinnedHeader,\n        ReactionList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageSimple.displayName = 'MessageSimple{messageSimple{container}}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","flexDirection","MessageSimpleWithContext","props","alignment","channel","enableMessageGroupingByUser","groupStyles","hasReactions","message","MessageAvatar","MessageContent","MessagePinnedHeader","ReactionList","useTheme","theme","messageSimple","useState","messageContentWidth","setMessageContentWidth","isVeryLastMessage","state","messages","length","id","hasMarginBottom","includes","showReactions","pinned","justifyContent","marginBottom","marginTop","areEqual","prevProps","nextProps","prevChannel","prevGroupStyles","prevHasReactions","prevMessage","nextChannel","nextGroupStyles","nextHasReactions","nextMessage","hasReactionsEqual","repliesEqual","reply_count","groupStylesEqual","JSON","stringify","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","messageEqual","status","text","isPrevQuotedMessageTypeDeleted","quoted_message","isNextQuotedMessageTypeDeleted","quotedMessageEqual","channelEqual","prevMessageAttachments","attachments","nextMessageAttachments","attachmentsEqual","Array","isArray","every","attachment","index","attachmentKeysEqual","image_url","og_scrape_url","thumb_url","latestReactionsEqual","latest_reactions","MemoizedMessageSimple","React","memo","MessageSimple","useMessageContext","useMessagesContext","displayName"],"sources":["MessageSimple.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n  },\n});\n\nexport type MessageSimplePropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  'alignment' | 'channel' | 'groupStyles' | 'hasReactions' | 'message'\n> &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'enableMessageGroupingByUser'\n    | 'MessageAvatar'\n    | 'MessageContent'\n    | 'MessagePinnedHeader'\n    | 'ReactionList'\n  >;\n\nconst MessageSimpleWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageSimplePropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    channel,\n    enableMessageGroupingByUser,\n    groupStyles,\n    hasReactions,\n    message,\n    MessageAvatar,\n    MessageContent,\n    MessagePinnedHeader,\n    ReactionList,\n  } = props;\n\n  const {\n    theme: {\n      messageSimple: { container },\n    },\n  } = useTheme();\n\n  const [messageContentWidth, setMessageContentWidth] = useState(0);\n\n  const isVeryLastMessage =\n    channel?.state.messages[channel?.state.messages.length - 1]?.id === message.id;\n\n  const hasMarginBottom = groupStyles.includes('single') || groupStyles.includes('bottom');\n\n  const showReactions = hasReactions && ReactionList;\n\n  return (\n    <>\n      {message.pinned && <MessagePinnedHeader />}\n      <View\n        style={[\n          styles.container,\n          {\n            justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',\n            marginBottom: hasMarginBottom\n              ? isVeryLastMessage && enableMessageGroupingByUser\n                ? 30\n                : 8\n              : 0,\n            marginTop: showReactions ? 2 : 0,\n          },\n          container,\n        ]}\n        testID='message-simple-wrapper'\n      >\n        {alignment === 'left' && <MessageAvatar />}\n        <MessageContent setMessageContentWidth={setMessageContentWidth} />\n        {showReactions && <ReactionList messageContentWidth={messageContentWidth} />}\n      </View>\n    </>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageSimplePropsWithContext<StreamChatGenerics>,\n  nextProps: MessageSimplePropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    channel: prevChannel,\n    groupStyles: prevGroupStyles,\n    hasReactions: prevHasReactions,\n    message: prevMessage,\n  } = prevProps;\n  const {\n    channel: nextChannel,\n    groupStyles: nextGroupStyles,\n    hasReactions: nextHasReactions,\n    message: nextMessage,\n  } = nextProps;\n\n  const hasReactionsEqual = prevHasReactions === nextHasReactions;\n  if (!hasReactionsEqual) return false;\n\n  const repliesEqual = prevMessage.reply_count === nextMessage.reply_count;\n  if (!repliesEqual) return false;\n\n  const groupStylesEqual = JSON.stringify(prevGroupStyles) === JSON.stringify(nextGroupStyles);\n  if (!groupStylesEqual) return false;\n\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.text === nextMessage.text &&\n    prevMessage.pinned === nextMessage.pinned;\n  if (!messageEqual) return false;\n\n  const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';\n  const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';\n\n  const quotedMessageEqual =\n    prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&\n    isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;\n\n  if (!quotedMessageEqual) return false;\n\n  const channelEqual = prevChannel?.state.messages.length === nextChannel?.state.messages.length;\n  if (!channelEqual) return false;\n\n  const prevMessageAttachments = prevMessage.attachments;\n  const nextMessageAttachments = nextMessage.attachments;\n  const attachmentsEqual =\n    Array.isArray(prevMessageAttachments) && Array.isArray(nextMessageAttachments)\n      ? prevMessageAttachments.length === nextMessageAttachments.length &&\n        prevMessageAttachments.every((attachment, index) => {\n          const attachmentKeysEqual =\n            attachment.image_url === nextMessageAttachments[index].image_url &&\n            attachment.og_scrape_url === nextMessageAttachments[index].og_scrape_url &&\n            attachment.thumb_url === nextMessageAttachments[index].thumb_url;\n\n          return attachmentKeysEqual;\n        })\n      : prevMessageAttachments === nextMessageAttachments;\n  if (!attachmentsEqual) return false;\n\n  const latestReactionsEqual =\n    Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)\n      ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length &&\n        prevMessage.latest_reactions.every(\n          ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,\n        )\n      : prevMessage.latest_reactions === nextMessage.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageSimple = React.memo(\n  MessageSimpleWithContext,\n  areEqual,\n) as typeof MessageSimpleWithContext;\n\nexport type MessageSimpleProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessageSimplePropsWithContext<StreamChatGenerics>>;\n\n/**\n *\n * Message UI component\n */\nexport const MessageSimple = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageSimpleProps<StreamChatGenerics>,\n) => {\n  const { alignment, channel, groupStyles, hasReactions, message } =\n    useMessageContext<StreamChatGenerics>();\n  const {\n    enableMessageGroupingByUser,\n    MessageAvatar,\n    MessageContent,\n    MessagePinnedHeader,\n    ReactionList,\n  } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedMessageSimple<StreamChatGenerics>\n      {...{\n        alignment,\n        channel,\n        enableMessageGroupingByUser,\n        groupStyles,\n        hasReactions,\n        message,\n        MessageAvatar,\n        MessageContent,\n        MessagePinnedHeader,\n        ReactionList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageSimple.displayName = 'MessageSimple{messageSimple{container}}';\n"],"mappings":"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"}