stream-chat-react-native-core 6.6.7 → 7.0.0-rc.1

package/src/components/ChannelPreview/ChannelPreviewMessage.tsx

@@ -5,8 +5,6 @@ import type { LatestMessagePreview } from './hooks/useLatestMessagePreview';
 
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   bold: { fontWeight: '600' },
   message: {
@@ -15,20 +13,14 @@ const styles = StyleSheet.create({
   },
 });
 
-export type ChannelPreviewMessageProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type ChannelPreviewMessageProps = {
   /**
    * Latest message on a channel, formatted for preview.
    */
-  latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;
+  latestMessagePreview: LatestMessagePreview;
 };
 
-export const ChannelPreviewMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelPreviewMessageProps<StreamChatGenerics>,
-) => {
+export const ChannelPreviewMessage = (props: ChannelPreviewMessageProps) => {
   const { latestMessagePreview } = props;
 
   const {

package/src/components/ChannelPreview/ChannelPreviewMessenger.tsx

@@ -19,7 +19,6 @@ import {
 } from '../../contexts/channelsContext/ChannelsContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useViewport } from '../../hooks/useViewport';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 
 const styles = StyleSheet.create({
   container: {
@@ -44,11 +43,9 @@ const styles = StyleSheet.create({
   title: { fontSize: 14, fontWeight: '700' },
 });
 
-export type ChannelPreviewMessengerPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> &
+export type ChannelPreviewMessengerPropsWithContext = Pick<ChannelPreviewProps, 'channel'> &
   Pick<
-    ChannelsContextValue<StreamChatGenerics>,
+    ChannelsContextValue,
     | 'maxUnreadCount'
     | 'onSelect'
     | 'PreviewAvatar'
@@ -83,7 +80,7 @@ export type ChannelPreviewMessengerPropsWithContext<
      *
      * @overrideType object
      */
-    latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;
+    latestMessagePreview: LatestMessagePreview;
     /**
      * Formatter function for date of latest message.
      * @param date Message date
@@ -100,11 +97,7 @@ export type ChannelPreviewMessengerPropsWithContext<
     unread?: number;
   };
 
-const ChannelPreviewMessengerWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,
-) => {
+const ChannelPreviewMessengerWithContext = (props: ChannelPreviewMessengerPropsWithContext) => {
   const {
     channel,
     formatLatestMessageDate,
@@ -175,18 +168,10 @@ const ChannelPreviewMessengerWithContext = <
   );
 };
 
-export type ChannelPreviewMessengerProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
-  Omit<
-    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,
-    'channel' | 'latestMessagePreview'
-  >
+export type ChannelPreviewMessengerProps = Partial<
+  Omit<ChannelPreviewMessengerPropsWithContext, 'channel' | 'latestMessagePreview'>
 > &
-  Pick<
-    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,
-    'channel' | 'latestMessagePreview'
-  >;
+  Pick<ChannelPreviewMessengerPropsWithContext, 'channel' | 'latestMessagePreview'>;
 
 const MemoizedChannelPreviewMessengerWithContext = React.memo(
   ChannelPreviewMessengerWithContext,
@@ -196,11 +181,7 @@ const MemoizedChannelPreviewMessengerWithContext = React.memo(
  * This UI component displays an individual preview item for each channel in a list. It also receives all props
  * from the ChannelPreview component.
  */
-export const ChannelPreviewMessenger = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelPreviewMessengerProps<StreamChatGenerics>,
-) => {
+export const ChannelPreviewMessenger = (props: ChannelPreviewMessengerProps) => {
   const {
     forceUpdate,
     maxUnreadCount,
@@ -211,7 +192,7 @@ export const ChannelPreviewMessenger = <
     PreviewStatus,
     PreviewTitle,
     PreviewUnreadCount,
-  } = useChannelsContext<StreamChatGenerics>();
+  } = useChannelsContext();
   return (
     <MemoizedChannelPreviewMessengerWithContext
       {...{

package/src/components/ChannelPreview/ChannelPreviewStatus.tsx

@@ -9,7 +9,6 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { Check, CheckAll } from '../../icons';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { getDateString } from '../../utils/i18n/getDateString';
 
 const styles = StyleSheet.create({
@@ -23,19 +22,13 @@ const styles = StyleSheet.create({
   },
 });
 
-export type ChannelPreviewStatusProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,
+export type ChannelPreviewStatusProps = Pick<
+  ChannelPreviewMessengerPropsWithContext,
   'latestMessagePreview' | 'formatLatestMessageDate'
 > &
-  Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;
+  Pick<ChannelPreviewProps, 'channel'>;
 
-export const ChannelPreviewStatus = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelPreviewStatusProps<StreamChatGenerics>,
-) => {
+export const ChannelPreviewStatus = (props: ChannelPreviewStatusProps) => {
   const { formatLatestMessageDate, latestMessagePreview } = props;
   const { t, tDateTimeParser } = useTranslationContext();
   const {

package/src/components/ChannelPreview/ChannelPreviewTitle.tsx

@@ -4,26 +4,19 @@ import { StyleSheet, Text } from 'react-native';
 import type { ChannelPreviewProps } from './ChannelPreview';
 
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 
 const styles = StyleSheet.create({
   title: { fontSize: 14, fontWeight: '700' },
 });
 
-export type ChannelPreviewTitleProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {
+export type ChannelPreviewTitleProps = Pick<ChannelPreviewProps, 'channel'> & {
   /**
    * Formatted name for the previewed channel.
    */
   displayName: string;
 };
 
-export const ChannelPreviewTitle = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelPreviewTitleProps<StreamChatGenerics>,
-) => {
+export const ChannelPreviewTitle = (props: ChannelPreviewTitleProps) => {
   const { displayName } = props;
   const {
     theme: {

package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx

@@ -6,23 +6,15 @@ import { ChannelPreviewProps } from './ChannelPreview';
 import type { ChannelsContextValue } from '../../contexts/channelsContext/ChannelsContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
-export type ChannelPreviewUnreadCountProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelsContextValue<StreamChatGenerics>, 'maxUnreadCount'> &
-  Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {
+export type ChannelPreviewUnreadCountProps = Pick<ChannelsContextValue, 'maxUnreadCount'> &
+  Pick<ChannelPreviewProps, 'channel'> & {
     /**
      * Number of unread messages on the channel
      */
     unread?: number;
   };
 
-export const ChannelPreviewUnreadCount = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,
-) => {
+export const ChannelPreviewUnreadCount = (props: ChannelPreviewUnreadCountProps) => {
   const { maxUnreadCount, unread } = props;
   const {
     theme: {

package/src/components/ChannelPreview/hooks/__tests__/useChannelPreviewDisplayName.test.tsx

@@ -12,7 +12,7 @@ import {
 } from '../../../../mock-builders/api/queryMembers';
 import { generateUser } from '../../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../../mock-builders/mock';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+
 import {
   getChannelPreviewDisplayName,
   useChannelPreviewDisplayName,

package/src/components/ChannelPreview/hooks/__tests__/useLatestMessagePreview.test.tsx

@@ -18,7 +18,6 @@ import {
 
 import { generateUser } from '../../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../../mock-builders/mock';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 import { useLatestMessagePreview } from '../useLatestMessagePreview';
 

package/src/components/ChannelPreview/hooks/useChannelPreviewData.ts

@@ -8,23 +8,19 @@ import { useIsChannelMuted } from './useIsChannelMuted';
 import { useLatestMessagePreview } from './useLatestMessagePreview';
 
 import { useChannelsContext } from '../../../contexts';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
-export const useChannelPreviewData = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-  client: StreamChat<StreamChatGenerics>,
+export const useChannelPreviewData = (
+  channel: Channel,
+  client: StreamChat,
   forceUpdateOverride?: number,
 ) => {
   const [forceUpdate, setForceUpdate] = useState(0);
   const [lastMessage, setLastMessage] = useState<
-    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
-    | MessageResponse<StreamChatGenerics>
+    ReturnType<ChannelState['formatMessage']> | MessageResponse
   >(channel.state.messages[channel.state.messages.length - 1]);
   const [unread, setUnread] = useState(channel.countUnread());
   const { muted } = useIsChannelMuted(channel);
-  const { forceUpdate: contextForceUpdate } = useChannelsContext<StreamChatGenerics>();
+  const { forceUpdate: contextForceUpdate } = useChannelsContext();
   const channelListForceUpdate = forceUpdateOverride ?? contextForceUpdate;
 
   const channelLastMessage = channel.lastMessage();
@@ -113,7 +109,7 @@ export const useChannelPreviewData = <
       refreshUnreadCount();
     };
 
-    const handleNewMessageEvent = (event: Event<StreamChatGenerics>) => {
+    const handleNewMessageEvent = (event: Event) => {
       const message = event.message;
       if (message && (!message.parent_id || message.show_in_channel)) {
         setLastMessage(message);
@@ -121,7 +117,7 @@ export const useChannelPreviewData = <
       }
     };
 
-    const handleUpdatedOrDeletedMessage = (event: Event<StreamChatGenerics>) => {
+    const handleUpdatedOrDeletedMessage = (event: Event) => {
       setLastMessage((prevLastMessage) => {
         if (prevLastMessage?.id === event.message?.id) {
           return event.message;

package/src/components/ChannelPreview/hooks/useChannelPreviewDisplayAvatar.ts

@@ -4,14 +4,7 @@ import type { Channel, StreamChat } from 'stream-chat';
 
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-
-export const getChannelPreviewDisplayAvatar = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-  client: StreamChat<StreamChatGenerics>,
-) => {
+export const getChannelPreviewDisplayAvatar = (channel: Channel, client: StreamChat) => {
   const currentUserId = client?.user?.id;
   const channelId = channel?.id;
   const channelData = channel?.data;
@@ -54,12 +47,8 @@ export const getChannelPreviewDisplayAvatar = <
  *
  * @returns {object} e.g., { image: 'http://dummyurl.com/test.png', name: 'Uhtred Bebbanburg' }
  */
-export const useChannelPreviewDisplayAvatar = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+export const useChannelPreviewDisplayAvatar = (channel: Channel) => {
+  const { client } = useChatContext();
 
   const channelData = channel?.data;
   const image = channelData?.image;

package/src/components/ChannelPreview/hooks/useChannelPreviewDisplayName.ts

@@ -5,16 +5,12 @@ import type { Channel, ChannelMemberResponse } from 'stream-chat';
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 import { useViewport } from '../../../hooks/useViewport';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-
 const ELLIPSIS = '...';
 
 const getMemberName = (member: ChannelMemberResponse) =>
   member.user?.name || member.user?.id || 'Unknown User';
 
-export const getChannelPreviewDisplayName = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const getChannelPreviewDisplayName = ({
   channelName,
   characterLimit,
   currentUserId,
@@ -23,7 +19,7 @@ export const getChannelPreviewDisplayName = <
   characterLimit: number;
   channelName?: string;
   currentUserId?: string;
-  members?: Channel<StreamChatGenerics>['state']['members'];
+  members?: Channel['state']['members'];
 }): string => {
   if (channelName) {
     return channelName;
@@ -74,13 +70,8 @@ export const getChannelPreviewDisplayName = <
   return name;
 };
 
-export const useChannelPreviewDisplayName = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel?: Channel<StreamChatGenerics>,
-  characterLength?: number,
-) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+export const useChannelPreviewDisplayName = (channel?: Channel, characterLength?: number) => {
+  const { client } = useChatContext();
   const { vw } = useViewport();
 
   const DEFAULT_MAX_CHARACTER_LENGTH = (vw(100) - 16) / 6;

package/src/components/ChannelPreview/hooks/useChannelPreviewDisplayPresence.ts

@@ -4,14 +4,7 @@ import type { Channel, StreamChat } from 'stream-chat';
 
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-
-const getChannelPreviewDisplayPresence = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-  client: StreamChat<StreamChatGenerics>,
-) => {
+const getChannelPreviewDisplayPresence = (channel: Channel, client: StreamChat) => {
   const currentUserId = client.userID;
 
   if (currentUserId) {
@@ -31,12 +24,8 @@ const getChannelPreviewDisplayPresence = <
  *
  * @returns {boolean} e.g., true
  */
-export const useChannelPreviewDisplayPresence = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+export const useChannelPreviewDisplayPresence = (channel: Channel) => {
+  const { client } = useChatContext();
 
   const currentUserId = client.userID;
   const members = Object.values(channel.state.members).filter(

package/src/components/ChannelPreview/hooks/useIsChannelMuted.ts

@@ -4,14 +4,8 @@ import type { Channel } from 'stream-chat';
 
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-
-export const useIsChannelMuted = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+export const useIsChannelMuted = (channel: Channel) => {
+  const { client } = useChatContext();
 
   const [muted, setMuted] = useState(() => channel.muteStatus());
 

package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts

@@ -16,19 +16,13 @@ import { useTranslationContext } from '../../../contexts/translationContext/Tran
 
 import { useStateStore } from '../../../hooks';
 import { useTranslatedMessage } from '../../../hooks/useTranslatedMessage';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { stringifyMessage } from '../../../utils/utils';
 
-type LatestMessage<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> =
-  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
-  | MessageResponse<StreamChatGenerics>;
+type LatestMessage = ReturnType<ChannelState['formatMessage']> | MessageResponse;
 
-export type LatestMessagePreview<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  messageObject: LatestMessage<StreamChatGenerics> | undefined;
+export type LatestMessagePreview = {
+  messageObject: LatestMessage | undefined;
   previews: {
     bold: boolean;
     text: string;
@@ -43,18 +37,14 @@ export type LatestMessagePreviewSelectorReturnType = {
   name?: string;
 };
 
-const selector = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  nextValue: PollState<StreamChatGenerics>,
-): LatestMessagePreviewSelectorReturnType => ({
+const selector = (nextValue: PollState): LatestMessagePreviewSelectorReturnType => ({
   createdBy: nextValue.created_by,
   latestVotesByOption: nextValue.latest_votes_by_option,
   name: nextValue.name,
 });
 
-const getMessageSenderName = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  message: LatestMessage<StreamChatGenerics> | undefined,
+const getMessageSenderName = (
+  message: LatestMessage | undefined,
   currentUserId: string | undefined,
   t: (key: string) => string,
   membersLength: number,
@@ -70,11 +60,7 @@ const getMessageSenderName = <
   return '';
 };
 
-const getMentionUsers = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  mentionedUser: UserResponse<StreamChatGenerics>[] | undefined,
-) => {
+const getMentionUsers = (mentionedUser: UserResponse[] | undefined) => {
   if (Array.isArray(mentionedUser)) {
     const mentionUserString = mentionedUser.reduce((acc, cur) => {
       const userName = cur.name || cur.id || '';
@@ -93,12 +79,10 @@ const getMentionUsers = <
   return '';
 };
 
-const getLatestMessageDisplayText = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-  client: StreamChat<StreamChatGenerics>,
-  message: LatestMessage<StreamChatGenerics> | undefined,
+const getLatestMessageDisplayText = (
+  channel: Channel,
+  client: StreamChat,
+  message: LatestMessage | undefined,
   t: (key: string) => string,
   pollState: LatestMessagePreviewSelectorReturnType | undefined,
 ) => {
@@ -185,12 +169,10 @@ export enum MessageReadStatus {
   READ = 2,
 }
 
-const getLatestMessageReadStatus = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
-  client: StreamChat<StreamChatGenerics>,
-  message: LatestMessage<StreamChatGenerics> | undefined,
+const getLatestMessageReadStatus = (
+  channel: Channel,
+  client: StreamChat,
+  message: LatestMessage | undefined,
   readEvents: boolean,
 ): MessageReadStatus => {
   const currentUserId = client.userID;
@@ -216,17 +198,13 @@ const getLatestMessageReadStatus = <
     : MessageReadStatus.UNREAD;
 };
 
-const getLatestMessagePreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(params: {
-  channel: Channel<StreamChatGenerics>;
-  client: StreamChat<StreamChatGenerics>;
+const getLatestMessagePreview = (params: {
+  channel: Channel;
+  client: StreamChat;
   pollState: LatestMessagePreviewSelectorReturnType | undefined;
   readEvents: boolean;
   t: TFunction;
-  lastMessage?:
-    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
-    | MessageResponse<StreamChatGenerics>;
+  lastMessage?: ReturnType<ChannelState['formatMessage']> | MessageResponse;
 }) => {
   const { channel, client, lastMessage, pollState, readEvents, t } = params;
 
@@ -265,30 +243,24 @@ const getLatestMessagePreview = <
  *
  * @returns {object} latest message preview e.g.. { text: 'this was last message ...', created_at: '11/12/2020', messageObject: { originalMessageObject } }
  */
-export const useLatestMessagePreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  channel: Channel<StreamChatGenerics>,
+export const useLatestMessagePreview = (
+  channel: Channel,
   forceUpdate: number,
-  lastMessage?:
-    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
-    | MessageResponse<StreamChatGenerics>,
+  lastMessage?: ReturnType<ChannelState['formatMessage']> | MessageResponse,
 ) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+  const { client } = useChatContext();
   const { t } = useTranslationContext();
 
   const channelConfigExists = typeof channel?.getConfig === 'function';
 
-  const translatedLastMessage = useTranslatedMessage<StreamChatGenerics>(lastMessage);
+  const translatedLastMessage = useTranslatedMessage(lastMessage);
 
   const channelLastMessageString = translatedLastMessage
     ? stringifyMessage(translatedLastMessage)
     : '';
 
   const [readEvents, setReadEvents] = useState(true);
-  const [latestMessagePreview, setLatestMessagePreview] = useState<
-    LatestMessagePreview<StreamChatGenerics>
-  >({
+  const [latestMessagePreview, setLatestMessagePreview] = useState<LatestMessagePreview>({
     created_at: '',
     messageObject: undefined,
     previews: [

package/src/components/Chat/Chat.tsx

@@ -25,17 +25,15 @@ import init from '../../init';
 
 import { SDK } from '../../native';
 import { SqliteClient } from '../../store/SqliteClient';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+
 import { DBSyncManager } from '../../utils/DBSyncManager';
 import type { Streami18n } from '../../utils/i18n/Streami18n';
 import { version } from '../../version.json';
 
 init();
 
-export type ChatProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Partial<Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent' | 'isMessageAIGenerated'>> & {
+export type ChatProps = Pick<ChatContextValue, 'client'> &
+  Partial<Pick<ChatContextValue, 'ImageComponent' | 'isMessageAIGenerated'>> & {
     /**
      * When false, ws connection won't be disconnection upon backgrounding the app.
      * To receive push notifications, its necessary that user doesn't have active
@@ -136,11 +134,7 @@ export type ChatProps<
     style?: DeepPartial<Theme>;
   };
 
-const ChatWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,
-) => {
+const ChatWithContext = (props: PropsWithChildren<ChatProps>) => {
   const {
     children,
     client,
@@ -153,7 +147,7 @@ const ChatWithContext = <
     style,
   } = props;
 
-  const [channel, setChannel] = useState<Channel<StreamChatGenerics>>();
+  const [channel, setChannel] = useState<Channel>();
 
   // Setup translators
   const translators = useStreami18n(i18nInstance);
@@ -161,10 +155,7 @@ const ChatWithContext = <
   /**
    * Setup connection event listeners
    */
-  const { connectionRecovering, isOnline } = useIsOnline<StreamChatGenerics>(
-    client,
-    closeConnectionOnBackground,
-  );
+  const { connectionRecovering, isOnline } = useIsOnline(client, closeConnectionOnBackground);
 
   const [initialisedDatabaseConfig, setInitialisedDatabaseConfig] = useState<{
     initialised: boolean;
@@ -178,7 +169,7 @@ const ChatWithContext = <
    * Setup muted user listener
    * TODO: reimplement
    */
-  const mutedUsers = useMutedUsers<StreamChatGenerics>(client);
+  const mutedUsers = useMutedUsers(client);
 
   const debugRef = useDebugContext();
   const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
@@ -214,7 +205,7 @@ const ChatWithContext = <
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [client, enableOfflineSupport]);
 
-  const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);
+  const setActiveChannel = (newChannel?: Channel) => setChannel(newChannel);
 
   useEffect(() => {
     if (!(userID && enableOfflineSupport)) {
@@ -294,12 +285,12 @@ const ChatWithContext = <
   }
 
   return (
-    <ChatProvider<StreamChatGenerics> value={chatContext}>
+    <ChatProvider value={chatContext}>
       <TranslationProvider
         value={{ ...translators, userLanguage: client.user?.language || DEFAULT_USER_LANGUAGE }}
       >
         <ThemeProvider style={style}>
-          <ChannelsStateProvider<StreamChatGenerics>>{children}</ChannelsStateProvider>
+          <ChannelsStateProvider>{children}</ChannelsStateProvider>
         </ThemeProvider>
       </TranslationProvider>
     </ChatProvider>
@@ -327,11 +318,7 @@ const ChatWithContext = <
  * - Re (ReactionType) - custom Reaction object extension
  * - Us (UserType) - custom User object extension
  */
-export const Chat = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,
-) => {
+export const Chat = (props: PropsWithChildren<ChatProps>) => {
   const { style } = useOverlayContext();
 
   return <ChatWithContext {...{ style }} {...props} />;