refactor: move message composer hooks to hooks folder's root

Author: MartinCupela

src/components/MessageInput/AttachmentSelector.tsx

@@ -20,7 +20,7 @@ import {
   useAttachmentSelectorContext,
 } from '../../context/AttachmentSelectorContext';
 
-import { useAttachmentManagerState } from './hooks/messageComposer/useAttachmentManagerState';
+import { useAttachmentManagerState } from './hooks/useAttachmentManagerState';
 
 export const SimpleAttachmentSelector = () => {
   const {

src/components/MessageInput/MessageInputFlat.tsx

@@ -31,7 +31,7 @@ import { useTranslationContext } from '../../context/TranslationContext';
 import { useMessageInputContext } from '../../context/MessageInputContext';
 import { useComponentContext } from '../../context/ComponentContext';
 import { useStateStore } from '../../store';
-import { useAttachmentManagerState } from './hooks/messageComposer/useAttachmentManagerState';
+import { useAttachmentManagerState } from './hooks/useAttachmentManagerState';
 import { useMessageContext } from '../../context';
 import type { MessageComposerConfig } from 'stream-chat';
 

src/components/MessageInput/hooks/index.ts

@@ -1,3 +1,6 @@
+export * from './useAttachmentManagerState';
+export * from './useCanCreatePoll';
 export * from './useCooldownTimer';
 export * from './useMessageInputUiApi';
-export * from './messageComposer';
+export * from './useMessageComposer';
+export * from './useMessageComposerHasSendableData';

src/components/MessageInput/hooks/messageComposer/index.ts

@@ -1,5 +1,5 @@
 import { useMessageComposer } from './useMessageComposer';
-import { useStateStore } from '../../../../store';
+import { useStateStore } from '../../../store';
 import type { AttachmentManagerState } from 'stream-chat';
 
 const stateSelector = (state: AttachmentManagerState) => ({

…ageComposer/useAttachmentManagerState.ts …Input/hooks/useAttachmentManagerState.tssrc/components/MessageInput/hooks/messageComposer/useAttachmentManagerState.ts renamed to src/components/MessageInput/hooks/useAttachmentManagerState.ts src/components/MessageInput/hooks/messageComposer/useAttachmentManagerState.ts renamed to src/components/MessageInput/hooks/useAttachmentManagerState.ts

@@ -0,0 +1,15 @@
+import { useMessageComposer } from './useMessageComposer';
+import { useEffect, useState } from 'react';
+
+export const useCanCreatePoll = () => {
+  const { pollComposer } = useMessageComposer();
+  const [canCreatePoll, setCanCreatePoll] = useState(pollComposer.canCreatePoll);
+  useEffect(
+    () =>
+      pollComposer.state.subscribe(() => {
+        setCanCreatePoll(pollComposer.canCreatePoll);
+      }),
+    [pollComposer],
+  );
+  return canCreatePoll;
+};

src/components/MessageInput/hooks/useCanCreatePoll.ts

@@ -1,12 +1,12 @@
 import { useEffect, useMemo } from 'react';
 import { FixedSizeQueueCache, MessageComposer } from 'stream-chat';
-import { useThreadContext } from '../../../Threads';
+import { useThreadContext } from '../../Threads';
 import {
   useChannelStateContext,
   useChatContext,
   useMessageContext,
-} from '../../../../context';
-import { useLegacyThreadContext } from '../../../Thread';
+} from '../../../context';
+import { useLegacyThreadContext } from '../../Thread';
 
 const queueCache = new FixedSizeQueueCache<string, MessageComposer>(64);
 

…ks/messageComposer/useMessageComposer.ts …MessageInput/hooks/useMessageComposer.tssrc/components/MessageInput/hooks/messageComposer/useMessageComposer.ts renamed to src/components/MessageInput/hooks/useMessageComposer.ts src/components/MessageInput/hooks/messageComposer/useMessageComposer.ts renamed to src/components/MessageInput/hooks/useMessageComposer.ts

@@ -1,5 +1,5 @@
 import { useMessageComposer } from './useMessageComposer';
-import { useStateStore } from '../../../../store';
+import { useStateStore } from '../../../store';
 import type { EditingAuditState } from 'stream-chat';
 
 const editingAuditStateStateSelector = (state: EditingAuditState) => state;

…ser/useMessageComposerHasSendableData.ts …oks/useMessageComposerHasSendableData.tssrc/components/MessageInput/hooks/messageComposer/useMessageComposerHasSendableData.ts renamed to src/components/MessageInput/hooks/useMessageComposerHasSendableData.ts src/components/MessageInput/hooks/messageComposer/useMessageComposerHasSendableData.ts renamed to src/components/MessageInput/hooks/useMessageComposerHasSendableData.ts

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useRef } from 'react';
 import { type TextComposerState } from 'stream-chat';
 import type { MessageInputProps } from '../MessageInput';
 
-import { useMessageComposer } from './messageComposer';
+import { useMessageComposer } from './useMessageComposer';
 import { useStateStore } from '../../../store';
 
 const messageComposerStateSelector = (state: TextComposerState) => ({

src/components/MessageInput/hooks/useMessageInputText.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
+import { useMessageComposer } from './useMessageComposer';
 import { dataTransferItemsToFiles } from '../../ReactFileUtilities';
-import { useMessageComposer } from './messageComposer';
 
 export const usePasteHandler = (insertText: (textToInsert: string) => void) => {
   const { attachmentManager } = useMessageComposer();