stream-chat-android-compose/io.getstream.chat.android.compose.ui.components.messages

Package-level declarations

Functions

fun getMessageBubbleColor(message: Message, ownsMessage: Boolean): Color

Determines the background color of the message bubble based on the message content and ownership.

fun GiphyMessageContent(message: Message, currentUser: User?, modifier: Modifier = Modifier, onGiphyActionClick: (GiphyAction) -> Unit = {})

Represents the content of an ephemeral giphy message.

MessageBubble

@Composable

fun MessageBubble(color: Color, shape: Shape, modifier: Modifier = Modifier, border: BorderStroke? = BorderStroke(1.dp, ChatTheme.colors.borders), contentPadding: PaddingValues = PaddingValues(), content: @Composable () -> Unit)

Wraps the content of a message in a bubble.

MessageContent

@Composable

fun MessageContent(message: Message, currentUser: User?, modifier: Modifier = Modifier, onLongItemClick: (Message) -> Unit = {}, onGiphyActionClick: (GiphyAction) -> Unit = {}, onQuotedMessageClick: (Message) -> Unit = {}, onUserMentionClick: (User) -> Unit = {}, onLinkClick: (Message, String) -> Unit? = null, messageContentFactory: MessageContentFactory = ChatTheme.messageContentFactory, onMediaGalleryPreviewResult: (MediaGalleryPreviewResult?) -> Unit = {}, giphyEphemeralContent: @Composable () -> Unit = { if (messageContentFactory == MessageContentFactory.Deprecated) { ChatTheme.componentFactory.MessageGiphyContent( message = message, currentUser = currentUser, onGiphyActionClick = onGiphyActionClick, ) } else { messageContentFactory.MessageGiphyContent( message = message, currentUser = currentUser, onGiphyActionClick = onGiphyActionClick, ) } }, deletedMessageContent: @Composable () -> Unit = { if (messageContentFactory == MessageContentFactory.Deprecated) { ChatTheme.componentFactory.MessageDeletedContent( modifier = modifier, ) } else { messageContentFactory.MessageDeletedContent( modifier = modifier, ) } }, regularMessageContent: @Composable () -> Unit = { if (messageContentFactory == MessageContentFactory.Deprecated) { ChatTheme.componentFactory.MessageRegularContent( message = message, currentUser = currentUser, onLongItemClick = onLongItemClick, onMediaGalleryPreviewResult = onMediaGalleryPreviewResult, onQuotedMessageClick = onQuotedMessageClick, onLinkClick = onLinkClick, onUserMentionClick = onUserMentionClick, ) } else { DefaultMessageContent( message = message, currentUser = currentUser, onLongItemClick = onLongItemClick, messageContentFactory = messageContentFactory, onMediaGalleryPreviewResult = onMediaGalleryPreviewResult, onQuotedMessageClick = onQuotedMessageClick, onLinkClick = onLinkClick, onUserMentionClick = onUserMentionClick, ) } })

Represents the default message content within the bubble that can show different UI based on the message state.

MessageFooter

@Composable

fun MessageFooter(messageItem: MessageItemState, onToggleOriginalText: () -> Unit = {})

Default message footer, which contains either MessageThreadFooter or the default footer, which holds the sender name and the timestamp.

MessageHeaderLabel

@Composable

fun MessageHeaderLabel(painter: Painter, modifier: Modifier = Modifier, text: String? = null, contentPadding: PaddingValues = PaddingValues(vertical = 2.dp, horizontal = 4.dp))

Represents a meta information about the message that is shown above the message bubble.

MessageReactionItem

@Composable

fun MessageReactionItem(option: ReactionOptionItemState, modifier: Modifier = Modifier)

Represents a small message reaction item.

MessageReactionItemNotSelectedPreview

@Preview

@Composable

fun MessageReactionItemNotSelectedPreview()

Preview for MessageReactionItem that's not selected.

MessageReactionItemSelectedPreview

@Preview

@Composable

fun MessageReactionItemSelectedPreview()

Preview for MessageReactionItem that's selected.

MessageReactions

@Composable

fun MessageReactions(options: List<ReactionOptionItemState>, modifier: Modifier = Modifier, itemContent: @Composable RowScope.(ReactionOptionItemState) -> Unit = { option -> MessageReactionItem( modifier = Modifier .size(20.dp) .padding(2.dp) .align(Alignment.CenterVertically) .testTag("Stream_MessageReaction_${option.type}"), option = option, ) })

Represents a reaction bubble with a list of reactions this message has.

MessageText

@Composable

fun MessageText(message: Message, currentUser: User?, modifier: Modifier = Modifier, onLongItemClick: (Message) -> Unit, onLinkClick: (Message, String) -> Unit? = null, onUserMentionClick: (User) -> Unit = {})

Default text element for messages, with extra styling and padding for the chat bubble.

MessageThreadFooter

@Composable

fun MessageThreadFooter(participants: List<User>, text: String, messageAlignment: MessageAlignment, modifier: Modifier = Modifier)

Shows a row of participants in the message thread, if they exist.

MessageTranslatedLabel

@Composable

fun MessageTranslatedLabel(messageItem: MessageItemState, onToggleOriginalText: () -> Unit = {})

A composable function that displays a label indicating that a message has been translated.

OwnedMessageVisibilityContent

@Composable

fun OwnedMessageVisibilityContent(message: Message, modifier: Modifier = Modifier)

Shows the content that lets the user know that only they can see the message.

PollMessageContent

@Composable

fun PollMessageContent(modifier: Modifier, messageItem: MessageItemState, onCastVote: (Message, Poll, Option) -> Unit, onRemoveVote: (Message, Poll, Vote) -> Unit, selectPoll: (Message, Poll, PollSelectionType) -> Unit, onAddAnswer: (message: Message, poll: Poll, answer: String) -> Unit, onClosePoll: (String) -> Unit, onAddPollOption: (poll: Poll, option: String) -> Unit, onLongItemClick: (Message) -> Unit = {})

Message content for the poll, which distinguishes the owner and users and allows them to interact.

QuotedMessage

@Composable

fun QuotedMessage(message: Message, currentUser: User?, onLongItemClick: (Message) -> Unit, onQuotedMessageClick: (Message) -> Unit, modifier: Modifier = Modifier, replyMessage: Message? = null, leadingContent: @Composable (Message) -> Unit = { DefaultQuotedMessageLeadingContent( message = it, currentUser = currentUser, ) }, centerContent: @Composable RowScope.(Message) -> Unit = { DefaultQuotedMessageCenterContent( message = it, replyMessage = replyMessage, currentUser = currentUser, ) }, trailingContent: @Composable (Message) -> Unit = { DefaultQuotedMessageTrailingContent( message = it, currentUser = currentUser, ) })

Wraps the quoted message into a component that shows only the sender avatar, text and single attachment preview.

QuotedMessageContent

@Composable

fun QuotedMessageContent(message: Message, currentUser: User?, modifier: Modifier = Modifier, replyMessage: Message? = null, attachmentContent: @Composable (Message) -> Unit = { DefaultQuotedMessageAttachmentContent( message = it, currentUser = currentUser, ) }, textContent: @Composable (Message) -> Unit = { DefaultQuotedMessageTextContent( message = it, replyMessage = replyMessage, currentUser = currentUser, ) })

Represents the default quoted message content that shows an attachment preview, if available, and the message text.

QuotedMessageText

@Composable

fun QuotedMessageText(message: Message, currentUser: User?, modifier: Modifier = Modifier, replyMessage: Message? = null, quoteMaxLines: Int = DefaultQuoteMaxLines)

Default text element for quoted messages, with extra styling and padding for the chat bubble.

ThreadParticipants

@Composable

fun ThreadParticipants(participants: List<User>, alignment: MessageAlignment, modifier: Modifier = Modifier, borderStroke: BorderStroke = BorderStroke(width = 1.dp, color = ChatTheme.colors.appBackground), participantsLimit: Int = DefaultParticipantsLimit)

Represents a number of participants in the thread.

UploadingFooter

@Composable

fun UploadingFooter(message: Message, modifier: Modifier = Modifier)

A footer indicating the current upload progress - how many items have been uploaded and what the total number of items is.

Inherited functions

DefaultQuotedMessageCenterContent

@Composable

fun RowScope.DefaultQuotedMessageCenterContent(message: Message, currentUser: User?, replyMessage: Message? = null)

Represents the default content shown in the center of the quoted message wrapped inside a message bubble.