stream-chat-react-native-core 8.8.1 → 8.9.0-beta.1

package/src/components/Message/hooks/useMessageDeliveryData.ts

@@ -1,25 +1,29 @@
 import { useCallback, useEffect, useState } from 'react';
 
-import { Event, LocalMessage } from 'stream-chat';
+import { Event, LocalMessage, UserResponse } from 'stream-chat';
 
 import { useChannelContext } from '../../../contexts/channelContext/ChannelContext';
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 
-export const useMessageDeliveredData = ({ message }: { message: LocalMessage }) => {
+export const useMessageDeliveredData = ({ message }: { message?: LocalMessage }) => {
   const { channel } = useChannelContext();
   const { client } = useChatContext();
   const calculate = useCallback(() => {
-    if (!message.created_at) {
-      return 0;
+    if (!message?.created_at) {
+      return [];
     }
     const messageRef = {
       msgId: message.id,
       timestampMs: new Date(message.created_at).getTime(),
     };
-    return channel.messageReceiptsTracker.deliveredForMessage(messageRef).length;
+    return channel.messageReceiptsTracker.deliveredForMessage(messageRef);
   }, [channel, message]);
 
-  const [deliveredToCount, setDeliveredToCount] = useState<number>(calculate());
+  const [deliveredToCount, setDeliveredToCount] = useState<UserResponse[]>([]);
+
+  useEffect(() => {
+    setDeliveredToCount(calculate());
+  }, [calculate]);
 
   useEffect(() => {
     const { unsubscribe } = channel.on('message.delivered', (event: Event) => {

package/src/components/Message/hooks/useMessageReadData.ts

@@ -1,26 +1,30 @@
 import { useCallback, useEffect, useState } from 'react';
 
-import { Event, LocalMessage } from 'stream-chat';
+import { Event, LocalMessage, UserResponse } from 'stream-chat';
 
 import { useChannelContext } from '../../../contexts/channelContext/ChannelContext';
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 
-export const useMessageReadData = ({ message }: { message: LocalMessage }) => {
+export const useMessageReadData = ({ message }: { message?: LocalMessage }) => {
   const { channel } = useChannelContext();
   const { client } = useChatContext();
   const calculate = useCallback(() => {
-    if (!message.created_at) {
-      return 0;
+    if (!message?.created_at) {
+      return [];
     }
     const messageRef = {
       msgId: message.id,
       timestampMs: new Date(message.created_at).getTime(),
     };
 
-    return channel.messageReceiptsTracker.readersForMessage(messageRef).length;
+    return channel.messageReceiptsTracker.readersForMessage(messageRef);
   }, [channel, message]);
 
-  const [readBy, setReadBy] = useState<number>(calculate());
+  const [readBy, setReadBy] = useState<UserResponse[]>([]);
+
+  useEffect(() => {
+    setReadBy(calculate());
+  }, [calculate]);
 
   useEffect(() => {
     const { unsubscribe } = channel.on('message.read', (event: Event) => {

package/src/components/Poll/components/PollAnswersList.tsx

@@ -126,7 +126,7 @@ export const PollAnswerListItem = ({ answer }: { answer: PollAnswer }) => {
   );
 };
 
-const PollAnswerListItemComponent = ({ item }: { item: PollAnswer }) => (
+const renderPollAnswerListItem = ({ item }: { item: PollAnswer }) => (
   <PollAnswerListItem answer={item} />
 );
 
@@ -149,7 +149,7 @@ export const PollAnswersListContent = ({
         data={pollAnswers}
         keyExtractor={(item) => `poll_answer_${item.id}`}
         onEndReached={() => hasNextPage && loadMore()}
-        renderItem={PollAnswerListItemComponent}
+        renderItem={renderPollAnswerListItem}
         {...additionalFlatListProps}
       />
       <AnswerListAddCommentButton />

package/src/components/Poll/components/PollResults/PollOptionFullResults.tsx

@@ -21,7 +21,7 @@ export type PollOptionFullResultsProps = PollContextValue & {
   PollOptionFullResultsContent?: React.ComponentType<{ option: PollOption }>;
 };
 
-export const PollOptionFullResultsItem = ({ item }: { item: PollVoteClass }) => (
+export const renderPollOptionFullResultsItem = ({ item }: { item: PollVoteClass }) => (
   <PollVote vote={item} />
 );
 
@@ -65,7 +65,7 @@ export const PollOptionFullResultsContent = ({
         keyExtractor={(item) => `option_full_results_${item.id}`}
         ListHeaderComponent={PollOptionFullResultsHeader}
         onEndReached={() => hasNextPage && loadMore()}
-        renderItem={PollOptionFullResultsItem}
+        renderItem={renderPollOptionFullResultsItem}
         {...additionalFlatListProps}
       />
     </View>

package/src/components/index.ts

@@ -64,6 +64,7 @@ export * from './ChannelPreview/hooks/useChannelPreviewDisplayPresence';
 export * from './ChannelPreview/hooks/useLatestMessagePreview';
 export * from './ChannelPreview/hooks/useChannelPreviewData';
 export * from './ChannelPreview/hooks/useIsChannelMuted';
+export * from './ChannelPreview/hooks/useMessageDeliveryStatus';
 
 export * from './Chat/Chat';
 export * from './Chat/hooks/useCreateChatClient';
@@ -93,6 +94,8 @@ export * from './Message/hooks/useCreateMessageContext';
 export * from './Message/hooks/useMessageActions';
 export * from './Message/hooks/useMessageActionHandlers';
 export * from './Message/hooks/useStreamingMessage';
+export * from './Message/hooks/useMessageDeliveryData';
+export * from './Message/hooks/useMessageReadData';
 export * from './Message/Message';
 export * from './Message/MessageSimple/MessageAvatar';
 export * from './Message/MessageSimple/MessageBounce';

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "8.8.1"
+  "version": "8.9.0-beta.1"
 }