@sendbird/uikit-react - npm Package Versions

[v3.15.6] (Oct 11th, 2024)

Features:

• Exported useLocalization Hook:
  • Provided access to stringSet and dateLocale.
  • Note: Required SendbirdProvider to wrap your component for proper usage.
  • Import Path: "@sendbird/uikit-react/hooks/useLocalization"
• Exported ThreadReplySelectType:
  • Import Paths:
    • "@sendbird/uikit-react/Channel/context"
    • "@sendbird/uikit-react/GroupChannel/context"

Fixes

• Modified the MessageInput to scroll to the caret position when pasting text.
• The maximum height of the MessageInput has been extended to '92px'
• Fixed an error message on MenuItemAction when the children prop is undefined

[v3.15.5] (Oct 4th, 2024)

Updates

• Usage of template message feature:
  1. Template data in message
  • removed: A message with valid extendedMessagePayload.template value will be displayed with TemplateMessageItemBody.
  • added: A message with valid extendedMessagePayload.message_template value will be displayed with TemplateMessageItemBody.
  1. Container type data in message
  • removed: Added 'wide' width support for MessageContent when value exists in message.extendedMessagePayload['ui']['container_type']
  • added: Added support for template message rendering options (boolean type): profile, time, and nickname in extendedMessagePayload['message_template']['container_options']

[v3.15.4] (Sep 26th, 2024)

Features

• Added stringSet for date format and applied them | Key | Value | | --- | ----- | | DATE_FORMAT__MESSAGE_CREATED_AT | 'p' | | DATE_FORMAT__UNREAD_SINCE | 'p MMM dd' | | DATE_FORMAT__LAST_MESSAGE_CREATED_AT__TODAY | 'p' | | DATE_FORMAT__LAST_MESSAGE_CREATED_AT__THIS_YEAR | 'MMM d' | | DATE_FORMAT__LAST_MESSAGE_CREATED_AT__PREVIOUS_YEAR | 'yyyy/M/d' |

[v3.15.3] (Sep 12th, 2024)

Fixes

• Fixed incorrect styling for Checkbox.
• Fixed the issue where the channel list appears empty when the UIKit is rendered for the first time.

[v3.15.2] (Sep 6th, 2024)

Features

• Introduced new message event handlers for onSendMessageFailed, onUpdateMessageFailed, and onFileUploadFailed in the eventHandlers prop of the message input component. These handlers allow developers to respond to message send, update, and file upload failures.
  • How to use?

  <Sendbird
    eventHandlers={{
      message: {
        onSendMessageFailed: (message, error) => {
          // You can use the message parameter to create specific conditions
          if (message.isUserMessage()) {
            alert(`Message failed to send: ${error?.message}`);
          }
        },
        onUpdateMessageFailed: (message, error) => {
          console.log(`Failed to update message: ${message.messageId}, Error: ${error}`);
        },
        onFileUploadFailed: (error) => {
          console.error('File upload failed', error);
        },
      },
    }}
  

Fixes

• Fixed an issue where the channel UI's scroll did not work after sending a new message. This issue was specific to the NextJS environment.