stream-chat-react-native-core 4.0.0-beta.5 → 4.0.0-beta.8

package/src/contexts/channelsStateContext/ChannelsStateContext.tsx

@@ -8,16 +8,7 @@ import React, {
   useRef,
 } from 'react';
 
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { ActiveChannelsProvider } from '../activeChannelsRefContext/ActiveChannelsRefContext';
 
 import type { ChannelContextValue } from '../channelContext/ChannelContext';
@@ -27,60 +18,41 @@ import type { TypingContextValue } from '../typingContext/TypingContext';
 import { getDisplayName } from '../utils/getDisplayName';
 
 export type ChannelState<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  members: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['members'];
-  messages: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages'];
-  read: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['read'];
+  members: ChannelContextValue<StreamChatGenerics>['members'];
+  messages: PaginatedMessageListContextValue<StreamChatGenerics>['messages'];
+  read: ChannelContextValue<StreamChatGenerics>['read'];
   subscriberCount: number;
-  threadMessages: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];
-  typing: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>['typing'];
-  watcherCount: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['watcherCount'];
-  watchers: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['watchers'];
+  threadMessages: ThreadContextValue<StreamChatGenerics>['threadMessages'];
+  typing: TypingContextValue<StreamChatGenerics>['typing'];
+  watcherCount: ChannelContextValue<StreamChatGenerics>['watcherCount'];
+  watchers: ChannelContextValue<StreamChatGenerics>['watchers'];
 };
 
 type ChannelsState<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> = { [cid: string]: ChannelState<At, Ch, Co, Ev, Me, Re, Us> };
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = {
+  [cid: string]: ChannelState<StreamChatGenerics>;
+};
 
 export type Keys = keyof ChannelState;
 
 export type Payload<
   Key extends Keys = Keys,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   cid: string;
   key: Key;
-  value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key];
+  value: ChannelState<StreamChatGenerics>[Key];
 };
 
 type SetStateAction<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> = { payload: Payload<Keys, At, Ch, Co, Ev, Me, Re, Us>; type: 'SET_STATE' };
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = {
+  payload: Payload<Keys, StreamChatGenerics>;
+  type: 'SET_STATE';
+};
 
 type IncreaseSubscriberCountAction = {
   payload: { cid: string };
@@ -91,46 +63,24 @@ type DecreaseSubscriberCountAction = {
   type: 'DECREASE_SUBSCRIBER_COUNT';
 };
 
-type Action<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> =
-  | SetStateAction<At, Ch, Co, Ev, Me, Re, Us>
+type Action<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
+  | SetStateAction<StreamChatGenerics>
   | IncreaseSubscriberCountAction
   | DecreaseSubscriberCountAction;
 
 export type ChannelsStateContextValue<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   decreaseSubscriberCount: (value: { cid: string }) => void;
   increaseSubscriberCount: (value: { cid: string }) => void;
-  setState: (value: Payload<Keys, At, Ch, Co, Ev, Me, Re, Us>) => void;
-  state: ChannelsState<At, Ch, Co, Ev, Me, Re, Us>;
+  setState: (value: Payload<Keys, StreamChatGenerics>) => void;
+  state: ChannelsState<StreamChatGenerics>;
 };
 
-type Reducer<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> = (
-  state: ChannelsState<At, Ch, Co, Ev, Me, Re, Us>,
-  action: Action<At, Ch, Co, Ev, Me, Re, Us>,
-) => ChannelsState<At, Ch, Co, Ev, Me, Re, Us>;
+type Reducer<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (
+  state: ChannelsState<StreamChatGenerics>,
+  action: Action<StreamChatGenerics>,
+) => ChannelsState<StreamChatGenerics>;
 
 function reducer(state: ChannelsState, action: Action) {
   switch (action.type) {
@@ -192,21 +142,15 @@ const ChannelsStateContext = React.createContext({
 } as unknown as ChannelsStateContextValue);
 
 export const ChannelsStateProvider = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
 }: {
   children: ReactNode;
 }) => {
-  const [state, dispatch] = useReducer(reducer as Reducer<At, Ch, Co, Ev, Me, Re, Us>, {});
+  const [state, dispatch] = useReducer(reducer as unknown as Reducer<StreamChatGenerics>, {});
 
-  const setState = useCallback((payload: Payload<Keys, At, Ch, Co, Ev, Me, Re, Us>) => {
+  const setState = useCallback((payload: Payload<Keys, StreamChatGenerics>) => {
     dispatch({ payload, type: 'SET_STATE' });
   }, []);
 
@@ -242,40 +186,19 @@ export const ChannelsStateProvider = <
 };
 
 export const useChannelsStateContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
->() =>
-  useContext(ChannelsStateContext) as unknown as ChannelsStateContextValue<
-    At,
-    Ch,
-    Co,
-    Ev,
-    Me,
-    Re,
-    Us
-  >;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>() => useContext(ChannelsStateContext) as unknown as ChannelsStateContextValue<StreamChatGenerics>;
 
 export const withChannelsStateContext = <
   P extends UnknownType,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {
+): React.FC<Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>> => {
   const WithChannelsStateContextComponent = (
-    props: Omit<P, keyof ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>>,
+    props: Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>,
   ) => {
-    const channelsStateContext = useChannelsStateContext<At, Ch, Co, Ev, Me, Re, Us>();
+    const channelsStateContext = useChannelsStateContext<StreamChatGenerics>();
 
     return <Component {...(props as P)} {...channelsStateContext} />;
   };

package/src/contexts/channelsStateContext/useChannelState.ts

@@ -6,28 +6,13 @@ import { useChannelsStateContext } from './ChannelsStateContext';
 
 import type { ChannelsStateContextValue, ChannelState, Keys } from './ChannelsStateContext';
 
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 
 type StateManagerParams<
   Key extends Keys,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<
-  ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>,
+  ChannelsStateContextValue<StreamChatGenerics>,
   'increaseSubscriberCount' | 'decreaseSubscriberCount'
 > & {
   cid: string;
@@ -41,13 +26,7 @@ type StateManagerParams<
 */
 function useStateManager<
   Key extends Keys,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   {
     cid,
@@ -55,17 +34,17 @@ function useStateManager<
     setState,
     state,
   }: Omit<
-    StateManagerParams<Key, At, Ch, Co, Ev, Me, Re, Us>,
+    StateManagerParams<Key, StreamChatGenerics>,
     'increaseSubscriberCount' | 'decreaseSubscriberCount'
   >,
-  initialValue?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key],
+  initialValue?: ChannelState<StreamChatGenerics>[Key],
 ) {
   const memoizedInitialValue = useMemo(() => initialValue, []);
   const value =
-    state[cid]?.[key] || (memoizedInitialValue as ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key]);
+    state[cid]?.[key] || (memoizedInitialValue as ChannelState<StreamChatGenerics>[Key]);
 
   const setValue = useCallback(
-    (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key]) => setState({ cid, key, value }),
+    (value: ChannelState<StreamChatGenerics>[Key]) => setState({ cid, key, value }),
     [cid, key],
   );
 
@@ -73,45 +52,33 @@ function useStateManager<
 }
 
 export type UseChannelStateValue<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  members: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['members'];
-  messages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['messages'];
-  read: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['read'];
-  setMembers: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['members']) => void;
-  setMessages: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['messages']) => void;
-  setRead: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['read']) => void;
-  setThreadMessages: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threadMessages']) => void;
-  setTyping: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing']) => void;
-  setWatcherCount: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watcherCount']) => void;
-  setWatchers: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watchers']) => void;
-  threadMessages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];
-  typing: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing'];
-  watcherCount: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watcherCount'];
-  watchers: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watchers'];
+  members: ChannelState<StreamChatGenerics>['members'];
+  messages: ChannelState<StreamChatGenerics>['messages'];
+  read: ChannelState<StreamChatGenerics>['read'];
+  setMembers: (value: ChannelState<StreamChatGenerics>['members']) => void;
+  setMessages: (value: ChannelState<StreamChatGenerics>['messages']) => void;
+  setRead: (value: ChannelState<StreamChatGenerics>['read']) => void;
+  setThreadMessages: (value: ChannelState<StreamChatGenerics>['threadMessages']) => void;
+  setTyping: (value: ChannelState<StreamChatGenerics>['typing']) => void;
+  setWatcherCount: (value: ChannelState<StreamChatGenerics>['watcherCount']) => void;
+  setWatchers: (value: ChannelState<StreamChatGenerics>['watchers']) => void;
+  threadMessages: ChannelState<StreamChatGenerics>['threadMessages'];
+  typing: ChannelState<StreamChatGenerics>['typing'];
+  watcherCount: ChannelState<StreamChatGenerics>['watcherCount'];
+  watchers: ChannelState<StreamChatGenerics>['watchers'];
 };
 
 export function useChannelState<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  channel: ChannelType<At, Ch, Co, Ev, Me, Re, Us> | undefined,
+  channel: ChannelType<StreamChatGenerics> | undefined,
   threadId?: string,
-): UseChannelStateValue<At, Ch, Co, Ev, Me, Re, Us> {
+): UseChannelStateValue<StreamChatGenerics> {
   const cid = channel?.id || 'id'; // in case channel is not initialized, use generic id string for indexing
   const { decreaseSubscriberCount, increaseSubscriberCount, setState, state } =
-    useChannelsStateContext<At, Ch, Co, Ev, Me, Re, Us>();
+    useChannelsStateContext<StreamChatGenerics>();
 
   // Keeps track of how many Channel components are subscribed to this Channel state (Channel vs Thread concurrency)
   useEffect(() => {

package/src/contexts/chatContext/ChatContext.tsx

@@ -2,26 +2,11 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import type { Channel, Mute, StreamChat } from 'stream-chat';
 
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { getDisplayName } from '../utils/getDisplayName';
 
 export type ChatContextValue<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /**
    * The StreamChat client object
@@ -39,16 +24,16 @@ export type ChatContextValue<
    *
    * @overrideType StreamChat
    * */
-  client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>;
+  client: StreamChat<StreamChatGenerics>;
   connectionRecovering: boolean;
   isOnline: boolean;
-  mutedUsers: Mute<Us>[];
+  mutedUsers: Mute<StreamChatGenerics>[];
   /**
    * @param newChannel Channel to set as active.
    *
    * @overrideType Function
    */
-  setActiveChannel: (newChannel?: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;
+  setActiveChannel: (newChannel?: Channel<StreamChatGenerics>) => void;
   /**
    * Instance of channel object from stream-chat package.
    *
@@ -66,24 +51,18 @@ export type ChatContextValue<
    *
    * @overrideType Channel
    */
-  channel?: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+  channel?: Channel<StreamChatGenerics>;
 };
 
 export const ChatContext = React.createContext({} as ChatContextValue);
 
 export const ChatProvider = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
-  value: ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+  value: ChatContextValue<StreamChatGenerics>;
 }>) => (
   <ChatContext.Provider value={value as unknown as ChatContextValue}>
     {children}
@@ -91,14 +70,8 @@ export const ChatProvider = <
 );
 
 export const useChatContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
->() => useContext(ChatContext) as unknown as ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>() => useContext(ChatContext) as unknown as ChatContextValue<StreamChatGenerics>;
 
 /**
  * Typescript currently does not support partial inference so if ChatContext
@@ -107,20 +80,12 @@ export const useChatContext = <
  */
 export const withChatContext = <
   P extends UnknownType,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {
-  const WithChatContextComponent = (
-    props: Omit<P, keyof ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>>,
-  ) => {
-    const chatContext = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();
+): React.FC<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {
+  const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {
+    const chatContext = useChatContext<StreamChatGenerics>();
 
     return <Component {...(props as P)} {...chatContext} />;
   };

package/src/contexts/imageGalleryContext/ImageGalleryContext.tsx

@@ -1,30 +1,15 @@
 import React, { PropsWithChildren, useContext, useState } from 'react';
 
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { getDisplayName } from '../utils/getDisplayName';
 
 export type ImageGalleryContextValue<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  images: MessageType<At, Ch, Co, Ev, Me, Re, Us>[];
+  images: MessageType<StreamChatGenerics>[];
   setImage: React.Dispatch<React.SetStateAction<{ messageId?: string; url?: string } | undefined>>;
-  setImages: React.Dispatch<React.SetStateAction<MessageType<At, Ch, Co, Ev, Me, Re, Us>[]>>;
+  setImages: React.Dispatch<React.SetStateAction<MessageType<StreamChatGenerics>[]>>;
   image?: { messageId?: string; url?: string };
 };
 
@@ -33,17 +18,11 @@ export const ImageGalleryContext = React.createContext<ImageGalleryContextValue>
 );
 
 export const ImageGalleryProvider = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
 }: PropsWithChildren<UnknownType>) => {
-  const [images, setImages] = useState<MessageType<At, Ch, Co, Ev, Me, Re, Us>[]>([]);
+  const [images, setImages] = useState<MessageType<StreamChatGenerics>[]>([]);
   const [image, setImage] = useState<{ messageId?: string; url?: string }>();
 
   const imageGalleryContext = {
@@ -63,40 +42,19 @@ export const ImageGalleryProvider = <
 };
 
 export const useImageGalleryContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
->() =>
-  useContext(ImageGalleryContext) as unknown as ImageGalleryContextValue<
-    At,
-    Ch,
-    Co,
-    Ev,
-    Me,
-    Re,
-    Us
-  >;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>() => useContext(ImageGalleryContext) as unknown as ImageGalleryContextValue<StreamChatGenerics>;
 
 export const withImageGalleryContext = <
   P extends UnknownType,
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {
+): React.FC<Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>> => {
   const WithImageGalleryContextComponent = (
-    props: Omit<P, keyof ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>>,
+    props: Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>,
   ) => {
-    const imageGalleryContext = useImageGalleryContext<At, Ch, Co, Ev, Me, Re, Us>();
+    const imageGalleryContext = useImageGalleryContext<StreamChatGenerics>();
 
     return <Component {...(props as P)} {...imageGalleryContext} />;
   };

package/src/contexts/keyboardContext/KeyboardContext.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { Keyboard } from 'react-native';
 
-import type { UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { getDisplayName } from '../utils/getDisplayName';
 
 export type KeyboardContextValue = {
@@ -20,14 +20,20 @@ export const KeyboardProvider: React.FC<{
 
 export const useKeyboardContext = () => useContext(KeyboardContext);
 
-export const withKeyboardContext = <P extends UnknownType>(
-  Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof KeyboardContextValue>> => {
-  const WithKeyboardContextComponent = (props: Omit<P, keyof KeyboardContextValue>) => {
+export const withKeyboardContext = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  Component: React.ComponentType<StreamChatGenerics>,
+): React.FC<Omit<StreamChatGenerics, keyof KeyboardContextValue>> => {
+  const WithKeyboardContextComponent = (
+    props: Omit<StreamChatGenerics, keyof KeyboardContextValue>,
+  ) => {
     const keyboardContext = useKeyboardContext();
 
-    return <Component {...(props as P)} {...keyboardContext} />;
+    return <Component {...(props as StreamChatGenerics)} {...keyboardContext} />;
   };
-  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(Component)}`;
+  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(
+    Component as React.ComponentType,
+  )}`;
   return WithKeyboardContextComponent;
 };