stream-chat-react-native-core 4.0.0 → 4.1.0

package/lib/module/components/ChannelPreview/ChannelPreviewMessenger.js

@@ -15,24 +15,26 @@ var _reactNativeGestureHandler = require("react-native-gesture-handler");
 
 var _ChannelAvatar = require("./ChannelAvatar");
 
-var _useChannelPreviewDisplayName = require("./hooks/useChannelPreviewDisplayName");
-
-var _ChannelsContext = require("../../contexts/channelsContext/ChannelsContext");
+var _ChannelPreviewMessage = require("./ChannelPreviewMessage");
 
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _ChannelPreviewMutedStatus = require("./ChannelPreviewMutedStatus");
 
-var _utils = require("../../utils/utils");
+var _ChannelPreviewStatus = require("./ChannelPreviewStatus");
 
 var _ChannelPreviewTitle = require("./ChannelPreviewTitle");
 
-var _ChannelPreviewMessage = require("./ChannelPreviewMessage");
+var _ChannelPreviewUnreadCount = require("./ChannelPreviewUnreadCount");
 
-var _ChannelPreviewStatus = require("./ChannelPreviewStatus");
+var _useChannelPreviewDisplayName = require("./hooks/useChannelPreviewDisplayName");
 
-var _ChannelPreviewUnreadCount = require("./ChannelPreviewUnreadCount");
+var _ChannelsContext = require("../../contexts/channelsContext/ChannelsContext");
+
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+
+var _utils = require("../../utils/utils");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewMessenger.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewMessenger.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   container: {
@@ -52,6 +54,10 @@ var styles = _reactNative.StyleSheet.create({
     justifyContent: 'space-between',
     paddingLeft: 8
   },
+  statusContainer: {
+    display: 'flex',
+    flexDirection: 'row'
+  },
   title: {
     fontSize: 14,
     fontWeight: '700'
@@ -76,6 +82,8 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
       PreviewTitle = _props$PreviewTitle === void 0 ? _ChannelPreviewTitle.ChannelPreviewTitle : _props$PreviewTitle,
       _props$PreviewUnreadC = props.PreviewUnreadCount,
       PreviewUnreadCount = _props$PreviewUnreadC === void 0 ? _ChannelPreviewUnreadCount.ChannelPreviewUnreadCount : _props$PreviewUnreadC,
+      _props$PreviewMutedSt = props.PreviewMutedStatus,
+      PreviewMutedStatus = _props$PreviewMutedSt === void 0 ? _ChannelPreviewMutedStatus.ChannelPreviewMutedStatus : _props$PreviewMutedSt,
       unread = props.unread;
 
   var _useTheme = (0, _ThemeContext.useTheme)(),
@@ -90,6 +98,7 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
       white_snow = _useTheme$theme$color.white_snow;
 
   var displayName = (0, _useChannelPreviewDisplayName.useChannelPreviewDisplayName)(channel, Math.floor(maxWidth / ((title.fontSize || styles.title.fontSize) / 2)));
+  var isChannelMuted = channel.muteStatus().muted;
   return _react["default"].createElement(_reactNativeGestureHandler.TouchableOpacity, {
     onPress: function onPress() {
       if (onSelect) {
@@ -104,7 +113,7 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 132,
       columnNumber: 5
     }
   }, _react["default"].createElement(PreviewAvatar, {
@@ -112,15 +121,16 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 145,
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNative.View, {
     style: [styles.contentContainer, contentContainer],
+    testID: "channel-preview-content-" + channel.id,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 146,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -128,7 +138,7 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 150,
       columnNumber: 9
     }
   }, _react["default"].createElement(PreviewTitle, {
@@ -137,9 +147,26 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 151,
+      columnNumber: 11
+    }
+  }), _react["default"].createElement(_reactNative.View, {
+    style: [styles.statusContainer, row],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 152,
       columnNumber: 11
     }
+  }, _react["default"].createElement(PreviewMutedStatus, {
+    channel: channel,
+    muted: isChannelMuted,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 153,
+      columnNumber: 13
+    }
   }), _react["default"].createElement(PreviewUnreadCount, {
     channel: channel,
     maxUnreadCount: maxUnreadCount,
@@ -147,15 +174,15 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 162,
-      columnNumber: 11
+      lineNumber: 154,
+      columnNumber: 13
     }
-  })), _react["default"].createElement(_reactNative.View, {
+  }))), _react["default"].createElement(_reactNative.View, {
     style: [styles.row, row],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 157,
       columnNumber: 9
     }
   }, _react["default"].createElement(PreviewMessage, {
@@ -163,7 +190,7 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 158,
       columnNumber: 11
     }
   }), _react["default"].createElement(PreviewStatus, {
@@ -173,7 +200,7 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 159,
       columnNumber: 11
     }
   }))));
@@ -187,6 +214,7 @@ var ChannelPreviewMessenger = function ChannelPreviewMessenger(props) {
       onSelect = _useChannelsContext.onSelect,
       PreviewAvatar = _useChannelsContext.PreviewAvatar,
       PreviewMessage = _useChannelsContext.PreviewMessage,
+      PreviewMutedStatus = _useChannelsContext.PreviewMutedStatus,
       PreviewStatus = _useChannelsContext.PreviewStatus,
       PreviewTitle = _useChannelsContext.PreviewTitle,
       PreviewUnreadCount = _useChannelsContext.PreviewUnreadCount;
@@ -196,6 +224,7 @@ var ChannelPreviewMessenger = function ChannelPreviewMessenger(props) {
     onSelect: onSelect,
     PreviewAvatar: PreviewAvatar,
     PreviewMessage: PreviewMessage,
+    PreviewMutedStatus: PreviewMutedStatus,
     PreviewStatus: PreviewStatus,
     PreviewTitle: PreviewTitle,
     PreviewUnreadCount: PreviewUnreadCount
@@ -203,7 +232,7 @@ var ChannelPreviewMessenger = function ChannelPreviewMessenger(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
+      lineNumber: 207,
       columnNumber: 5
     }
   }));

package/lib/module/components/ChannelPreview/ChannelPreviewMessenger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewMessenger.tsx"],"names":["styles","StyleSheet","create","container","borderBottomWidth","flex","flexDirection","paddingHorizontal","paddingVertical","contentContainer","row","alignItems","justifyContent","paddingLeft","title","fontSize","fontWeight","maxWidth","ChannelPreviewMessengerWithContext","props","channel","formatLatestMessageDate","latestMessagePreview","maxUnreadCount","onSelect","PreviewAvatar","ChannelAvatar","PreviewMessage","ChannelPreviewMessage","PreviewStatus","ChannelPreviewStatus","PreviewTitle","ChannelPreviewTitle","PreviewUnreadCount","ChannelPreviewUnreadCount","unread","theme","channelPreview","colors","border","white_snow","displayName","Math","floor","backgroundColor","borderBottomColor","MemoizedChannelPreviewMessengerWithContext","React","memo","ChannelPreviewMessenger"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { ChannelAvatar } from './ChannelAvatar';\nimport { useChannelPreviewDisplayName } from './hooks/useChannelPreviewDisplayName';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { vw } from '../../utils/utils';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { ChannelPreviewTitle } from './ChannelPreviewTitle';\nimport { ChannelPreviewMessage } from './ChannelPreviewMessage';\nimport { ChannelPreviewStatus } from './ChannelPreviewStatus';\nimport { ChannelPreviewUnreadCount } from './ChannelPreviewUnreadCount';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderBottomWidth: 1,\n    flex: 1,\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n    paddingVertical: 12,\n  },\n  contentContainer: { flex: 1 },\n  row: {\n    alignItems: 'center',\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingLeft: 8,\n  },\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nconst maxWidth = vw(80) - 16 - 40;\n\nexport type ChannelPreviewMessengerPropsWithContext<\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<ChannelPreviewProps<At, Ch, Co, Ev, Me, Re, Us>, 'channel'> &\n  Pick<\n    ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'maxUnreadCount'\n    | 'onSelect'\n    | 'PreviewAvatar'\n    | 'PreviewMessage'\n    | 'PreviewStatus'\n    | 'PreviewTitle'\n    | 'PreviewUnreadCount'\n  > & {\n    /**\n     * Latest message on a channel, formatted for preview\n     *\n     * e.g.,\n     *\n     * ```json\n     * {\n     *  created_at: '' ,\n     *  messageObject: { ... },\n     *  previews: {\n     *    bold: true,\n     *    text: 'This is the message preview text'\n     *  },\n     *  status: 0 | 1 | 2 // read states of latest message.\n     * }\n     * ```\n     *\n     * @overrideType object\n     */\n    latestMessagePreview: LatestMessagePreview<At, Ch, Co, Ev, Me, Re, Us>;\n    /**\n     * Formatter function for date of latest message.\n     * @param date Message date\n     * @returns Formatted date string\n     *\n     * By default today's date is shown in 'HH:mm A' format and other dates\n     * are displayed in 'DD/MM/YY' format. props.latestMessage.created_at is the\n     * default formatted date. This default logic is part of ChannelPreview component.\n     */\n    formatLatestMessageDate?: (date: Date) => string;\n    /** Number of unread messages on the channel */\n    unread?: number;\n  };\n\nconst ChannelPreviewMessengerWithContext = <\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: ChannelPreviewMessengerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    channel,\n    formatLatestMessageDate,\n    latestMessagePreview,\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar = ChannelAvatar,\n    PreviewMessage = ChannelPreviewMessage,\n    PreviewStatus = ChannelPreviewStatus,\n    PreviewTitle = ChannelPreviewTitle,\n    PreviewUnreadCount = ChannelPreviewUnreadCount,\n    unread,\n  } = props;\n\n  const {\n    theme: {\n      channelPreview: { container, contentContainer, row, title },\n      colors: { border, white_snow },\n    },\n  } = useTheme();\n\n  const displayName = useChannelPreviewDisplayName(\n    channel,\n    Math.floor(maxWidth / ((title.fontSize || styles.title.fontSize) / 2)),\n  );\n\n  return (\n    <TouchableOpacity\n      onPress={() => {\n        if (onSelect) {\n          onSelect(channel);\n        }\n      }}\n      style={[\n        styles.container,\n        { backgroundColor: white_snow, borderBottomColor: border },\n        container,\n      ]}\n      testID='channel-preview-button'\n    >\n      <PreviewAvatar channel={channel} />\n      <View style={[styles.contentContainer, contentContainer]}>\n        <View style={[styles.row, row]}>\n          <PreviewTitle channel={channel} displayName={displayName} />\n          <PreviewUnreadCount channel={channel} maxUnreadCount={maxUnreadCount} unread={unread} />\n        </View>\n        <View style={[styles.row, row]}>\n          <PreviewMessage latestMessagePreview={latestMessagePreview} />\n          <PreviewStatus\n            channel={channel}\n            formatLatestMessageDate={formatLatestMessageDate}\n            latestMessagePreview={latestMessagePreview}\n          />\n        </View>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nexport type ChannelPreviewMessengerProps<\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<\n  Omit<\n    ChannelPreviewMessengerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n    'channel' | 'latestMessagePreview'\n  >\n> &\n  Pick<\n    ChannelPreviewMessengerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n    'channel' | 'latestMessagePreview'\n  >;\n\nconst MemoizedChannelPreviewMessengerWithContext = React.memo(\n  ChannelPreviewMessengerWithContext,\n) as typeof ChannelPreviewMessengerWithContext;\n\n/**\n * This UI component displays an individual preview item for each channel in a list. It also receives all props\n * from the ChannelPreview component.\n */\nexport const ChannelPreviewMessenger = <\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: ChannelPreviewMessengerProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n  } = useChannelsContext<At, Ch, Co, Ev, Me, Re, Us>();\n  return (\n    <MemoizedChannelPreviewMessengerWithContext\n      {...{\n        maxUnreadCount,\n        onSelect,\n        PreviewAvatar,\n        PreviewMessage,\n        PreviewStatus,\n        PreviewTitle,\n        PreviewUnreadCount,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelPreviewMessenger.displayName = 'ChannelPreviewMessenger{channelPreview}';\n"]}
+{"version":3,"sources":["ChannelPreviewMessenger.tsx"],"names":["styles","StyleSheet","create","container","borderBottomWidth","flex","flexDirection","paddingHorizontal","paddingVertical","contentContainer","row","alignItems","justifyContent","paddingLeft","statusContainer","display","title","fontSize","fontWeight","maxWidth","ChannelPreviewMessengerWithContext","props","channel","formatLatestMessageDate","latestMessagePreview","maxUnreadCount","onSelect","PreviewAvatar","ChannelAvatar","PreviewMessage","ChannelPreviewMessage","PreviewStatus","ChannelPreviewStatus","PreviewTitle","ChannelPreviewTitle","PreviewUnreadCount","ChannelPreviewUnreadCount","PreviewMutedStatus","ChannelPreviewMutedStatus","unread","theme","channelPreview","colors","border","white_snow","displayName","Math","floor","isChannelMuted","muteStatus","muted","backgroundColor","borderBottomColor","id","MemoizedChannelPreviewMessengerWithContext","React","memo","ChannelPreviewMessenger"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AAIA;;AAEA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,iBAAiB,EAAE,CADV;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,aAAa,EAAE,KAHN;AAITC,IAAAA,iBAAiB,EAAE,CAJV;AAKTC,IAAAA,eAAe,EAAE;AALR,GADoB;AAQ/BC,EAAAA,gBAAgB,EAAE;AAAEJ,IAAAA,IAAI,EAAE;AAAR,GARa;AAS/BK,EAAAA,GAAG,EAAE;AACHC,IAAAA,UAAU,EAAE,QADT;AAEHN,IAAAA,IAAI,EAAE,CAFH;AAGHC,IAAAA,aAAa,EAAE,KAHZ;AAIHM,IAAAA,cAAc,EAAE,eAJb;AAKHC,IAAAA,WAAW,EAAE;AALV,GAT0B;AAgB/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,OAAO,EAAE,MADM;AAEfT,IAAAA,aAAa,EAAE;AAFA,GAhBc;AAoB/BU,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE,EAAZ;AAAgBC,IAAAA,UAAU,EAAE;AAA5B;AApBwB,CAAlB,CAAf;;AAuBA,IAAMC,QAAQ,GAAG,eAAG,EAAH,IAAS,EAAT,GAAc,EAA/B;;AAkDA,IAAMC,kCAAkC,GAAG,SAArCA,kCAAqC,CAGzCC,KAHyC,EAItC;AACH,MACEC,OADF,GAaID,KAbJ,CACEC,OADF;AAAA,MAEEC,uBAFF,GAaIF,KAbJ,CAEEE,uBAFF;AAAA,MAGEC,oBAHF,GAaIH,KAbJ,CAGEG,oBAHF;AAAA,MAIEC,cAJF,GAaIJ,KAbJ,CAIEI,cAJF;AAAA,MAKEC,QALF,GAaIL,KAbJ,CAKEK,QALF;AAAA,6BAaIL,KAbJ,CAMEM,aANF;AAAA,MAMEA,aANF,qCAMkBC,4BANlB;AAAA,8BAaIP,KAbJ,CAOEQ,cAPF;AAAA,MAOEA,cAPF,sCAOmBC,4CAPnB;AAAA,6BAaIT,KAbJ,CAQEU,aARF;AAAA,MAQEA,aARF,qCAQkBC,0CARlB;AAAA,4BAaIX,KAbJ,CASEY,YATF;AAAA,MASEA,YATF,oCASiBC,wCATjB;AAAA,8BAaIb,KAbJ,CAUEc,kBAVF;AAAA,MAUEA,kBAVF,sCAUuBC,oDAVvB;AAAA,8BAaIf,KAbJ,CAWEgB,kBAXF;AAAA,MAWEA,kBAXF,sCAWuBC,oDAXvB;AAAA,MAYEC,MAZF,GAaIlB,KAbJ,CAYEkB,MAZF;;AAeA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ;AAAA,MAEsBtC,SAFtB,yBAEsBA,SAFtB;AAAA,MAEiCM,gBAFjC,yBAEiCA,gBAFjC;AAAA,MAEmDC,GAFnD,yBAEmDA,GAFnD;AAAA,MAEwDM,KAFxD,yBAEwDA,KAFxD;AAAA,8CAGI0B,MAHJ;AAAA,MAGcC,MAHd,yBAGcA,MAHd;AAAA,MAGsBC,UAHtB,yBAGsBA,UAHtB;;AAOA,MAAMC,WAAW,GAAG,gEAClBvB,OADkB,EAElBwB,IAAI,CAACC,KAAL,CAAW5B,QAAQ,IAAI,CAACH,KAAK,CAACC,QAAN,IAAkBjB,MAAM,CAACgB,KAAP,CAAaC,QAAhC,IAA4C,CAAhD,CAAnB,CAFkB,CAApB;AAKA,MAAM+B,cAAc,GAAG1B,OAAO,CAAC2B,UAAR,GAAqBC,KAA5C;AAEA,SACE,gCAAC,2CAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACb,UAAIxB,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACJ,OAAD,CAAR;AACD;AACF,KALH;AAME,IAAA,KAAK,EAAE,CACLtB,MAAM,CAACG,SADF,EAEL;AAAEgD,MAAAA,eAAe,EAAEP,UAAnB;AAA+BQ,MAAAA,iBAAiB,EAAET;AAAlD,KAFK,EAGLxC,SAHK,CANT;AAWE,IAAA,MAAM,EAAC,wBAXT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAaE,gCAAC,aAAD;AAAe,IAAA,OAAO,EAAEmB,OAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAbF,EAcE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACtB,MAAM,CAACS,gBAAR,EAA0BA,gBAA1B,CADT;AAEE,IAAA,MAAM,+BAA6Ba,OAAO,CAAC+B,EAF7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACrD,MAAM,CAACU,GAAR,EAAaA,GAAb,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,YAAD;AAAc,IAAA,OAAO,EAAEY,OAAvB;AAAgC,IAAA,WAAW,EAAEuB,WAA7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC7C,MAAM,CAACc,eAAR,EAAyBJ,GAAzB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,kBAAD;AAAoB,IAAA,OAAO,EAAEY,OAA7B;AAAsC,IAAA,KAAK,EAAE0B,cAA7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,kBAAD;AAAoB,IAAA,OAAO,EAAE1B,OAA7B;AAAsC,IAAA,cAAc,EAAEG,cAAtD;AAAsE,IAAA,MAAM,EAAEc,MAA9E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFF,CAFF,CAJF,EAWE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACvC,MAAM,CAACU,GAAR,EAAaA,GAAb,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,cAAD;AAAgB,IAAA,oBAAoB,EAAEc,oBAAtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,aAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,uBAAuB,EAAEC,uBAF3B;AAGE,IAAA,oBAAoB,EAAEC,oBAHxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFF,CAXF,CAdF,CADF;AAqCD,CAvED;;AAsFA,IAAM8B,0CAA0C,GAAGC,kBAAMC,IAAN,CACjDpC,kCADiD,CAAnD;;AAQO,IAAMqC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAGrCpC,KAHqC,EAIlC;AACH,4BASI,0CATJ;AAAA,MACEI,cADF,uBACEA,cADF;AAAA,MAEEC,QAFF,uBAEEA,QAFF;AAAA,MAGEC,aAHF,uBAGEA,aAHF;AAAA,MAIEE,cAJF,uBAIEA,cAJF;AAAA,MAKEQ,kBALF,uBAKEA,kBALF;AAAA,MAMEN,aANF,uBAMEA,aANF;AAAA,MAOEE,YAPF,uBAOEA,YAPF;AAAA,MAQEE,kBARF,uBAQEA,kBARF;;AAUA,SACE,gCAAC,0CAAD;AAEIV,IAAAA,cAAc,EAAdA,cAFJ;AAGIC,IAAAA,QAAQ,EAARA,QAHJ;AAIIC,IAAAA,aAAa,EAAbA,aAJJ;AAKIE,IAAAA,cAAc,EAAdA,cALJ;AAMIQ,IAAAA,kBAAkB,EAAlBA,kBANJ;AAOIN,IAAAA,aAAa,EAAbA,aAPJ;AAQIE,IAAAA,YAAY,EAAZA,YARJ;AASIE,IAAAA,kBAAkB,EAAlBA;AATJ,KAWMd,KAXN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAeD,CA9BM;;;AAgCPoC,uBAAuB,CAACZ,WAAxB,GAAsC,yCAAtC","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { ChannelAvatar } from './ChannelAvatar';\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport { ChannelPreviewMessage } from './ChannelPreviewMessage';\nimport { ChannelPreviewMutedStatus } from './ChannelPreviewMutedStatus';\nimport { ChannelPreviewStatus } from './ChannelPreviewStatus';\nimport { ChannelPreviewTitle } from './ChannelPreviewTitle';\nimport { ChannelPreviewUnreadCount } from './ChannelPreviewUnreadCount';\nimport { useChannelPreviewDisplayName } from './hooks/useChannelPreviewDisplayName';\n\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderBottomWidth: 1,\n    flex: 1,\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n    paddingVertical: 12,\n  },\n  contentContainer: { flex: 1 },\n  row: {\n    alignItems: 'center',\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingLeft: 8,\n  },\n  statusContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nconst maxWidth = vw(80) - 16 - 40;\n\nexport type ChannelPreviewMessengerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> &\n  Pick<\n    ChannelsContextValue<StreamChatGenerics>,\n    | 'maxUnreadCount'\n    | 'onSelect'\n    | 'PreviewAvatar'\n    | 'PreviewMessage'\n    | 'PreviewMutedStatus'\n    | 'PreviewStatus'\n    | 'PreviewTitle'\n    | 'PreviewUnreadCount'\n  > & {\n    /**\n     * Latest message on a channel, formatted for preview\n     *\n     * e.g.,\n     *\n     * ```json\n     * {\n     *  created_at: '' ,\n     *  messageObject: { ... },\n     *  previews: {\n     *    bold: true,\n     *    text: 'This is the message preview text'\n     *  },\n     *  status: 0 | 1 | 2 // read states of latest message.\n     * }\n     * ```\n     *\n     * @overrideType object\n     */\n    latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;\n    /**\n     * Formatter function for date of latest message.\n     * @param date Message date\n     * @returns Formatted date string\n     *\n     * By default today's date is shown in 'HH:mm A' format and other dates\n     * are displayed in 'DD/MM/YY' format. props.latestMessage.created_at is the\n     * default formatted date. This default logic is part of ChannelPreview component.\n     */\n    formatLatestMessageDate?: (date: Date) => string;\n    /** Number of unread messages on the channel */\n    unread?: number;\n  };\n\nconst ChannelPreviewMessengerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    channel,\n    formatLatestMessageDate,\n    latestMessagePreview,\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar = ChannelAvatar,\n    PreviewMessage = ChannelPreviewMessage,\n    PreviewStatus = ChannelPreviewStatus,\n    PreviewTitle = ChannelPreviewTitle,\n    PreviewUnreadCount = ChannelPreviewUnreadCount,\n    PreviewMutedStatus = ChannelPreviewMutedStatus,\n    unread,\n  } = props;\n\n  const {\n    theme: {\n      channelPreview: { container, contentContainer, row, title },\n      colors: { border, white_snow },\n    },\n  } = useTheme();\n\n  const displayName = useChannelPreviewDisplayName(\n    channel,\n    Math.floor(maxWidth / ((title.fontSize || styles.title.fontSize) / 2)),\n  );\n\n  const isChannelMuted = channel.muteStatus().muted;\n\n  return (\n    <TouchableOpacity\n      onPress={() => {\n        if (onSelect) {\n          onSelect(channel);\n        }\n      }}\n      style={[\n        styles.container,\n        { backgroundColor: white_snow, borderBottomColor: border },\n        container,\n      ]}\n      testID='channel-preview-button'\n    >\n      <PreviewAvatar channel={channel} />\n      <View\n        style={[styles.contentContainer, contentContainer]}\n        testID={`channel-preview-content-${channel.id}`}\n      >\n        <View style={[styles.row, row]}>\n          <PreviewTitle channel={channel} displayName={displayName} />\n          <View style={[styles.statusContainer, row]}>\n            <PreviewMutedStatus channel={channel} muted={isChannelMuted} />\n            <PreviewUnreadCount channel={channel} maxUnreadCount={maxUnreadCount} unread={unread} />\n          </View>\n        </View>\n        <View style={[styles.row, row]}>\n          <PreviewMessage latestMessagePreview={latestMessagePreview} />\n          <PreviewStatus\n            channel={channel}\n            formatLatestMessageDate={formatLatestMessageDate}\n            latestMessagePreview={latestMessagePreview}\n          />\n        </View>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nexport type ChannelPreviewMessengerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Omit<\n    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n    'channel' | 'latestMessagePreview'\n  >\n> &\n  Pick<\n    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n    'channel' | 'latestMessagePreview'\n  >;\n\nconst MemoizedChannelPreviewMessengerWithContext = React.memo(\n  ChannelPreviewMessengerWithContext,\n) as typeof ChannelPreviewMessengerWithContext;\n\n/**\n * This UI component displays an individual preview item for each channel in a list. It also receives all props\n * from the ChannelPreview component.\n */\nexport const ChannelPreviewMessenger = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessengerProps<StreamChatGenerics>,\n) => {\n  const {\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewMutedStatus,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n  } = useChannelsContext<StreamChatGenerics>();\n  return (\n    <MemoizedChannelPreviewMessengerWithContext\n      {...{\n        maxUnreadCount,\n        onSelect,\n        PreviewAvatar,\n        PreviewMessage,\n        PreviewMutedStatus,\n        PreviewStatus,\n        PreviewTitle,\n        PreviewUnreadCount,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelPreviewMessenger.displayName = 'ChannelPreviewMessenger{channelPreview}';\n"]}

package/lib/module/components/ChannelPreview/ChannelPreviewMutedStatus.js

@@ -0,0 +1,51 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelPreviewMutedStatus = 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 = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewMutedStatus.tsx";
+
+var styles = _reactNative.StyleSheet.create({
+  iconStyle: {
+    marginRight: 8
+  }
+});
+
+var ChannelPreviewMutedStatus = function ChannelPreviewMutedStatus(props) {
+  var muted = props.muted;
+
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+      _useTheme$theme = _useTheme.theme,
+      _useTheme$theme$chann = _useTheme$theme.channelPreview.mutedStatus,
+      height = _useTheme$theme$chann.height,
+      iconStyle = _useTheme$theme$chann.iconStyle,
+      width = _useTheme$theme$chann.width,
+      grey_dark = _useTheme$theme.colors.grey_dark;
+
+  return muted ? _react["default"].createElement(_icons.Mute, {
+    height: height,
+    pathFill: grey_dark,
+    style: [styles.iconStyle, iconStyle],
+    width: width,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 5
+    }
+  }) : null;
+};
+
+exports.ChannelPreviewMutedStatus = ChannelPreviewMutedStatus;
+//# sourceMappingURL=ChannelPreviewMutedStatus.js.map

package/lib/module/components/ChannelPreview/ChannelPreviewMutedStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChannelPreviewMutedStatus.tsx"],"names":["styles","StyleSheet","create","iconStyle","marginRight","ChannelPreviewMutedStatus","props","muted","theme","channelPreview","mutedStatus","height","width","grey_dark","colors"],"mappings":";;;;;;;AAAA;;AAEA;;AAIA;;AACA;;;;;AAGA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE;AADJ;AADoB,CAAlB,CAAf;;AAeO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAGvCC,KAHuC,EAIpC;AACH,MAAQC,KAAR,GAAkBD,KAAlB,CAAQC,KAAR;;AAEA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ,CAGMC,WAHN;AAAA,MAGqBC,MAHrB,yBAGqBA,MAHrB;AAAA,MAG6BR,SAH7B,yBAG6BA,SAH7B;AAAA,MAGwCS,KAHxC,yBAGwCA,KAHxC;AAAA,MAKcC,SALd,mBAKIC,MALJ,CAKcD,SALd;;AASA,SAAON,KAAK,GACV,gCAAC,WAAD;AACE,IAAA,MAAM,EAAEI,MADV;AAEE,IAAA,QAAQ,EAAEE,SAFZ;AAGE,IAAA,KAAK,EAAE,CAACb,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAHT;AAIE,IAAA,KAAK,EAAES,KAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADU,GAOR,IAPJ;AAQD,CAxBM","sourcesContent":["import React from 'react';\n\nimport { StyleSheet } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Mute } from '../../icons';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  iconStyle: {\n    marginRight: 8,\n  },\n});\n\nexport type ChannelPreviewMutedStatusProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  muted: boolean;\n};\n\n/**\n * This UI component displays an avatar for a particular channel.\n */\nexport const ChannelPreviewMutedStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMutedStatusProps<StreamChatGenerics>,\n) => {\n  const { muted } = props;\n\n  const {\n    theme: {\n      channelPreview: {\n        mutedStatus: { height, iconStyle, width },\n      },\n      colors: { grey_dark },\n    },\n  } = useTheme();\n\n  return muted ? (\n    <Mute\n      height={height}\n      pathFill={grey_dark}\n      style={[styles.iconStyle, iconStyle]}\n      width={width}\n    />\n  ) : null;\n};\n"]}

package/lib/module/components/ChannelPreview/ChannelPreviewStatus.js

@@ -16,7 +16,7 @@ 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/ChannelPreview/ChannelPreviewStatus.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewStatus.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   date: {
@@ -53,7 +53,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 50,
       columnNumber: 5
     }
   }, status === 2 ? _react["default"].createElement(_icons.CheckAll, (0, _extends2["default"])({
@@ -62,7 +62,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 52,
       columnNumber: 9
     }
   })) : status === 1 ? _react["default"].createElement(_icons.Check, (0, _extends2["default"])({
@@ -71,7 +71,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 54,
       columnNumber: 9
     }
   })) : null, _react["default"].createElement(_reactNative.Text, {
@@ -81,7 +81,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 56,
       columnNumber: 7
     }
   }, formatLatestMessageDate && latestMessageDate ? formatLatestMessageDate(latestMessageDate) : latestMessagePreview.created_at));

package/lib/module/components/ChannelPreview/ChannelPreviewStatus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewStatus.tsx"],"names":["styles","StyleSheet","create","date","fontSize","marginLeft","textAlign","flexRow","flexDirection","ChannelPreviewStatus","props","formatLatestMessageDate","latestMessagePreview","theme","channelPreview","checkAllIcon","checkIcon","colors","accent_blue","grey","created_at","messageObject","latestMessageDate","Date","status","color"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAgBA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE,CAFR;AAGJC,IAAAA,SAAS,EAAE;AAHP,GADyB;AAM/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,aAAa,EAAE;AADR;AANsB,CAAlB,CAAf;;AAyBO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CASlCC,KATkC,EAU/B;AAAA;;AACH,MAAQC,uBAAR,GAA0DD,KAA1D,CAAQC,uBAAR;AAAA,MAAiCC,oBAAjC,GAA0DF,KAA1D,CAAiCE,oBAAjC;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ;AAAA,MAEsBC,YAFtB,yBAEsBA,YAFtB;AAAA,MAEoCC,SAFpC,yBAEoCA,SAFpC;AAAA,MAE+Cb,IAF/C,yBAE+CA,IAF/C;AAAA,8CAGIc,MAHJ;AAAA,MAGcC,WAHd,yBAGcA,WAHd;AAAA,MAG2BC,IAH3B,yBAG2BA,IAH3B;;AAOA,MAAMC,UAAU,4BAAGR,oBAAoB,CAACS,aAAxB,qBAAG,sBAAoCD,UAAvD;AACA,MAAME,iBAAiB,GAAGF,UAAU,GAAG,IAAIG,IAAJ,CAASH,UAAT,CAAH,GAA0B,IAAIG,IAAJ,EAA9D;AACA,MAAMC,MAAM,GAAGZ,oBAAoB,CAACY,MAApC;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAExB,MAAM,CAACO,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGiB,MAAM,KAAK,CAAX,GACC,gCAAC,eAAD;AAAU,IAAA,QAAQ,EAAEN;AAApB,KAAqCH,YAArC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADD,GAEGS,MAAM,KAAK,CAAX,GACF,gCAAC,YAAD;AAAO,IAAA,QAAQ,EAAEL;AAAjB,KAA2BH,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADE,GAEA,IALN,EAME,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACG,IAAR,EAAc;AAAEsB,MAAAA,KAAK,EAAEN;AAAT,KAAd,EAA+BhB,IAA/B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGQ,uBAAuB,IAAIW,iBAA3B,GACGX,uBAAuB,CAACW,iBAAD,CAD1B,GAEGV,oBAAoB,CAACQ,UAH3B,CANF,CADF;AAcD,CArCM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Check, CheckAll } from '../../icons';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMessenger';\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  date: {\n    fontSize: 12,\n    marginLeft: 2,\n    textAlign: 'right',\n  },\n  flexRow: {\n    flexDirection: 'row',\n  },\n});\n\nexport type ChannelPreviewStatusProps<\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  ChannelPreviewMessengerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  'latestMessagePreview' | 'formatLatestMessageDate'\n> &\n  Pick<ChannelPreviewProps<At, Ch, Co, Ev, Me, Re, Us>, 'channel'>;\n\nexport const ChannelPreviewStatus = <\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: ChannelPreviewStatusProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { formatLatestMessageDate, latestMessagePreview } = props;\n  const {\n    theme: {\n      channelPreview: { checkAllIcon, checkIcon, date },\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  const created_at = latestMessagePreview.messageObject?.created_at;\n  const latestMessageDate = created_at ? new Date(created_at) : new Date();\n  const status = latestMessagePreview.status;\n\n  return (\n    <View style={styles.flexRow}>\n      {status === 2 ? (\n        <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n      ) : status === 1 ? (\n        <Check pathFill={grey} {...checkIcon} />\n      ) : null}\n      <Text style={[styles.date, { color: grey }, date]}>\n        {formatLatestMessageDate && latestMessageDate\n          ? formatLatestMessageDate(latestMessageDate)\n          : latestMessagePreview.created_at}\n      </Text>\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["ChannelPreviewStatus.tsx"],"names":["styles","StyleSheet","create","date","fontSize","marginLeft","textAlign","flexRow","flexDirection","ChannelPreviewStatus","props","formatLatestMessageDate","latestMessagePreview","theme","channelPreview","checkAllIcon","checkIcon","colors","accent_blue","grey","created_at","messageObject","latestMessageDate","Date","status","color"],"mappings":";;;;;;;;;AAAA;;AACA;;AAMA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE,CAFR;AAGJC,IAAAA,SAAS,EAAE;AAHP,GADyB;AAM/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,aAAa,EAAE;AADR;AANsB,CAAlB,CAAf;;AAmBO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAGlCC,KAHkC,EAI/B;AAAA;;AACH,MAAQC,uBAAR,GAA0DD,KAA1D,CAAQC,uBAAR;AAAA,MAAiCC,oBAAjC,GAA0DF,KAA1D,CAAiCE,oBAAjC;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ;AAAA,MAEsBC,YAFtB,yBAEsBA,YAFtB;AAAA,MAEoCC,SAFpC,yBAEoCA,SAFpC;AAAA,MAE+Cb,IAF/C,yBAE+CA,IAF/C;AAAA,8CAGIc,MAHJ;AAAA,MAGcC,WAHd,yBAGcA,WAHd;AAAA,MAG2BC,IAH3B,yBAG2BA,IAH3B;;AAOA,MAAMC,UAAU,4BAAGR,oBAAoB,CAACS,aAAxB,qBAAG,sBAAoCD,UAAvD;AACA,MAAME,iBAAiB,GAAGF,UAAU,GAAG,IAAIG,IAAJ,CAASH,UAAT,CAAH,GAA0B,IAAIG,IAAJ,EAA9D;AACA,MAAMC,MAAM,GAAGZ,oBAAoB,CAACY,MAApC;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAExB,MAAM,CAACO,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGiB,MAAM,KAAK,CAAX,GACC,gCAAC,eAAD;AAAU,IAAA,QAAQ,EAAEN;AAApB,KAAqCH,YAArC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADD,GAEGS,MAAM,KAAK,CAAX,GACF,gCAAC,YAAD;AAAO,IAAA,QAAQ,EAAEL;AAAjB,KAA2BH,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADE,GAEA,IALN,EAME,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACG,IAAR,EAAc;AAAEsB,MAAAA,KAAK,EAAEN;AAAT,KAAd,EAA+BhB,IAA/B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGQ,uBAAuB,IAAIW,iBAA3B,GACGX,uBAAuB,CAACW,iBAAD,CAD1B,GAEGV,oBAAoB,CAACQ,UAH3B,CANF,CADF;AAcD,CA/BM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMessenger';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Check, CheckAll } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  date: {\n    fontSize: 12,\n    marginLeft: 2,\n    textAlign: 'right',\n  },\n  flexRow: {\n    flexDirection: 'row',\n  },\n});\n\nexport type ChannelPreviewStatusProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n  'latestMessagePreview' | 'formatLatestMessageDate'\n> &\n  Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreviewStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewStatusProps<StreamChatGenerics>,\n) => {\n  const { formatLatestMessageDate, latestMessagePreview } = props;\n  const {\n    theme: {\n      channelPreview: { checkAllIcon, checkIcon, date },\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  const created_at = latestMessagePreview.messageObject?.created_at;\n  const latestMessageDate = created_at ? new Date(created_at) : new Date();\n  const status = latestMessagePreview.status;\n\n  return (\n    <View style={styles.flexRow}>\n      {status === 2 ? (\n        <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n      ) : status === 1 ? (\n        <Check pathFill={grey} {...checkIcon} />\n      ) : null}\n      <Text style={[styles.date, { color: grey }, date]}>\n        {formatLatestMessageDate && latestMessageDate\n          ? formatLatestMessageDate(latestMessageDate)\n          : latestMessagePreview.created_at}\n      </Text>\n    </View>\n  );\n};\n"]}

package/lib/module/components/ChannelPreview/ChannelPreviewTitle.js

@@ -12,7 +12,7 @@ var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   title: {
@@ -37,7 +37,7 @@ var ChannelPreviewTitle = function ChannelPreviewTitle(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, displayName);

package/lib/module/components/ChannelPreview/ChannelPreviewTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewTitle.tsx"],"names":["styles","StyleSheet","create","title","fontSize","fontWeight","ChannelPreviewTitle","props","displayName","theme","channelPreview","black","colors","color"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;AAeA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE,EAAZ;AAAgBC,IAAAA,UAAU,EAAE;AAA5B;AADwB,CAAlB,CAAf;;AAgBO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CASjCC,KATiC,EAU9B;AACH,MAAQC,WAAR,GAAwBD,KAAxB,CAAQC,WAAR;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEsBN,KAFtB,mBAEIO,cAFJ,CAEsBP,KAFtB;AAAA,MAGcQ,KAHd,mBAGIC,MAHJ,CAGcD,KAHd;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAACX,MAAM,CAACG,KAAR,EAAe;AAAEU,MAAAA,KAAK,EAAEF;AAAT,KAAf,EAAiCR,KAAjC,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,WADH,CADF;AAKD,CAxBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\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  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewTitleProps<\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<ChannelPreviewProps<At, Ch, Co, Ev, Me, Re, Us>, 'channel'> & {\n  displayName: string;\n};\n\nexport const ChannelPreviewTitle = <\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: ChannelPreviewTitleProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { displayName } = props;\n  const {\n    theme: {\n      channelPreview: { title },\n      colors: { black },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.title, { color: black }, title]}>\n      {displayName}\n    </Text>\n  );\n};\n"]}
+{"version":3,"sources":["ChannelPreviewTitle.tsx"],"names":["styles","StyleSheet","create","title","fontSize","fontWeight","ChannelPreviewTitle","props","displayName","theme","channelPreview","black","colors","color"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE,EAAZ;AAAgBC,IAAAA,UAAU,EAAE;AAA5B;AADwB,CAAlB,CAAf;;AAUO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAGjCC,KAHiC,EAI9B;AACH,MAAQC,WAAR,GAAwBD,KAAxB,CAAQC,WAAR;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEsBN,KAFtB,mBAEIO,cAFJ,CAEsBP,KAFtB;AAAA,MAGcQ,KAHd,mBAGIC,MAHJ,CAGcD,KAHd;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAACX,MAAM,CAACG,KAAR,EAAe;AAAEU,MAAAA,KAAK,EAAEF;AAAT,KAAf,EAAiCR,KAAjC,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,WADH,CADF;AAKD,CAlBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewTitleProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  displayName: string;\n};\n\nexport const ChannelPreviewTitle = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewTitleProps<StreamChatGenerics>,\n) => {\n  const { displayName } = props;\n  const {\n    theme: {\n      channelPreview: { title },\n      colors: { black },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.title, { color: black }, title]}>\n      {displayName}\n    </Text>\n  );\n};\n"]}

package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js

@@ -12,7 +12,7 @@ var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   unreadContainer: {
@@ -48,7 +48,7 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 47,
       columnNumber: 5
     }
   }, !!unread && _react["default"].createElement(_reactNative.Text, {
@@ -57,7 +57,7 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 49,
       columnNumber: 9
     }
   }, unread > maxUnreadCount ? maxUnreadCount + "+" : unread));

package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewUnreadCount.tsx"],"names":["styles","StyleSheet","create","unreadContainer","alignItems","borderRadius","flexShrink","justifyContent","unreadText","color","fontSize","fontWeight","paddingHorizontal","paddingVertical","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","theme","channelPreview","accent_red","colors","backgroundColor"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;AAcA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,YAAY,EAAE,CAFC;AAGfC,IAAAA,UAAU,EAAE,CAHG;AAIfC,IAAAA,cAAc,EAAE;AAJD,GADc;AAO/BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,KAAK,EAAE,SADG;AAEVC,IAAAA,QAAQ,EAAE,EAFA;AAGVC,IAAAA,UAAU,EAAE,KAHF;AAIVC,IAAAA,iBAAiB,EAAE,CAJT;AAKVC,IAAAA,eAAe,EAAE;AALP;AAPmB,CAAlB,CAAf;;AA6BO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CASvCC,KATuC,EAUpC;AACH,MAAQC,cAAR,GAAmCD,KAAnC,CAAQC,cAAR;AAAA,MAAwBC,MAAxB,GAAmCF,KAAnC,CAAwBE,MAAxB;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ;AAAA,MAEsBhB,eAFtB,yBAEsBA,eAFtB;AAAA,MAEuCK,UAFvC,yBAEuCA,UAFvC;AAAA,MAGcY,UAHd,mBAGIC,MAHJ,CAGcD,UAHd;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACG,eAAR,EAAyB;AAAEmB,MAAAA,eAAe,EAAEF;AAAnB,KAAzB,EAA0DjB,eAA1D,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACG,CAAC,CAACc,MAAF,IACC,gCAAC,iBAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAACjB,MAAM,CAACQ,UAAR,EAAoBA,UAApB,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGS,MAAM,GAAGD,cAAT,GAA6BA,cAA7B,SAAiDC,MADpD,CAFJ,CADF;AASD,CA5BM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\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  unreadContainer: {\n    alignItems: 'center',\n    borderRadius: 8,\n    flexShrink: 1,\n    justifyContent: 'center',\n  },\n  unreadText: {\n    color: '#FFFFFF',\n    fontSize: 11,\n    fontWeight: '700',\n    paddingHorizontal: 5,\n    paddingVertical: 1,\n  },\n});\n\nexport type ChannelPreviewUnreadCountProps<\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<ChannelPreviewProps<At, Ch, Co, Ev, Me, Re, Us>, 'channel'> & {\n  maxUnreadCount: number;\n  unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\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: ChannelPreviewUnreadCountProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { maxUnreadCount, unread } = props;\n  const {\n    theme: {\n      channelPreview: { unreadContainer, unreadText },\n      colors: { accent_red },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n      {!!unread && (\n        <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n          {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n        </Text>\n      )}\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["ChannelPreviewUnreadCount.tsx"],"names":["styles","StyleSheet","create","unreadContainer","alignItems","borderRadius","flexShrink","justifyContent","unreadText","color","fontSize","fontWeight","paddingHorizontal","paddingVertical","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","theme","channelPreview","accent_red","colors","backgroundColor"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,YAAY,EAAE,CAFC;AAGfC,IAAAA,UAAU,EAAE,CAHG;AAIfC,IAAAA,cAAc,EAAE;AAJD,GADc;AAO/BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,KAAK,EAAE,SADG;AAEVC,IAAAA,QAAQ,EAAE,EAFA;AAGVC,IAAAA,UAAU,EAAE,KAHF;AAIVC,IAAAA,iBAAiB,EAAE,CAJT;AAKVC,IAAAA,eAAe,EAAE;AALP;AAPmB,CAAlB,CAAf;;AAuBO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAGvCC,KAHuC,EAIpC;AACH,MAAQC,cAAR,GAAmCD,KAAnC,CAAQC,cAAR;AAAA,MAAwBC,MAAxB,GAAmCF,KAAnC,CAAwBE,MAAxB;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ;AAAA,MAEsBhB,eAFtB,yBAEsBA,eAFtB;AAAA,MAEuCK,UAFvC,yBAEuCA,UAFvC;AAAA,MAGcY,UAHd,mBAGIC,MAHJ,CAGcD,UAHd;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACG,eAAR,EAAyB;AAAEmB,MAAAA,eAAe,EAAEF;AAAnB,KAAzB,EAA0DjB,eAA1D,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACG,CAAC,CAACc,MAAF,IACC,gCAAC,iBAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAACjB,MAAM,CAACQ,UAAR,EAAoBA,UAApB,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGS,MAAM,GAAGD,cAAT,GAA6BA,cAA7B,SAAiDC,MADpD,CAFJ,CADF;AASD,CAtBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  unreadContainer: {\n    alignItems: 'center',\n    borderRadius: 8,\n    flexShrink: 1,\n    justifyContent: 'center',\n  },\n  unreadText: {\n    color: '#FFFFFF',\n    fontSize: 11,\n    fontWeight: '700',\n    paddingHorizontal: 5,\n    paddingVertical: 1,\n  },\n});\n\nexport type ChannelPreviewUnreadCountProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  maxUnreadCount: number;\n  unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n  const { maxUnreadCount, unread } = props;\n  const {\n    theme: {\n      channelPreview: { unreadContainer, unreadText },\n      colors: { accent_red },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n      {!!unread && (\n        <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n          {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n        </Text>\n      )}\n    </View>\n  );\n};\n"]}

package/lib/module/components/ChannelPreview/hooks/useChannelPreviewDisplayAvatar.js

@@ -15,12 +15,14 @@ var getChannelPreviewDisplayAvatar = function getChannelPreviewDisplayAvatar(cha
   var _client$user;
 
   var currentUserId = client == null ? void 0 : (_client$user = client.user) == null ? void 0 : _client$user.id;
+  var channelId = channel == null ? void 0 : channel.id;
   var channelData = channel == null ? void 0 : channel.data;
   var channelName = channelData == null ? void 0 : channelData.name;
   var channelImage = channelData == null ? void 0 : channelData.image;
 
   if (channelImage) {
     return {
+      id: channelId,
       image: channelImage,
       name: channelName
     };
@@ -35,29 +37,36 @@ var getChannelPreviewDisplayAvatar = function getChannelPreviewDisplayAvatar(cha
     });
 
     if (otherMembers.length === 1) {
-      var _otherMembers$0$user, _otherMembers$0$user2;
+      var _otherMembers$0$user, _otherMembers$0$user2, _otherMembers$0$user3;
 
       return {
-        image: (_otherMembers$0$user = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user.image,
-        name: channelName || ((_otherMembers$0$user2 = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user2.name)
+        id: (_otherMembers$0$user = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user.id,
+        image: (_otherMembers$0$user2 = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user2.image,
+        name: channelName || ((_otherMembers$0$user3 = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user3.name)
       };
     }
 
     return {
-      images: otherMembers.slice(0, 4).map(function (member) {
+      ids: otherMembers.slice(0, 4).map(function (member) {
         var _member$user2;
 
-        return ((_member$user2 = member.user) == null ? void 0 : _member$user2.image) || '';
+        return ((_member$user2 = member.user) == null ? void 0 : _member$user2.id) || '';
       }),
-      names: otherMembers.slice(0, 4).map(function (member) {
+      images: otherMembers.slice(0, 4).map(function (member) {
         var _member$user3;
 
-        return ((_member$user3 = member.user) == null ? void 0 : _member$user3.name) || '';
+        return ((_member$user3 = member.user) == null ? void 0 : _member$user3.image) || '';
+      }),
+      names: otherMembers.slice(0, 4).map(function (member) {
+        var _member$user4;
+
+        return ((_member$user4 = member.user) == null ? void 0 : _member$user4.name) || '';
       })
     };
   }
 
   return {
+    id: channelId,
     name: channelName
   };
 };

package/lib/module/components/ChannelPreview/hooks/useChannelPreviewDisplayAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelPreviewDisplayAvatar.ts"],"names":["getChannelPreviewDisplayAvatar","channel","client","currentUserId","user","id","channelData","data","channelName","name","channelImage","image","members","Object","values","state","otherMembers","filter","member","length","images","slice","map","names","useChannelPreviewDisplayAvatar","displayAvatar","setDisplayAvatar"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAeO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAAiC,CAS5CC,OAT4C,EAU5CC,MAV4C,EAWzC;AAAA;;AACH,MAAMC,aAAa,GAAGD,MAAH,oCAAGA,MAAM,CAAEE,IAAX,qBAAG,aAAcC,EAApC;AACA,MAAMC,WAAW,GAAGL,OAAH,oBAAGA,OAAO,CAAEM,IAA7B;AACA,MAAMC,WAAW,GAAGF,WAAH,oBAAGA,WAAW,CAAEG,IAAjC;AACA,MAAMC,YAAY,GAAGJ,WAAH,oBAAGA,WAAW,CAAEK,KAAlC;;AAEA,MAAID,YAAJ,EAAkB;AAChB,WAAO;AACLC,MAAAA,KAAK,EAAED,YADF;AAELD,MAAAA,IAAI,EAAED;AAFD,KAAP;AAID,GALD,MAKO,IAAIL,aAAJ,EAAmB;AAAA;;AACxB,QAAMS,OAAO,GAAGC,MAAM,CAACC,MAAP,mBAAcb,OAAO,CAACc,KAAtB,qBAAc,eAAeH,OAA7B,CAAhB;AACA,QAAMI,YAAY,GAAGJ,OAAO,CAACK,MAAR,CAAe,UAACC,MAAD;AAAA;;AAAA,aAAY,iBAAAA,MAAM,CAACd,IAAP,kCAAaC,EAAb,MAAoBF,aAAhC;AAAA,KAAf,CAArB;;AAEA,QAAIa,YAAY,CAACG,MAAb,KAAwB,CAA5B,EAA+B;AAAA;;AAC7B,aAAO;AACLR,QAAAA,KAAK,0BAAEK,YAAY,CAAC,CAAD,CAAZ,CAAgBZ,IAAlB,qBAAE,qBAAsBO,KADxB;AAELF,QAAAA,IAAI,EAAED,WAAW,8BAAIQ,YAAY,CAAC,CAAD,CAAZ,CAAgBZ,IAApB,qBAAI,sBAAsBK,IAA1B;AAFZ,OAAP;AAID;;AACD,WAAO;AACLW,MAAAA,MAAM,EAAEJ,YAAY,CAACK,KAAb,CAAmB,CAAnB,EAAsB,CAAtB,EAAyBC,GAAzB,CAA6B,UAACJ,MAAD;AAAA;;AAAA,eAAY,kBAAAA,MAAM,CAACd,IAAP,mCAAaO,KAAb,KAAsB,EAAlC;AAAA,OAA7B,CADH;AAELY,MAAAA,KAAK,EAAEP,YAAY,CAACK,KAAb,CAAmB,CAAnB,EAAsB,CAAtB,EAAyBC,GAAzB,CAA6B,UAACJ,MAAD;AAAA;;AAAA,eAAY,kBAAAA,MAAM,CAACd,IAAP,mCAAaK,IAAb,KAAqB,EAAjC;AAAA,OAA7B;AAFF,KAAP;AAID;;AACD,SAAO;AACLA,IAAAA,IAAI,EAAED;AADD,GAAP;AAGD,CAxCM;;;;AAgDA,IAAMgB,8BAA8B,GAAG,SAAjCA,8BAAiC,CAS5CvB,OAT4C,EAUzC;AAAA;;AACH,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,MAAMI,WAAW,GAAGL,OAAH,oBAAGA,OAAO,CAAEM,IAA7B;AACA,MAAMI,KAAK,GAAGL,WAAH,oBAAGA,WAAW,CAAEK,KAA3B;AACA,MAAMF,IAAI,GAAGH,WAAH,oBAAGA,WAAW,CAAEG,IAA1B;AACA,MAAMJ,EAAE,GAAGH,MAAH,qCAAGA,MAAM,CAAEE,IAAX,qBAAG,cAAcC,EAAzB;;AAEA,kBAA0C,qBACxCL,8BAA8B,CAACC,OAAD,EAAUC,MAAV,CADU,CAA1C;AAAA;AAAA,MAAOuB,aAAP;AAAA,MAAsBC,gBAAtB;;AAIA,wBAAU,YAAM;AACdA,IAAAA,gBAAgB,CAAC1B,8BAA8B,CAACC,OAAD,EAAUC,MAAV,CAA/B,CAAhB;AACD,GAFD,EAEG,CAACG,EAAD,EAAKM,KAAL,EAAYF,IAAZ,CAFH;AAIA,SAAOgB,aAAP;AACD,CA3BM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { Channel, StreamChat } 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 const getChannelPreviewDisplayAvatar = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends DefaultChannelType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends DefaultEventType = DefaultEventType,\n  Me extends DefaultMessageType = DefaultMessageType,\n  Re extends DefaultReactionType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  channel: Channel<At, Ch, Co, Ev, Me, Re, Us>,\n  client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const currentUserId = client?.user?.id;\n  const channelData = channel?.data;\n  const channelName = channelData?.name;\n  const channelImage = channelData?.image;\n\n  if (channelImage) {\n    return {\n      image: channelImage,\n      name: channelName,\n    };\n  } else if (currentUserId) {\n    const members = Object.values(channel.state?.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return {\n        image: otherMembers[0].user?.image,\n        name: channelName || otherMembers[0].user?.name,\n      };\n    }\n    return {\n      images: otherMembers.slice(0, 4).map((member) => member.user?.image || ''),\n      names: otherMembers.slice(0, 4).map((member) => member.user?.name || ''),\n    };\n  }\n  return {\n    name: channelName,\n  };\n};\n\n/**\n * Hook to set the display avatar for channel preview\n * @param {*} channel\n *\n * @returns {object} e.g., { image: 'http://dummyurl.com/test.png', name: 'Uhtred Bebbanburg' }\n */\nexport const useChannelPreviewDisplayAvatar = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends DefaultChannelType = 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  channel: Channel<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const channelData = channel?.data;\n  const image = channelData?.image;\n  const name = channelData?.name;\n  const id = client?.user?.id;\n\n  const [displayAvatar, setDisplayAvatar] = useState(\n    getChannelPreviewDisplayAvatar(channel, client),\n  );\n\n  useEffect(() => {\n    setDisplayAvatar(getChannelPreviewDisplayAvatar(channel, client));\n  }, [id, image, name]);\n\n  return displayAvatar;\n};\n"]}
+{"version":3,"sources":["useChannelPreviewDisplayAvatar.ts"],"names":["getChannelPreviewDisplayAvatar","channel","client","currentUserId","user","id","channelId","channelData","data","channelName","name","channelImage","image","members","Object","values","state","otherMembers","filter","member","length","ids","slice","map","images","names","useChannelPreviewDisplayAvatar","displayAvatar","setDisplayAvatar"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, StreamChat } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const getChannelPreviewDisplayAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const currentUserId = client?.user?.id;\n  const channelId = channel?.id;\n  const channelData = channel?.data;\n  const channelName = channelData?.name;\n  const channelImage = channelData?.image;\n\n  if (channelImage) {\n    return {\n      id: channelId,\n      image: channelImage,\n      name: channelName,\n    };\n  } else if (currentUserId) {\n    const members = Object.values(channel.state?.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return {\n        id: otherMembers[0].user?.id,\n        image: otherMembers[0].user?.image,\n        name: channelName || otherMembers[0].user?.name,\n      };\n    }\n\n    return {\n      ids: otherMembers.slice(0, 4).map((member) => member.user?.id || ''),\n      images: otherMembers.slice(0, 4).map((member) => member.user?.image || ''),\n      names: otherMembers.slice(0, 4).map((member) => member.user?.name || ''),\n    };\n  }\n  return {\n    id: channelId,\n    name: channelName,\n  };\n};\n\n/**\n * Hook to set the display avatar for channel preview\n * @param {*} channel\n *\n * @returns {object} e.g., { image: 'http://dummyurl.com/test.png', name: 'Uhtred Bebbanburg' }\n */\nexport const useChannelPreviewDisplayAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const channelData = channel?.data;\n  const image = channelData?.image;\n  const name = channelData?.name;\n  const id = client?.user?.id;\n\n  const [displayAvatar, setDisplayAvatar] = useState(\n    getChannelPreviewDisplayAvatar(channel, client),\n  );\n\n  useEffect(() => {\n    setDisplayAvatar(getChannelPreviewDisplayAvatar(channel, client));\n  }, [id, image, name]);\n\n  return displayAvatar;\n};\n"]}

package/lib/module/components/ChannelPreview/hooks/useChannelPreviewDisplayName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelPreviewDisplayName.ts"],"names":["maxCharacterLengthDefault","getChannelPreviewDisplayName","channelName","currentUserId","maxCharacterLength","members","channelMembers","Object","values","otherMembers","filter","member","user","id","name","slice","reduce","returnString","currentMember","index","originalArray","returnStringLength","length","currentMemberName","remainingMembers","splice","useChannelPreviewDisplayName","channel","characterLength","client","userID","state","numOfMembers","keys","data","displayName","setDisplayName"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport { vw } from '../../../utils/utils';\n\nimport type { Channel } 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\nconst maxCharacterLengthDefault = (vw(100) - 16) / 6;\n\nexport const getChannelPreviewDisplayName = <\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  channelName,\n  currentUserId,\n  maxCharacterLength,\n  members,\n}: {\n  maxCharacterLength: number;\n  channelName?: string;\n  currentUserId?: string;\n  members?: Channel<At, Ch, Co, Ev, Me, Re, Us>['state']['members'];\n}) => {\n  if (channelName) return channelName;\n\n  const channelMembers = Object.values(members || {});\n  const otherMembers = channelMembers.filter((member) => member.user?.id !== currentUserId);\n\n  const name = otherMembers.slice(0).reduce((returnString, currentMember, index, originalArray) => {\n    const returnStringLength = returnString.length;\n    const currentMemberName = currentMember.user?.name || currentMember.user?.id || 'Unknown User';\n    // a rough approximation of when the +Number shows up\n    if (returnStringLength + (currentMemberName.length + 2) < maxCharacterLength) {\n      if (returnStringLength) {\n        returnString += `, ${currentMemberName}`;\n      } else {\n        returnString = currentMemberName;\n      }\n    } else {\n      const remainingMembers = originalArray.length - index;\n      returnString += `, +${remainingMembers}`;\n      originalArray.splice(1); // exit early\n    }\n    return returnString;\n  }, '');\n\n  return name;\n};\n\nexport const useChannelPreviewDisplayName = <\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  channel?: Channel<At, Ch, Co, Ev, Me, Re, Us>,\n  characterLength?: number,\n) => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const currentUserId = client.userID;\n  const members = channel?.state.members;\n  const numOfMembers = Object.keys(members || {}).length;\n  const channelName = channel?.data?.name;\n  const maxCharacterLength = characterLength || maxCharacterLengthDefault;\n\n  const [displayName, setDisplayName] = useState(\n    getChannelPreviewDisplayName({\n      channelName,\n      currentUserId,\n      maxCharacterLength,\n      members,\n    }),\n  );\n\n  useEffect(() => {\n    setDisplayName(\n      getChannelPreviewDisplayName({\n        channelName,\n        currentUserId,\n        maxCharacterLength,\n        members,\n      }),\n    );\n  }, [channelName, currentUserId, maxCharacterLength, numOfMembers]);\n\n  return displayName;\n};\n"]}
+{"version":3,"sources":["useChannelPreviewDisplayName.ts"],"names":["maxCharacterLengthDefault","getChannelPreviewDisplayName","channelName","currentUserId","maxCharacterLength","members","channelMembers","Object","values","otherMembers","filter","member","user","id","name","slice","reduce","returnString","currentMember","index","originalArray","returnStringLength","length","currentMemberName","remainingMembers","splice","useChannelPreviewDisplayName","channel","characterLength","client","userID","state","numOfMembers","keys","data","displayName","setDisplayName"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst maxCharacterLengthDefault = (vw(100) - 16) / 6;\n\nexport const getChannelPreviewDisplayName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  channelName,\n  currentUserId,\n  maxCharacterLength,\n  members,\n}: {\n  maxCharacterLength: number;\n  channelName?: string;\n  currentUserId?: string;\n  members?: Channel<StreamChatGenerics>['state']['members'];\n}) => {\n  if (channelName) return channelName;\n\n  const channelMembers = Object.values(members || {});\n  const otherMembers = channelMembers.filter((member) => member.user?.id !== currentUserId);\n\n  const name = otherMembers.slice(0).reduce((returnString, currentMember, index, originalArray) => {\n    const returnStringLength = returnString.length;\n    const currentMemberName = currentMember.user?.name || currentMember.user?.id || 'Unknown User';\n    // a rough approximation of when the +Number shows up\n    if (returnStringLength + (currentMemberName.length + 2) < maxCharacterLength) {\n      if (returnStringLength) {\n        returnString += `, ${currentMemberName}`;\n      } else {\n        returnString = currentMemberName;\n      }\n    } else {\n      const remainingMembers = originalArray.length - index;\n      returnString += `, +${remainingMembers}`;\n      originalArray.splice(1); // exit early\n    }\n    return returnString;\n  }, '');\n\n  return name;\n};\n\nexport const useChannelPreviewDisplayName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel?: Channel<StreamChatGenerics>,\n  characterLength?: number,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const currentUserId = client.userID;\n  const members = channel?.state.members;\n  const numOfMembers = Object.keys(members || {}).length;\n  const channelName = channel?.data?.name;\n  const maxCharacterLength = characterLength || maxCharacterLengthDefault;\n\n  const [displayName, setDisplayName] = useState(\n    getChannelPreviewDisplayName({\n      channelName,\n      currentUserId,\n      maxCharacterLength,\n      members,\n    }),\n  );\n\n  useEffect(() => {\n    setDisplayName(\n      getChannelPreviewDisplayName({\n        channelName,\n        currentUserId,\n        maxCharacterLength,\n        members,\n      }),\n    );\n  }, [channelName, currentUserId, maxCharacterLength, numOfMembers]);\n\n  return displayName;\n};\n"]}

package/lib/module/components/ChannelPreview/hooks/useChannelPreviewDisplayPresence.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelPreviewDisplayPresence.ts"],"names":["getChannelPreviewDisplayPresence","channel","client","currentUserId","userID","members","Object","values","state","otherMembers","filter","member","user","id","length","online","useChannelPreviewDisplayPresence","channelMemberOnline","some","displayPresence","setDisplayPresence"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAeA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAmC,CASvCC,OATuC,EAUvCC,MAVuC,EAWpC;AACH,MAAMC,aAAa,GAAGD,MAAM,CAACE,MAA7B;;AAEA,MAAID,aAAJ,EAAmB;AACjB,QAAME,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcN,OAAO,CAACO,KAAR,CAAcH,OAA5B,CAAhB;AACA,QAAMI,YAAY,GAAGJ,OAAO,CAACK,MAAR,CAAe,UAACC,MAAD;AAAA;;AAAA,aAAY,iBAAAA,MAAM,CAACC,IAAP,kCAAaC,EAAb,MAAoBV,aAAhC;AAAA,KAAf,CAArB;;AAEA,QAAIM,YAAY,CAACK,MAAb,KAAwB,CAA5B,EAA+B;AAAA;;AAC7B,aAAO,CAAC,0BAACL,YAAY,CAAC,CAAD,CAAZ,CAAgBG,IAAjB,aAAC,qBAAsBG,MAAvB,CAAR;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAvBD;;AA+BO,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CAS9Cf,OAT8C,EAU3C;AACH,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,MAAMC,aAAa,GAAGD,MAAM,CAACE,MAA7B;AACA,MAAMC,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcN,OAAO,CAACO,KAAR,CAAcH,OAA5B,EAAqCK,MAArC,CACd,UAACC,MAAD;AAAA;;AAAA,WAAY,CAAC,mBAACA,MAAM,CAACC,IAAR,aAAC,cAAaC,EAAd,CAAD,IAAqB,CAAC,CAACV,aAAvB,IAAwC,kBAAAQ,MAAM,CAACC,IAAP,mCAAaC,EAAb,MAAoBV,aAAxE;AAAA,GADc,CAAhB;AAGA,MAAMc,mBAAmB,GAAGZ,OAAO,CAACa,IAAR,CAAa,UAACP,MAAD;AAAA;;AAAA,4BAAYA,MAAM,CAACC,IAAnB,qBAAY,cAAaG,MAAzB;AAAA,GAAb,CAA5B;;AAEA,kBAA8C,qBAAS,KAAT,CAA9C;AAAA;AAAA,MAAOI,eAAP;AAAA,MAAwBC,kBAAxB;;AAEA,wBAAU,YAAM;AACdA,IAAAA,kBAAkB,CAACpB,gCAAgC,CAACC,OAAD,EAAUC,MAAV,CAAjC,CAAlB;AACD,GAFD,EAEG,CAACe,mBAAD,CAFH;AAIA,SAAOE,eAAP;AACD,CA1BM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { Channel, StreamChat } 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\nconst getChannelPreviewDisplayPresence = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends DefaultChannelType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends DefaultEventType = DefaultEventType,\n  Me extends DefaultMessageType = DefaultMessageType,\n  Re extends DefaultReactionType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  channel: Channel<At, Ch, Co, Ev, Me, Re, Us>,\n  client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const currentUserId = client.userID;\n\n  if (currentUserId) {\n    const members = Object.values(channel.state.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return !!otherMembers[0].user?.online;\n    }\n  }\n  return false;\n};\n\n/**\n * Hook to set the display avatar presence for channel preview\n * @param {*} channel\n *\n * @returns {boolean} e.g., true\n */\nexport const useChannelPreviewDisplayPresence = <\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  channel: Channel<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const currentUserId = client.userID;\n  const members = Object.values(channel.state.members).filter(\n    (member) => !!member.user?.id && !!currentUserId && member.user?.id !== currentUserId,\n  );\n  const channelMemberOnline = members.some((member) => member.user?.online);\n\n  const [displayPresence, setDisplayPresence] = useState(false);\n\n  useEffect(() => {\n    setDisplayPresence(getChannelPreviewDisplayPresence(channel, client));\n  }, [channelMemberOnline]);\n\n  return displayPresence;\n};\n"]}
+{"version":3,"sources":["useChannelPreviewDisplayPresence.ts"],"names":["getChannelPreviewDisplayPresence","channel","client","currentUserId","userID","members","Object","values","state","otherMembers","filter","member","user","id","length","online","useChannelPreviewDisplayPresence","channelMemberOnline","some","displayPresence","setDisplayPresence"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAIA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAmC,CAGvCC,OAHuC,EAIvCC,MAJuC,EAKpC;AACH,MAAMC,aAAa,GAAGD,MAAM,CAACE,MAA7B;;AAEA,MAAID,aAAJ,EAAmB;AACjB,QAAME,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcN,OAAO,CAACO,KAAR,CAAcH,OAA5B,CAAhB;AACA,QAAMI,YAAY,GAAGJ,OAAO,CAACK,MAAR,CAAe,UAACC,MAAD;AAAA;;AAAA,aAAY,iBAAAA,MAAM,CAACC,IAAP,kCAAaC,EAAb,MAAoBV,aAAhC;AAAA,KAAf,CAArB;;AAEA,QAAIM,YAAY,CAACK,MAAb,KAAwB,CAA5B,EAA+B;AAAA;;AAC7B,aAAO,CAAC,0BAACL,YAAY,CAAC,CAAD,CAAZ,CAAgBG,IAAjB,aAAC,qBAAsBG,MAAvB,CAAR;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAjBD;;AAyBO,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CAG9Cf,OAH8C,EAI3C;AACH,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,MAAMC,aAAa,GAAGD,MAAM,CAACE,MAA7B;AACA,MAAMC,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcN,OAAO,CAACO,KAAR,CAAcH,OAA5B,EAAqCK,MAArC,CACd,UAACC,MAAD;AAAA;;AAAA,WAAY,CAAC,mBAACA,MAAM,CAACC,IAAR,aAAC,cAAaC,EAAd,CAAD,IAAqB,CAAC,CAACV,aAAvB,IAAwC,kBAAAQ,MAAM,CAACC,IAAP,mCAAaC,EAAb,MAAoBV,aAAxE;AAAA,GADc,CAAhB;AAGA,MAAMc,mBAAmB,GAAGZ,OAAO,CAACa,IAAR,CAAa,UAACP,MAAD;AAAA;;AAAA,4BAAYA,MAAM,CAACC,IAAnB,qBAAY,cAAaG,MAAzB;AAAA,GAAb,CAA5B;;AAEA,kBAA8C,qBAAS,KAAT,CAA9C;AAAA;AAAA,MAAOI,eAAP;AAAA,MAAwBC,kBAAxB;;AAEA,wBAAU,YAAM;AACdA,IAAAA,kBAAkB,CAACpB,gCAAgC,CAACC,OAAD,EAAUC,MAAV,CAAjC,CAAlB;AACD,GAFD,EAEG,CAACe,mBAAD,CAFH;AAIA,SAAOE,eAAP;AACD,CApBM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, StreamChat } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst getChannelPreviewDisplayPresence = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const currentUserId = client.userID;\n\n  if (currentUserId) {\n    const members = Object.values(channel.state.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return !!otherMembers[0].user?.online;\n    }\n  }\n  return false;\n};\n\n/**\n * Hook to set the display avatar presence for channel preview\n * @param {*} channel\n *\n * @returns {boolean} e.g., true\n */\nexport const useChannelPreviewDisplayPresence = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const currentUserId = client.userID;\n  const members = Object.values(channel.state.members).filter(\n    (member) => !!member.user?.id && !!currentUserId && member.user?.id !== currentUserId,\n  );\n  const channelMemberOnline = members.some((member) => member.user?.online);\n\n  const [displayPresence, setDisplayPresence] = useState(false);\n\n  useEffect(() => {\n    setDisplayPresence(getChannelPreviewDisplayPresence(channel, client));\n  }, [channelMemberOnline]);\n\n  return displayPresence;\n};\n"]}

package/lib/module/components/ChannelPreview/hooks/useLatestMessagePreview.js

@@ -22,7 +22,8 @@ var getLatestMessageDisplayText = function getLatestMessageDisplayText(channel,
     bold: false,
     text: t('Nothing yet...')
   }];
-  if (message.deleted_at) return [{
+  var isMessageTypeDeleted = message.type === 'deleted';
+  if (isMessageTypeDeleted) return [{
     bold: false,
     text: t('Message deleted')
   }];