sendbird-uikit-react

Features:

• Support moderation in OpenChannel
  • Provide moderations: mute, unmute, ban, and unban on the OpenChannelSettings
  • Provide moderations: register and unregister operator on the OpenChannelSettings
  • Add MutedParticipantList and MutedParticipantsModal into the OpenChannelSettings
  • Add BannedUserList and BannedUsersModal into the OpenChannelSettings
  • Add OperatorList and OperatorsModal into the OpenChannelSettings
  • Add AddOperatorsModal into the OpenChannelSettings

Full Changelog: https://github.com/sendbird/sendbird-uikit-react/compare/v3.0.2...v3.1.0

Fixes:

• Explicitly export library as esm-module
  ESM library should have "type": "module" (package.json file that is going to /dist)
  This fixes Cannot use import outside module issue in next.js
• Add optional chaining for createApplicationUserList
• Fix QueryInProgress warning:
  React 18 strict mode glitch that causes useEffect to run twice
• Cannot connect sometimes when customApiHost is empty
  Connection couldnt be established with no error message when customApiHost and customWebSocketHost
  were passed as empty string
• Handle all chances of command not received error
  Handle chances of command not recieved error in markAsRead
  Experimental markasread handling -> longer times, no more call after unmount
• Move typing handler in channellist into local variable

Fixes:

• Explicitly export library as esm-module
  ESM library should have "type": "module" (package.json file that is going to /dist)
  This fixes Cannot use import outside module issue in next.js
• Add optional chaining for createApplicationUserList
• Cannot connect sometimes when customApiHost is empty
  Connection couldnt be established with no error message when customApiHost and customWebSocketHost
  were passed as empty string
• Handle all chances of command not received error
  Handle chances of command not recieved error in markAsRead
  Experimental markasread handling -> longer times, no more call after unmount
• Move typing handler in channellist into local variable

Features:

• Accept customApiHost & customWebSocketHost as props to SendbirdProvider
• Add basic TS project sample

Fixes:

• Improve URL detection in OG message
• Add onCloseClick to MessageSearchProps
• Safe call removeGroupChannelHandler in TypingIndicator
• Apply userListQuery
• Type definition for channellist and setting

• Bugfix
  • Fix: Improve URL detection in messages

Features:

• Support modules and components in the UIKit
• Upgraded to @sendbird/chat@4
• Support react 18
• See the Migration Guide for Converting V2 to V3. [details]
• See more details and breaking changes. [details]

Feature:

• Show profile on clicking a mention
• Visual highlight when user is mention
• Add session handler interface

  // its recommended to memoize configureSession function
  const memoizedConfigureSession = (sb) => {
    const sessionHandler = new sb.SessionHandler();
    sessionHandler.onSessionTokenRequired = (onSuccess, onError) => {
    };
    return sessionHandler;
  };

  // see: https://sendbird.com/docs/chat/v3/javascript/guides/authentication
  <SendbirdProvider
    configureSession={memoizedConfigureSession}
  />

Fix:

• Change the front-weight of Subtitle2 from 600 to 500
• Modify mention badge position on the ChannelListItem component
• Change Info Icon size to 20px on the SuggestedMentionListItem component
  Fix: Mention related stuff
• Modify the onMouseOver event on the SuggestedMentionList component
• Filter 'html' text when pasting text to the MessageInput component
• Hide and apply ellipsis for overflowing text on the SuggestedMentionListItem component
• Deactivate the MessageInput component when the current user is muted or the current channel is frozen
• Reset the mention states of the current channel when changing channel and closing the edit MessageInput component

Fixes:

• Export useChannelList
• Active disableAutoSelect props
• Remove empty CSS file to fix source map warning

DOC:

• Add info about webpack 5 breaking changes

Fixes:

• Rate limit markAsDelivered call
• Do not render date separator when renderCustomSeparator is null

Misc:

• Update Chat SDK minimum version to 3.1.13

[2.7.1] (May 11 2022)

• Bugfix
  • Add rate limit to markAsDelivered call
  • Thumbnail message shouldnt be clikced while loading
  • Fix sample: corrected groupChannel sample setting placement

Feature:

• Mention

  • Add isMentionEnabled props to the and
  • Add userMention into the config props of the andd
    • <SendbirdProvider config={{ userMention: { maxMentionCount: 10, maxSuggestionCount: 15 } }} />
    • maxMentionCount: A maximum count that you can mention in the message input
    • maxSuggestionCount: A maximum user count that the SuggestedMentionList suggests for user mention
  • Create SuggestedMentionList component under the Channel smart component
    • Create SuggestedUserMentionItem component
  • Create MentionUserLabel ui component
  • Add string set
    • MENTION_NAME__NO_NAME: '(No name)'
    • MENTION_COUNT__OVER_LIMIT: 'You can mention up to %d times per message.'
      Fix:

• Type definition file fix for TS project
  For typescript projects, add node_modules/@sendbird/uikit-react/index.d.ts
  to your include section in tsconfig file to get type definitions

• Move font import to top of CSS file
  Some bundlers such as parcel throw error:
  @import rules must precede all rules aside from @charset and @layer statements
  Resolve this issue by moving the line to the top

• Features
  • Add props disableAutoSelect into the
    • A flag to allow or disallow the channel auto select feature
  • Add progressHandler into the getSendFileMessage hook
    • getSendFileMessage = (store) => (channelUrl, fileMessageParams, progressHandler)
• Bugfix
  • Modify difinition type of renderUserProfile props in the
  • Update message receipts on real time basis
  • Suppress an intermittent NO_ACK Error

[2.7.0-alpha] (Mar 11 2022)

• Minor Update
  • Use commonjs module as default - jest expects commonjs module
    • Builds are now saved to \dist instead of \release
• Features
  • Add progressHandler into the GetSendFileMessage hook
  • Provide an auto select flag in the channel list
• Bugfix
  • Localization parameter for some format calls
  • Exclude the optional param when locale is undefined in the dateFns utils
  • Appear MessageStatus component in Safari

• Minor Update
  • Use commonjs module as default - jest expects commonjs module
    • Builds are now saved to \dist instead of \release
• Features
  • Add progressHandler into the GetSendFileMessage hook
  • Provide an auto select flag in the channel list
    -Bugfix
  • localization parameter for some format calls
  • Exclude the optional param when locale is undefined in the dateFns utils
  • Disappearing MessageStatus component in Safari

• Features
  • Setup date localization
• Bugfix
  • Add sortChannelList props to the ChannelListProps
  • Appear message status icon in Safari
  • Fix complication issue: Element not defined
  • Fix event leakage issues (scroll and pop-up)

[2.5.3] (Jan 19 2022)

[2.5.3-alpha] (Jan 19 2022)

• Bugfix
  • Modify type of renderChatItem to function
  • Modify dependencies of react and react-dom libraries
  • Do not update current user info when nickname and userProfileUrl props are empty

[2.5.3-alpha] (Jan 19 2022)

• Bugfix
  • Modify type of renderChatItem to function
  • Modify dependencies of react and react-dom libraries
  • Do not update current user info when nickname and userProfileUrl props are empty

• Bugfix
  • Move scroll when the height of message item changes
  • Fix emoji reaction background color when the message is highlighted

Features:

• Implement experimentalMessageLimit for openChannel
  This feature limits the no.of messages that are stored in
  OpenChannel. This is intended for live streaming, where multiple
  thousands of messages are expected to flow
  Recommend a limit higher than 150 and less than 500
  Usage:

<OpenChannel experimentalMessageLimit={number} />

Fixes:

• Fix time stamp position on message threading
• Add quote message to onBeforeSendFileMessage params

• Bugfix
  • Add type definition for replyType into the props of and
  • Replace the position of message status and timestamp
  • Change word-break property for text message in group channel
  • Fix admin message break in group channel

This is an alpha version release for bugfix