refactor: move useStateStore to src/store/hooks

src/components/ChatView/ChatView.tsx

@@ -1,9 +1,10 @@
 import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
 
-import { ThreadProvider, useStateStore } from '../Threads';
+import { ThreadProvider } from '../Threads';
 import { Icon } from '../Threads/icons';
 import { UnreadCountBadge } from '../Threads/UnreadCountBadge';
 import { useChatContext } from '../../context';
+import { useStateStore } from '../../store';
 
 import type { PropsWithChildren } from 'react';
 import type { Thread, ThreadManagerState } from 'stream-chat';

src/components/Message/MessageOptions.tsx

@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import React from 'react';
 
 import {
@@ -7,14 +8,13 @@ import {
 } from './icons';
 import { MESSAGE_ACTIONS } from './utils';
 import { MessageActions } from '../MessageActions';
+import { useDialogIsOpen } from '../Dialog';
+import { ReactionSelectorWithButton } from '../Reactions/ReactionSelectorWithButton';
 
-import { useTranslationContext } from '../../context';
-import { MessageContextValue, useMessageContext } from '../../context/MessageContext';
+import { useMessageContext, useTranslationContext } from '../../context';
 
 import type { DefaultStreamChatGenerics, IconProps } from '../../types/types';
-import { ReactionSelectorWithButton } from '../Reactions/ReactionSelectorWithButton';
-import { useDialogIsOpen } from '../Dialog';
-import clsx from 'clsx';
+import type { MessageContextValue } from '../../context/MessageContext';
 
 export type MessageOptionsProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics

src/components/Message/__tests__/MessageOptions.test.js

@@ -9,20 +9,22 @@ import { MessageSimple } from '../MessageSimple';
 import { ACTIONS_NOT_WORKING_IN_THREAD, MESSAGE_ACTIONS } from '../utils';
 
 import { Attachment } from '../../Attachment';
+import { defaultReactionOptions } from '../../Reactions';
 
-import { ChannelActionProvider } from '../../../context/ChannelActionContext';
-import { ChannelStateProvider } from '../../../context/ChannelStateContext';
-import { ChatProvider } from '../../../context/ChatContext';
-import { ComponentProvider } from '../../../context/ComponentContext';
+import {
+  ChannelActionProvider,
+  ChannelStateProvider,
+  ChatProvider,
+  ComponentProvider,
+  DialogManagerProvider,
+} from '../../../context';
 
 import {
   generateChannel,
   generateMessage,
   generateUser,
   getTestClientWithUser,
 } from '../../../mock-builders';
-import { DialogManagerProvider } from '../../../context';
-import { defaultReactionOptions } from '../../Reactions';
 
 const MESSAGE_ACTIONS_TEST_ID = 'message-actions';
 

src/components/Thread/Thread.tsx

@@ -18,7 +18,8 @@ import {
   useChatContext,
   useComponentContext,
 } from '../../context';
-import { useStateStore, useThreadContext } from '../../components/Threads';
+import { useThreadContext } from '../Threads';
+import { useStateStore } from '../../store';
 
 import type { MessageProps, MessageUIComponentProps } from '../Message/types';
 import type { MessageActionsArray } from '../Message/utils';

src/components/Threads/ThreadList/ThreadList.tsx

@@ -8,7 +8,7 @@ import { ThreadListEmptyPlaceholder as DefaultThreadListEmptyPlaceholder } from
 import { ThreadListUnseenThreadsBanner as DefaultThreadListUnseenThreadsBanner } from './ThreadListUnseenThreadsBanner';
 import { ThreadListLoadingIndicator as DefaultThreadListLoadingIndicator } from './ThreadListLoadingIndicator';
 import { useChatContext, useComponentContext } from '../../../context';
-import { useStateStore } from '../hooks/useStateStore';
+import { useStateStore } from '../../../store';
 
 const selector = (nextValue: ThreadManagerState) => [nextValue.threads] as const;
 

src/components/Threads/ThreadList/ThreadListItemUI.tsx

@@ -11,7 +11,7 @@ import { UnreadCountBadge } from '../UnreadCountBadge';
 import { useChatContext } from '../../../context';
 import { useThreadsViewContext } from '../../ChatView';
 import { useThreadListItemContext } from './ThreadListItem';
-import { useStateStore } from '../hooks/useStateStore';
+import { useStateStore } from '../../../store';
 
 export type ThreadListItemUIProps = ComponentPropsWithoutRef<'button'>;
 

src/components/Threads/ThreadList/ThreadListLoadingIndicator.tsx

@@ -4,7 +4,7 @@ import type { ThreadManagerState } from 'stream-chat';
 
 import { LoadingIndicator as DefaultLoadingIndicator } from '../../Loading';
 import { useChatContext, useComponentContext } from '../../../context';
-import { useStateStore } from '../hooks/useStateStore';
+import { useStateStore } from '../../../store';
 
 const selector = (nextValue: ThreadManagerState) => [nextValue.pagination.isLoadingNext];
 

src/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.tsx

@@ -4,7 +4,7 @@ import type { ThreadManagerState } from 'stream-chat';
 
 import { Icon } from '../icons';
 import { useChatContext } from '../../../context';
-import { useStateStore } from '../hooks/useStateStore';
+import { useStateStore } from '../../../store';
 
 const selector = (nextValue: ThreadManagerState) => [nextValue.unseenThreadIds] as const;
 

src/components/Threads/hooks/useThreadManagerState.ts

@@ -1,6 +1,6 @@
 import { useChatContext } from 'context';
-import { useStateStore } from './useStateStore';
 import { ThreadManagerState } from 'stream-chat';
+import { useStateStore } from '../../../store';
 
 export const useThreadManagerState = <T extends readonly unknown[]>(
   selector: (nextValue: ThreadManagerState) => T,

src/components/Threads/hooks/useThreadState.ts

@@ -1,7 +1,7 @@
 import { ThreadState } from 'stream-chat';
-import { useStateStore } from './useStateStore';
 import { useThreadListItemContext } from '../ThreadList';
 import { useThreadContext } from '../ThreadContext';
+import { useStateStore } from '../../../store/';
 
 /**
  * @description returns thread state, prioritizes `ThreadListItemContext` falls back to `ThreadContext` if not former is not present

src/components/Threads/index.ts

@@ -1,3 +1,2 @@
 export * from './ThreadContext';
 export * from './ThreadList';
-export * from './hooks/useStateStore';

src/index.ts

@@ -1,5 +1,6 @@
 export * from './components';
 export * from './context';
 export * from './i18n';
+export * from './store';
 export * from './types';
 export * from './utils';

src/store/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useStateStore';

src/store/index.ts

@@ -0,0 +1 @@
+export * from './hooks';