stream-chat-react-native-core 5.0.0-offline-support.12 → 5.0.0

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

@@ -18,7 +18,7 @@ export declare type GridImageItem<StreamChatGenerics extends DefaultStreamChatGe
 export declare type ImageGridType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ImageGalleryGridImageComponents<StreamChatGenerics> & {
     closeGridView: () => void;
     photos: Photo<StreamChatGenerics>[];
-    setImage: React.Dispatch<React.SetStateAction<{
+    setSelectedMessage: React.Dispatch<React.SetStateAction<{
         messageId?: string | undefined;
         url?: string | undefined;
     } | undefined>>;

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

@@ -9,7 +9,7 @@ export declare enum IsSwiping {
     TRUE = 1,
     FALSE = 2
 }
-export declare const useImageGalleryGestures: ({ currentImageHeight, halfScreenHeight, halfScreenWidth, headerFooterVisible, offsetScale, overlayOpacity, photoLength, scale, screenHeight, screenWidth, setSelectedIndex, translateX, translateY, translationX, }: {
+export declare const useImageGalleryGestures: ({ currentImageHeight, halfScreenHeight, halfScreenWidth, headerFooterVisible, offsetScale, overlayOpacity, photoLength, scale, screenHeight, screenWidth, selectedIndex, setSelectedIndex, translateX, translateY, translationX, }: {
     currentImageHeight: number;
     halfScreenHeight: number;
     halfScreenWidth: number;
@@ -20,6 +20,7 @@ export declare const useImageGalleryGestures: ({ currentImageHeight, halfScreenH
     scale: SharedValue<number>;
     screenHeight: number;
     screenWidth: number;
+    selectedIndex: number;
     setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
     translateX: SharedValue<number>;
     translateY: SharedValue<number>;

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

@@ -1,5 +1,5 @@
 import { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
-import type { UserResponse } from 'stream-chat';
+import type { Attachment, UserResponse } from 'stream-chat';
 import { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';
 import { ChatContextValue } from '../../contexts/chatContext/ChatContext';
 import { KeyboardContextValue } from '../../contexts/keyboardContext/KeyboardContext';
@@ -24,12 +24,18 @@ export declare type UrlTouchableHandlerPayload = {
         url?: string;
     };
 };
+export declare type FileAttachmentTouchableHandlerPayload<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    emitter: 'fileAttachment';
+    additionalInfo?: {
+        attachment?: Attachment<StreamChatGenerics>;
+    };
+};
 export declare type TouchableHandlerPayload = {
     defaultHandler?: () => void;
     event?: GestureResponderEvent;
 } & ({
-    emitter?: TouchableEmitter;
-} | TextMentionTouchableHandlerPayload | UrlTouchableHandlerPayload);
+    emitter?: Exclude<TouchableEmitter, 'textMention' | 'textLink' | 'card' | 'fileAttachment'>;
+} | TextMentionTouchableHandlerPayload | UrlTouchableHandlerPayload | FileAttachmentTouchableHandlerPayload);
 export declare type MessageTouchableHandlerPayload<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = TouchableHandlerPayload & {
     actionHandlers?: MessageActionHandlers;
     additionalInfo?: Record<string, unknown>;

package/lib/typescript/components/MessageInput/FileUploadPreview.d.ts

@@ -1,7 +1,7 @@
 import { MessageInputContextValue } from '../../contexts/messageInputContext/MessageInputContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-declare type FileUploadPreviewPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageInputContextValue<StreamChatGenerics>, 'fileUploads' | 'removeFile' | 'uploadFile' | 'setFileUploads' | 'AudioAttachmentUploadPreview'> & Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon'>;
+declare type FileUploadPreviewPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageInputContextValue<StreamChatGenerics>, 'fileUploads' | 'removeFile' | 'uploadFile' | 'setFileUploads'> & Pick<MessagesContextValue<StreamChatGenerics>, 'AudioAttachment' | 'FileAttachmentIcon'>;
 export declare type FileUploadPreviewProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<FileUploadPreviewPropsWithContext<StreamChatGenerics>>;
 /**
  * FileUploadPreview

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

@@ -11,7 +11,7 @@ import { PaginatedMessageListContextValue } from '../../contexts/paginatedMessag
 import { ThreadContextValue } from '../../contexts/threadContext/ThreadContext';
 import { TranslationContextValue } from '../../contexts/translationContext/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-declare type MessageListPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<AttachmentPickerContextValue, 'closePicker' | 'selectedPicker' | 'setSelectedPicker'> & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'disabled' | 'EmptyStateIndicator' | 'hideStickyDateHeader' | 'loadChannelAroundMessage' | 'loading' | 'LoadingIndicator' | 'markRead' | 'NetworkDownIndicator' | 'reloadChannel' | 'scrollToFirstUnreadThreshold' | 'setTargetedMessage' | 'StickyHeader' | 'targetedMessage'> & Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Pick<ImageGalleryContextValue<StreamChatGenerics>, 'setImages'> & Pick<PaginatedMessageListContextValue<StreamChatGenerics>, 'hasNoMoreRecentMessagesToLoad' | 'loadMore' | 'loadMoreRecent'> & Pick<OverlayContextValue, 'overlay'> & Pick<MessagesContextValue<StreamChatGenerics>, 'deletedMessagesVisibilityType' | 'DateHeader' | 'disableTypingIndicator' | 'FlatList' | 'initialScrollToFirstUnreadMessage' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'legacyImageViewerSwipeBehaviour' | 'Message' | 'ScrollToBottomButton' | 'MessageSystem' | 'myMessageTheme' | 'TypingIndicator' | 'TypingIndicatorContainer'> & Pick<ThreadContextValue<StreamChatGenerics>, 'loadMoreThread' | 'thread'> & Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {
+declare type MessageListPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<AttachmentPickerContextValue, 'closePicker' | 'selectedPicker' | 'setSelectedPicker'> & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'disabled' | 'EmptyStateIndicator' | 'hideStickyDateHeader' | 'loadChannelAroundMessage' | 'loading' | 'LoadingIndicator' | 'markRead' | 'NetworkDownIndicator' | 'reloadChannel' | 'scrollToFirstUnreadThreshold' | 'setTargetedMessage' | 'StickyHeader' | 'targetedMessage'> & Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Pick<ImageGalleryContextValue<StreamChatGenerics>, 'setMessages'> & Pick<PaginatedMessageListContextValue<StreamChatGenerics>, 'hasNoMoreRecentMessagesToLoad' | 'loadMore' | 'loadMoreRecent'> & Pick<OverlayContextValue, 'overlay'> & Pick<MessagesContextValue<StreamChatGenerics>, 'deletedMessagesVisibilityType' | 'DateHeader' | 'disableTypingIndicator' | 'FlatList' | 'initialScrollToFirstUnreadMessage' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'legacyImageViewerSwipeBehaviour' | 'Message' | 'ScrollToBottomButton' | 'MessageSystem' | 'myMessageTheme' | 'TypingIndicator' | 'TypingIndicatorContainer'> & Pick<ThreadContextValue<StreamChatGenerics>, 'loadMoreThread' | 'thread'> & Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {
     /**
      * Besides existing (default) UX behavior of underlying FlatList of MessageList component, if you want
      * to attach some additional props to underlying FlatList, you can add it to following prop.

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

@@ -1,5 +1,6 @@
 export * from './Attachment/Attachment';
 export * from './Attachment/AttachmentActions';
+export * from './Attachment/AudioAttachment';
 export * from './Attachment/Card';
 export * from './Attachment/FileAttachment';
 export * from './Attachment/FileAttachmentGroup';
@@ -102,7 +103,6 @@ export * from './MessageInput/AttachButton';
 export * from './MessageInput/CommandsButton';
 export * from './MessageInput/CooldownTimer';
 export * from './MessageInput/FileUploadPreview';
-export * from './MessageInput/AudioAttachmentUploadPreview';
 export * from './MessageInput/ImageUploadPreview';
 export * from './MessageInput/InputButtons';
 export * from './MessageInput/MessageInput';

package/lib/typescript/contexts/imageGalleryContext/ImageGalleryContext.d.ts

@@ -1,19 +1,18 @@
 import React, { PropsWithChildren } from 'react';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+declare type SelectedMessage = {
+    messageId?: string;
+    url?: string;
+};
 export declare type ImageGalleryContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    images: MessageType<StreamChatGenerics>[];
-    setImage: React.Dispatch<React.SetStateAction<{
-        messageId?: string;
-        url?: string;
-    } | undefined>>;
-    setImages: React.Dispatch<React.SetStateAction<MessageType<StreamChatGenerics>[]>>;
-    image?: {
-        messageId?: string;
-        url?: string;
-    };
+    messages: MessageType<StreamChatGenerics>[];
+    setMessages: React.Dispatch<React.SetStateAction<MessageType<StreamChatGenerics>[]>>;
+    setSelectedMessage: React.Dispatch<React.SetStateAction<SelectedMessage | undefined>>;
+    selectedMessage?: SelectedMessage;
 };
 export declare const ImageGalleryContext: React.Context<ImageGalleryContextValue<DefaultStreamChatGenerics>>;
 export declare const ImageGalleryProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, }: PropsWithChildren<UnknownType>) => JSX.Element;
 export declare const useImageGalleryContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => ImageGalleryContextValue<StreamChatGenerics>;
 export declare const withImageGalleryContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>>;
+export {};

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

@@ -100,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" | "alignment" | "files" | "groupStyles" | "message" | "onlyEmojis" | "otherAttachments" | "videos" | "isMyMessage" | "actionsEnabled" | "handleAction" | "handleDeleteMessage" | "handleEditMessage" | "handleQuotedReplyMessage" | "handleResendMessage" | "handleToggleBanUser" | "handleToggleMuteUser" | "handleToggleReaction" | "hasReactions" | "lastGroupMessage" | "messageContentOrder" | "onOpenThread" | "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/messageInputContext/MessageInputContext.d.ts

@@ -2,7 +2,6 @@ import React, { PropsWithChildren } from 'react';
 import type { TextInput, TextInputProps } from 'react-native';
 import { Attachment, SendFileAPIResponse, StreamChat, Message as StreamMessage, UserFilters, UserOptions, UserResponse, UserSort } from 'stream-chat';
 import type { AttachButtonProps } from '../../components/MessageInput/AttachButton';
-import type { AudioAttachmentUploadPreviewProps } from '../../components/MessageInput/AudioAttachmentUploadPreview';
 import type { CommandsButtonProps } from '../../components/MessageInput/CommandsButton';
 import type { InputEditingStateHeaderProps } from '../../components/MessageInput/components/InputEditingStateHeader';
 import type { InputGiphySearchProps } from '../../components/MessageInput/components/InputGiphySearch';
@@ -176,8 +175,6 @@ export declare type InputMessageInputContextValue<StreamChatGenerics extends Def
      * Defaults to and accepts same props as: [AttachButton](https://getstream.io/chat/docs/sdk/reactnative/ui-components/attach-button/)
      */
     AttachButton: React.ComponentType<AttachButtonProps<StreamChatGenerics>>;
-    /** Custom UI component for AudioAttachmentUploadPreview. */
-    AudioAttachmentUploadPreview: React.ComponentType<AudioAttachmentUploadPreviewProps<StreamChatGenerics>>;
     clearEditingState: () => void;
     clearQuotedMessageState: () => void;
     /**
@@ -347,4 +344,4 @@ export declare const useMessageInputContext: <StreamChatGenerics extends Default
  * typing is desired while using the HOC withMessageInputContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessageInputContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "AttachButton" | "AudioAttachmentUploadPreview" | "clearEditingState" | "clearQuotedMessageState" | "CommandsButton" | "CooldownTimer" | "editing" | "editMessage" | "FileUploadPreview" | "hasCommands" | "hasFilePicker" | "hasImagePicker" | "ImageUploadPreview" | "InputEditingStateHeader" | "InputGiphySearch" | "InputReplyStateHeader" | "maxNumberOfFiles" | "MoreOptionsButton" | "numberOfLines" | "quotedMessage" | "SendButton" | "sendImageAsync" | "setQuotedMessageState" | "ShowThreadMessageInChannelButton" | "UploadProgressIndicator" | "additionalTextInputProps" | "autoCompleteSuggestionsLimit" | "autoCompleteTriggerSettings" | "compressImageQuality" | "doDocUploadRequest" | "doImageUploadRequest" | "initialValue" | "Input" | "InputButtons" | "maxMessageLength" | "mentionAllAppUsersEnabled" | "mentionAllAppUsersQuery" | "onChangeText" | "SendMessageDisallowedIndicator" | "setInputRef" | keyof LocalMessageInputContext<StreamChatGenerics>>>;
+export declare const withMessageInputContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "AttachButton" | "clearEditingState" | "clearQuotedMessageState" | "CommandsButton" | "CooldownTimer" | "editing" | "editMessage" | "FileUploadPreview" | "hasCommands" | "hasFilePicker" | "hasImagePicker" | "ImageUploadPreview" | "InputEditingStateHeader" | "InputGiphySearch" | "InputReplyStateHeader" | "maxNumberOfFiles" | "MoreOptionsButton" | "numberOfLines" | "quotedMessage" | "SendButton" | "sendImageAsync" | "setQuotedMessageState" | "ShowThreadMessageInChannelButton" | "UploadProgressIndicator" | "additionalTextInputProps" | "autoCompleteSuggestionsLimit" | "autoCompleteTriggerSettings" | "compressImageQuality" | "doDocUploadRequest" | "doImageUploadRequest" | "initialValue" | "Input" | "InputButtons" | "maxMessageLength" | "mentionAllAppUsersEnabled" | "mentionAllAppUsersQuery" | "onChangeText" | "SendMessageDisallowedIndicator" | "setInputRef" | keyof LocalMessageInputContext<StreamChatGenerics>>>;

package/lib/typescript/contexts/messageInputContext/hooks/useCreateMessageInputContext.d.ts

@@ -1,4 +1,4 @@
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { ThreadContextValue } from '../../threadContext/ThreadContext';
 import type { MessageInputContextValue } from '../MessageInputContext';
-export declare const useCreateMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTextInputProps, appendText, asyncIds, asyncUploads, AttachButton, AudioAttachmentUploadPreview, autoCompleteSuggestionsLimit, clearEditingState, clearQuotedMessageState, closeAttachmentPicker, CommandsButton, compressImageQuality, cooldownEndsAt, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, fileUploads, giphyActive, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, imageUploads, initialValue, Input, inputBoxRef, InputButtons, InputEditingStateHeader, InputGiphySearch, InputReplyStateHeader, isValidMessage, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, mentionedUsers, MoreOptionsButton, numberOfLines, numberOfUploads, onChange, onChangeText, onSelectItem, openAttachmentPicker, openCommandsPicker, openFilePicker, openMentionsPicker, pickFile, quotedMessage, removeFile, removeImage, resetInput, selectedPicker, SendButton, sendImageAsync, sending, sendMessage, sendMessageAsync, SendMessageDisallowedIndicator, sendThreadMessageInChannel, setAsyncIds, setAsyncUploads, setFileUploads, setGiphyActive, setImageUploads, setInputBoxRef, setInputRef, setMentionedUsers, setNumberOfUploads, setQuotedMessageState, setSendThreadMessageInChannel, setShowMoreOptions, setText, showMoreOptions, ShowThreadMessageInChannelButton, text, thread, toggleAttachmentPicker, triggerSettings, updateMessage, uploadFile, uploadImage, uploadNewFile, uploadNewImage, UploadProgressIndicator, }: import("../MessageInputContext").LocalMessageInputContext<StreamChatGenerics> & Omit<import("../MessageInputContext").InputMessageInputContextValue<StreamChatGenerics>, "sendMessage"> & Pick<ThreadContextValue<StreamChatGenerics>, "thread">) => MessageInputContextValue<StreamChatGenerics>;
+export declare const useCreateMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTextInputProps, appendText, asyncIds, asyncUploads, AttachButton, autoCompleteSuggestionsLimit, clearEditingState, clearQuotedMessageState, closeAttachmentPicker, CommandsButton, compressImageQuality, cooldownEndsAt, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, fileUploads, giphyActive, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, imageUploads, initialValue, Input, inputBoxRef, InputButtons, InputEditingStateHeader, InputGiphySearch, InputReplyStateHeader, isValidMessage, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, mentionedUsers, MoreOptionsButton, numberOfLines, numberOfUploads, onChange, onChangeText, onSelectItem, openAttachmentPicker, openCommandsPicker, openFilePicker, openMentionsPicker, pickFile, quotedMessage, removeFile, removeImage, resetInput, selectedPicker, SendButton, sendImageAsync, sending, sendMessage, sendMessageAsync, SendMessageDisallowedIndicator, sendThreadMessageInChannel, setAsyncIds, setAsyncUploads, setFileUploads, setGiphyActive, setImageUploads, setInputBoxRef, setInputRef, setMentionedUsers, setNumberOfUploads, setQuotedMessageState, setSendThreadMessageInChannel, setShowMoreOptions, setText, showMoreOptions, ShowThreadMessageInChannelButton, text, thread, toggleAttachmentPicker, triggerSettings, updateMessage, uploadFile, uploadImage, uploadNewFile, uploadNewImage, UploadProgressIndicator, }: import("../MessageInputContext").LocalMessageInputContext<StreamChatGenerics> & Omit<import("../MessageInputContext").InputMessageInputContextValue<StreamChatGenerics>, "sendMessage"> & Pick<ThreadContextValue<StreamChatGenerics>, "thread">) => MessageInputContextValue<StreamChatGenerics>;

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

@@ -6,6 +6,7 @@ import type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSim
 import type { Attachment, ChannelState, MessageResponse } from 'stream-chat';
 import type { AttachmentProps } from '../../components/Attachment/Attachment';
 import type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';
+import type { AudioAttachmentProps } from '../../components/Attachment/AudioAttachment';
 import type { CardProps } from '../../components/Attachment/Card';
 import type { FileAttachmentProps } from '../../components/Attachment/FileAttachment';
 import type { FileAttachmentGroupProps } from '../../components/Attachment/FileAttachmentGroup';
@@ -55,6 +56,8 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
      * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/AttachmentActions.tsx)
      */
     AttachmentActions: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;
+    /** Custom UI component for AudioAttachment. */
+    AudioAttachment: React.ComponentType<AudioAttachmentProps>;
     /**
      * UI component to display generic media type e.g. giphy, url preview etc
      * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Card.tsx)

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

@@ -243,12 +243,12 @@ export declare type Theme = {
             editingBoxHeaderTitle: TextStyle;
         };
         fileUploadPreview: {
-            audioAttachmentFileContainer: ViewStyle;
-            audioAttachmentUploadPreview: {
+            audioAttachment: {
                 progressControlView: ViewStyle;
                 progressDurationText: TextStyle;
                 roundedView: ViewStyle;
             };
+            audioAttachmentFileContainer: ViewStyle;
             dismiss: ViewStyle;
             fileContainer: ViewStyle;
             fileContentContainer: ViewStyle;

package/lib/typescript/index.d.ts

@@ -17,3 +17,5 @@ export { default as trTranslations } from './i18n/tr.json';
 export { default as heTranslations } from './i18n/he.json';
 export { QuickSqliteClient } from './store/QuickSqliteClient';
 export { version } from './version.json';
+import * as OfflineStoreApis from './store/apis';
+export { OfflineStoreApis };

package/lib/typescript/store/QuickSqliteClient.d.ts

@@ -1,4 +1,8 @@
 import type { PreparedQueries } from './types';
+/**
+ * QuickSqliteClient takes care of any direct interaction with sqlite.
+ * This way usage react-native-quick-sqlite package is scoped to a single class/file.
+ */
 export declare class QuickSqliteClient {
     static dbVersion: number;
     static dbName: string;

package/lib/typescript/store/apis/getChannels.d.ts

@@ -1,7 +1,15 @@
-import type { DefaultStreamChatGenerics } from 'src/types/types';
-import type { ChannelAPIResponse, ChannelFilters, ChannelSort } from 'stream-chat';
-export declare const getChannels: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ currentUserId, filters, sort, }: {
+import type { ChannelAPIResponse } from 'stream-chat';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+/**
+ * Returns the list of channels with state enriched for given channel ids.
+ *
+ * @param {Object} param
+ * @param {Array} param.channelIds List of channel ids to fetch.
+ * @param {Array} param.currentUserId Id of the current logged in user.
+ *
+ * @returns {Array} Channels with enriched state.
+ */
+export declare const getChannels: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channelIds, currentUserId, }: {
+    channelIds: string[];
     currentUserId: string;
-    filters?: ChannelFilters<StreamChatGenerics> | undefined;
-    sort?: ChannelSort<StreamChatGenerics> | undefined;
 }) => Omit<ChannelAPIResponse<StreamChatGenerics>, "duration">[];

package/lib/typescript/store/apis/getChannelsForFilterSort.d.ts

@@ -0,0 +1,17 @@
+import type { DefaultStreamChatGenerics } from 'src/types/types';
+import type { ChannelAPIResponse, ChannelFilters, ChannelSort } from 'stream-chat';
+/**
+ * Gets the channels from database for given filter and sort query.
+ *
+ * @param {Object} param
+ * @param {string} param.currentUserId Id of current logged in user
+ * @param {Object} param.filters Filters for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ * @param {Object} param.sort Sort for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ *
+ * @returns Array of channels corresponding to filters & sort. Returns null if filters + sort query doesn't exist in "channelQueries" table.
+ */
+export declare const getChannelsForFilterSort: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ currentUserId, filters, sort, }: {
+    currentUserId: string;
+    filters?: ChannelFilters<StreamChatGenerics> | undefined;
+    sort?: ChannelSort<StreamChatGenerics> | undefined;
+}) => Omit<ChannelAPIResponse<StreamChatGenerics>, "duration">[] | null;

package/lib/typescript/store/apis/index.d.ts

@@ -0,0 +1,20 @@
+export * from './deleteChannel';
+export * from './deleteMember';
+export * from './deleteMessagesForChannel';
+export * from './deleteReactions';
+export * from './getAllChannelIds';
+export * from './getChannelMessages';
+export * from './getChannels';
+export * from './getChannelsForFilterSort';
+export * from './getLastSyncedAt';
+export * from './getMembers';
+export * from './getReads';
+export * from './updateMessage';
+export * from './updateReaction';
+export * from './upsertChannelData';
+export * from './upsertChannels';
+export * from './upsertCidsForQuery';
+export * from './upsertLastSyncedAt';
+export * from './upsertMembers';
+export * from './upsertMessages';
+export * from './upsertReads';

package/lib/typescript/store/apis/queries/selectChannelIdsForFilterSort.d.ts

@@ -1,6 +1,15 @@
 import type { ChannelFilters, ChannelSort } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
+/**
+ * Gets the channel ids from database for given filter and sort query.
+ *
+ * @param {Object} param
+ * @param {Object} param.filters Filters for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ * @param {Object} param.sort Sort for channels https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=su#query-parameters
+ *
+ * @returns Array of channel ids corresponding to filters & sort. Returns null if filters + sort query doesn't exist in "channelQueries" table.
+ */
 export declare const selectChannelIdsForFilterSort: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ filters, sort, }: {
     filters?: ChannelFilters<StreamChatGenerics> | undefined;
     sort?: ChannelSort<StreamChatGenerics> | undefined;
-}) => string[];
+}) => string[] | null;

package/lib/typescript/{__tests__/utils → test-utils}/BetterSqlite.d.ts

@@ -3,6 +3,6 @@ export class BetterSqlite {
     static closeDB: () => void;
     static getTables: () => any;
     static dropAllTables: () => void;
-    static selectFromTable: (table: any) => any;
+    static selectFromTable: (table: any) => any[];
     db: null;
 }

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": "5.0.0-offline-support.12",
+  "version": "5.0.0",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -78,9 +78,9 @@
     "mime-types": "^2.1.34",
     "path": "0.12.7",
     "react-art": "^17.0.2",
-    "react-native-markdown-package": "1.8.1",
+    "react-native-markdown-package": "1.8.2",
     "react-native-url-polyfill": "^1.3.0",
-    "stream-chat": "7.0.0-offline-support.3"
+    "stream-chat": "7.0.0"
   },
   "peerDependencies": {
     "react-native-svg": "^12.1.0"
@@ -94,6 +94,7 @@
     "@babel/preset-env": "7.13.12",
     "@babel/preset-typescript": "7.13.0",
     "@babel/runtime": "^7.12.5",
+    "@types/better-sqlite3": "^7.6.0",
     "@react-native-community/eslint-config": "2.0.0",
     "@react-native-community/eslint-plugin": "1.1.0",
     "@react-native-community/netinfo": "6.0.0",
@@ -138,7 +139,7 @@
     "react-native-builder-bob": "0.18.1",
     "react-native-fs": "2.18.0",
     "react-native-gesture-handler": "2.3.1",
-    "react-native-quick-sqlite": "^3.1.5",
+    "react-native-quick-sqlite": "^4.0.3",
     "react-native-reanimated": "2.7.0",
     "react-native-svg": "12.1.1",
     "react-native-typescript-transformer": "1.2.13",

package/src/__tests__/offline-feature.test.js

@@ -6,8 +6,6 @@ import { act, cleanup, render, waitFor } from '@testing-library/react-native';
 
 import { v4 as uuidv4 } from 'uuid';
 
-import { BetterSqlite } from './utils/BetterSqlite';
-
 import { ChannelList } from '../components/ChannelList/ChannelList';
 import { Chat } from '../components/Chat/Chat';
 import { useChannelsContext } from '../contexts/channelsContext/ChannelsContext';
@@ -36,6 +34,7 @@ import { generateUser } from '../mock-builders/generator/user';
 import { getTestClientWithUser } from '../mock-builders/mock';
 import { convertFilterSortToQuery } from '../store/apis/utils/convertFilterSortToQuery';
 import { tables } from '../store/schema';
+import { BetterSqlite } from '../test-utils/BetterSqlite';
 
 /**
  * We are gonna use following custom UI components for preview and list.