stream-chat-react-native-core 5.40.0-rc.2 → 5.41.0-beta.1

package/src/contexts/keyboardContext/KeyboardContext.tsx

@@ -2,6 +2,9 @@ import React, { useContext } from 'react';
 
 import { Keyboard } from 'react-native';
 
+import type { DefaultStreamChatGenerics } from '../../types/types';
+import { getDisplayName } from '../utils/getDisplayName';
+
 export type KeyboardContextValue = {
   dismissKeyboard: () => void;
 };
@@ -19,3 +22,30 @@ export const KeyboardProvider = ({ children, value }: Props) => (
 );
 
 export const useKeyboardContext = () => useContext(KeyboardContext);
+
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withKeyboardContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
+export const withKeyboardContext = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  Component: React.ComponentType<StreamChatGenerics>,
+): React.ComponentType<Omit<StreamChatGenerics, keyof KeyboardContextValue>> => {
+  const WithKeyboardContextComponent = (
+    props: Omit<StreamChatGenerics, keyof KeyboardContextValue>,
+  ) => {
+    const keyboardContext = useKeyboardContext();
+
+    return <Component {...(props as StreamChatGenerics)} {...keyboardContext} />;
+  };
+  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(
+    Component as React.ComponentType,
+  )}`;
+  return WithKeyboardContextComponent;
+};

package/src/contexts/messageContext/MessageContext.tsx

@@ -5,17 +5,19 @@ import type { Attachment } from 'stream-chat';
 import type { ActionHandler } from '../../components/Attachment/Attachment';
 import { ReactionSummary } from '../../components/Message/hooks/useProcessReactions';
 import type {
-  MessagePressableHandlerPayload,
-  PressableHandlerPayload,
+  MessageTouchableHandlerPayload,
+  TouchableHandlerPayload,
 } from '../../components/Message/Message';
 import type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';
 import type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';
 import type { DeepPartial } from '../../contexts/themeContext/ThemeContext';
 import type { Theme } from '../../contexts/themeContext/utils/theme';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
+import { getDisplayName } from '../utils/getDisplayName';
+
 export type Alignment = 'right' | 'left';
 
 export type MessageContextValue<
@@ -25,10 +27,6 @@ export type MessageContextValue<
   actionsEnabled: boolean;
   /** Position of the message, either 'right' or 'left' */
   alignment: Alignment;
-  /**
-   * Function to dismiss the overlay
-   */
-  dismissOverlay: () => void;
   /** The files attached to a message */
   files: Attachment<StreamChatGenerics>[];
   /**
@@ -40,6 +38,46 @@ export type MessageContextValue<
   groupStyles: GroupType[];
   /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */
   handleAction: ActionHandler;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleCopyMessage: () => void;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleDeleteMessage: () => void;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleEditMessage: () => void;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleFlagMessage: () => void;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleQuotedReplyMessage: () => void;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleResendMessage: () => Promise<void>;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleToggleBanUser: () => Promise<void>;
+  /**
+   * @deprecated
+   * @returns Promise<void>
+   */
+  handleToggleMuteUser: () => Promise<void>;
   handleToggleReaction: (reactionType: string) => Promise<void>;
   /** Whether or not message has reactions */
   hasReactions: boolean;
@@ -65,7 +103,7 @@ export type MessageContextValue<
    *
    * @param payload   Payload object for onLongPress event
    */
-  onLongPress: (payload: PressableHandlerPayload) => void;
+  onLongPress: (payload: TouchableHandlerPayload) => void;
   /** Whether the message is only text and the text is only emojis */
   onlyEmojis: boolean;
   /** Handler to open a thread on a message */
@@ -80,31 +118,20 @@ export type MessageContextValue<
    *
    * @param payload   Payload object for onPress event
    */
-  onPress: (payload: MessagePressableHandlerPayload) => void;
-  onPressIn: ((payload: PressableHandlerPayload) => void) | null;
+  onPress: (payload: MessageTouchableHandlerPayload) => void;
+  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;
   /** The images attached to a message */
   otherAttachments: Attachment<StreamChatGenerics>[];
   reactions: ReactionSummary[];
   /** React set state function to set the state of `isEditedMessageOpen` */
   setIsEditedMessageOpen: React.Dispatch<React.SetStateAction<boolean>>;
-  /**
-   * Function to show the menu with all the message actions.
-   * @param showMessageReactions
-   * @returns void
-   */
-  showMessageOverlay: (showMessageReactions?: boolean) => void;
+  showMessageOverlay: (isMessageActionsVisible?: boolean, error?: boolean) => void;
   showMessageStatus: boolean;
   /** Whether or not the Message is part of a Thread */
   threadList: boolean;
   /** The videos attached to a message */
   videos: Attachment<StreamChatGenerics>[];
   goToMessage?: (messageId: string) => void;
-  /**
-   * Function to handle reaction on message
-   * @param reactionType
-   * @returns
-   */
-  handleReaction?: (reactionType: string) => Promise<void>;
   /** Latest message id on current channel */
   lastReceivedId?: string;
   /**
@@ -143,3 +170,29 @@ export const useMessageContext = <
 
   return contextValue;
 };
+
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withMessageContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
+export const withMessageContext = <
+  P extends UnknownType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  Component: React.ComponentType<P>,
+): React.ComponentType<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {
+  const WithMessageContextComponent = (
+    props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>,
+  ) => {
+    const messageContext = useMessageContext<StreamChatGenerics>();
+
+    return <Component {...(props as P)} {...messageContext} />;
+  };
+  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;
+  return WithMessageContextComponent;
+};

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -29,6 +29,7 @@ import { useMessageDetailsForState } from './hooks/useMessageDetailsForState';
 
 import { isUploadAllowed, MAX_FILE_SIZE_TO_UPLOAD, prettifyFileSize } from './utils/utils';
 
+import { PollContentProps } from '../../components';
 import { AudioAttachmentProps } from '../../components/Attachment/AudioAttachment';
 import { parseLinksFromText } from '../../components/Message/MessageSimple/utils/parseLinks';
 import type { AttachButtonProps } from '../../components/MessageInput/AttachButton';
@@ -53,13 +54,7 @@ import type { SendButtonProps } from '../../components/MessageInput/SendButton';
 import type { UploadProgressIndicatorProps } from '../../components/MessageInput/UploadProgressIndicator';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { Emoji } from '../../emoji-data';
-import {
-  isDocumentPickerAvailable,
-  isImageMediaLibraryAvailable,
-  pickDocument,
-  pickImage,
-  takePhoto,
-} from '../../native';
+import { isImageMediaLibraryAvailable, pickDocument, pickImage, takePhoto } from '../../native';
 import {
   Asset,
   DefaultStreamChatGenerics,
@@ -67,6 +62,7 @@ import {
   FileTypes,
   FileUpload,
   ImageUpload,
+  UnknownType,
 } from '../../types/types';
 import {
   ACITriggerSettings,
@@ -91,6 +87,7 @@ import { useThreadContext } from '../threadContext/ThreadContext';
 import { useTranslationContext } from '../translationContext/TranslationContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
+import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 /**
@@ -330,7 +327,6 @@ export type InputMessageInputContextValue<
    */
   CooldownTimer: React.ComponentType<CooldownTimerProps>;
   editMessage: StreamChat<StreamChatGenerics>['updateMessage'];
-
   /**
    * Custom UI component for FileUploadPreview.
    * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/FileUploadPreview.tsx
@@ -339,6 +335,7 @@ export type InputMessageInputContextValue<
 
   /** When false, CameraSelectorIcon will be hidden */
   hasCameraPicker: boolean;
+
   /** When false, CommandsButton will be hidden */
   hasCommands: boolean;
   /** When false, FileSelectorIcon will be hidden */
@@ -355,15 +352,16 @@ export type InputMessageInputContextValue<
   InputReplyStateHeader: React.ComponentType<InputReplyStateHeaderProps<StreamChatGenerics>>;
   /** Limit on allowed number of files to attach at a time. */
   maxNumberOfFiles: number;
-
   /**
    * Custom UI component for more options button.
    *
    * Defaults to and accepts same props as: [MoreOptionsButton](https://getstream.io/chat/docs/sdk/reactnative/ui-components/more-options-button/)
    */
   MoreOptionsButton: React.ComponentType<MoreOptionsButtonProps>;
+
   /** Limit on the number of lines in the text input before scrolling */
   numberOfLines: number;
+  quotedMessage: boolean | MessageType<StreamChatGenerics>;
   /**
    * Custom UI component for send button.
    *
@@ -380,6 +378,7 @@ export type InputMessageInputContextValue<
   ShowThreadMessageInChannelButton: React.ComponentType<{
     threadList?: boolean;
   }>;
+
   /**
    * Custom UI component for audio recording mic button.
    *
@@ -392,7 +391,6 @@ export type InputMessageInputContextValue<
    * **Default** [UploadProgressIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/UploadProgressIndicator.tsx)
    */
   UploadProgressIndicator: React.ComponentType<UploadProgressIndicatorProps>;
-
   /**
    * Additional props for underlying TextInput component. These props will be forwarded as it is to TextInput component.
    *
@@ -407,6 +405,7 @@ export type InputMessageInputContextValue<
   autoCompleteTriggerSettings?: (
     settings: ACITriggerSettingsParams<StreamChatGenerics>,
   ) => TriggerSettings<StreamChatGenerics>;
+  closePollCreationDialog?: () => void;
   /**
    * Compress image with quality (from 0 to 1, where 1 is best quality).
    * On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images,
@@ -414,6 +413,13 @@ export type InputMessageInputContextValue<
    * Image picker defaults to 0.8 for iOS and 1 for Android
    */
   compressImageQuality?: number;
+
+  /**
+   * Override the entire content of the CreatePoll component. The component has full access to the
+   * useCreatePollContext() hook.
+   * */
+  CreatePollContent?: React.ComponentType<PollContentProps>;
+
   /**
    * Override file upload request
    *
@@ -426,6 +432,7 @@ export type InputMessageInputContextValue<
     file: File,
     channel: ChannelContextValue<StreamChatGenerics>['channel'],
   ) => Promise<SendFileAPIResponse>;
+
   /**
    * Override image upload request
    *
@@ -447,17 +454,14 @@ export type InputMessageInputContextValue<
    * It is defined with message type if the editing state is true, else its undefined.
    */
   editing?: MessageType<StreamChatGenerics>;
-
   /**
    * Prop to override the default emoji search index in auto complete suggestion list.
    */
   emojiSearchIndex?: EmojiSearchIndex;
-
   /**
    * Handler for when the attach button is pressed.
    */
   handleAttachButtonPress?: () => void;
-
   /** Initial value to set on input */
   initialValue?: string;
   /**
@@ -487,14 +491,14 @@ export type InputMessageInputContextValue<
    */
   InputButtons?: React.ComponentType<InputButtonsProps<StreamChatGenerics>>;
   maxMessageLength?: number;
-  mentionAllAppUsersEnabled?: boolean;
   /** Object containing filters/sort/options overrides for an @mention user query */
+  mentionAllAppUsersEnabled?: boolean;
   mentionAllAppUsersQuery?: MentionAllAppUsersQuery<StreamChatGenerics>;
   /**
    * Callback that is called when the text input's text changes. Changed text is passed as a single string argument to the callback handler.
    */
   onChangeText?: (newText: string) => void;
-  quotedMessage?: MessageType<StreamChatGenerics>;
+  openPollCreationDialog?: ({ sendMessage }: Pick<LocalMessageInputContext, 'sendMessage'>) => void;
   SendMessageDisallowedIndicator?: React.ComponentType;
   /**
    * ref for input setter function
@@ -504,6 +508,7 @@ export type InputMessageInputContextValue<
    * @overrideType Function
    */
   setInputRef?: (ref: TextInput | null) => void;
+  showPollCreationDialog?: boolean;
 };
 
 export type MessageInputContextValue<
@@ -571,7 +576,16 @@ export const MessageInputProvider = <
   }>({});
   const [giphyActive, setGiphyActive] = useState(false);
   const [sendThreadMessageInChannel, setSendThreadMessageInChannel] = useState(false);
-  const { editing, initialValue } = value;
+  const [showPollCreationDialog, setShowPollCreationDialog] = useState(false);
+
+  const defaultOpenPollCreationDialog = useCallback(() => setShowPollCreationDialog(true), []);
+  const closePollCreationDialog = useCallback(() => setShowPollCreationDialog(false), []);
+
+  const {
+    editing,
+    initialValue,
+    openPollCreationDialog: openPollCreationDialogFromContext,
+  } = value;
   const {
     fileUploads,
     imageUploads,
@@ -754,7 +768,7 @@ export const MessageInputProvider = <
   };
 
   const pickFile = async () => {
-    if (!isDocumentPickerAvailable()) {
+    if (pickDocument === null) {
       console.log(
         'The file picker is not installed. Check our Getting Started documentation to install it.',
       );
@@ -982,7 +996,7 @@ export const MessageInputProvider = <
     }
 
     // Disallow sending message if its empty.
-    if (!prevText && attachments.length === 0) {
+    if (!prevText && attachments.length === 0 && !customMessageData?.poll_id) {
       sending.current = false;
       return;
     }
@@ -1024,7 +1038,8 @@ export const MessageInputProvider = <
           mentioned_users: uniq(mentionedUsers),
           /** Parent message id - in case of thread */
           parent_id: thread?.id,
-          quoted_message_id: value.quotedMessage ? value.quotedMessage.id : undefined,
+          quoted_message_id:
+            typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
           show_in_channel: sendThreadMessageInChannel || undefined,
           text: prevText,
           ...customMessageData,
@@ -1064,7 +1079,8 @@ export const MessageInputProvider = <
           attachments,
           mentioned_users: [],
           parent_id: thread?.id,
-          quoted_message_id: value.quotedMessage ? value.quotedMessage.id : undefined,
+          quoted_message_id:
+            typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
           show_in_channel: sendThreadMessageInChannel || undefined,
           text: '',
         } as unknown as Partial<StreamMessage<StreamChatGenerics>>);
@@ -1401,6 +1417,14 @@ export const MessageInputProvider = <
     }
   };
 
+  const openPollCreationDialog = () => {
+    if (openPollCreationDialogFromContext) {
+      openPollCreationDialogFromContext({ sendMessage });
+      return;
+    }
+    defaultOpenPollCreationDialog();
+  };
+
   const messageInputContext = useCreateMessageInputContext({
     appendText,
     asyncIds,
@@ -1452,9 +1476,11 @@ export const MessageInputProvider = <
     uploadNewFile,
     uploadNewImage,
     ...value,
+    closePollCreationDialog,
+    openPollCreationDialog,
     sendMessage, // overriding the originally passed in sendMessage
+    showPollCreationDialog,
   });
-
   return (
     <MessageInputContext.Provider
       value={messageInputContext as unknown as MessageInputContextValue}
@@ -1479,3 +1505,31 @@ export const useMessageInputContext = <
 
   return contextValue;
 };
+
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withMessageInputContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
+export const withMessageInputContext = <
+  P extends UnknownType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  Component: React.ComponentType<P>,
+): React.ComponentType<Omit<P, keyof MessageInputContextValue<StreamChatGenerics>>> => {
+  const WithMessageInputContextComponent = (
+    props: Omit<P, keyof MessageInputContextValue<StreamChatGenerics>>,
+  ) => {
+    const messageInputContext = useMessageInputContext<StreamChatGenerics>();
+
+    return <Component {...(props as P)} {...messageInputContext} />;
+  };
+  WithMessageInputContextComponent.displayName = `WithMessageInputContext${getDisplayName(
+    Component,
+  )}`;
+  return WithMessageInputContextComponent;
+};

package/src/contexts/messageInputContext/__tests__/isValidMessage.test.tsx

@@ -13,12 +13,13 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { FileState } from '../../../utils/utils';
 import {
   InputMessageInputContextValue,
+  MessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
 
 const user1 = generateUser();
-const message = generateMessage({ user: user1 });
+const message = generateMessage({ user: user1 }, 'isValidMessage');
 
 type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   Partial<InputMessageInputContextValue<StreamChatGenerics>>;
@@ -31,7 +32,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
     value={
       {
         ...rest,
-      } as InputMessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue<StreamChatGenerics>
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx

@@ -39,9 +39,8 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
   </MessageInputProvider>
 );
 
-afterEach(jest.clearAllMocks);
-
 describe("MessageInputContext's pickFile", () => {
+  afterEach(jest.clearAllMocks);
   jest.spyOn(Alert, 'alert');
   jest.spyOn(NativeUtils, 'pickDocument').mockImplementation(
     jest.fn().mockResolvedValue({
@@ -109,5 +108,8 @@ describe("MessageInputContext's pickFile", () => {
     });
 
     expect(Alert.alert).toHaveBeenCalledTimes(2);
+    expect(Alert.alert).toHaveBeenCalledWith(
+      'File is too large: {{ size }}, maximum upload size is {{ limit }}',
+    );
   });
 });

package/src/contexts/messageInputContext/__tests__/uploadFile.test.tsx

@@ -9,6 +9,7 @@ import { generateUser } from '../../../mock-builders/generator/user';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import {
   InputMessageInputContextValue,
+  MessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
@@ -27,7 +28,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
     value={
       {
         ...rest,
-      } as InputMessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue<StreamChatGenerics>
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/uploadImage.test.tsx

@@ -8,6 +8,7 @@ import { generateUser } from '../../../mock-builders/generator/user';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import {
   InputMessageInputContextValue,
+  MessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
@@ -23,7 +24,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
     value={
       {
         ...rest,
-      } as InputMessageInputContextValue<StreamChatGenerics>
+      } as MessageInputContextValue<StreamChatGenerics>
     }
   >
     {children}

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -27,10 +27,12 @@ export const useCreateMessageInputContext = <
   clearEditingState,
   clearQuotedMessageState,
   closeAttachmentPicker,
+  closePollCreationDialog,
   CommandsButton,
   compressImageQuality,
   cooldownEndsAt,
   CooldownTimer,
+  CreatePollContent,
   doDocUploadRequest,
   doImageUploadRequest,
   editing,
@@ -69,6 +71,7 @@ export const useCreateMessageInputContext = <
   openCommandsPicker,
   openFilePicker,
   openMentionsPicker,
+  openPollCreationDialog,
   pickAndUploadImageFromNativePicker,
   pickFile,
   quotedMessage,
@@ -97,6 +100,7 @@ export const useCreateMessageInputContext = <
   setShowMoreOptions,
   setText,
   showMoreOptions,
+  showPollCreationDialog,
   ShowThreadMessageInChannelButton,
   StartAudioRecordingButton,
   takeAndUploadImage,
@@ -119,7 +123,11 @@ export const useCreateMessageInputContext = <
   const imageUploadsValue = imageUploads.map(({ state }) => state).join();
   const asyncUploadsValue = Object.keys(asyncUploads).join();
   const mentionedUsersLength = mentionedUsers.length;
-  const quotedMessageId = quotedMessage ? quotedMessage.id : '';
+  const quotedMessageId = quotedMessage
+    ? typeof quotedMessage === 'boolean'
+      ? ''
+      : quotedMessage.id
+    : '';
   const threadId = thread?.id;
   const asyncIdsLength = asyncIds.length;
 
@@ -145,10 +153,12 @@ export const useCreateMessageInputContext = <
       clearEditingState,
       clearQuotedMessageState,
       closeAttachmentPicker,
+      closePollCreationDialog,
       CommandsButton,
       compressImageQuality,
       cooldownEndsAt,
       CooldownTimer,
+      CreatePollContent,
       doDocUploadRequest,
       doImageUploadRequest,
       editing,
@@ -187,6 +197,7 @@ export const useCreateMessageInputContext = <
       openCommandsPicker,
       openFilePicker,
       openMentionsPicker,
+      openPollCreationDialog,
       pickAndUploadImageFromNativePicker,
       pickFile,
       quotedMessage,
@@ -215,6 +226,7 @@ export const useCreateMessageInputContext = <
       setShowMoreOptions,
       setText,
       showMoreOptions,
+      showPollCreationDialog,
       ShowThreadMessageInChannelButton,
       StartAudioRecordingButton,
       takeAndUploadImage,
@@ -245,6 +257,7 @@ export const useCreateMessageInputContext = <
       showMoreOptions,
       text,
       threadId,
+      showPollCreationDialog,
     ],
   );