stream-chat-react-native-core 5.39.6 → 5.40.0-beta.1

package/lib/typescript/utils/i18n/Streami18n.d.ts

@@ -126,17 +126,23 @@ export declare class Streami18n {
             [key: string]: DefaultStreamChatGenerics | Partial<{
                 "1 Reply": string;
                 "1 Thread Reply": string;
+                "Add a comment": string;
+                "Add an option": string;
                 "Allow access to your Gallery": string;
                 "Allow camera access in device settings": string;
                 "Also send to channel": string;
+                Anonymous: string;
+                "Anonymous poll": string;
                 "Are you sure you want to permanently delete this message?": string;
                 "Are you sure?": string;
+                "Ask a question": string;
                 "Ban User": string;
                 "Block User": string;
                 Cancel: string;
                 "Cannot Flag Message": string;
                 "Consider how your comment might make others feel and be sure to follow our Community Guidelines": string;
                 "Copy Message": string;
+                "Create Poll": string;
                 Delete: string;
                 "Delete Message": string;
                 "Device camera is used to take photos or videos.": string;
@@ -147,6 +153,7 @@ export declare class Streami18n {
                 "Editing Message": string;
                 "Emoji matching": string;
                 "Empty message...": string;
+                "End Vote": string;
                 "Error loading": string;
                 "Error loading channel list...": string;
                 "Error loading messages for this channel...": string;
@@ -166,9 +173,11 @@ export declare class Streami18n {
                 "Loading threads...": string;
                 "Loading...": string;
                 "Maximum number of files reached": string;
+                "Maximum votes per person": string;
                 "Message Reactions": string;
                 "Message deleted": string;
                 "Message flagged": string;
+                "Multiple answers": string;
                 "Mute User": string;
                 "No chats here yet\u2026": string;
                 "No threads here yet": string;
@@ -177,6 +186,8 @@ export declare class Streami18n {
                 Ok: string;
                 "Only visible to you": string;
                 "Open Settings": string;
+                Option: string;
+                Options: string;
                 Photo: string;
                 "Photos and Videos": string;
                 "Pin to Conversation": string;
@@ -184,28 +195,48 @@ export declare class Streami18n {
                 "Please allow Audio permissions in settings.": string;
                 "Please enable access to your photos and videos so you can share them.": string;
                 "Please select a channel first": string;
+                "Poll Comments": string;
+                "Poll Options": string;
+                "Poll Results": string;
+                Questions: string;
                 "Reconnecting...": string;
                 Reply: string;
                 "Reply to Message": string;
                 Resend: string;
+                SEND: string;
                 "Search GIFs": string;
+                "See all {{count}} options_one": string;
+                "See all {{count}} options_other": string;
                 "Select More Photos": string;
+                "Select one": string;
+                "Select one or more": string;
+                "Select up to {{count}}_one": string;
+                "Select up to {{count}}_other": string;
                 "Send Anyway": string;
                 "Send a message": string;
                 "Sending links is not allowed in this conversation": string;
+                "Show All": string;
                 "Slow mode ON": string;
+                "Suggest an option": string;
                 "The message has been reported to a moderator.": string;
                 "The source message was deleted": string;
+                "This is already an option": string;
                 "This reply was deleted": string;
                 "Thread Reply": string;
+                "Type a number from 2 to 10": string;
                 "Unban User": string;
                 "Unblock User": string;
                 "Unknown User": string;
                 "Unmute User": string;
                 "Unpin from Conversation": string;
                 "Unread Messages": string;
+                "Update your comment": string;
                 Video: string;
+                "View Results": string;
+                "View {{count}} comments_one": string;
+                "View {{count}} comments_other": string;
                 "Voice message": string;
+                "Vote ended": string;
                 You: string;
                 "You can't send messages in this channel": string;
                 "replied to": string;
@@ -215,6 +246,7 @@ export declare class Streami18n {
                 "timestamp/MessageEditedTimestamp": string;
                 "timestamp/MessageSystem": string;
                 "timestamp/MessageTimestamp": string;
+                "timestamp/PollVote": string;
                 "timestamp/StickyHeader": string;
                 "timestamp/ThreadListItem": string;
                 "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": string;
@@ -222,6 +254,8 @@ export declare class Streami18n {
                 "{{ replyCount }} Replies": string;
                 "{{ replyCount }} Thread Replies": string;
                 "{{ user }} is typing": string;
+                "{{count}} votes_one": string;
+                "{{count}} votes_other": string;
                 "\uD83C\uDFD9 Attachment...": string;
             }>;
         };

package/lib/typescript/utils/i18n/Streami18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Streami18n.d.ts","sourceRoot":"","sources":["../../../../src/utils/i18n/Streami18n.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Streami18n.d.ts","sourceRoot":"","sources":["../../../../src/utils/i18n/Streami18n.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.39.6",
+  "version": "5.40.0-beta.1",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -78,7 +78,7 @@
     "path": "0.12.7",
     "react-native-markdown-package": "1.8.2",
     "react-native-url-polyfill": "^1.3.0",
-    "stream-chat": "8.41.1"
+    "stream-chat": "8.42.0"
   },
   "peerDependencies": {
     "react-native-quick-sqlite": ">=5.1.0",

package/src/components/AttachmentPicker/components/AttachmentPickerSelectionBar.tsx

@@ -1,6 +1,11 @@
 import React from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
 
+import {
+  useChannelContext,
+  useMessagesContext,
+  useOwnCapabilitiesContext,
+} from '../../../contexts';
 import { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
@@ -21,14 +26,25 @@ export const AttachmentPickerSelectionBar = () => {
     attachmentSelectionBarHeight,
     CameraSelectorIcon,
     closePicker,
+    CreatePollIcon,
     FileSelectorIcon,
     ImageSelectorIcon,
     selectedPicker,
     setSelectedPicker,
   } = useAttachmentPickerContext();
 
-  const { hasCameraPicker, hasFilePicker, imageUploads, pickFile, takeAndUploadImage } =
-    useMessageInputContext();
+  const {
+    hasCameraPicker,
+    hasFilePicker,
+    imageUploads,
+    openPollCreationDialog,
+    pickFile,
+    sendMessage,
+    takeAndUploadImage,
+  } = useMessageInputContext();
+  const { threadList } = useChannelContext();
+  const { hasCreatePoll } = useMessagesContext();
+  const ownCapabilities = useOwnCapabilitiesContext();
 
   const {
     theme: {
@@ -51,6 +67,12 @@ export const AttachmentPickerSelectionBar = () => {
     pickFile();
   };
 
+  const openPollCreationModal = () => {
+    setSelectedPicker(undefined);
+    closePicker();
+    openPollCreationDialog?.({ sendMessage });
+  };
+
   return (
     <View style={[styles.container, container, { height: attachmentSelectionBarHeight }]}>
       <TouchableOpacity
@@ -93,6 +115,17 @@ export const AttachmentPickerSelectionBar = () => {
           </View>
         </TouchableOpacity>
       ) : null}
+      {!threadList && hasCreatePoll && ownCapabilities.sendPoll ? ( // do not allow poll creation in threads
+        <TouchableOpacity
+          hitSlop={{ bottom: 15, top: 15 }}
+          onPress={openPollCreationModal}
+          testID='create-poll-touchable'
+        >
+          <View style={[styles.icon, icon]}>
+            <CreatePollIcon />
+          </View>
+        </TouchableOpacity>
+      ) : null}
     </View>
   );
 };

package/src/components/Channel/Channel.tsx

@@ -208,6 +208,7 @@ const throttleOptions = {
   leading: true,
   trailing: true,
 };
+
 const debounceOptions = {
   leading: true,
   trailing: true,
@@ -330,6 +331,8 @@ export type ChannelPropsWithContext<
       | 'TypingIndicatorContainer'
       | 'UrlPreview'
       | 'VideoThumbnail'
+      | 'PollContent'
+      | 'hasCreatePoll'
     >
   > &
   Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'allowThreadMessagesInChannel'>> & {
@@ -417,7 +420,7 @@ export type ChannelPropsWithContext<
      * Tells if channel is rendering a thread list
      */
     threadList?: boolean;
-  };
+  } & Partial<Pick<InputMessageInputContextValue, 'openPollCreationDialog' | 'CreatePollContent'>>;
 
 const ChannelWithContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -459,6 +462,7 @@ const ChannelWithContext = <
     CommandsButton = CommandsButtonDefault,
     compressImageQuality,
     CooldownTimer = CooldownTimerDefault,
+    CreatePollContent,
     DateHeader = DateHeaderDefault,
     deletedMessagesVisibilityType = 'always',
     disableIfFrozenChannel = true,
@@ -499,9 +503,10 @@ const ChannelWithContext = <
     handleReaction,
     handleRetry,
     handleThreadReply,
+    // If pickDocument isn't available, default to hiding the file picker
     hasCameraPicker = isImagePickerAvailable(),
     hasCommands = true,
-    // If pickDocument isn't available, default to hiding the file picker
+    hasCreatePoll,
     hasFilePicker = pickDocument !== null,
     hasImagePicker = true,
     hideDateSeparators = false,
@@ -539,7 +544,7 @@ const ChannelWithContext = <
     MessageAvatar = MessageAvatarDefault,
     MessageBounce = MessageBounceDefault,
     MessageContent = MessageContentDefault,
-    messageContentOrder = ['quoted_reply', 'gallery', 'files', 'text', 'attachments'],
+    messageContentOrder = ['quoted_reply', 'gallery', 'files', 'poll', 'text', 'attachments'],
     MessageDeleted = MessageDeletedDefault,
     MessageEditedTimestamp = MessageEditedTimestampDefault,
     MessageError = MessageErrorDefault,
@@ -565,8 +570,10 @@ const ChannelWithContext = <
     onLongPressMessage,
     onPressInMessage,
     onPressMessage,
+    openPollCreationDialog,
     OverlayReactionList = OverlayReactionListDefault,
     overrideOwnCapabilities,
+    PollContent,
     ReactionList = ReactionListDefault,
     read,
     Reply = ReplyDefault,
@@ -652,6 +659,7 @@ const ChannelWithContext = <
   const uploadAbortControllerRef = useRef<Map<string, AbortController>>(new Map());
 
   const channelId = channel?.id || '';
+  const pollCreationEnabled = !channel.disconnected && !!channel?.id && channel?.getConfig()?.polls;
 
   useEffect(() => {
     const initChannel = async () => {
@@ -844,7 +852,13 @@ const ChannelWithContext = <
             setThreadMessages(updatedThreadMessages);
           }
 
-          if (channel && thread?.id && event.message?.id === thread.id && !threadInstance) {
+          if (
+            channel &&
+            thread?.id &&
+            event.message?.id === thread.id &&
+            !threadInstance &&
+            !thread.poll_id
+          ) {
             const updatedThread = channel.state.formatMessage(event.message);
             setThread(updatedThread);
           }
@@ -1548,6 +1562,8 @@ const ChannelWithContext = <
     attachments,
     mentioned_users,
     parent_id,
+    poll,
+    poll_id,
     text,
     ...extraFields
   }: Partial<StreamMessage<StreamChatGenerics>>) => {
@@ -1569,6 +1585,8 @@ const ChannelWithContext = <
           id: userId,
         })) || [],
       parent_id,
+      poll,
+      poll_id,
       reactions: [],
       status: MessageStatusTypes.SENDING,
       text,
@@ -2283,6 +2301,7 @@ const ChannelWithContext = <
     CommandsButton,
     compressImageQuality,
     CooldownTimer,
+    CreatePollContent,
     doDocUploadRequest,
     doImageUploadRequest,
     editing,
@@ -2308,6 +2327,7 @@ const ChannelWithContext = <
     MoreOptionsButton,
     numberOfLines,
     onChangeText,
+    openPollCreationDialog,
     quotedMessage,
     SendButton,
     sendImageAsync,
@@ -2372,6 +2392,8 @@ const ChannelWithContext = <
     handleReaction,
     handleRetry,
     handleThreadReply,
+    hasCreatePoll:
+      hasCreatePoll === undefined ? pollCreationEnabled : hasCreatePoll && pollCreationEnabled,
     ImageLoadingFailedIndicator,
     ImageLoadingIndicator,
     initialScrollToFirstUnreadMessage: !messageId && initialScrollToFirstUnreadMessage, // when messageId is set, we scroll to the messageId instead of first unread
@@ -2405,6 +2427,7 @@ const ChannelWithContext = <
     onPressInMessage,
     onPressMessage,
     OverlayReactionList,
+    PollContent,
     ReactionList,
     removeMessage,
     Reply,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -27,6 +27,7 @@ export const useCreateInputMessageInputContext = <
   CommandsButton,
   compressImageQuality,
   CooldownTimer,
+  CreatePollContent,
   doDocUploadRequest,
   doImageUploadRequest,
   editing,
@@ -52,6 +53,7 @@ export const useCreateInputMessageInputContext = <
   MoreOptionsButton,
   numberOfLines,
   onChangeText,
+  openPollCreationDialog,
   quotedMessage,
   SendButton,
   sendImageAsync,
@@ -59,6 +61,7 @@ export const useCreateInputMessageInputContext = <
   SendMessageDisallowedIndicator,
   setInputRef,
   setQuotedMessageState,
+  showPollCreationDialog,
   ShowThreadMessageInChannelButton,
   StartAudioRecordingButton,
   UploadProgressIndicator,
@@ -97,6 +100,7 @@ export const useCreateInputMessageInputContext = <
       CommandsButton,
       compressImageQuality,
       CooldownTimer,
+      CreatePollContent,
       doDocUploadRequest,
       doImageUploadRequest,
       editing,
@@ -122,6 +126,7 @@ export const useCreateInputMessageInputContext = <
       MoreOptionsButton,
       numberOfLines,
       onChangeText,
+      openPollCreationDialog,
       quotedMessage,
       SendButton,
       sendImageAsync,
@@ -129,12 +134,22 @@ export const useCreateInputMessageInputContext = <
       SendMessageDisallowedIndicator,
       setInputRef,
       setQuotedMessageState,
+      showPollCreationDialog,
       ShowThreadMessageInChannelButton,
       StartAudioRecordingButton,
       UploadProgressIndicator,
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [compressImageQuality, channelId, editingDep, initialValue, maxMessageLength, quotedMessageId],
+    [
+      compressImageQuality,
+      channelId,
+      editingDep,
+      initialValue,
+      maxMessageLength,
+      quotedMessageId,
+      CreatePollContent,
+      showPollCreationDialog,
+    ],
   );
 
   return inputMessageInputContext;

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -43,6 +43,7 @@ export const useCreateMessagesContext = <
   handleReaction,
   handleRetry,
   handleThreadReply,
+  hasCreatePoll,
   ImageLoadingFailedIndicator,
   ImageLoadingIndicator,
   initialScrollToFirstUnreadMessage,
@@ -76,6 +77,7 @@ export const useCreateMessagesContext = <
   onPressInMessage,
   onPressMessage,
   OverlayReactionList,
+  PollContent,
   ReactionList,
   removeMessage,
   Reply,
@@ -142,6 +144,7 @@ export const useCreateMessagesContext = <
       handleReaction,
       handleRetry,
       handleThreadReply,
+      hasCreatePoll,
       ImageLoadingFailedIndicator,
       ImageLoadingIndicator,
       initialScrollToFirstUnreadMessage,
@@ -175,6 +178,7 @@ export const useCreateMessagesContext = <
       onPressInMessage,
       onPressMessage,
       OverlayReactionList,
+      PollContent,
       ReactionList,
       removeMessage,
       Reply,
@@ -205,6 +209,7 @@ export const useCreateMessagesContext = <
       supportedReactionsLength,
       myMessageTheme,
       targetedMessage,
+      hasCreatePoll,
     ],
   );
 

package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts

@@ -1,11 +1,20 @@
 import { useEffect, useState } from 'react';
 
 import { TFunction } from 'i18next';
-import type { Channel, ChannelState, MessageResponse, StreamChat, UserResponse } from 'stream-chat';
+import type {
+  Channel,
+  ChannelState,
+  MessageResponse,
+  PollState,
+  PollVote,
+  StreamChat,
+  UserResponse,
+} from 'stream-chat';
 
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 
+import { useStateStore } from '../../../hooks';
 import { useTranslatedMessage } from '../../../hooks/useTranslatedMessage';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { stringifyMessage } from '../../../utils/utils';
@@ -28,6 +37,18 @@ export type LatestMessagePreview<
   created_at?: string | Date;
 };
 
+export type LatestMessagePreviewSelectorReturnType = {
+  created_by?: UserResponse | null;
+  latest_votes_by_option?: Record<string, PollVote[]>;
+};
+
+const selector = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+  nextValue: PollState<StreamChatGenerics>,
+): LatestMessagePreviewSelectorReturnType => ({
+  created_by: nextValue.created_by,
+  latest_votes_by_option: nextValue.latest_votes_by_option,
+});
+
 const getMessageSenderName = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
@@ -77,6 +98,7 @@ const getLatestMessageDisplayText = <
   client: StreamChat<StreamChatGenerics>,
   message: LatestMessage<StreamChatGenerics> | undefined,
   t: (key: string) => string,
+  pollState: LatestMessagePreviewSelectorReturnType | undefined,
 ) => {
   if (!message) return [{ bold: false, text: t('Nothing yet...') }];
   const isMessageTypeDeleted = message.type === 'deleted';
@@ -123,6 +145,28 @@ const getLatestMessageDisplayText = <
       { bold: false, text: t('🏙 Attachment...') },
     ];
   }
+  if (message.poll && pollState) {
+    const { created_by, latest_votes_by_option } = pollState;
+    let latestVotes;
+    if (latest_votes_by_option) {
+      latestVotes = Object.values(latest_votes_by_option)
+        .map((votes) => votes?.[0])
+        .sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime());
+    }
+    let previewAction = 'created';
+    let previewUser = created_by;
+    if (latestVotes && latestVotes.length && latestVotes[0]?.user) {
+      previewAction = 'voted';
+      previewUser = latestVotes[0]?.user;
+    }
+    const previewMessage = `${
+      client.userID === previewUser?.id ? 'You' : previewUser?.name
+    } ${previewAction}: ${message.poll.name}`;
+    return [
+      { bold: false, text: '📊 ' },
+      { bold: false, text: previewMessage },
+    ];
+  }
   return [
     { bold: boldOwner, text: messageSenderText },
     { bold: false, text: t('Empty message...') },
@@ -171,13 +215,14 @@ const getLatestMessagePreview = <
 >(params: {
   channel: Channel<StreamChatGenerics>;
   client: StreamChat<StreamChatGenerics>;
+  pollState: LatestMessagePreviewSelectorReturnType | undefined;
   readEvents: boolean;
   t: TFunction;
   lastMessage?:
     | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
     | MessageResponse<StreamChatGenerics>;
 }) => {
-  const { channel, client, lastMessage, readEvents, t } = params;
+  const { channel, client, lastMessage, pollState, readEvents, t } = params;
 
   const messages = channel.state.messages;
 
@@ -202,7 +247,7 @@ const getLatestMessagePreview = <
   return {
     created_at: message?.created_at,
     messageObject: message,
-    previews: getLatestMessageDisplayText(channel, client, message, t),
+    previews: getLatestMessageDisplayText(channel, client, message, t, pollState),
     status: getLatestMessageReadStatus(channel, client, message, readEvents),
   };
 };
@@ -261,6 +306,12 @@ export const useLatestMessagePreview = <
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelConfigExists]);
 
+  const pollId = lastMessage?.poll_id ?? '';
+  const poll = client.polls.fromState(pollId);
+  const pollState: LatestMessagePreviewSelectorReturnType =
+    useStateStore(poll?.state, selector) ?? {};
+  const { created_by, latest_votes_by_option } = pollState;
+
   useEffect(
     () =>
       setLatestMessagePreview(
@@ -268,12 +319,20 @@ export const useLatestMessagePreview = <
           channel,
           client,
           lastMessage: translatedLastMessage,
+          pollState,
           readEvents,
           t,
         }),
       ),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [channelLastMessageString, forceUpdate, readEvents, readStatus],
+    [
+      channelLastMessageString,
+      forceUpdate,
+      readEvents,
+      readStatus,
+      latest_votes_by_option,
+      created_by,
+    ],
   );
 
   return latestMessagePreview;

package/src/components/Chat/Chat.tsx

@@ -219,9 +219,11 @@ const ChatWithContext = <
     if (!client) return;
 
     client.threads.registerSubscriptions();
+    client.polls.registerSubscriptions();
 
     return () => {
       client.threads.unregisterSubscriptions();
+      client.polls.unregisterSubscriptions();
     };
   }, [client]);
 

package/src/components/Chat/hooks/handleEventToSyncDB.ts

@@ -4,6 +4,7 @@ import { deleteChannel } from '../../../store/apis/deleteChannel';
 import { deleteMember } from '../../../store/apis/deleteMember';
 import { deleteMessagesForChannel } from '../../../store/apis/deleteMessagesForChannel';
 import { updateMessage } from '../../../store/apis/updateMessage';
+import { updatePollMessage } from '../../../store/apis/updatePollMessage';
 import { upsertChannelData } from '../../../store/apis/upsertChannelData';
 import { upsertChannelDataFromChannel } from '../../../store/apis/upsertChannelDataFromChannel';
 import { upsertChannels } from '../../../store/apis/upsertChannels';
@@ -223,5 +224,23 @@ export const handleEventToSyncDB = <
     }
   }
 
+  if (
+    [
+      'poll.closed',
+      'poll.updated',
+      'poll.vote_casted',
+      'poll.vote_changed',
+      'poll.vote_removed',
+    ].includes(type)
+  ) {
+    const poll = event.poll;
+    if (poll) {
+      return updatePollMessage({
+        flush,
+        poll,
+      });
+    }
+  }
+
   return [];
 };