stream-chat-react 11.20.0 → 12.0.0-rc.1

package/dist/context/ChannelActionContext.js

@@ -1,14 +1,10 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
-export var ChannelActionContext = React.createContext(undefined);
-export var ChannelActionProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(ChannelActionContext.Provider, { value: value }, children));
-};
-export var useChannelActionContext = function (componentName) {
-    var contextValue = useContext(ChannelActionContext);
+export const ChannelActionContext = React.createContext(undefined);
+export const ChannelActionProvider = ({ children, value, }) => (React.createElement(ChannelActionContext.Provider, { value: value }, children));
+export const useChannelActionContext = (componentName) => {
+    const contextValue = useContext(ChannelActionContext);
     if (!contextValue) {
-        console.warn("The useChannelActionContext hook was called outside of the ChannelActionContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useChannelActionContext hook was called outside of the ChannelActionContext 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;
@@ -18,10 +14,10 @@ export var useChannelActionContext = function (componentName) {
  * typing is desired while using the HOC withChannelActionContext, the Props for the
  * wrapped component must be provided as the first generic.
  */
-export var withChannelActionContext = function (Component) {
-    var WithChannelActionContextComponent = function (props) {
-        var channelActionContext = useChannelActionContext();
-        return React.createElement(Component, __assign({}, props, channelActionContext));
+export const withChannelActionContext = (Component) => {
+    const WithChannelActionContextComponent = (props) => {
+        const channelActionContext = useChannelActionContext();
+        return React.createElement(Component, { ...props, ...channelActionContext });
     };
     WithChannelActionContextComponent.displayName = (Component.displayName ||
         Component.name ||

package/dist/context/ChannelListContext.d.ts

@@ -16,8 +16,7 @@ export declare const ChannelListContext: React.Context<ChannelListContextValue<D
 /**
  * Context provider for components rendered within the `ChannelList`
  */
-export declare const ChannelListContextProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+export declare const ChannelListContextProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
     value: ChannelListContextValue<StreamChatGenerics>;
 }>) => React.JSX.Element;
 export declare const useChannelListContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChannelListContextValue<StreamChatGenerics>;
-//# sourceMappingURL=ChannelListContext.d.ts.map

package/dist/context/ChannelListContext.js

@@ -1,16 +1,13 @@
 import React, { createContext, useContext, } from 'react';
-export var ChannelListContext = createContext(undefined);
+export const ChannelListContext = createContext(undefined);
 /**
  * Context provider for components rendered within the `ChannelList`
  */
-export var ChannelListContextProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(ChannelListContext.Provider, { value: value }, children));
-};
-export var useChannelListContext = function (componentName) {
-    var contextValue = useContext(ChannelListContext);
+export const ChannelListContextProvider = ({ children, value, }) => (React.createElement(ChannelListContext.Provider, { value: value }, children));
+export const useChannelListContext = (componentName) => {
+    const contextValue = useContext(ChannelListContext);
     if (!contextValue) {
-        console.warn("The useChannelListContext hook was called outside of the ChannelListContext provider. Make sure this hook is called within the ChannelList component. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useChannelListContext hook was called outside of the ChannelListContext provider. Make sure this hook is called within the ChannelList component. The errored call is located in the ${componentName} component.`);
         return {};
     }
     return contextValue;

package/dist/context/ChannelStateContext.d.ts

@@ -53,7 +53,7 @@ export type ChannelStateContextValue<StreamChatGenerics extends DefaultStreamCha
     watcher_count?: number;
 };
 export declare const ChannelStateContext: React.Context<ChannelStateContextValue<DefaultStreamChatGenerics> | undefined>;
-export declare const ChannelStateProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+export declare const ChannelStateProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
     value: ChannelStateContextValue<StreamChatGenerics>;
 }>) => React.JSX.Element;
 export declare const useChannelStateContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChannelStateContextValue<StreamChatGenerics>;
@@ -63,7 +63,6 @@ export declare const useChannelStateContext: <StreamChatGenerics extends Default
  * wrapped component must be provided as the first generic.
  */
 export declare const withChannelStateContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
-    (props: Omit<P, "loading" | "error" | "read" | "channel" | "members" | "messages" | "watcher_count" | "watchers" | "mutes" | "maxNumberOfFiles" | "thread" | "suppressAutoscroll" | "hasMore" | "hasMoreNewer" | "highlightedMessageId" | "loadingMore" | "loadingMoreNewer" | "pinnedMessages" | "quotedMessage" | "threadHasMore" | "threadLoadingMore" | "threadMessages" | "threadSuppressAutoscroll" | "watcherCount" | "channelConfig" | "notifications" | "channelCapabilities" | "multipleUploads" | "acceptedFiles" | "dragAndDropWindow" | "enrichURLForPreview" | "debounceURLEnrichmentMs" | "findURLFn" | "onLinkPreviewDismissed" | "imageAttachmentSizeHandler" | "shouldGenerateVideoThumbnail" | "videoAttachmentSizeHandler" | "channelUnreadUiState" | "giphyVersion">): React.JSX.Element;
+    (props: Omit<P, keyof ChannelStateContextValue<StreamChatGenerics>>): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=ChannelStateContext.d.ts.map

package/dist/context/ChannelStateContext.js

@@ -1,14 +1,10 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
-export var ChannelStateContext = React.createContext(undefined);
-export var ChannelStateProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(ChannelStateContext.Provider, { value: value }, children));
-};
-export var useChannelStateContext = function (componentName) {
-    var contextValue = useContext(ChannelStateContext);
+export const ChannelStateContext = React.createContext(undefined);
+export const ChannelStateProvider = ({ children, value, }) => (React.createElement(ChannelStateContext.Provider, { value: value }, children));
+export const useChannelStateContext = (componentName) => {
+    const contextValue = useContext(ChannelStateContext);
     if (!contextValue) {
-        console.warn("The useChannelStateContext hook was called outside of the ChannelStateContext provider. Make sure this hook is called within a child of the Channel component. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useChannelStateContext hook was called outside of the ChannelStateContext 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;
@@ -18,10 +14,10 @@ export var useChannelStateContext = function (componentName) {
  * typing is desired while using the HOC withChannelStateContext, the Props for the
  * wrapped component must be provided as the first generic.
  */
-export var withChannelStateContext = function (Component) {
-    var WithChannelStateContextComponent = function (props) {
-        var channelStateContext = useChannelStateContext();
-        return React.createElement(Component, __assign({}, props, channelStateContext));
+export const withChannelStateContext = (Component) => {
+    const WithChannelStateContextComponent = (props) => {
+        const channelStateContext = useChannelStateContext();
+        return React.createElement(Component, { ...props, ...channelStateContext });
     };
     WithChannelStateContextComponent.displayName = (Component.displayName ||
         Component.name ||

package/dist/context/ChatContext.d.ts

@@ -6,7 +6,6 @@ import type { ChannelsQueryState } from '../components/Chat/hooks/useChannelsQue
 type CSSClasses = 'chat' | 'chatContainer' | 'channel' | 'channelList' | 'message' | 'messageList' | 'thread' | 'threadList' | 'virtualMessage' | 'virtualizedMessageList';
 export type CustomClasses = Partial<Record<CSSClasses, string>>;
 type ChannelCID = string;
-export type ThemeVersion = '1' | '2';
 export type ChatContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**
      * Indicates, whether a channels query has been triggered within ChannelList by its channels pagination controller.
@@ -27,10 +26,6 @@ export type ChatContextValue<StreamChatGenerics extends DefaultStreamChatGeneric
         limit?: number;
         offset?: number;
     }, event?: React.BaseSyntheticEvent) => void;
-    /**
-     * Allows to opt out of the use of legacy CSS (version "1") and opt into the use of the latest SDK's CSS (version "2").
-     */
-    themeVersion: ThemeVersion;
     useImageFlagEmojisOnWindows: boolean;
     /**
      * Active channel used to render the contents of the Channel component.
@@ -43,7 +38,7 @@ export type ChatContextValue<StreamChatGenerics extends DefaultStreamChatGeneric
     navOpen?: boolean;
 } & Required<Pick<ChatProps<StreamChatGenerics>, 'theme' | 'client'>>;
 export declare const ChatContext: React.Context<ChatContextValue<DefaultStreamChatGenerics> | undefined>;
-export declare const ChatProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+export declare const ChatProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
     value: ChatContextValue<StreamChatGenerics>;
 }>) => React.JSX.Element;
 export declare const useChatContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChatContextValue<StreamChatGenerics>;
@@ -53,8 +48,7 @@ export declare const useChatContext: <StreamChatGenerics extends DefaultStreamCh
  * wrapped component must be provided as the first generic.
  */
 export declare const withChatContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
-    (props: Omit<P, "client" | "channel" | "mutes" | "navOpen" | "latestMessageDatesByChannels" | "theme" | "channelsQueryState" | "closeMobileNav" | "customClasses" | "getAppSettings" | "openMobileNav" | "setActiveChannel" | "themeVersion" | "useImageFlagEmojisOnWindows">): React.JSX.Element;
+    (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>): React.JSX.Element;
     displayName: string;
 };
 export {};
-//# sourceMappingURL=ChatContext.d.ts.map

package/dist/context/ChatContext.js

@@ -1,15 +1,11 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
 import { getDisplayName } from './utils/getDisplayName';
-export var ChatContext = React.createContext(undefined);
-export var ChatProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(ChatContext.Provider, { value: value }, children));
-};
-export var useChatContext = function (componentName) {
-    var contextValue = useContext(ChatContext);
+export const ChatContext = React.createContext(undefined);
+export const ChatProvider = ({ children, value, }) => (React.createElement(ChatContext.Provider, { value: value }, children));
+export const useChatContext = (componentName) => {
+    const contextValue = useContext(ChatContext);
     if (!contextValue) {
-        console.warn("The useChatContext hook was called outside of the ChatContext provider. Make sure this hook is called within a child of the Chat component. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useChatContext hook was called outside of the ChatContext provider. Make sure this hook is called within a child of the Chat component. The errored call is located in the ${componentName} component.`);
         return {};
     }
     return contextValue;
@@ -19,11 +15,11 @@ export var useChatContext = function (componentName) {
  * typing is desired while using the HOC withChatContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export var withChatContext = function (Component) {
-    var WithChatContextComponent = function (props) {
-        var chatContext = useChatContext();
-        return React.createElement(Component, __assign({}, props, chatContext));
+export const withChatContext = (Component) => {
+    const WithChatContextComponent = (props) => {
+        const chatContext = useChatContext();
+        return React.createElement(Component, { ...props, ...chatContext });
     };
-    WithChatContextComponent.displayName = "WithChatContext".concat(getDisplayName(Component));
+    WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;
     return WithChatContextComponent;
 };

package/dist/context/ComponentContext.d.ts

@@ -22,10 +22,10 @@ import type { ReactionSelectorProps } from '../components/Reactions/ReactionSele
 import type { ReactionsListProps } from '../components/Reactions/ReactionsList';
 import type { SuggestionItemProps, SuggestionListProps } from '../components/ChatAutoComplete/ChatAutoComplete';
 import { UnreadMessagesSeparatorProps } from '../components/MessageList/UnreadMessagesSeparator';
-import type { SuggestionListHeaderProps } from '../components/AutoCompleteTextarea';
 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';
@@ -33,7 +33,6 @@ import type { ReactionOptions } from '../components/Reactions/reactionOptions';
 import type { MessageBouncePromptProps } from '../components/MessageBounce';
 import type { UnreadMessagesNotificationProps } from '../components/MessageList/UnreadMessagesNotification';
 import type { SendButtonProps } from '../components/MessageInput/SendButton';
-import type { RecordingPermissionDeniedNotificationProps } from '../components';
 import type { TimestampProps } from '../components/Message/Timestamp';
 export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = {
     Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
@@ -44,7 +43,6 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     UnreadMessagesSeparator: React.ComponentType<UnreadMessagesSeparatorProps>;
     AttachmentPreviewList?: React.ComponentType<AttachmentPreviewListProps>;
     AudioRecorder?: React.ComponentType;
-    AutocompleteSuggestionHeader?: React.ComponentType<SuggestionListHeaderProps>;
     AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps<StreamChatGenerics>>;
     AutocompleteSuggestionList?: React.ComponentType<SuggestionListProps<StreamChatGenerics>>;
     Avatar?: React.ComponentType<AvatarProps<StreamChatGenerics>>;
@@ -89,7 +87,7 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     VirtualMessage?: React.ComponentType<FixedHeightMessageProps<StreamChatGenerics>>;
 };
 export declare const ComponentContext: React.Context<ComponentContextValue<DefaultStreamChatGenerics, CustomTrigger> | undefined>;
-export declare const ComponentProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>({ children, value, }: React.PropsWithChildren<{
+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>;
@@ -102,4 +100,3 @@ export declare const withComponentContext: <P extends UnknownType, StreamChatGen
     (props: Omit<P, keyof ComponentContextValue<StreamChatGenerics, V>>): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=ComponentContext.d.ts.map

package/dist/context/ComponentContext.js

@@ -1,14 +1,10 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
-export var ComponentContext = React.createContext(undefined);
-export var ComponentProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(ComponentContext.Provider, { value: value }, children));
-};
-export var useComponentContext = function (componentName) {
-    var contextValue = useContext(ComponentContext);
+export const ComponentContext = React.createContext(undefined);
+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 ".concat(componentName, " component."));
+        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;
@@ -18,10 +14,10 @@ export var useComponentContext = function (componentName) {
  * typing is desired while using the HOC withComponentContext, the Props for the
  * wrapped component must be provided as the first generic.
  */
-export var withComponentContext = function (Component) {
-    var WithComponentContextComponent = function (props) {
-        var componentContext = useComponentContext();
-        return React.createElement(Component, __assign({}, props, componentContext));
+export const withComponentContext = (Component) => {
+    const WithComponentContextComponent = (props) => {
+        const componentContext = useComponentContext();
+        return React.createElement(Component, { ...props, ...componentContext });
     };
     WithComponentContextComponent.displayName = (Component.displayName ||
         Component.name ||

package/dist/context/MessageBounceContext.d.ts

@@ -9,4 +9,3 @@ export interface MessageBounceContextValue<StreamChatGenerics extends DefaultStr
 }
 export declare function useMessageBounceContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string): MessageBounceContextValue<DefaultStreamChatGenerics>;
 export declare function MessageBounceProvider<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children }: PropsWithChildrenOnly): React.JSX.Element;
-//# sourceMappingURL=MessageBounceContext.d.ts.map

package/dist/context/MessageBounceContext.js

@@ -2,36 +2,35 @@ import React, { createContext, useCallback, useContext, useMemo } from 'react';
 import { useMessageContext } from './MessageContext';
 import { useChannelActionContext } from './ChannelActionContext';
 import { isMessageBounced } from '../components';
-var MessageBounceContext = createContext(undefined);
+const MessageBounceContext = createContext(undefined);
 export function useMessageBounceContext(componentName) {
-    var contextValue = useContext(MessageBounceContext);
+    const contextValue = useContext(MessageBounceContext);
     if (!contextValue) {
-        console.warn("The useMessageBounceContext hook was called outside of the MessageBounceContext provider. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useMessageBounceContext hook was called outside of the MessageBounceContext provider. The errored call is located in the ${componentName} component.`);
         return {};
     }
     return contextValue;
 }
-export function MessageBounceProvider(_a) {
-    var children = _a.children;
-    var _b = useMessageContext('MessageBounceProvider'), doHandleRetry = _b.handleRetry, message = _b.message, setEditingState = _b.setEditingState;
+export function MessageBounceProvider({ children }) {
+    const { handleRetry: doHandleRetry, message, setEditingState, } = useMessageContext('MessageBounceProvider');
     if (!isMessageBounced(message)) {
-        console.warn("The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the \"isMessageBounced\" check?");
+        console.warn(`The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the "isMessageBounced" check?`);
     }
-    var removeMessage = useChannelActionContext('MessageBounceProvider').removeMessage;
-    var handleDelete = useCallback(function () {
+    const { removeMessage } = useChannelActionContext('MessageBounceProvider');
+    const handleDelete = useCallback(() => {
         removeMessage(message);
     }, [message, removeMessage]);
-    var handleEdit = useCallback(function (e) {
+    const handleEdit = useCallback((e) => {
         setEditingState(e);
     }, [setEditingState]);
-    var handleRetry = useCallback(function () {
+    const handleRetry = useCallback(() => {
         doHandleRetry(message);
     }, [doHandleRetry, message]);
-    var value = useMemo(function () { return ({
-        handleDelete: handleDelete,
-        handleEdit: handleEdit,
-        handleRetry: handleRetry,
-        message: message,
-    }); }, [handleDelete, handleEdit, handleRetry, message]);
+    const value = useMemo(() => ({
+        handleDelete,
+        handleEdit,
+        handleRetry,
+        message,
+    }), [handleDelete, handleEdit, handleRetry, message]);
     return React.createElement(MessageBounceContext.Provider, { value: value }, children);
 }

package/dist/context/MessageContext.d.ts

@@ -120,7 +120,7 @@ export type MessageContextValue<StreamChatGenerics extends DefaultStreamChatGene
     unsafeHTML?: boolean;
 };
 export declare const MessageContext: React.Context<MessageContextValue<DefaultStreamChatGenerics> | undefined>;
-export declare const MessageProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+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>;
@@ -133,4 +133,3 @@ export declare const withMessageContext: <P extends UnknownType, StreamChatGener
     (props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=MessageContext.d.ts.map

package/dist/context/MessageContext.js

@@ -1,14 +1,10 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
-export var MessageContext = React.createContext(undefined);
-export var MessageProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(MessageContext.Provider, { value: value }, children));
-};
-export var useMessageContext = function (componentName) {
-    var contextValue = useContext(MessageContext);
+export const MessageContext = React.createContext(undefined);
+export const MessageProvider = ({ children, value, }) => (React.createElement(MessageContext.Provider, { value: value }, children));
+export const useMessageContext = (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 ".concat(componentName, " component."));
+        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;
@@ -18,10 +14,10 @@ export var useMessageContext = function (componentName) {
  * typing is desired while using the HOC withMessageContext, the Props for the
  * wrapped component must be provided as the first generic.
  */
-export var withMessageContext = function (Component) {
-    var WithMessageContextComponent = function (props) {
-        var messageContext = useMessageContext();
-        return React.createElement(Component, __assign({}, props, messageContext));
+export const withMessageContext = (Component) => {
+    const WithMessageContextComponent = (props) => {
+        const messageContext = useMessageContext();
+        return React.createElement(Component, { ...props, ...messageContext });
     };
     WithMessageContextComponent.displayName = (Component.displayName ||
         Component.name ||

package/dist/context/MessageInputContext.d.ts

@@ -6,7 +6,7 @@ import type { CustomTrigger, DefaultStreamChatGenerics } from '../types/types';
 export type MessageInputContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = MessageInputState<StreamChatGenerics> & MessageInputHookProps<StreamChatGenerics> & Omit<MessageInputProps<StreamChatGenerics, V>, 'Input'> & CooldownTimerState & {
     autocompleteTriggers?: TriggerSettings<StreamChatGenerics, V>;
 } & CommandsListState & MentionsListState;
-export declare const MessageInputContext: React.Context<(MessageInputState<DefaultStreamChatGenerics> & import("../components/MessageInput/hooks/useLinkPreviews").EnrichURLsController & {
+export declare const MessageInputContext: React.Context<(MessageInputState & import("../components/MessageInput/hooks/useLinkPreviews").EnrichURLsController & {
     handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
     handleSubmit: (event?: React.BaseSyntheticEvent<object, any, any> | undefined, customMessageData?: Partial<import("stream-chat").Message<DefaultStreamChatGenerics>> | undefined, options?: import("../types/types").SendMessageOptions | undefined) => void;
     insertText: (textToInsert: string) => void;
@@ -24,10 +24,9 @@ export declare const MessageInputContext: React.Context<(MessageInputState<Defau
     uploadFile: (id: string) => void;
     uploadImage: (id: string) => void;
     uploadNewFiles: (files: FileList | File[]) => void;
-    upsertAttachments: (attachments: (import("../components/MessageInput").LocalAttachment<DefaultStreamChatGenerics> | import("stream-chat").Attachment<DefaultStreamChatGenerics>)[]) => void;
+    upsertAttachments: (attachments: (import("stream-chat").Attachment<DefaultStreamChatGenerics> | import("../components/MessageInput").LocalAttachment<DefaultStreamChatGenerics>)[]) => void;
 }) | undefined>;
-export declare const MessageInputContextProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>({ children, value, }: React.PropsWithChildren<{
+export declare const MessageInputContextProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>({ children, value, }: PropsWithChildren<{
     value: MessageInputContextValue<StreamChatGenerics, V>;
 }>) => React.JSX.Element;
 export declare const useMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(componentName?: string) => MessageInputContextValue<StreamChatGenerics, V>;
-//# sourceMappingURL=MessageInputContext.d.ts.map

package/dist/context/MessageInputContext.js

@@ -1,13 +1,10 @@
 import React, { createContext, useContext } from 'react';
-export var MessageInputContext = createContext(undefined);
-export var MessageInputContextProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(MessageInputContext.Provider, { value: value }, children));
-};
-export var useMessageInputContext = function (componentName) {
-    var contextValue = useContext(MessageInputContext);
+export const MessageInputContext = createContext(undefined);
+export const MessageInputContextProvider = ({ children, value, }) => (React.createElement(MessageInputContext.Provider, { value: value }, children));
+export const useMessageInputContext = (componentName) => {
+    const contextValue = useContext(MessageInputContext);
     if (!contextValue) {
-        console.warn("The useMessageInputContext hook was called outside of the MessageInputContext provider. Make sure this hook is called within the MessageInput's UI component. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useMessageInputContext hook was called outside of the MessageInputContext provider. Make sure this hook is called within the MessageInput's UI component. The errored call is located in the ${componentName} component.`);
         return {};
     }
     return contextValue;

package/dist/context/MessageListContext.d.ts

@@ -9,8 +9,7 @@ export declare const MessageListContext: React.Context<MessageListContextValue |
 /**
  * Context provider for components rendered within the `MessageList`
  */
-export declare const MessageListContextProvider: ({ children, value, }: React.PropsWithChildren<{
+export declare const MessageListContextProvider: ({ children, value, }: PropsWithChildren<{
     value: MessageListContextValue;
 }>) => React.JSX.Element;
 export declare const useMessageListContext: (componentName?: string) => MessageListContextValue;
-//# sourceMappingURL=MessageListContext.d.ts.map

package/dist/context/MessageListContext.js

@@ -1,16 +1,13 @@
 import React, { createContext, useContext } from 'react';
-export var MessageListContext = createContext(undefined);
+export const MessageListContext = createContext(undefined);
 /**
  * Context provider for components rendered within the `MessageList`
  */
-export var MessageListContextProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(MessageListContext.Provider, { value: value }, children));
-};
-export var useMessageListContext = function (componentName) {
-    var contextValue = useContext(MessageListContext);
+export const MessageListContextProvider = ({ children, value, }) => (React.createElement(MessageListContext.Provider, { value: value }, children));
+export const useMessageListContext = (componentName) => {
+    const contextValue = useContext(MessageListContext);
     if (!contextValue) {
-        console.warn("The useMessageListContext hook was called outside of the MessageListContext provider. Make sure this hook is called within the MessageList component. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useMessageListContext hook was called outside of the MessageListContext provider. Make sure this hook is called within the MessageList component. The errored call is located in the ${componentName} component.`);
         return {};
     }
     return contextValue;

package/dist/context/TranslationContext.d.ts

@@ -19,7 +19,7 @@ export type TranslationContextValue = {
 };
 export declare const defaultDateTimeParser: (input?: TDateTimeParserInput) => Dayjs.Dayjs;
 export declare const TranslationContext: React.Context<TranslationContextValue>;
-export declare const TranslationProvider: ({ children, value, }: React.PropsWithChildren<{
+export declare const TranslationProvider: ({ children, value, }: PropsWithChildren<{
     value: TranslationContextValue;
 }>) => React.JSX.Element;
 export declare const useTranslationContext: (componentName?: string) => TranslationContextValue;
@@ -27,4 +27,3 @@ export declare const withTranslationContext: <P extends UnknownType>(Component:
     (props: Omit<P, keyof TranslationContextValue>): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=TranslationContext.d.ts.map

package/dist/context/TranslationContext.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
 import Dayjs from 'dayjs';
 import calendar from 'dayjs/plugin/calendar';
@@ -7,42 +6,33 @@ import { getDisplayName } from './utils/getDisplayName';
 import { defaultTranslatorFunction } from '../i18n';
 Dayjs.extend(calendar);
 Dayjs.extend(localizedFormat);
-export var isLanguageSupported = function (language) {
-    var translations = ['de', 'en', 'es', 'fr', 'hi', 'it', 'ja', 'ko', 'nl', 'pt', 'ru', 'tr'];
-    return translations.some(function (translation) { return language === translation; });
+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 var isDayOrMoment = function (output) {
-    return !!(output === null || output === void 0 ? void 0 : output.isSame);
-};
-export var isDate = function (output) {
-    return !!(output === null || output === void 0 ? void 0 : output.getMonth);
-};
-export var isNumberOrString = function (output) {
-    return typeof output === 'string' || typeof output === 'number';
-};
-export var defaultDateTimeParser = function (input) { return Dayjs(input); };
-export var TranslationContext = React.createContext({
+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,
     userLanguage: 'en',
 });
-export var TranslationProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return (React.createElement(TranslationContext.Provider, { value: value }, children));
-};
-export var useTranslationContext = function (componentName) {
-    var contextValue = useContext(TranslationContext);
+export const TranslationProvider = ({ children, value, }) => (React.createElement(TranslationContext.Provider, { value: value }, children));
+export const useTranslationContext = (componentName) => {
+    const contextValue = useContext(TranslationContext);
     if (!contextValue) {
-        console.warn("The useTranslationContext hook was called outside of the TranslationContext provider. Make sure this hook is called within a child of the Chat component. The errored call is located in the ".concat(componentName, " component."));
+        console.warn(`The useTranslationContext hook was called outside of the TranslationContext provider. Make sure this hook is called within a child of the Chat component. The errored call is located in the ${componentName} component.`);
         return {};
     }
     return contextValue;
 };
-export var withTranslationContext = function (Component) {
-    var WithTranslationContextComponent = function (props) {
-        var translationContext = useTranslationContext();
-        return React.createElement(Component, __assign({}, props, translationContext));
+export const withTranslationContext = (Component) => {
+    const WithTranslationContextComponent = (props) => {
+        const translationContext = useTranslationContext();
+        return React.createElement(Component, { ...props, ...translationContext });
     };
-    WithTranslationContextComponent.displayName = "WithTranslationContext".concat(getDisplayName(Component));
+    WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(Component)}`;
     return WithTranslationContextComponent;
 };

package/dist/context/TypingContext.d.ts

@@ -5,7 +5,7 @@ export type TypingContextValue<StreamChatGenerics extends DefaultStreamChatGener
     typing?: StreamChannelState<StreamChatGenerics>['typing'];
 };
 export declare const TypingContext: React.Context<TypingContextValue<DefaultStreamChatGenerics> | undefined>;
-export declare const TypingProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+export declare const TypingProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
     value: TypingContextValue<StreamChatGenerics>;
 }>) => React.JSX.Element;
 export declare const useTypingContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => TypingContextValue<StreamChatGenerics>;
@@ -15,7 +15,6 @@ export declare const useTypingContext: <StreamChatGenerics extends DefaultStream
  * wrapped component must be provided as the first generic.
  */
 export declare const withTypingContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
-    (props: Omit<P, "typing">): React.JSX.Element;
+    (props: Omit<P, keyof TypingContextValue<StreamChatGenerics>>): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=TypingContext.d.ts.map