stream-chat-react-native-core 4.0.0 → 4.1.0

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

@@ -0,0 +1,2 @@
+export declare const ONE_SECOND_IN_MS = 1000;
+export declare const secondsUntil: (date: Date) => number;

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

@@ -0,0 +1,20 @@
+declare type GetResizedImageUrlParams = {
+    url: string;
+    height?: string | number;
+    resize?: 'clip' | 'crop' | 'fill' | 'scale';
+    width?: string | number;
+};
+/**
+ * Any file or image upload done through stream's chat SDK or components get uploaded
+ * to CloudFront CDN. Following function returns a url of resized image (to given width and height).
+ * It can be used to avoid rendering heavy images on UI, for the sake of performance.
+ *
+ * This function accepts an object with following properties:
+ * - height: height of the resized image.
+ * - url: url of the image.
+ * - width: width of the resized image.
+ *
+ * @returns {string} Url of the image with given height and width.
+ */
+export declare function getResizedImageUrl({ height, resize, url, width, }: GetResizedImageUrlParams): string;
+export {};

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

@@ -0,0 +1,7 @@
+import type { Attachment } from 'stream-chat';
+/**
+ * Extract url of image from image attachment.
+ * @param image Image attachment
+ * @returns {string}
+ */
+export declare function getUrlOfImageAttachment(image: Attachment): string | undefined;

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

@@ -1,14 +1,11 @@
-import { Emoji } from '../emoji-data/compiled';
 import type React from 'react';
 import type { DebouncedFunc } from 'lodash';
-import type { Channel, StreamChat } from 'stream-chat';
-import type { CommandsItemProps } from '../components/AutoCompleteInput/CommandsItem';
-import type { EmojisItemProps } from '../components/AutoCompleteInput/EmojisItem';
-import type { MentionsItemProps } from '../components/AutoCompleteInput/MentionsItem';
+import type { Channel, CommandResponse, StreamChat } from 'stream-chat';
 import type { MentionAllAppUsersQuery } from '../contexts/messageInputContext/MessageInputContext';
-import type { SuggestionCommand, SuggestionUser } from '../contexts/suggestionsContext/SuggestionsContext';
+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;
@@ -24,61 +21,68 @@ export declare const ProgressIndicatorTypes: {
     IN_PROGRESS: 'in_progress';
     RETRY: 'retry';
 };
-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, 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 MessageStatusTypes: {
+    FAILED: string;
+    RECEIVED: string;
+    SENDING: string;
+};
+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<(<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> = {
     '/'?: {
-        component: string | React.ComponentType<Partial<CommandsItemProps<Co>>>;
-        dataProvider: (query: SuggestionCommand<Co>['name'], text: string, onReady?: (data: SuggestionCommand<Co>[], q: SuggestionCommand<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: SuggestionCommand<Co>) => {
+        }) => SuggestionCommand<StreamChatGenerics>[];
+        output: (entity: CommandResponse<StreamChatGenerics>) => {
             caretPosition: string;
             key: string;
             text: string;
         };
+        type: SuggestionComponentType;
     };
     ':'?: {
-        component: string | React.ComponentType<Partial<EmojisItemProps>>;
         dataProvider: (query: Emoji['name'], _: string, onReady?: (data: Emoji[], q: Emoji['name']) => void) => Emoji[];
         output: (entity: Emoji) => {
             caretPosition: string;
             key: string;
             text: string;
         };
+        type: SuggestionComponentType;
     };
     '@'?: {
-        callback: (item: SuggestionUser<Us>) => void;
-        component: string | React.ComponentType<Partial<MentionsItemProps<Us>>>;
-        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;
         };
+        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>;
 /**
@@ -92,9 +96,11 @@ 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;
 export declare const vh: (percentageHeight: number, rounded?: boolean) => number;
 export declare const generateRandomId: (a?: string) => string;
 export declare const emojiRegex: RegExp;
+export declare const urlRegex: RegExp;

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",
+  "version": "4.1.0",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -27,16 +27,14 @@
     "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 '**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",
+    "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",
     "prepare": "yarn run build",
     "prepare-distribution": "cd examples/SampleApp && npm version patch && react-native-version && git add ./ && git commit -m 'Bump build version' --no-verify",
     "prettier": "prettier --list-different '**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
     "prettier-fix": "prettier --write '**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
-    "test": "TZ=UTC jest",
+    "test:unit": "TZ=UTC jest",
     "validate-translations": "node bin/validate-translations.js",
     "get-version": "echo $npm_package_version",
     "version": "bash ./bin/before-tag.sh",
@@ -70,25 +68,20 @@
   },
   "dependencies": {
     "@babel/runtime": "7.13.10",
-    "@gorhom/bottom-sheet": "3.6.4",
-    "anchorme": "^1.1.2",
+    "@gorhom/bottom-sheet": "4.1.5",
     "dayjs": "1.10.5",
     "file-loader": "6.2.0",
     "i18next": "20.2.4",
     "lodash-es": "4.17.21",
     "metro-react-native-babel-preset": "0.66.0",
-    "mime-types": "2.1.30",
+    "mime-types": "^2.1.34",
     "path": "0.12.7",
     "react-art": "^17.0.2",
     "react-native-markdown-package": "1.8.1",
-    "stream-chat": "~4.0.0"
+    "react-native-url-polyfill": "^1.3.0",
+    "stream-chat": "6.0.0"
   },
   "peerDependencies": {
-    "react": "*",
-    "react-dom": "*",
-    "react-native": "*",
-    "react-native-gesture-handler": "^1.8.0",
-    "react-native-reanimated": "^2.0.0",
     "react-native-svg": "^12.1.0"
   },
   "devDependencies": {
@@ -109,19 +102,21 @@
     "@types/lodash": "4.14.169",
     "@types/mime-types": "2.1.0",
     "@types/react": "17.0.5",
-    "@types/react-native": "0.64.5",
+    "@types/react-native": "0.65.1",
     "@types/react-test-renderer": "17.0.1",
-    "@typescript-eslint/eslint-plugin": "4.24.0",
-    "@typescript-eslint/parser": "4.24.0",
+    "@typescript-eslint/eslint-plugin": "^5.7.0",
+    "@typescript-eslint/parser": "^5.7.0",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.6.3",
     "babel-loader": "8.2.2",
     "babel-plugin-i18next-extract": "0.8.3",
     "babel-plugin-module-resolver": "4.1.0",
     "babel-plugin-react-native-web": "0.16.3",
-    "eslint": "7.26.0",
+    "eslint": "7.32.0",
     "eslint-config-prettier": "8.3.0",
+    "eslint-import-resolver-babel-module": "^5.3.1",
     "eslint-plugin-babel": "5.3.1",
+    "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-jest": "24.3.6",
     "eslint-plugin-markdown": "2.1.0",
     "eslint-plugin-prettier": "3.4.0",
@@ -136,14 +131,14 @@
     "react-dom": "17.0.2",
     "react-native": "0.64.1",
     "react-native-builder-bob": "0.18.1",
+    "react-native-fs": "2.18.0",
     "react-native-gesture-handler": "1.10.3",
     "react-native-reanimated": "2.1.0",
     "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.2.4",
+    "typescript": "4.4.3",
     "uuid": "8.3.2",
     "webpack": "4.44.2"
   }

package/src/components/Attachment/Attachment.tsx

@@ -1,58 +1,37 @@
 import React from 'react';
 
+import type { Attachment as AttachmentType } from 'stream-chat';
+
 import { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';
 import { Card as CardDefault } from '../../components/Attachment/Card';
+import { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';
 import { Gallery as GalleryDefault } from '../../components/Attachment/Gallery';
 import { Giphy as GiphyDefault } from '../../components/Attachment/Giphy';
-import { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';
 import {
   MessagesContextValue,
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
 
-import type { Attachment as AttachmentType } from 'stream-chat';
-
-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;
 
@@ -84,10 +63,10 @@ const AttachmentWithContext = <
     return <FileAttachment attachment={attachment} />;
   }
 
-  if (attachment.type === 'video' && attachment.asset_url && attachment.image_url) {
+  if (attachment.type === 'video' && attachment.asset_url) {
     return (
       // TODO: Put in video component
-      <Card {...attachment} />
+      <FileAttachment attachment={attachment} />
     );
   }
 
@@ -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

@@ -9,24 +9,15 @@ import {
   ViewStyle,
 } from 'react-native';
 
+import type { Attachment } from 'stream-chat';
+
 import {
   MessageContextValue,
   useMessageContext,
 } from '../../contexts/messageContext/MessageContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { Attachment } from 'stream-chat';
-
-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} />;
 };