stream-chat-react-native-core 4.6.0 → 4.7.0-beta.1

package/lib/typescript/components/Attachment/Gallery.d.ts

@@ -4,7 +4,7 @@ import { MessageContextValue } from '../../contexts/messageContext/MessageContex
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { OverlayContextValue } from '../../contexts/overlayContext/OverlayContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-export declare type GalleryPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ImageGalleryContextValue<StreamChatGenerics>, 'setImage' | 'setImages'> & Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'groupStyles' | 'images' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress' | 'threadList'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour'> & Pick<OverlayContextValue, 'setOverlay'> & {
+export declare type GalleryPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ImageGalleryContextValue<StreamChatGenerics>, 'setImage' | 'setImages'> & Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'groupStyles' | 'images' | 'videos' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress' | 'threadList'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour' | 'VideoThumbnail'> & Pick<OverlayContextValue, 'setOverlay'> & {
     channelId: string | undefined;
     hasThreadReplies?: boolean;
     /**

package/lib/typescript/components/Attachment/VideoThumbnail.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export declare type VideoThumbnailProps = ViewProps;
+export declare const VideoThumbnail: React.FC<VideoThumbnailProps>;

package/lib/typescript/components/Attachment/utils/buildGallery/types.d.ts

@@ -5,6 +5,7 @@ export declare type Thumbnail = {
     url: string;
     width: number;
     id?: string;
+    type?: string;
 };
 export declare type GallerySizeConfig = {
     gridHeight: number;

package/lib/typescript/components/Attachment/utils/getAspectRatio.d.ts

@@ -6,4 +6,4 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
  * @param image Image attachment.
  * @returns {number}
  */
-export declare function getAspectRatio<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(image: Attachment<StreamChatGenerics>): number;
+export declare function getAspectRatio<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>): number;

package/lib/typescript/components/Channel/Channel.d.ts

@@ -15,7 +15,7 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ReactionData } from '../../utils/utils';
 import { LoadingErrorProps } from '../Indicators/LoadingErrorIndicator';
 export declare const reactionData: ReactionData[];
-export declare type ChannelPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel'> & Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'EmptyStateIndicator' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Partial<Omit<InputMessageInputContextValue<StreamChatGenerics>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<Pick<SuggestionsContextValue<StreamChatGenerics>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem' | 'AutoCompleteSuggestionList'>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<StreamChatGenerics>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & UseChannelStateValue<StreamChatGenerics> & Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'Attachment' | 'AttachmentActions' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'DateHeader' | 'deletedMessagesVisibilityType' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'giphyVersion' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handlePinMessage' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'isAttachmentEqual' | 'legacyImageViewerSwipeBehaviour' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessagePinnedHeader' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'myMessageTheme' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'ReactionList' | 'Reply' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview'>> & Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'allowThreadMessagesInChannel' | 'thread'>> & {
+export declare type ChannelPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel'> & Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'EmptyStateIndicator' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Partial<Omit<InputMessageInputContextValue<StreamChatGenerics>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<Pick<SuggestionsContextValue<StreamChatGenerics>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem' | 'AutoCompleteSuggestionList'>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<StreamChatGenerics>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & UseChannelStateValue<StreamChatGenerics> & Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'Attachment' | 'AttachmentActions' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'DateHeader' | 'deletedMessagesVisibilityType' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'giphyVersion' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handlePinMessage' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'isAttachmentEqual' | 'legacyImageViewerSwipeBehaviour' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessagePinnedHeader' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'myMessageTheme' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'ReactionList' | 'Reply' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview' | 'VideoThumbnail'>> & Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'allowThreadMessagesInChannel' | 'thread'>> & {
     shouldSyncChannel: boolean;
     /**
      * Additional props passed to keyboard avoiding view

package/lib/typescript/components/Channel/hooks/useCreateMessagesContext.d.ts

@@ -1,6 +1,6 @@
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useCreateMessagesContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTouchableProps, Attachment, AttachmentActions, Card, CardCover, CardFooter, CardHeader, channelId, DateHeader, deletedMessagesVisibilityType, disableTypingIndicator, dismissKeyboardOnMessageTouch, enableMessageGroupingByUser, FileAttachment, FileAttachmentGroup, FileAttachmentIcon, FlatList, forceAlignMessages, formatDate, Gallery, Giphy, giphyVersion, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handlePinMessage, handleQuotedReply, handleReaction, handleRetry, handleThreadReply, initialScrollToFirstUnreadMessage, InlineDateSeparator, InlineUnreadIndicator, isAttachmentEqual, legacyImageViewerSwipeBehaviour, markdownRules, Message, messageActions, MessageAvatar, MessageContent, messageContentOrder, MessageDeleted, MessageFooter, MessageHeader, MessageList, MessagePinnedHeader, MessageReplies, MessageRepliesAvatars, MessageSimple, MessageStatus, MessageSystem, MessageText, myMessageTheme, onLongPressMessage, onPressInMessage, onPressMessage, OverlayReactionList, ReactionList, removeMessage, Reply, retrySendMessage, ScrollToBottomButton, selectReaction, setEditingState, setQuotedMessageState, supportedReactions, targetedMessage, TypingIndicator, TypingIndicatorContainer, updateMessage, UrlPreview, }: MessagesContextValue<StreamChatGenerics> & {
+export declare const useCreateMessagesContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTouchableProps, Attachment, AttachmentActions, Card, CardCover, CardFooter, CardHeader, channelId, DateHeader, deletedMessagesVisibilityType, disableTypingIndicator, dismissKeyboardOnMessageTouch, enableMessageGroupingByUser, FileAttachment, FileAttachmentGroup, FileAttachmentIcon, FlatList, forceAlignMessages, formatDate, Gallery, Giphy, giphyVersion, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handlePinMessage, handleQuotedReply, handleReaction, handleRetry, handleThreadReply, initialScrollToFirstUnreadMessage, InlineDateSeparator, InlineUnreadIndicator, isAttachmentEqual, legacyImageViewerSwipeBehaviour, markdownRules, Message, messageActions, MessageAvatar, MessageContent, messageContentOrder, MessageDeleted, MessageFooter, MessageHeader, MessageList, MessagePinnedHeader, MessageReplies, MessageRepliesAvatars, MessageSimple, MessageStatus, MessageSystem, MessageText, myMessageTheme, onLongPressMessage, onPressInMessage, onPressMessage, OverlayReactionList, ReactionList, removeMessage, Reply, retrySendMessage, ScrollToBottomButton, selectReaction, setEditingState, setQuotedMessageState, supportedReactions, targetedMessage, TypingIndicator, TypingIndicatorContainer, updateMessage, UrlPreview, VideoThumbnail, }: MessagesContextValue<StreamChatGenerics> & {
     /**
      * To ensure we allow re-render, when channel is changed
      */

package/lib/typescript/components/ChannelPreview/hooks/__tests__/useChannelPreviewDisplayName.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ChannelPreview/hooks/useChannelPreviewDisplayName.d.ts

@@ -1,9 +1,9 @@
-import type { Channel } from 'stream-chat';
+import type { Channel, ChannelMemberResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare const getChannelPreviewDisplayName: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channelName, currentUserId, maxCharacterLength, members, }: {
-    maxCharacterLength: number;
+export declare const getChannelPreviewDisplayName: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channelName, characterLimit, currentUserId, members, }: {
+    characterLimit: number;
     channelName?: string | undefined;
     currentUserId?: string | undefined;
-    members?: Record<string, import("stream-chat").ChannelMemberResponse<StreamChatGenerics>> | undefined;
+    members?: Record<string, ChannelMemberResponse<StreamChatGenerics>> | undefined;
 }) => string;
 export declare const useChannelPreviewDisplayName: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(channel?: Channel<StreamChatGenerics> | undefined, characterLength?: number | undefined) => string;

package/lib/typescript/components/ImageGallery/ImageGallery.d.ts

@@ -71,8 +71,10 @@ export declare type Photo<StreamChatGenerics extends DefaultStreamChatGenerics =
     channelId?: string;
     created_at?: string | Date;
     messageId?: string;
+    mime_type?: string;
     original_height?: number;
     original_width?: number;
+    type?: string;
     user?: UserResponse<StreamChatGenerics> | null;
     user_id?: string;
 };

package/lib/typescript/components/ImageGallery/components/AnimatedGalleryVideo.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+import type { StyleProp } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { VideoPayloadData, VideoProgressData, VideoType } from '../../../native';
+declare type Props = {
+    handleEnd: () => void;
+    handleLoad: (payload: VideoPayloadData) => void;
+    handleProgress: (data: VideoProgressData) => void;
+    index: number;
+    offsetScale: Animated.SharedValue<number>;
+    paused: boolean;
+    previous: boolean;
+    scale: Animated.SharedValue<number>;
+    screenHeight: number;
+    selected: boolean;
+    shouldRender: boolean;
+    source: {
+        uri: string;
+    };
+    translateX: Animated.SharedValue<number>;
+    translateY: Animated.SharedValue<number>;
+    videoRef: React.RefObject<VideoType>;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const AnimatedGalleryVideo: React.FC<Props>;
+export {};

package/lib/typescript/components/ImageGallery/components/ImageGalleryFooter.d.ts

@@ -8,23 +8,39 @@ export declare type ImageGalleryFooterCustomComponent<StreamChatGenerics extends
     shareMenuOpen: boolean;
     photo?: Photo<StreamChatGenerics>;
 }) => React.ReactElement | null;
+export declare type ImageGalleryFooterVideoControlProps = {
+    duration: number;
+    onPlayPause: () => void;
+    onProgressDrag: (progress: number) => void;
+    paused: boolean;
+    progress: number;
+};
+export declare type ImageGalleryFooterVideoControlComponent = ({ duration, onPlayPause, onProgressDrag, paused, progress, }: ImageGalleryFooterVideoControlProps) => React.ReactElement | null;
 export declare type ImageGalleryFooterCustomComponentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     centerElement?: ImageGalleryFooterCustomComponent<StreamChatGenerics>;
     GridIcon?: React.ReactElement;
     leftElement?: ImageGalleryFooterCustomComponent<StreamChatGenerics>;
     rightElement?: ImageGalleryFooterCustomComponent<StreamChatGenerics>;
     ShareIcon?: React.ReactElement;
+    videoControlElement?: ImageGalleryFooterVideoControlComponent;
 };
-declare type Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ImageGalleryFooterCustomComponentProps<StreamChatGenerics> & {
+declare type ImageGalleryFooterPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ImageGalleryFooterCustomComponentProps<StreamChatGenerics> & {
+    duration: number;
+    onPlayPause: () => void;
+    onProgressDrag: (progress: number) => void;
     opacity: Animated.SharedValue<number>;
     openGridView: () => void;
+    paused: boolean;
     photo: Photo<StreamChatGenerics>;
     photoLength: number;
+    progress: number;
     selectedIndex: number;
     visible: Animated.SharedValue<number>;
 };
+export declare const ImageGalleryFooterWithContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ImageGalleryFooterPropsWithContext<StreamChatGenerics>) => JSX.Element;
+export declare type ImageGalleryFooterProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ImageGalleryFooterPropsWithContext<StreamChatGenerics>;
 export declare const ImageGalleryFooter: {
-    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Props<StreamChatGenerics>): JSX.Element;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ImageGalleryFooterProps<StreamChatGenerics>): JSX.Element;
     displayName: string;
 };
 export {};

package/lib/typescript/components/ImageGallery/components/ImageGalleryVideoControl.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ImageGalleryFooterVideoControlProps } from './ImageGalleryFooter';
+export declare const ImageGalleryVideoControl: React.FC<ImageGalleryFooterVideoControlProps>;

package/lib/typescript/components/ImageGallery/components/ProgressControl.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ImageGalleryFooterVideoControlProps } from './ImageGalleryFooter';
+declare type ProgressControlProps = Pick<ImageGalleryFooterVideoControlProps, 'duration' | 'onPlayPause' | 'onProgressDrag' | 'progress'>;
+export declare const ProgressControl: React.FC<ProgressControlProps>;
+export {};

package/lib/typescript/components/ImageGallery/hooks/useImageGalleryGestures.d.ts

@@ -0,0 +1,36 @@
+import type { PanGestureHandlerGestureEvent, PinchGestureHandlerGestureEvent, TapGestureHandlerGestureEvent } from 'react-native-gesture-handler';
+import { SharedValue } from 'react-native-reanimated';
+export declare enum HasPinched {
+    FALSE = 0,
+    TRUE = 1
+}
+export declare enum IsSwiping {
+    UNDETERMINED = 0,
+    TRUE = 1,
+    FALSE = 2
+}
+export declare const useImageGalleryGestures: ({ currentImageHeight, halfScreenHeight, halfScreenWidth, headerFooterVisible, offsetScale, overlayOpacity, photoLength, scale, screenHeight, screenWidth, setSelectedIndex, translateX, translateY, translationX, }: {
+    currentImageHeight: number;
+    halfScreenHeight: number;
+    halfScreenWidth: number;
+    headerFooterVisible: SharedValue<number>;
+    offsetScale: SharedValue<number>;
+    overlayOpacity: SharedValue<number>;
+    photoLength: number;
+    scale: SharedValue<number>;
+    screenHeight: number;
+    screenWidth: number;
+    setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
+    translateX: SharedValue<number>;
+    translateY: SharedValue<number>;
+    translationX: SharedValue<number>;
+}) => {
+    onDoubleTap: (event: TapGestureHandlerGestureEvent) => void;
+    onPan: (event: PanGestureHandlerGestureEvent) => void;
+    onPinch: (event: PinchGestureHandlerGestureEvent) => void;
+    onSingleTap: (event: TapGestureHandlerGestureEvent) => void;
+};
+/**
+ * Clamping worklet to clamp the scaling
+ */
+export declare const clamp: (value: number, lowerBound: number, upperBound: number) => number;

package/lib/typescript/components/Message/hooks/useCreateMessageContext.d.ts

@@ -1,3 +1,3 @@
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useCreateMessageContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ actionsEnabled, alignment, channel, disabled, files, goToMessage, groupStyles, handleAction, handleDeleteMessage, handleEditMessage, handleQuotedReplyMessage, handleResendMessage, handleToggleBanUser, handleToggleMuteUser, handleToggleReaction, hasReactions, images, isMyMessage, lastGroupMessage, lastReceivedId, members, message, messageContentOrder, onLongPress, onlyEmojis, onOpenThread, onPress, onPressIn, otherAttachments, preventPress, reactions, showAvatar, showMessageOverlay, showMessageStatus, threadList, }: MessageContextValue<StreamChatGenerics>) => MessageContextValue<StreamChatGenerics>;
+export declare const useCreateMessageContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ actionsEnabled, alignment, channel, disabled, files, goToMessage, groupStyles, handleAction, handleDeleteMessage, handleEditMessage, handleQuotedReplyMessage, handleResendMessage, handleToggleBanUser, handleToggleMuteUser, handleToggleReaction, hasReactions, images, isMyMessage, lastGroupMessage, lastReceivedId, members, message, messageContentOrder, onLongPress, onlyEmojis, onOpenThread, onPress, onPressIn, otherAttachments, preventPress, reactions, showAvatar, showMessageOverlay, showMessageStatus, threadList, videos, }: MessageContextValue<StreamChatGenerics>) => MessageContextValue<StreamChatGenerics>;

package/lib/typescript/components/Spinner/Spinner.d.ts

@@ -1,2 +1,8 @@
 import React from 'react';
-export declare const Spinner: React.FC;
+import { StyleProp, ViewStyle } from 'react-native';
+export declare type SpinnerProps = {
+    height?: number;
+    style?: StyleProp<ViewStyle>;
+    width?: number;
+};
+export declare const Spinner: React.FC<SpinnerProps>;

package/lib/typescript/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './Attachment/FileAttachmentGroup';
 export * from './Attachment/FileIcon';
 export * from './Attachment/Gallery';
 export * from './Attachment/Giphy';
+export * from './Attachment/VideoThumbnail';
 export * from './Attachment/utils/buildGallery/buildGallery';
 export * from './AttachmentPicker/AttachmentPicker';
 export * from './AttachmentPicker/components/AttachmentPickerBottomSheetHandle';
@@ -66,6 +67,7 @@ export * from './Chat/hooks/useIsOnline';
 export * from './Chat/hooks/useMutedUsers';
 export * from './ImageGallery/ImageGallery';
 export * from './ImageGallery/components/AnimatedGalleryImage';
+export * from './ImageGallery/components/AnimatedGalleryVideo';
 export * from './ImageGallery/components/ImageGalleryFooter';
 export * from './ImageGallery/components/ImageGalleryHeader';
 export * from './ImageGallery/components/ImageGalleryOverlay';

package/lib/typescript/contexts/messageContext/MessageContext.d.ts

@@ -80,6 +80,8 @@ export declare type MessageContextValue<StreamChatGenerics extends DefaultStream
     showMessageStatus: boolean;
     /** Whether or not the Message is part of a Thread */
     threadList: boolean;
+    /** The videos attached to a message */
+    videos: Attachment<StreamChatGenerics>[];
     goToMessage?: (messageId: string) => void;
     /** Latest message id on current channel */
     lastReceivedId?: string;
@@ -98,4 +100,4 @@ export declare const useMessageContext: <StreamChatGenerics extends DefaultStrea
  * typing is desired while using the HOC withMessageContextContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessageContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "disabled" | "onPress" | "onPressIn" | "onLongPress" | "channel" | "members" | "threadList" | "reactions" | "images" | "message" | "handleAction" | "alignment" | "actionsEnabled" | "files" | "groupStyles" | "handleDeleteMessage" | "handleEditMessage" | "handleQuotedReplyMessage" | "handleResendMessage" | "handleToggleBanUser" | "handleToggleMuteUser" | "handleToggleReaction" | "hasReactions" | "isMyMessage" | "lastGroupMessage" | "messageContentOrder" | "onlyEmojis" | "onOpenThread" | "otherAttachments" | "showMessageOverlay" | "showMessageStatus" | "goToMessage" | "lastReceivedId" | "preventPress" | "showAvatar">>;
+export declare const withMessageContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "disabled" | "onPress" | "onPressIn" | "onLongPress" | "channel" | "members" | "threadList" | "reactions" | "images" | "message" | "handleAction" | "alignment" | "actionsEnabled" | "files" | "groupStyles" | "handleDeleteMessage" | "handleEditMessage" | "handleQuotedReplyMessage" | "handleResendMessage" | "handleToggleBanUser" | "handleToggleMuteUser" | "handleToggleReaction" | "hasReactions" | "isMyMessage" | "lastGroupMessage" | "messageContentOrder" | "onlyEmojis" | "onOpenThread" | "otherAttachments" | "showMessageOverlay" | "showMessageStatus" | "videos" | "goToMessage" | "lastReceivedId" | "preventPress" | "showAvatar">>;

package/lib/typescript/contexts/messageOverlayContext/MessageOverlayContext.d.ts

@@ -29,6 +29,7 @@ export declare type MessageOverlayData<StreamChatGenerics extends DefaultStreamC
     ownCapabilities?: OwnCapabilitiesContextValue;
     supportedReactions?: ReactionData[];
     threadList?: boolean;
+    videos?: Attachment<StreamChatGenerics>[];
 };
 export declare type MessageOverlayContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**

package/lib/typescript/contexts/messagesContext/MessagesContext.d.ts

@@ -10,6 +10,7 @@ import type { FileAttachmentGroupProps } from '../../components/Attachment/FileA
 import type { FileIconProps } from '../../components/Attachment/FileIcon';
 import type { GalleryProps } from '../../components/Attachment/Gallery';
 import type { GiphyProps } from '../../components/Attachment/Giphy';
+import type { VideoThumbnailProps } from '../../components/Attachment/VideoThumbnail';
 import type { MessageProps, MessageTouchableHandlerPayload } from '../../components/Message/Message';
 import type { MessageAvatarProps } from '../../components/Message/MessageSimple/MessageAvatar';
 import type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';
@@ -211,6 +212,7 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
      * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Card.tsx
      */
     UrlPreview: React.ComponentType<CardProps<StreamChatGenerics>>;
+    VideoThumbnail: React.ComponentType<VideoThumbnailProps>;
     /**
      * Provide any additional props for `TouchableOpacity` which wraps inner MessageContent component here.
      * Please check docs for TouchableOpacity for supported props - https://reactnative.dev/docs/touchableopacity#props

package/lib/typescript/contexts/themeContext/utils/theme.d.ts

@@ -192,6 +192,11 @@ export declare type Theme = {
             rightContainer: ViewStyle;
             usernameText: TextStyle;
         };
+        videoControl: {
+            durationTextStyle: TextStyle;
+            roundedView: ViewStyle;
+            videoContainer: ViewStyle;
+        };
         backgroundColor?: string;
         pager?: ViewStyle;
         slide?: ImageStyle;
@@ -472,6 +477,10 @@ export declare type Theme = {
             timeIcon: IconProps;
         };
         targetedMessageUnderlay: ViewStyle;
+        videoThumbnail: {
+            container: ViewStyle;
+            roundedView: ViewStyle;
+        };
     };
     overlay: {
         container: ViewStyle;

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

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

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

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

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

@@ -44,10 +44,12 @@ export * from './MessageIcon';
 export * from './Mute';
 export * from './Notification';
 export * from './ODT';
+export * from './Pause';
 export * from './PDF';
 export * from './Picture';
 export * from './Pin';
 export * from './PinHeader';
+export * from './Play';
 export * from './PPT';
 export * from './PPTX';
 export * from './RAR';

package/lib/typescript/mock-builders/api/queryMembers.d.ts

@@ -0,0 +1,161 @@
+export function queryMembersApi(members?: any): {
+    response: {
+        data: any;
+        status: number;
+    };
+    type: string;
+};
+export namespace ONE_CHANNEL_MEMBER_MOCK {
+    namespace okey {
+        const banned: boolean;
+        const channel_role: string;
+        const created_at: string;
+        const role: string;
+        const shadow_banned: boolean;
+        const updated_at: string;
+        namespace user {
+            const id: string;
+            const name: string;
+        }
+        const user_id: string;
+    }
+}
+export namespace GROUP_CHANNEL_MEMBERS_MOCK {
+    export namespace ben {
+        const banned_1: boolean;
+        export { banned_1 as banned };
+        const channel_role_1: string;
+        export { channel_role_1 as channel_role };
+        const created_at_1: string;
+        export { created_at_1 as created_at };
+        const role_1: string;
+        export { role_1 as role };
+        const shadow_banned_1: boolean;
+        export { shadow_banned_1 as shadow_banned };
+        const updated_at_1: string;
+        export { updated_at_1 as updated_at };
+        export namespace user_1 {
+            const id_1: string;
+            export { id_1 as id };
+            const name_1: string;
+            export { name_1 as name };
+        }
+        export { user_1 as user };
+        const user_id_1: string;
+        export { user_id_1 as user_id };
+    }
+    export namespace nick {
+        const banned_2: boolean;
+        export { banned_2 as banned };
+        const channel_role_2: string;
+        export { channel_role_2 as channel_role };
+        const created_at_2: string;
+        export { created_at_2 as created_at };
+        const role_2: string;
+        export { role_2 as role };
+        const shadow_banned_2: boolean;
+        export { shadow_banned_2 as shadow_banned };
+        const updated_at_2: string;
+        export { updated_at_2 as updated_at };
+        export namespace user_2 {
+            const id_2: string;
+            export { id_2 as id };
+            const name_2: string;
+            export { name_2 as name };
+        }
+        export { user_2 as user };
+        const user_id_2: string;
+        export { user_id_2 as user_id };
+    }
+    export namespace okey_1 {
+        const banned_3: boolean;
+        export { banned_3 as banned };
+        const channel_role_3: string;
+        export { channel_role_3 as channel_role };
+        const created_at_3: string;
+        export { created_at_3 as created_at };
+        const role_3: string;
+        export { role_3 as role };
+        const shadow_banned_3: boolean;
+        export { shadow_banned_3 as shadow_banned };
+        const updated_at_3: string;
+        export { updated_at_3 as updated_at };
+        export namespace user_3 {
+            const id_3: string;
+            export { id_3 as id };
+            const name_3: string;
+            export { name_3 as name };
+        }
+        export { user_3 as user };
+        const user_id_3: string;
+        export { user_id_3 as user_id };
+    }
+    export { okey_1 as okey };
+    export namespace qatest1 {
+        const banned_4: boolean;
+        export { banned_4 as banned };
+        const channel_role_4: string;
+        export { channel_role_4 as channel_role };
+        const created_at_4: string;
+        export { created_at_4 as created_at };
+        const role_4: string;
+        export { role_4 as role };
+        const shadow_banned_4: boolean;
+        export { shadow_banned_4 as shadow_banned };
+        const updated_at_4: string;
+        export { updated_at_4 as updated_at };
+        export namespace user_4 {
+            const id_4: string;
+            export { id_4 as id };
+            const name_4: string;
+            export { name_4 as name };
+        }
+        export { user_4 as user };
+        const user_id_4: string;
+        export { user_id_4 as user_id };
+    }
+    export namespace thierry {
+        const banned_5: boolean;
+        export { banned_5 as banned };
+        const channel_role_5: string;
+        export { channel_role_5 as channel_role };
+        const created_at_5: string;
+        export { created_at_5 as created_at };
+        const role_5: string;
+        export { role_5 as role };
+        const shadow_banned_5: boolean;
+        export { shadow_banned_5 as shadow_banned };
+        const updated_at_5: string;
+        export { updated_at_5 as updated_at };
+        export namespace user_5 {
+            const id_5: string;
+            export { id_5 as id };
+            const name_5: string;
+            export { name_5 as name };
+        }
+        export { user_5 as user };
+        const user_id_5: string;
+        export { user_id_5 as user_id };
+    }
+}
+export namespace ONE_MEMBER_WITH_EMPTY_USER_MOCK {
+    export namespace okey_2 {
+        const banned_6: boolean;
+        export { banned_6 as banned };
+        const channel_role_6: string;
+        export { channel_role_6 as channel_role };
+        const created_at_6: string;
+        export { created_at_6 as created_at };
+        const role_6: string;
+        export { role_6 as role };
+        const shadow_banned_6: boolean;
+        export { shadow_banned_6 as shadow_banned };
+        const updated_at_6: string;
+        export { updated_at_6 as updated_at };
+        const user_6: {};
+        export { user_6 as user };
+        const user_id_6: string;
+        export { user_id_6 as user_id };
+    }
+    export { okey_2 as okey };
+}

package/lib/typescript/mock-builders/api/utils.d.ts

@@ -0,0 +1,7 @@
+export function mockedApiResponse(response: any, type?: string, status?: number): {
+    response: {
+        data: any;
+        status: number;
+    };
+    type: string;
+};

package/lib/typescript/mock-builders/generator/user.d.ts

@@ -0,0 +1,30 @@
+export function getUserDefaults(): {
+    banned: boolean;
+    created_at: string;
+    id: any;
+    image: any;
+    name: any;
+    online: boolean;
+    role: string;
+    updated_at: string;
+};
+export function generateUser(options?: {}): {
+    banned: boolean;
+    created_at: string;
+    id: any;
+    image: any;
+    name: any;
+    online: boolean;
+    role: string;
+    updated_at: string;
+};
+export function generateStaticUser(userNumber: any): {
+    banned: boolean;
+    created_at: string;
+    id: any;
+    image: any;
+    name: any;
+    online: boolean;
+    role: string;
+    updated_at: string;
+};

package/lib/typescript/mock-builders/mock.d.ts

@@ -0,0 +1,3 @@
+export function getTestClient(): any;
+export function getTestClientWithUser(user: any): Promise<any>;
+export function getRandomInt(min: any, max: any): any;

package/lib/typescript/native.d.ts

@@ -1,4 +1,5 @@
-import { FlatList as DefaultFlatList } from 'react-native';
+import type React from 'react';
+import { FlatList as DefaultFlatList, StyleProp, ViewStyle } from 'react-native';
 import type { NetInfoSubscription } from '@react-native-community/netinfo';
 import type { Asset, File } from './types/types';
 declare type CompressImage = ({ compressImageQuality, height, uri, width, }: {
@@ -64,6 +65,69 @@ declare type HapticFeedbackMethod = 'impactHeavy' | 'impactLight' | 'impactMediu
 declare type TriggerHaptic = (method: HapticFeedbackMethod) => void | never;
 export declare let triggerHaptic: TriggerHaptic;
 export declare let SDK: string;
+export declare type PlaybackStatus = {
+    didJustFinish: boolean;
+    durationMillis: number;
+    error: string;
+    isBuffering: boolean;
+    isLoaded: boolean;
+    isLooping: boolean;
+    isPlaying: boolean;
+    positionMillis: number;
+};
+export declare type VideoProgressData = {
+    currentTime?: number;
+    playableDuration?: number;
+    seekableDuration?: number;
+};
+export declare type VideoPayloadData = {
+    audioTracks?: {
+        index: number;
+        language: string;
+        title: string;
+        type: string;
+    }[];
+    currentPosition?: number;
+    duration?: number;
+    naturalSize?: {
+        height: number;
+        orientation: 'portrait' | 'landscape';
+        width: number;
+    };
+    textTracks?: {
+        index: number;
+        language: string;
+        title: string;
+        type: string;
+    }[];
+    videoTracks?: {
+        bitrate: number;
+        codecs: string;
+        height: number;
+        trackId: number;
+        width: number;
+    }[];
+};
+export declare type VideoType = {
+    paused: boolean;
+    uri: string;
+    videoRef: React.RefObject<VideoType>;
+    onBuffer?: (props: {
+        isBuffering: boolean;
+    }) => void;
+    onEnd?: () => void;
+    onLoad?: (payload: VideoPayloadData) => void;
+    onLoadStart?: () => void;
+    onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void;
+    onProgress?: (data: VideoProgressData) => void;
+    onReadyForDisplay?: () => void;
+    replayAsync?: () => void;
+    resizeMode?: string;
+    seek?: (progress: number) => void;
+    setPositionAsync?: (position: number) => void;
+    style?: StyleProp<ViewStyle>;
+};
+export declare let Video: React.ComponentType<VideoType>;
 declare type Handlers = {
     compressImage?: CompressImage;
     deleteFile?: DeleteFile;
@@ -77,6 +141,7 @@ declare type Handlers = {
     shareImage?: ShareImage;
     takePhoto?: TakePhoto;
     triggerHaptic?: TriggerHaptic;
+    Video?: React.ComponentType<VideoType>;
 };
 export declare const registerNativeHandlers: (handlers: Handlers) => void;
 export {};