stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.6

package/src/components/Channel/__tests__/Channel.test.js

@@ -1,29 +1,29 @@
 import React, { useContext, useEffect } from 'react';
 import { View } from 'react-native';
+
 import { act, cleanup, render, waitFor } from '@testing-library/react-native';
 import { StreamChat } from 'stream-chat';
 
-import { Channel } from '../Channel';
-
-import { Attachment } from '../../Attachment/Attachment';
-import { Chat } from '../../Chat/Chat';
-
 import { ChannelContext, ChannelProvider } from '../../../contexts/channelContext/ChannelContext';
+import { ChannelsStateProvider } from '../../../contexts/channelsStateContext/ChannelsStateContext';
 import {
   MessagesContext,
   MessagesProvider,
 } from '../../../contexts/messagesContext/MessagesContext';
+
 import { ThreadContext, ThreadProvider } from '../../../contexts/threadContext/ThreadContext';
 
-import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
 import { getOrCreateChannelApi } from '../../../mock-builders/api/getOrCreateChannel';
+import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
 import dispatchChannelDeletedEvent from '../../../mock-builders/event/channelDeleted';
-import { generateChannel } from '../../../mock-builders/generator/channel';
+import { generateChannelResponse } from '../../../mock-builders/generator/channel';
 import { generateMember } from '../../../mock-builders/generator/member';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
-import { ChannelsStateProvider } from '../../../contexts/channelsStateContext/ChannelsStateContext';
+import { Attachment } from '../../Attachment/Attachment';
+import { Chat } from '../../Chat/Chat';
+import { Channel } from '../Channel';
 
 // This component is used for performing effects in a component that consumes ChannelContext,
 // i.e. making use of the callbacks & values provided by the Channel component.
@@ -63,7 +63,7 @@ const renderComponent = (props = {}, callback = () => {}, context = ChannelConte
 describe('Channel', () => {
   beforeEach(async () => {
     const members = [generateMember({ user })];
-    const mockedChannel = generateChannel({
+    const mockedChannel = generateChannelResponse({
       members,
       messages,
     });
@@ -177,7 +177,7 @@ describe('Channel', () => {
   const queryChannelWithNewMessages = (newMessages) =>
     // generate new channel mock from existing channel with new messages added
     getOrCreateChannelApi(
-      generateChannel({
+      generateChannelResponse({
         channel: {
           config: channel.getConfig(),
           id: channel.id,

package/src/components/Channel/__tests__/ownCapabilities.test.js

@@ -1,22 +1,22 @@
 import React from 'react';
 import { FlatList } from 'react-native';
-import { act, fireEvent, render, waitFor } from '@testing-library/react-native';
 
-import { Chat } from '../../Chat/Chat';
-import { Channel } from '../../Channel/Channel';
-import { MessageInput } from '../../MessageInput/MessageInput';
-import { MessageList } from '../../MessageList/MessageList';
+import { act, fireEvent, render, waitFor } from '@testing-library/react-native';
 
 import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 import { allOwnCapabilities } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { getOrCreateChannelApi } from '../../../mock-builders/api/getOrCreateChannel';
+import { sendMessageApi } from '../../../mock-builders/api/sendMessage';
 import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
-import { generateChannel } from '../../../mock-builders/generator/channel';
+import { generateChannelResponse } from '../../../mock-builders/generator/channel';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
 import { registerNativeHandlers } from '../../../native';
-import { sendMessageApi } from '../../../mock-builders/api/sendMessage';
+import { Channel } from '../../Channel/Channel';
+import { Chat } from '../../Chat/Chat';
+import { MessageInput } from '../../MessageInput/MessageInput';
+import { MessageList } from '../../MessageList/MessageList';
 
 describe('Own capabilities', () => {
   const clientUser = generateUser();
@@ -58,7 +58,7 @@ describe('Own capabilities', () => {
   );
 
   const generateChannelWithCapabilities = async (capabilities = []) => {
-    const c = generateChannel({
+    const c = generateChannelResponse({
       channel: {
         own_capabilities: capabilities,
       },

package/src/components/Channel/hooks/useCreateChannelContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateChannelContext = <
-  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,
   disabled,
@@ -52,7 +37,7 @@ export const useCreateChannelContext = <
   threadList,
   watcherCount,
   watchers,
-}: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>) => {
+}: ChannelContextValue<StreamChatGenerics>) => {
   const channelId = channel?.id;
   const lastReadTime = lastRead?.getTime();
   const membersLength = Object.keys(members).length;
@@ -61,7 +46,7 @@ export const useCreateChannelContext = <
   const readUsersLength = readUsers.length;
   const readUsersLastReads = readUsers.map(({ last_read }) => last_read.toISOString()).join();
 
-  const channelContext: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const channelContext: ChannelContextValue<StreamChatGenerics> = useMemo(
     () => ({
       channel,
       disabled,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { InputMessageInputContextValue } from '../../../contexts/messageInputContext/MessageInputContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateInputMessageInputContext = <
-  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,
 >({
   additionalTextInputProps,
   AttachButton,
@@ -59,7 +44,7 @@ export const useCreateInputMessageInputContext = <
   setQuotedMessageState,
   ShowThreadMessageInChannelButton,
   UploadProgressIndicator,
-}: InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us> & {
+}: InputMessageInputContextValue<StreamChatGenerics> & {
   /**
    * To ensure we allow re-render, when channel is changed
    */
@@ -72,56 +57,55 @@ export const useCreateInputMessageInputContext = <
       : quotedMessage.id
     : '';
 
-  const inputMessageInputContext: InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us> =
-    useMemo(
-      () => ({
-        additionalTextInputProps,
-        AttachButton,
-        autoCompleteSuggestionsLimit,
-        autoCompleteTriggerSettings,
-        clearEditingState,
-        clearQuotedMessageState,
-        CommandsButton,
-        compressImageQuality,
-        CooldownTimer,
-        doDocUploadRequest,
-        doImageUploadRequest,
-        editing,
-        editMessage,
-        FileUploadPreview,
-        hasCommands,
-        hasFilePicker,
-        hasImagePicker,
-        ImageUploadPreview,
-        initialValue,
-        Input,
-        InputButtons,
-        maxMessageLength,
-        maxNumberOfFiles,
-        mentionAllAppUsersEnabled,
-        mentionAllAppUsersQuery,
-        MoreOptionsButton,
-        numberOfLines,
-        onChangeText,
-        quotedMessage,
-        SendButton,
-        sendImageAsync,
-        sendMessage,
-        SendMessageDisallowedIndicator,
-        setInputRef,
-        setQuotedMessageState,
-        ShowThreadMessageInChannelButton,
-        UploadProgressIndicator,
-      }),
-      [
-        compressImageQuality,
-        channelId,
-        editingExists,
-        initialValue,
-        maxMessageLength,
-        quotedMessageId,
-      ],
-    );
+  const inputMessageInputContext: InputMessageInputContextValue<StreamChatGenerics> = useMemo(
+    () => ({
+      additionalTextInputProps,
+      AttachButton,
+      autoCompleteSuggestionsLimit,
+      autoCompleteTriggerSettings,
+      clearEditingState,
+      clearQuotedMessageState,
+      CommandsButton,
+      compressImageQuality,
+      CooldownTimer,
+      doDocUploadRequest,
+      doImageUploadRequest,
+      editing,
+      editMessage,
+      FileUploadPreview,
+      hasCommands,
+      hasFilePicker,
+      hasImagePicker,
+      ImageUploadPreview,
+      initialValue,
+      Input,
+      InputButtons,
+      maxMessageLength,
+      maxNumberOfFiles,
+      mentionAllAppUsersEnabled,
+      mentionAllAppUsersQuery,
+      MoreOptionsButton,
+      numberOfLines,
+      onChangeText,
+      quotedMessage,
+      SendButton,
+      sendImageAsync,
+      sendMessage,
+      SendMessageDisallowedIndicator,
+      setInputRef,
+      setQuotedMessageState,
+      ShowThreadMessageInChannelButton,
+      UploadProgressIndicator,
+    }),
+    [
+      compressImageQuality,
+      channelId,
+      editingExists,
+      initialValue,
+      maxMessageLength,
+      quotedMessageId,
+    ],
+  );
 
   return inputMessageInputContext;
 };

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateMessagesContext = <
-  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,
 >({
   additionalTouchableProps,
   Attachment,
@@ -93,7 +78,7 @@ export const useCreateMessagesContext = <
   TypingIndicatorContainer,
   updateMessage,
   UrlPreview,
-}: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us> & {
+}: MessagesContextValue<StreamChatGenerics> & {
   /**
    * To ensure we allow re-render, when channel is changed
    */
@@ -104,7 +89,7 @@ export const useCreateMessagesContext = <
   const messageContentOrderValue = messageContentOrder.join();
   const supportedReactionsLength = supportedReactions.length;
 
-  const messagesContext: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const messagesContext: MessagesContextValue<StreamChatGenerics> = useMemo(
     () => ({
       additionalTouchableProps,
       Attachment,

package/src/components/Channel/hooks/useCreateOwnCapabilitiesContext.ts

@@ -1,35 +1,21 @@
 import { useMemo } from 'react';
 
+import type { Channel } from 'stream-chat';
+
 import {
   allOwnCapabilities,
   OwnCapabilitiesContextValue,
   OwnCapability,
 } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
-import type { Channel } from 'stream-chat';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateOwnCapabilitiesContext = <
-  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,
   overrideCapabilities,
 }: {
-  channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+  channel: Channel<StreamChatGenerics>;
   overrideCapabilities?: Partial<OwnCapabilitiesContextValue>;
 }) => {
   const overrideCapabilitiesStr = overrideCapabilities

package/src/components/Channel/hooks/useCreatePaginatedMessageListContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreatePaginatedMessageListContext = <
-  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,
 >({
   channelId,
   hasMore,
@@ -30,7 +15,7 @@ export const useCreatePaginatedMessageListContext = <
   messages,
   setLoadingMore,
   setLoadingMoreRecent,
-}: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us> & {
+}: PaginatedMessageListContextValue<StreamChatGenerics> & {
   channelId?: string;
 }) => {
   const messagesUpdated = messages
@@ -42,20 +27,19 @@ export const useCreatePaginatedMessageListContext = <
     )
     .join();
 
-  const paginatedMessagesContext: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us> =
-    useMemo(
-      () => ({
-        hasMore,
-        loadingMore,
-        loadingMoreRecent,
-        loadMore,
-        loadMoreRecent,
-        messages,
-        setLoadingMore,
-        setLoadingMoreRecent,
-      }),
-      [channelId, hasMore, loadingMoreRecent, loadingMore, messagesUpdated],
-    );
+  const paginatedMessagesContext: PaginatedMessageListContextValue<StreamChatGenerics> = useMemo(
+    () => ({
+      hasMore,
+      loadingMore,
+      loadingMoreRecent,
+      loadMore,
+      loadMoreRecent,
+      messages,
+      setLoadingMore,
+      setLoadingMoreRecent,
+    }),
+    [channelId, hasMore, loadingMoreRecent, loadingMore, messagesUpdated],
+  );
 
   return paginatedMessagesContext;
 };

package/src/components/Channel/hooks/useCreateThreadContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateThreadContext = <
-  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,
 >({
   allowThreadMessagesInChannel,
   closeThread,
@@ -31,7 +16,7 @@ export const useCreateThreadContext = <
   threadHasMore,
   threadLoadingMore,
   threadMessages,
-}: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>) => {
+}: ThreadContextValue<StreamChatGenerics>) => {
   const threadId = thread?.id;
   const threadReplyCount = thread?.reply_count;
   const threadMessagesUpdated = threadMessages
@@ -43,7 +28,7 @@ export const useCreateThreadContext = <
     )
     .join();
 
-  const threadContext: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const threadContext: ThreadContextValue<StreamChatGenerics> = useMemo(
     () => ({
       allowThreadMessagesInChannel,
       closeThread,

package/src/components/Channel/hooks/useCreateTypingContext.ts

@@ -1,31 +1,16 @@
 import { useMemo } from 'react';
 
 import type { TypingContextValue } from '../../../contexts/typingContext/TypingContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateTypingContext = <
-  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,
 >({
   typing,
-}: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>) => {
+}: TypingContextValue<StreamChatGenerics>) => {
   const typingValue = Object.keys(typing).join();
 
-  const typingContext: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const typingContext: TypingContextValue<StreamChatGenerics> = useMemo(
     () => ({
       typing,
     }),