This is documentation for Stream Chat Angular SDK v4, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v5).

MessageBouncePromptComponent

The component watches for the channelService.bouncedMessage$ stream and opens the bounce modal if a message is emitted.

To bounce messages, you need to set up semantic filters for moderation.

Usage

To bounce messages, you need to set up semantic filters for moderation.

When a user tries to send a message that voilates the content guidelines set up by a semantic filter the StreamMessage object will have the following format:

  • type will be error
  • the moderation_details property will contain the details of the error

The built-in message component will open the bounce prompt when a bounced message is clicked. If you have a custom UI, this is how you can do that:

constructor(private channelService: ChannelService) {
  // Open the modal
  this.messageActionsService.bouncedMessage$.next(<stream message>);
  // Close the modal
  this.messageActionsService.bouncedMessage$.next(undefined);
}

The built-in channel component displays the stream-message-bounce-prompt component. If you have a custom UI, this is how you can do that:

<stream-message-bounce-prompt></stream-message-bounce-prompt>

Message Bounce Screenshot

Customization

You can provide your own custom component using the customTemplatesService.messageBouncePromptTemplate$ property

© Getstream.io, Inc. All Rights Reserved.