stream-chat-react 12.0.0-rc.8 → 12.0.0

package/dist/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ThreadListUnseenThreadsBanner: () => React.JSX.Element | null;

package/dist/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Icon } from '../icons';
+import { useChatContext } from '../../../context';
+import { useStateStore } from '../../../store';
+const selector = (nextValue) => [nextValue.unseenThreadIds];
+export const ThreadListUnseenThreadsBanner = () => {
+    const { client } = useChatContext();
+    const [unseenThreadIds] = useStateStore(client.threads.state, selector);
+    if (!unseenThreadIds.length)
+        return null;
+    return (React.createElement("div", { className: 'str-chat__unseen-threads-banner' },
+        unseenThreadIds.length,
+        " unread threads",
+        React.createElement("button", { className: 'str-chat__unseen-threads-banner__button', onClick: () => client.threads.reload() },
+            React.createElement(Icon.Reload, null))));
+};

package/dist/components/Threads/ThreadList/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ThreadList';
+export * from './ThreadListItem';
+export * from './ThreadListItemUI';

package/dist/components/Threads/ThreadList/index.js

@@ -0,0 +1,3 @@
+export * from './ThreadList';
+export * from './ThreadListItem';
+export * from './ThreadListItemUI';

package/dist/components/Threads/UnreadCountBadge.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+export declare const UnreadCountBadge: ({ children, count, position, }: PropsWithChildren<{
+    count: number;
+    position?: 'top-right' | 'bottom-right' | 'bottom-left' | 'top-left';
+}>) => React.JSX.Element;

package/dist/components/Threads/UnreadCountBadge.js

@@ -0,0 +1,5 @@
+import clsx from 'clsx';
+import React from 'react';
+export const UnreadCountBadge = ({ children, count, position, }) => (React.createElement("div", { className: 'str-chat__unread-count-badge-container' },
+    children,
+    count > 0 && (React.createElement("div", { className: clsx('str-chat__unread-count-badge', position && `str-chat__unread-count-badge--${position}`) }, count))));

package/dist/components/Threads/hooks/useThreadManagerState.d.ts

@@ -0,0 +1,2 @@
+import { ThreadManagerState } from 'stream-chat';
+export declare const useThreadManagerState: <T extends readonly unknown[]>(selector: (nextValue: ThreadManagerState) => T) => T;

package/dist/components/Threads/hooks/useThreadManagerState.js

@@ -0,0 +1,6 @@
+import { useChatContext } from 'context';
+import { useStateStore } from '../../../store';
+export const useThreadManagerState = (selector) => {
+    const { client } = useChatContext();
+    return useStateStore(client.threads.state, selector);
+};

package/dist/components/Threads/hooks/useThreadState.d.ts

@@ -0,0 +1,5 @@
+import { ThreadState } from 'stream-chat';
+/**
+ * @description returns thread state, prioritizes `ThreadListItemContext` falls back to `ThreadContext` if not former is not present
+ */
+export declare const useThreadState: <T extends readonly unknown[]>(selector: (nextValue: ThreadState) => T) => T | undefined;

package/dist/components/Threads/hooks/useThreadState.js

@@ -0,0 +1,11 @@
+import { useThreadListItemContext } from '../ThreadList';
+import { useThreadContext } from '../ThreadContext';
+import { useStateStore } from '../../../store/';
+/**
+ * @description returns thread state, prioritizes `ThreadListItemContext` falls back to `ThreadContext` if not former is not present
+ */
+export const useThreadState = (selector) => {
+    const listItemThread = useThreadListItemContext();
+    const thread = useThreadContext();
+    return useStateStore(listItemThread?.state ?? thread?.state, selector);
+};

package/dist/components/Threads/icons.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+export declare const Icon: {
+    MessageBubble: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+    MessageBubbleEmpty: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+    Reload: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+    User: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+};

package/dist/components/Threads/icons.js

@@ -0,0 +1,13 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+// TODO: unify icons across SDK
+export const Icon = {
+    MessageBubble: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--message-bubble', fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg', ...props },
+        React.createElement("path", { d: 'M1.66659 1.66665H12.3333V9.66665H2.44659L1.66659 10.4466V1.66665ZM1.66659 0.333313C0.933252 0.333313 0.339919 0.933313 0.339919 1.66665L0.333252 13.6666L2.99992 11H12.3333C13.0666 11 13.6666 10.4 13.6666 9.66665V1.66665C13.6666 0.933313 13.0666 0.333313 12.3333 0.333313H1.66659ZM2.99992 6.99998H10.9999V8.33331H2.99992V6.99998ZM2.99992 4.99998H10.9999V6.33331H2.99992V4.99998ZM2.99992 2.99998H10.9999V4.33331H2.99992V2.99998Z', fill: 'currentColor' }))),
+    MessageBubbleEmpty: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--message-bubble-empty', fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg', ...props },
+        React.createElement("path", { d: 'M18 0H2C0.9 0 0 0.9 0 2V20L4 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM18 14H4L2 16V2H18V14Z', fill: 'currentColor' }))),
+    Reload: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--reload', fill: 'none', height: '22', viewBox: '0 0 16 22', width: '16', xmlns: 'http://www.w3.org/2000/svg', ...props },
+        React.createElement("path", { d: 'M8 3V0L4 4L8 8V5C11.31 5 14 7.69 14 11C14 12.01 13.75 12.97 13.3 13.8L14.76 15.26C15.54 14.03 16 12.57 16 11C16 6.58 12.42 3 8 3ZM8 17C4.69 17 2 14.31 2 11C2 9.99 2.25 9.03 2.7 8.2L1.24 6.74C0.46 7.97 0 9.43 0 11C0 15.42 3.58 19 8 19V22L12 18L8 14V17Z', fill: 'currentColor' }))),
+    User: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--user', fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg', ...props },
+        React.createElement("path", { d: 'M8 2C9.1 2 10 2.9 10 4C10 5.1 9.1 6 8 6C6.9 6 6 5.1 6 4C6 2.9 6.9 2 8 2ZM8 12C10.7 12 13.8 13.29 14 14H2C2.23 13.28 5.31 12 8 12ZM8 0C5.79 0 4 1.79 4 4C4 6.21 5.79 8 8 8C10.21 8 12 6.21 12 4C12 1.79 10.21 0 8 0ZM8 10C5.33 10 0 11.34 0 14V16H16V14C16 11.34 10.67 10 8 10Z', fill: 'currentColor' }))),
+};

package/dist/components/Threads/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThreadContext';
+export * from './ThreadList';

package/dist/components/Threads/index.js

@@ -0,0 +1,2 @@
+export * from './ThreadContext';
+export * from './ThreadList';

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './Chat';
 export * from './ChatAutoComplete';
 export * from './CommandItem';
 export * from './DateSeparator';
+export * from './Dialog';
 export * from './EmoticonItem';
 export * from './EmptyStateIndicator';
 export * from './EventComponent';
@@ -31,5 +32,7 @@ export * from './Tooltip';
 export * from './TypingIndicator';
 export * from './UserItem';
 export * from './Window';
+export * from './Threads';
+export * from './ChatView';
 export { UploadButton } from './ReactFileUtilities';
 export type { UploadButtonProps } from './ReactFileUtilities';

package/dist/components/index.js

@@ -10,6 +10,7 @@ export * from './Chat';
 export * from './ChatAutoComplete';
 export * from './CommandItem';
 export * from './DateSeparator';
+export * from './Dialog';
 export * from './EmoticonItem';
 export * from './EmptyStateIndicator';
 export * from './EventComponent';
@@ -31,4 +32,6 @@ export * from './Tooltip';
 export * from './TypingIndicator';
 export * from './UserItem';
 export * from './Window';
+export * from './Threads';
+export * from './ChatView';
 export { UploadButton } from './ReactFileUtilities';

package/dist/context/ComponentContext.d.ts

@@ -1,46 +1,11 @@
 import React, { PropsWithChildren } from 'react';
-import type { AttachmentProps } from '../components/Attachment/Attachment';
-import type { AvatarProps } from '../components/Avatar/Avatar';
-import type { DateSeparatorProps } from '../components/DateSeparator/DateSeparator';
-import type { EmptyStateIndicatorProps } from '../components/EmptyStateIndicator/EmptyStateIndicator';
-import type { EventComponentProps } from '../components/EventComponent/EventComponent';
-import type { LoadingIndicatorProps } from '../components/Loading/LoadingIndicator';
-import type { FixedHeightMessageProps } from '../components/Message/FixedHeightMessage';
-import type { MessageProps, MessageUIComponentProps, PinIndicatorProps } from '../components/Message/types';
-import type { MessageDeletedProps } from '../components/Message/MessageDeleted';
-import type { GiphyPreviewMessageProps } from '../components/MessageList/GiphyPreviewMessage';
-import type { MessageListNotificationsProps } from '../components/MessageList/MessageListNotifications';
-import type { MessageNotificationProps } from '../components/MessageList/MessageNotification';
-import type { MessageOptionsProps } from '../components/Message/MessageOptions';
-import type { EmojiSearchIndex, MessageInputProps } from '../components/MessageInput/MessageInput';
-import type { QuotedMessagePreviewProps } from '../components/MessageInput/QuotedMessagePreview';
-import type { MessageRepliesCountButtonProps } from '../components/Message/MessageRepliesCountButton';
-import type { MessageStatusProps } from '../components/Message/MessageStatus';
-import type { MessageTimestampProps } from '../components/Message/MessageTimestamp';
-import type { ModalGalleryProps } from '../components/Gallery/ModalGallery';
-import type { ReactionSelectorProps } from '../components/Reactions/ReactionSelector';
-import type { ReactionsListProps } from '../components/Reactions/ReactionsList';
-import type { SuggestionItemProps, SuggestionListProps } from '../components/ChatAutoComplete/ChatAutoComplete';
-import { UnreadMessagesSeparatorProps } from '../components/MessageList/UnreadMessagesSeparator';
-import type { ThreadHeaderProps } from '../components/Thread/ThreadHeader';
-import type { TypingIndicatorProps } from '../components/TypingIndicator/TypingIndicator';
-import type { CustomTrigger, DefaultStreamChatGenerics, UnknownType } from '../types/types';
-import type { RecordingPermissionDeniedNotificationProps } from '../components';
 import { BaseImageProps, CooldownTimerProps, CustomMessageActionsListProps, StartRecordingAudioButtonProps } from '../components';
-import type { AttachmentPreviewListProps } from '../components/MessageInput';
-import type { LinkPreviewListProps } from '../components/MessageInput/LinkPreviewList';
-import type { ReactionOptions } from '../components/Reactions/reactionOptions';
+import type { AttachmentPreviewListProps, AttachmentProps, AvatarProps, DateSeparatorProps, EmojiSearchIndex, EmptyStateIndicatorProps, EventComponentProps, FixedHeightMessageProps, GiphyPreviewMessageProps, LinkPreviewListProps, LoadingIndicatorProps, MessageDeletedProps, MessageInputProps, MessageListNotificationsProps, MessageNotificationProps, MessageOptionsProps, MessageProps, MessageRepliesCountButtonProps, MessageStatusProps, MessageTimestampProps, MessageUIComponentProps, ModalGalleryProps, PinIndicatorProps, QuotedMessagePreviewProps, ReactionOptions, ReactionSelectorProps, ReactionsListProps, RecordingPermissionDeniedNotificationProps, SendButtonProps, SuggestionItemProps, SuggestionListProps, ThreadHeaderProps, ThreadListItemProps, ThreadListItemUIProps, TypingIndicatorProps, UnreadMessagesNotificationProps, UnreadMessagesSeparatorProps } from '../components';
 import type { MessageBouncePromptProps } from '../components/MessageBounce';
-import type { UnreadMessagesNotificationProps } from '../components/MessageList/UnreadMessagesNotification';
-import type { SendButtonProps } from '../components/MessageInput/SendButton';
 import type { TimestampProps } from '../components/Message/Timestamp';
+import type { CustomTrigger, DefaultStreamChatGenerics, UnknownType } from '../types/types';
 export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = {
-    Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
-    DateSeparator: React.ComponentType<DateSeparatorProps>;
-    Message: React.ComponentType<MessageUIComponentProps<StreamChatGenerics>>;
-    MessageSystem: React.ComponentType<EventComponentProps<StreamChatGenerics>>;
-    reactionOptions: ReactionOptions;
-    UnreadMessagesSeparator: React.ComponentType<UnreadMessagesSeparatorProps>;
+    Attachment?: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
     AttachmentPreviewList?: React.ComponentType<AttachmentPreviewListProps>;
     AudioRecorder?: React.ComponentType;
     AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps<StreamChatGenerics>>;
@@ -49,6 +14,7 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     BaseImage?: React.ComponentType<BaseImageProps>;
     CooldownTimer?: React.ComponentType<CooldownTimerProps>;
     CustomMessageActionsList?: React.ComponentType<CustomMessageActionsListProps<StreamChatGenerics>>;
+    DateSeparator?: React.ComponentType<DateSeparatorProps>;
     EditMessageInput?: React.ComponentType<MessageInputProps<StreamChatGenerics>>;
     EmojiPicker?: React.ComponentType;
     emojiSearchIndex?: EmojiSearchIndex;
@@ -59,6 +25,7 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     Input?: React.ComponentType<MessageInputProps<StreamChatGenerics, V>>;
     LinkPreviewList?: React.ComponentType<LinkPreviewListProps>;
     LoadingIndicator?: React.ComponentType<LoadingIndicatorProps>;
+    Message?: React.ComponentType<MessageUIComponentProps<StreamChatGenerics>>;
     MessageBouncePrompt?: React.ComponentType<MessageBouncePromptProps>;
     MessageDeleted?: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;
     MessageListNotifications?: React.ComponentType<MessageListNotificationsProps>;
@@ -66,11 +33,13 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     MessageOptions?: React.ComponentType<MessageOptionsProps<StreamChatGenerics>>;
     MessageRepliesCountButton?: React.ComponentType<MessageRepliesCountButtonProps>;
     MessageStatus?: React.ComponentType<MessageStatusProps>;
+    MessageSystem?: React.ComponentType<EventComponentProps<StreamChatGenerics>>;
     MessageTimestamp?: React.ComponentType<MessageTimestampProps<StreamChatGenerics>>;
     ModalGallery?: React.ComponentType<ModalGalleryProps>;
     PinIndicator?: React.ComponentType<PinIndicatorProps<StreamChatGenerics>>;
     QuotedMessage?: React.ComponentType;
     QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps<StreamChatGenerics>>;
+    reactionOptions?: ReactionOptions;
     ReactionSelector?: React.ForwardRefExoticComponent<ReactionSelectorProps<StreamChatGenerics>>;
     ReactionsList?: React.ComponentType<ReactionsListProps<StreamChatGenerics>>;
     RecordingPermissionDeniedNotification?: React.ComponentType<RecordingPermissionDeniedNotificationProps>;
@@ -79,18 +48,24 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     ThreadHead?: React.ComponentType<MessageProps<StreamChatGenerics>>;
     ThreadHeader?: React.ComponentType<ThreadHeaderProps<StreamChatGenerics>>;
     ThreadInput?: React.ComponentType<MessageInputProps<StreamChatGenerics, V>>;
+    ThreadListEmptyPlaceholder?: React.ComponentType;
+    ThreadListItem?: React.ComponentType<ThreadListItemProps>;
+    ThreadListItemUI?: React.ComponentType<ThreadListItemUIProps>;
+    ThreadListLoadingIndicator?: React.ComponentType;
+    ThreadListUnseenThreadsBanner?: React.ComponentType;
     ThreadStart?: React.ComponentType;
     Timestamp?: React.ComponentType<TimestampProps>;
     TriggerProvider?: React.ComponentType;
     TypingIndicator?: React.ComponentType<TypingIndicatorProps>;
     UnreadMessagesNotification?: React.ComponentType<UnreadMessagesNotificationProps>;
+    UnreadMessagesSeparator?: React.ComponentType<UnreadMessagesSeparatorProps>;
     VirtualMessage?: React.ComponentType<FixedHeightMessageProps<StreamChatGenerics>>;
 };
-export declare const ComponentContext: React.Context<ComponentContextValue<DefaultStreamChatGenerics, CustomTrigger> | undefined>;
+export declare const ComponentContext: React.Context<ComponentContextValue<DefaultStreamChatGenerics, CustomTrigger>>;
 export declare const ComponentProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>({ children, value, }: PropsWithChildren<{
     value: Partial<ComponentContextValue<StreamChatGenerics, V>>;
 }>) => React.JSX.Element;
-export declare const useComponentContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(componentName?: string) => ComponentContextValue<StreamChatGenerics, V>;
+export declare const useComponentContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(_componentName?: string) => ComponentContextValue<StreamChatGenerics, V>;
 /**
  * Typescript currently does not support partial inference, so if ComponentContext
  * typing is desired while using the HOC withComponentContext, the Props for the

package/dist/context/ComponentContext.js

@@ -1,14 +1,12 @@
 import React, { useContext } from 'react';
-export const ComponentContext = React.createContext(undefined);
+export const ComponentContext = React.createContext({});
 export const ComponentProvider = ({ children, value, }) => (React.createElement(ComponentContext.Provider, { value: value }, children));
-export const useComponentContext = (componentName) => {
-    const contextValue = useContext(ComponentContext);
-    if (!contextValue) {
-        console.warn(`The useComponentContext hook was called outside of the ComponentContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ${componentName} component.`);
-        return {};
-    }
-    return contextValue;
-};
+export const useComponentContext = (
+/**
+ * @deprecated
+ */
+// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+_componentName) => useContext(ComponentContext);
 /**
  * Typescript currently does not support partial inference, so if ComponentContext
  * typing is desired while using the HOC withComponentContext, the Props for the

package/dist/context/DialogManagerContext.d.ts

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren } from 'react';
+import { DialogManager } from '../components/Dialog/DialogManager';
+type DialogManagerProviderContextValue = {
+    dialogManager: DialogManager;
+};
+export declare const DialogManagerProvider: ({ children, id }: PropsWithChildren<{
+    id?: string;
+}>) => React.JSX.Element;
+export declare const useDialogManager: () => DialogManagerProviderContextValue;
+export {};

package/dist/context/DialogManagerContext.js

@@ -0,0 +1,14 @@
+import React, { useContext, useState } from 'react';
+import { DialogManager } from '../components/Dialog/DialogManager';
+import { DialogPortalDestination } from '../components/Dialog/DialogPortal';
+const DialogManagerProviderContext = React.createContext(undefined);
+export const DialogManagerProvider = ({ children, id }) => {
+    const [dialogManager] = useState(() => new DialogManager({ id }));
+    return (React.createElement(DialogManagerProviderContext.Provider, { value: { dialogManager } },
+        children,
+        React.createElement(DialogPortalDestination, null)));
+};
+export const useDialogManager = () => {
+    const value = useContext(DialogManagerProviderContext);
+    return value;
+};

package/dist/context/MessageContext.d.ts

@@ -50,10 +50,6 @@ export type MessageContextValue<StreamChatGenerics extends DefaultStreamChatGene
     handleRetry: ChannelActionContextValue<StreamChatGenerics>['retrySendMessage'];
     /** Function that returns whether the Message belongs to the current user */
     isMyMessage: () => boolean;
-    /** @deprecated will be removed in the next major release.
-     *  Whether sending reactions is enabled for the active channel.
-     */
-    isReactionEnabled: boolean;
     /** The message object */
     message: StreamMessage<StreamChatGenerics>;
     /** Indicates whether a message has not been read yet or has been marked unread */
@@ -62,22 +58,18 @@ export type MessageContextValue<StreamChatGenerics extends DefaultStreamChatGene
     onMentionsClickMessage: ReactEventHandler;
     /** Handler function for a hover event on an @mention in Message */
     onMentionsHoverMessage: ReactEventHandler;
-    /** Handler function for a click event on the reaction list */
-    onReactionListClick: ReactEventHandler;
     /** Handler function for a click event on the user that posted the Message */
     onUserClick: ReactEventHandler;
     /** Handler function for a hover event on the user that posted the Message */
     onUserHover: ReactEventHandler;
-    /** Ref to be placed on the reaction selector component */
-    reactionSelectorRef: React.MutableRefObject<HTMLDivElement | null>;
     /** Function to toggle the edit state on a Message */
     setEditingState: ReactEventHandler;
-    /** Whether or not to show reaction list details */
-    showDetailedReactions: boolean;
     /** Additional props for underlying MessageInput component, [available props](https://getstream.io/chat/docs/sdk/react/message-input-components/message_input/#props) */
     additionalMessageInputProps?: MessageInputProps<StreamChatGenerics>;
     /** Call this function to keep message list scrolled to the bottom when the scroll height increases, e.g. an element appears below the last message (only used in the `VirtualizedMessageList`) */
     autoscrollToBottom?: () => void;
+    /** Message component configuration prop. If true, picking a reaction from the `ReactionSelector` component will close the selector */
+    closeReactionSelectorOnClick?: boolean;
     /** Object containing custom message actions and function handlers */
     customMessageActions?: CustomMessageActions<StreamChatGenerics>;
     /** If true, the message is the last one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */
@@ -123,7 +115,7 @@ export declare const MessageContext: React.Context<MessageContextValue<DefaultSt
 export declare const MessageProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
     value: MessageContextValue<StreamChatGenerics>;
 }>) => React.JSX.Element;
-export declare const useMessageContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => MessageContextValue<StreamChatGenerics>;
+export declare const useMessageContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(_componentName?: string) => MessageContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference, so if MessageContext
  * typing is desired while using the HOC withMessageContext, the Props for the

package/dist/context/MessageContext.js

@@ -1,10 +1,11 @@
 import React, { useContext } from 'react';
 export const MessageContext = React.createContext(undefined);
 export const MessageProvider = ({ children, value, }) => (React.createElement(MessageContext.Provider, { value: value }, children));
-export const useMessageContext = (componentName) => {
+export const useMessageContext = (
+// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+_componentName) => {
     const contextValue = useContext(MessageContext);
     if (!contextValue) {
-        console.warn(`The useMessageContext hook was called outside of the MessageContext provider. Make sure this hook is called within the Message's UI component. The errored call is located in the ${componentName} component.`);
         return {};
     }
     return contextValue;

package/dist/context/TranslationContext.d.ts

@@ -1,23 +1,13 @@
 import React, { PropsWithChildren } from 'react';
-import Dayjs from 'dayjs';
 import type { TFunction } from 'i18next';
-import type { Moment } from 'moment-timezone';
 import type { TranslationLanguages } from 'stream-chat';
 import type { UnknownType } from '../types/types';
-export type SupportedTranslations = 'de' | 'en' | 'es' | 'fr' | 'hi' | 'it' | 'ja' | 'ko' | 'nl' | 'pt' | 'ru' | 'tr';
-export declare const isLanguageSupported: (language: string) => language is SupportedTranslations;
-export declare const isDayOrMoment: (output: TDateTimeParserOutput) => output is Dayjs.Dayjs | Moment;
-export declare const isDate: (output: TDateTimeParserOutput) => output is Date;
-export declare const isNumberOrString: (output: TDateTimeParserOutput) => output is string | number;
-export type TDateTimeParserInput = string | number | Date;
-export type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;
-export type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;
+import type { TDateTimeParser } from '../i18n/types';
 export type TranslationContextValue = {
     t: TFunction;
     tDateTimeParser: TDateTimeParser;
     userLanguage: TranslationLanguages;
 };
-export declare const defaultDateTimeParser: (input?: TDateTimeParserInput) => Dayjs.Dayjs;
 export declare const TranslationContext: React.Context<TranslationContextValue>;
 export declare const TranslationProvider: ({ children, value, }: PropsWithChildren<{
     value: TranslationContextValue;

package/dist/context/TranslationContext.js

@@ -3,17 +3,9 @@ import Dayjs from 'dayjs';
 import calendar from 'dayjs/plugin/calendar';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
 import { getDisplayName } from './utils/getDisplayName';
-import { defaultTranslatorFunction } from '../i18n';
+import { defaultDateTimeParser, defaultTranslatorFunction } from '../i18n/utils';
 Dayjs.extend(calendar);
 Dayjs.extend(localizedFormat);
-export const isLanguageSupported = (language) => {
-    const translations = ['de', 'en', 'es', 'fr', 'hi', 'it', 'ja', 'ko', 'nl', 'pt', 'ru', 'tr'];
-    return translations.some((translation) => language === translation);
-};
-export const isDayOrMoment = (output) => !!output?.isSame;
-export const isDate = (output) => !!output?.getMonth;
-export const isNumberOrString = (output) => typeof output === 'string' || typeof output === 'number';
-export const defaultDateTimeParser = (input) => Dayjs(input);
 export const TranslationContext = React.createContext({
     t: defaultTranslatorFunction,
     tDateTimeParser: defaultDateTimeParser,

package/dist/context/WithComponents.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from 'react';
+import { ComponentContextValue } from './ComponentContext';
+export declare function WithComponents({ children, overrides, }: PropsWithChildren<{
+    overrides: Partial<ComponentContextValue>;
+}>): React.JSX.Element;

package/dist/context/WithComponents.js

@@ -0,0 +1,7 @@
+import React, { useContext } from 'react';
+import { ComponentContext } from './ComponentContext';
+export function WithComponents({ children, overrides, }) {
+    const parentOverrides = useContext(ComponentContext);
+    const actualOverrides = { ...parentOverrides, ...overrides };
+    return React.createElement(ComponentContext.Provider, { value: actualOverrides }, children);
+}

package/dist/context/index.d.ts

@@ -3,9 +3,11 @@ export * from './ChannelListContext';
 export * from './ChannelStateContext';
 export * from './ChatContext';
 export * from './ComponentContext';
+export * from './DialogManagerContext';
 export * from './MessageContext';
 export * from './MessageBounceContext';
 export * from './MessageInputContext';
 export * from './MessageListContext';
 export * from './TranslationContext';
 export * from './TypingContext';
+export * from './WithComponents';

package/dist/context/index.js

@@ -3,9 +3,11 @@ export * from './ChannelListContext';
 export * from './ChannelStateContext';
 export * from './ChatContext';
 export * from './ComponentContext';
+export * from './DialogManagerContext';
 export * from './MessageContext';
 export * from './MessageBounceContext';
 export * from './MessageInputContext';
 export * from './MessageListContext';
 export * from './TranslationContext';
 export * from './TypingContext';
+export * from './WithComponents';