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

package/lib/module/components/ChannelList/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["moveChannelUp","cid","channels","index","findIndex","c","channel","splice","unshift","getChannel","client","id","type","watch","DEFAULT_QUERY_CHANNELS_LIMIT","MAX_QUERY_CHANNELS_LIMIT"],"mappings":";;;;;;;;;;;;;AAWO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAKa;AAAA,MAFxCC,GAEwC,QAFxCA,GAEwC;AAAA,2BADxCC,QACwC;AAAA,MADxCA,QACwC,8BAD7B,EAC6B;AAExC,MAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAT,CAAmB,UAACC,CAAD;AAAA,WAAOA,CAAC,CAACJ,GAAF,KAAUA,GAAjB;AAAA,GAAnB,CAAd;AACA,MAAIE,KAAK,IAAI,CAAb,EAAgB,OAAOD,QAAP;AAChB,MAAMI,OAAO,GAAGJ,QAAQ,CAACC,KAAD,CAAxB;AAGAD,EAAAA,QAAQ,CAACK,MAAT,CAAgBJ,KAAhB,EAAuB,CAAvB;AACAD,EAAAA,QAAQ,CAACM,OAAT,CAAiBF,OAAjB;AAEA,6CAAWJ,QAAX;AACD,CAhBM;;;;AA0BA,IAAMO,UAAU;AAAA,8EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAGxBC,YAAAA,MAHwB,SAGxBA,MAHwB,EAIxBC,EAJwB,SAIxBA,EAJwB,EAKxBC,IALwB,SAKxBA,IALwB;AAOlBN,YAAAA,OAPkB,GAORI,MAAM,CAACJ,OAAP,CAAeM,IAAf,EAAqBD,EAArB,CAPQ;AAAA;AAAA,mBAQlBL,OAAO,CAACO,KAAR,EARkB;;AAAA;AAAA,6CASjBP,OATiB;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAH;;AAAA,kBAAVG,UAAU;AAAA;AAAA;AAAA,GAAhB;;;AAYA,IAAMK,4BAA4B,GAAG,EAArC;;AACA,IAAMC,wBAAwB,GAAG,EAAjC","sourcesContent":["import type { Channel, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype MoveParameters<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  channels: Channel<StreamChatGenerics>[];\n  cid: string;\n};\n\nexport const moveChannelUp = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  cid,\n  channels = [],\n}: MoveParameters<StreamChatGenerics>) => {\n  // get channel from channels\n  const index = channels.findIndex((c) => c.cid === cid);\n  if (index <= 0) return channels;\n  const channel = channels[index];\n\n  // remove channel from current position and add to start\n  channels.splice(index, 1);\n  channels.unshift(channel);\n\n  return [...channels];\n};\n\ntype GetParameters<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  client: StreamChat<StreamChatGenerics>;\n  id: string;\n  type: string;\n};\n\nexport const getChannel = async <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  id,\n  type,\n}: GetParameters<StreamChatGenerics>) => {\n  const channel = client.channel(type, id);\n  await channel.watch();\n  return channel;\n};\n\nexport const DEFAULT_QUERY_CHANNELS_LIMIT = 10;\nexport const MAX_QUERY_CHANNELS_LIMIT = 30;\n"]}
+{"version":3,"names":["moveChannelUp","cid","channels","index","findIndex","c","channel","splice","unshift","getChannel","client","id","type","watch","DEFAULT_QUERY_CHANNELS_LIMIT","MAX_QUERY_CHANNELS_LIMIT"],"sources":["utils.ts"],"sourcesContent":["import type { Channel, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype MoveParameters<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  channels: Channel<StreamChatGenerics>[];\n  cid: string;\n};\n\nexport const moveChannelUp = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  cid,\n  channels = [],\n}: MoveParameters<StreamChatGenerics>) => {\n  // get channel from channels\n  const index = channels.findIndex((c) => c.cid === cid);\n  if (index <= 0) return channels;\n  const channel = channels[index];\n\n  // remove channel from current position and add to start\n  channels.splice(index, 1);\n  channels.unshift(channel);\n\n  return [...channels];\n};\n\ntype GetParameters<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  client: StreamChat<StreamChatGenerics>;\n  id: string;\n  type: string;\n};\n\nexport const getChannel = async <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  id,\n  type,\n}: GetParameters<StreamChatGenerics>) => {\n  const channel = client.channel(type, id);\n  await channel.watch();\n  return channel;\n};\n\nexport const DEFAULT_QUERY_CHANNELS_LIMIT = 10;\nexport const MAX_QUERY_CHANNELS_LIMIT = 30;\n"],"mappings":";;;;;;;;AAWO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAKgB;EAAA,IAFxCC,GAAG,QAAHA,GAAG;IAAA,qBACHC,QAAQ;IAARA,QAAQ,8BAAG,EAAE;EAGb,IAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAS,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACJ,GAAG,KAAKA,GAAG;EAAA,EAAC;EACtD,IAAIE,KAAK,IAAI,CAAC,EAAE,OAAOD,QAAQ;EAC/B,IAAMI,OAAO,GAAGJ,QAAQ,CAACC,KAAK,CAAC;EAG/BD,QAAQ,CAACK,MAAM,CAACJ,KAAK,EAAE,CAAC,CAAC;EACzBD,QAAQ,CAACM,OAAO,CAACF,OAAO,CAAC;EAEzB,2CAAWJ,QAAQ;AACrB,CAAC;AAAC;AAUK,IAAMO,UAAU;EAAA,4EAAG;IAAA;IAAA;MAAA;QAAA;UAGxBC,MAAM,SAANA,MAAM,EACNC,EAAE,SAAFA,EAAE,EACFC,IAAI,SAAJA,IAAI;UAEEN,OAAO,GAAGI,MAAM,CAACJ,OAAO,CAACM,IAAI,EAAED,EAAE,CAAC;UAAA;UAAA,OAClCL,OAAO,CAACO,KAAK,EAAE;QAAA;UAAA,iCACdP,OAAO;QAAA;QAAA;UAAA;MAAA;IAAA;EAAA,CACf;EAAA,gBAVYG,UAAU;IAAA;EAAA;AAAA,GAUtB;AAAC;AAEK,IAAMK,4BAA4B,GAAG,EAAE;AAAC;AACxC,IAAMC,wBAAwB,GAAG,EAAE;AAAC"}

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

@@ -1,33 +1,22 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChannelAvatarWithContext = exports.ChannelAvatar = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _useChannelPreviewDisplayAvatar = require("./hooks/useChannelPreviewDisplayAvatar");
-
 var _useChannelPreviewDisplayPresence = require("./hooks/useChannelPreviewDisplayPresence");
-
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
-
 var _Avatar = require("../Avatar/Avatar");
-
 var _GroupAvatar = require("../Avatar/GroupAvatar");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelAvatar.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelAvatar.tsx";
 var ChannelAvatarWithContext = function ChannelAvatarWithContext(props) {
   var channel = props.channel,
-      ImageComponent = props.ImageComponent;
+    ImageComponent = props.ImageComponent;
   var displayAvatar = (0, _useChannelPreviewDisplayAvatar.useChannelPreviewDisplayAvatar)(channel);
   var displayPresence = (0, _useChannelPreviewDisplayPresence.useChannelPreviewDisplayPresence)(channel);
-
   if (displayAvatar.images) {
     return _react["default"].createElement(_GroupAvatar.GroupAvatar, {
       ImageComponent: ImageComponent,
@@ -42,7 +31,6 @@ var ChannelAvatarWithContext = function ChannelAvatarWithContext(props) {
       }
     });
   }
-
   return _react["default"].createElement(_Avatar.Avatar, {
     image: displayAvatar.image,
     ImageComponent: ImageComponent,
@@ -57,13 +45,10 @@ var ChannelAvatarWithContext = function ChannelAvatarWithContext(props) {
     }
   });
 };
-
 exports.ChannelAvatarWithContext = ChannelAvatarWithContext;
-
 var ChannelAvatar = function ChannelAvatar(props) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      ImageComponent = _useChatContext.ImageComponent;
-
+    ImageComponent = _useChatContext.ImageComponent;
   return _react["default"].createElement(ChannelAvatarWithContext, (0, _extends2["default"])({}, props, {
     ImageComponent: ImageComponent,
     __self: _this,
@@ -74,6 +59,5 @@ var ChannelAvatar = function ChannelAvatar(props) {
     }
   }));
 };
-
 exports.ChannelAvatar = ChannelAvatar;
 //# sourceMappingURL=ChannelAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ChannelAvatar.tsx"],"names":["ChannelAvatarWithContext","props","channel","ImageComponent","displayAvatar","displayPresence","images","names","image","name","ChannelAvatar"],"mappings":";;;;;;;;;AAAA;;AAGA;;AACA;;AAEA;;AAEA;;AACA;;;;;AASO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAGtCC,KAHsC,EAInC;AACH,MAAQC,OAAR,GAAoCD,KAApC,CAAQC,OAAR;AAAA,MAAiBC,cAAjB,GAAoCF,KAApC,CAAiBE,cAAjB;AAEA,MAAMC,aAAa,GAAG,oEAA+BF,OAA/B,CAAtB;AACA,MAAMG,eAAe,GAAG,wEAAiCH,OAAjC,CAAxB;;AAEA,MAAIE,aAAa,CAACE,MAAlB,EAA0B;AACxB,WACE,gCAAC,wBAAD;AACE,MAAA,cAAc,EAAEH,cADlB;AAEE,MAAA,MAAM,EAAEC,aAAa,CAACE,MAFxB;AAGE,MAAA,KAAK,EAAEF,aAAa,CAACG,KAHvB;AAIE,MAAA,IAAI,EAAE,EAJR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF;AAQD;;AAED,SACE,gCAAC,cAAD;AACE,IAAA,KAAK,EAAEH,aAAa,CAACI,KADvB;AAEE,IAAA,cAAc,EAAEL,cAFlB;AAGE,IAAA,IAAI,EAAEC,aAAa,CAACK,IAHtB;AAIE,IAAA,MAAM,EAAEJ,eAJV;AAKE,IAAA,IAAI,EAAE,EALR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF;AASD,CA9BM;;;;AAgCA,IAAMK,aAAa,GAAG,SAAhBA,aAAgB,CAG3BT,KAH2B,EAIxB;AACH,wBAA2B,kCAA3B;AAAA,MAAQE,cAAR,mBAAQA,cAAR;;AAEA,SAAO,gCAAC,wBAAD,gCAA8BF,KAA9B;AAAqC,IAAA,cAAc,EAAEE,cAArD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CARM","sourcesContent":["import React from 'react';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport { useChannelPreviewDisplayAvatar } from './hooks/useChannelPreviewDisplayAvatar';\nimport { useChannelPreviewDisplayPresence } from './hooks/useChannelPreviewDisplayPresence';\n\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { Avatar } from '../Avatar/Avatar';\nimport { GroupAvatar } from '../Avatar/GroupAvatar';\n\nexport type ChannelAvatarProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;\n\n/**\n * This UI component displays an avatar for a particular channel.\n */\nexport const ChannelAvatarWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelAvatarProps<StreamChatGenerics> & Pick<ChatContextValue, 'ImageComponent'>,\n) => {\n  const { channel, ImageComponent } = props;\n\n  const displayAvatar = useChannelPreviewDisplayAvatar(channel);\n  const displayPresence = useChannelPreviewDisplayPresence(channel);\n\n  if (displayAvatar.images) {\n    return (\n      <GroupAvatar\n        ImageComponent={ImageComponent}\n        images={displayAvatar.images}\n        names={displayAvatar.names}\n        size={40}\n      />\n    );\n  }\n\n  return (\n    <Avatar\n      image={displayAvatar.image}\n      ImageComponent={ImageComponent}\n      name={displayAvatar.name}\n      online={displayPresence}\n      size={40}\n    />\n  );\n};\n\nexport const ChannelAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelAvatarProps<StreamChatGenerics>,\n) => {\n  const { ImageComponent } = useChatContext<StreamChatGenerics>();\n\n  return <ChannelAvatarWithContext {...props} ImageComponent={ImageComponent} />;\n};\n"]}
+{"version":3,"names":["ChannelAvatarWithContext","props","channel","ImageComponent","displayAvatar","useChannelPreviewDisplayAvatar","displayPresence","useChannelPreviewDisplayPresence","images","names","image","name","ChannelAvatar","useChatContext"],"sources":["ChannelAvatar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport { useChannelPreviewDisplayAvatar } from './hooks/useChannelPreviewDisplayAvatar';\nimport { useChannelPreviewDisplayPresence } from './hooks/useChannelPreviewDisplayPresence';\n\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { Avatar } from '../Avatar/Avatar';\nimport { GroupAvatar } from '../Avatar/GroupAvatar';\n\nexport type ChannelAvatarProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;\n\n/**\n * This UI component displays an avatar for a particular channel.\n */\nexport const ChannelAvatarWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelAvatarProps<StreamChatGenerics> & Pick<ChatContextValue, 'ImageComponent'>,\n) => {\n  const { channel, ImageComponent } = props;\n\n  const displayAvatar = useChannelPreviewDisplayAvatar(channel);\n  const displayPresence = useChannelPreviewDisplayPresence(channel);\n\n  if (displayAvatar.images) {\n    return (\n      <GroupAvatar\n        ImageComponent={ImageComponent}\n        images={displayAvatar.images}\n        names={displayAvatar.names}\n        size={40}\n      />\n    );\n  }\n\n  return (\n    <Avatar\n      image={displayAvatar.image}\n      ImageComponent={ImageComponent}\n      name={displayAvatar.name}\n      online={displayPresence}\n      size={40}\n    />\n  );\n};\n\nexport const ChannelAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelAvatarProps<StreamChatGenerics>,\n) => {\n  const { ImageComponent } = useChatContext<StreamChatGenerics>();\n\n  return <ChannelAvatarWithContext {...props} ImageComponent={ImageComponent} />;\n};\n"],"mappings":";;;;;;AAAA;AAGA;AACA;AAEA;AAEA;AACA;AAAoD;EAAA;AAS7C,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAGnCC,KAAwF,EACrF;EACH,IAAQC,OAAO,GAAqBD,KAAK,CAAjCC,OAAO;IAAEC,cAAc,GAAKF,KAAK,CAAxBE,cAAc;EAE/B,IAAMC,aAAa,GAAG,IAAAC,8DAA8B,EAACH,OAAO,CAAC;EAC7D,IAAMI,eAAe,GAAG,IAAAC,kEAAgC,EAACL,OAAO,CAAC;EAEjE,IAAIE,aAAa,CAACI,MAAM,EAAE;IACxB,OACE,gCAAC,wBAAW;MACV,cAAc,EAAEL,cAAe;MAC/B,MAAM,EAAEC,aAAa,CAACI,MAAO;MAC7B,KAAK,EAAEJ,aAAa,CAACK,KAAM;MAC3B,IAAI,EAAE,EAAG;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EACT;EAEN;EAEA,OACE,gCAAC,cAAM;IACL,KAAK,EAAEL,aAAa,CAACM,KAAM;IAC3B,cAAc,EAAEP,cAAe;IAC/B,IAAI,EAAEC,aAAa,CAACO,IAAK;IACzB,MAAM,EAAEL,eAAgB;IACxB,IAAI,EAAE,EAAG;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EACT;AAEN,CAAC;AAAC;AAEK,IAAMM,aAAa,GAAG,SAAhBA,aAAa,CAGxBX,KAA6C,EAC1C;EACH,sBAA2B,IAAAY,2BAAc,GAAsB;IAAvDV,cAAc,mBAAdA,cAAc;EAEtB,OAAO,gCAAC,wBAAwB,gCAAKF,KAAK;IAAE,cAAc,EAAEE,cAAe;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAG;AAChF,CAAC;AAAC"}

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

@@ -1,55 +1,37 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChannelPreview = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useLatestMessagePreview = require("./hooks/useLatestMessagePreview");
-
 var _ChannelsContext = require("../../contexts/channelsContext/ChannelsContext");
-
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
-
 var _useTranslatedMessage = require("../../hooks/useTranslatedMessage");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreview.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreview.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
   var channel = props.channel,
-      client = props.client,
-      Preview = props.Preview;
-
+    client = props.client,
+    Preview = props.Preview;
   var _useState = (0, _react.useState)(channel.state.messages[channel.state.messages.length - 1]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      lastMessage = _useState2[0],
-      setLastMessage = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    lastMessage = _useState2[0],
+    setLastMessage = _useState2[1];
   var translatedLastMessage = (0, _useTranslatedMessage.useTranslatedMessage)(lastMessage || {});
-
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      forceUpdate = _useState4[0],
-      setForceUpdate = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    forceUpdate = _useState4[0],
+    setForceUpdate = _useState4[1];
   var _useState5 = (0, _react.useState)(channel.countUnread()),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      unread = _useState6[0],
-      setUnread = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    unread = _useState6[0],
+    setUnread = _useState6[1];
   var latestMessagePreview = (0, _useLatestMessagePreview.useLatestMessagePreview)(channel, forceUpdate, translatedLastMessage);
   var channelLastMessage = channel.lastMessage();
   var channelLastMessageString = "" + (channelLastMessage == null ? void 0 : channelLastMessage.id) + (channelLastMessage == null ? void 0 : channelLastMessage.updated_at);
@@ -57,32 +39,26 @@ var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
     if (channelLastMessage && (channelLastMessage.id !== (lastMessage == null ? void 0 : lastMessage.id) || channelLastMessage.updated_at !== (lastMessage == null ? void 0 : lastMessage.updated_at))) {
       setLastMessage(channelLastMessage);
     }
-
     var newUnreadCount = channel.countUnread();
     setUnread(newUnreadCount);
   }, [channelLastMessageString]);
   (0, _react.useEffect)(function () {
     var handleNewMessageEvent = function handleNewMessageEvent(event) {
       var message = event.message;
-
       if (message && (!message.parent_id || message.show_in_channel)) {
         setLastMessage(event.message);
         setUnread(channel.countUnread());
       }
     };
-
     var handleUpdatedOrDeletedMessage = function handleUpdatedOrDeletedMessage(event) {
       setLastMessage(function (prevLastMessage) {
         var _event$message;
-
         if ((prevLastMessage == null ? void 0 : prevLastMessage.id) === ((_event$message = event.message) == null ? void 0 : _event$message.id)) {
           return event.message;
         }
-
         return prevLastMessage;
       });
     };
-
     var listeners = [channel.on('message.new', handleNewMessageEvent), channel.on('message.updated', handleUpdatedOrDeletedMessage), channel.on('message.deleted', handleUpdatedOrDeletedMessage)];
     return function () {
       return listeners.forEach(function (l) {
@@ -93,7 +69,6 @@ var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
   (0, _react.useEffect)(function () {
     var handleReadEvent = function handleReadEvent(event) {
       var _event$user, _event$user2;
-
       if (((_event$user = event.user) == null ? void 0 : _event$user.id) === client.userID) {
         setUnread(0);
       } else if ((_event$user2 = event.user) != null && _event$user2.id) {
@@ -102,7 +77,6 @@ var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
         });
       }
     };
-
     var listener = channel.on('message.read', handleReadEvent);
     return function () {
       return listener.unsubscribe();
@@ -120,14 +94,11 @@ var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
     }
   });
 };
-
 var ChannelPreview = function ChannelPreview(props) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useChannelsContext = (0, _ChannelsContext.useChannelsContext)(),
-      Preview = _useChannelsContext.Preview;
-
+    Preview = _useChannelsContext.Preview;
   return _react["default"].createElement(ChannelPreviewWithContext, (0, _extends2["default"])({
     client: client,
     Preview: Preview
@@ -140,6 +111,5 @@ var ChannelPreview = function ChannelPreview(props) {
     }
   }));
 };
-
 exports.ChannelPreview = ChannelPreview;
 //# sourceMappingURL=ChannelPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreview.tsx"],"names":["ChannelPreviewWithContext","props","channel","client","Preview","state","messages","length","lastMessage","setLastMessage","translatedLastMessage","forceUpdate","setForceUpdate","countUnread","unread","setUnread","latestMessagePreview","channelLastMessage","channelLastMessageString","id","updated_at","newUnreadCount","handleNewMessageEvent","event","message","parent_id","show_in_channel","handleUpdatedOrDeletedMessage","prevLastMessage","listeners","on","forEach","l","unsubscribe","handleReadEvent","user","userID","prev","listener","ChannelPreview"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, Event, MessageResponse } from 'stream-chat';\n\nimport { useLatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport { useTranslatedMessage } from '../../hooks/useTranslatedMessage';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ChannelsContextValue<StreamChatGenerics>, 'Preview'> & {\n    /**\n     * The previewed channel\n     */\n    channel: Channel<StreamChatGenerics>;\n  };\n\n/**\n * This component manages state for the ChannelPreviewMessenger UI component and receives\n * all props from the ChannelListMessenger component.\n */\nconst ChannelPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { channel, client, Preview } = props;\n\n  const [lastMessage, setLastMessage] = useState<\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>\n    | undefined\n  >(channel.state.messages[channel.state.messages.length - 1]);\n\n  const translatedLastMessage = useTranslatedMessage<StreamChatGenerics>(\n    lastMessage || ({} as MessageResponse<StreamChatGenerics>),\n  );\n\n  const [forceUpdate, setForceUpdate] = useState(0);\n  const [unread, setUnread] = useState(channel.countUnread());\n\n  const latestMessagePreview = useLatestMessagePreview(channel, forceUpdate, translatedLastMessage);\n\n  const channelLastMessage = channel.lastMessage();\n  const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;\n\n  useEffect(() => {\n    if (\n      channelLastMessage &&\n      (channelLastMessage.id !== lastMessage?.id ||\n        channelLastMessage.updated_at !== lastMessage?.updated_at)\n    ) {\n      setLastMessage(channelLastMessage);\n    }\n\n    const newUnreadCount = channel.countUnread();\n    setUnread(newUnreadCount);\n  }, [channelLastMessageString]);\n\n  useEffect(() => {\n    const handleNewMessageEvent = (event: Event<StreamChatGenerics>) => {\n      const message = event.message;\n      if (message && (!message.parent_id || message.show_in_channel)) {\n        setLastMessage(event.message);\n        setUnread(channel.countUnread());\n      }\n    };\n\n    const handleUpdatedOrDeletedMessage = (event: Event<StreamChatGenerics>) => {\n      setLastMessage((prevLastMessage) => {\n        if (prevLastMessage?.id === event.message?.id) {\n          return event.message;\n        }\n        return prevLastMessage;\n      });\n    };\n\n    const listeners = [\n      channel.on('message.new', handleNewMessageEvent),\n      channel.on('message.updated', handleUpdatedOrDeletedMessage),\n      channel.on('message.deleted', handleUpdatedOrDeletedMessage),\n    ];\n\n    return () => listeners.forEach((l) => l.unsubscribe());\n  }, []);\n\n  useEffect(() => {\n    const handleReadEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.user?.id === client.userID) {\n        setUnread(0);\n      } else if (event.user?.id) {\n        setForceUpdate((prev) => prev + 1);\n      }\n    };\n\n    const listener = channel.on('message.read', handleReadEvent);\n    return () => listener.unsubscribe();\n  }, []);\n\n  return <Preview channel={channel} latestMessagePreview={latestMessagePreview} unread={unread} />;\n};\n\nexport type ChannelPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>> &\n  Pick<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { Preview } = useChannelsContext<StreamChatGenerics>();\n\n  return <ChannelPreviewWithContext {...{ client, Preview }} {...props} />;\n};\n"]}
+{"version":3,"names":["ChannelPreviewWithContext","props","channel","client","Preview","useState","state","messages","length","lastMessage","setLastMessage","translatedLastMessage","useTranslatedMessage","forceUpdate","setForceUpdate","countUnread","unread","setUnread","latestMessagePreview","useLatestMessagePreview","channelLastMessage","channelLastMessageString","id","updated_at","useEffect","newUnreadCount","handleNewMessageEvent","event","message","parent_id","show_in_channel","handleUpdatedOrDeletedMessage","prevLastMessage","listeners","on","forEach","l","unsubscribe","handleReadEvent","user","userID","prev","listener","ChannelPreview","useChatContext","useChannelsContext"],"sources":["ChannelPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, Event, MessageResponse } from 'stream-chat';\n\nimport { useLatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport { useTranslatedMessage } from '../../hooks/useTranslatedMessage';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ChannelsContextValue<StreamChatGenerics>, 'Preview'> & {\n    /**\n     * The previewed channel\n     */\n    channel: Channel<StreamChatGenerics>;\n  };\n\n/**\n * This component manages state for the ChannelPreviewMessenger UI component and receives\n * all props from the ChannelListMessenger component.\n */\nconst ChannelPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { channel, client, Preview } = props;\n\n  const [lastMessage, setLastMessage] = useState<\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>\n    | undefined\n  >(channel.state.messages[channel.state.messages.length - 1]);\n\n  const translatedLastMessage = useTranslatedMessage<StreamChatGenerics>(\n    lastMessage || ({} as MessageResponse<StreamChatGenerics>),\n  );\n\n  const [forceUpdate, setForceUpdate] = useState(0);\n  const [unread, setUnread] = useState(channel.countUnread());\n\n  const latestMessagePreview = useLatestMessagePreview(channel, forceUpdate, translatedLastMessage);\n\n  const channelLastMessage = channel.lastMessage();\n  const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;\n\n  useEffect(() => {\n    if (\n      channelLastMessage &&\n      (channelLastMessage.id !== lastMessage?.id ||\n        channelLastMessage.updated_at !== lastMessage?.updated_at)\n    ) {\n      setLastMessage(channelLastMessage);\n    }\n\n    const newUnreadCount = channel.countUnread();\n    setUnread(newUnreadCount);\n  }, [channelLastMessageString]);\n\n  useEffect(() => {\n    const handleNewMessageEvent = (event: Event<StreamChatGenerics>) => {\n      const message = event.message;\n      if (message && (!message.parent_id || message.show_in_channel)) {\n        setLastMessage(event.message);\n        setUnread(channel.countUnread());\n      }\n    };\n\n    const handleUpdatedOrDeletedMessage = (event: Event<StreamChatGenerics>) => {\n      setLastMessage((prevLastMessage) => {\n        if (prevLastMessage?.id === event.message?.id) {\n          return event.message;\n        }\n        return prevLastMessage;\n      });\n    };\n\n    const listeners = [\n      channel.on('message.new', handleNewMessageEvent),\n      channel.on('message.updated', handleUpdatedOrDeletedMessage),\n      channel.on('message.deleted', handleUpdatedOrDeletedMessage),\n    ];\n\n    return () => listeners.forEach((l) => l.unsubscribe());\n  }, []);\n\n  useEffect(() => {\n    const handleReadEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.user?.id === client.userID) {\n        setUnread(0);\n      } else if (event.user?.id) {\n        setForceUpdate((prev) => prev + 1);\n      }\n    };\n\n    const listener = channel.on('message.read', handleReadEvent);\n    return () => listener.unsubscribe();\n  }, []);\n\n  return <Preview channel={channel} latestMessagePreview={latestMessagePreview} unread={unread} />;\n};\n\nexport type ChannelPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>> &\n  Pick<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { Preview } = useChannelsContext<StreamChatGenerics>();\n\n  return <ChannelPreviewWithContext {...{ client, Preview }} {...props} />;\n};\n"],"mappings":"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"}

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

@@ -1,19 +1,13 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChannelPreviewMessage = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 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/ChannelPreviewMessage.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewMessage.tsx";
 var styles = _reactNative.StyleSheet.create({
   bold: {
     fontWeight: '600'
@@ -23,17 +17,13 @@ var styles = _reactNative.StyleSheet.create({
     fontSize: 12
   }
 });
-
 var ChannelPreviewMessage = function ChannelPreviewMessage(props) {
   var _latestMessagePreview;
-
   var latestMessagePreview = props.latestMessagePreview;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      message = _useTheme$theme.channelPreview.message,
-      grey = _useTheme$theme.colors.grey;
-
+    _useTheme$theme = _useTheme.theme,
+    message = _useTheme$theme.channelPreview.message,
+    grey = _useTheme$theme.colors.grey;
   return _react["default"].createElement(_reactNative.Text, {
     numberOfLines: 1,
     style: [styles.message, {
@@ -60,6 +50,5 @@ var ChannelPreviewMessage = function ChannelPreviewMessage(props) {
     }, preview.text);
   }));
 };
-
 exports.ChannelPreviewMessage = ChannelPreviewMessage;
 //# sourceMappingURL=ChannelPreviewMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewMessage.tsx"],"names":["styles","StyleSheet","create","bold","fontWeight","message","flexShrink","fontSize","ChannelPreviewMessage","props","latestMessagePreview","theme","channelPreview","grey","colors","color","previews","map","preview","index","text"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE;AAAd,GADyB;AAE/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,UAAU,EAAE,CADL;AAEPC,IAAAA,QAAQ,EAAE;AAFH;AAFsB,CAAlB,CAAf;;AAcO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAGnCC,KAHmC,EAIhC;AAAA;;AACH,MAAQC,oBAAR,GAAiCD,KAAjC,CAAQC,oBAAR;;AAEA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEsBN,OAFtB,mBAEIO,cAFJ,CAEsBP,OAFtB;AAAA,MAGcQ,IAHd,mBAGIC,MAHJ,CAGcD,IAHd;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAACb,MAAM,CAACK,OAAR,EAAiB;AAAEU,MAAAA,KAAK,EAAEF;AAAT,KAAjB,EAAkCR,OAAlC,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,oBADH,6CACGA,oBAAoB,CAAEM,QADzB,qBACG,sBAAgCC,GAAhC,CACC,UAACC,OAAD,EAAUC,KAAV;AAAA,WACED,OAAO,CAACE,IAAR,IACE,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAKF,OAAO,CAACE,IAAb,SAAqBD,KAD1B;AAEE,MAAA,KAAK,EAAE,CAAC;AAAEJ,QAAAA,KAAK,EAAEF;AAAT,OAAD,EAAkBK,OAAO,CAACf,IAAR,GAAeH,MAAM,CAACG,IAAtB,GAA6B,EAA/C,EAAmDE,OAAnD,CAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAIGa,OAAO,CAACE,IAJX,CAFJ;AAAA,GADD,CADH,CADF;AAeD,CA7BM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  bold: { fontWeight: '600' },\n  message: {\n    flexShrink: 1,\n    fontSize: 12,\n  },\n});\n\nexport type ChannelPreviewMessageProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;\n};\n\nexport const ChannelPreviewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessageProps<StreamChatGenerics>,\n) => {\n  const { latestMessagePreview } = props;\n\n  const {\n    theme: {\n      channelPreview: { message },\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.message, { color: grey }, message]}>\n      {latestMessagePreview?.previews?.map(\n        (preview, index) =>\n          preview.text && (\n            <Text\n              key={`${preview.text}_${index}`}\n              style={[{ color: grey }, preview.bold ? styles.bold : {}, message]}\n            >\n              {preview.text}\n            </Text>\n          ),\n      )}\n    </Text>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","bold","fontWeight","message","flexShrink","fontSize","ChannelPreviewMessage","props","latestMessagePreview","useTheme","theme","channelPreview","grey","colors","color","previews","map","preview","index","text"],"sources":["ChannelPreviewMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  bold: { fontWeight: '600' },\n  message: {\n    flexShrink: 1,\n    fontSize: 12,\n  },\n});\n\nexport type ChannelPreviewMessageProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;\n};\n\nexport const ChannelPreviewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessageProps<StreamChatGenerics>,\n) => {\n  const { latestMessagePreview } = props;\n\n  const {\n    theme: {\n      channelPreview: { message },\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.message, { color: grey }, message]}>\n      {latestMessagePreview?.previews?.map(\n        (preview, index) =>\n          preview.text && (\n            <Text\n              key={`${preview.text}_${index}`}\n              style={[{ color: grey }, preview.bold ? styles.bold : {}, message]}\n            >\n              {preview.text}\n            </Text>\n          ),\n      )}\n    </Text>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAIA;AAAoE;EAAA;AAIpE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAC3BC,OAAO,EAAE;IACPC,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAQK,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAGhCC,KAAqD,EAClD;EAAA;EACH,IAAQC,oBAAoB,GAAKD,KAAK,CAA9BC,oBAAoB;EAE5B,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IACeP,OAAO,mBAAzBQ,cAAc,CAAIR,OAAO;IACfS,IAAI,mBAAdC,MAAM,CAAID,IAAI;EAIlB,OACE,gCAAC,iBAAI;IAAC,aAAa,EAAE,CAAE;IAAC,KAAK,EAAE,CAACd,MAAM,CAACK,OAAO,EAAE;MAAEW,KAAK,EAAEF;IAAK,CAAC,EAAET,OAAO,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvEK,oBAAoB,6CAApBA,oBAAoB,CAAEO,QAAQ,qBAA9B,sBAAgCC,GAAG,CAClC,UAACC,OAAO,EAAEC,KAAK;IAAA,OACbD,OAAO,CAACE,IAAI,IACV,gCAAC,iBAAI;MACH,GAAG,EAAKF,OAAO,CAACE,IAAI,SAAID,KAAQ;MAChC,KAAK,EAAE,CAAC;QAAEJ,KAAK,EAAEF;MAAK,CAAC,EAAEK,OAAO,CAAChB,IAAI,GAAGH,MAAM,CAACG,IAAI,GAAG,CAAC,CAAC,EAAEE,OAAO,CAAE;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAElEc,OAAO,CAACE,IAAI,CAEhB;EAAA,EACJ,CACI;AAEX,CAAC;AAAC"}

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

@@ -1,41 +1,24 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChannelPreviewMessenger = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
-
 var _ChannelAvatar = require("./ChannelAvatar");
-
 var _ChannelPreviewMessage = require("./ChannelPreviewMessage");
-
 var _ChannelPreviewMutedStatus = require("./ChannelPreviewMutedStatus");
-
 var _ChannelPreviewStatus = require("./ChannelPreviewStatus");
-
 var _ChannelPreviewTitle = require("./ChannelPreviewTitle");
-
 var _ChannelPreviewUnreadCount = require("./ChannelPreviewUnreadCount");
-
 var _useChannelPreviewDisplayName = require("./hooks/useChannelPreviewDisplayName");
-
 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 = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewMessenger.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     borderBottomWidth: 1,
@@ -63,40 +46,36 @@ var styles = _reactNative.StyleSheet.create({
     fontWeight: '700'
   }
 });
-
 var maxWidth = (0, _utils.vw)(80) - 16 - 40;
-
 var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithContext(props) {
   var channel = props.channel,
-      formatLatestMessageDate = props.formatLatestMessageDate,
-      latestMessagePreview = props.latestMessagePreview,
-      maxUnreadCount = props.maxUnreadCount,
-      onSelect = props.onSelect,
-      _props$PreviewAvatar = props.PreviewAvatar,
-      PreviewAvatar = _props$PreviewAvatar === void 0 ? _ChannelAvatar.ChannelAvatar : _props$PreviewAvatar,
-      _props$PreviewMessage = props.PreviewMessage,
-      PreviewMessage = _props$PreviewMessage === void 0 ? _ChannelPreviewMessage.ChannelPreviewMessage : _props$PreviewMessage,
-      _props$PreviewStatus = props.PreviewStatus,
-      PreviewStatus = _props$PreviewStatus === void 0 ? _ChannelPreviewStatus.ChannelPreviewStatus : _props$PreviewStatus,
-      _props$PreviewTitle = props.PreviewTitle,
-      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;
-
+    formatLatestMessageDate = props.formatLatestMessageDate,
+    latestMessagePreview = props.latestMessagePreview,
+    maxUnreadCount = props.maxUnreadCount,
+    onSelect = props.onSelect,
+    _props$PreviewAvatar = props.PreviewAvatar,
+    PreviewAvatar = _props$PreviewAvatar === void 0 ? _ChannelAvatar.ChannelAvatar : _props$PreviewAvatar,
+    _props$PreviewMessage = props.PreviewMessage,
+    PreviewMessage = _props$PreviewMessage === void 0 ? _ChannelPreviewMessage.ChannelPreviewMessage : _props$PreviewMessage,
+    _props$PreviewStatus = props.PreviewStatus,
+    PreviewStatus = _props$PreviewStatus === void 0 ? _ChannelPreviewStatus.ChannelPreviewStatus : _props$PreviewStatus,
+    _props$PreviewTitle = props.PreviewTitle,
+    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)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$chann = _useTheme$theme.channelPreview,
-      container = _useTheme$theme$chann.container,
-      contentContainer = _useTheme$theme$chann.contentContainer,
-      row = _useTheme$theme$chann.row,
-      title = _useTheme$theme$chann.title,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      border = _useTheme$theme$color.border,
-      white_snow = _useTheme$theme$color.white_snow;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelPreview,
+    container = _useTheme$theme$chann.container,
+    contentContainer = _useTheme$theme$chann.contentContainer,
+    row = _useTheme$theme$chann.row,
+    title = _useTheme$theme$chann.title,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    border = _useTheme$theme$color.border,
+    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, {
@@ -205,20 +184,17 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     }
   }))));
 };
-
 var MemoizedChannelPreviewMessengerWithContext = _react["default"].memo(ChannelPreviewMessengerWithContext);
-
 var ChannelPreviewMessenger = function ChannelPreviewMessenger(props) {
   var _useChannelsContext = (0, _ChannelsContext.useChannelsContext)(),
-      maxUnreadCount = _useChannelsContext.maxUnreadCount,
-      onSelect = _useChannelsContext.onSelect,
-      PreviewAvatar = _useChannelsContext.PreviewAvatar,
-      PreviewMessage = _useChannelsContext.PreviewMessage,
-      PreviewMutedStatus = _useChannelsContext.PreviewMutedStatus,
-      PreviewStatus = _useChannelsContext.PreviewStatus,
-      PreviewTitle = _useChannelsContext.PreviewTitle,
-      PreviewUnreadCount = _useChannelsContext.PreviewUnreadCount;
-
+    maxUnreadCount = _useChannelsContext.maxUnreadCount,
+    onSelect = _useChannelsContext.onSelect,
+    PreviewAvatar = _useChannelsContext.PreviewAvatar,
+    PreviewMessage = _useChannelsContext.PreviewMessage,
+    PreviewMutedStatus = _useChannelsContext.PreviewMutedStatus,
+    PreviewStatus = _useChannelsContext.PreviewStatus,
+    PreviewTitle = _useChannelsContext.PreviewTitle,
+    PreviewUnreadCount = _useChannelsContext.PreviewUnreadCount;
   return _react["default"].createElement(MemoizedChannelPreviewMessengerWithContext, (0, _extends2["default"])({
     maxUnreadCount: maxUnreadCount,
     onSelect: onSelect,
@@ -237,7 +213,6 @@ var ChannelPreviewMessenger = function ChannelPreviewMessenger(props) {
     }
   }));
 };
-
 exports.ChannelPreviewMessenger = ChannelPreviewMessenger;
 ChannelPreviewMessenger.displayName = 'ChannelPreviewMessenger{channelPreview}';
 //# sourceMappingURL=ChannelPreviewMessenger.js.map

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","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":"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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 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 the latest message.\n     * }\n     * ```\n     *\n     * The read status is either of the following:\n     *\n     * 0: The message was not sent by the current user\n     * 1: The message was sent by the current user and is unread\n     * 2: The message was sent by the current user and is read\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"]}
+{"version":3,"names":["styles","StyleSheet","create","container","borderBottomWidth","flex","flexDirection","paddingHorizontal","paddingVertical","contentContainer","row","alignItems","justifyContent","paddingLeft","statusContainer","display","title","fontSize","fontWeight","maxWidth","vw","ChannelPreviewMessengerWithContext","props","channel","formatLatestMessageDate","latestMessagePreview","maxUnreadCount","onSelect","PreviewAvatar","ChannelAvatar","PreviewMessage","ChannelPreviewMessage","PreviewStatus","ChannelPreviewStatus","PreviewTitle","ChannelPreviewTitle","PreviewUnreadCount","ChannelPreviewUnreadCount","PreviewMutedStatus","ChannelPreviewMutedStatus","unread","useTheme","theme","channelPreview","colors","border","white_snow","displayName","useChannelPreviewDisplayName","Math","floor","isChannelMuted","muteStatus","muted","backgroundColor","borderBottomColor","id","MemoizedChannelPreviewMessengerWithContext","React","memo","ChannelPreviewMessenger","useChannelsContext"],"sources":["ChannelPreviewMessenger.tsx"],"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 the latest message.\n     * }\n     * ```\n     *\n     * The read status is either of the following:\n     *\n     * 0: The message was not sent by the current user\n     * 1: The message was sent by the current user and is unread\n     * 2: The message was sent by the current user and is read\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"],"mappings":"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"}

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

@@ -1,38 +1,28 @@
 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 = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewMutedStatus.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/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;
-
+    _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,
@@ -46,6 +36,5 @@ var ChannelPreviewMutedStatus = function ChannelPreviewMutedStatus(props) {
     }
   }) : null;
 };
-
 exports.ChannelPreviewMutedStatus = ChannelPreviewMutedStatus;
 //# sourceMappingURL=ChannelPreviewMutedStatus.js.map

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

@@ -1 +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"]}
+{"version":3,"names":["styles","StyleSheet","create","iconStyle","marginRight","ChannelPreviewMutedStatus","props","muted","useTheme","theme","channelPreview","mutedStatus","height","width","grey_dark","colors"],"sources":["ChannelPreviewMutedStatus.tsx"],"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"],"mappings":";;;;;AAAA;AAEA;AAIA;AACA;AAAmC;EAAA;AAGnC,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAWK,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyB,CAGpCC,KAAyD,EACtD;EACH,IAAQC,KAAK,GAAKD,KAAK,CAAfC,KAAK;EAEb,gBAOI,IAAAC,sBAAQ,GAAE;IAAA,4BANZC,KAAK;IAAA,wCACHC,cAAc,CACZC,WAAW;IAAIC,MAAM,yBAANA,MAAM;IAAET,SAAS,yBAATA,SAAS;IAAEU,KAAK,yBAALA,KAAK;IAE/BC,SAAS,mBAAnBC,MAAM,CAAID,SAAS;EAIvB,OAAOP,KAAK,GACV,gCAAC,WAAI;IACH,MAAM,EAAEK,MAAO;IACf,QAAQ,EAAEE,SAAU;IACpB,KAAK,EAAE,CAACd,MAAM,CAACG,SAAS,EAAEA,SAAS,CAAE;IACrC,KAAK,EAAEU,KAAM;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EACb,GACA,IAAI;AACV,CAAC;AAAC"}