@sendbird/uikit-react 3.3.1

[v3.3.1] (Nov 23 2022)

on Node.js NPM

[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