stream-chat-react 14.12.0 → 15.0.0-rc.1

package/dist/es/context/ComponentContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentContext.mjs","names":[],"sources":["../../../src/context/ComponentContext.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\nimport type { UserResponse } from 'stream-chat';\n\nimport {\n  type AttachmentPreviewListProps,\n  type AttachmentProps,\n  type AvatarStackProps,\n  type BaseImageProps,\n  type CalloutDialogProps,\n  type ChannelAvatarProps,\n  type ChannelListItemUIProps,\n  type ChannelListUIProps,\n  type ContextMenuContentProps,\n  type ContextMenuProps,\n  type DateSeparatorProps,\n  type EmojiSearchIndex,\n  type EmptyStateIndicatorProps,\n  type EventComponentProps,\n  type FileDragAndDropContentProps,\n  type GalleryProps,\n  type GiphyPreviewMessageProps,\n  type ImagePlaceholderProps,\n  type LoadingErrorIndicatorProps,\n  type LoadingIndicatorProps,\n  type MessageBouncePromptProps,\n  type MessageComposerProps,\n  type MessageDeletedProps,\n  type MessageEditedIndicatorProps,\n  type MessageProps,\n  type MessageReactionsDetailProps,\n  type MessageReactionsProps,\n  type MessageRepliesCountButtonProps,\n  type MessageStatusProps,\n  type MessageTimestampProps,\n  type MessageUIComponentProps,\n  type ModalGalleryProps,\n  type ModalProps,\n  type NewMessageNotificationProps,\n  type NotificationListProps,\n  type NotificationProps,\n  type PinIndicatorProps,\n  type PollCreationDialogProps,\n  type PollOptionSelectorProps,\n  type QuotedMessagePreviewProps,\n  type ReactionOptions,\n  type ReactionSelector,\n  type ReactionSelectorProps,\n  type RecordingPermissionDeniedNotificationProps,\n  type ReminderNotificationProps,\n  type ScrollToLatestMessageButtonProps,\n  type SearchResultsPresearchProps,\n  type SearchSourceResultListProps,\n  type SendButtonProps,\n  type ShareLocationDialogProps,\n  type StartRecordingAudioButtonProps,\n  type StreamedMessageTextProps,\n  type TextareaComposerProps,\n  type ThreadHeaderProps,\n  type ThreadListItemProps,\n  type ThreadListItemUIProps,\n  type TimestampProps,\n  type TranslationIndicatorProps,\n  type TypingIndicatorProps,\n  type UnreadMessagesNotificationProps,\n  type UnreadMessagesSeparatorProps,\n  type VoiceRecordingPreviewSlotProps,\n} from '../components';\n\nimport type {\n  SuggestionItemProps,\n  SuggestionListProps,\n} from '../components/TextareaComposer';\n\nimport type { IconSlots } from '../components/Icons';\nimport type { PropsWithChildrenOnly } from '../types/types';\nimport type { StopAIGenerationButtonProps } from '../components/MessageComposer/StopAIGenerationButton';\nimport type { VideoPlayerProps } from '../components/VideoPlayer';\nimport type { EditedMessagePreviewProps } from '../components/MessageComposer/EditedMessagePreview';\nimport type { FileIconProps } from '../components/FileIcon/FileIcon';\nimport type { AttachmentUploadProgressIndicatorProps } from '../components/Attachment/components/AttachmentUploadProgressIndicator';\nimport type { FileSizeIndicatorProps } from '../components/Attachment/components/FileSizeIndicator';\nimport type { CommandChipProps } from '../components/MessageComposer/CommandChip';\nimport type { ProgressIndicatorProps } from '../components/Loading/progress-indicators';\nimport type { UploadedSizeIndicatorProps } from '../components/Loading/UploadedSizeIndicator';\nimport type { NotificationAnnouncerProps } from '../components/Accessibility';\n\nexport type ComponentContextValue = {\n  /** Custom UI component to display additional message composer action buttons left to the textarea, defaults to and accepts same props as: [AdditionalMessageComposerActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/MessageComposerActions.tsx) */\n  AdditionalMessageComposerActions?: React.ComponentType;\n  /** Custom UI component to display a message attachment, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Attachment.tsx) */\n  Attachment?: React.ComponentType<AttachmentProps>;\n  /** Custom UI component for the file type icon shown on file attachments (e.g. PDF, doc). Accepts same props as [FileIcon](https://github.com/GetStream/stream-chat-react/blob/master/src/components/FileIcon/FileIcon.tsx) (e.g. mimeType, size, sizeConfig). Use this to override dimensions or provide a custom icon. */\n  AttachmentFileIcon?: React.ComponentType<FileIconProps>;\n  /** Custom UI component rendering the progress of an attachment whose upload is still in flight, defaults to and accepts same props as: [AttachmentUploadProgressIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/components/AttachmentUploadProgressIndicator.tsx) */\n  AttachmentUploadProgressIndicator?: React.ComponentType<AttachmentUploadProgressIndicatorProps>;\n  /** Custom UI component to display an attachment previews in MessageComposer, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentPreviewList.tsx) */\n  AttachmentPreviewList?: React.ComponentType<AttachmentPreviewListProps>;\n  /** Custom UI component to control adding attachments to MessageComposer, defaults to and accepts same props as: [AttachmentSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentSelector.tsx) */\n  AttachmentSelector?: React.ComponentType;\n  /** Custom UI component for the dedicated voice recording preview slot above composer attachments (REACT-794), defaults to and accepts same props as: [VoiceRecordingPreviewSlot](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentPreviewList/VoiceRecordingPreviewSlot.tsx) */\n  VoiceRecordingPreviewSlot?: React.ComponentType<VoiceRecordingPreviewSlotProps>;\n  /** Custom UI component for contents of attachment selector initiation button */\n  AttachmentSelectorInitiationButtonContents?: React.ComponentType;\n  /** Custom UI component to display AudioRecorder in MessageComposer, defaults to and accepts same props as: [AudioRecorder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AudioRecorder.tsx) */\n  AudioRecorder?: React.ComponentType;\n  /** Optional UI component to override the default suggestion Item component, defaults to and accepts same props as: [Item](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Item.js) */\n  AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps>;\n  /** Optional UI component to override the default List component that displays suggestions, defaults to and accepts same props as: [List](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/List.js) */\n  AutocompleteSuggestionList?: React.ComponentType<SuggestionListProps>;\n  extractDisplayInfo?: (_: {\n    user?: Partial<UserResponse>;\n  }) => NonNullable<AvatarStackProps['displayInfo']>[number];\n  /** Overrides for icons rendered across the SDK. Individual keys are deep-merged with parent overrides via `WithComponents`, so a consumer can rebrand a single icon without wiping out the others. Preferred over component-level icon props (which are `@deprecated`). */\n  icons?: IconSlots;\n  /** UI component to display a user's avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */\n  Avatar?: React.ComponentType<ChannelAvatarProps>;\n  /** UI component to display a list of avatars stacked in a row, defaults to and accepts same props as: [AvatarStack](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/AvatarStack.tsx) */\n  AvatarStack?: React.ComponentType<AvatarStackProps>;\n  /** Custom UI component to display <img/> elements resp. a fallback in case of load error, defaults to and accepts same props as: [BaseImage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/BaseImage/BaseImage.tsx) */\n  BaseImage?: React.ComponentType<BaseImageProps>;\n  /** Custom UI component to display the contents of callout dialog, accepts same props as: [DefaultCalloutDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/base/Callout.tsx) */\n  CalloutDialog?: React.ComponentType<CalloutDialogProps>;\n  /** Custom UI component shown instead of the image when it fails to load, defaults to and accepts same props as: [ImagePlaceholder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/BaseImage/ImagePlaceholder.tsx) */\n  ImagePlaceholder?: React.ComponentType<ImagePlaceholderProps>;\n  /** Custom UI component to display the header of the `ChannelList`, defaults to and accepts same props as: [ChannelListHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListHeader.tsx) */\n  ChannelListHeader?: React.ComponentType;\n  /** Custom UI component to display the container for the queried channels, defaults to and accepts same props as: [ChannelListUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListUI.tsx) */\n  ChannelListUI?: React.ComponentType<ChannelListUIProps>;\n  /** Custom UI component to display set of action buttons within `ChannelListItemUI` component, accepts same props as: [ChannelListItemActionButtons](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListItemActionButtons.tsx) */\n  ChannelListItemActionButtons?: React.ComponentType;\n  /** Custom UI component to display the channel preview in the list, defaults to and accepts same props as: [ChannelListItemUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelPreview/ChannelListItemUI.tsx) */\n  ChannelListItemUI?: React.ComponentType<ChannelListItemUIProps>;\n  /** Custom UI component to display command chip, defaults to and accepts same props as: [CommandChip](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/CommandChip.tsx) */\n  CommandChip?: React.ComponentType<CommandChipProps>;\n  /** Custom component for rendering context menus, defaults to and accepts same props as: [ContextMenu](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/components/ContextMenu.tsx). The default is behavior-aware (not purely presentational) and solves: stable anchoring/placement updates against the reference element, submenu stack navigation (open/return), coordinated dismissal (Escape, overlay click, controlled close), focus management for anchored menus, and transition state reset between openings so animations stay consistent. */\n  ContextMenu?: React.ComponentType<ContextMenuProps>;\n  /** Custom UI component for rendering context menu content (used by ContextMenu), defaults to and accepts same props as: [ContextMenuContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/components/ContextMenu.tsx). */\n  ContextMenuContent?: React.ComponentType<ContextMenuContentProps>;\n  /** Custom UI component to display the slow mode cooldown timer, defaults to and accepts same props as: [CooldownTimer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/CooldownTimer.tsx) */\n  CooldownTimer?: React.ComponentType;\n  /** Custom UI component for date separators, defaults to and accepts same props as: [DateSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/DateSeparator.tsx) */\n  DateSeparator?: React.ComponentType<DateSeparatorProps>;\n  /** Custom UI component to display the contents on file drag-and-drop overlay, defaults to and accepts same props as: [FileDragAndDropContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/WithDragAndDropUpload.tsx) */\n  FileDragAndDropContent?: React.ComponentType<FileDragAndDropContentProps>;\n  /** Custom UI component to display a formatted file byte size (message attachments, upload previews), defaults to and accepts same props as: [FileSizeIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/components/FileSizeIndicator.tsx) */\n  FileSizeIndicator?: React.ComponentType<FileSizeIndicatorProps>;\n  /** Custom UI component to override default preview of edited message, defaults to and accepts same props as: [EditedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/EditedMessagePreview.tsx) */\n  EditedMessagePreview?: React.ComponentType<EditedMessagePreviewProps>;\n  /** Custom UI component for rendering button with emoji picker in MessageComposer */\n  EmojiPicker?: React.ComponentType;\n  /** Mechanism to be used with autocomplete and text replace features of the `MessageComposer` component, see [emoji-mart `SearchIndex`](https://github.com/missive/emoji-mart#%EF%B8%8F%EF%B8%8F-headless-search) */\n  emojiSearchIndex?: EmojiSearchIndex;\n  /** Custom UI component to be displayed when the `MessageList` is empty, defaults to and accepts same props as: [EmptyStateIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EmptyStateIndicator/EmptyStateIndicator.tsx)  */\n  EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;\n  /** Custom component that provides gallery state (current index, navigation) via GalleryContext and renders GalleryUI. Override this to control the gallery's data/navigation logic. Defaults to and accepts same props as: [Gallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/Gallery.tsx) */\n  Gallery?: React.ComponentType<GalleryProps>;\n  /** Custom UI component to render the gallery's visual interface (slides, navigation buttons, header). Override this to change the gallery's appearance without altering navigation logic. Defaults to and accepts same props as: [GalleryUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/GalleryUI.tsx) */\n  GalleryUI?: React.ComponentType;\n  /** Custom UI component to render a Giphy preview in the `VirtualizedMessageList` */\n  GiphyPreviewMessage?: React.ComponentType<GiphyPreviewMessageProps>;\n  /** Custom UI component to render at the top of the `MessageList` */\n  HeaderComponent?: React.ComponentType;\n  /** Custom UI component handling how the message composer is rendered, defaults to and accepts the same props as [MessageComposerUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/MessageComposerUI.tsx) */\n  MessageComposerUI?: React.ComponentType<MessageComposerProps>;\n  /** Custom component to render link previews in message composer **/\n  LinkPreviewList?: React.ComponentType;\n  /** Custom UI component to be shown if the channel query fails, defaults to and accepts same props as: [LoadingErrorIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingErrorIndicator.tsx) */\n  LoadingErrorIndicator?: React.ComponentType<LoadingErrorIndicatorProps>;\n  /** Custom UI component to render while the `MessageList` is loading new messages, defaults to and accepts same props as: [LoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingIndicator.tsx) */\n  LoadingIndicator?: React.ComponentType<LoadingIndicatorProps>;\n  /** Custom UI component for determinate progress (0–100), defaults to and accepts same props as: [ProgressIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/progress-indicators.tsx) */\n  ProgressIndicator?: React.ComponentType<ProgressIndicatorProps>;\n  /** Custom UI component to display a message in the standard `MessageList`, defaults to and accepts the same props as: [MessageUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageUI.tsx) */\n  MessageUI?: React.ComponentType<MessageUIComponentProps>;\n  /** Custom UI component to display a message in the standard `MessageList`, defaults to and accepts the same props as: [MessageUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageUI.tsx)\n   * @deprecated use `MessageUI` instead\n   */\n  Message?: React.ComponentType<MessageUIComponentProps>;\n  /** Custom UI component for message actions popup, accepts no props, all the defaults are set within [MessageActions (unstable)](https://github.com/GetStream/stream-chat-react/blob/master/src/experimental/MessageActions/MessageActions.tsx) */\n  MessageActions?: React.ComponentType;\n  /** Custom UI component to display the contents of a bounced message modal. Usually it allows to retry, edit, or delete the message. Defaults to and accepts the same props as: [MessageBouncePrompt](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageBounce/MessageBouncePrompt.tsx) */\n  MessageBouncePrompt?: React.ComponentType<MessageBouncePromptProps>;\n  /** Custom UI component for a moderation-blocked message, defaults to and accepts same props as: [MessageBlocked](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageBlocked.tsx) */\n  MessageBlocked?: React.ComponentType;\n  /** Custom UI component for a deleted message. Has no default component */\n  MessageDeleted?: React.ComponentType<MessageDeletedProps>;\n  /** Custom UI component for a message bubble of a deleted message, defaults to and accepts same props as: [MessageDeletedBubble](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageDeletedBubble.tsx) */\n  MessageDeletedBubble?: React.ComponentType;\n  MessageListMainPanel?: React.ComponentType<PropsWithChildrenOnly>;\n  /** Custom UI component to render a single notification item in NotificationList, defaults to and accepts same props as: [Notification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Notifications/Notification.tsx) */\n  Notification?: React.ForwardRefExoticComponent<\n    NotificationProps & React.RefAttributes<HTMLDivElement>\n  >;\n  /** Custom UI component to render screen-reader notification announcements, defaults to and accepts same props as: [NotificationAnnouncer](https://github.com/GetStream/stream-chat-react/blob/master/src/a11y/NotificationAnnouncer.tsx) */\n  NotificationAnnouncer?: React.ComponentType<NotificationAnnouncerProps>;\n  /** Custom UI component to display notifications rendered by `NotificationList`, defaults to and accepts same props as: [NotificationList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Notifications/NotificationList.tsx) */\n  NotificationList?: React.ComponentType<NotificationListProps>;\n  /** Custom UI component to display a notification when scrolled up the list and new messages arrive, defaults to and accepts same props as [NewMessageNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/NewMessageNotification.tsx) */\n  NewMessageNotification?: React.ComponentType<NewMessageNotificationProps>;\n  /** Custom UI component to display the scroll-to-latest-message button in a `MessageList`, defaults to and accepts same props as: [ScrollToLatestMessageButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/ScrollToLatestMessageButton.tsx) */\n  ScrollToLatestMessageButton?: React.ComponentType<ScrollToLatestMessageButtonProps>;\n  /** Custom UI component to display message replies, defaults to and accepts same props as: [MessageRepliesCountButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageRepliesCountButton.tsx) */\n  MessageRepliesCountButton?: React.ComponentType<MessageRepliesCountButtonProps>;\n  /** Custom UI component to display message delivery status, defaults to and accepts same props as: [MessageStatus](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageStatus.tsx) */\n  MessageStatus?: React.ComponentType<MessageStatusProps>;\n  /** Custom UI component to display system messages, defaults to and accepts same props as: [EventComponent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EventComponent/EventComponent.tsx) */\n  MessageSystem?: React.ComponentType<EventComponentProps>;\n  /** Custom UI component to display a timestamp on a message, defaults to and accepts same props as: [MessageTimestamp](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageTimestamp.tsx) */\n  MessageTimestamp?: React.ComponentType<MessageTimestampProps>;\n  /** Custom UI component for viewing content in a modal, defaults to and accepts the same props as [Modal](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Modal/Modal.tsx) */\n  Modal?: React.ComponentType<ModalProps>;\n  /** Custom UI component for viewing message's image attachments with option to expand into the Gallery on Modal, defaults to and accepts the same props as [ModalGallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/ModalGallery.tsx) */\n  ModalGallery?: React.ComponentType<ModalGalleryProps>;\n  /** Custom UI component to show \"Also sent in channel\" in thread message lists when message.show_in_channel is true, defaults to and accepts same props as: [MessageAlsoSentInChannelIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageAlsoSentInChannelIndicator.tsx) */\n  MessageAlsoSentInChannelIndicator?: React.ComponentType;\n  /** Custom UI component to override default pinned message indicator, defaults to and accepts same props as: [PinIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/PinIndicator.tsx) */\n  PinIndicator?: React.ComponentType<PinIndicatorProps>;\n  /** Custom UI component to override default poll actions rendering in a message, defaults to and accepts same props as: [PollActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollActions/PollActions.tsx) */\n  PollActions?: React.ComponentType;\n  /** Custom UI component to override default poll rendering in a message, defaults to and accepts same props as: [PollContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollContent.tsx) */\n  PollContent?: React.ComponentType;\n  /** Custom UI component to override default poll creation dialog contents, defaults to and accepts same props as: [PollCreationDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx) */\n  PollCreationDialog?: React.ComponentType<PollCreationDialogProps>;\n  /** Custom UI component to override default poll header in a message, defaults to and accepts same props as: [PollHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollHeader.tsx) */\n  PollHeader?: React.ComponentType;\n  /** Custom UI component to override default poll option selector, defaults to and accepts same props as: [PollOptionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollOptionSelector.tsx) */\n  PollOptionSelector?: React.ComponentType<PollOptionSelectorProps>;\n  /** Custom UI component to override quoted message UI on a sent message, defaults to and accepts same props as: [QuotedMessage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/QuotedMessage.tsx) */\n  QuotedMessage?: React.ComponentType;\n  /** Custom UI component to override the message input's quoted message preview, defaults to and accepts same props as: [QuotedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/QuotedMessagePreview.tsx) */\n  QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps>;\n  /** Custom reaction options to be applied to ReactionSelector, ReactionList and SimpleReactionList components */\n  reactionOptions?: ReactionOptions;\n  /** Custom UI component to display the reaction selector, defaults to and accepts same props as: [ReactionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionSelector.tsx) */\n  ReactionSelector?: React.ForwardRefExoticComponent<ReactionSelectorProps>;\n  ReactionSelectorExtendedList?: React.ComponentType<\n    ComponentProps<(typeof ReactionSelector)['ExtendedList']>\n  >;\n  /** Custom UI component to display the list of reactions on a message, defaults to and accepts same props as: [MessageReactions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/MessageReactions.tsx) */\n  MessageReactions?: React.ComponentType<MessageReactionsProps>;\n  /** Custom UI component to display the reactions modal, defaults to and accepts same props as: [MessageReactionsDetail](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/MessageReactionsDetail.tsx) */\n  MessageReactionsDetail?: React.ComponentType<MessageReactionsDetailProps>;\n  RecordingPermissionDeniedNotification?: React.ComponentType<RecordingPermissionDeniedNotificationProps>;\n  /** Custom UI component to display the message reminder information in the Message UI, defaults to and accepts same props as: [ReminderNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/ReminderNotification.tsx) */\n  ReminderNotification?: React.ComponentType<ReminderNotificationProps>;\n  /** Custom UI component to display the message translation indicator when message has i18n, defaults to and accepts same props as: [MessageTranslationIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/TranslationIndicator.tsx) */\n  MessageTranslationIndicator?: React.ComponentType<TranslationIndicatorProps>;\n  /** Custom UI component to display the edited indicator and tooltip when a message has been edited, defaults to and accepts same props as: [MessageEditedIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageEditedIndicator.tsx) */\n  MessageEditedIndicator?: React.ComponentType<MessageEditedIndicatorProps>;\n  /** Custom component to display the search UI, defaults to and accepts same props as: [Search](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/Search.tsx) */\n  Search?: React.ComponentType;\n  /** Custom component to display the UI where the searched string is entered, defaults to and accepts same props as: [SearchBar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchBar/SearchBar.tsx) */\n  SearchBar?: React.ComponentType;\n  /** Custom component for the search UI dedicated to display the results area, defaults to and accepts same props as: [SearchResults](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchResults.tsx) */\n  SearchResults?: React.ComponentType;\n  /** Custom UI component to display header of search results pane, defaults to and accepts same props as: [SearchResultsHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchResultsHeader.tsx) */\n  SearchResultsHeader?: React.ComponentType;\n  /** Custom component to display search results pane before emitting the first search query for a given source, defaults to and accepts same props as: [SearchResultsPresearch](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsPresearch.tsx) */\n  SearchResultsPresearch?: React.ComponentType<SearchResultsPresearchProps>;\n  /** Custom component to display the search source items results, defaults to and accepts same props as: [SearchSourceResultList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultList.tsx) */\n  SearchSourceResultList?: React.ComponentType<SearchSourceResultListProps>;\n  /** Custom component to indicate the end of the last page for a searched source, defaults to and accepts same props as: [SearchSourceResultListFooter](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultListFooter.tsx) */\n  SearchSourceResultListFooter?: React.ComponentType;\n  /** Custom UI component to display search results items for a given search source pane, defaults to and accepts same props as: [SearchSourceResults](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SourceSearchResults.tsx) */\n  SearchSourceResults?: React.ComponentType;\n  /** Custom component to display the search source results UI with 0 items found, defaults to and accepts same props as: [SearchSourceResultsEmpty](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsEmpty.tsx) */\n  SearchSourceResultsEmpty?: React.ComponentType;\n  /** Custom component to display the header content for a given search source results, no default component is provided. */\n  SearchSourceResultsHeader?: React.ComponentType;\n  /** Custom component to display the search source results UI during the search query execution, defaults to and accepts same props as: [SearchSourceResultsLoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsLoadingIndicator.tsx) */\n  SearchSourceResultsLoadingIndicator?: React.ComponentType;\n  /** Custom UI component for send button, defaults to and accepts same props as: [SendButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/icons.tsx) */\n  SendButton?: React.ComponentType<SendButtonProps>;\n  /** Custom UI component checkbox that indicates message to be sent to main channel, defaults to and accepts same props as: [SendToChannelCheckbox](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/SendToChannelCheckbox.tsx) */\n  SendToChannelCheckbox?: React.ComponentType;\n  /** Custom UI component to render the location sharing dialog, defaults to and accepts same props as: [ShareLocationDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Location/ShareLocationDialog.tsx) */\n  ShareLocationDialog?: React.ComponentType<ShareLocationDialogProps>;\n  /** Custom UI component button for initiating audio recording, defaults to and accepts same props as: [StartRecordingAudioButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MediaRecorder/AudioRecorder/AudioRecordingButtons.tsx) */\n  StartRecordingAudioButton?: React.ComponentType<StartRecordingAudioButtonProps>;\n  StopAIGenerationButton?: React.ComponentType<StopAIGenerationButtonProps> | null;\n  StreamedMessageText?: React.ComponentType<StreamedMessageTextProps>;\n  /** Custom UI component to handle message text input, defaults to and accepts same props as [TextareaComposer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/TextareaComposer/TextareaComposer.tsx) */\n  TextareaComposer?: React.ComponentType<TextareaComposerProps>;\n  /** Custom UI component that displays thread's parent or other message at the top of the `MessageList`, defaults to and accepts same props as [MessageUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageUI.tsx) */\n  ThreadHead?: React.ComponentType<MessageProps>;\n  /** Custom UI component to display the header of a `Thread`, defaults to and accepts same props as: [DefaultThreadHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Thread/Thread.tsx) */\n  ThreadHeader?: React.ComponentType<ThreadHeaderProps>;\n  ThreadListEmptyPlaceholder?: React.ComponentType;\n  ThreadListItem?: React.ComponentType<ThreadListItemProps>;\n  ThreadListItemUI?: React.ComponentType<ThreadListItemUIProps>;\n  ThreadListLoadingIndicator?: React.ComponentType;\n  ThreadListUnseenThreadsBanner?: React.ComponentType;\n  /** Custom UI component to display the start of a threaded `MessageList`, defaults to and accepts same props as: [DefaultThreadStart](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Thread/Thread.tsx) */\n  ThreadStart?: React.ComponentType;\n  /** Custom UI component to display a date used in timestamps. It's used internally by the default `MessageTimestamp`, and to display a timestamp for edited messages. */\n  Timestamp?: React.ComponentType<TimestampProps>;\n  /** Custom UI component for the typing indicator, defaults to and accepts same props as: [TypingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/TypingIndicator/TypingIndicator.tsx) */\n  TypingIndicator?: React.ComponentType<TypingIndicatorProps>;\n  /** Custom UI component that indicates a user is viewing unread messages. It disappears once the user scrolls to UnreadMessagesSeparator. Defaults to and accepts same props as: [UnreadMessagesNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/UnreadMessagesNotification.tsx) */\n  UnreadMessagesNotification?: React.ComponentType<UnreadMessagesNotificationProps>;\n  /** Custom UI component rendered at the end of sidebar headers (ChannelListHeader, ThreadListHeader). No default — if omitted, the slot is empty. */\n  HeaderEndContent?: React.ComponentType;\n  /** Custom UI component rendered at the start of content headers (ChannelHeader, ThreadHeader). No default — if omitted, the slot is empty. */\n  HeaderStartContent?: React.ComponentType;\n  /** Custom UI component that separates read messages from unread, defaults to and accepts same props as: [UnreadMessagesSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/UnreadMessagesSeparator.tsx) */\n  UnreadMessagesSeparator?: React.ComponentType<UnreadMessagesSeparatorProps>;\n  /** Custom UI component for uploaded vs total byte size during attachment upload (MessageComposer previews), defaults to and accepts same props as: [UploadedSizeIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/UploadedSizeIndicator.tsx) */\n  UploadedSizeIndicator?: React.ComponentType<UploadedSizeIndicatorProps>;\n  /** Component used to play video. If not provided, ReactPlayer is used as a default video player. */\n  VideoPlayer?: React.ComponentType<VideoPlayerProps>;\n  /** Custom UI component to display a message in the `VirtualizedMessageList`, does not have a default implementation */\n  VirtualMessage?: React.ComponentType<MessageUIComponentProps>;\n  /** Custom UI component to wrap MessageList children. Default is the `ul` tag */\n  MessageListWrapper?: React.ComponentType<PropsWithChildren>;\n  /** Custom UI component to wrap each element of MessageList. Default is the `li` tag */\n  MessageListItem?: React.ComponentType<PropsWithChildren>;\n};\n\nexport const ComponentContext = React.createContext<ComponentContextValue>({});\n\nexport const ComponentProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: Partial<ComponentContextValue>;\n}>) => (\n  <ComponentContext.Provider value={value as unknown as ComponentContextValue}>\n    {children}\n  </ComponentContext.Provider>\n);\n\nexport const useComponentContext = (\n  /**\n   * @deprecated\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  _componentName?: string,\n) => useContext(ComponentContext) as unknown as ComponentContextValue;\n"],"mappings":";;;AA+TA,IAAa,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AAE7E,IAAa,qBAAqB,EAChC,UACA,YAIA,oBAAC,iBAAiB,UAAlB;CAAkC;CAC/B;AACwB,CAAA;AAG7B,IAAa,uBAKX,mBACG,WAAW,gBAAgB"}
+{"version":3,"file":"ComponentContext.mjs","names":[],"sources":["../../../src/context/ComponentContext.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType, PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\nimport type { UserResponse } from 'stream-chat';\n\nimport {\n  type AttachmentPreviewListProps,\n  type AttachmentProps,\n  type AvatarStackProps,\n  type BaseImageProps,\n  type CalloutDialogProps,\n  type ChannelAvatarProps,\n  type ChannelListItemUIProps,\n  type ContextMenuContentProps,\n  type ContextMenuProps,\n  type DateSeparatorProps,\n  type EmojiSearchIndex,\n  type EmptyStateIndicatorProps,\n  type EventComponentProps,\n  type FileDragAndDropContentProps,\n  type GalleryProps,\n  type GiphyPreviewMessageProps,\n  type ImagePlaceholderProps,\n  type LoadingErrorIndicatorProps,\n  type LoadingIndicatorProps,\n  type MessageBouncePromptProps,\n  type MessageComposerProps,\n  type MessageDeletedProps,\n  type MessageEditedIndicatorProps,\n  type MessageProps,\n  type MessageReactionsDetailProps,\n  type MessageReactionsProps,\n  type MessageRepliesCountButtonProps,\n  type MessageStatusProps,\n  type MessageTimestampProps,\n  type MessageUIComponentProps,\n  type ModalGalleryProps,\n  type ModalProps,\n  type NewMessageNotificationProps,\n  type NotificationListProps,\n  type NotificationProps,\n  type PinIndicatorProps,\n  type PollCreationDialogProps,\n  type PollOptionSelectorProps,\n  type QuotedMessagePreviewProps,\n  type ReactionOptions,\n  type ReactionSelector,\n  type ReactionSelectorProps,\n  type RecordingPermissionDeniedNotificationProps,\n  type ReminderNotificationProps,\n  type ScrollToLatestMessageButtonProps,\n  type SearchResultsPresearchProps,\n  type SearchSourceResultListProps,\n  type SendButtonProps,\n  type ShareLocationDialogProps,\n  type StartRecordingAudioButtonProps,\n  type StreamedMessageTextProps,\n  type TextareaComposerProps,\n  type ThreadListItemProps,\n  type ThreadListItemUIProps,\n  type TimestampProps,\n  type TranslationIndicatorProps,\n  type UnreadMessagesNotificationProps,\n  type UnreadMessagesSeparatorProps,\n  type VoiceRecordingPreviewSlotProps,\n} from '../components';\n\nimport type {\n  SuggestionItemProps,\n  SuggestionListProps,\n} from '../components/TextareaComposer';\n\nimport type { PropsWithChildrenOnly } from '../types/types';\nimport type { StopAIGenerationButtonProps } from '../components/MessageComposer/StopAIGenerationButton';\nimport type { VideoPlayerProps } from '../components/VideoPlayer';\nimport type { EditedMessagePreviewProps } from '../components/MessageComposer/EditedMessagePreview';\nimport type { FileIconProps } from '../components/FileIcon/FileIcon';\nimport type { FileSizeIndicatorProps } from '../components/Attachment/components/FileSizeIndicator';\nimport type { CommandChipProps } from '../components/MessageComposer/CommandChip';\nimport type { ProgressIndicatorProps } from '../components/Loading/progress-indicators';\nimport type { UploadedSizeIndicatorProps } from '../components/Loading/UploadedSizeIndicator';\nimport type { NotificationAnnouncerProps } from '../components/Accessibility';\nimport type { SummarizedMessagePreviewProps } from '../components/SummarizedMessagePreview';\nimport type { TypingIndicatorProps } from '../components/TypingIndicator';\nimport type { AttachmentUploadProgressIndicatorProps } from '../components/Attachment/components/AttachmentUploadProgressIndicator';\nimport type { IconSlots } from '../components/Icons/slots';\n\nexport type ComponentContextValue = {\n  /** Custom UI component rendering the progress of an attachment whose upload is still in flight, defaults to and accepts same props as: [AttachmentUploadProgressIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/components/AttachmentUploadProgressIndicator.tsx) */\n  AttachmentUploadProgressIndicator?: React.ComponentType<AttachmentUploadProgressIndicatorProps>;\n  /** Custom UI component rendered when a paginated list (e.g. the channel list) is empty. */\n  EmptyListIndicator?: React.ComponentType;\n  /** Custom UI component rendered at the top/bottom edge of a paginated list. */\n  EndReachedIndicator?: React.ComponentType<{\n    hasEnded: boolean;\n    reached: 'top' | 'bottom';\n  }>;\n  /** Custom UI component rendered while a paginated list loads its first page. */\n  FirstPageLoadingIndicator?: React.ComponentType;\n  /** Custom UI component rendered per item of a paginated list. */\n  ListItem?: ComponentType<{ item: unknown }>;\n  /** Custom UI component rendered while a paginated list loads its next page. */\n  LoadingNextPageIndicator?: React.ComponentType<{ isLoading?: boolean }>;\n  /** Custom UI component to display additional message composer action buttons left to the textarea, defaults to and accepts same props as: [AdditionalMessageComposerActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/MessageComposerActions.tsx) */\n  AdditionalMessageComposerActions?: React.ComponentType;\n  /** Custom UI component to display a message attachment, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Attachment.tsx) */\n  Attachment?: React.ComponentType<AttachmentProps>;\n  /** Custom UI component for the file type icon shown on file attachments (e.g. PDF, doc). Accepts same props as [FileIcon](https://github.com/GetStream/stream-chat-react/blob/master/src/components/FileIcon/FileIcon.tsx) (e.g. mimeType, size, sizeConfig). Use this to override dimensions or provide a custom icon. */\n  AttachmentFileIcon?: React.ComponentType<FileIconProps>;\n  /** Custom UI component to display an attachment previews in MessageComposer, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentPreviewList.tsx) */\n  AttachmentPreviewList?: React.ComponentType<AttachmentPreviewListProps>;\n  /** Custom UI component to control adding attachments to MessageComposer, defaults to and accepts same props as: [AttachmentSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentSelector.tsx) */\n  AttachmentSelector?: React.ComponentType;\n  /** Custom UI component for the dedicated voice recording preview slot above composer attachments (REACT-794), defaults to and accepts same props as: [VoiceRecordingPreviewSlot](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AttachmentPreviewList/VoiceRecordingPreviewSlot.tsx) */\n  VoiceRecordingPreviewSlot?: React.ComponentType<VoiceRecordingPreviewSlotProps>;\n  /** Custom UI component for contents of attachment selector initiation button */\n  AttachmentSelectorInitiationButtonContents?: React.ComponentType;\n  /** Custom UI component to display AudioRecorder in MessageComposer, defaults to and accepts same props as: [AudioRecorder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/AudioRecorder.tsx) */\n  AudioRecorder?: React.ComponentType;\n  /** Optional UI component to override the default suggestion Item component, defaults to and accepts same props as: [Item](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Item.js) */\n  AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps>;\n  /** Optional UI component to override the default List component that displays suggestions, defaults to and accepts same props as: [List](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/List.js) */\n  AutocompleteSuggestionList?: React.ComponentType<SuggestionListProps>;\n  extractDisplayInfo?: (_: {\n    user?: Partial<UserResponse>;\n  }) => NonNullable<AvatarStackProps['displayInfo']>[number];\n  /** UI component to display a user's avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */\n  Avatar?: React.ComponentType<ChannelAvatarProps>;\n  /** UI component to display a list of avatars stacked in a row, defaults to and accepts same props as: [AvatarStack](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/AvatarStack.tsx) */\n  AvatarStack?: React.ComponentType<AvatarStackProps>;\n  /** Custom UI component to display <img/> elements resp. a fallback in case of load error, defaults to and accepts same props as: [BaseImage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/BaseImage/BaseImage.tsx) */\n  BaseImage?: React.ComponentType<BaseImageProps>;\n  /** Custom UI component to display the contents of callout dialog, accepts same props as: [DefaultCalloutDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/base/Callout.tsx) */\n  CalloutDialog?: React.ComponentType<CalloutDialogProps>;\n  /** Custom UI component shown instead of the image when it fails to load, defaults to and accepts same props as: [ImagePlaceholder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/BaseImage/ImagePlaceholder.tsx) */\n  ImagePlaceholder?: React.ComponentType<ImagePlaceholderProps>;\n  /** Custom UI component to display the header of the `ChannelList`, defaults to and accepts same props as: [ChannelListHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListHeader.tsx) */\n  ChannelListHeader?: React.ComponentType;\n  /** Custom UI component to display set of action buttons within `ChannelListItemUI` component, accepts same props as: [ChannelListItemActionButtons](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListItemActionButtons.tsx) */\n  ChannelListItemActionButtons?: React.ComponentType;\n  /** Custom UI component to display the channel preview in the list, defaults to and accepts same props as: [ChannelListItemUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelPreview/ChannelListItemUI.tsx) */\n  ChannelListItemUI?: React.ComponentType<ChannelListItemUIProps>;\n  /** Custom UI component to render a channel-list item's previewed message, defaults to and accepts same props as: [SummarizedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/SummarizedMessagePreview/SummarizedMessagePreview.tsx) */\n  SummarizedMessagePreview?: React.ComponentType<SummarizedMessagePreviewProps>;\n  /** Custom UI component to display command chip, defaults to and accepts same props as: [CommandChip](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/CommandChip.tsx) */\n  CommandChip?: React.ComponentType<CommandChipProps>;\n  /** Custom component for rendering context menus, defaults to and accepts same props as: [ContextMenu](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/components/ContextMenu.tsx). The default is behavior-aware (not purely presentational) and solves: stable anchoring/placement updates against the reference element, submenu stack navigation (open/return), coordinated dismissal (Escape, overlay click, controlled close), focus management for anchored menus, and transition state reset between openings so animations stay consistent. */\n  ContextMenu?: React.ComponentType<ContextMenuProps>;\n  /** Custom UI component for rendering context menu content (used by ContextMenu), defaults to and accepts same props as: [ContextMenuContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Dialog/components/ContextMenu.tsx). */\n  ContextMenuContent?: React.ComponentType<ContextMenuContentProps>;\n  /** Custom UI component to display the slow mode cooldown timer, defaults to and accepts same props as: [CooldownTimer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/CooldownTimer.tsx) */\n  CooldownTimer?: React.ComponentType;\n  /** Custom UI component for date separators, defaults to and accepts same props as: [DateSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/DateSeparator.tsx) */\n  DateSeparator?: React.ComponentType<DateSeparatorProps>;\n  /** Custom UI component to display the contents on file drag-and-drop overlay, defaults to and accepts same props as: [FileDragAndDropContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/WithDragAndDropUpload.tsx) */\n  FileDragAndDropContent?: React.ComponentType<FileDragAndDropContentProps>;\n  /** Custom UI component to display a formatted file byte size (message attachments, upload previews), defaults to and accepts same props as: [FileSizeIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/components/FileSizeIndicator.tsx) */\n  FileSizeIndicator?: React.ComponentType<FileSizeIndicatorProps>;\n  /** Custom UI component to override default preview of edited message, defaults to and accepts same props as: [EditedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/EditedMessagePreview.tsx) */\n  EditedMessagePreview?: React.ComponentType<EditedMessagePreviewProps>;\n  /** Custom UI component for rendering button with emoji picker in MessageComposer */\n  EmojiPicker?: React.ComponentType;\n  /** Mechanism to be used with autocomplete and text replace features of the `MessageComposer` component, see [emoji-mart `SearchIndex`](https://github.com/missive/emoji-mart#%EF%B8%8F%EF%B8%8F-headless-search) */\n  emojiSearchIndex?: EmojiSearchIndex;\n  /** Custom UI component to be displayed when the `MessageList` is empty, defaults to and accepts same props as: [EmptyStateIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EmptyStateIndicator/EmptyStateIndicator.tsx)  */\n  EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;\n  /** Custom component that provides gallery state (current index, navigation) via GalleryContext and renders GalleryUI. Override this to control the gallery's data/navigation logic. Defaults to and accepts same props as: [Gallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/Gallery.tsx) */\n  Gallery?: React.ComponentType<GalleryProps>;\n  /** Custom UI component to render the gallery's visual interface (slides, navigation buttons, header). Override this to change the gallery's appearance without altering navigation logic. Defaults to and accepts same props as: [GalleryUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/GalleryUI.tsx) */\n  GalleryUI?: React.ComponentType;\n  /** Custom UI component to render a Giphy preview in the `VirtualizedMessageList` */\n  GiphyPreviewMessage?: React.ComponentType<GiphyPreviewMessageProps>;\n  /** Custom UI component to render at the top of the `MessageList` */\n  HeaderComponent?: React.ComponentType;\n  /** Overrides for the SDK's own icons, keyed by icon name. Merged per slot with the defaults, so overriding one icon leaves the rest intact. Read through [useComponentContextIcons](https://github.com/GetStream/stream-chat-react/blob/master/src/context/useComponentContextIcons.ts) */\n  icons?: IconSlots;\n  /** Custom UI component handling how the message composer is rendered, defaults to and accepts the same props as [MessageComposerUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/MessageComposerUI.tsx) */\n  MessageComposerUI?: React.ComponentType<MessageComposerProps>;\n  /** Custom component to render link previews in message composer **/\n  LinkPreviewList?: React.ComponentType;\n  /** Custom UI component to be shown if the channel query fails, defaults to and accepts same props as: [LoadingErrorIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingErrorIndicator.tsx) */\n  LoadingErrorIndicator?: React.ComponentType<LoadingErrorIndicatorProps>;\n  /** Custom UI component to render while the `MessageList` is loading new messages, defaults to and accepts same props as: [LoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingIndicator.tsx) */\n  LoadingIndicator?: React.ComponentType<LoadingIndicatorProps>;\n  /** Custom UI component for determinate progress (0–100), defaults to and accepts same props as: [ProgressIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/progress-indicators.tsx) */\n  ProgressIndicator?: React.ComponentType<ProgressIndicatorProps>;\n  /** Custom UI component to display a message in the standard `MessageList`, defaults to and accepts the same props as: [MessageUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageUI.tsx) */\n  MessageUI?: React.ComponentType<MessageUIComponentProps>;\n  /** Custom UI component for message actions popup, accepts no props, all the defaults are set within [MessageActions (unstable)](https://github.com/GetStream/stream-chat-react/blob/master/src/experimental/MessageActions/MessageActions.tsx) */\n  MessageActions?: React.ComponentType;\n  /** Custom UI component to display the contents of a bounced message modal. Usually it allows to retry, edit, or delete the message. Defaults to and accepts the same props as: [MessageBouncePrompt](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageBounce/MessageBouncePrompt.tsx) */\n  MessageBouncePrompt?: React.ComponentType<MessageBouncePromptProps>;\n  /** Custom UI component for a moderation-blocked message, defaults to and accepts same props as: [MessageBlocked](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageBlocked.tsx) */\n  MessageBlocked?: React.ComponentType;\n  /** Custom UI component for a deleted message. Has no default component */\n  MessageDeleted?: React.ComponentType<MessageDeletedProps>;\n  /** Custom UI component for a message bubble of a deleted message, defaults to and accepts same props as: [MessageDeletedBubble](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageDeletedBubble.tsx) */\n  MessageDeletedBubble?: React.ComponentType;\n  MessageListMainPanel?: React.ComponentType<PropsWithChildrenOnly>;\n  /** Custom UI component to render a single notification item in NotificationList, defaults to and accepts same props as: [Notification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Notifications/Notification.tsx) */\n  Notification?: React.ForwardRefExoticComponent<\n    NotificationProps & React.RefAttributes<HTMLDivElement>\n  >;\n  /** Custom UI component to render screen-reader notification announcements, defaults to and accepts same props as: [NotificationAnnouncer](https://github.com/GetStream/stream-chat-react/blob/master/src/a11y/NotificationAnnouncer.tsx) */\n  NotificationAnnouncer?: React.ComponentType<NotificationAnnouncerProps>;\n  /** Custom UI component to display notifications rendered by `NotificationList`, defaults to and accepts same props as: [NotificationList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Notifications/NotificationList.tsx) */\n  NotificationList?: React.ComponentType<NotificationListProps>;\n  /** Custom UI component to display a notification when scrolled up the list and new messages arrive, defaults to and accepts same props as [NewMessageNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/NewMessageNotification.tsx) */\n  NewMessageNotification?: React.ComponentType<NewMessageNotificationProps>;\n  /** Custom UI component to display the scroll-to-latest-message button in a `MessageList`, defaults to and accepts same props as: [ScrollToLatestMessageButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/ScrollToLatestMessageButton.tsx) */\n  ScrollToLatestMessageButton?: React.ComponentType<ScrollToLatestMessageButtonProps>;\n  /** Custom UI component to display message replies, defaults to and accepts same props as: [MessageRepliesCountButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageRepliesCountButton.tsx) */\n  MessageRepliesCountButton?: React.ComponentType<MessageRepliesCountButtonProps>;\n  /** Custom UI component to display message delivery status, defaults to and accepts same props as: [MessageStatus](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageStatus.tsx) */\n  MessageStatus?: React.ComponentType<MessageStatusProps>;\n  /** Custom UI component to display system messages, defaults to and accepts same props as: [EventComponent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EventComponent/EventComponent.tsx) */\n  MessageSystem?: React.ComponentType<EventComponentProps>;\n  /** Custom UI component to display a timestamp on a message, defaults to and accepts same props as: [MessageTimestamp](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageTimestamp.tsx) */\n  MessageTimestamp?: React.ComponentType<MessageTimestampProps>;\n  /** Custom UI component for viewing content in a modal, defaults to and accepts the same props as [Modal](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Modal/Modal.tsx) */\n  Modal?: React.ComponentType<ModalProps>;\n  /** Custom UI component for viewing message's image attachments with option to expand into the Gallery on Modal, defaults to and accepts the same props as [ModalGallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/ModalGallery.tsx) */\n  ModalGallery?: React.ComponentType<ModalGalleryProps>;\n  /** Custom UI component to show \"Also sent in channel\" in thread message lists when message.show_in_channel is true, defaults to and accepts same props as: [MessageAlsoSentInChannelIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageAlsoSentInChannelIndicator.tsx) */\n  MessageAlsoSentInChannelIndicator?: React.ComponentType;\n  /** Custom UI component to override default pinned message indicator, defaults to and accepts same props as: [PinIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/PinIndicator.tsx) */\n  PinIndicator?: React.ComponentType<PinIndicatorProps>;\n  /** Custom UI component to override default poll actions rendering in a message, defaults to and accepts same props as: [PollActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollActions/PollActions.tsx) */\n  PollActions?: React.ComponentType;\n  /** Custom UI component to override default poll rendering in a message, defaults to and accepts same props as: [PollContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollContent.tsx) */\n  PollContent?: React.ComponentType;\n  /** Custom UI component to override default poll creation dialog contents, defaults to and accepts same props as: [PollCreationDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx) */\n  PollCreationDialog?: React.ComponentType<PollCreationDialogProps>;\n  /** Custom UI component to override default poll header in a message, defaults to and accepts same props as: [PollHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollHeader.tsx) */\n  PollHeader?: React.ComponentType;\n  /** Custom UI component to override default poll option selector, defaults to and accepts same props as: [PollOptionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollOptionSelector.tsx) */\n  PollOptionSelector?: React.ComponentType<PollOptionSelectorProps>;\n  /** Custom UI component to override quoted message UI on a sent message, defaults to and accepts same props as: [QuotedMessage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/QuotedMessage.tsx) */\n  QuotedMessage?: React.ComponentType;\n  /** Custom UI component to override the message input's quoted message preview, defaults to and accepts same props as: [QuotedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/QuotedMessagePreview.tsx) */\n  QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps>;\n  /** Custom reaction options to be applied to ReactionSelector, ReactionList and SimpleReactionList components */\n  reactionOptions?: ReactionOptions;\n  /** Custom UI component to display the reaction selector, defaults to and accepts same props as: [ReactionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionSelector.tsx) */\n  ReactionSelector?: React.ForwardRefExoticComponent<ReactionSelectorProps>;\n  ReactionSelectorExtendedList?: React.ComponentType<\n    ComponentProps<(typeof ReactionSelector)['ExtendedList']>\n  >;\n  /** Custom UI component to display the list of reactions on a message, defaults to and accepts same props as: [MessageReactions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/MessageReactions.tsx) */\n  MessageReactions?: React.ComponentType<MessageReactionsProps>;\n  /** Custom UI component to display the reactions modal, defaults to and accepts same props as: [MessageReactionsDetail](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/MessageReactionsDetail.tsx) */\n  MessageReactionsDetail?: React.ComponentType<MessageReactionsDetailProps>;\n  RecordingPermissionDeniedNotification?: React.ComponentType<RecordingPermissionDeniedNotificationProps>;\n  /** Custom UI component to display the message reminder information in the Message UI, defaults to and accepts same props as: [ReminderNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/ReminderNotification.tsx) */\n  ReminderNotification?: React.ComponentType<ReminderNotificationProps>;\n  /** Custom UI component to display the message translation indicator when message has i18n, defaults to and accepts same props as: [MessageTranslationIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/TranslationIndicator.tsx) */\n  MessageTranslationIndicator?: React.ComponentType<TranslationIndicatorProps>;\n  /** Custom UI component to display the edited indicator and tooltip when a message has been edited, defaults to and accepts same props as: [MessageEditedIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageEditedIndicator.tsx) */\n  MessageEditedIndicator?: React.ComponentType<MessageEditedIndicatorProps>;\n  /** Custom component to display the search UI, defaults to and accepts same props as: [Search](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/Search.tsx) */\n  Search?: React.ComponentType;\n  /** Custom component to display the UI where the searched string is entered, defaults to and accepts same props as: [SearchBar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchBar/SearchBar.tsx) */\n  SearchBar?: React.ComponentType;\n  /** Custom component for the search UI dedicated to display the results area, defaults to and accepts same props as: [SearchResults](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchResults.tsx) */\n  SearchResults?: React.ComponentType;\n  /** Custom UI component to display header of search results pane, defaults to and accepts same props as: [SearchResultsHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchResultsHeader.tsx) */\n  SearchResultsHeader?: React.ComponentType;\n  /** Custom component to display search results pane before emitting the first search query for a given source, defaults to and accepts same props as: [SearchResultsPresearch](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsPresearch.tsx) */\n  SearchResultsPresearch?: React.ComponentType<SearchResultsPresearchProps>;\n  /** Custom component to display the search source items results, defaults to and accepts same props as: [SearchSourceResultList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultList.tsx) */\n  SearchSourceResultList?: React.ComponentType<SearchSourceResultListProps>;\n  /** Custom component to indicate the end of the last page for a searched source, defaults to and accepts same props as: [SearchSourceResultListFooter](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultListFooter.tsx) */\n  SearchSourceResultListFooter?: React.ComponentType;\n  /** Custom UI component to display search results items for a given search source pane, defaults to and accepts same props as: [SearchSourceResults](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SourceSearchResults.tsx) */\n  SearchSourceResults?: React.ComponentType;\n  /** Custom component to display the search source results UI with 0 items found, defaults to and accepts same props as: [SearchSourceResultsEmpty](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsEmpty.tsx) */\n  SearchSourceResultsEmpty?: React.ComponentType;\n  /** Custom component to display the header content for a given search source results, no default component is provided. */\n  SearchSourceResultsHeader?: React.ComponentType;\n  /** Custom component to display the search source results UI during the search query execution, defaults to and accepts same props as: [SearchSourceResultsLoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsLoadingIndicator.tsx) */\n  SearchSourceResultsLoadingIndicator?: React.ComponentType;\n  /** Custom UI component for send button, defaults to and accepts same props as: [SendButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/icons.tsx) */\n  SendButton?: React.ComponentType<SendButtonProps>;\n  /** Custom UI component checkbox that indicates message to be sent to main channel, defaults to and accepts same props as: [SendToChannelCheckbox](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageComposer/SendToChannelCheckbox.tsx) */\n  SendToChannelCheckbox?: React.ComponentType;\n  /** Custom UI component to render the location sharing dialog, defaults to and accepts same props as: [ShareLocationDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Location/ShareLocationDialog.tsx) */\n  ShareLocationDialog?: React.ComponentType<ShareLocationDialogProps>;\n  /** Custom UI component button for initiating audio recording, defaults to and accepts same props as: [StartRecordingAudioButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MediaRecorder/AudioRecorder/AudioRecordingButtons.tsx) */\n  StartRecordingAudioButton?: React.ComponentType<StartRecordingAudioButtonProps>;\n  StopAIGenerationButton?: React.ComponentType<StopAIGenerationButtonProps> | null;\n  StreamedMessageText?: React.ComponentType<StreamedMessageTextProps>;\n  /** Custom UI component to handle message text input, defaults to and accepts same props as [TextareaComposer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/TextareaComposer/TextareaComposer.tsx) */\n  TextareaComposer?: React.ComponentType<TextareaComposerProps>;\n  /** Custom UI component that displays thread's parent or other message at the top of the `MessageList`, defaults to and accepts same props as [MessageUI](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageUI.tsx) */\n  ThreadHead?: React.ComponentType<MessageProps>;\n  ThreadListEmptyPlaceholder?: React.ComponentType;\n  ThreadListItem?: React.ComponentType<ThreadListItemProps>;\n  ThreadListItemUI?: React.ComponentType<ThreadListItemUIProps>;\n  ThreadListLoadingIndicator?: React.ComponentType;\n  ThreadListUnseenThreadsBanner?: React.ComponentType;\n  /** Custom UI component to display the start of a threaded `MessageList`, defaults to and accepts same props as: [DefaultThreadStart](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Thread/Thread.tsx) */\n  ThreadStart?: React.ComponentType;\n  /** Custom UI component to display a date used in timestamps. It's used internally by the default `MessageTimestamp`, and to display a timestamp for edited messages. */\n  Timestamp?: React.ComponentType<TimestampProps>;\n  /** Custom UI component for the typing indicator, defaults to and accepts same props as: [TypingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/TypingIndicator/TypingIndicator.tsx) */\n  TypingIndicator?: React.ComponentType<TypingIndicatorProps>;\n  /** Custom UI component that indicates a user is viewing unread messages. It disappears once the user scrolls to UnreadMessagesSeparator. Defaults to and accepts same props as: [UnreadMessagesNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/UnreadMessagesNotification.tsx) */\n  UnreadMessagesNotification?: React.ComponentType<UnreadMessagesNotificationProps>;\n  /** Custom UI component rendered at the end of sidebar headers (ChannelListHeader, ThreadListHeader). No default — if omitted, the slot is empty. */\n  HeaderEndContent?: React.ComponentType;\n  /** Custom UI component that separates read messages from unread, defaults to and accepts same props as: [UnreadMessagesSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/UnreadMessagesSeparator.tsx) */\n  UnreadMessagesSeparator?: React.ComponentType<UnreadMessagesSeparatorProps>;\n  /** Custom UI component for uploaded vs total byte size during attachment upload (MessageComposer previews), defaults to and accepts same props as: [UploadedSizeIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/UploadedSizeIndicator.tsx) */\n  UploadedSizeIndicator?: React.ComponentType<UploadedSizeIndicatorProps>;\n  /** Component used to play video. If not provided, ReactPlayer is used as a default video player. */\n  VideoPlayer?: React.ComponentType<VideoPlayerProps>;\n  /** Custom UI component to display a message in the `VirtualizedMessageList`, does not have a default implementation */\n  VirtualMessage?: React.ComponentType<MessageUIComponentProps>;\n  /** Custom UI component to wrap MessageList children. Default is the `ul` tag */\n  MessageListWrapper?: React.ComponentType<PropsWithChildren>;\n  /** Custom UI component to wrap each element of MessageList. Default is the `li` tag */\n  MessageListItem?: React.ComponentType<PropsWithChildren>;\n};\n\nexport const ComponentContext = React.createContext<ComponentContextValue>({});\n\nexport const ComponentProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: Partial<ComponentContextValue>;\n}>) => <ComponentContext.Provider value={value}>{children}</ComponentContext.Provider>;\n\nexport const useComponentContext = () => useContext(ComponentContext);\n"],"mappings":";;;AAmUA,IAAa,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AAE7E,IAAa,qBAAqB,EAChC,UACA,YAGK,oBAAC,iBAAiB,UAAlB;CAAkC;CAAQ;AAAoC,CAAA;AAErF,IAAa,4BAA4B,WAAW,gBAAgB"}

package/dist/es/context/DialogManagerContext.mjs

@@ -2,7 +2,7 @@ import { DialogManager } from "../components/Dialog/service/DialogManager.mjs";
 import { DialogPortalDestination } from "../components/Dialog/service/DialogPortal.mjs";
 import React, { useContext, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { StateStore } from "stream-chat";
+import { StateStore } from "@stream-io/state-store";
 //#region src/context/DialogManagerContext.tsx
 var dialogManagersRegistry = new StateStore({});
 var getDialogManager = (id) => dialogManagersRegistry.getLatestValue()[id];
@@ -103,7 +103,7 @@ var useDialogManager = ({ dialogId, dialogManagerId } = {}) => {
 		dialogManagerId,
 		nearestDialogManagerContext?.dialogManager
 	]);
-	if (!dialogManagerContext?.dialogManager) console.warn(`Dialog manager (manager id: ${dialogManagerId}, dialog id: ${dialogId}) is not available`);
+	if (!dialogManagerContext?.dialogManager) throw new Error(`useDialogManager could not resolve a dialog manager (manager id: ${dialogManagerId}, dialog id: ${dialogId}). Make sure the caller is rendered within <DialogManagerProvider>.`);
 	return dialogManagerContext;
 };
 var modalDialogManagerId = "modal-dialog-manager";

package/dist/es/context/DialogManagerContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DialogManagerContext.mjs","names":[],"sources":["../../../src/context/DialogManagerContext.tsx"],"sourcesContent":["import React, {\n  type PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { StateStore } from 'stream-chat';\n\nimport { DialogManager } from '../components/Dialog/service/DialogManager';\nimport {\n  DialogPortalDestination,\n  type DialogPortalDestinationProps,\n} from '../components/Dialog/service/DialogPortal';\nimport type { PropsWithChildrenOnly } from '../types/types';\n\ntype DialogManagerId = string;\n\ntype DialogManagersState = Record<DialogManagerId, DialogManager | undefined>;\nconst dialogManagersRegistry: StateStore<DialogManagersState> = new StateStore({});\n\nconst getDialogManager = (id: string): DialogManager | undefined =>\n  dialogManagersRegistry.getLatestValue()[id];\n\nconst getOrCreateDialogManager = ({\n  closeOnClickOutside,\n  id,\n}: {\n  closeOnClickOutside?: boolean;\n  id: string;\n}) => {\n  let manager = getDialogManager(id);\n  if (!manager) {\n    manager = new DialogManager({ closeOnClickOutside, id });\n    dialogManagersRegistry.partialNext({ [id]: manager });\n  } else if (typeof closeOnClickOutside === 'boolean') {\n    manager.closeOnClickOutside = closeOnClickOutside;\n  }\n  return manager;\n};\n\nconst removeDialogManager = (id: string) => {\n  if (!getDialogManager(id)) return;\n  dialogManagersRegistry.partialNext({ [id]: undefined });\n};\n\ntype DialogManagerProviderContextValue = {\n  dialogManager: DialogManager;\n};\n\nconst DialogManagerProviderContext = React.createContext<\n  DialogManagerProviderContextValue | undefined\n>(undefined);\n\ntype DialogManagerProviderProps = PropsWithChildren<{\n  /**\n   * Manager-level outside click policy.\n   * When `true`, clicking overlay or outside overlay-covered area closes all dialogs\n   * in this manager. When `false`, outside clicks do not dismiss dialogs.\n   */\n  closeOnClickOutside?: boolean;\n  portalDestinationProps?: DialogPortalDestinationProps;\n  id?: string;\n}>;\n\n/**\n * Creates/provides a dialog manager and its portal destination.\n */\nexport const DialogManagerProvider = ({\n  children,\n  closeOnClickOutside,\n  id,\n  portalDestinationProps,\n}: DialogManagerProviderProps) => {\n  const [dialogManager, setDialogManager] = useState<DialogManager | null>(() => {\n    if (id) return getDialogManager(id) ?? null;\n    return new DialogManager({ closeOnClickOutside }); // will not be included in the registry\n  });\n\n  useEffect(() => {\n    if (!id) return;\n    setDialogManager(getOrCreateDialogManager({ closeOnClickOutside, id }));\n    return () => {\n      removeDialogManager(id);\n      setDialogManager(null);\n    };\n  }, [closeOnClickOutside, id]);\n\n  // temporarily do not render until a new dialog manager is created\n  if (!dialogManager) return null;\n\n  return (\n    <DialogManagerProviderContext.Provider value={{ dialogManager }}>\n      {children}\n      <DialogPortalDestination {...portalDestinationProps} />\n    </DialogManagerProviderContext.Provider>\n  );\n};\n\nexport type UseDialogManagerParams = {\n  dialogId?: string;\n  dialogManagerId?: string;\n};\n\nconst getManagerFromStore = ({\n  dialogId,\n  dialogManagerId,\n  newState,\n  previousState,\n}: UseDialogManagerParams & {\n  newState: DialogManagersState;\n  previousState: DialogManagersState | undefined;\n}) => {\n  let managerInNewState: DialogManager | undefined;\n  let managerInPrevState: DialogManager | undefined;\n  if (dialogManagerId) {\n    if (!dialogId) {\n      managerInNewState = newState[dialogManagerId];\n      managerInPrevState = previousState?.[dialogManagerId];\n    } else {\n      if (newState[dialogManagerId]?.get(dialogId)) {\n        managerInNewState = newState[dialogManagerId];\n      }\n      if (previousState?.[dialogManagerId]?.get(dialogId)) {\n        managerInPrevState = previousState[dialogManagerId];\n      }\n    }\n  } else if (dialogId) {\n    managerInNewState = Object.values(newState).find(\n      (dialogMng) => dialogId && dialogMng?.get(dialogId),\n    );\n    managerInPrevState =\n      previousState &&\n      Object.values(previousState).find(\n        (dialogMng) => dialogId && dialogMng?.get(dialogId),\n      );\n  }\n\n  return { managerInNewState, managerInPrevState };\n};\n\n/**\n * Retrieves the nearest dialog manager or searches for the dialog manager by dialog manager id or dialog id.\n * Dialog id will take precedence over dialog manager id if both are provided and dialog manager is found by dialog id.\n */\nexport const useDialogManager = ({\n  dialogId,\n  dialogManagerId,\n}: UseDialogManagerParams = {}) => {\n  const nearestDialogManagerContext = useContext(DialogManagerProviderContext);\n\n  const [dialogManagerContext, setDialogManagerContext] = useState<\n    DialogManagerProviderContextValue | undefined\n  >(() => {\n    const { managerInNewState } = getManagerFromStore({\n      dialogId,\n      dialogManagerId,\n      newState: dialogManagersRegistry.getLatestValue(),\n      previousState: undefined,\n    });\n    return managerInNewState\n      ? { dialogManager: managerInNewState }\n      : nearestDialogManagerContext;\n  });\n\n  useEffect(() => {\n    if (!dialogId && !dialogManagerId) return;\n    const unsubscribe = dialogManagersRegistry.subscribeWithSelector(\n      (state) => state,\n      (newState, previousState) => {\n        const { managerInNewState, managerInPrevState } = getManagerFromStore({\n          dialogId,\n          dialogManagerId,\n          newState,\n          previousState,\n        });\n\n        if (!managerInPrevState || managerInNewState?.id !== managerInPrevState.id) {\n          setDialogManagerContext((prevState) => {\n            if (prevState?.dialogManager.id === managerInNewState?.id) return prevState;\n            // fixme: need to handle the possibility that the dialogManager is undefined\n            return {\n              dialogManager:\n                managerInNewState || nearestDialogManagerContext?.dialogManager,\n            } as DialogManagerProviderContextValue;\n          });\n        }\n      },\n    );\n    return () => {\n      unsubscribe();\n    };\n  }, [dialogId, dialogManagerId, nearestDialogManagerContext?.dialogManager]);\n\n  if (!dialogManagerContext?.dialogManager) {\n    console.warn(\n      `Dialog manager (manager id: ${dialogManagerId}, dialog id: ${dialogId}) is not available`,\n    );\n  }\n\n  return dialogManagerContext as DialogManagerProviderContextValue;\n};\n\nexport const modalDialogManagerId = 'modal-dialog-manager' as const;\n\nexport const ModalDialogManagerProvider = ({ children }: PropsWithChildrenOnly) => (\n  <DialogManagerProvider id={modalDialogManagerId}>{children}</DialogManagerProvider>\n);\n\nexport const useModalDialogManager = () =>\n  useMemo(() => getDialogManager(modalDialogManagerId), []);\n\nexport const useNearestDialogManagerContext = () =>\n  useContext(DialogManagerProviderContext);\n"],"mappings":";;;;;;AAmBA,IAAM,yBAA0D,IAAI,WAAW,CAAC,CAAC;AAEjF,IAAM,oBAAoB,OACxB,uBAAuB,eAAe,CAAC,CAAC;AAE1C,IAAM,4BAA4B,EAChC,qBACA,SAII;CACJ,IAAI,UAAU,iBAAiB,EAAE;CACjC,IAAI,CAAC,SAAS;EACZ,UAAU,IAAI,cAAc;GAAE;GAAqB;EAAG,CAAC;EACvD,uBAAuB,YAAY,GAAG,KAAK,QAAQ,CAAC;CACtD,OAAO,IAAI,OAAO,wBAAwB,WACxC,QAAQ,sBAAsB;CAEhC,OAAO;AACT;AAEA,IAAM,uBAAuB,OAAe;CAC1C,IAAI,CAAC,iBAAiB,EAAE,GAAG;CAC3B,uBAAuB,YAAY,GAAG,KAAK,KAAA,EAAU,CAAC;AACxD;AAMA,IAAM,+BAA+B,MAAM,cAEzC,KAAA,CAAS;;;;AAgBX,IAAa,yBAAyB,EACpC,UACA,qBACA,IACA,6BACgC;CAChC,MAAM,CAAC,eAAe,oBAAoB,eAAqC;EAC7E,IAAI,IAAI,OAAO,iBAAiB,EAAE,KAAK;EACvC,OAAO,IAAI,cAAc,EAAE,oBAAoB,CAAC;CAClD,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,IAAI;EACT,iBAAiB,yBAAyB;GAAE;GAAqB;EAAG,CAAC,CAAC;EACtE,aAAa;GACX,oBAAoB,EAAE;GACtB,iBAAiB,IAAI;EACvB;CACF,GAAG,CAAC,qBAAqB,EAAE,CAAC;CAG5B,IAAI,CAAC,eAAe,OAAO;CAE3B,OACE,qBAAC,6BAA6B,UAA9B;EAAuC,OAAO,EAAE,cAAc;YAA9D,CACG,UACD,oBAAC,yBAAD,EAAyB,GAAI,uBAAyB,CAAA,CACjB;;AAE3C;AAOA,IAAM,uBAAuB,EAC3B,UACA,iBACA,UACA,oBAII;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI,iBACF,IAAI,CAAC,UAAU;EACb,oBAAoB,SAAS;EAC7B,qBAAqB,gBAAgB;CACvC,OAAO;EACL,IAAI,SAAS,gBAAgB,EAAE,IAAI,QAAQ,GACzC,oBAAoB,SAAS;EAE/B,IAAI,gBAAgB,gBAAgB,EAAE,IAAI,QAAQ,GAChD,qBAAqB,cAAc;CAEvC;MACK,IAAI,UAAU;EACnB,oBAAoB,OAAO,OAAO,QAAQ,CAAC,CAAC,MACzC,cAAc,YAAY,WAAW,IAAI,QAAQ,CACpD;EACA,qBACE,iBACA,OAAO,OAAO,aAAa,CAAC,CAAC,MAC1B,cAAc,YAAY,WAAW,IAAI,QAAQ,CACpD;CACJ;CAEA,OAAO;EAAE;EAAmB;CAAmB;AACjD;;;;;AAMA,IAAa,oBAAoB,EAC/B,UACA,oBAC0B,CAAC,MAAM;CACjC,MAAM,8BAA8B,WAAW,4BAA4B;CAE3E,MAAM,CAAC,sBAAsB,2BAA2B,eAEhD;EACN,MAAM,EAAE,sBAAsB,oBAAoB;GAChD;GACA;GACA,UAAU,uBAAuB,eAAe;GAChD,eAAe,KAAA;EACjB,CAAC;EACD,OAAO,oBACH,EAAE,eAAe,kBAAkB,IACnC;CACN,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,YAAY,CAAC,iBAAiB;EACnC,MAAM,cAAc,uBAAuB,uBACxC,UAAU,QACV,UAAU,kBAAkB;GAC3B,MAAM,EAAE,mBAAmB,uBAAuB,oBAAoB;IACpE;IACA;IACA;IACA;GACF,CAAC;GAED,IAAI,CAAC,sBAAsB,mBAAmB,OAAO,mBAAmB,IACtE,yBAAyB,cAAc;IACrC,IAAI,WAAW,cAAc,OAAO,mBAAmB,IAAI,OAAO;IAElE,OAAO,EACL,eACE,qBAAqB,6BAA6B,cACtD;GACF,CAAC;EAEL,CACF;EACA,aAAa;GACX,YAAY;EACd;CACF,GAAG;EAAC;EAAU;EAAiB,6BAA6B;CAAa,CAAC;CAE1E,IAAI,CAAC,sBAAsB,eACzB,QAAQ,KACN,+BAA+B,gBAAgB,eAAe,SAAS,mBACzE;CAGF,OAAO;AACT;AAEA,IAAa,uBAAuB;AAEpC,IAAa,8BAA8B,EAAE,eAC3C,oBAAC,uBAAD;CAAuB,IAAI;CAAuB;AAAgC,CAAA;AAGpF,IAAa,8BACX,cAAc,iBAAiB,oBAAoB,GAAG,CAAC,CAAC;AAE1D,IAAa,uCACX,WAAW,4BAA4B"}
+{"version":3,"file":"DialogManagerContext.mjs","names":[],"sources":["../../../src/context/DialogManagerContext.tsx"],"sourcesContent":["import React, {\n  type PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { StateStore } from '@stream-io/state-store';\n\nimport { DialogManager } from '../components/Dialog/service/DialogManager';\nimport {\n  DialogPortalDestination,\n  type DialogPortalDestinationProps,\n} from '../components/Dialog/service/DialogPortal';\nimport type { PropsWithChildrenOnly } from '../types/types';\n\ntype DialogManagerId = string;\n\ntype DialogManagersState = Record<DialogManagerId, DialogManager | undefined>;\nconst dialogManagersRegistry: StateStore<DialogManagersState> = new StateStore({});\n\nconst getDialogManager = (id: string): DialogManager | undefined =>\n  dialogManagersRegistry.getLatestValue()[id];\n\nconst getOrCreateDialogManager = ({\n  closeOnClickOutside,\n  id,\n}: {\n  closeOnClickOutside?: boolean;\n  id: string;\n}) => {\n  let manager = getDialogManager(id);\n  if (!manager) {\n    manager = new DialogManager({ closeOnClickOutside, id });\n    dialogManagersRegistry.partialNext({ [id]: manager });\n  } else if (typeof closeOnClickOutside === 'boolean') {\n    manager.closeOnClickOutside = closeOnClickOutside;\n  }\n  return manager;\n};\n\nconst removeDialogManager = (id: string) => {\n  if (!getDialogManager(id)) return;\n  dialogManagersRegistry.partialNext({ [id]: undefined });\n};\n\ntype DialogManagerProviderContextValue = {\n  dialogManager: DialogManager;\n};\n\nconst DialogManagerProviderContext = React.createContext<\n  DialogManagerProviderContextValue | undefined\n>(undefined);\n\ntype DialogManagerProviderProps = PropsWithChildren<{\n  /**\n   * Manager-level outside click policy.\n   * When `true`, clicking overlay or outside overlay-covered area closes all dialogs\n   * in this manager. When `false`, outside clicks do not dismiss dialogs.\n   */\n  closeOnClickOutside?: boolean;\n  portalDestinationProps?: DialogPortalDestinationProps;\n  id?: string;\n}>;\n\n/**\n * Creates/provides a dialog manager and its portal destination.\n */\nexport const DialogManagerProvider = ({\n  children,\n  closeOnClickOutside,\n  id,\n  portalDestinationProps,\n}: DialogManagerProviderProps) => {\n  const [dialogManager, setDialogManager] = useState<DialogManager | null>(() => {\n    if (id) return getDialogManager(id) ?? null;\n    return new DialogManager({ closeOnClickOutside }); // will not be included in the registry\n  });\n\n  useEffect(() => {\n    if (!id) return;\n    setDialogManager(getOrCreateDialogManager({ closeOnClickOutside, id }));\n    return () => {\n      removeDialogManager(id);\n      setDialogManager(null);\n    };\n  }, [closeOnClickOutside, id]);\n\n  // temporarily do not render until a new dialog manager is created\n  if (!dialogManager) return null;\n\n  return (\n    <DialogManagerProviderContext.Provider value={{ dialogManager }}>\n      {children}\n      <DialogPortalDestination {...portalDestinationProps} />\n    </DialogManagerProviderContext.Provider>\n  );\n};\n\nexport type UseDialogManagerParams = {\n  dialogId?: string;\n  dialogManagerId?: string;\n};\n\nconst getManagerFromStore = ({\n  dialogId,\n  dialogManagerId,\n  newState,\n  previousState,\n}: UseDialogManagerParams & {\n  newState: DialogManagersState;\n  previousState: DialogManagersState | undefined;\n}) => {\n  let managerInNewState: DialogManager | undefined;\n  let managerInPrevState: DialogManager | undefined;\n  if (dialogManagerId) {\n    if (!dialogId) {\n      managerInNewState = newState[dialogManagerId];\n      managerInPrevState = previousState?.[dialogManagerId];\n    } else {\n      if (newState[dialogManagerId]?.get(dialogId)) {\n        managerInNewState = newState[dialogManagerId];\n      }\n      if (previousState?.[dialogManagerId]?.get(dialogId)) {\n        managerInPrevState = previousState[dialogManagerId];\n      }\n    }\n  } else if (dialogId) {\n    managerInNewState = Object.values(newState).find(\n      (dialogMng) => dialogId && dialogMng?.get(dialogId),\n    );\n    managerInPrevState =\n      previousState &&\n      Object.values(previousState).find(\n        (dialogMng) => dialogId && dialogMng?.get(dialogId),\n      );\n  }\n\n  return { managerInNewState, managerInPrevState };\n};\n\n/**\n * Retrieves the nearest dialog manager or searches for the dialog manager by dialog manager id or dialog id.\n * Dialog id will take precedence over dialog manager id if both are provided and dialog manager is found by dialog id.\n */\nexport const useDialogManager = ({\n  dialogId,\n  dialogManagerId,\n}: UseDialogManagerParams = {}) => {\n  const nearestDialogManagerContext = useContext(DialogManagerProviderContext);\n\n  const [dialogManagerContext, setDialogManagerContext] = useState<\n    DialogManagerProviderContextValue | undefined\n  >(() => {\n    const { managerInNewState } = getManagerFromStore({\n      dialogId,\n      dialogManagerId,\n      newState: dialogManagersRegistry.getLatestValue(),\n      previousState: undefined,\n    });\n    return managerInNewState\n      ? { dialogManager: managerInNewState }\n      : nearestDialogManagerContext;\n  });\n\n  useEffect(() => {\n    if (!dialogId && !dialogManagerId) return;\n    const unsubscribe = dialogManagersRegistry.subscribeWithSelector(\n      (state) => state,\n      (newState, previousState) => {\n        const { managerInNewState, managerInPrevState } = getManagerFromStore({\n          dialogId,\n          dialogManagerId,\n          newState,\n          previousState,\n        });\n\n        if (!managerInPrevState || managerInNewState?.id !== managerInPrevState.id) {\n          setDialogManagerContext((prevState) => {\n            if (prevState?.dialogManager.id === managerInNewState?.id) return prevState;\n            // an unresolved manager is caught by the guard below\n            return {\n              dialogManager:\n                managerInNewState || nearestDialogManagerContext?.dialogManager,\n            } as DialogManagerProviderContextValue;\n          });\n        }\n      },\n    );\n    return () => {\n      unsubscribe();\n    };\n  }, [dialogId, dialogManagerId, nearestDialogManagerContext?.dialogManager]);\n\n  if (!dialogManagerContext?.dialogManager) {\n    throw new Error(\n      `useDialogManager could not resolve a dialog manager (manager id: ${dialogManagerId}, dialog id: ${dialogId}). Make sure the caller is rendered within <DialogManagerProvider>.`,\n    );\n  }\n\n  return dialogManagerContext;\n};\n\nexport const modalDialogManagerId = 'modal-dialog-manager' as const;\n\nexport const ModalDialogManagerProvider = ({ children }: PropsWithChildrenOnly) => (\n  <DialogManagerProvider id={modalDialogManagerId}>{children}</DialogManagerProvider>\n);\n\nexport const useModalDialogManager = () =>\n  useMemo(() => getDialogManager(modalDialogManagerId), []);\n\nexport const useNearestDialogManagerContext = () =>\n  useContext(DialogManagerProviderContext);\n"],"mappings":";;;;;;AAmBA,IAAM,yBAA0D,IAAI,WAAW,CAAC,CAAC;AAEjF,IAAM,oBAAoB,OACxB,uBAAuB,eAAe,CAAC,CAAC;AAE1C,IAAM,4BAA4B,EAChC,qBACA,SAII;CACJ,IAAI,UAAU,iBAAiB,EAAE;CACjC,IAAI,CAAC,SAAS;EACZ,UAAU,IAAI,cAAc;GAAE;GAAqB;EAAG,CAAC;EACvD,uBAAuB,YAAY,GAAG,KAAK,QAAQ,CAAC;CACtD,OAAO,IAAI,OAAO,wBAAwB,WACxC,QAAQ,sBAAsB;CAEhC,OAAO;AACT;AAEA,IAAM,uBAAuB,OAAe;CAC1C,IAAI,CAAC,iBAAiB,EAAE,GAAG;CAC3B,uBAAuB,YAAY,GAAG,KAAK,KAAA,EAAU,CAAC;AACxD;AAMA,IAAM,+BAA+B,MAAM,cAEzC,KAAA,CAAS;;;;AAgBX,IAAa,yBAAyB,EACpC,UACA,qBACA,IACA,6BACgC;CAChC,MAAM,CAAC,eAAe,oBAAoB,eAAqC;EAC7E,IAAI,IAAI,OAAO,iBAAiB,EAAE,KAAK;EACvC,OAAO,IAAI,cAAc,EAAE,oBAAoB,CAAC;CAClD,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,IAAI;EACT,iBAAiB,yBAAyB;GAAE;GAAqB;EAAG,CAAC,CAAC;EACtE,aAAa;GACX,oBAAoB,EAAE;GACtB,iBAAiB,IAAI;EACvB;CACF,GAAG,CAAC,qBAAqB,EAAE,CAAC;CAG5B,IAAI,CAAC,eAAe,OAAO;CAE3B,OACE,qBAAC,6BAA6B,UAA9B;EAAuC,OAAO,EAAE,cAAc;YAA9D,CACG,UACD,oBAAC,yBAAD,EAAyB,GAAI,uBAAyB,CAAA,CACjB;;AAE3C;AAOA,IAAM,uBAAuB,EAC3B,UACA,iBACA,UACA,oBAII;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI,iBACF,IAAI,CAAC,UAAU;EACb,oBAAoB,SAAS;EAC7B,qBAAqB,gBAAgB;CACvC,OAAO;EACL,IAAI,SAAS,gBAAgB,EAAE,IAAI,QAAQ,GACzC,oBAAoB,SAAS;EAE/B,IAAI,gBAAgB,gBAAgB,EAAE,IAAI,QAAQ,GAChD,qBAAqB,cAAc;CAEvC;MACK,IAAI,UAAU;EACnB,oBAAoB,OAAO,OAAO,QAAQ,CAAC,CAAC,MACzC,cAAc,YAAY,WAAW,IAAI,QAAQ,CACpD;EACA,qBACE,iBACA,OAAO,OAAO,aAAa,CAAC,CAAC,MAC1B,cAAc,YAAY,WAAW,IAAI,QAAQ,CACpD;CACJ;CAEA,OAAO;EAAE;EAAmB;CAAmB;AACjD;;;;;AAMA,IAAa,oBAAoB,EAC/B,UACA,oBAC0B,CAAC,MAAM;CACjC,MAAM,8BAA8B,WAAW,4BAA4B;CAE3E,MAAM,CAAC,sBAAsB,2BAA2B,eAEhD;EACN,MAAM,EAAE,sBAAsB,oBAAoB;GAChD;GACA;GACA,UAAU,uBAAuB,eAAe;GAChD,eAAe,KAAA;EACjB,CAAC;EACD,OAAO,oBACH,EAAE,eAAe,kBAAkB,IACnC;CACN,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,YAAY,CAAC,iBAAiB;EACnC,MAAM,cAAc,uBAAuB,uBACxC,UAAU,QACV,UAAU,kBAAkB;GAC3B,MAAM,EAAE,mBAAmB,uBAAuB,oBAAoB;IACpE;IACA;IACA;IACA;GACF,CAAC;GAED,IAAI,CAAC,sBAAsB,mBAAmB,OAAO,mBAAmB,IACtE,yBAAyB,cAAc;IACrC,IAAI,WAAW,cAAc,OAAO,mBAAmB,IAAI,OAAO;IAElE,OAAO,EACL,eACE,qBAAqB,6BAA6B,cACtD;GACF,CAAC;EAEL,CACF;EACA,aAAa;GACX,YAAY;EACd;CACF,GAAG;EAAC;EAAU;EAAiB,6BAA6B;CAAa,CAAC;CAE1E,IAAI,CAAC,sBAAsB,eACzB,MAAM,IAAI,MACR,oEAAoE,gBAAgB,eAAe,SAAS,oEAC9G;CAGF,OAAO;AACT;AAEA,IAAa,uBAAuB;AAEpC,IAAa,8BAA8B,EAAE,eAC3C,oBAAC,uBAAD;CAAuB,IAAI;CAAuB;AAAgC,CAAA;AAGpF,IAAa,8BACX,cAAc,iBAAiB,oBAAoB,GAAG,CAAC,CAAC;AAE1D,IAAa,uCACX,WAAW,4BAA4B"}

package/dist/es/context/MessageBounceContext.mjs

@@ -1,35 +1,33 @@
-import { useChannelActionContext } from "./ChannelActionContext.mjs";
+import { requireContext } from "./requireContext.mjs";
 import { useMessageContext } from "./MessageContext.mjs";
-import { savePreEditSnapshot } from "../components/MessageComposer/preEditSnapshot.mjs";
 import { isMessageBounced } from "../components/Message/utils.mjs";
+import { useRetryHandler } from "../components/Message/hooks/useRetryHandler.mjs";
 import { useMessageComposerController } from "../components/MessageComposer/hooks/useMessageComposerController.mjs";
+import { savePreEditSnapshot } from "../components/MessageComposer/preEditSnapshot.mjs";
+import { useChannel } from "./useChannel.mjs";
 import { createContext, useCallback, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/MessageBounceContext.tsx
 var MessageBounceContext = createContext(void 0);
-function useMessageBounceContext(componentName) {
-	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 ${componentName} component.`);
-		return {};
-	}
-	return contextValue;
+function useMessageBounceContext() {
+	return requireContext(useContext(MessageBounceContext), "useMessageBounceContext", "MessageBounceProvider");
 }
 function MessageBounceProvider({ children }) {
 	const messageComposer = useMessageComposerController();
-	const { handleRetry: doHandleRetry, message } = useMessageContext("MessageBounceProvider");
+	const { message } = useMessageContext();
+	const doHandleRetry = useRetryHandler();
 	if (!isMessageBounced(message)) console.warn(`The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the "isMessageBounced" check?`);
-	const { removeMessage } = useChannelActionContext("MessageBounceProvider");
+	const channel = useChannel();
 	const handleDelete = useCallback(() => {
-		removeMessage(message);
-	}, [message, removeMessage]);
+		channel.messagePaginator.removeItem({ id: message.id });
+	}, [channel, message]);
 	const handleEdit = useCallback((e) => {
 		e.preventDefault();
 		savePreEditSnapshot(messageComposer);
 		messageComposer.initState({ composition: message });
 	}, [message, messageComposer]);
 	const handleRetry = useCallback(() => {
-		doHandleRetry(message);
+		doHandleRetry({ localMessage: message });
 	}, [doHandleRetry, message]);
 	const value = useMemo(() => ({
 		handleDelete,

package/dist/es/context/MessageBounceContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBounceContext.mjs","names":[],"sources":["../../../src/context/MessageBounceContext.tsx"],"sourcesContent":["import type { ReactEventHandler } from 'react';\nimport React, { createContext, useCallback, useContext, useMemo } from 'react';\nimport { useMessageContext } from './MessageContext';\nimport { useChannelActionContext } from './ChannelActionContext';\nimport { isMessageBounced, useMessageComposerController } from '../components';\nimport { savePreEditSnapshot } from '../components/MessageComposer/preEditSnapshot';\nimport type { LocalMessage } from 'stream-chat';\nimport type { PropsWithChildrenOnly } from '../types/types';\n\nexport interface MessageBounceContextValue {\n  handleDelete: ReactEventHandler;\n  handleEdit: ReactEventHandler;\n  handleRetry: ReactEventHandler;\n  message: LocalMessage;\n}\n\nconst MessageBounceContext = createContext<MessageBounceContextValue | undefined>(\n  undefined,\n);\n\nexport function useMessageBounceContext(componentName?: string) {\n  const contextValue = useContext(MessageBounceContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useMessageBounceContext hook was called outside of the MessageBounceContext provider. The errored call is located in the ${componentName} component.`,\n    );\n\n    return {} as MessageBounceContextValue;\n  }\n\n  return contextValue;\n}\n\nexport function MessageBounceProvider({ children }: PropsWithChildrenOnly) {\n  const messageComposer = useMessageComposerController();\n  const { handleRetry: doHandleRetry, message } = useMessageContext(\n    'MessageBounceProvider',\n  );\n\n  if (!isMessageBounced(message)) {\n    console.warn(\n      `The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the \"isMessageBounced\" check?`,\n    );\n  }\n\n  const { removeMessage } = useChannelActionContext('MessageBounceProvider');\n\n  const handleDelete: ReactEventHandler = useCallback(() => {\n    removeMessage(message);\n  }, [message, removeMessage]);\n\n  const handleEdit: ReactEventHandler = useCallback(\n    (e) => {\n      e.preventDefault();\n      savePreEditSnapshot(messageComposer);\n      messageComposer.initState({ composition: message });\n    },\n    [message, messageComposer],\n  );\n\n  const handleRetry = useCallback(() => {\n    doHandleRetry(message);\n  }, [doHandleRetry, message]);\n\n  const value = useMemo(\n    () => ({\n      handleDelete,\n      handleEdit,\n      handleRetry,\n      message,\n    }),\n    [handleDelete, handleEdit, handleRetry, message],\n  );\n\n  return (\n    <MessageBounceContext.Provider value={value}>\n      {children}\n    </MessageBounceContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,IAAM,uBAAuB,cAC3B,KAAA,CACF;AAEA,SAAgB,wBAAwB,eAAwB;CAC9D,MAAM,eAAe,WAAW,oBAAoB;CAEpD,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,gIAAgI,cAAc,YAChJ;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT;AAEA,SAAgB,sBAAsB,EAAE,YAAmC;CACzE,MAAM,kBAAkB,6BAA6B;CACrD,MAAM,EAAE,aAAa,eAAe,YAAY,kBAC9C,uBACF;CAEA,IAAI,CAAC,iBAAiB,OAAO,GAC3B,QAAQ,KACN,yHACF;CAGF,MAAM,EAAE,kBAAkB,wBAAwB,uBAAuB;CAEzE,MAAM,eAAkC,kBAAkB;EACxD,cAAc,OAAO;CACvB,GAAG,CAAC,SAAS,aAAa,CAAC;CAE3B,MAAM,aAAgC,aACnC,MAAM;EACL,EAAE,eAAe;EACjB,oBAAoB,eAAe;EACnC,gBAAgB,UAAU,EAAE,aAAa,QAAQ,CAAC;CACpD,GACA,CAAC,SAAS,eAAe,CAC3B;CAEA,MAAM,cAAc,kBAAkB;EACpC,cAAc,OAAO;CACvB,GAAG,CAAC,eAAe,OAAO,CAAC;CAE3B,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;CACF,IACA;EAAC;EAAc;EAAY;EAAa;CAAO,CACjD;CAEA,OACE,oBAAC,qBAAqB,UAAtB;EAAsC;EACnC;CAC4B,CAAA;AAEnC"}
+{"version":3,"file":"MessageBounceContext.mjs","names":[],"sources":["../../../src/context/MessageBounceContext.tsx"],"sourcesContent":["import type { ReactEventHandler } from 'react';\nimport React, { createContext, useCallback, useContext, useMemo } from 'react';\nimport { useMessageContext } from './MessageContext';\nimport { requireContext } from './requireContext';\nimport { useChannel } from './useChannel';\nimport {\n  isMessageBounced,\n  useMessageComposerController,\n  useRetryHandler,\n} from '../components';\nimport { savePreEditSnapshot } from '../components/MessageComposer/preEditSnapshot';\nimport type { LocalMessage } from 'stream-chat';\nimport type { PropsWithChildrenOnly } from '../types/types';\n\nexport interface MessageBounceContextValue {\n  handleDelete: ReactEventHandler;\n  handleEdit: ReactEventHandler;\n  handleRetry: ReactEventHandler;\n  message: LocalMessage;\n}\n\nconst MessageBounceContext = createContext<MessageBounceContextValue | undefined>(\n  undefined,\n);\n\nexport function useMessageBounceContext() {\n  return requireContext(\n    useContext(MessageBounceContext),\n    'useMessageBounceContext',\n    'MessageBounceProvider',\n  );\n}\n\nexport function MessageBounceProvider({ children }: PropsWithChildrenOnly) {\n  const messageComposer = useMessageComposerController();\n  const { message } = useMessageContext();\n  const doHandleRetry = useRetryHandler();\n\n  if (!isMessageBounced(message)) {\n    console.warn(\n      `The MessageBounceProvider was rendered for a message that is not bounced. Have you missed the \"isMessageBounced\" check?`,\n    );\n  }\n\n  const channel = useChannel();\n\n  const handleDelete: ReactEventHandler = useCallback(() => {\n    channel.messagePaginator.removeItem({ id: message.id });\n  }, [channel, message]);\n\n  const handleEdit: ReactEventHandler = useCallback(\n    (e) => {\n      e.preventDefault();\n      savePreEditSnapshot(messageComposer);\n      messageComposer.initState({ composition: message });\n    },\n    [message, messageComposer],\n  );\n\n  const handleRetry: ReactEventHandler = useCallback(() => {\n    void doHandleRetry({ localMessage: message });\n  }, [doHandleRetry, message]);\n\n  const value = useMemo(\n    () => ({\n      handleDelete,\n      handleEdit,\n      handleRetry,\n      message,\n    }),\n    [handleDelete, handleEdit, handleRetry, message],\n  );\n\n  return (\n    <MessageBounceContext.Provider value={value}>\n      {children}\n    </MessageBounceContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,uBAAuB,cAC3B,KAAA,CACF;AAEA,SAAgB,0BAA0B;CACxC,OAAO,eACL,WAAW,oBAAoB,GAC/B,2BACA,uBACF;AACF;AAEA,SAAgB,sBAAsB,EAAE,YAAmC;CACzE,MAAM,kBAAkB,6BAA6B;CACrD,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,gBAAgB,gBAAgB;CAEtC,IAAI,CAAC,iBAAiB,OAAO,GAC3B,QAAQ,KACN,yHACF;CAGF,MAAM,UAAU,WAAW;CAE3B,MAAM,eAAkC,kBAAkB;EACxD,QAAQ,iBAAiB,WAAW,EAAE,IAAI,QAAQ,GAAG,CAAC;CACxD,GAAG,CAAC,SAAS,OAAO,CAAC;CAErB,MAAM,aAAgC,aACnC,MAAM;EACL,EAAE,eAAe;EACjB,oBAAoB,eAAe;EACnC,gBAAgB,UAAU,EAAE,aAAa,QAAQ,CAAC;CACpD,GACA,CAAC,SAAS,eAAe,CAC3B;CAEA,MAAM,cAAiC,kBAAkB;EACvD,cAAmB,EAAE,cAAc,QAAQ,CAAC;CAC9C,GAAG,CAAC,eAAe,OAAO,CAAC;CAE3B,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;CACF,IACA;EAAC;EAAc;EAAY;EAAa;CAAO,CACjD;CAEA,OACE,oBAAC,qBAAqB,UAAtB;EAAsC;EACnC;CAC4B,CAAA;AAEnC"}

package/dist/es/context/MessageComposerContext.mjs

@@ -1,3 +1,4 @@
+import { requireContext } from "./requireContext.mjs";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/MessageComposerContext.tsx
@@ -6,12 +7,13 @@ var MessageComposerContextProvider = ({ children, value }) => /* @__PURE__ */ js
 	value,
 	children
 });
-var useMessageComposerContext = (componentName) => {
-	const contextValue = useContext(MessageComposerContext);
-	if (!contextValue) return {};
-	return contextValue;
-};
+var useMessageComposerContext = () => requireContext(useContext(MessageComposerContext), "useMessageComposerContext", "MessageComposerContextProvider");
+/**
+* Whether the caller sits beneath a `MessageComposerContextProvider`, for components that render
+* both inside and outside a composer. See `WithDragAndDropUpload`.
+*/
+var useIsWithinMessageComposerContext = () => useContext(MessageComposerContext) !== void 0;
 //#endregion
-export { MessageComposerContext, MessageComposerContextProvider, useMessageComposerContext };
+export { MessageComposerContext, MessageComposerContextProvider, useIsWithinMessageComposerContext, useMessageComposerContext };
 
 //# sourceMappingURL=MessageComposerContext.mjs.map

package/dist/es/context/MessageComposerContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageComposerContext.mjs","names":[],"sources":["../../../src/context/MessageComposerContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { MessageComposerProps } from '../components/MessageComposer';\nimport type { UseMessageComposerBindingsParams } from '../components/MessageComposer/hooks/useMessageComposerBindings';\n\nexport type MessageComposerContextValue = UseMessageComposerBindingsParams &\n  Omit<MessageComposerProps, 'Input'>;\n\nexport const MessageComposerContext = createContext<\n  UseMessageComposerBindingsParams | undefined\n>(undefined);\n\nexport const MessageComposerContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageComposerContextValue;\n}>) => (\n  <MessageComposerContext.Provider\n    value={value as unknown as MessageComposerContextValue}\n  >\n    {children}\n  </MessageComposerContext.Provider>\n);\n\nexport const useMessageComposerContext = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  componentName?: string,\n) => {\n  const contextValue = useContext(MessageComposerContext);\n\n  if (!contextValue) {\n    return {} as MessageComposerContextValue;\n  }\n\n  return contextValue as unknown as MessageComposerContextValue;\n};\n"],"mappings":";;;AASA,IAAa,yBAAyB,cAEpC,KAAA,CAAS;AAEX,IAAa,kCAAkC,EAC7C,UACA,YAIA,oBAAC,uBAAuB,UAAxB;CACS;CAEN;AAC8B,CAAA;AAGnC,IAAa,6BAEX,kBACG;CACH,MAAM,eAAe,WAAW,sBAAsB;CAEtD,IAAI,CAAC,cACH,OAAO,CAAC;CAGV,OAAO;AACT"}
+{"version":3,"file":"MessageComposerContext.mjs","names":[],"sources":["../../../src/context/MessageComposerContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { MessageComposerProps } from '../components/MessageComposer';\nimport type { UseMessageComposerBindingsParams } from '../components/MessageComposer/hooks/useMessageComposerBindings';\nimport { requireContext } from './requireContext';\n\nexport type MessageComposerContextValue = UseMessageComposerBindingsParams &\n  Omit<MessageComposerProps, 'Input'>;\n\nexport const MessageComposerContext = createContext<\n  MessageComposerContextValue | undefined\n>(undefined);\n\nexport const MessageComposerContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageComposerContextValue;\n}>) => (\n  <MessageComposerContext.Provider value={value}>\n    {children}\n  </MessageComposerContext.Provider>\n);\n\nexport const useMessageComposerContext = () =>\n  requireContext(\n    useContext(MessageComposerContext),\n    'useMessageComposerContext',\n    'MessageComposerContextProvider',\n  );\n\n/**\n * Whether the caller sits beneath a `MessageComposerContextProvider`, for components that render\n * both inside and outside a composer. See `WithDragAndDropUpload`.\n */\nexport const useIsWithinMessageComposerContext = () =>\n  useContext(MessageComposerContext) !== undefined;\n"],"mappings":";;;;AAUA,IAAa,yBAAyB,cAEpC,KAAA,CAAS;AAEX,IAAa,kCAAkC,EAC7C,UACA,YAIA,oBAAC,uBAAuB,UAAxB;CAAwC;CACrC;AAC8B,CAAA;AAGnC,IAAa,kCACX,eACE,WAAW,sBAAsB,GACjC,6BACA,gCACF;;;;;AAMF,IAAa,0CACX,WAAW,sBAAsB,MAAM,KAAA"}

package/dist/es/context/MessageComposerControllerContext.mjs

@@ -0,0 +1,19 @@
+import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/MessageComposerControllerContext.tsx
+var MessageComposerControllerContext = React.createContext(void 0);
+/**
+* Supplies the composer a `MessageComposer` below it edits, in place of the thread's or channel's own.
+* For a composition the integrator owns - editing a message inline, for instance - where the default
+* composer is the wrong one to write into.
+*/
+var MessageComposerControllerProvider = ({ children, messageComposerController }) => /* @__PURE__ */ jsx(MessageComposerControllerContext.Provider, {
+	value: messageComposerController,
+	children
+});
+/** The composer supplied by {@link MessageComposerControllerProvider}, if any. */
+var useMessageComposerControllerContext = () => useContext(MessageComposerControllerContext);
+//#endregion
+export { MessageComposerControllerProvider, useMessageComposerControllerContext };
+
+//# sourceMappingURL=MessageComposerControllerContext.mjs.map

package/dist/es/context/MessageComposerControllerContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageComposerControllerContext.mjs","names":[],"sources":["../../../src/context/MessageComposerControllerContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\nimport type { MessageComposer as MessageComposerController } from 'stream-chat';\n\nconst MessageComposerControllerContext = React.createContext<\n  MessageComposerController | undefined\n>(undefined);\n\n/**\n * Supplies the composer a `MessageComposer` below it edits, in place of the thread's or channel's own.\n * For a composition the integrator owns - editing a message inline, for instance - where the default\n * composer is the wrong one to write into.\n */\nexport const MessageComposerControllerProvider = ({\n  children,\n  messageComposerController,\n}: PropsWithChildren<{\n  messageComposerController?: MessageComposerController;\n}>) => (\n  <MessageComposerControllerContext.Provider value={messageComposerController}>\n    {children}\n  </MessageComposerControllerContext.Provider>\n);\n\n/** The composer supplied by {@link MessageComposerControllerProvider}, if any. */\nexport const useMessageComposerControllerContext = () =>\n  useContext(MessageComposerControllerContext);\n"],"mappings":";;;AAIA,IAAM,mCAAmC,MAAM,cAE7C,KAAA,CAAS;;;;;;AAOX,IAAa,qCAAqC,EAChD,UACA,gCAIA,oBAAC,iCAAiC,UAAlC;CAA2C,OAAO;CAC/C;AACwC,CAAA;;AAI7C,IAAa,4CACX,WAAW,gCAAgC"}

package/dist/es/context/MessageContext.mjs

@@ -1,3 +1,4 @@
+import { requireContext } from "./requireContext.mjs";
 import React, { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/MessageContext.tsx
@@ -6,11 +7,7 @@ var MessageProvider = ({ children, value }) => /* @__PURE__ */ jsx(MessageContex
 	value,
 	children
 });
-var useMessageContext = (_componentName) => {
-	const contextValue = useContext(MessageContext);
-	if (!contextValue) return {};
-	return contextValue;
-};
+var useMessageContext = () => requireContext(useContext(MessageContext), "useMessageContext", "MessageProvider");
 //#endregion
 export { MessageContext, MessageProvider, useMessageContext };
 

package/dist/es/context/MessageContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContext.mjs","names":[],"sources":["../../../src/context/MessageContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nimport type {\n  DeleteMessageOptions,\n  LocalMessage,\n  Mute,\n  ReactionResponse,\n  ReactionSort,\n  UserResponse,\n} from 'stream-chat';\n\nimport type { ChannelActionContextValue } from './ChannelActionContext';\n\nimport type { ActionHandlerReturnType } from '../components/Message/hooks/useActionHandler';\nimport type { ReactEventHandler } from '../components/Message/types';\nimport type { MessageActionsArray } from '../components/Message/utils';\nimport type { GroupStyle } from '../components/MessageList/utils';\nimport type { ReactionsComparator, ReactionType } from '../components/Reactions/types';\n\nimport type { RenderTextFunction } from '../components/Message/renderText';\n\nexport type MessageContextValue = {\n  /** If actions such as edit, delete, flag, mute are enabled on Message */\n  actionsEnabled: boolean;\n  /**\n   * Returns all allowed actions on message by current user e.g., ['edit', 'delete', 'flag', 'mute', 'pin', 'quote', 'react', 'reply'].\n   * Please check [Message](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message.tsx) component for default implementation.\n   */\n  getMessageActions: () => MessageActionsArray<string>;\n  /** Function to send an action in a Channel */\n  handleAction: ActionHandlerReturnType;\n  /** Function to delete a message in a Channel */\n  handleDelete: (options?: DeleteMessageOptions) => Promise<void> | void;\n  /** Function to fetch the message reactions */\n  handleFetchReactions: (\n    reactionType?: ReactionType,\n    sort?: ReactionSort,\n  ) => Promise<Array<ReactionResponse>>;\n  /** Function to flag a message in a Channel */\n  handleFlag: ReactEventHandler;\n  /** Function to mark message and the messages that follow it as unread in a Channel */\n  handleMarkUnread: ReactEventHandler;\n  /** Function to mute a user in a Channel */\n  handleMute: ReactEventHandler;\n  /** Function to open a Thread on a Message */\n  handleOpenThread: ReactEventHandler;\n  /** Function to pin a Message in a Channel */\n  handlePin: ReactEventHandler;\n  /** Function to post a reaction on a Message */\n  handleReaction: (\n    reactionType: string,\n    event: React.BaseSyntheticEvent,\n  ) => Promise<void>;\n  /** Function to retry sending a Message */\n  handleRetry: ChannelActionContextValue['retrySendMessage'];\n  /** Function that returns whether the Message belongs to the current user */\n  isMyMessage: () => boolean;\n  /** The message object */\n  message: LocalMessage;\n  /** Indicates whether a message has not been read yet or has been marked unread */\n  messageIsUnread: boolean;\n  /** Handler function for a click event on an @mention in Message */\n  onMentionsClickMessage: ReactEventHandler;\n  /** Handler function for a hover event on an @mention in Message */\n  onMentionsHoverMessage: ReactEventHandler;\n  /** Handler function for a click event on the user that posted the Message */\n  onUserClick: ReactEventHandler;\n  /** Handler function for a hover event on the user that posted the Message */\n  onUserHover: ReactEventHandler;\n  /** 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`) */\n  autoscrollToBottom?: () => void;\n  /** Message component configuration prop. If true, picking a reaction from the `ReactionSelector` component will close the selector */\n  closeReactionSelectorOnClick?: boolean;\n  /** An array of user IDs that have confirmed the message delivery to their device */\n  deliveredTo?: UserResponse[];\n  /** If true, the message is the last one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */\n  endOfGroup?: boolean;\n  /** If true, the message is the first one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */\n  firstOfGroup?: boolean;\n  /** Override the default formatting of the date. This is a function that has access to the original date object, returns a string  */\n  formatDate?: (date: Date) => string;\n  /** If true, group messages sent by each user (only used in the `VirtualizedMessageList`) */\n  groupedByUser?: boolean;\n  /** A list of styles to apply to this message, ie. top, bottom, single */\n  groupStyles?: GroupStyle[];\n  /** Whether to highlight and focus the message on load */\n  highlighted?: boolean;\n  /** Whether the threaded message is the first in the thread list */\n  initialMessage?: boolean;\n  /**\n   * A factory function that determines whether a message is AI generated or not.\n   */\n  isMessageAIGenerated?: (message: LocalMessage) => boolean;\n  /** Latest own message in currently displayed message set. */\n  lastOwnMessage?: LocalMessage;\n  /** Latest message id on current channel */\n  lastReceivedId?: string | null;\n  /** DOMRect object for parent MessageList component */\n  messageListRect?: DOMRect;\n  /** Array of muted users coming from [ChannelStateContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_state_context/#mutes) */\n  mutes?: Mute[];\n  /** Sort options to provide to a reactions query */\n  reactionDetailsSort?: ReactionSort;\n  /** A list of users that have read this Message */\n  readBy?: UserResponse[];\n  /** When set, shows the sender avatar in a grid layout. Values: true | 'incoming' | 'outgoing'. */\n  showAvatar?: boolean | 'incoming' | 'outgoing';\n  /** Custom function to render message text content, defaults to the renderText function: [utils](https://github.com/GetStream/stream-chat-react/blob/master/src/utils.tsx) */\n  renderText?: RenderTextFunction;\n  /** Keep track of read receipts for each message sent by the user. When disabled, only the last own message delivery / read status is rendered. */\n  returnAllReadData?: boolean;\n  /** Comparator function to sort reactions, defaults to chronological order */\n  sortReactions?: ReactionsComparator;\n  /** Whether or not the Message is in a Thread */\n  threadList?: boolean;\n  /** render HTML instead of markdown. Posting HTML is only allowed server-side */\n  unsafeHTML?: boolean;\n  /**\n   * User-specific view for translated messages: which text to show.\n   * - `'original'`: show `message.text` (source language).\n   * - `'translated'`: show the translation for the **current user language** (from\n   *   `useTranslationContext().userLanguage`), i.e. `message.i18n[userLanguage + '_text']`\n   *   or fallback to `message.text` when missing. Resolved via `getTranslatedMessageText`.\n   */\n  translationView?: 'original' | 'translated';\n  /** Set whether this message shows original or translated text (user-specific, does not change message data). */\n  setTranslationView?: (view: 'original' | 'translated') => void;\n};\n\nexport const MessageContext = React.createContext<MessageContextValue | undefined>(\n  undefined,\n);\n\nexport const MessageProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageContextValue;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  _componentName?: string,\n) => {\n  const contextValue = useContext(MessageContext);\n\n  if (!contextValue) {\n    return {} as MessageContextValue;\n  }\n\n  return contextValue as unknown as MessageContextValue;\n};\n"],"mappings":";;;AAkIA,IAAa,iBAAiB,MAAM,cAClC,KAAA,CACF;AAEA,IAAa,mBAAmB,EAC9B,UACA,YAIA,oBAAC,eAAe,UAAhB;CAAgC;CAC7B;AACsB,CAAA;AAG3B,IAAa,qBAEX,mBACG;CACH,MAAM,eAAe,WAAW,cAAc;CAE9C,IAAI,CAAC,cACH,OAAO,CAAC;CAGV,OAAO;AACT"}
+{"version":3,"file":"MessageContext.mjs","names":[],"sources":["../../../src/context/MessageContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nimport type {\n  DeleteMessageOptions,\n  LocalMessage,\n  ReactionResponse,\n  SortParamRequest,\n  UserResponse,\n} from 'stream-chat';\n\nimport type { ActionHandlerReturnType } from '../components/Message/hooks/useActionHandler';\nimport type { ReactEventHandler } from '../components/Message/types';\nimport type { GroupStyle } from '../components/MessageList/utils';\nimport type { ReactionsComparator, ReactionType } from '../components/Reactions/types';\n\nimport type { RenderTextFunction } from '../components/Message/renderText';\nimport { requireContext } from './requireContext';\n\nexport type MessageContextValue = {\n  /** Function to send an action in a Channel */\n  handleAction: ActionHandlerReturnType;\n  /** Function to delete a message in a Channel */\n  handleDelete: (options?: DeleteMessageOptions) => Promise<void> | void;\n  /** Function to fetch the message reactions */\n  handleFetchReactions: (\n    reactionType?: ReactionType,\n    sort?: SortParamRequest[],\n  ) => Promise<Array<ReactionResponse>>;\n  /** Function to flag a message in a Channel */\n  handleFlag: ReactEventHandler;\n  /** Function to mark message and the messages that follow it as unread in a Channel */\n  handleMarkUnread: ReactEventHandler;\n  /** Function to mute a user in a Channel */\n  handleMute: ReactEventHandler;\n  /** Function to open a thread for the message (routed through ChatView navigation) */\n  handleOpenThread: ReactEventHandler;\n  /** Function to pin a Message in a Channel */\n  handlePin: ReactEventHandler;\n  /** Function to post a reaction on a Message */\n  handleReaction: (\n    reactionType: string,\n    event: React.BaseSyntheticEvent,\n  ) => Promise<void>;\n  /** Function to resend a failed message */\n  handleRetry: (message: LocalMessage) => Promise<void> | void;\n  /** Function that returns whether the Message belongs to the current user */\n  isMyMessage: () => boolean;\n  /** The message object */\n  message: LocalMessage;\n  /** Handler function for a click event on an @mention in Message */\n  onMentionsClickMessage: ReactEventHandler;\n  /** Handler function for a hover event on an @mention in Message */\n  onMentionsHoverMessage: ReactEventHandler;\n  /** Handler function for a click event on the user that posted the Message */\n  onUserClick: ReactEventHandler;\n  /** Handler function for a hover event on the user that posted the Message */\n  onUserHover: ReactEventHandler;\n  /** 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`) */\n  autoscrollToBottom?: () => void;\n  /** Message component configuration prop. If true, picking a reaction from the `ReactionSelector` component will close the selector */\n  closeReactionSelectorOnClick?: boolean;\n  /** An array of user IDs that have confirmed the message delivery to their device */\n  deliveredTo?: UserResponse[];\n  /** If true, the message is the last one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */\n  endOfGroup?: boolean;\n  /** If true, the message is the first one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */\n  firstOfGroup?: boolean;\n  /** Override the default formatting of the date. This is a function that has access to the original date object, returns a string  */\n  formatDate?: (date: Date) => string;\n  /** If true, group messages sent by each user (only used in the `VirtualizedMessageList`) */\n  groupedByUser?: boolean;\n  /** A list of styles to apply to this message, ie. top, bottom, single */\n  groupStyles?: GroupStyle[];\n  /** Whether to highlight and focus the message on load */\n  highlighted?: boolean;\n  /** Whether the threaded message is the first in the thread list */\n  initialMessage?: boolean;\n  /**\n   * A factory function that determines whether a message is AI generated or not.\n   */\n  isMessageAIGenerated?: (message: LocalMessage) => boolean;\n  /** Latest own message in currently displayed message set. */\n  lastOwnMessage?: LocalMessage;\n  /** Latest message id on current channel */\n  lastReceivedId?: string | null;\n  /** DOMRect object for parent MessageList component */\n  messageListRect?: DOMRect;\n  /** Sort options to provide to a reactions query */\n  reactionDetailsSort?: SortParamRequest[];\n  /** A list of users that have read this Message */\n  readBy?: UserResponse[];\n  /** When set, shows the sender avatar in a grid layout. Values: true | 'incoming' | 'outgoing'. */\n  showAvatar?: boolean | 'incoming' | 'outgoing';\n  /** Custom function to render message text content, defaults to the renderText function: [utils](https://github.com/GetStream/stream-chat-react/blob/master/src/utils.tsx) */\n  renderText?: RenderTextFunction;\n  /** Keep track of read receipts for each message sent by the user. When disabled, only the last own message delivery / read status is rendered. */\n  returnAllReadData?: boolean;\n  /** Comparator function to sort reactions, defaults to chronological order */\n  sortReactions?: ReactionsComparator;\n  /** If true, the Message is rendered inside a thread's reply list */\n  threadList?: boolean;\n  /** render HTML instead of markdown. Posting HTML is only allowed server-side */\n  unsafeHTML?: boolean;\n  /**\n   * User-specific view for translated messages: which text to show.\n   * - `'original'`: show `message.text` (source language).\n   * - `'translated'`: show the translation for the **current user language** (from\n   *   `useTranslationContext().userLanguage`), i.e. `message.i18n[userLanguage + '_text']`\n   *   or fallback to `message.text` when missing. Resolved via `getTranslatedMessageText`.\n   */\n  translationView?: 'original' | 'translated';\n  /** Set whether this message shows original or translated text (user-specific, does not change message data). */\n  setTranslationView?: (view: 'original' | 'translated') => void;\n};\n\nexport const MessageContext = React.createContext<MessageContextValue | undefined>(\n  undefined,\n);\n\nexport const MessageProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageContextValue;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = () =>\n  requireContext(useContext(MessageContext), 'useMessageContext', 'MessageProvider');\n"],"mappings":";;;;AAoHA,IAAa,iBAAiB,MAAM,cAClC,KAAA,CACF;AAEA,IAAa,mBAAmB,EAC9B,UACA,YAIA,oBAAC,eAAe,UAAhB;CAAgC;CAC7B;AACsB,CAAA;AAG3B,IAAa,0BACX,eAAe,WAAW,cAAc,GAAG,qBAAqB,iBAAiB"}

package/dist/es/context/MessageListContext.mjs

@@ -1,3 +1,4 @@
+import { requireContext } from "./requireContext.mjs";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/MessageListContext.tsx
@@ -9,14 +10,7 @@ var MessageListContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(Me
 	value,
 	children
 });
-var 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 ${componentName} component.`);
-		return {};
-	}
-	return contextValue;
-};
+var useMessageListContext = () => requireContext(useContext(MessageListContext), "useMessageListContext", "MessageListContextProvider");
 //#endregion
 export { MessageListContext, MessageListContextProvider, useMessageListContext };
 

package/dist/es/context/MessageListContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageListContext.mjs","names":[],"sources":["../../../src/context/MessageListContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport type { RenderedMessage } from '../components';\n\nexport type MessageListContextValue = {\n  /** Enriched message list, including date separators and intro message (if enabled) */\n  processedMessages: RenderedMessage[];\n  /** The scroll container within which the messages and typing indicator are rendered */\n  listElement: HTMLDivElement | null;\n  /** Function that scrolls the `listElement` to the bottom. */\n  scrollToBottom: () => void;\n};\n\nexport const MessageListContext = createContext<MessageListContextValue | undefined>(\n  undefined,\n);\n\n/**\n * Context provider for components rendered within the `MessageList`\n */\nexport const MessageListContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageListContextValue;\n}>) => (\n  <MessageListContext.Provider value={value as MessageListContextValue}>\n    {children}\n  </MessageListContext.Provider>\n);\n\nexport const useMessageListContext = (componentName?: string) => {\n  const contextValue = useContext(MessageListContext);\n\n  if (!contextValue) {\n    console.warn(\n      `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.`,\n    );\n\n    return {} as MessageListContextValue;\n  }\n\n  return contextValue as MessageListContextValue;\n};\n"],"mappings":";;;AAaA,IAAa,qBAAqB,cAChC,KAAA,CACF;;;;AAKA,IAAa,8BAA8B,EACzC,UACA,YAIA,oBAAC,mBAAmB,UAApB;CAAoC;CACjC;AAC0B,CAAA;AAG/B,IAAa,yBAAyB,kBAA2B;CAC/D,MAAM,eAAe,WAAW,kBAAkB;CAElD,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,4LAA4L,cAAc,YAC5M;EAEA,OAAO,CAAC;CACV;CAEA,OAAO;AACT"}
+{"version":3,"file":"MessageListContext.mjs","names":[],"sources":["../../../src/context/MessageListContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport type { RenderedMessage } from '../components';\nimport { requireContext } from './requireContext';\n\nexport type MessageListContextValue = {\n  /** Enriched message list, including date separators and intro message (if enabled) */\n  processedMessages: RenderedMessage[];\n  /** The scroll container within which the messages and typing indicator are rendered */\n  listElement: HTMLElement | null;\n  /** Function that scrolls the `listElement` to the bottom. */\n  scrollToBottom: () => void;\n};\n\nexport const MessageListContext = createContext<MessageListContextValue | undefined>(\n  undefined,\n);\n\n/**\n * Context provider for components rendered within the `MessageList`\n */\nexport const MessageListContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: MessageListContextValue;\n}>) => (\n  <MessageListContext.Provider value={value as MessageListContextValue}>\n    {children}\n  </MessageListContext.Provider>\n);\n\nexport const useMessageListContext = () =>\n  requireContext(\n    useContext(MessageListContext),\n    'useMessageListContext',\n    'MessageListContextProvider',\n  );\n"],"mappings":";;;;AAcA,IAAa,qBAAqB,cAChC,KAAA,CACF;;;;AAKA,IAAa,8BAA8B,EACzC,UACA,YAIA,oBAAC,mBAAmB,UAApB;CAAoC;CACjC;AAC0B,CAAA;AAG/B,IAAa,8BACX,eACE,WAAW,kBAAkB,GAC7B,yBACA,4BACF"}

package/dist/es/context/MessageTranslationViewContext.mjs

@@ -44,11 +44,10 @@ import { jsx } from "react/jsx-runtime";
 * undefined if not present. Used to resolve which of the multiple translations to show.
 */
 var getTranslatedMessageText = ({ language, message }) => message?.i18n?.[`${language}_text`];
-var defaultContextValue = {
+var MessageTranslationViewContext = createContext({
 	getTranslationView: (_messageId, hasI18n) => hasI18n ? "translated" : "original",
 	setTranslationView: () => {}
-};
-var MessageTranslationViewContext = createContext(defaultContextValue);
+});
 var MessageTranslationViewProvider = ({ children }) => {
 	const [viewByMessageId, setViewByMessageId] = useState({});
 	const setTranslationView = useCallback((messageId, view) => {
@@ -67,9 +66,7 @@ var MessageTranslationViewProvider = ({ children }) => {
 		children
 	});
 };
-var useMessageTranslationViewContext = () => {
-	return useContext(MessageTranslationViewContext) ?? defaultContextValue;
-};
+var useMessageTranslationViewContext = () => useContext(MessageTranslationViewContext);
 //#endregion
 export { MessageTranslationViewContext, MessageTranslationViewProvider, getTranslatedMessageText, useMessageTranslationViewContext };
 

package/dist/es/context/MessageTranslationViewContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageTranslationViewContext.mjs","names":[],"sources":["../../../src/context/MessageTranslationViewContext.tsx"],"sourcesContent":["/**\n * Message translation view context: user-specific state for whether each message\n * shows original text or a translation.\n *\n * ## Spec\n *\n * - **State**: Per message list (channel vs thread), we store a map\n *   `messageId → 'original' | 'translated'`. Default for messages with `message.i18n`\n *   is `'translated'`; otherwise `'original'`.\n *\n * - **Provider placement**: The provider is tied to the **message list**, not the channel.\n *   It is rendered inside `MessageList` and `VirtualizedMessageList`. That way the\n *   main channel list and the thread list each have their own translation view state\n *   (e.g. Thread.tsx gets correct behavior without sharing channel state).\n *\n * - **Multiple translations**: `message.i18n` can contain multiple languages, e.g.:\n *   `{ en_text: \"Good morning\", fr_text: \"Bonjour\", it_text: \"Buongiorno\", language: \"en\" }`.\n *   Which translation is shown is determined by the app’s **user language**\n *   (`useTranslationContext().userLanguage`). We use `message.i18n[userLanguage + '_text']`;\n *   if missing, we fall back to `message.text`. Only one translation is shown at a time.\n *\n * - **Source language**: When present, `message.i18n.language` is the original/source\n *   language of `message.text`. It can be used for the indicator label, e.g.\n *   \"Translated from English · View original\".\n *\n * - **Invariants**: The original message content, layout, grouping, and order stay\n *   unchanged. Removing or toggling translation only changes the annotation and which\n *   text is displayed. \"View original\" / \"View translation\" switch the displayed\n *   text and update the annotation (e.g. \"Original · View translation\" when showing\n *   original).\n *\n * - **Translation indicator visibility**: The translation indicator (e.g. \"Translated ·\n *   View original\") is **not** shown when the currently viewed text already corresponds\n *   to `userLanguage` — for example when viewing original and the original text is the\n *   user-language version (i.e. `getTranslatedMessageText({ language: userLanguage, message })`\n *   equals `message.text`). In that case there is no meaningful original/translated choice,\n *   so the indicator is hidden.\n */\n\nimport React, { createContext, useCallback, useContext, useState } from 'react';\nimport type { LocalMessage, TranslationLanguages } from 'stream-chat';\n\n/**\n * Returns the translated message text for a given language from `message.i18n`, or\n * undefined if not present. Used to resolve which of the multiple translations to show.\n */\nexport const getTranslatedMessageText = ({\n  language,\n  message,\n}: {\n  language: string;\n  message?: LocalMessage;\n}): string | undefined =>\n  message?.i18n?.[`${language}_text` as `${TranslationLanguages}_text`];\n\n/**\n * Which message text to show.\n * - `'original'`: `message.text` (source language).\n * - `'translated'`: translation for the **current user language** (TranslationContext’s\n *   `userLanguage`), i.e. `getTranslatedMessageText({ language: userLanguage, message })`\n *   or fallback to `message.text`.\n */\nexport type TranslationView = 'original' | 'translated';\n\nexport type MessageTranslationViewContextValue = {\n  getTranslationView: (messageId: string, hasI18n: boolean) => TranslationView;\n  setTranslationView: (messageId: string, view: TranslationView) => void;\n};\n\nconst defaultContextValue: MessageTranslationViewContextValue = {\n  getTranslationView: (_messageId, hasI18n) => (hasI18n ? 'translated' : 'original'),\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setTranslationView: () => {},\n};\n\nexport const MessageTranslationViewContext =\n  createContext<MessageTranslationViewContextValue>(defaultContextValue);\n\nexport const MessageTranslationViewProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [viewByMessageId, setViewByMessageId] = useState<Record<string, TranslationView>>(\n    {},\n  );\n\n  const setTranslationView = useCallback((messageId: string, view: TranslationView) => {\n    setViewByMessageId((prev) => ({ ...prev, [messageId]: view }));\n  }, []);\n\n  const getTranslationView = useCallback(\n    (messageId: string, hasI18n: boolean): TranslationView =>\n      viewByMessageId[messageId] ?? (hasI18n ? 'translated' : 'original'),\n    [viewByMessageId],\n  );\n\n  const stableValue = React.useMemo(\n    () => ({ getTranslationView, setTranslationView }),\n    [getTranslationView, setTranslationView],\n  );\n\n  return (\n    <MessageTranslationViewContext.Provider value={stableValue}>\n      {children}\n    </MessageTranslationViewContext.Provider>\n  );\n};\n\nexport const useMessageTranslationViewContext =\n  (): MessageTranslationViewContextValue => {\n    const context = useContext(MessageTranslationViewContext);\n    return context ?? defaultContextValue;\n  };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,IAAa,4BAA4B,EACvC,UACA,cAKA,SAAS,OAAO,GAAG,SAAS;AAgB9B,IAAM,sBAA0D;CAC9D,qBAAqB,YAAY,YAAa,UAAU,eAAe;CAEvE,0BAA0B,CAAC;AAC7B;AAEA,IAAa,gCACX,cAAkD,mBAAmB;AAEvE,IAAa,kCAAkC,EAC7C,eAGI;CACJ,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,CAAC,CACH;CAEA,MAAM,qBAAqB,aAAa,WAAmB,SAA0B;EACnF,oBAAoB,UAAU;GAAE,GAAG;IAAO,YAAY;EAAK,EAAE;CAC/D,GAAG,CAAC,CAAC;CAEL,MAAM,qBAAqB,aACxB,WAAmB,YAClB,gBAAgB,eAAe,UAAU,eAAe,aAC1D,CAAC,eAAe,CAClB;CAEA,MAAM,cAAc,MAAM,eACjB;EAAE;EAAoB;CAAmB,IAChD,CAAC,oBAAoB,kBAAkB,CACzC;CAEA,OACE,oBAAC,8BAA8B,UAA/B;EAAwC,OAAO;EAC5C;CACqC,CAAA;AAE5C;AAEA,IAAa,yCAC+B;CAExC,OADgB,WAAW,6BACpB,KAAW;AACpB"}
+{"version":3,"file":"MessageTranslationViewContext.mjs","names":[],"sources":["../../../src/context/MessageTranslationViewContext.tsx"],"sourcesContent":["/**\n * Message translation view context: user-specific state for whether each message\n * shows original text or a translation.\n *\n * ## Spec\n *\n * - **State**: Per message list (channel vs thread), we store a map\n *   `messageId → 'original' | 'translated'`. Default for messages with `message.i18n`\n *   is `'translated'`; otherwise `'original'`.\n *\n * - **Provider placement**: The provider is tied to the **message list**, not the channel.\n *   It is rendered inside `MessageList` and `VirtualizedMessageList`. That way the\n *   main channel list and the thread list each have their own translation view state\n *   (e.g. Thread.tsx gets correct behavior without sharing channel state).\n *\n * - **Multiple translations**: `message.i18n` can contain multiple languages, e.g.:\n *   `{ en_text: \"Good morning\", fr_text: \"Bonjour\", it_text: \"Buongiorno\", language: \"en\" }`.\n *   Which translation is shown is determined by the app’s **user language**\n *   (`useTranslationContext().userLanguage`). We use `message.i18n[userLanguage + '_text']`;\n *   if missing, we fall back to `message.text`. Only one translation is shown at a time.\n *\n * - **Source language**: When present, `message.i18n.language` is the original/source\n *   language of `message.text`. It can be used for the indicator label, e.g.\n *   \"Translated from English · View original\".\n *\n * - **Invariants**: The original message content, layout, grouping, and order stay\n *   unchanged. Removing or toggling translation only changes the annotation and which\n *   text is displayed. \"View original\" / \"View translation\" switch the displayed\n *   text and update the annotation (e.g. \"Original · View translation\" when showing\n *   original).\n *\n * - **Translation indicator visibility**: The translation indicator (e.g. \"Translated ·\n *   View original\") is **not** shown when the currently viewed text already corresponds\n *   to `userLanguage` — for example when viewing original and the original text is the\n *   user-language version (i.e. `getTranslatedMessageText({ language: userLanguage, message })`\n *   equals `message.text`). In that case there is no meaningful original/translated choice,\n *   so the indicator is hidden.\n */\n\nimport React, { createContext, useCallback, useContext, useState } from 'react';\nimport type { LocalMessage, TranslationLanguage } from 'stream-chat';\n\n/**\n * Returns the translated message text for a given language from `message.i18n`, or\n * undefined if not present. Used to resolve which of the multiple translations to show.\n */\nexport const getTranslatedMessageText = ({\n  language,\n  message,\n}: {\n  language: string;\n  message?: LocalMessage;\n}): string | undefined =>\n  message?.i18n?.[`${language}_text` as `${TranslationLanguage}_text`];\n\n/**\n * Which message text to show.\n * - `'original'`: `message.text` (source language).\n * - `'translated'`: translation for the **current user language** (TranslationContext’s\n *   `userLanguage`), i.e. `getTranslatedMessageText({ language: userLanguage, message })`\n *   or fallback to `message.text`.\n */\nexport type TranslationView = 'original' | 'translated';\n\nexport type MessageTranslationViewContextValue = {\n  getTranslationView: (messageId: string, hasI18n: boolean) => TranslationView;\n  setTranslationView: (messageId: string, view: TranslationView) => void;\n};\n\nconst defaultContextValue: MessageTranslationViewContextValue = {\n  getTranslationView: (_messageId, hasI18n) => (hasI18n ? 'translated' : 'original'),\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setTranslationView: () => {},\n};\n\nexport const MessageTranslationViewContext =\n  createContext<MessageTranslationViewContextValue>(defaultContextValue);\n\nexport const MessageTranslationViewProvider = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [viewByMessageId, setViewByMessageId] = useState<Record<string, TranslationView>>(\n    {},\n  );\n\n  const setTranslationView = useCallback((messageId: string, view: TranslationView) => {\n    setViewByMessageId((prev) => ({ ...prev, [messageId]: view }));\n  }, []);\n\n  const getTranslationView = useCallback(\n    (messageId: string, hasI18n: boolean): TranslationView =>\n      viewByMessageId[messageId] ?? (hasI18n ? 'translated' : 'original'),\n    [viewByMessageId],\n  );\n\n  const stableValue = React.useMemo(\n    () => ({ getTranslationView, setTranslationView }),\n    [getTranslationView, setTranslationView],\n  );\n\n  return (\n    <MessageTranslationViewContext.Provider value={stableValue}>\n      {children}\n    </MessageTranslationViewContext.Provider>\n  );\n};\n\n// created with a default value, so there is no missing-provider case\nexport const useMessageTranslationViewContext = () =>\n  useContext(MessageTranslationViewContext);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,IAAa,4BAA4B,EACvC,UACA,cAKA,SAAS,OAAO,GAAG,SAAS;AAsB9B,IAAa,gCACX,cAAkD;CANlD,qBAAqB,YAAY,YAAa,UAAU,eAAe;CAEvE,0BAA0B,CAAC;AAIuB,CAAmB;AAEvE,IAAa,kCAAkC,EAC7C,eAGI;CACJ,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,CAAC,CACH;CAEA,MAAM,qBAAqB,aAAa,WAAmB,SAA0B;EACnF,oBAAoB,UAAU;GAAE,GAAG;IAAO,YAAY;EAAK,EAAE;CAC/D,GAAG,CAAC,CAAC;CAEL,MAAM,qBAAqB,aACxB,WAAmB,YAClB,gBAAgB,eAAe,UAAU,eAAe,aAC1D,CAAC,eAAe,CAClB;CAEA,MAAM,cAAc,MAAM,eACjB;EAAE;EAAoB;CAAmB,IAChD,CAAC,oBAAoB,kBAAkB,CACzC;CAEA,OACE,oBAAC,8BAA8B,UAA/B;EAAwC,OAAO;EAC5C;CACqC,CAAA;AAE5C;AAGA,IAAa,yCACX,WAAW,6BAA6B"}

package/dist/es/context/ModalContext.mjs

@@ -6,14 +6,12 @@ var ModalContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(ModalCon
 	value,
 	children
 });
-var useModalContext = () => {
-	const contextValue = useContext(ModalContext);
-	if (!contextValue) {
-		console.warn(`The useModalContext hook was called outside of the ModalContext provider. Make sure this hook is called within a child of the GlobalModal.`);
-		return { close: () => null };
-	}
-	return contextValue;
-};
+var NO_MODAL_FALLBACK = { close: () => void 0 };
+/**
+* Works outside a modal: `Alert`, `Prompt` and `Viewer` are usable standalone, reading only
+* `dialogId` for aria wiring, and get a no-op `close`.
+*/
+var useModalContext = () => useContext(ModalContext) ?? NO_MODAL_FALLBACK;
 //#endregion
 export { ModalContext, ModalContextProvider, useModalContext };
 

package/dist/es/context/ModalContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.mjs","names":[],"sources":["../../../src/context/ModalContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nexport type ModalContextValue = {\n  close: () => void;\n  dialogId?: string;\n};\n\nexport const ModalContext = React.createContext<ModalContextValue | undefined>(undefined);\n\nexport const ModalContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ModalContextValue;\n}>) => <ModalContext.Provider value={value}>{children}</ModalContext.Provider>;\n\nexport const useModalContext = () => {\n  const contextValue = useContext(ModalContext);\n\n  if (!contextValue) {\n    console.warn(\n      `The useModalContext hook was called outside of the ModalContext provider. Make sure this hook is called within a child of the GlobalModal.`,\n    );\n\n    return { close: () => null };\n  }\n\n  return contextValue;\n};\n"],"mappings":";;;AAQA,IAAa,eAAe,MAAM,cAA6C,KAAA,CAAS;AAExF,IAAa,wBAAwB,EACnC,UACA,YAGK,oBAAC,aAAa,UAAd;CAA8B;CAAQ;AAAgC,CAAA;AAE7E,IAAa,wBAAwB;CACnC,MAAM,eAAe,WAAW,YAAY;CAE5C,IAAI,CAAC,cAAc;EACjB,QAAQ,KACN,4IACF;EAEA,OAAO,EAAE,aAAa,KAAK;CAC7B;CAEA,OAAO;AACT"}
+{"version":3,"file":"ModalContext.mjs","names":[],"sources":["../../../src/context/ModalContext.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nexport type ModalContextValue = {\n  close: () => void;\n  dialogId?: string;\n};\n\nexport const ModalContext = React.createContext<ModalContextValue | undefined>(undefined);\n\nexport const ModalContextProvider = ({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ModalContextValue;\n}>) => <ModalContext.Provider value={value}>{children}</ModalContext.Provider>;\n\n// module-level to keep a stable identity across renders\nconst NO_MODAL_FALLBACK: ModalContextValue = { close: () => undefined };\n\n/**\n * Works outside a modal: `Alert`, `Prompt` and `Viewer` are usable standalone, reading only\n * `dialogId` for aria wiring, and get a no-op `close`.\n */\nexport const useModalContext = () => useContext(ModalContext) ?? NO_MODAL_FALLBACK;\n"],"mappings":";;;AAQA,IAAa,eAAe,MAAM,cAA6C,KAAA,CAAS;AAExF,IAAa,wBAAwB,EACnC,UACA,YAGK,oBAAC,aAAa,UAAd;CAA8B;CAAQ;AAAgC,CAAA;AAG7E,IAAM,oBAAuC,EAAE,aAAa,KAAA,EAAU;;;;;AAMtE,IAAa,wBAAwB,WAAW,YAAY,KAAK"}