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

package/lib/module/components/MessageList/MessageSystem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageSystem.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","justifyContent","marginBottom","line","flex","height","text","fontSize","fontWeight","textAlign","textContainer","marginTop","MessageSystem","props","formatDate","message","style","theme","colors","grey","grey_whisper","messageList","messageSystem","dateText","tDateTimeParser","createdAt","created_at","parsedDate","date","calendar","toUpperCase","backgroundColor","color","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  TDateTimeParserInput,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\n\nimport type { MessageType } from './hooks/useMessageList';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    marginBottom: 10,\n  },\n  line: {\n    flex: 1,\n    height: 0.5,\n  },\n  text: {\n    fontSize: 10,\n    fontWeight: 'bold',\n    textAlign: 'center',\n  },\n  textContainer: {\n    flex: 3,\n    marginTop: 10,\n  },\n});\n\nexport type MessageSystemProps<\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  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  /**\n   * Formatter function for date object.\n   *\n   * @param date TDateTimeParserInput object of message\n   * @returns string\n   */\n  formatDate?: (date: TDateTimeParserInput) => string;\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * A component to display system message. e.g, when someone updates the channel,\n * they can attach a message with that update. That message will be available\n * in message list as (type) system message.\n */\nexport const MessageSystem = <\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: MessageSystemProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { formatDate, message, style } = props;\n\n  const {\n    theme: {\n      colors: { grey, grey_whisper },\n      messageList: {\n        messageSystem: { container, dateText, line, text, textContainer },\n      },\n    },\n  } = useTheme();\n  const { tDateTimeParser } = useTranslationContext();\n\n  const createdAt = message.created_at;\n  const parsedDate = tDateTimeParser(createdAt);\n  const date =\n    formatDate && createdAt\n      ? formatDate(createdAt)\n      : parsedDate && isDayOrMoment(parsedDate)\n      ? parsedDate.calendar().toUpperCase()\n      : parsedDate;\n\n  return (\n    <View style={[styles.container, style, container]} testID='message-system'>\n      <View style={[styles.line, { backgroundColor: grey_whisper }, line]} />\n      <View style={[styles.textContainer, textContainer]}>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {message.text?.toUpperCase() || ''}\n        </Text>\n        <Text style={[styles.text, { color: grey }, dateText]}>{date}</Text>\n      </View>\n      <View style={[styles.line, { backgroundColor: grey_whisper }, line]} />\n    </View>\n  );\n};\n\nMessageSystem.displayName = 'MessageSystem{messageList{messageSystem}}';\n"]}
+{"version":3,"sources":["MessageSystem.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","justifyContent","marginBottom","line","flex","height","text","fontSize","fontWeight","textAlign","textContainer","marginTop","MessageSystem","props","formatDate","message","style","theme","colors","grey","grey_whisper","messageList","messageSystem","dateText","tDateTimeParser","createdAt","created_at","parsedDate","date","calendar","toUpperCase","backgroundColor","color","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';\n\nimport type { MessageType } from './hooks/useMessageList';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  TDateTimeParserInput,\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    justifyContent: 'center',\n    marginBottom: 10,\n  },\n  line: {\n    flex: 1,\n    height: 0.5,\n  },\n  text: {\n    fontSize: 10,\n    fontWeight: 'bold',\n    textAlign: 'center',\n  },\n  textContainer: {\n    flex: 3,\n    marginTop: 10,\n  },\n});\n\nexport type MessageSystemProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<StreamChatGenerics>;\n  /**\n   * Formatter function for date object.\n   *\n   * @param date TDateTimeParserInput object of message\n   * @returns string\n   */\n  formatDate?: (date: TDateTimeParserInput) => string;\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * A component to display system message. e.g, when someone updates the channel,\n * they can attach a message with that update. That message will be available\n * in message list as (type) system message.\n */\nexport const MessageSystem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageSystemProps<StreamChatGenerics>,\n) => {\n  const { formatDate, message, style } = props;\n\n  const {\n    theme: {\n      colors: { grey, grey_whisper },\n      messageList: {\n        messageSystem: { container, dateText, line, text, textContainer },\n      },\n    },\n  } = useTheme();\n  const { tDateTimeParser } = useTranslationContext();\n\n  const createdAt = message.created_at;\n  const parsedDate = tDateTimeParser(createdAt);\n  const date =\n    formatDate && createdAt\n      ? formatDate(createdAt)\n      : parsedDate && isDayOrMoment(parsedDate)\n      ? parsedDate.calendar().toUpperCase()\n      : parsedDate;\n\n  return (\n    <View style={[styles.container, style, container]} testID='message-system'>\n      <View style={[styles.line, { backgroundColor: grey_whisper }, line]} />\n      <View style={[styles.textContainer, textContainer]}>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {message.text?.toUpperCase() || ''}\n        </Text>\n        <Text style={[styles.text, { color: grey }, dateText]}>{date}</Text>\n      </View>\n      <View style={[styles.line, { backgroundColor: grey_whisper }, line]} />\n    </View>\n  );\n};\n\nMessageSystem.displayName = 'MessageSystem{messageList{messageSystem}}';\n"]}

package/lib/module/components/MessageList/TypingIndicator.js

@@ -11,10 +11,10 @@ var _reactNative = require("react-native");
 
 var _useTypingString = require("./hooks/useTypingString");
 
-var _LoadingDots = require("../Indicators/LoadingDots");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
+var _LoadingDots = require("../Indicators/LoadingDots");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/TypingIndicator.tsx";
 
@@ -52,7 +52,7 @@ var TypingIndicator = function TypingIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 38,
       columnNumber: 5
     }
   }, _react["default"].createElement(_LoadingDots.LoadingDots, {
@@ -60,7 +60,7 @@ var TypingIndicator = function TypingIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 42,
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNative.Text, {
@@ -70,7 +70,7 @@ var TypingIndicator = function TypingIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 43,
       columnNumber: 7
     }
   }, typingString));

package/lib/module/components/MessageList/TypingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TypingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","height","justifyContent","loadingDots","marginLeft","typingText","TypingIndicator","theme","colors","grey","white_snow","typingIndicator","text","typingString","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,aAAa,EAAE,KAFN;AAGTC,IAAAA,MAAM,EAAE,EAHC;AAITC,IAAAA,cAAc,EAAE;AAJP,GADoB;AAO/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE;AADD,GAPkB;AAU/BC,EAAAA,UAAU,EAAE;AACVD,IAAAA,UAAU,EAAE;AADF;AAVmB,CAAlB,CAAf;;AAeO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,GAQxB;AACL,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,IAFd,yBAEcA,IAFd;AAAA,MAEoBC,UAFpB,yBAEoBA,UAFpB;AAAA,8CAGIC,eAHJ;AAAA,MAGuBb,SAHvB,yBAGuBA,SAHvB;AAAA,MAGkCc,IAHlC,yBAGkCA,IAHlC;;AAMA,MAAMC,YAAY,GAAG,uCAArB;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAAClB,MAAM,CAACG,SAAR,EAAmB;AAAEgB,MAAAA,eAAe,EAAKJ,UAAL;AAAjB,KAAnB,EAA2DZ,SAA3D,CADT;AAEE,IAAA,MAAM,EAAC,kBAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,wBAAD;AAAa,IAAA,KAAK,EAAEH,MAAM,CAACQ,WAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJF,EAKE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACR,MAAM,CAACU,UAAR,EAAoB;AAAEU,MAAAA,KAAK,EAAEN;AAAT,KAApB,EAAqCG,IAArC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA0DC,YAA1D,CALF,CADF;AASD,CA1BM;;;AA4BPP,eAAe,CAACU,WAAhB,GAA8B,kCAA9B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTypingString } from './hooks/useTypingString';\n\nimport { LoadingDots } from '../Indicators/LoadingDots';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 24,\n    justifyContent: 'flex-start',\n  },\n  loadingDots: {\n    marginLeft: 8,\n  },\n  typingText: {\n    marginLeft: 8,\n  },\n});\n\nexport const TypingIndicator = <\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 DefaultUserType = DefaultUserType,\n>() => {\n  const {\n    theme: {\n      colors: { grey, white_snow },\n      typingIndicator: { container, text },\n    },\n  } = useTheme();\n  const typingString = useTypingString<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <View\n      style={[styles.container, { backgroundColor: `${white_snow}E6` }, container]}\n      testID='typing-indicator'\n    >\n      <LoadingDots style={styles.loadingDots} />\n      <Text style={[styles.typingText, { color: grey }, text]}>{typingString}</Text>\n    </View>\n  );\n};\n\nTypingIndicator.displayName = 'TypingIndicator{typingIndicator}';\n"]}
+{"version":3,"sources":["TypingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","height","justifyContent","loadingDots","marginLeft","typingText","TypingIndicator","theme","colors","grey","white_snow","typingIndicator","text","typingString","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAGA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,aAAa,EAAE,KAFN;AAGTC,IAAAA,MAAM,EAAE,EAHC;AAITC,IAAAA,cAAc,EAAE;AAJP,GADoB;AAO/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE;AADD,GAPkB;AAU/BC,EAAAA,UAAU,EAAE;AACVD,IAAAA,UAAU,EAAE;AADF;AAVmB,CAAlB,CAAf;;AAeO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,GAExB;AACL,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,IAFd,yBAEcA,IAFd;AAAA,MAEoBC,UAFpB,yBAEoBA,UAFpB;AAAA,8CAGIC,eAHJ;AAAA,MAGuBb,SAHvB,yBAGuBA,SAHvB;AAAA,MAGkCc,IAHlC,yBAGkCA,IAHlC;;AAMA,MAAMC,YAAY,GAAG,uCAArB;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAAClB,MAAM,CAACG,SAAR,EAAmB;AAAEgB,MAAAA,eAAe,EAAKJ,UAAL;AAAjB,KAAnB,EAA2DZ,SAA3D,CADT;AAEE,IAAA,MAAM,EAAC,kBAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,wBAAD;AAAa,IAAA,KAAK,EAAEH,MAAM,CAACQ,WAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJF,EAKE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACR,MAAM,CAACU,UAAR,EAAoB;AAAEU,MAAAA,KAAK,EAAEN;AAAT,KAApB,EAAqCG,IAArC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA0DC,YAA1D,CALF,CADF;AASD,CApBM;;;AAsBPP,eAAe,CAACU,WAAhB,GAA8B,kCAA9B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTypingString } from './hooks/useTypingString';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { LoadingDots } from '../Indicators/LoadingDots';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 24,\n    justifyContent: 'flex-start',\n  },\n  loadingDots: {\n    marginLeft: 8,\n  },\n  typingText: {\n    marginLeft: 8,\n  },\n});\n\nexport const TypingIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const {\n    theme: {\n      colors: { grey, white_snow },\n      typingIndicator: { container, text },\n    },\n  } = useTheme();\n  const typingString = useTypingString<StreamChatGenerics>();\n\n  return (\n    <View\n      style={[styles.container, { backgroundColor: `${white_snow}E6` }, container]}\n      testID='typing-indicator'\n    >\n      <LoadingDots style={styles.loadingDots} />\n      <Text style={[styles.typingText, { color: grey }, text]}>{typingString}</Text>\n    </View>\n  );\n};\n\nTypingIndicator.displayName = 'TypingIndicator{typingIndicator}';\n"]}

package/lib/module/components/MessageList/TypingIndicatorContainer.js

@@ -57,7 +57,7 @@ var TypingIndicatorContainerWithContext = function TypingIndicatorContainerWithC
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 46,
       columnNumber: 5
     }
   }, children);
@@ -81,7 +81,7 @@ var TypingIndicatorContainer = function TypingIndicatorContainer(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 65,
       columnNumber: 10
     }
   }));

package/lib/module/components/MessageList/TypingIndicatorContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TypingIndicatorContainer.tsx"],"names":["styles","StyleSheet","create","container","bottom","position","width","TypingIndicatorContainerWithContext","props","children","client","thread","typing","typingIndicatorContainer","theme","messageList","typingUsers","length","TypingIndicatorContainer","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,MAAM,EAAE,CADC;AAETC,IAAAA,QAAQ,EAAE,UAFD;AAGTC,IAAAA,KAAK,EAAE;AAHE;AADoB,CAAlB,CAAf;;AAoBA,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAsC,CAS1CC,KAT0C,EAUvC;AACH,MAAQC,QAAR,GAA6CD,KAA7C,CAAQC,QAAR;AAAA,MAAkBC,MAAlB,GAA6CF,KAA7C,CAAkBE,MAAlB;AAAA,MAA0BC,MAA1B,GAA6CH,KAA7C,CAA0BG,MAA1B;AAAA,MAAkCC,MAAlC,GAA6CJ,KAA7C,CAAkCI,MAAlC;;AAEA,kBAII,6BAJJ;AAAA,MAEmBC,wBAFnB,aACEC,KADF,CAEIC,WAFJ,CAEmBF,wBAFnB;;AAKA,MAAMG,WAAW,GAAG,0CAAkB;AAAEN,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,MAAM,EAANA,MAAV;AAAkBC,IAAAA,MAAM,EAANA;AAAlB,GAAlB,CAApB;;AAEA,MAAI,CAACI,WAAW,CAACC,MAAjB,EAAyB;AACvB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACjB,MAAM,CAACG,SAAR,EAAmBU,wBAAnB,CAAb;AAA2D,IAAA,MAAM,EAAC,4BAAlE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGJ,QADH,CADF;AAKD,CA7BD;;AAyCO,IAAMS,wBAAwB,GAAG,SAA3BA,wBAA2B,CAStCV,KATsC,EAUnC;AACH,0BAAmB,sCAAnB;AAAA,MAAQI,MAAR,qBAAQA,MAAR;;AACA,wBAAmB,kCAAnB;AAAA,MAAQF,MAAR,mBAAQA,MAAR;;AACA,0BAAmB,sCAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AAEA,SAAO,gCAAC,mCAAD;AAA2CD,IAAAA,MAAM,EAANA,MAA3C;AAAmDC,IAAAA,MAAM,EAANA,MAAnD;AAA2DC,IAAAA,MAAM,EAANA;AAA3D,KAAyEJ,KAAzE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CAhBM;;;AAkBPU,wBAAwB,CAACC,WAAzB,GACE,iEADF","sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { filterTypingUsers } from './utils/filterTypingUsers';\n\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport { TypingContextValue, useTypingContext } from '../../contexts/typingContext/TypingContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    bottom: 0,\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\ntype TypingIndicatorContainerPropsWithContext<\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 DefaultUserType = DefaultUserType,\n> = Pick<TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'typing'> &\n  Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> &\n  Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'thread'>;\n\nconst TypingIndicatorContainerWithContext = <\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 DefaultUserType = DefaultUserType,\n>(\n  props: PropsWithChildren<TypingIndicatorContainerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>,\n) => {\n  const { children, client, thread, typing } = props;\n\n  const {\n    theme: {\n      messageList: { typingIndicatorContainer },\n    },\n  } = useTheme();\n  const typingUsers = filterTypingUsers({ client, thread, typing });\n\n  if (!typingUsers.length) {\n    return null;\n  }\n\n  return (\n    <View style={[styles.container, typingIndicatorContainer]} testID='typing-indicator-container'>\n      {children}\n    </View>\n  );\n};\n\nexport type TypingIndicatorContainerProps<\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 DefaultUserType = DefaultUserType,\n> = Partial<TypingIndicatorContainerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const TypingIndicatorContainer = <\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 DefaultUserType = DefaultUserType,\n>(\n  props: PropsWithChildren<TypingIndicatorContainerProps<At, Ch, Co, Ev, Me, Re, Us>>,\n) => {\n  const { typing } = useTypingContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { thread } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <TypingIndicatorContainerWithContext {...{ client, thread, typing }} {...props} />;\n};\n\nTypingIndicatorContainer.displayName =\n  'TypingIndicatorContainer{messageList{typingIndicatorContainer}}';\n"]}
+{"version":3,"sources":["TypingIndicatorContainer.tsx"],"names":["styles","StyleSheet","create","container","bottom","position","width","TypingIndicatorContainerWithContext","props","children","client","thread","typing","typingIndicatorContainer","theme","messageList","typingUsers","length","TypingIndicatorContainer","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,MAAM,EAAE,CADC;AAETC,IAAAA,QAAQ,EAAE,UAFD;AAGTC,IAAAA,KAAK,EAAE;AAHE;AADoB,CAAlB,CAAf;;AAcA,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAsC,CAG1CC,KAH0C,EAIvC;AACH,MAAQC,QAAR,GAA6CD,KAA7C,CAAQC,QAAR;AAAA,MAAkBC,MAAlB,GAA6CF,KAA7C,CAAkBE,MAAlB;AAAA,MAA0BC,MAA1B,GAA6CH,KAA7C,CAA0BG,MAA1B;AAAA,MAAkCC,MAAlC,GAA6CJ,KAA7C,CAAkCI,MAAlC;;AAEA,kBAII,6BAJJ;AAAA,MAEmBC,wBAFnB,aACEC,KADF,CAEIC,WAFJ,CAEmBF,wBAFnB;;AAKA,MAAMG,WAAW,GAAG,0CAAkB;AAAEN,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,MAAM,EAANA,MAAV;AAAkBC,IAAAA,MAAM,EAANA;AAAlB,GAAlB,CAApB;;AAEA,MAAI,CAACI,WAAW,CAACC,MAAjB,EAAyB;AACvB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACjB,MAAM,CAACG,SAAR,EAAmBU,wBAAnB,CAAb;AAA2D,IAAA,MAAM,EAAC,4BAAlE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGJ,QADH,CADF;AAKD,CAvBD;;AA6BO,IAAMS,wBAAwB,GAAG,SAA3BA,wBAA2B,CAGtCV,KAHsC,EAInC;AACH,0BAAmB,sCAAnB;AAAA,MAAQI,MAAR,qBAAQA,MAAR;;AACA,wBAAmB,kCAAnB;AAAA,MAAQF,MAAR,mBAAQA,MAAR;;AACA,0BAAmB,sCAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AAEA,SAAO,gCAAC,mCAAD;AAA2CD,IAAAA,MAAM,EAANA,MAA3C;AAAmDC,IAAAA,MAAM,EAANA,MAAnD;AAA2DC,IAAAA,MAAM,EAANA;AAA3D,KAAyEJ,KAAzE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CAVM;;;AAYPU,wBAAwB,CAACC,WAAzB,GACE,iEADF","sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { filterTypingUsers } from './utils/filterTypingUsers';\n\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport { TypingContextValue, useTypingContext } from '../../contexts/typingContext/TypingContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    bottom: 0,\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\ntype TypingIndicatorContainerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<TypingContextValue<StreamChatGenerics>, 'typing'> &\n  Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>;\n\nconst TypingIndicatorContainerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<TypingIndicatorContainerPropsWithContext<StreamChatGenerics>>,\n) => {\n  const { children, client, thread, typing } = props;\n\n  const {\n    theme: {\n      messageList: { typingIndicatorContainer },\n    },\n  } = useTheme();\n  const typingUsers = filterTypingUsers({ client, thread, typing });\n\n  if (!typingUsers.length) {\n    return null;\n  }\n\n  return (\n    <View style={[styles.container, typingIndicatorContainer]} testID='typing-indicator-container'>\n      {children}\n    </View>\n  );\n};\n\nexport type TypingIndicatorContainerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<TypingIndicatorContainerPropsWithContext<StreamChatGenerics>>;\n\nexport const TypingIndicatorContainer = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<TypingIndicatorContainerProps<StreamChatGenerics>>,\n) => {\n  const { typing } = useTypingContext<StreamChatGenerics>();\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { thread } = useThreadContext<StreamChatGenerics>();\n\n  return <TypingIndicatorContainerWithContext {...{ client, thread, typing }} {...props} />;\n};\n\nTypingIndicatorContainer.displayName =\n  'TypingIndicatorContainer{messageList{typingIndicatorContainer}}';\n"]}

package/lib/module/components/MessageList/hooks/useMessageList.js

@@ -7,20 +7,20 @@ exports.useMessageList = exports.isMessageWithStylesReadByAndDateSeparator = voi
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _getDateSeparators = require("../utils/getDateSeparators");
-
-var _getGroupStyles = require("../utils/getGroupStyles");
-
-var _getReadStates = require("../utils/getReadStates");
+var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
 
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
 
-var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
-
 var _PaginatedMessageListContext = require("../../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
 
 var _ThreadContext = require("../../../contexts/threadContext/ThreadContext");
 
+var _getDateSeparators = require("../utils/getDateSeparators");
+
+var _getGroupStyles = require("../utils/getGroupStyles");
+
+var _getReadStates = require("../utils/getReadStates");
+
 var isMessageWithStylesReadByAndDateSeparator = function isMessageWithStylesReadByAndDateSeparator(message) {
   return message.readBy !== undefined;
 };

package/lib/module/components/MessageList/hooks/useMessageList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useMessageList.ts"],"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","deletedMessagesVisibilityType","inverted","noGroupByUser","threadList","client","hideDateSeparators","maxTimeBetweenGroupedMessages","read","messages","threadMessages","messageList","readList","dateSeparators","userId","userID","messageGroupStyles","readData","messagesWithStylesReadByAndDateSeparator","filter","msg","isMessageTypeDeleted","type","user","id","map","dateSeparator","groupStyles","reverse"],"mappings":"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","sourcesContent":["import { getDateSeparators } from '../utils/getDateSeparators';\nimport { getGroupStyles } from '../utils/getGroupStyles';\nimport { getReadStates } from '../utils/getReadStates';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../../contexts/channelContext/ChannelContext';\nimport { usePaginatedMessageListContext } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\n\nimport type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nexport type UseMessageListParams = {\n  deletedMessagesVisibilityType?: 'always' | 'never' | 'receiver' | 'sender';\n  inverted?: boolean;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = 'bottom' | 'middle' | 'single' | 'top';\n\nexport type MessagesWithStylesReadByAndDateSeparator<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = MessageResponse<At, Ch, Co, Me, Re, Us> & {\n  groupStyles: GroupType[];\n  readBy: boolean | number;\n  dateSeparator?: Date;\n};\n\nexport type MessageType<\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  | ReturnType<ChannelState<At, Ch, Co, Ev, Me, Re, Us>['formatMessage']>\n  | MessagesWithStylesReadByAndDateSeparator<At, Ch, Co, Me, Re, Us>;\n\n// Type guards to check MessageType\nexport const isMessageWithStylesReadByAndDateSeparator = <\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  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>,\n): message is MessagesWithStylesReadByAndDateSeparator<At, Ch, Co, Me, Re, Us> =>\n  (message as MessagesWithStylesReadByAndDateSeparator<At, Ch, Co, Me, Re, Us>).readBy !==\n  undefined;\n\nexport const useMessageList = <\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  params: UseMessageListParams,\n) => {\n  const { deletedMessagesVisibilityType, inverted, noGroupByUser, threadList } = params;\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { messages } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { threadMessages } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const messageList = threadList ? threadMessages : messages;\n  const readList: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['read'] | undefined = threadList\n    ? undefined\n    : read;\n\n  const dateSeparators = getDateSeparators<At, Ch, Co, Ev, Me, Re, Us>({\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getGroupStyles<At, Ch, Co, Ev, Me, Re, Us>({\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages: messageList,\n    noGroupByUser,\n    userId: client.userID,\n  });\n\n  const readData = getReadStates(client.userID, messageList, readList);\n\n  const messagesWithStylesReadByAndDateSeparator = messageList\n    .filter((msg) => {\n      const isMessageTypeDeleted = msg.type === 'deleted';\n      if (deletedMessagesVisibilityType === 'sender') {\n        return !isMessageTypeDeleted || msg.user?.id === client.userID;\n      } else if (deletedMessagesVisibilityType === 'receiver') {\n        return !isMessageTypeDeleted || msg.user?.id !== client.userID;\n      } else if (deletedMessagesVisibilityType === 'never') {\n        return !isMessageTypeDeleted;\n      } else {\n        return msg;\n      }\n    })\n    .map((msg) => ({\n      ...msg,\n      dateSeparator: dateSeparators[msg.id] || undefined,\n      groupStyles: messageGroupStyles[msg.id] || ['single'],\n      readBy: msg.id ? readData[msg.id] || false : false,\n    }));\n\n  return (\n    inverted\n      ? messagesWithStylesReadByAndDateSeparator.reverse()\n      : messagesWithStylesReadByAndDateSeparator\n  ) as MessageType<At, Ch, Co, Ev, Me, Re, Us>[];\n};\n"]}
+{"version":3,"sources":["useMessageList.ts"],"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","deletedMessagesVisibilityType","inverted","noGroupByUser","threadList","client","hideDateSeparators","maxTimeBetweenGroupedMessages","read","messages","threadMessages","messageList","readList","dateSeparators","userId","userID","messageGroupStyles","readData","messagesWithStylesReadByAndDateSeparator","filter","msg","isMessageTypeDeleted","type","user","id","map","dateSeparator","groupStyles","reverse"],"mappings":"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","sourcesContent":["import type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport { usePaginatedMessageListContext } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { getDateSeparators } from '../utils/getDateSeparators';\nimport { getGroupStyles } from '../utils/getGroupStyles';\nimport { getReadStates } from '../utils/getReadStates';\n\nexport type UseMessageListParams = {\n  deletedMessagesVisibilityType?: 'always' | 'never' | 'receiver' | 'sender';\n  inverted?: boolean;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = 'bottom' | 'middle' | 'single' | 'top';\n\nexport type MessagesWithStylesReadByAndDateSeparator<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageResponse<StreamChatGenerics> & {\n  groupStyles: GroupType[];\n  readBy: boolean | number;\n  dateSeparator?: Date;\n};\n\nexport type MessageType<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> =\n  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n  | MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>;\n\n// Type guards to check MessageType\nexport const isMessageWithStylesReadByAndDateSeparator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: MessageType<StreamChatGenerics>,\n): message is MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics> =>\n  (message as MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>).readBy !== undefined;\n\nexport const useMessageList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: UseMessageListParams,\n) => {\n  const { deletedMessagesVisibilityType, inverted, noGroupByUser, threadList } = params;\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<StreamChatGenerics>();\n  const { messages } = usePaginatedMessageListContext<StreamChatGenerics>();\n  const { threadMessages } = useThreadContext<StreamChatGenerics>();\n\n  const messageList = threadList ? threadMessages : messages;\n  const readList: ChannelContextValue<StreamChatGenerics>['read'] | undefined = threadList\n    ? undefined\n    : read;\n\n  const dateSeparators = getDateSeparators<StreamChatGenerics>({\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getGroupStyles<StreamChatGenerics>({\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages: messageList,\n    noGroupByUser,\n    userId: client.userID,\n  });\n\n  const readData = getReadStates(client.userID, messageList, readList);\n\n  const messagesWithStylesReadByAndDateSeparator = messageList\n    .filter((msg) => {\n      const isMessageTypeDeleted = msg.type === 'deleted';\n      if (deletedMessagesVisibilityType === 'sender') {\n        return !isMessageTypeDeleted || msg.user?.id === client.userID;\n      } else if (deletedMessagesVisibilityType === 'receiver') {\n        return !isMessageTypeDeleted || msg.user?.id !== client.userID;\n      } else if (deletedMessagesVisibilityType === 'never') {\n        return !isMessageTypeDeleted;\n      } else {\n        return msg;\n      }\n    })\n    .map((msg) => ({\n      ...msg,\n      dateSeparator: dateSeparators[msg.id] || undefined,\n      groupStyles: messageGroupStyles[msg.id] || ['single'],\n      readBy: msg.id ? readData[msg.id] || false : false,\n    }));\n\n  return (\n    inverted\n      ? messagesWithStylesReadByAndDateSeparator.reverse()\n      : messagesWithStylesReadByAndDateSeparator\n  ) as MessageType<StreamChatGenerics>[];\n};\n"]}

package/lib/module/components/MessageList/hooks/useTypingString.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTypingString = void 0;
 
-var _filterTypingUsers = require("../utils/filterTypingUsers");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
 
 var _ThreadContext = require("../../../contexts/threadContext/ThreadContext");
@@ -13,6 +11,8 @@ var _TranslationContext = require("../../../contexts/translationContext/Translat
 
 var _TypingContext = require("../../../contexts/typingContext/TypingContext");
 
+var _filterTypingUsers = require("../utils/filterTypingUsers");
+
 var useTypingString = function useTypingString() {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
       client = _useChatContext.client;

package/lib/module/components/MessageList/hooks/useTypingString.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTypingString.ts"],"names":["useTypingString","client","thread","t","typing","filteredTypingUsers","length","user","firstUser","nonSelfUserLength"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAaO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAQxB;AACL,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AACA,0BAAmB,sCAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AACA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AACA,0BAAmB,sCAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AAEA,MAAMC,mBAAmB,GAAG,0CAAkB;AAAEJ,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,MAAM,EAANA,MAAV;AAAkBE,IAAAA,MAAM,EAANA;AAAlB,GAAlB,CAA5B;;AAEA,MAAIC,mBAAmB,CAACC,MAApB,KAA+B,CAAnC,EAAsC;AACpC,WAAOH,CAAC,CAAC,sBAAD,EAAyB;AAAEI,MAAAA,IAAI,EAAEF,mBAAmB,CAAC,CAAD;AAA3B,KAAzB,CAAR;AACD;;AAED,MAAIA,mBAAmB,CAACC,MAApB,GAA6B,CAAjC,EAAoC;AAKlC,WAAOH,CAAC,CAAC,6DAAD,EAAgE;AACtEK,MAAAA,SAAS,EAAEH,mBAAmB,CAAC,CAAD,CADwC;AAEtEI,MAAAA,iBAAiB,EAAEJ,mBAAmB,CAACC,MAApB,GAA6B;AAFsB,KAAhE,CAAR;AAID;;AAED,SAAO,EAAP;AACD,CAhCM","sourcesContent":["import { filterTypingUsers } from '../utils/filterTypingUsers';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { useTypingContext } from '../../../contexts/typingContext/TypingContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nexport const useTypingString = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { thread } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { t } = useTranslationContext();\n  const { typing } = useTypingContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const filteredTypingUsers = filterTypingUsers({ client, thread, typing });\n\n  if (filteredTypingUsers.length === 1) {\n    return t('{{ user }} is typing', { user: filteredTypingUsers[0] });\n  }\n\n  if (filteredTypingUsers.length > 1) {\n    /**\n     * Joins the multiple names with number after first name\n     * example: \"Dan and Neil\"\n     */\n    return t('{{ firstUser }} and {{ nonSelfUserLength }} more are typing', {\n      firstUser: filteredTypingUsers[0],\n      nonSelfUserLength: filteredTypingUsers.length - 1,\n    });\n  }\n\n  return '';\n};\n"]}
+{"version":3,"sources":["useTypingString.ts"],"names":["useTypingString","client","thread","t","typing","filteredTypingUsers","length","user","firstUser","nonSelfUserLength"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAGA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAExB;AACL,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AACA,0BAAmB,sCAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AACA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AACA,0BAAmB,sCAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AAEA,MAAMC,mBAAmB,GAAG,0CAAkB;AAAEJ,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,MAAM,EAANA,MAAV;AAAkBE,IAAAA,MAAM,EAANA;AAAlB,GAAlB,CAA5B;;AAEA,MAAIC,mBAAmB,CAACC,MAApB,KAA+B,CAAnC,EAAsC;AACpC,WAAOH,CAAC,CAAC,sBAAD,EAAyB;AAAEI,MAAAA,IAAI,EAAEF,mBAAmB,CAAC,CAAD;AAA3B,KAAzB,CAAR;AACD;;AAED,MAAIA,mBAAmB,CAACC,MAApB,GAA6B,CAAjC,EAAoC;AAKlC,WAAOH,CAAC,CAAC,6DAAD,EAAgE;AACtEK,MAAAA,SAAS,EAAEH,mBAAmB,CAAC,CAAD,CADwC;AAEtEI,MAAAA,iBAAiB,EAAEJ,mBAAmB,CAACC,MAApB,GAA6B;AAFsB,KAAhE,CAAR;AAID;;AAED,SAAO,EAAP;AACD,CA1BM","sourcesContent":["import { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { useTypingContext } from '../../../contexts/typingContext/TypingContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { filterTypingUsers } from '../utils/filterTypingUsers';\n\nexport const useTypingString = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { thread } = useThreadContext<StreamChatGenerics>();\n  const { t } = useTranslationContext();\n  const { typing } = useTypingContext<StreamChatGenerics>();\n\n  const filteredTypingUsers = filterTypingUsers({ client, thread, typing });\n\n  if (filteredTypingUsers.length === 1) {\n    return t('{{ user }} is typing', { user: filteredTypingUsers[0] });\n  }\n\n  if (filteredTypingUsers.length > 1) {\n    /**\n     * Joins the multiple names with number after first name\n     * example: \"Dan and Neil\"\n     */\n    return t('{{ firstUser }} and {{ nonSelfUserLength }} more are typing', {\n      firstUser: filteredTypingUsers[0],\n      nonSelfUserLength: filteredTypingUsers.length - 1,\n    });\n  }\n\n  return '';\n};\n"]}

package/lib/module/components/MessageList/utils/filterTypingUsers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["filterTypingUsers.ts"],"names":["filterTypingUsers","client","thread","typing","nonSelfUsers","user","typingKeys","Object","keys","forEach","typingKey","id","isRegularEvent","parent_id","isCurrentThreadEvent","name","push"],"mappings":";;;;;AA0BO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAY0B;AAAA,MAHzDC,MAGyD,QAHzDA,MAGyD;AAAA,MAFzDC,MAEyD,QAFzDA,MAEyD;AAAA,MADzDC,MACyD,QADzDA,MACyD;AACzD,MAAMC,YAAsB,GAAG,EAA/B;AAEA,MAAI,CAACH,MAAD,IAAW,CAACA,MAAM,CAACI,IAAnB,IAA2B,CAACF,MAAhC,EAAwC,OAAOC,YAAP;AAExC,MAAME,UAAU,GAAGC,MAAM,CAACC,IAAP,CAAYL,MAAZ,CAAnB;AAEAG,EAAAA,UAAU,CAACG,OAAX,CAAmB,UAACC,SAAD,EAAe;AAAA;;AAChC,QAAI,CAACP,MAAM,CAACO,SAAD,CAAX,EAAwB;;AAGxB,QAAI,iBAAAT,MAAM,CAACI,IAAP,kCAAaM,EAAb,gCAAoBR,MAAM,CAACO,SAAD,CAAN,CAAkBL,IAAtC,qBAAoB,sBAAwBM,EAA5C,CAAJ,EAAoD;AAClD;AACD;;AAED,QAAMC,cAAc,GAAG,CAACT,MAAM,CAACO,SAAD,CAAN,CAAkBG,SAAnB,IAAgC,EAACX,MAAD,YAACA,MAAM,CAAES,EAAT,CAAvD;AACA,QAAMG,oBAAoB,GAAGX,MAAM,CAACO,SAAD,CAAN,CAAkBG,SAAlB,MAAgCX,MAAhC,oBAAgCA,MAAM,CAAES,EAAxC,CAA7B;;AAGA,QAAI,CAACC,cAAD,IAAmB,CAACE,oBAAxB,EAA8C;AAC5C;AACD;;AAED,QAAMT,IAAI,GAAG,2BAAAF,MAAM,CAACO,SAAD,CAAN,CAAkBL,IAAlB,4CAAwBU,IAAxB,gCAAgCZ,MAAM,CAACO,SAAD,CAAN,CAAkBL,IAAlD,qBAAgC,uBAAwBM,EAAxD,CAAb;;AACA,QAAIN,IAAJ,EAAU;AACRD,MAAAA,YAAY,CAACY,IAAb,CAAkBX,IAAlB;AACD;AACF,GApBD;AAsBA,SAAOD,YAAP;AACD,CA1CM","sourcesContent":["import type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { TypingContextValue } from '../../../contexts/typingContext/TypingContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\ntype FilterTypingUsersParams<\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<TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'typing'> &\n  Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> &\n  Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'thread'>;\n\nexport const filterTypingUsers = <\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  client,\n  thread,\n  typing,\n}: FilterTypingUsersParams<At, Ch, Co, Ev, Me, Re, Us>) => {\n  const nonSelfUsers: string[] = [];\n\n  if (!client || !client.user || !typing) return nonSelfUsers;\n\n  const typingKeys = Object.keys(typing);\n\n  typingKeys.forEach((typingKey) => {\n    if (!typing[typingKey]) return;\n\n    /** removes own typing events */\n    if (client.user?.id === typing[typingKey].user?.id) {\n      return;\n    }\n\n    const isRegularEvent = !typing[typingKey].parent_id && !thread?.id;\n    const isCurrentThreadEvent = typing[typingKey].parent_id === thread?.id;\n\n    /** filters different threads events */\n    if (!isRegularEvent && !isCurrentThreadEvent) {\n      return;\n    }\n\n    const user = typing[typingKey].user?.name || typing[typingKey].user?.id;\n    if (user) {\n      nonSelfUsers.push(user);\n    }\n  });\n\n  return nonSelfUsers;\n};\n"]}
+{"version":3,"sources":["filterTypingUsers.ts"],"names":["filterTypingUsers","client","thread","typing","nonSelfUsers","user","typingKeys","Object","keys","forEach","typingKey","id","isRegularEvent","parent_id","isCurrentThreadEvent","name","push"],"mappings":";;;;;AAWO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAMkB;AAAA,MAHjDC,MAGiD,QAHjDA,MAGiD;AAAA,MAFjDC,MAEiD,QAFjDA,MAEiD;AAAA,MADjDC,MACiD,QADjDA,MACiD;AACjD,MAAMC,YAAsB,GAAG,EAA/B;AAEA,MAAI,CAACH,MAAD,IAAW,CAACA,MAAM,CAACI,IAAnB,IAA2B,CAACF,MAAhC,EAAwC,OAAOC,YAAP;AAExC,MAAME,UAAU,GAAGC,MAAM,CAACC,IAAP,CAAYL,MAAZ,CAAnB;AAEAG,EAAAA,UAAU,CAACG,OAAX,CAAmB,UAACC,SAAD,EAAe;AAAA;;AAChC,QAAI,CAACP,MAAM,CAACO,SAAD,CAAX,EAAwB;;AAGxB,QAAI,iBAAAT,MAAM,CAACI,IAAP,kCAAaM,EAAb,gCAAoBR,MAAM,CAACO,SAAD,CAAN,CAAkBL,IAAtC,qBAAoB,sBAAwBM,EAA5C,CAAJ,EAAoD;AAClD;AACD;;AAED,QAAMC,cAAc,GAAG,CAACT,MAAM,CAACO,SAAD,CAAN,CAAkBG,SAAnB,IAAgC,EAACX,MAAD,YAACA,MAAM,CAAES,EAAT,CAAvD;AACA,QAAMG,oBAAoB,GAAGX,MAAM,CAACO,SAAD,CAAN,CAAkBG,SAAlB,MAAgCX,MAAhC,oBAAgCA,MAAM,CAAES,EAAxC,CAA7B;;AAGA,QAAI,CAACC,cAAD,IAAmB,CAACE,oBAAxB,EAA8C;AAC5C;AACD;;AAED,QAAMT,IAAI,GAAG,2BAAAF,MAAM,CAACO,SAAD,CAAN,CAAkBL,IAAlB,4CAAwBU,IAAxB,gCAAgCZ,MAAM,CAACO,SAAD,CAAN,CAAkBL,IAAlD,qBAAgC,uBAAwBM,EAAxD,CAAb;;AACA,QAAIN,IAAJ,EAAU;AACRD,MAAAA,YAAY,CAACY,IAAb,CAAkBX,IAAlB;AACD;AACF,GApBD;AAsBA,SAAOD,YAAP;AACD,CApCM","sourcesContent":["import type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { TypingContextValue } from '../../../contexts/typingContext/TypingContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype FilterTypingUsersParams<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<TypingContextValue<StreamChatGenerics>, 'typing'> &\n  Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>;\n\nexport const filterTypingUsers = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  thread,\n  typing,\n}: FilterTypingUsersParams<StreamChatGenerics>) => {\n  const nonSelfUsers: string[] = [];\n\n  if (!client || !client.user || !typing) return nonSelfUsers;\n\n  const typingKeys = Object.keys(typing);\n\n  typingKeys.forEach((typingKey) => {\n    if (!typing[typingKey]) return;\n\n    /** removes own typing events */\n    if (client.user?.id === typing[typingKey].user?.id) {\n      return;\n    }\n\n    const isRegularEvent = !typing[typingKey].parent_id && !thread?.id;\n    const isCurrentThreadEvent = typing[typingKey].parent_id === thread?.id;\n\n    /** filters different threads events */\n    if (!isRegularEvent && !isCurrentThreadEvent) {\n      return;\n    }\n\n    const user = typing[typingKey].user?.name || typing[typingKey].user?.id;\n    if (user) {\n      nonSelfUsers.push(user);\n    }\n  });\n\n  return nonSelfUsers;\n};\n"]}

package/lib/module/components/MessageList/utils/getDateSeparators.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getDateSeparators.ts"],"names":["getDateSeparators","params","hideDateSeparators","messages","userId","dateSeparators","messagesWithoutDeleted","filter","message","isMessageTypeDeleted","type","user","id","i","length","previousMessage","messageDate","created_at","getDay","prevMessageDate"],"mappings":";;;;;AAiCO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAS/BC,MAT+B,EAU5B;AACH,MAAQC,kBAAR,GAAiDD,MAAjD,CAAQC,kBAAR;AAAA,MAA4BC,QAA5B,GAAiDF,MAAjD,CAA4BE,QAA5B;AAAA,MAAsCC,MAAtC,GAAiDH,MAAjD,CAAsCG,MAAtC;AACA,MAAMC,cAA8B,GAAG,EAAvC;;AAEA,MAAIH,kBAAJ,EAAwB;AACtB,WAAOG,cAAP;AACD;;AAED,MAAMC,sBAAsB,GAAGH,QAAQ,CAACI,MAAT,CAAgB,UAACC,OAAD,EAAa;AAAA;;AAC1D,QAAMC,oBAAoB,GAAGD,OAAO,CAACE,IAAR,KAAiB,SAA9C;AACA,WAAO,CAACD,oBAAD,IAAyBL,MAAM,uBAAKI,OAAO,CAACG,IAAb,qBAAK,cAAcC,EAAnB,CAAtC;AACD,GAH8B,CAA/B;;AAKA,OAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGP,sBAAsB,CAACQ,MAA3C,EAAmDD,CAAC,EAApD,EAAwD;AACtD,QAAME,eAAe,GAAGT,sBAAsB,CAACO,CAAC,GAAG,CAAL,CAA9C;AACA,QAAML,OAAO,GAAGF,sBAAsB,CAACO,CAAD,CAAtC;AAEA,QAAMG,WAAW,GAAGR,OAAO,CAACS,UAAR,CAAmBC,MAAnB,EAApB;AAEA,QAAMC,eAAe,GAAGJ,eAAe,GAAGA,eAAe,CAACE,UAAhB,CAA2BC,MAA3B,EAAH,GAAyCF,WAAhF;;AAEA,QAAIH,CAAC,KAAK,CAAN,IAAWG,WAAW,KAAKG,eAA/B,EAAgD;AAC9Cd,MAAAA,cAAc,CAACG,OAAO,CAACI,EAAT,CAAd,GAA6BJ,OAAO,CAACS,UAArC;AACD;AACF;;AAED,SAAOZ,cAAP;AACD,CArCM","sourcesContent":["import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nexport type GetDateSeparatorsParams<\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:\n    | PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages']\n    | ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];\n  hideDateSeparators?: boolean;\n  userId?: string;\n};\n\nexport type DateSeparators = {\n  [key: string]: Date;\n};\n\nexport const getDateSeparators = <\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  params: GetDateSeparatorsParams<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { hideDateSeparators, messages, userId } = params;\n  const dateSeparators: DateSeparators = {};\n\n  if (hideDateSeparators) {\n    return dateSeparators;\n  }\n\n  const messagesWithoutDeleted = messages.filter((message) => {\n    const isMessageTypeDeleted = message.type === 'deleted';\n    return !isMessageTypeDeleted || userId === message.user?.id;\n  });\n\n  for (let i = 0; i < messagesWithoutDeleted.length; i++) {\n    const previousMessage = messagesWithoutDeleted[i - 1];\n    const message = messagesWithoutDeleted[i];\n\n    const messageDate = message.created_at.getDay();\n\n    const prevMessageDate = previousMessage ? previousMessage.created_at.getDay() : messageDate;\n\n    if (i === 0 || messageDate !== prevMessageDate) {\n      dateSeparators[message.id] = message.created_at;\n    }\n  }\n\n  return dateSeparators;\n};\n"]}
+{"version":3,"sources":["getDateSeparators.ts"],"names":["getDateSeparators","params","hideDateSeparators","messages","userId","dateSeparators","messagesWithoutDeleted","filter","message","isMessageTypeDeleted","type","user","id","i","length","previousMessage","messageDate","created_at","getDay","prevMessageDate"],"mappings":";;;;;AAkBO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAG/BC,MAH+B,EAI5B;AACH,MAAQC,kBAAR,GAAiDD,MAAjD,CAAQC,kBAAR;AAAA,MAA4BC,QAA5B,GAAiDF,MAAjD,CAA4BE,QAA5B;AAAA,MAAsCC,MAAtC,GAAiDH,MAAjD,CAAsCG,MAAtC;AACA,MAAMC,cAA8B,GAAG,EAAvC;;AAEA,MAAIH,kBAAJ,EAAwB;AACtB,WAAOG,cAAP;AACD;;AAED,MAAMC,sBAAsB,GAAGH,QAAQ,CAACI,MAAT,CAAgB,UAACC,OAAD,EAAa;AAAA;;AAC1D,QAAMC,oBAAoB,GAAGD,OAAO,CAACE,IAAR,KAAiB,SAA9C;AACA,WAAO,CAACD,oBAAD,IAAyBL,MAAM,uBAAKI,OAAO,CAACG,IAAb,qBAAK,cAAcC,EAAnB,CAAtC;AACD,GAH8B,CAA/B;;AAKA,OAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGP,sBAAsB,CAACQ,MAA3C,EAAmDD,CAAC,EAApD,EAAwD;AACtD,QAAME,eAAe,GAAGT,sBAAsB,CAACO,CAAC,GAAG,CAAL,CAA9C;AACA,QAAML,OAAO,GAAGF,sBAAsB,CAACO,CAAD,CAAtC;AAEA,QAAMG,WAAW,GAAGR,OAAO,CAACS,UAAR,CAAmBC,MAAnB,EAApB;AAEA,QAAMC,eAAe,GAAGJ,eAAe,GAAGA,eAAe,CAACE,UAAhB,CAA2BC,MAA3B,EAAH,GAAyCF,WAAhF;;AAEA,QAAIH,CAAC,KAAK,CAAN,IAAWG,WAAW,KAAKG,eAA/B,EAAgD;AAC9Cd,MAAAA,cAAc,CAACG,OAAO,CAACI,EAAT,CAAd,GAA6BJ,OAAO,CAACS,UAArC;AACD;AACF;;AAED,SAAOZ,cAAP;AACD,CA/BM","sourcesContent":["import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport type GetDateSeparatorsParams<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  messages:\n    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']\n    | ThreadContextValue<StreamChatGenerics>['threadMessages'];\n  hideDateSeparators?: boolean;\n  userId?: string;\n};\n\nexport type DateSeparators = {\n  [key: string]: Date;\n};\n\nexport const getDateSeparators = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: GetDateSeparatorsParams<StreamChatGenerics>,\n) => {\n  const { hideDateSeparators, messages, userId } = params;\n  const dateSeparators: DateSeparators = {};\n\n  if (hideDateSeparators) {\n    return dateSeparators;\n  }\n\n  const messagesWithoutDeleted = messages.filter((message) => {\n    const isMessageTypeDeleted = message.type === 'deleted';\n    return !isMessageTypeDeleted || userId === message.user?.id;\n  });\n\n  for (let i = 0; i < messagesWithoutDeleted.length; i++) {\n    const previousMessage = messagesWithoutDeleted[i - 1];\n    const message = messagesWithoutDeleted[i];\n\n    const messageDate = message.created_at.getDay();\n\n    const prevMessageDate = previousMessage ? previousMessage.created_at.getDay() : messageDate;\n\n    if (i === 0 || messageDate !== prevMessageDate) {\n      dateSeparators[message.id] = message.created_at;\n    }\n  }\n\n  return dateSeparators;\n};\n"]}

package/lib/module/components/MessageList/utils/getGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getGroupStyles.ts"],"names":["getGroupStyles","params","dateSeparators","hideDateSeparators","maxTimeBetweenGroupedMessages","messages","noGroupByUser","userId","messageGroupStyles","messagesFilteredForNonUser","filter","message","isMessageTypeDeleted","type","user","id","i","length","previousMessage","nextMessage","groupStyles","isPrevMessageTypeDeleted","isNextMessageTypeDeleted","isTopMessage","includes","isBottomMessage","undefined","created_at","getTime","push","splice"],"mappings":"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","sourcesContent":["import type { DateSeparators } from './getDateSeparators';\n\nimport type { GroupType } from '../hooks/useMessageList';\n\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nexport type GetGroupStylesParams<\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  dateSeparators: DateSeparators;\n  messages:\n    | PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages']\n    | ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];\n  hideDateSeparators?: boolean;\n  maxTimeBetweenGroupedMessages?: number;\n  noGroupByUser?: boolean;\n  userId?: string;\n};\n\nexport const getGroupStyles = <\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  params: GetGroupStylesParams<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages,\n    noGroupByUser,\n    userId,\n  } = params;\n\n  if (noGroupByUser) return {};\n\n  const messageGroupStyles: { [key: string]: GroupType[] } = {};\n\n  const messagesFilteredForNonUser = messages.filter((message) => {\n    const isMessageTypeDeleted = message.type === 'deleted';\n    return !isMessageTypeDeleted || userId === message.user?.id;\n  });\n\n  for (let i = 0; i < messagesFilteredForNonUser.length; i++) {\n    const previousMessage = messagesFilteredForNonUser[i - 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const message = messagesFilteredForNonUser[i];\n    const nextMessage = messagesFilteredForNonUser[i + 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const groupStyles: GroupType[] = [];\n\n    const isPrevMessageTypeDeleted = previousMessage?.type === 'deleted';\n    const isNextMessageTypeDeleted = nextMessage?.type === 'deleted';\n\n    const userId = message?.user?.id || null;\n\n    const isTopMessage =\n      !previousMessage ||\n      previousMessage.type === 'system' ||\n      userId !== previousMessage?.user?.id ||\n      previousMessage.type === 'error' ||\n      !!isPrevMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[message.id]) ||\n      messageGroupStyles[previousMessage.id]?.includes('bottom');\n\n    const isBottomMessage =\n      !nextMessage ||\n      nextMessage.type === 'system' ||\n      userId !== nextMessage?.user?.id ||\n      nextMessage.type === 'error' ||\n      !!isNextMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[nextMessage.id]) ||\n      (maxTimeBetweenGroupedMessages !== undefined &&\n        nextMessage.created_at.getTime() - message.created_at.getTime() >\n          maxTimeBetweenGroupedMessages);\n\n    /**\n     * Add group styles key for top message\n     */\n    if (isTopMessage) {\n      groupStyles.push('top');\n    }\n\n    /**\n     * Add group styles key for bottom message\n     */\n\n    const isMessageTypeDeleted = message.type === 'deleted';\n    if (isBottomMessage) {\n      /**\n       * If the bottom message is also the top, or deleted, or an error,\n       * add the key for single message instead of bottom\n       */\n      if (isTopMessage || isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.push('bottom');\n      }\n    }\n\n    /**\n     * Add the key for all non top or bottom messages, if the message is\n     * deleted or an error add the key for single otherwise middle\n     */\n    if (!isTopMessage && !isBottomMessage) {\n      if (isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('middle');\n      }\n    }\n\n    if (message.id) {\n      messageGroupStyles[message.id] = groupStyles;\n    }\n  }\n\n  return messageGroupStyles;\n};\n"]}
+{"version":3,"sources":["getGroupStyles.ts"],"names":["getGroupStyles","params","dateSeparators","hideDateSeparators","maxTimeBetweenGroupedMessages","messages","noGroupByUser","userId","messageGroupStyles","messagesFilteredForNonUser","filter","message","isMessageTypeDeleted","type","user","id","i","length","previousMessage","nextMessage","groupStyles","isPrevMessageTypeDeleted","isNextMessageTypeDeleted","isTopMessage","includes","isBottomMessage","undefined","created_at","getTime","push","splice"],"mappings":"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","sourcesContent":["import type { DateSeparators } from './getDateSeparators';\n\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { GroupType } from '../hooks/useMessageList';\n\nexport type GetGroupStylesParams<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  dateSeparators: DateSeparators;\n  messages:\n    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']\n    | ThreadContextValue<StreamChatGenerics>['threadMessages'];\n  hideDateSeparators?: boolean;\n  maxTimeBetweenGroupedMessages?: number;\n  noGroupByUser?: boolean;\n  userId?: string;\n};\n\nexport const getGroupStyles = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: GetGroupStylesParams<StreamChatGenerics>,\n) => {\n  const {\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages,\n    noGroupByUser,\n    userId,\n  } = params;\n\n  if (noGroupByUser) return {};\n\n  const messageGroupStyles: { [key: string]: GroupType[] } = {};\n\n  const messagesFilteredForNonUser = messages.filter((message) => {\n    const isMessageTypeDeleted = message.type === 'deleted';\n    return !isMessageTypeDeleted || userId === message.user?.id;\n  });\n\n  for (let i = 0; i < messagesFilteredForNonUser.length; i++) {\n    const previousMessage = messagesFilteredForNonUser[i - 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const message = messagesFilteredForNonUser[i];\n    const nextMessage = messagesFilteredForNonUser[i + 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const groupStyles: GroupType[] = [];\n\n    const isPrevMessageTypeDeleted = previousMessage?.type === 'deleted';\n    const isNextMessageTypeDeleted = nextMessage?.type === 'deleted';\n\n    const userId = message?.user?.id || null;\n\n    const isTopMessage =\n      !previousMessage ||\n      previousMessage.type === 'system' ||\n      userId !== previousMessage?.user?.id ||\n      previousMessage.type === 'error' ||\n      !!isPrevMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[message.id]) ||\n      messageGroupStyles[previousMessage.id]?.includes('bottom');\n\n    const isBottomMessage =\n      !nextMessage ||\n      nextMessage.type === 'system' ||\n      userId !== nextMessage?.user?.id ||\n      nextMessage.type === 'error' ||\n      !!isNextMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[nextMessage.id]) ||\n      (maxTimeBetweenGroupedMessages !== undefined &&\n        nextMessage.created_at.getTime() - message.created_at.getTime() >\n          maxTimeBetweenGroupedMessages);\n\n    /**\n     * Add group styles key for top message\n     */\n    if (isTopMessage) {\n      groupStyles.push('top');\n    }\n\n    /**\n     * Add group styles key for bottom message\n     */\n\n    const isMessageTypeDeleted = message.type === 'deleted';\n    if (isBottomMessage) {\n      /**\n       * If the bottom message is also the top, or deleted, or an error,\n       * add the key for single message instead of bottom\n       */\n      if (isTopMessage || isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.push('bottom');\n      }\n    }\n\n    /**\n     * Add the key for all non top or bottom messages, if the message is\n     * deleted or an error add the key for single otherwise middle\n     */\n    if (!isTopMessage && !isBottomMessage) {\n      if (isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('middle');\n      }\n    }\n\n    if (message.id) {\n      messageGroupStyles[message.id] = groupStyles;\n    }\n  }\n\n  return messageGroupStyles;\n};\n"]}

package/lib/module/components/MessageList/utils/getLastReceivedMessage.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getLastReceivedMessage = void 0;
 
+var _utils = require("../../../utils/utils");
+
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -13,7 +15,7 @@ var getLastReceivedMessage = function getLastReceivedMessage(messages) {
   for (var _iterator = _createForOfIteratorHelperLoose(messages), _step; !(_step = _iterator()).done;) {
     var _message = _step.value;
 
-    if ((_message == null ? void 0 : _message.status) === 'received' || (_message == null ? void 0 : _message.status) === 'sending') {
+    if ((_message == null ? void 0 : _message.status) === _utils.MessageStatusTypes.RECEIVED || (_message == null ? void 0 : _message.status) === _utils.MessageStatusTypes.SENDING) {
       return _message;
     }
   }

package/lib/module/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":";;;;;AACA;;;;;;;;AAIO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,QAHoC,EAIjC;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,CAlBM","sourcesContent":["import type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\n\nimport type { MessageType } from '../hooks/useMessageList';\n\nexport const getLastReceivedMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  messages: MessageType<StreamChatGenerics>[],\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/module/components/MessageList/utils/getReadStates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getReadStates.ts"],"names":["getReadStates","clientUserId","messages","read","readData","reduce","acc","cur","id","filteredMessagesReversed","filter","msg","updated_at","reverse","members","Object","values","memberReadCount","message","length","member","last_read","numberOfReads","keys","currentMessageReadData","userIndex","findIndex","user","splice"],"mappings":";;;;;;;;;;;AAcO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAS3BC,YAT2B,EAU3BC,QAV2B,EAa3BC,IAb2B,EAcxB;AACH,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,MAAT,CAAgB,UAACC,GAAD,EAAMC,GAAN,EAAc;AAC7C,QAAIA,GAAG,CAACC,EAAR,EAAY;AACVF,MAAAA,GAAG,CAACC,GAAG,CAACC,EAAL,CAAH,GAAc,KAAd;AACD;;AACD,WAAOF,GAAP;AACD,GALgB,EAKd,EALc,CAAjB;AAOA,MAAMG,wBAAwB,GAAGP,QAAQ,CAACQ,MAAT,CAAgB,UAACC,GAAD;AAAA,WAASA,GAAG,CAACC,UAAb;AAAA,GAAhB,EAAyCC,OAAzC,EAAjC;;AAEA,MAAIV,IAAJ,EAAU;AAIR,QAAIF,YAAJ,EAAkB;AAChB,aAAOE,IAAI,CAACF,YAAD,CAAX;AACD;;AACD,QAAMa,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcb,IAAd,CAAhB;AAKA,QAAIc,eAAe,GAAG,CAAtB;;AASA,yDAAsBR,wBAAtB,wCAAgD;AAAA,UAArCS,QAAqC;;AAM9C,UAAI,CAACJ,OAAO,CAACK,MAAb,EAAqB;AACnBf,QAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GAAuBS,eAAe,IAAI,IAA1C;AACD,OAFD,MAEO;AAAA,mCACMG,MADN;AAOH,cAAI,CAACA,MAAM,CAACC,SAAZ,EAAuB;AACrB;AACD;;AAOD,cAAIH,QAAO,CAACN,UAAR,GAAqBQ,MAAM,CAACC,SAAhC,EAA2C;AAKzC,gBAAMC,aAAa,GAAGP,MAAM,CAACQ,IAAP,CAAYpB,IAAZ,EAAkBgB,MAAxC;;AACA,gBAAIG,aAAa,KAAK,CAAtB,EAAyB;AACvBlB,cAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GAAuB,IAAvB;AACD,aAFD,MAEO;AACL,kBAAMgB,sBAAsB,GAAGpB,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAvC;AACAJ,cAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GACE,OAAOgB,sBAAP,KAAkC,SAAlC,GACIP,eAAe,GAAG,CADtB,GAEIO,sBAAsB,GAAG,CAH/B;AAID;;AACD,gBAAMC,SAAS,GAAGX,OAAO,CAACY,SAAR,CAAkB;AAAA;;AAAA,kBAAGC,IAAH,QAAGA,IAAH;AAAA,qBAAcA,IAAI,CAACnB,EAAL,sBAAYY,MAAM,CAACO,IAAnB,qBAAY,aAAanB,EAAzB,CAAd;AAAA,aAAlB,CAAlB;;AACA,gBAAIiB,SAAS,KAAK,CAAC,CAAnB,EAAsB;AACpBX,cAAAA,OAAO,CAACc,MAAR,CAAeH,SAAf,EAA0B,CAA1B;;AACA,kBAAIH,aAAa,GAAG,CAApB,EAAuB;AACrBL,gBAAAA,eAAe,IAAI,CAAnB;AACD;AACF;AACF;AAtCE;;AACL,8DAAqBH,OAArB,2CAA8B;AAAA,cAAnBM,MAAmB;;AAAA,2BAAnBA,MAAmB;;AAAA,mCAO1B;AA+BH;;AAOD,YAAIhB,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,KAAyB,KAA7B,EAAoC;AAClCJ,UAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GAAuBS,eAAe,IAAI,KAA1C;AACD;AACF;AACF;AACF;;AAED,SAAOb,QAAP;AACD,CA3GM","sourcesContent":["import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nexport const getReadStates = <\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  clientUserId: string | undefined,\n  messages:\n    | PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages']\n    | ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'],\n  read?: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['read'],\n) => {\n  const readData = messages.reduce((acc, cur) => {\n    if (cur.id) {\n      acc[cur.id] = false;\n    }\n    return acc;\n  }, {} as { [key: string]: boolean | number });\n\n  const filteredMessagesReversed = messages.filter((msg) => msg.updated_at).reverse();\n\n  if (read) {\n    /**\n     * Channel read state is stored by user and we only care about users who aren't the client\n     */\n    if (clientUserId) {\n      delete read[clientUserId];\n    }\n    const members = Object.values(read);\n\n    /**\n     * Track number of members who have read previous messages\n     */\n    let memberReadCount = 0;\n\n    /**\n     * Array is in reverse order so newest message is at 0,\n     * we find the index of the first message that is older\n     * than the last read and then set last read to that, or\n     * if there are no newer messages, the first message is\n     * last read message.\n     */\n    for (const message of filteredMessagesReversed) {\n      /**\n       * If all members are removed then they have read these\n       * messages. We do not increment memberReadCount for 1:1\n       * chats, so this should be true, not a number in that case.\n       */\n      if (!members.length) {\n        readData[message.id] = memberReadCount || true;\n      } else {\n        for (const member of members) {\n          /**\n           * If no last read continue, we can't remove the user\n           * because this would mark all messages in a new channel\n           * true until at least one other user reads a message.\n           */\n          if (!member.last_read) {\n            continue;\n          }\n\n          /**\n           * If there there is a last read message add the user\n           * to the array of last reads for that message and remove\n           * the user from the list of users being checked\n           */\n          if (message.updated_at < member.last_read) {\n            /**\n             * if this is a direct message the length will be 1\n             * as we already deleted the current user from the object\n             */\n            const numberOfReads = Object.keys(read).length;\n            if (numberOfReads === 1) {\n              readData[message.id] = true;\n            } else {\n              const currentMessageReadData = readData[message.id];\n              readData[message.id] =\n                typeof currentMessageReadData === 'boolean'\n                  ? memberReadCount + 1\n                  : currentMessageReadData + 1;\n            }\n            const userIndex = members.findIndex(({ user }) => user.id === member.user?.id);\n            if (userIndex !== -1) {\n              members.splice(userIndex, 1);\n              if (numberOfReads > 1) {\n                memberReadCount += 1;\n              }\n            }\n          }\n        }\n\n        /**\n         * If this is not the last message for a user this will still be\n         * set to false. But if other users have read further the number\n         * should be how many have read beyond this message.\n         */\n        if (readData[message.id] === false) {\n          readData[message.id] = memberReadCount || false;\n        }\n      }\n    }\n  }\n\n  return readData;\n};\n"]}
+{"version":3,"sources":["getReadStates.ts"],"names":["getReadStates","clientUserId","messages","read","readData","reduce","acc","cur","id","filteredMessagesReversed","filter","msg","updated_at","reverse","members","Object","values","memberReadCount","message","length","member","last_read","numberOfReads","keys","currentMessageReadData","userIndex","findIndex","user","splice"],"mappings":";;;;;;;;;;;AAKO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAG3BC,YAH2B,EAI3BC,QAJ2B,EAO3BC,IAP2B,EAQxB;AACH,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,MAAT,CAAgB,UAACC,GAAD,EAAMC,GAAN,EAAc;AAC7C,QAAIA,GAAG,CAACC,EAAR,EAAY;AACVF,MAAAA,GAAG,CAACC,GAAG,CAACC,EAAL,CAAH,GAAc,KAAd;AACD;;AACD,WAAOF,GAAP;AACD,GALgB,EAKd,EALc,CAAjB;AAOA,MAAMG,wBAAwB,GAAGP,QAAQ,CAACQ,MAAT,CAAgB,UAACC,GAAD;AAAA,WAASA,GAAG,CAACC,UAAb;AAAA,GAAhB,EAAyCC,OAAzC,EAAjC;;AAEA,MAAIV,IAAJ,EAAU;AAIR,QAAIF,YAAJ,EAAkB;AAChB,aAAOE,IAAI,CAACF,YAAD,CAAX;AACD;;AACD,QAAMa,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcb,IAAd,CAAhB;AAKA,QAAIc,eAAe,GAAG,CAAtB;;AASA,yDAAsBR,wBAAtB,wCAAgD;AAAA,UAArCS,QAAqC;;AAM9C,UAAI,CAACJ,OAAO,CAACK,MAAb,EAAqB;AACnBf,QAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GAAuBS,eAAe,IAAI,IAA1C;AACD,OAFD,MAEO;AAAA,mCACMG,MADN;AAOH,cAAI,CAACA,MAAM,CAACC,SAAZ,EAAuB;AACrB;AACD;;AAOD,cAAIH,QAAO,CAACN,UAAR,GAAqBQ,MAAM,CAACC,SAAhC,EAA2C;AAKzC,gBAAMC,aAAa,GAAGP,MAAM,CAACQ,IAAP,CAAYpB,IAAZ,EAAkBgB,MAAxC;;AACA,gBAAIG,aAAa,KAAK,CAAtB,EAAyB;AACvBlB,cAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GAAuB,IAAvB;AACD,aAFD,MAEO;AACL,kBAAMgB,sBAAsB,GAAGpB,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAvC;AACAJ,cAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GACE,OAAOgB,sBAAP,KAAkC,SAAlC,GACIP,eAAe,GAAG,CADtB,GAEIO,sBAAsB,GAAG,CAH/B;AAID;;AACD,gBAAMC,SAAS,GAAGX,OAAO,CAACY,SAAR,CAAkB;AAAA;;AAAA,kBAAGC,IAAH,QAAGA,IAAH;AAAA,qBAAcA,IAAI,CAACnB,EAAL,sBAAYY,MAAM,CAACO,IAAnB,qBAAY,aAAanB,EAAzB,CAAd;AAAA,aAAlB,CAAlB;;AACA,gBAAIiB,SAAS,KAAK,CAAC,CAAnB,EAAsB;AACpBX,cAAAA,OAAO,CAACc,MAAR,CAAeH,SAAf,EAA0B,CAA1B;;AACA,kBAAIH,aAAa,GAAG,CAApB,EAAuB;AACrBL,gBAAAA,eAAe,IAAI,CAAnB;AACD;AACF;AACF;AAtCE;;AACL,8DAAqBH,OAArB,2CAA8B;AAAA,cAAnBM,MAAmB;;AAAA,2BAAnBA,MAAmB;;AAAA,mCAO1B;AA+BH;;AAOD,YAAIhB,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,KAAyB,KAA7B,EAAoC;AAClCJ,UAAAA,QAAQ,CAACc,QAAO,CAACV,EAAT,CAAR,GAAuBS,eAAe,IAAI,KAA1C;AACD;AACF;AACF;AACF;;AAED,SAAOb,QAAP;AACD,CArGM","sourcesContent":["import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const getReadStates = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  clientUserId: string | undefined,\n  messages:\n    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']\n    | ThreadContextValue<StreamChatGenerics>['threadMessages'],\n  read?: ChannelContextValue<StreamChatGenerics>['read'],\n) => {\n  const readData = messages.reduce((acc, cur) => {\n    if (cur.id) {\n      acc[cur.id] = false;\n    }\n    return acc;\n  }, {} as { [key: string]: boolean | number });\n\n  const filteredMessagesReversed = messages.filter((msg) => msg.updated_at).reverse();\n\n  if (read) {\n    /**\n     * Channel read state is stored by user and we only care about users who aren't the client\n     */\n    if (clientUserId) {\n      delete read[clientUserId];\n    }\n    const members = Object.values(read);\n\n    /**\n     * Track number of members who have read previous messages\n     */\n    let memberReadCount = 0;\n\n    /**\n     * Array is in reverse order so newest message is at 0,\n     * we find the index of the first message that is older\n     * than the last read and then set last read to that, or\n     * if there are no newer messages, the first message is\n     * last read message.\n     */\n    for (const message of filteredMessagesReversed) {\n      /**\n       * If all members are removed then they have read these\n       * messages. We do not increment memberReadCount for 1:1\n       * chats, so this should be true, not a number in that case.\n       */\n      if (!members.length) {\n        readData[message.id] = memberReadCount || true;\n      } else {\n        for (const member of members) {\n          /**\n           * If no last read continue, we can't remove the user\n           * because this would mark all messages in a new channel\n           * true until at least one other user reads a message.\n           */\n          if (!member.last_read) {\n            continue;\n          }\n\n          /**\n           * If there there is a last read message add the user\n           * to the array of last reads for that message and remove\n           * the user from the list of users being checked\n           */\n          if (message.updated_at < member.last_read) {\n            /**\n             * if this is a direct message the length will be 1\n             * as we already deleted the current user from the object\n             */\n            const numberOfReads = Object.keys(read).length;\n            if (numberOfReads === 1) {\n              readData[message.id] = true;\n            } else {\n              const currentMessageReadData = readData[message.id];\n              readData[message.id] =\n                typeof currentMessageReadData === 'boolean'\n                  ? memberReadCount + 1\n                  : currentMessageReadData + 1;\n            }\n            const userIndex = members.findIndex(({ user }) => user.id === member.user?.id);\n            if (userIndex !== -1) {\n              members.splice(userIndex, 1);\n              if (numberOfReads > 1) {\n                memberReadCount += 1;\n              }\n            }\n          }\n        }\n\n        /**\n         * If this is not the last message for a user this will still be\n         * set to false. But if other users have read further the number\n         * should be how many have read beyond this message.\n         */\n        if (readData[message.id] === false) {\n          readData[message.id] = memberReadCount || false;\n        }\n      }\n    }\n  }\n\n  return readData;\n};\n"]}

package/lib/module/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,
@@ -100,7 +100,7 @@ var MessageActionListWithContext = function MessageActionListWithContext(props)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 109,
       columnNumber: 5
     }
   }, messageActions == null ? void 0 : messageActions.map(function (messageAction, index) {
@@ -113,7 +113,7 @@ var MessageActionListWithContext = function MessageActionListWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
+        lineNumber: 118,
         columnNumber: 9
       }
     }));
@@ -149,7 +149,7 @@ var MessageActionList = function MessageActionList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 169,
       columnNumber: 10
     }
   }));

package/lib/module/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":"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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 {\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 { DefaultStreamChatGenerics } 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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  OverlayProviderProps<StreamChatGenerics>,\n  | 'MessageActionListItem'\n  | 'error'\n  | 'isMyMessage'\n  | 'isThreadMessage'\n  | 'message'\n  | 'messageReactions'\n> &\n  Pick<MessageOverlayData<StreamChatGenerics>, 'alignment' | 'messageActions'> & {\n    showScreen: Animated.SharedValue<number>;\n  };\n\nconst MessageActionListWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListPropsWithContext<StreamChatGenerics>,\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 = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageActionListPropsWithContext<StreamChatGenerics>,\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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<MessageActionListPropsWithContext<StreamChatGenerics>, 'showScreen'>> &\n  Pick<\n    MessageActionListPropsWithContext<StreamChatGenerics>,\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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListProps<StreamChatGenerics>,\n) => {\n  const { data } = useMessageOverlayContext<StreamChatGenerics>();\n\n  const { alignment, messageActions } = data || {};\n\n  return <MemoizedMessageActionList {...{ alignment, messageActions }} {...props} />;\n};\n"]}

package/lib/module/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: 86,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -84,7 +84,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 87,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -92,7 +92,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 96,
       columnNumber: 9
     }
   }, icon), _react["default"].createElement(_reactNative.Text, {
@@ -102,7 +102,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 97,
       columnNumber: 9
     }
   }, title)));
@@ -121,8 +121,8 @@ var MessageActionListItem = function MessageActionListItem(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
-      columnNumber: 3
+      lineNumber: 124,
+      columnNumber: 6
     }
   }));
 };

package/lib/module/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":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;;;;AAGA,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;;AAwDA,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CAGvCC,KAHuC,EAIpC;AACH,MAAQC,MAAR,GAAuED,KAAvE,CAAQC,MAAR;AAAA,MAAgBC,UAAhB,GAAuEF,KAAvE,CAAgBE,UAAhB;AAAA,MAA4BC,IAA5B,GAAuEH,KAAvE,CAA4BG,IAA5B;AAAA,MAAkCC,KAAlC,GAAuEJ,KAAvE,CAAkCI,KAAlC;AAAA,MAAyCC,MAAzC,GAAuEL,KAAvE,CAAyCK,MAAzC;AAAA,MAAiDC,KAAjD,GAAuEN,KAAvE,CAAiDM,KAAjD;AAAA,MAAwDT,UAAxD,GAAuEG,KAAvE,CAAwDH,UAAxD;;AAEA,kBAKI,6BALJ;AAAA,kCACEU,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,MAFrB,yBAEqBA,MAFrB;AAAA,MAGeC,cAHf,mBAGIC,OAHJ,CAGeD,cAHf;;AAOA,8BAAiC,0DAA0B;AAAEV,IAAAA,MAAM,EAANA;AAAF,GAA1B,CAAjC;AAAA,MAAQY,aAAR,yBAAQA,aAAR;AAAA,MAAuBC,KAAvB,yBAAuBA,KAAvB;;AAEA,SACE,gCAAC,4CAAD;AAAmB,IAAA,oBAAoB,EAAEA,KAAzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iCAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CACLjC,MAAM,CAACS,GADF,EAELc,KAAK,KAAKC,MAAM,GAAG,CAAnB,iCAA4BxB,MAAM,CAACG,YAAnC;AAAiD+B,MAAAA,iBAAiB,EAAEL;AAApE,SAA+E,EAF1E,EAGLG,aAHK,EAILF,cAAc,CAACK,eAJV,CADT;AAOE,IAAA,MAAM,EAAKd,UAAL,eAPR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KASE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAES,cAAc,CAACR,IAA5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAmCA,IAAnC,CATF,EAUE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACtB,MAAM,CAACgB,UAAR,EAAoBc,cAAc,CAACL,KAAnC,EAA0C;AAAEW,MAAAA,KAAK,EAAER;AAAT,KAA1C,EAA4DZ,UAA5D,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGS,KADH,CAVF,CADF,CADF;AAkBD,CAlCD;;AAoCA,IAAMY,oBAAoB,GAAG,SAAvBA,oBAAuB,CAG3BC,SAH2B,EAI3BC,SAJ2B;AAAA,SAKxBD,SAAS,CAACd,MAAV,KAAqBe,SAAS,CAACf,MALP;AAAA,CAA7B;;AAOO,IAAMgB,6BAA6B,GAAGC,kBAAMC,IAAN,CAC3CxB,gCAD2C,EAE3CmB,oBAF2C,CAAtC;;;;AAQA,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAwB,CAGnCxB,KAHmC;AAAA,SAIhC,gCAAC,6BAAD,gCAAmCA,KAAnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAJgC;AAAA,CAA9B","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 type { DefaultStreamChatGenerics } from '../../types/types';\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<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageActionType &\n  Pick<\n    MessageOverlayPropsWithContext<StreamChatGenerics>,\n    'error' | 'isMyMessage' | 'isThreadMessage' | 'message' | 'messageReactions'\n  > & {\n    index: number;\n    length: number;\n  };\n\nconst MessageActionListItemWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListItemProps<StreamChatGenerics>,\n) => {\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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  prevProps: MessageActionListItemProps<StreamChatGenerics>,\n  nextProps: MessageActionListItemProps<StreamChatGenerics>,\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 = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListItemProps<StreamChatGenerics>,\n) => <MemoizedMessageActionListItem {...props} />;\n"]}