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

package/lib/typescript/contexts/threadContext/ThreadContext.d.ts

@@ -1,27 +1,27 @@
 import React, { PropsWithChildren } from 'react';
 import type { ChannelState } from 'stream-chat';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type ThreadContextValue<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> = {
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+export declare type ThreadContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     allowThreadMessagesInChannel: boolean;
     closeThread: () => void;
     loadMoreThread: () => Promise<void>;
-    openThread: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    openThread: (message: MessageType<StreamChatGenerics>) => void;
     reloadThread: () => void;
     setThreadLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;
-    thread: MessageType<At, Ch, Co, Ev, Me, Re, Us> | null;
+    thread: MessageType<StreamChatGenerics> | null;
     threadHasMore: boolean;
     threadLoadingMore: boolean;
-    threadMessages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threads'][string];
+    threadMessages: ChannelState<StreamChatGenerics>['threads'][string];
 };
-export declare const ThreadContext: React.Context<ThreadContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const ThreadProvider: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ children, value, }: React.PropsWithChildren<{
-    value: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const ThreadContext: React.Context<ThreadContextValue<DefaultStreamChatGenerics>>;
+export declare const ThreadProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value: ThreadContextValue<StreamChatGenerics>;
 }>) => JSX.Element;
-export declare const useThreadContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>() => ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useThreadContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => ThreadContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if ThreadContext
  * typing is desired while using the HOC withThreadContextContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withThreadContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>>>;
+export declare const withThreadContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof ThreadContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/translationContext/TranslationContext.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import Dayjs from 'dayjs';
 import type { TFunction } from 'i18next';
 import type { Moment } from 'moment';
-import type { UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const isDayOrMoment: (output: TDateTimeParserOutput) => output is Dayjs.Dayjs | Moment;
 export declare type TDateTimeParserInput = string | number | Date;
 export declare type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;
@@ -16,4 +16,4 @@ export declare const TranslationProvider: React.FC<{
     value: TranslationContextValue;
 }>;
 export declare const useTranslationContext: () => TranslationContextValue;
-export declare const withTranslationContext: <P extends UnknownType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof TranslationContextValue>>;
+export declare const withTranslationContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<StreamChatGenerics>) => React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>>;

package/lib/typescript/contexts/typingContext/TypingContext.d.ts

@@ -1,17 +1,17 @@
 import React, { PropsWithChildren } from 'react';
 import type { ChannelState } from 'stream-chat';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type TypingContextValue<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> = {
-    typing: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing'];
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+export declare type TypingContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    typing: ChannelState<StreamChatGenerics>['typing'];
 };
-export declare const TypingContext: React.Context<TypingContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const TypingProvider: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ children, value, }: React.PropsWithChildren<{
-    value: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const TypingContext: React.Context<TypingContextValue<DefaultStreamChatGenerics>>;
+export declare const TypingProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value: TypingContextValue<StreamChatGenerics>;
 }>) => JSX.Element;
-export declare const useTypingContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>() => TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useTypingContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => TypingContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if TypingContext
  * typing is desired while using the HOC withTypingContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withTypingContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, "typing">>;
+export declare const withTypingContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "typing">>;

package/lib/typescript/icons/UserAdmin.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './utils/base';
+export declare const UserAdmin: React.FC<IconProps>;

package/lib/typescript/init.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/lib/typescript/types/types.d.ts

@@ -1,16 +1,19 @@
-import type { LiteralStringForUnion } from 'stream-chat';
-export declare type DefaultAttachmentType = UnknownType & {
-    file_size?: number | string;
-    mime_type?: string;
-};
-export declare type DefaultChannelType = UnknownType & {
+import type { ExtendableGenerics, LiteralStringForUnion } from 'stream-chat';
+interface DefaultUserType extends UnknownType {
     image?: string;
-};
-export declare type DefaultCommandType = LiteralStringForUnion;
-export declare type DefaultEventType = UnknownType;
-export declare type DefaultMessageType = UnknownType;
-export declare type DefaultReactionType = UnknownType;
-export declare type DefaultUserType = UnknownType & {
+}
+interface DefaultChannelType extends UnknownType {
+    [key: string]: unknown;
     image?: string;
-};
+}
+export interface DefaultStreamChatGenerics extends ExtendableGenerics {
+    attachmentType: UnknownType;
+    channelType: DefaultChannelType;
+    commandType: LiteralStringForUnion;
+    eventType: UnknownType;
+    messageType: UnknownType;
+    reactionType: UnknownType;
+    userType: DefaultUserType;
+}
 export declare type UnknownType = Record<string, unknown>;
+export {};

package/lib/typescript/utils/Streami18n.d.ts

@@ -17,7 +17,7 @@ import 'dayjs/locale/tr';
  * sure we don't mess up languages in other places in the app.
  */
 import 'dayjs/locale/en';
-import type { UnknownType } from '../types/types';
+import type { DefaultStreamChatGenerics } from '../types/types';
 declare type Options = {
     DateTimeParser?: typeof Dayjs | typeof moment;
     dayjsLocaleConfigForLanguage?: Partial<ILocale>;
@@ -47,7 +47,7 @@ export declare class Streami18n {
     tDateTimeParser: TDateTimeParser;
     translations: {
         [key: string]: {
-            [key: string]: Partial<typeof enTranslations> | UnknownType;
+            [key: string]: Partial<typeof enTranslations> | DefaultStreamChatGenerics;
         };
     };
     /**
@@ -110,7 +110,7 @@ export declare class Streami18n {
     /** Returns all the translation dictionary for all inbuilt-languages */
     getTranslations: () => {
         [key: string]: {
-            [key: string]: UnknownType | Partial<{
+            [key: string]: DefaultStreamChatGenerics | Partial<{
                 "1 Reply": string;
                 "1 Thread Reply": string;
                 "Allow access to your Gallery": string;
@@ -187,7 +187,7 @@ export declare class Streami18n {
     /**
      * Register translation
      */
-    registerTranslation(language: string, translation: Partial<typeof enTranslations> | UnknownType, customDayjsLocale?: Partial<ILocale>): void;
+    registerTranslation(language: string, translation: Partial<typeof enTranslations> | DefaultStreamChatGenerics, customDayjsLocale?: Partial<ILocale>): void;
     addOrUpdateLocale(key: string, config: Partial<ILocale>): void;
     /**
      * Changes the language.

package/lib/typescript/utils/getResizedImageUrl.d.ts

@@ -1,6 +1,7 @@
 declare type GetResizedImageUrlParams = {
     url: string;
     height?: string | number;
+    resize?: 'clip' | 'crop' | 'fill' | 'scale';
     width?: string | number;
 };
 /**
@@ -15,5 +16,5 @@ declare type GetResizedImageUrlParams = {
  *
  * @returns {string} Url of the image with given height and width.
  */
-export declare function getResizedImageUrl({ height, url, width }: GetResizedImageUrlParams): string;
+export declare function getResizedImageUrl({ height, resize, url, width, }: GetResizedImageUrlParams): string;
 export {};

package/lib/typescript/utils/utils.d.ts

@@ -5,7 +5,7 @@ import type { MentionAllAppUsersQuery } from '../contexts/messageInputContext/Me
 import type { SuggestionCommand, SuggestionComponentType, SuggestionUser } from '../contexts/suggestionsContext/SuggestionsContext';
 import { Emoji } from '../emoji-data/compiled';
 import type { IconProps } from '../icons/utils/base';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../types/types';
+import type { DefaultStreamChatGenerics } from '../types/types';
 export declare type ReactionData = {
     Icon: React.FC<IconProps>;
     type: string;
@@ -26,23 +26,23 @@ export declare const MessageStatusTypes: {
     RECEIVED: string;
     SENDING: string;
 };
-export declare const queryMembersDebounced: DebouncedFunc<(<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(channel: Channel<At, Ch, Co, Ev, Me, Re, Us>, query: SuggestionUser<Us>["name"], onReady?: ((users: SuggestionUser<Us>[]) => void) | undefined, options?: {
+export declare const queryMembersDebounced: DebouncedFunc<(<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(channel: Channel<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>["name"], onReady?: ((users: SuggestionUser<StreamChatGenerics>[]) => void) | undefined, options?: {
     limit?: number;
 }) => Promise<void>)>;
-export declare const queryUsersDebounced: DebouncedFunc<(<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>, query: SuggestionUser<Us>["name"], onReady?: ((users: SuggestionUser<Us>[]) => void) | undefined, options?: {
+export declare const queryUsersDebounced: DebouncedFunc<(<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(client: StreamChat<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>["name"], onReady?: ((users: SuggestionUser<StreamChatGenerics>[]) => void) | undefined, options?: {
     limit?: number | undefined;
-    mentionAllAppUsersQuery?: MentionAllAppUsersQuery<Us> | undefined;
+    mentionAllAppUsersQuery?: MentionAllAppUsersQuery<StreamChatGenerics> | undefined;
 }) => Promise<void>)>;
 export declare const isCommandTrigger: (trigger: Trigger) => trigger is "/";
 export declare const isEmojiTrigger: (trigger: Trigger) => trigger is ":";
 export declare const isMentionTrigger: (trigger: Trigger) => trigger is "@";
 export declare type Trigger = '/' | '@' | ':';
-export declare type TriggerSettings<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = {
+export declare type TriggerSettings<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     '/'?: {
-        dataProvider: (query: CommandResponse<Co>['name'], text: string, onReady?: (data: CommandResponse<Co>[], q: CommandResponse<Co>['name']) => void, options?: {
+        dataProvider: (query: CommandResponse<StreamChatGenerics>['name'], text: string, onReady?: (data: CommandResponse<StreamChatGenerics>[], q: CommandResponse<StreamChatGenerics>['name']) => void, options?: {
             limit?: number;
-        }) => SuggestionCommand<Co>[];
-        output: (entity: CommandResponse<Co>) => {
+        }) => SuggestionCommand<StreamChatGenerics>[];
+        output: (entity: CommandResponse<StreamChatGenerics>) => {
             caretPosition: string;
             key: string;
             text: string;
@@ -59,13 +59,13 @@ export declare type TriggerSettings<Co extends string = DefaultCommandType, Us e
         type: SuggestionComponentType;
     };
     '@'?: {
-        callback: (item: SuggestionUser<Us>) => void;
-        dataProvider: (query: SuggestionUser<Us>['name'], _: string, onReady?: (data: SuggestionUser<Us>[], q: SuggestionUser<Us>['name']) => void, options?: {
+        callback: (item: SuggestionUser<StreamChatGenerics>) => void;
+        dataProvider: (query: SuggestionUser<StreamChatGenerics>['name'], _: string, onReady?: (data: SuggestionUser<StreamChatGenerics>[], q: SuggestionUser<StreamChatGenerics>['name']) => void, options?: {
             limit?: number;
             mentionAllAppUsersEnabled?: boolean;
-            mentionAllAppUsersQuery?: MentionAllAppUsersQuery<Us>;
-        }) => SuggestionUser<Us>[] | Promise<void> | void;
-        output: (entity: SuggestionUser<Us>) => {
+            mentionAllAppUsersQuery?: MentionAllAppUsersQuery<StreamChatGenerics>;
+        }) => SuggestionUser<StreamChatGenerics>[] | Promise<void> | void;
+        output: (entity: SuggestionUser<StreamChatGenerics>) => {
             caretPosition: string;
             key: string;
             text: string;
@@ -73,16 +73,16 @@ export declare type TriggerSettings<Co extends string = DefaultCommandType, Us e
         type: SuggestionComponentType;
     };
 };
-export declare type ACITriggerSettingsParams<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> = {
-    channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
-    client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>;
-    onMentionSelectItem: (item: SuggestionUser<Us>) => void;
+export declare type ACITriggerSettingsParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    channel: Channel<StreamChatGenerics>;
+    client: StreamChat<StreamChatGenerics>;
+    onMentionSelectItem: (item: SuggestionUser<StreamChatGenerics>) => void;
 };
-export declare type QueryUsersFunction<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> = (client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>, query: SuggestionUser<Us>['name'], onReady?: (users: SuggestionUser<Us>[]) => void, options?: {
+export declare type QueryUsersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (client: StreamChat<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
     limit?: number;
-    mentionAllAppUsersQuery?: MentionAllAppUsersQuery<Us>;
+    mentionAllAppUsersQuery?: MentionAllAppUsersQuery<StreamChatGenerics>;
 }) => Promise<void>;
-export declare type QueryMembersFunction<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> = (channel: Channel<At, Ch, Co, Ev, Me, Re, Us>, query: SuggestionUser<Us>['name'], onReady?: (users: SuggestionUser<Us>[]) => void, options?: {
+export declare type QueryMembersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (channel: Channel<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
     limit?: number;
 }) => Promise<void>;
 /**
@@ -96,7 +96,7 @@ export declare type QueryMembersFunction<At extends UnknownType = DefaultAttachm
  * previous call without waiting for a1. So in this case, we want to execute onReady, when trailing
  * end of debounce executes.
  */
-export declare const ACITriggerSettings: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ channel, client, onMentionSelectItem, }: ACITriggerSettingsParams<At, Ch, Co, Ev, Me, Re, Us>) => TriggerSettings<Co, Us>;
+export declare const ACITriggerSettings: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, onMentionSelectItem, }: ACITriggerSettingsParams<StreamChatGenerics>) => TriggerSettings<StreamChatGenerics>;
 export declare const makeImageCompatibleUrl: (url: string) => string;
 export declare const getUrlWithoutParams: (url?: string | undefined) => string | undefined;
 export declare const vw: (percentageWidth: number, rounded?: boolean) => number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "4.0.0-beta.5",
+  "version": "4.0.0-beta.8",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -27,8 +27,6 @@
     "lint-fix-translations": "prettier --check 'src/i18n/*.json' --write 'src/i18n/*.json' .eslintrc.json ../.prettierrc .babelrc",
     "build-translations": "rm -rf .tmpi18ncache || true && mkdir .tmpi18ncache && yarn run babel --config-file ./babel.i18next-extract.json 'src/**/*.{js,jsx,ts,tsx}' --out-dir '.tmpi18ncache/' && rm -rf .tmpi18ncache && prettier --write 'src/i18n/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
     "copy-translations": "echo '\u001b[34mℹ\u001b[0m Copying translation files to \u001b[34mlib/typescript/i18n\u001b[0m' && cp -R -f ./src/i18n ./lib/typescript/i18n && echo '\u001b[32m✓\u001b[0m Done Copying Translations'",
-    "docs": "styleguidist build",
-    "docs-server": "styleguidist server",
     "eslint": "eslint 'src/**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",
     "lint": "prettier --ignore-path ../.prettierignore --list-different 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint 'src/**/*.{js,ts,tsx,md}' --max-warnings 0 && yarn run validate-translations",
     "lint-fix": "prettier --ignore-path ../.prettierignore --write 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint --fix 'src/**/*.{js,ts,tsx,md}' --max-warnings 0",
@@ -80,7 +78,8 @@
     "path": "0.12.7",
     "react-art": "^17.0.2",
     "react-native-markdown-package": "1.8.1",
-    "stream-chat": "^5.1.2"
+    "react-native-url-polyfill": "^1.3.0",
+    "stream-chat": "6.0.0"
   },
   "peerDependencies": {
     "react-native-svg": "^12.1.0"
@@ -138,7 +137,6 @@
     "react-native-svg": "12.1.1",
     "react-native-typescript-transformer": "1.2.13",
     "react-native-web": "0.15.0",
-    "react-styleguidist": "11.1.6",
     "react-test-renderer": "17.0.2",
     "typescript": "4.4.3",
     "uuid": "8.3.2",

package/src/components/Attachment/Attachment.tsx

@@ -12,47 +12,26 @@ import {
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
 
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ActionHandler = (name: string, value: string) => void;
 
 export type AttachmentPropsWithContext<
-  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,
 > = Pick<
-  MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,
+  MessagesContextValue<StreamChatGenerics>,
   'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'UrlPreview'
 > & {
   /**
    * The attachment to render
    */
-  attachment: AttachmentType<At>;
+  attachment: AttachmentType<StreamChatGenerics>;
 };
 
 const AttachmentWithContext = <
-  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,
 >(
-  props: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
+  props: AttachmentPropsWithContext<StreamChatGenerics>,
 ) => {
   const { attachment, AttachmentActions, Card, FileAttachment, Gallery, Giphy, UrlPreview } = props;
 
@@ -103,17 +82,9 @@ const AttachmentWithContext = <
   }
 };
 
-const areEqual = <
-  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,
->(
-  prevProps: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
-  nextProps: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
+const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+  prevProps: AttachmentPropsWithContext<StreamChatGenerics>,
+  nextProps: AttachmentPropsWithContext<StreamChatGenerics>,
 ) => {
   const { attachment: prevAttachment } = prevProps;
   const { attachment: nextAttachment } = nextProps;
@@ -132,34 +103,22 @@ const MemoizedAttachment = React.memo(
 ) as typeof AttachmentWithContext;
 
 export type AttachmentProps<
-  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,
 > = Partial<
   Pick<
-    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,
+    MessagesContextValue<StreamChatGenerics>,
     'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'UrlPreview'
   >
 > &
-  Pick<AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'attachment'>;
+  Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;
 
 /**
  * Attachment - The message attachment
  */
 export const Attachment = <
-  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,
 >(
-  props: AttachmentProps<At, Ch, Co, Ev, Me, Re, Us>,
+  props: AttachmentProps<StreamChatGenerics>,
 ) => {
   const {
     attachment,
@@ -178,7 +137,7 @@ export const Attachment = <
     Gallery: ContextGallery,
     Giphy: ContextGiphy,
     UrlPreview: ContextUrlPreview,
-  } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();
+  } = useMessagesContext<StreamChatGenerics>();
 
   if (!attachment) {
     return null;

package/src/components/Attachment/AttachmentActions.tsx

@@ -17,16 +17,7 @@ import {
 } from '../../contexts/messageContext/MessageContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 
 const styles = StyleSheet.create({
   actionButton: {
@@ -43,15 +34,9 @@ const styles = StyleSheet.create({
 });
 
 export type AttachmentActionsPropsWithContext<
-  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,
-> = Pick<Attachment<At>, 'actions'> &
-  Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'handleAction'> & {
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Pick<Attachment<StreamChatGenerics>, 'actions'> &
+  Pick<MessageContextValue<StreamChatGenerics>, 'handleAction'> & {
     styles?: Partial<{
       actionButton: StyleProp<ViewStyle>;
       buttonText: StyleProp<TextStyle>;
@@ -60,15 +45,9 @@ export type AttachmentActionsPropsWithContext<
   };
 
 const AttachmentActionsWithContext = <
-  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,
 >(
-  props: AttachmentActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
+  props: AttachmentActionsPropsWithContext<StreamChatGenerics>,
 ) => {
   const { actions, handleAction, styles: stylesProp = {} } = props;
 
@@ -137,17 +116,9 @@ const AttachmentActionsWithContext = <
   );
 };
 
-const areEqual = <
-  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,
->(
-  prevProps: AttachmentActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
-  nextProps: AttachmentActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
+const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+  prevProps: AttachmentActionsPropsWithContext<StreamChatGenerics>,
+  nextProps: AttachmentActionsPropsWithContext<StreamChatGenerics>,
 ) => {
   const { actions: prevActions } = prevProps;
   const { actions: nextActions } = nextProps;
@@ -163,31 +134,20 @@ const MemoizedAttachmentActions = React.memo(
 ) as typeof AttachmentActionsWithContext;
 
 export type AttachmentActionsProps<
-  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,
-> = Attachment<At> & Partial<Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'handleAction'>>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Attachment<StreamChatGenerics> &
+  Partial<Pick<MessageContextValue<StreamChatGenerics>, 'handleAction'>>;
 
 /**
  * AttachmentActions - The actions you can take on an attachment.
  * Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands).
  */
 export const AttachmentActions = <
-  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,
 >(
-  props: AttachmentActionsProps<At, Ch, Co, Ev, Me, Re, Us>,
+  props: AttachmentActionsProps<StreamChatGenerics>,
 ) => {
-  const { handleAction } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();
+  const { handleAction } = useMessageContext<StreamChatGenerics>();
   return <MemoizedAttachmentActions {...{ handleAction }} {...props} />;
 };