fix: close poll modal before send to avoid reset on the UI

Author: khushal87

package/src/components/MessageInput/MessageInput.tsx

@@ -160,7 +160,6 @@ type MessageInputPropsWithContext = Partial<
     | 'CommandInput'
     | 'InputReplyStateHeader'
     | 'maxNumberOfFiles'
-    | 'resetInput'
     | 'SendButton'
     | 'ShowThreadMessageInChannelButton'
     | 'StartAudioRecordingButton'
@@ -226,7 +225,6 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
     maxNumberOfFiles,
     members,
     Reply,
-    resetInput,
     SendButton,
     sendMessage,
     showPollCreationDialog,
@@ -302,10 +300,9 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
      */
     if (
       !editing &&
-      (command || attachments.length > 0 || mentionedUsers.length > 0 || availableUploadSlots) &&
-      resetInput
+      (command || attachments.length > 0 || mentionedUsers.length > 0 || availableUploadSlots)
     ) {
-      resetInput();
+      messageComposer.clear();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editingExists]);
@@ -818,7 +815,6 @@ export const MessageInput = (props: MessageInputProps) => {
     InputReplyStateHeader,
     maxNumberOfFiles,
     openPollCreationDialog,
-    resetInput,
     SendButton,
     sendMessage,
     SendMessageDisallowedIndicator,
@@ -892,7 +888,6 @@ export const MessageInput = (props: MessageInputProps) => {
         members,
         openPollCreationDialog,
         Reply,
-        resetInput,
         selectedPicker,
         SendButton,
         sendMessage,

package/src/components/Poll/CreatePollContent.tsx

@@ -162,9 +162,13 @@ export const CreatePoll = ({
 
   const createAndSendPoll = useCallback(async () => {
     try {
+      /**
+       * The poll is emptied inside the createPoll method(using initState) which is why we close the dialog
+       * first so that it doesn't look weird.
+       */
+      closePollCreationDialog?.();
       await messageComposer.createPoll();
       await sendMessage();
-      closePollCreationDialog?.();
     } catch (error) {
       console.log('Error creating a poll and sending a message:', error);
     }

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -11,7 +11,6 @@ import { Alert, Keyboard, Linking, TextInput, TextInputProps } from 'react-nativ
 
 import { BottomSheetHandleProps } from '@gorhom/bottom-sheet';
 import {
-  Attachment,
   createApplyCommandSettingsMiddleware,
   createCommandInjectionMiddleware,
   createDraftCommandInjectionMiddleware,
@@ -90,7 +89,6 @@ export type LocalMessageInputContext = {
    */
   pickAndUploadImageFromNativePicker: () => Promise<void>;
   pickFile: () => Promise<void>;
-  resetInput: (pendingAttachments?: Attachment[]) => void;
   sendMessage: (params?: { customMessageData?: Partial<Message> }) => Promise<void>;
   sendThreadMessageInChannel: boolean;
   /**
@@ -595,16 +593,6 @@ export const MessageInputProvider = ({
     }
   }, [closeAttachmentPicker, openAttachmentPicker, selectedPicker]);
 
-  const resetInput = useStableCallback(() => {
-    if (!value.editing) {
-      messageComposer.clear();
-    }
-
-    if (value.editing) {
-      value.clearEditingState();
-    }
-  });
-
   const sendMessage = useStableCallback(async () => {
     startCooldown();
 
@@ -618,14 +606,14 @@ export const MessageInputProvider = ({
 
     if (editedMessage && editedMessage.type !== 'error') {
       try {
-        resetInput();
+        value.clearEditingState();
         await value.editMessage({ localMessage, options: sendOptions });
       } catch (error) {
         console.log('Failed to edit message:', error);
       }
     } else {
       try {
-        resetInput();
+        messageComposer.clear();
         await value.sendMessage({
           localMessage: {
             ...localMessage,
@@ -686,7 +674,6 @@ export const MessageInputProvider = ({
     openFilePicker: pickFile,
     pickAndUploadImageFromNativePicker,
     pickFile,
-    resetInput,
     sendThreadMessageInChannel,
     setInputBoxRef,
     setSendThreadMessageInChannel,

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

@@ -63,7 +63,6 @@ export const useCreateMessageInputContext = ({
   openPollCreationDialog,
   pickAndUploadImageFromNativePicker,
   pickFile,
-  resetInput,
   SendButton,
   sendMessage,
   SendMessageDisallowedIndicator,
@@ -146,7 +145,6 @@ export const useCreateMessageInputContext = ({
       openPollCreationDialog,
       pickAndUploadImageFromNativePicker,
       pickFile,
-      resetInput,
       SendButton,
       sendMessage,
       SendMessageDisallowedIndicator,