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

package/lib/commonjs/components/MessageList/ScrollToBottomButton.js

@@ -1,21 +1,14 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScrollToBottomButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/ScrollToBottomButton.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/ScrollToBottomButton.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -58,27 +51,24 @@ var styles = _reactNative.StyleSheet.create({
     justifyContent: 'flex-end'
   }
 });
-
 var ScrollToBottomButton = function ScrollToBottomButton(props) {
   var onPress = props.onPress,
-      _props$showNotificati = props.showNotification,
-      showNotification = _props$showNotificati === void 0 ? true : _props$showNotificati,
-      unreadCount = props.unreadCount;
-
+    _props$showNotificati = props.showNotification,
+    showNotification = _props$showNotificati === void 0 ? true : _props$showNotificati,
+    unreadCount = props.unreadCount;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      black = _useTheme$theme$color.black,
-      white = _useTheme$theme$color.white,
-      _useTheme$theme$messa = _useTheme$theme.messageList.scrollToBottomButton,
-      chevronColor = _useTheme$theme$messa.chevronColor,
-      container = _useTheme$theme$messa.container,
-      touchable = _useTheme$theme$messa.touchable,
-      unreadCountNotificationContainer = _useTheme$theme$messa.unreadCountNotificationContainer,
-      unreadCountNotificationText = _useTheme$theme$messa.unreadCountNotificationText,
-      wrapper = _useTheme$theme$messa.wrapper;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    black = _useTheme$theme$color.black,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$messa = _useTheme$theme.messageList.scrollToBottomButton,
+    chevronColor = _useTheme$theme$messa.chevronColor,
+    container = _useTheme$theme$messa.container,
+    touchable = _useTheme$theme$messa.touchable,
+    unreadCountNotificationContainer = _useTheme$theme$messa.unreadCountNotificationContainer,
+    unreadCountNotificationText = _useTheme$theme$messa.unreadCountNotificationText,
+    wrapper = _useTheme$theme$messa.wrapper;
   if (!showNotification) return null;
   return _react["default"].createElement(_reactNative.TouchableOpacity, {
     onPress: onPress,
@@ -140,7 +130,6 @@ var ScrollToBottomButton = function ScrollToBottomButton(props) {
     }
   }, unreadCount))));
 };
-
 exports.ScrollToBottomButton = ScrollToBottomButton;
 ScrollToBottomButton.displayName = 'ScrollToBottomButton{messageList{scrollToBottomButton}}';
 //# sourceMappingURL=ScrollToBottomButton.js.map

package/lib/commonjs/components/MessageList/ScrollToBottomButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScrollToBottomButton.tsx"],"names":["styles","StyleSheet","create","container","alignItems","borderRadius","elevation","height","justifyContent","shadowOffset","width","shadowOpacity","shadowRadius","touchable","bottom","position","right","unreadCountNotificationContainer","minWidth","paddingHorizontal","top","unreadCountNotificationText","fontSize","textAlign","textAlignVertical","wrapper","ScrollToBottomButton","props","onPress","showNotification","unreadCount","theme","colors","accent_blue","black","white","messageList","scrollToBottomButton","chevronColor","backgroundColor","shadowColor","color","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Down } from '../../icons';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    elevation: 5,\n    height: 40,\n    justifyContent: 'center',\n    shadowOffset: {\n      height: 2,\n      width: 0,\n    },\n    shadowOpacity: 0.25,\n    shadowRadius: 4,\n    width: 40,\n  },\n  touchable: {\n    bottom: 20,\n    position: 'absolute',\n    right: 20,\n  },\n  unreadCountNotificationContainer: {\n    alignItems: 'center',\n    borderRadius: 10,\n    elevation: 6,\n    height: 20,\n    justifyContent: 'center',\n    minWidth: 20,\n    paddingHorizontal: 4,\n    position: 'absolute',\n    top: 0,\n  },\n  unreadCountNotificationText: {\n    fontSize: 11,\n    textAlign: 'center',\n    textAlignVertical: 'center',\n  },\n  wrapper: {\n    alignItems: 'center',\n    height: 50,\n    justifyContent: 'flex-end',\n  },\n});\n\nexport type ScrollToBottomButtonProps = {\n  /** onPress handler */\n  onPress: (event: GestureResponderEvent) => void;\n  /** If we should show the notification or not */\n  showNotification?: boolean;\n  unreadCount?: number;\n};\n\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props) => {\n  const { onPress, showNotification = true, unreadCount } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue, black, white },\n      messageList: {\n        scrollToBottomButton: {\n          chevronColor,\n          container,\n          touchable,\n          unreadCountNotificationContainer,\n          unreadCountNotificationText,\n          wrapper,\n        },\n      },\n    },\n  } = useTheme();\n\n  if (!showNotification) return null;\n\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      style={[styles.touchable, touchable]}\n      testID='message-notification'\n    >\n      <View style={[styles.wrapper, wrapper]}>\n        <View style={[styles.container, { backgroundColor: white, shadowColor: black }, container]}>\n          <Down pathFill={chevronColor ? chevronColor : black} />\n        </View>\n        {!!unreadCount && (\n          <View\n            style={[\n              styles.unreadCountNotificationContainer,\n              { backgroundColor: accent_blue },\n              unreadCountNotificationContainer,\n            ]}\n          >\n            <Text\n              style={[\n                styles.unreadCountNotificationText,\n                { color: white },\n                unreadCountNotificationText,\n              ]}\n              testID='unread-count'\n            >\n              {unreadCount}\n            </Text>\n          </View>\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nScrollToBottomButton.displayName = 'ScrollToBottomButton{messageList{scrollToBottomButton}}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","borderRadius","elevation","height","justifyContent","shadowOffset","width","shadowOpacity","shadowRadius","touchable","bottom","position","right","unreadCountNotificationContainer","minWidth","paddingHorizontal","top","unreadCountNotificationText","fontSize","textAlign","textAlignVertical","wrapper","ScrollToBottomButton","props","onPress","showNotification","unreadCount","useTheme","theme","colors","accent_blue","black","white","messageList","scrollToBottomButton","chevronColor","backgroundColor","shadowColor","color","displayName"],"sources":["ScrollToBottomButton.tsx"],"sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Down } from '../../icons';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    elevation: 5,\n    height: 40,\n    justifyContent: 'center',\n    shadowOffset: {\n      height: 2,\n      width: 0,\n    },\n    shadowOpacity: 0.25,\n    shadowRadius: 4,\n    width: 40,\n  },\n  touchable: {\n    bottom: 20,\n    position: 'absolute',\n    right: 20,\n  },\n  unreadCountNotificationContainer: {\n    alignItems: 'center',\n    borderRadius: 10,\n    elevation: 6,\n    height: 20,\n    justifyContent: 'center',\n    minWidth: 20,\n    paddingHorizontal: 4,\n    position: 'absolute',\n    top: 0,\n  },\n  unreadCountNotificationText: {\n    fontSize: 11,\n    textAlign: 'center',\n    textAlignVertical: 'center',\n  },\n  wrapper: {\n    alignItems: 'center',\n    height: 50,\n    justifyContent: 'flex-end',\n  },\n});\n\nexport type ScrollToBottomButtonProps = {\n  /** onPress handler */\n  onPress: (event: GestureResponderEvent) => void;\n  /** If we should show the notification or not */\n  showNotification?: boolean;\n  unreadCount?: number;\n};\n\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props) => {\n  const { onPress, showNotification = true, unreadCount } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue, black, white },\n      messageList: {\n        scrollToBottomButton: {\n          chevronColor,\n          container,\n          touchable,\n          unreadCountNotificationContainer,\n          unreadCountNotificationText,\n          wrapper,\n        },\n      },\n    },\n  } = useTheme();\n\n  if (!showNotification) return null;\n\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      style={[styles.touchable, touchable]}\n      testID='message-notification'\n    >\n      <View style={[styles.wrapper, wrapper]}>\n        <View style={[styles.container, { backgroundColor: white, shadowColor: black }, container]}>\n          <Down pathFill={chevronColor ? chevronColor : black} />\n        </View>\n        {!!unreadCount && (\n          <View\n            style={[\n              styles.unreadCountNotificationContainer,\n              { backgroundColor: accent_blue },\n              unreadCountNotificationContainer,\n            ]}\n          >\n            <Text\n              style={[\n                styles.unreadCountNotificationText,\n                { color: white },\n                unreadCountNotificationText,\n              ]}\n              testID='unread-count'\n            >\n              {unreadCount}\n            </Text>\n          </View>\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nScrollToBottomButton.displayName = 'ScrollToBottomButton{messageList{scrollToBottomButton}}';\n"],"mappings":"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"}

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

@@ -1,23 +1,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TypingIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _useTypingString = require("./hooks/useTypingString");
-
 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";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/TypingIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -32,17 +24,15 @@ var styles = _reactNative.StyleSheet.create({
     marginLeft: 8
   }
 });
-
 var TypingIndicator = function TypingIndicator() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      grey = _useTheme$theme$color.grey,
-      white_snow = _useTheme$theme$color.white_snow,
-      _useTheme$theme$typin = _useTheme$theme.typingIndicator,
-      container = _useTheme$theme$typin.container,
-      text = _useTheme$theme$typin.text;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    grey = _useTheme$theme$color.grey,
+    white_snow = _useTheme$theme$color.white_snow,
+    _useTheme$theme$typin = _useTheme$theme.typingIndicator,
+    container = _useTheme$theme$typin.container,
+    text = _useTheme$theme$typin.text;
   var typingString = (0, _useTypingString.useTypingString)();
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
@@ -75,7 +65,6 @@ var TypingIndicator = function TypingIndicator() {
     }
   }, typingString));
 };
-
 exports.TypingIndicator = TypingIndicator;
 TypingIndicator.displayName = 'TypingIndicator{typingIndicator}';
 //# sourceMappingURL=TypingIndicator.js.map

package/lib/commonjs/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;;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"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","flexDirection","height","justifyContent","loadingDots","marginLeft","typingText","TypingIndicator","useTheme","theme","colors","grey","white_snow","typingIndicator","text","typingString","useTypingString","backgroundColor","color","displayName"],"sources":["TypingIndicator.tsx"],"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"],"mappings":";;;;;AAAA;AACA;AAEA;AAEA;AAGA;AAAwD;EAAA;AAExD,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB,CAAC;EACDC,WAAW,EAAE;IACXC,UAAU,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACVD,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,IAAME,eAAe,GAAG,SAAlBA,eAAe,GAErB;EACL,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IAAA,wCACHC,MAAM;IAAIC,IAAI,yBAAJA,IAAI;IAAEC,UAAU,yBAAVA,UAAU;IAAA,wCAC1BC,eAAe;IAAId,SAAS,yBAATA,SAAS;IAAEe,IAAI,yBAAJA,IAAI;EAGtC,IAAMC,YAAY,GAAG,IAAAC,gCAAe,GAAsB;EAE1D,OACE,gCAAC,iBAAI;IACH,KAAK,EAAE,CAACpB,MAAM,CAACG,SAAS,EAAE;MAAEkB,eAAe,EAAKL,UAAU;IAAK,CAAC,EAAEb,SAAS,CAAE;IAC7E,MAAM,EAAC,kBAAkB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAEzB,gCAAC,wBAAW;IAAC,KAAK,EAAEH,MAAM,CAACQ,WAAY;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,EAC1C,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACR,MAAM,CAACU,UAAU,EAAE;MAAEY,KAAK,EAAEP;IAAK,CAAC,EAAEG,IAAI,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAEC,YAAY,CAAQ,CACzE;AAEX,CAAC;AAAC;AAEFR,eAAe,CAACY,WAAW,GAAG,kCAAkC"}

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

@@ -1,29 +1,18 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TypingIndicatorContainer = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _filterTypingUsers = require("./utils/filterTypingUsers");
-
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
-
 var _TypingContext = require("../../contexts/typingContext/TypingContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/TypingIndicatorContainer.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/TypingIndicatorContainer.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     bottom: 0,
@@ -31,26 +20,21 @@ var styles = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-
 var TypingIndicatorContainerWithContext = function TypingIndicatorContainerWithContext(props) {
   var children = props.children,
-      client = props.client,
-      thread = props.thread,
-      typing = props.typing;
-
+    client = props.client,
+    thread = props.thread,
+    typing = props.typing;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      typingIndicatorContainer = _useTheme.theme.messageList.typingIndicatorContainer;
-
+    typingIndicatorContainer = _useTheme.theme.messageList.typingIndicatorContainer;
   var typingUsers = (0, _filterTypingUsers.filterTypingUsers)({
     client: client,
     thread: thread,
     typing: typing
   });
-
   if (!typingUsers.length) {
     return null;
   }
-
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, typingIndicatorContainer],
     testID: "typing-indicator-container",
@@ -62,17 +46,13 @@ var TypingIndicatorContainerWithContext = function TypingIndicatorContainerWithC
     }
   }, children);
 };
-
 var TypingIndicatorContainer = function TypingIndicatorContainer(props) {
   var _useTypingContext = (0, _TypingContext.useTypingContext)(),
-      typing = _useTypingContext.typing;
-
+    typing = _useTypingContext.typing;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      thread = _useThreadContext.thread;
-
+    thread = _useThreadContext.thread;
   return _react["default"].createElement(TypingIndicatorContainerWithContext, (0, _extends2["default"])({
     client: client,
     thread: thread,
@@ -86,7 +66,6 @@ var TypingIndicatorContainer = function TypingIndicatorContainer(props) {
     }
   }));
 };
-
 exports.TypingIndicatorContainer = TypingIndicatorContainer;
 TypingIndicatorContainer.displayName = 'TypingIndicatorContainer{messageList{typingIndicatorContainer}}';
 //# sourceMappingURL=TypingIndicatorContainer.js.map

package/lib/commonjs/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;;;;;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"]}
+{"version":3,"names":["styles","StyleSheet","create","container","bottom","position","width","TypingIndicatorContainerWithContext","props","children","client","thread","typing","useTheme","typingIndicatorContainer","theme","messageList","typingUsers","filterTypingUsers","length","TypingIndicatorContainer","useTypingContext","useChatContext","useThreadContext","displayName"],"sources":["TypingIndicatorContainer.tsx"],"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"],"mappings":";;;;;;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAkG;EAAA;AAIlG,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAQF,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmC,CAGvCC,KAAsF,EACnF;EACH,IAAQC,QAAQ,GAA6BD,KAAK,CAA1CC,QAAQ;IAAEC,MAAM,GAAqBF,KAAK,CAAhCE,MAAM;IAAEC,MAAM,GAAaH,KAAK,CAAxBG,MAAM;IAAEC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EAExC,gBAII,IAAAC,sBAAQ,GAAE;IAFKC,wBAAwB,aADzCC,KAAK,CACHC,WAAW,CAAIF,wBAAwB;EAG3C,IAAMG,WAAW,GAAG,IAAAC,oCAAiB,EAAC;IAAER,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA;EAAO,CAAC,CAAC;EAEjE,IAAI,CAACK,WAAW,CAACE,MAAM,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACnB,MAAM,CAACG,SAAS,EAAEW,wBAAwB,CAAE;IAAC,MAAM,EAAC,4BAA4B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC3FL,QAAQ,CACJ;AAEX,CAAC;AAMM,IAAMW,wBAAwB,GAAG,SAA3BA,wBAAwB,CAGnCZ,KAA2E,EACxE;EACH,wBAAmB,IAAAa,+BAAgB,GAAsB;IAAjDT,MAAM,qBAANA,MAAM;EACd,sBAAmB,IAAAU,2BAAc,GAAsB;IAA/CZ,MAAM,mBAANA,MAAM;EACd,wBAAmB,IAAAa,+BAAgB,GAAsB;IAAjDZ,MAAM,qBAANA,MAAM;EAEd,OAAO,gCAAC,mCAAmC;IAAOD,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA;EAAM,GAAQJ,KAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAI;AAC3F,CAAC;AAAC;AAEFY,wBAAwB,CAACI,WAAW,GAClC,iEAAiE"}

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

@@ -1,59 +1,39 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useMessageList = exports.isMessageWithStylesReadByAndDateSeparator = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 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;
 };
-
 exports.isMessageWithStylesReadByAndDateSeparator = isMessageWithStylesReadByAndDateSeparator;
-
 var useMessageList = function useMessageList(params) {
   var noGroupByUser = params.noGroupByUser,
-      threadList = params.threadList;
-
+    threadList = params.threadList;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-      hideDateSeparators = _useChannelContext.hideDateSeparators,
-      maxTimeBetweenGroupedMessages = _useChannelContext.maxTimeBetweenGroupedMessages,
-      read = _useChannelContext.read;
-
+    hideDateSeparators = _useChannelContext.hideDateSeparators,
+    maxTimeBetweenGroupedMessages = _useChannelContext.maxTimeBetweenGroupedMessages,
+    read = _useChannelContext.read;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      deletedMessagesVisibilityType = _useMessagesContext.deletedMessagesVisibilityType,
-      _useMessagesContext$g = _useMessagesContext.getMessagesGroupStyles,
-      getMessagesGroupStyles = _useMessagesContext$g === void 0 ? _getGroupStyles.getGroupStyles : _useMessagesContext$g;
-
+    deletedMessagesVisibilityType = _useMessagesContext.deletedMessagesVisibilityType,
+    _useMessagesContext$g = _useMessagesContext.getMessagesGroupStyles,
+    getMessagesGroupStyles = _useMessagesContext$g === void 0 ? _getGroupStyles.getGroupStyles : _useMessagesContext$g;
   var _usePaginatedMessageL = (0, _PaginatedMessageListContext.usePaginatedMessageListContext)(),
-      messages = _usePaginatedMessageL.messages;
-
+    messages = _usePaginatedMessageL.messages;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      threadMessages = _useThreadContext.threadMessages;
-
+    threadMessages = _useThreadContext.threadMessages;
   var messageList = threadList ? threadMessages : messages;
   var readList = threadList ? undefined : read;
   var dateSeparators = (0, _getDateSeparators.getDateSeparators)({
@@ -73,14 +53,11 @@ var useMessageList = function useMessageList(params) {
   var readData = (0, _getReadStates.getReadStates)(client.userID, messageList, readList);
   var messagesWithStylesReadByAndDateSeparator = messageList.filter(function (msg) {
     var isMessageTypeDeleted = msg.type === 'deleted';
-
     if (deletedMessagesVisibilityType === 'sender') {
       var _msg$user;
-
       return !isMessageTypeDeleted || ((_msg$user = msg.user) == null ? void 0 : _msg$user.id) === client.userID;
     } else if (deletedMessagesVisibilityType === 'receiver') {
       var _msg$user2;
-
       return !isMessageTypeDeleted || ((_msg$user2 = msg.user) == null ? void 0 : _msg$user2.id) !== client.userID;
     } else if (deletedMessagesVisibilityType === 'never') {
       return !isMessageTypeDeleted;
@@ -96,6 +73,5 @@ var useMessageList = function useMessageList(params) {
   });
   return (0, _toConsumableArray2["default"])(messagesWithStylesReadByAndDateSeparator).reverse();
 };
-
 exports.useMessageList = useMessageList;
 //# sourceMappingURL=useMessageList.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useMessageList.ts"],"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","noGroupByUser","threadList","client","hideDateSeparators","maxTimeBetweenGroupedMessages","read","deletedMessagesVisibilityType","getMessagesGroupStyles","getGroupStyles","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 {\n  DeletedMessagesVisibilityType,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\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?: DeletedMessagesVisibilityType;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = string;\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 { noGroupByUser, threadList } = params;\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<StreamChatGenerics>();\n  const { deletedMessagesVisibilityType, getMessagesGroupStyles = getGroupStyles } =\n    useMessagesContext<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    deletedMessagesVisibilityType,\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getMessagesGroupStyles<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    ...messagesWithStylesReadByAndDateSeparator,\n  ].reverse() as MessageType<StreamChatGenerics>[];\n};\n"]}
+{"version":3,"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","noGroupByUser","threadList","useChatContext","client","useChannelContext","hideDateSeparators","maxTimeBetweenGroupedMessages","read","useMessagesContext","deletedMessagesVisibilityType","getMessagesGroupStyles","getGroupStyles","usePaginatedMessageListContext","messages","useThreadContext","threadMessages","messageList","readList","dateSeparators","getDateSeparators","userId","userID","messageGroupStyles","readData","getReadStates","messagesWithStylesReadByAndDateSeparator","filter","msg","isMessageTypeDeleted","type","user","id","map","dateSeparator","groupStyles","reverse"],"sources":["useMessageList.ts"],"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 {\n  DeletedMessagesVisibilityType,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\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?: DeletedMessagesVisibilityType;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = string;\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 { noGroupByUser, threadList } = params;\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<StreamChatGenerics>();\n  const { deletedMessagesVisibilityType, getMessagesGroupStyles = getGroupStyles } =\n    useMessagesContext<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    deletedMessagesVisibilityType,\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getMessagesGroupStyles<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    ...messagesWithStylesReadByAndDateSeparator,\n  ].reverse() as MessageType<StreamChatGenerics>[];\n};\n"],"mappings":"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"}

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

@@ -2,51 +2,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTypingString = void 0;
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var _ThreadContext = require("../../../contexts/threadContext/ThreadContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _TypingContext = require("../../../contexts/typingContext/TypingContext");
-
 var _filterTypingUsers = require("../utils/filterTypingUsers");
-
 var useTypingString = function useTypingString() {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      thread = _useThreadContext.thread;
-
+    thread = _useThreadContext.thread;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   var _useTypingContext = (0, _TypingContext.useTypingContext)(),
-      typing = _useTypingContext.typing;
-
+    typing = _useTypingContext.typing;
   var filteredTypingUsers = (0, _filterTypingUsers.filterTypingUsers)({
     client: client,
     thread: thread,
     typing: typing
   });
-
   if (filteredTypingUsers.length === 1) {
     return t('{{ user }} is typing', {
       user: filteredTypingUsers[0]
     });
   }
-
   if (filteredTypingUsers.length > 1) {
     return t('{{ firstUser }} and {{ nonSelfUserLength }} more are typing', {
       firstUser: filteredTypingUsers[0],
       nonSelfUserLength: filteredTypingUsers.length - 1
     });
   }
-
   return '';
 };
-
 exports.useTypingString = useTypingString;
 //# sourceMappingURL=useTypingString.js.map

package/lib/commonjs/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;;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"]}
+{"version":3,"names":["useTypingString","useChatContext","client","useThreadContext","thread","useTranslationContext","t","useTypingContext","typing","filteredTypingUsers","filterTypingUsers","length","user","firstUser","nonSelfUserLength"],"sources":["useTypingString.ts"],"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"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAGA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAErB;EACL,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EACd,wBAAmB,IAAAC,+BAAgB,GAAsB;IAAjDC,MAAM,qBAANA,MAAM;EACd,4BAAc,IAAAC,yCAAqB,GAAE;IAA7BC,CAAC,yBAADA,CAAC;EACT,wBAAmB,IAAAC,+BAAgB,GAAsB;IAAjDC,MAAM,qBAANA,MAAM;EAEd,IAAMC,mBAAmB,GAAG,IAAAC,oCAAiB,EAAC;IAAER,MAAM,EAANA,MAAM;IAAEE,MAAM,EAANA,MAAM;IAAEI,MAAM,EAANA;EAAO,CAAC,CAAC;EAEzE,IAAIC,mBAAmB,CAACE,MAAM,KAAK,CAAC,EAAE;IACpC,OAAOL,CAAC,CAAC,sBAAsB,EAAE;MAAEM,IAAI,EAAEH,mBAAmB,CAAC,CAAC;IAAE,CAAC,CAAC;EACpE;EAEA,IAAIA,mBAAmB,CAACE,MAAM,GAAG,CAAC,EAAE;IAKlC,OAAOL,CAAC,CAAC,6DAA6D,EAAE;MACtEO,SAAS,EAAEJ,mBAAmB,CAAC,CAAC,CAAC;MACjCK,iBAAiB,EAAEL,mBAAmB,CAACE,MAAM,GAAG;IAClD,CAAC,CAAC;EACJ;EAEA,OAAO,EAAE;AACX,CAAC;AAAC"}

package/lib/commonjs/components/MessageList/utils/filterTypingUsers.js

@@ -2,38 +2,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.filterTypingUsers = void 0;
-
 var filterTypingUsers = function filterTypingUsers(_ref) {
   var client = _ref.client,
-      thread = _ref.thread,
-      typing = _ref.typing;
+    thread = _ref.thread,
+    typing = _ref.typing;
   var nonSelfUsers = [];
   if (!client || !client.user || !typing) return nonSelfUsers;
   var typingKeys = Object.keys(typing);
   typingKeys.forEach(function (typingKey) {
     var _client$user, _typing$typingKey$use, _typing$typingKey$use2, _typing$typingKey$use3;
-
     if (!typing[typingKey]) return;
-
     if (((_client$user = client.user) == null ? void 0 : _client$user.id) === ((_typing$typingKey$use = typing[typingKey].user) == null ? void 0 : _typing$typingKey$use.id)) {
       return;
     }
-
     var isRegularEvent = !typing[typingKey].parent_id && !(thread != null && thread.id);
     var isCurrentThreadEvent = typing[typingKey].parent_id === (thread == null ? void 0 : thread.id);
-
     if (!isRegularEvent && !isCurrentThreadEvent) {
       return;
     }
-
     var user = ((_typing$typingKey$use2 = typing[typingKey].user) == null ? void 0 : _typing$typingKey$use2.name) || ((_typing$typingKey$use3 = typing[typingKey].user) == null ? void 0 : _typing$typingKey$use3.id);
-
     if (user) {
       nonSelfUsers.push(user);
     }
   });
   return nonSelfUsers;
 };
-
 exports.filterTypingUsers = filterTypingUsers;
 //# sourceMappingURL=filterTypingUsers.js.map

package/lib/commonjs/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":";;;;;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"]}
+{"version":3,"names":["filterTypingUsers","client","thread","typing","nonSelfUsers","user","typingKeys","Object","keys","forEach","typingKey","id","isRegularEvent","parent_id","isCurrentThreadEvent","name","push"],"sources":["filterTypingUsers.ts"],"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"],"mappings":";;;;AAWO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,OAMqB;EAAA,IAHjDC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;EAEN,IAAMC,YAAsB,GAAG,EAAE;EAEjC,IAAI,CAACH,MAAM,IAAI,CAACA,MAAM,CAACI,IAAI,IAAI,CAACF,MAAM,EAAE,OAAOC,YAAY;EAE3D,IAAME,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC;EAEtCG,UAAU,CAACG,OAAO,CAAC,UAACC,SAAS,EAAK;IAAA;IAChC,IAAI,CAACP,MAAM,CAACO,SAAS,CAAC,EAAE;IAGxB,IAAI,iBAAAT,MAAM,CAACI,IAAI,qBAAX,aAAaM,EAAE,gCAAKR,MAAM,CAACO,SAAS,CAAC,CAACL,IAAI,qBAAtB,sBAAwBM,EAAE,GAAE;MAClD;IACF;IAEA,IAAMC,cAAc,GAAG,CAACT,MAAM,CAACO,SAAS,CAAC,CAACG,SAAS,IAAI,EAACX,MAAM,YAANA,MAAM,CAAES,EAAE;IAClE,IAAMG,oBAAoB,GAAGX,MAAM,CAACO,SAAS,CAAC,CAACG,SAAS,MAAKX,MAAM,oBAANA,MAAM,CAAES,EAAE;IAGvE,IAAI,CAACC,cAAc,IAAI,CAACE,oBAAoB,EAAE;MAC5C;IACF;IAEA,IAAMT,IAAI,GAAG,2BAAAF,MAAM,CAACO,SAAS,CAAC,CAACL,IAAI,qBAAtB,uBAAwBU,IAAI,gCAAIZ,MAAM,CAACO,SAAS,CAAC,CAACL,IAAI,qBAAtB,uBAAwBM,EAAE;IACvE,IAAIN,IAAI,EAAE;MACRD,YAAY,CAACY,IAAI,CAACX,IAAI,CAAC;IACzB;EACF,CAAC,CAAC;EAEF,OAAOD,YAAY;AACrB,CAAC;AAAC"}

package/lib/commonjs/components/MessageList/utils/getDateSeparators.js

@@ -2,39 +2,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDateSeparators = void 0;
-
 var getDateSeparators = function getDateSeparators(params) {
   var deletedMessagesVisibilityType = params.deletedMessagesVisibilityType,
-      hideDateSeparators = params.hideDateSeparators,
-      messages = params.messages,
-      userId = params.userId;
+    hideDateSeparators = params.hideDateSeparators,
+    messages = params.messages,
+    userId = params.userId;
   var dateSeparators = {};
-
   if (hideDateSeparators) {
     return dateSeparators;
   }
-
   var messagesWithoutDeleted = messages.filter(function (message) {
     var _message$user;
-
     var isMessageTypeDeleted = message.type === 'deleted';
     var isDeletedMessageVisibleToSender = deletedMessagesVisibilityType === 'sender' || deletedMessagesVisibilityType === 'always';
     return !isMessageTypeDeleted || userId === ((_message$user = message.user) == null ? void 0 : _message$user.id) && isDeletedMessageVisibleToSender;
   });
-
   for (var i = 0; i < messagesWithoutDeleted.length; i++) {
     var previousMessage = messagesWithoutDeleted[i - 1];
     var message = messagesWithoutDeleted[i];
     var messageDate = message.created_at.getDay();
     var prevMessageDate = previousMessage ? previousMessage.created_at.getDay() : messageDate;
-
     if (i === 0 || messageDate !== prevMessageDate) {
       dateSeparators[message.id] = message.created_at;
     }
   }
-
   return dateSeparators;
 };
-
 exports.getDateSeparators = getDateSeparators;
 //# sourceMappingURL=getDateSeparators.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["getDateSeparators.ts"],"names":["getDateSeparators","params","deletedMessagesVisibilityType","hideDateSeparators","messages","userId","dateSeparators","messagesWithoutDeleted","filter","message","isMessageTypeDeleted","type","isDeletedMessageVisibleToSender","user","id","i","length","previousMessage","messageDate","created_at","getDay","prevMessageDate"],"mappings":";;;;;AAoBO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAG/BC,MAH+B,EAI5B;AACH,MAAQC,6BAAR,GAAgFD,MAAhF,CAAQC,6BAAR;AAAA,MAAuCC,kBAAvC,GAAgFF,MAAhF,CAAuCE,kBAAvC;AAAA,MAA2DC,QAA3D,GAAgFH,MAAhF,CAA2DG,QAA3D;AAAA,MAAqEC,MAArE,GAAgFJ,MAAhF,CAAqEI,MAArE;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;AAEA,QAAMC,+BAA+B,GACnCV,6BAA6B,KAAK,QAAlC,IAA8CA,6BAA6B,KAAK,QADlF;AAGA,WACE,CAACQ,oBAAD,IAA0BL,MAAM,uBAAKI,OAAO,CAACI,IAAb,qBAAK,cAAcC,EAAnB,CAAN,IAA+BF,+BAD3D;AAGD,GAT8B,CAA/B;;AAWA,OAAK,IAAIG,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGR,sBAAsB,CAACS,MAA3C,EAAmDD,CAAC,EAApD,EAAwD;AACtD,QAAME,eAAe,GAAGV,sBAAsB,CAACQ,CAAC,GAAG,CAAL,CAA9C;AACA,QAAMN,OAAO,GAAGF,sBAAsB,CAACQ,CAAD,CAAtC;AAEA,QAAMG,WAAW,GAAGT,OAAO,CAACU,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;AAC9Cf,MAAAA,cAAc,CAACG,OAAO,CAACK,EAAT,CAAd,GAA6BL,OAAO,CAACU,UAArC;AACD;AACF;;AAED,SAAOb,cAAP;AACD,CArCM","sourcesContent":["import type { DeletedMessagesVisibilityType } from '../../../contexts/messagesContext/MessagesContext';\nimport 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  deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;\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 { deletedMessagesVisibilityType, 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\n    const isDeletedMessageVisibleToSender =\n      deletedMessagesVisibilityType === 'sender' || deletedMessagesVisibilityType === 'always';\n\n    return (\n      !isMessageTypeDeleted || (userId === message.user?.id && isDeletedMessageVisibleToSender)\n    );\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,"names":["getDateSeparators","params","deletedMessagesVisibilityType","hideDateSeparators","messages","userId","dateSeparators","messagesWithoutDeleted","filter","message","isMessageTypeDeleted","type","isDeletedMessageVisibleToSender","user","id","i","length","previousMessage","messageDate","created_at","getDay","prevMessageDate"],"sources":["getDateSeparators.ts"],"sourcesContent":["import type { DeletedMessagesVisibilityType } from '../../../contexts/messagesContext/MessagesContext';\nimport 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  deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;\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 { deletedMessagesVisibilityType, 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\n    const isDeletedMessageVisibleToSender =\n      deletedMessagesVisibilityType === 'sender' || deletedMessagesVisibilityType === 'always';\n\n    return (\n      !isMessageTypeDeleted || (userId === message.user?.id && isDeletedMessageVisibleToSender)\n    );\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"],"mappings":";;;;AAoBO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CAG5BC,MAAmD,EAChD;EACH,IAAQC,6BAA6B,GAA2CD,MAAM,CAA9EC,6BAA6B;IAAEC,kBAAkB,GAAuBF,MAAM,CAA/CE,kBAAkB;IAAEC,QAAQ,GAAaH,MAAM,CAA3BG,QAAQ;IAAEC,MAAM,GAAKJ,MAAM,CAAjBI,MAAM;EAC3E,IAAMC,cAA8B,GAAG,CAAC,CAAC;EAEzC,IAAIH,kBAAkB,EAAE;IACtB,OAAOG,cAAc;EACvB;EAEA,IAAMC,sBAAsB,GAAGH,QAAQ,CAACI,MAAM,CAAC,UAACC,OAAO,EAAK;IAAA;IAC1D,IAAMC,oBAAoB,GAAGD,OAAO,CAACE,IAAI,KAAK,SAAS;IAEvD,IAAMC,+BAA+B,GACnCV,6BAA6B,KAAK,QAAQ,IAAIA,6BAA6B,KAAK,QAAQ;IAE1F,OACE,CAACQ,oBAAoB,IAAKL,MAAM,uBAAKI,OAAO,CAACI,IAAI,qBAAZ,cAAcC,EAAE,KAAIF,+BAAgC;EAE7F,CAAC,CAAC;EAEF,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGR,sBAAsB,CAACS,MAAM,EAAED,CAAC,EAAE,EAAE;IACtD,IAAME,eAAe,GAAGV,sBAAsB,CAACQ,CAAC,GAAG,CAAC,CAAC;IACrD,IAAMN,OAAO,GAAGF,sBAAsB,CAACQ,CAAC,CAAC;IAEzC,IAAMG,WAAW,GAAGT,OAAO,CAACU,UAAU,CAACC,MAAM,EAAE;IAE/C,IAAMC,eAAe,GAAGJ,eAAe,GAAGA,eAAe,CAACE,UAAU,CAACC,MAAM,EAAE,GAAGF,WAAW;IAE3F,IAAIH,CAAC,KAAK,CAAC,IAAIG,WAAW,KAAKG,eAAe,EAAE;MAC9Cf,cAAc,CAACG,OAAO,CAACK,EAAE,CAAC,GAAGL,OAAO,CAACU,UAAU;IACjD;EACF;EAEA,OAAOb,cAAc;AACvB,CAAC;AAAC"}