stream-chat-react-native-core 4.6.0 → 4.7.0-beta.1

package/lib/module/components/Channel/hooks/useCreateMessagesContext.js

@@ -79,7 +79,8 @@ var useCreateMessagesContext = function useCreateMessagesContext(_ref) {
       TypingIndicator = _ref.TypingIndicator,
       TypingIndicatorContainer = _ref.TypingIndicatorContainer,
       updateMessage = _ref.updateMessage,
-      UrlPreview = _ref.UrlPreview;
+      UrlPreview = _ref.UrlPreview,
+      VideoThumbnail = _ref.VideoThumbnail;
   var additionalTouchablePropsLength = Object.keys(additionalTouchableProps || {}).length;
   var markdownRulesLength = Object.keys(markdownRules || {}).length;
   var messageContentOrderValue = messageContentOrder.join();
@@ -158,7 +159,8 @@ var useCreateMessagesContext = function useCreateMessagesContext(_ref) {
       TypingIndicator: TypingIndicator,
       TypingIndicatorContainer: TypingIndicatorContainer,
       updateMessage: updateMessage,
-      UrlPreview: UrlPreview
+      UrlPreview: UrlPreview,
+      VideoThumbnail: VideoThumbnail
     };
   }, [additionalTouchablePropsLength, channelId, disableTypingIndicator, dismissKeyboardOnMessageTouch, initialScrollToFirstUnreadMessage, markdownRulesLength, messageContentOrderValue, supportedReactionsLength, targetedMessage]);
   return messagesContext;

package/lib/module/components/Channel/hooks/useCreateMessagesContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCreateMessagesContext.ts"],"names":["useCreateMessagesContext","additionalTouchableProps","Attachment","AttachmentActions","Card","CardCover","CardFooter","CardHeader","channelId","DateHeader","deletedMessagesVisibilityType","disableTypingIndicator","dismissKeyboardOnMessageTouch","enableMessageGroupingByUser","FileAttachment","FileAttachmentGroup","FileAttachmentIcon","FlatList","forceAlignMessages","formatDate","Gallery","Giphy","giphyVersion","handleBlock","handleCopy","handleDelete","handleEdit","handleFlag","handleMute","handlePinMessage","handleQuotedReply","handleReaction","handleRetry","handleThreadReply","initialScrollToFirstUnreadMessage","InlineDateSeparator","InlineUnreadIndicator","isAttachmentEqual","legacyImageViewerSwipeBehaviour","markdownRules","Message","messageActions","MessageAvatar","MessageContent","messageContentOrder","MessageDeleted","MessageFooter","MessageHeader","MessageList","MessagePinnedHeader","MessageReplies","MessageRepliesAvatars","MessageSimple","MessageStatus","MessageSystem","MessageText","myMessageTheme","onLongPressMessage","onPressInMessage","onPressMessage","OverlayReactionList","ReactionList","removeMessage","Reply","retrySendMessage","ScrollToBottomButton","selectReaction","setEditingState","setQuotedMessageState","supportedReactions","targetedMessage","TypingIndicator","TypingIndicatorContainer","updateMessage","UrlPreview","additionalTouchablePropsLength","Object","keys","length","markdownRulesLength","messageContentOrderValue","join","supportedReactionsLength","messagesContext"],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\n\nimport type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateMessagesContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  additionalTouchableProps,\n  Attachment,\n  AttachmentActions,\n  Card,\n  CardCover,\n  CardFooter,\n  CardHeader,\n  channelId,\n  DateHeader,\n  deletedMessagesVisibilityType,\n  disableTypingIndicator,\n  dismissKeyboardOnMessageTouch,\n  enableMessageGroupingByUser,\n  FileAttachment,\n  FileAttachmentGroup,\n  FileAttachmentIcon,\n  FlatList,\n  forceAlignMessages,\n  formatDate,\n  Gallery,\n  Giphy,\n  giphyVersion,\n  handleBlock,\n  handleCopy,\n  handleDelete,\n  handleEdit,\n  handleFlag,\n  handleMute,\n  handlePinMessage,\n  handleQuotedReply,\n  handleReaction,\n  handleRetry,\n  handleThreadReply,\n  initialScrollToFirstUnreadMessage,\n  InlineDateSeparator,\n  InlineUnreadIndicator,\n  isAttachmentEqual,\n  legacyImageViewerSwipeBehaviour,\n  markdownRules,\n  Message,\n  messageActions,\n  MessageAvatar,\n  MessageContent,\n  messageContentOrder,\n  MessageDeleted,\n  MessageFooter,\n  MessageHeader,\n  MessageList,\n  MessagePinnedHeader,\n  MessageReplies,\n  MessageRepliesAvatars,\n  MessageSimple,\n  MessageStatus,\n  MessageSystem,\n  MessageText,\n  myMessageTheme,\n  onLongPressMessage,\n  onPressInMessage,\n  onPressMessage,\n  OverlayReactionList,\n  ReactionList,\n  removeMessage,\n  Reply,\n  retrySendMessage,\n  ScrollToBottomButton,\n  selectReaction,\n  setEditingState,\n  setQuotedMessageState,\n  supportedReactions,\n  targetedMessage,\n  TypingIndicator,\n  TypingIndicatorContainer,\n  updateMessage,\n  UrlPreview,\n}: MessagesContextValue<StreamChatGenerics> & {\n  /**\n   * To ensure we allow re-render, when channel is changed\n   */\n  channelId?: string;\n}) => {\n  const additionalTouchablePropsLength = Object.keys(additionalTouchableProps || {}).length;\n  const markdownRulesLength = Object.keys(markdownRules || {}).length;\n  const messageContentOrderValue = messageContentOrder.join();\n  const supportedReactionsLength = supportedReactions.length;\n\n  const messagesContext: MessagesContextValue<StreamChatGenerics> = useMemo(\n    () => ({\n      additionalTouchableProps,\n      Attachment,\n      AttachmentActions,\n      Card,\n      CardCover,\n      CardFooter,\n      CardHeader,\n      DateHeader,\n      deletedMessagesVisibilityType,\n      disableTypingIndicator,\n      dismissKeyboardOnMessageTouch,\n      enableMessageGroupingByUser,\n      FileAttachment,\n      FileAttachmentGroup,\n      FileAttachmentIcon,\n      FlatList,\n      forceAlignMessages,\n      formatDate,\n      Gallery,\n      Giphy,\n      giphyVersion,\n      handleBlock,\n      handleCopy,\n      handleDelete,\n      handleEdit,\n      handleFlag,\n      handleMute,\n      handlePinMessage,\n      handleQuotedReply,\n      handleReaction,\n      handleRetry,\n      handleThreadReply,\n      initialScrollToFirstUnreadMessage,\n      InlineDateSeparator,\n      InlineUnreadIndicator,\n      isAttachmentEqual,\n      legacyImageViewerSwipeBehaviour,\n      markdownRules,\n      Message,\n      messageActions,\n      MessageAvatar,\n      MessageContent,\n      messageContentOrder,\n      MessageDeleted,\n      MessageFooter,\n      MessageHeader,\n      MessageList,\n      MessagePinnedHeader,\n      MessageReplies,\n      MessageRepliesAvatars,\n      MessageSimple,\n      MessageStatus,\n      MessageSystem,\n      MessageText,\n      myMessageTheme,\n      onLongPressMessage,\n      onPressInMessage,\n      onPressMessage,\n      OverlayReactionList,\n      ReactionList,\n      removeMessage,\n      Reply,\n      retrySendMessage,\n      ScrollToBottomButton,\n      selectReaction,\n      setEditingState,\n      setQuotedMessageState,\n      supportedReactions,\n      targetedMessage,\n      TypingIndicator,\n      TypingIndicatorContainer,\n      updateMessage,\n      UrlPreview,\n    }),\n    [\n      additionalTouchablePropsLength,\n      channelId,\n      disableTypingIndicator,\n      dismissKeyboardOnMessageTouch,\n      initialScrollToFirstUnreadMessage,\n      markdownRulesLength,\n      messageContentOrderValue,\n      supportedReactionsLength,\n      targetedMessage,\n    ],\n  );\n\n  return messagesContext;\n};\n"]}
+{"version":3,"sources":["useCreateMessagesContext.ts"],"names":["useCreateMessagesContext","additionalTouchableProps","Attachment","AttachmentActions","Card","CardCover","CardFooter","CardHeader","channelId","DateHeader","deletedMessagesVisibilityType","disableTypingIndicator","dismissKeyboardOnMessageTouch","enableMessageGroupingByUser","FileAttachment","FileAttachmentGroup","FileAttachmentIcon","FlatList","forceAlignMessages","formatDate","Gallery","Giphy","giphyVersion","handleBlock","handleCopy","handleDelete","handleEdit","handleFlag","handleMute","handlePinMessage","handleQuotedReply","handleReaction","handleRetry","handleThreadReply","initialScrollToFirstUnreadMessage","InlineDateSeparator","InlineUnreadIndicator","isAttachmentEqual","legacyImageViewerSwipeBehaviour","markdownRules","Message","messageActions","MessageAvatar","MessageContent","messageContentOrder","MessageDeleted","MessageFooter","MessageHeader","MessageList","MessagePinnedHeader","MessageReplies","MessageRepliesAvatars","MessageSimple","MessageStatus","MessageSystem","MessageText","myMessageTheme","onLongPressMessage","onPressInMessage","onPressMessage","OverlayReactionList","ReactionList","removeMessage","Reply","retrySendMessage","ScrollToBottomButton","selectReaction","setEditingState","setQuotedMessageState","supportedReactions","targetedMessage","TypingIndicator","TypingIndicatorContainer","updateMessage","UrlPreview","VideoThumbnail","additionalTouchablePropsLength","Object","keys","length","markdownRulesLength","messageContentOrderValue","join","supportedReactionsLength","messagesContext"],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\n\nimport type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateMessagesContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  additionalTouchableProps,\n  Attachment,\n  AttachmentActions,\n  Card,\n  CardCover,\n  CardFooter,\n  CardHeader,\n  channelId,\n  DateHeader,\n  deletedMessagesVisibilityType,\n  disableTypingIndicator,\n  dismissKeyboardOnMessageTouch,\n  enableMessageGroupingByUser,\n  FileAttachment,\n  FileAttachmentGroup,\n  FileAttachmentIcon,\n  FlatList,\n  forceAlignMessages,\n  formatDate,\n  Gallery,\n  Giphy,\n  giphyVersion,\n  handleBlock,\n  handleCopy,\n  handleDelete,\n  handleEdit,\n  handleFlag,\n  handleMute,\n  handlePinMessage,\n  handleQuotedReply,\n  handleReaction,\n  handleRetry,\n  handleThreadReply,\n  initialScrollToFirstUnreadMessage,\n  InlineDateSeparator,\n  InlineUnreadIndicator,\n  isAttachmentEqual,\n  legacyImageViewerSwipeBehaviour,\n  markdownRules,\n  Message,\n  messageActions,\n  MessageAvatar,\n  MessageContent,\n  messageContentOrder,\n  MessageDeleted,\n  MessageFooter,\n  MessageHeader,\n  MessageList,\n  MessagePinnedHeader,\n  MessageReplies,\n  MessageRepliesAvatars,\n  MessageSimple,\n  MessageStatus,\n  MessageSystem,\n  MessageText,\n  myMessageTheme,\n  onLongPressMessage,\n  onPressInMessage,\n  onPressMessage,\n  OverlayReactionList,\n  ReactionList,\n  removeMessage,\n  Reply,\n  retrySendMessage,\n  ScrollToBottomButton,\n  selectReaction,\n  setEditingState,\n  setQuotedMessageState,\n  supportedReactions,\n  targetedMessage,\n  TypingIndicator,\n  TypingIndicatorContainer,\n  updateMessage,\n  UrlPreview,\n  VideoThumbnail,\n}: MessagesContextValue<StreamChatGenerics> & {\n  /**\n   * To ensure we allow re-render, when channel is changed\n   */\n  channelId?: string;\n}) => {\n  const additionalTouchablePropsLength = Object.keys(additionalTouchableProps || {}).length;\n  const markdownRulesLength = Object.keys(markdownRules || {}).length;\n  const messageContentOrderValue = messageContentOrder.join();\n  const supportedReactionsLength = supportedReactions.length;\n\n  const messagesContext: MessagesContextValue<StreamChatGenerics> = useMemo(\n    () => ({\n      additionalTouchableProps,\n      Attachment,\n      AttachmentActions,\n      Card,\n      CardCover,\n      CardFooter,\n      CardHeader,\n      DateHeader,\n      deletedMessagesVisibilityType,\n      disableTypingIndicator,\n      dismissKeyboardOnMessageTouch,\n      enableMessageGroupingByUser,\n      FileAttachment,\n      FileAttachmentGroup,\n      FileAttachmentIcon,\n      FlatList,\n      forceAlignMessages,\n      formatDate,\n      Gallery,\n      Giphy,\n      giphyVersion,\n      handleBlock,\n      handleCopy,\n      handleDelete,\n      handleEdit,\n      handleFlag,\n      handleMute,\n      handlePinMessage,\n      handleQuotedReply,\n      handleReaction,\n      handleRetry,\n      handleThreadReply,\n      initialScrollToFirstUnreadMessage,\n      InlineDateSeparator,\n      InlineUnreadIndicator,\n      isAttachmentEqual,\n      legacyImageViewerSwipeBehaviour,\n      markdownRules,\n      Message,\n      messageActions,\n      MessageAvatar,\n      MessageContent,\n      messageContentOrder,\n      MessageDeleted,\n      MessageFooter,\n      MessageHeader,\n      MessageList,\n      MessagePinnedHeader,\n      MessageReplies,\n      MessageRepliesAvatars,\n      MessageSimple,\n      MessageStatus,\n      MessageSystem,\n      MessageText,\n      myMessageTheme,\n      onLongPressMessage,\n      onPressInMessage,\n      onPressMessage,\n      OverlayReactionList,\n      ReactionList,\n      removeMessage,\n      Reply,\n      retrySendMessage,\n      ScrollToBottomButton,\n      selectReaction,\n      setEditingState,\n      setQuotedMessageState,\n      supportedReactions,\n      targetedMessage,\n      TypingIndicator,\n      TypingIndicatorContainer,\n      updateMessage,\n      UrlPreview,\n      VideoThumbnail,\n    }),\n    [\n      additionalTouchablePropsLength,\n      channelId,\n      disableTypingIndicator,\n      dismissKeyboardOnMessageTouch,\n      initialScrollToFirstUnreadMessage,\n      markdownRulesLength,\n      messageContentOrderValue,\n      supportedReactionsLength,\n      targetedMessage,\n    ],\n  );\n\n  return messagesContext;\n};\n"]}

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

@@ -13,39 +13,54 @@ var _ChatContext = require("../../../contexts/chatContext/ChatContext");
 
 var _utils = require("../../../utils/utils");
 
-var maxCharacterLengthDefault = ((0, _utils.vw)(100) - 16) / 6;
+var DEFAULT_MAX_CHARACTER_LENGTH = ((0, _utils.vw)(100) - 16) / 6;
+var ELLIPSIS = "...";
+
+var getMemberName = function getMemberName(member) {
+  var _member$user, _member$user2;
+
+  return ((_member$user = member.user) == null ? void 0 : _member$user.name) || ((_member$user2 = member.user) == null ? void 0 : _member$user2.id) || 'Unknown User';
+};
 
 var getChannelPreviewDisplayName = function getChannelPreviewDisplayName(_ref) {
   var channelName = _ref.channelName,
+      characterLimit = _ref.characterLimit,
       currentUserId = _ref.currentUserId,
-      maxCharacterLength = _ref.maxCharacterLength,
       members = _ref.members;
   if (channelName) return channelName;
   var channelMembers = Object.values(members || {});
   var otherMembers = channelMembers.filter(function (member) {
-    var _member$user;
+    var _member$user3;
 
-    return ((_member$user = member.user) == null ? void 0 : _member$user.id) !== currentUserId;
+    return ((_member$user3 = member.user) == null ? void 0 : _member$user3.id) !== currentUserId;
   });
-  var name = otherMembers.slice(0).reduce(function (returnString, currentMember, index, originalArray) {
-    var _currentMember$user, _currentMember$user2;
-
-    var returnStringLength = returnString.length;
-    var currentMemberName = ((_currentMember$user = currentMember.user) == null ? void 0 : _currentMember$user.name) || ((_currentMember$user2 = currentMember.user) == null ? void 0 : _currentMember$user2.id) || 'Unknown User';
-
-    if (returnStringLength + (currentMemberName.length + 2) < maxCharacterLength) {
-      if (returnStringLength) {
-        returnString += ", " + currentMemberName;
-      } else {
-        returnString = currentMemberName;
-      }
-    } else {
-      var remainingMembers = originalArray.length - index;
-      returnString += ", +" + remainingMembers;
-      originalArray.splice(1);
+  otherMembers.sort(function (prevUser, nextUser) {
+    var _prevUser$user$name, _prevUser$user, _nextUser$user$name, _nextUser$user;
+
+    return ((_prevUser$user$name = prevUser == null ? void 0 : (_prevUser$user = prevUser.user) == null ? void 0 : _prevUser$user.name) != null ? _prevUser$user$name : '').toLowerCase().localeCompare(((_nextUser$user$name = nextUser == null ? void 0 : (_nextUser$user = nextUser.user) == null ? void 0 : _nextUser$user.name) != null ? _nextUser$user$name : '').toLocaleUpperCase());
+  });
+
+  var createChannelNameSuffix = function createChannelNameSuffix(remainingNumberOfMembers) {
+    return remainingNumberOfMembers <= 1 ? "" + ELLIPSIS : "," + ELLIPSIS + "+" + remainingNumberOfMembers;
+  };
+
+  var name = otherMembers.reduce(function (result, currentMember, index, originalArray) {
+    if (result.length >= characterLimit) {
+      return result;
     }
 
-    return returnString;
+    var currentMemberName = getMemberName(currentMember);
+    var resultHasSpaceForCurrentMemberName = result.length + (currentMemberName.length + ELLIPSIS.length) < characterLimit;
+
+    if (resultHasSpaceForCurrentMemberName) {
+      return result.length > 0 ? result + ", " + currentMemberName + ", " : currentMemberName;
+    } else {
+      var remainingNumberOfMembers = originalArray.length - index;
+      var truncateLimit = characterLimit - (ELLIPSIS.length + result.length);
+      var tuncatedCurrentMemberName = "" + currentMemberName.slice(0, truncateLimit);
+      var channelNameSuffix = createChannelNameSuffix(remainingNumberOfMembers);
+      return "" + result + tuncatedCurrentMemberName + channelNameSuffix;
+    }
   }, '');
   return name;
 };
@@ -53,21 +68,21 @@ var getChannelPreviewDisplayName = function getChannelPreviewDisplayName(_ref) {
 exports.getChannelPreviewDisplayName = getChannelPreviewDisplayName;
 
 var useChannelPreviewDisplayName = function useChannelPreviewDisplayName(channel, characterLength) {
-  var _channel$data;
+  var _channel$state, _channel$data;
 
   var _useChatContext = (0, _ChatContext.useChatContext)(),
       client = _useChatContext.client;
 
-  var currentUserId = client.userID;
-  var members = channel == null ? void 0 : channel.state.members;
+  var currentUserId = client == null ? void 0 : client.userID;
+  var members = channel == null ? void 0 : (_channel$state = channel.state) == null ? void 0 : _channel$state.members;
   var numOfMembers = Object.keys(members || {}).length;
   var channelName = channel == null ? void 0 : (_channel$data = channel.data) == null ? void 0 : _channel$data.name;
-  var maxCharacterLength = characterLength || maxCharacterLengthDefault;
+  var characterLimit = characterLength || DEFAULT_MAX_CHARACTER_LENGTH;
 
   var _useState = (0, _react.useState)(getChannelPreviewDisplayName({
     channelName: channelName,
+    characterLimit: characterLimit,
     currentUserId: currentUserId,
-    maxCharacterLength: maxCharacterLength,
     members: members
   })),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -77,11 +92,11 @@ var useChannelPreviewDisplayName = function useChannelPreviewDisplayName(channel
   (0, _react.useEffect)(function () {
     setDisplayName(getChannelPreviewDisplayName({
       channelName: channelName,
+      characterLimit: characterLimit,
       currentUserId: currentUserId,
-      maxCharacterLength: maxCharacterLength,
       members: members
     }));
-  }, [channelName, currentUserId, maxCharacterLength, numOfMembers]);
+  }, [channelName, currentUserId, characterLimit, numOfMembers]);
   return displayName;
 };
 

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 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"]}
+{"version":3,"sources":["useChannelPreviewDisplayName.ts"],"names":["DEFAULT_MAX_CHARACTER_LENGTH","ELLIPSIS","getMemberName","member","user","name","id","getChannelPreviewDisplayName","channelName","characterLimit","currentUserId","members","channelMembers","Object","values","otherMembers","filter","sort","prevUser","nextUser","toLowerCase","localeCompare","toLocaleUpperCase","createChannelNameSuffix","remainingNumberOfMembers","reduce","result","currentMember","index","originalArray","length","currentMemberName","resultHasSpaceForCurrentMemberName","truncateLimit","tuncatedCurrentMemberName","slice","channelNameSuffix","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, ChannelMemberResponse } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst DEFAULT_MAX_CHARACTER_LENGTH = (vw(100) - 16) / 6;\n\nconst ELLIPSIS = `...`;\n\nconst getMemberName = (member: ChannelMemberResponse) =>\n  member.user?.name || member.user?.id || 'Unknown User';\n\nexport const getChannelPreviewDisplayName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  channelName,\n  characterLimit,\n  currentUserId,\n  members,\n}: {\n  characterLimit: number;\n  channelName?: string;\n  currentUserId?: string;\n  members?: Channel<StreamChatGenerics>['state']['members'];\n}): string => {\n  if (channelName) return channelName;\n\n  const channelMembers = Object.values(members || {});\n\n  const otherMembers = channelMembers.filter((member) => member.user?.id !== currentUserId);\n  otherMembers.sort((prevUser, nextUser) =>\n    (prevUser?.user?.name ?? '')\n      .toLowerCase()\n      .localeCompare((nextUser?.user?.name ?? '').toLocaleUpperCase()),\n  );\n\n  const createChannelNameSuffix = (remainingNumberOfMembers: number) =>\n    remainingNumberOfMembers <= 1 ? `${ELLIPSIS}` : `,${ELLIPSIS}+${remainingNumberOfMembers}`;\n\n  const name = otherMembers.reduce((result, currentMember, index, originalArray) => {\n    if (result.length >= characterLimit) {\n      return result;\n    }\n\n    const currentMemberName = getMemberName(currentMember);\n\n    const resultHasSpaceForCurrentMemberName =\n      result.length + (currentMemberName.length + ELLIPSIS.length) < characterLimit;\n    if (resultHasSpaceForCurrentMemberName) {\n      return result.length > 0 ? `${result}, ${currentMemberName}, ` : currentMemberName;\n    } else {\n      const remainingNumberOfMembers = originalArray.length - index;\n      const truncateLimit = characterLimit - (ELLIPSIS.length + result.length);\n      const tuncatedCurrentMemberName = `${currentMemberName.slice(0, truncateLimit)}`;\n\n      const channelNameSuffix = createChannelNameSuffix(remainingNumberOfMembers);\n\n      return `${result}${tuncatedCurrentMemberName}${channelNameSuffix}`;\n    }\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 characterLimit = characterLength || DEFAULT_MAX_CHARACTER_LENGTH;\n  const [displayName, setDisplayName] = useState(\n    getChannelPreviewDisplayName({\n      channelName,\n      characterLimit,\n      currentUserId,\n      members,\n    }),\n  );\n\n  useEffect(() => {\n    setDisplayName(\n      getChannelPreviewDisplayName({\n        channelName,\n        characterLimit,\n        currentUserId,\n        members,\n      }),\n    );\n  }, [channelName, currentUserId, characterLimit, numOfMembers]);\n\n  return displayName;\n};\n"]}