@sendbird/uikit-react - npm Package Versions

[v3.3.1] (Nov 23 2022)

Fixes:

• Rename properties of useThreadContext
  • channelStatus to channelState
  • parentMessageInfoStatus to parentMessageState
  • threadListStatus to threadListState
• Change the state types to enum

  enum ChannelStateTypes {
    NIL = 'NIL',
    LOADING = 'LOADING',
    INVALID = 'INVALID',
    INITIALIZED = 'INITIALIZED',
  }
  enum ParentMessageStateTypes {
    NIL = 'NIL',
    LOADING = 'LOADING',
    INVALID = 'INVALID',
    INITIALIZED = 'INITIALIZED',
  }
  enum ThreadListStateTypes {
    NIL = 'NIL',
    LOADING = 'LOADING',
    INVALID = 'INVALID',
    INITIALIZED = 'INITIALIZED',
  }
  

[v3.3.0] (Nov 23 2022)

Features:

• Provide new module Thread. See the specific informations of this module on the Docs page
  • You can use a combined component Thread. Import it with

    import Thread from "@sendbird/uikit-react/Thread"
    

  • Also you can use ThreadProvider and useThreadContext for customization. Import it with

    import { ThreadProvider, useThreadContext } from "@sendbird/uikit-react/Thread/context"
    

  • And the other UI components are provided under the Thread. ThreadUI, ThreadHeader, ParentMessageInfo, ParentMessageInfoItem, ThreadList, ThreadListItem, and ThreadMessageInput are it
• Add channel props
  • threadReplySelectType: Type of the value should be

    enum ThreadReplySelectType { PARENT, THREAD }
    

    You can see how to use it below

    import { ThreadReplySelectType } from "@sendbird/uikit-react/Channel/context";
    
    <Channel
      ...
      threadReplySelectType={ThreadReplySelectType.PARENT}
    />
    

  • animatedMessage: Type of the value should be number(messageId)
  • onReplyInThread: This function is called when user click the button "Reply in thread" on the message context menu

    type onReplyInThread = ({ message: UserMessage | FileMessage }) => void
    

  • onQuoteMessageClick: This function is called when user click the quote message on the message of Channel

    type onQuoteMessageClick = ({ message: UserMessage | FileMessage }) => {}
    

  • onMessageAnimated: This function is called after that message item is animated

    type onMessageAnimated = () => void
    

  • onMessageHighlighted: This function is called after that message item is highlighted

    type onMessageHighlighted = () => void
    

• Add ui/ThreadReplies component

  interface ThreadRepliesProps {
    className?: string;
    threadInfo: ThreadInfo;
    onClick?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
  }
  

Fixes:

• Do not allow operator to unregister itself on the OperatorList of GroupChannel
• Create new group channel when user open 1:1 channel on the UserProfile
• Register the channel creator as an operator in 1:1 channel

[v3.2.6] (Nov 14 2022)

Fix:

• Use ref instead of querySelector for DOM manipulation Fixes the issue where input is not cleared when multiple channels are open at the same time
• Apply pre-line into the OpenChannelUserMessage Fixes the issue where OpenChannel UserMessage doesnt have new line

[v3.2.5] (Nov 7 2022)

Fix:

• Modify the type of parameters in the sendbirdSelectors There has been unsyncronous between reality and types This fix only affects to TypeScript
  • getLeaveGroupChannel: channel to channelUrl
  • getEnterOpenChannel: channel to channelUrl
  • getExitOpenChannel: channel to channelUrl