@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/Channel/components/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../src/utils/useDidMountEffect.ts","../../../../src/smart-components/Channel/components/Message/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useDidMountEffect = (func: () => void, deps: Array<unknown>): void => {\n  const [didMount, setDidmount] = useState(false);\n  useEffect(() => {\n    if (didMount) {\n      func();\n    } else {\n      setDidmount(true);\n    }\n  }, deps);\n};\n\nexport default useDidMountEffect;\n","import React, {\n  useRef,\n  useMemo,\n  useState,\n  useEffect,\n  useLayoutEffect,\n} from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\n\nimport useDidMountEffect from '../../../../utils/useDidMountEffect';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { getClassName } from '../../../../utils';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT } from '../../context/const';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport MessageContent from '../../../../ui/MessageContent';\nimport FileViewer from '../FileViewer';\nimport RemoveMessageModal from '../RemoveMessageModal';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback'\n\ntype MessageUIProps = {\n  message: EveryMessage;\n  hasSeparator?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  handleScroll: () => void;\n  // for extending\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderEditInput?: () => React.ReactElement;\n  renderMessageContent?: () => React.ReactElement;\n};\n\n// todo: Refactor this component, is too complex now\nconst Message = ({\n  message,\n  hasSeparator,\n  chainTop,\n  chainBottom,\n  handleScroll,\n  renderCustomSeparator,\n  renderEditInput,\n  renderMessage,\n  renderMessageContent,\n}: MessageUIProps): React.ReactElement => {\n  const { dateLocale } = useLocalization();\n  const globalStore = useSendbirdStateContext();\n  const {\n    userId,\n    isOnline,\n    isMentionEnabled,\n    userMention,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || MAX_USER_MENTION_COUNT;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || MAX_USER_SUGGESTION_COUNT;\n\n  const {\n    initialized,\n    currentGroupChannel,\n    highLightedMessageId,\n    setHighLightedMessageId,\n    animatedMessageId,\n    setAnimatedMessageId,\n    updateMessage,\n    scrollToMessage,\n    replyType,\n    threadReplySelectType,\n    isReactionEnabled,\n    toggleReaction,\n    emojiContainer,\n    nicknamesMap,\n    setQuoteMessage,\n    resendMessage,\n    renderUserMentionItem,\n    onReplyInThread,\n    onQuoteMessageClick,\n    onMessageAnimated,\n    onMessageHighlighted,\n    onScrollCallback,\n  } = useChannelContext();\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [isHighlighted, setIsHighlighted] = useState(false);\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const editMessageInputRef = useRef(null);\n  const messageScrollRef = useRef(null);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isDisabledBecauseFrozen(currentGroupChannel)\n    && !isDisabledBecauseMuted(currentGroupChannel);\n  const disabled = !initialized\n    || isDisabledBecauseFrozen(currentGroupChannel)\n    || isDisabledBecauseMuted(currentGroupChannel)\n    || !isOnline;\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    hasMore: false,\n    onScroll: onScrollCallback,\n    scrollRef: messageScrollRef,\n  });\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  useDidMountEffect(() => {\n    if (currentGroupChannel?.lastMessage?.messageId === message?.messageId) {\n      handleScroll?.();\n    }\n  }, [showEdit, message?.reactions?.length]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageHighlightedTimeout = null;\n    if (highLightedMessageId === message.messageId && messageScrollRef?.current) {\n      handleOnScroll();\n      setIsAnimated(false);\n      animationTimeout = setTimeout(() => {\n        setIsHighlighted(true);\n      }, 500);\n      messageHighlightedTimeout = setTimeout(() => {\n        setHighLightedMessageId(0);\n        onMessageHighlighted?.();\n      }, 1600);\n    } else {\n      setIsHighlighted(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageHighlightedTimeout);\n    }\n  }, [highLightedMessageId, messageScrollRef.current, message.messageId]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageAnimatedTimeout = null;\n    if (animatedMessageId === message.messageId && messageScrollRef?.current) {\n      handleOnScroll();\n      setIsHighlighted(false);\n      animationTimeout = setTimeout(() => {\n        setIsAnimated(true);\n      }, 500);\n      messageAnimatedTimeout = setTimeout(() => {\n        setAnimatedMessageId(0);\n        onMessageAnimated?.();\n      }, 1600);\n    } else {\n      setIsAnimated(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageAnimatedTimeout);\n    }\n  }, [animatedMessageId, messageScrollRef.current, message.messageId, onMessageAnimated]);\n  const renderedMessage = useMemo(() => {\n    return renderMessage?.({\n      message,\n      chainTop,\n      chainBottom,\n    });\n  }, [message, renderMessage]);\n  const renderedCustomSeparator = useMemo(() => {\n    if (renderCustomSeparator) {\n      return renderCustomSeparator?.({ message: message });\n    }\n    return null;\n  }, [message, renderCustomSeparator]);\n\n  if (renderedMessage) {\n    return (\n      <div\n        ref={messageScrollRef}\n        className={getClassName([\n          'sendbird-msg-hoc sendbird-msg--scroll-ref',\n          isAnimated ? 'sendbird-msg-hoc__animated' : '',\n          isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n        ])}\n      >\n        {/* date-separator */}\n        {\n          // TODO: Add message instance as a function parameter\n          hasSeparator && (renderedCustomSeparator || (\n            <DateSeparator>\n              <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n                {format(message.createdAt, 'MMMM dd, yyyy', {\n                  locale: dateLocale,\n                })}\n              </Label>\n            </DateSeparator>\n          ))\n        }\n        {renderedMessage}\n      </div>\n    );\n  }\n\n  if (showEdit && message?.isUserMessage?.()) {\n    return renderEditInput?.() || (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              targetNickname={mentionNickname}\n              inputEvent={messageInputEvent}\n              renderUserMentionItem={renderUserMentionItem}\n              onUserItemClick={(user) => {\n                if (user) {\n                  setMentionedUsers([...mentionedUsers, user]);\n                }\n                setMentionNickname('');\n                setSelectedUser(user);\n                setMessageInputEvent(null);\n              }}\n              onFocusItemChange={() => {\n                setMessageInputEvent(null);\n              }}\n              onFetchUsers={(users) => {\n                setMentionSuggestedUsers(users);\n              }}\n              ableAddMention={ableMention}\n              maxMentionCount={maxUserMentionCount}\n              maxSuggestionCount={maxUserSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={message}\n          onStartTyping={() => {\n            currentGroupChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onUserMentioned={(user) => {\n            if (selectedUser?.userId === user?.userId) {\n              setSelectedUser(null);\n              setMentionNickname('');\n            }\n          }}\n          onMentionStringChange={(mentionText) => {\n            setMentionNickname(mentionText);\n          }}\n          onMentionedUserIdsUpdated={(userIds) => {\n            setMentionedUserIds(userIds);\n          }}\n          onKeyDown={(e) => {\n            if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n              && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n            ) {\n              setMessageInputEvent(e);\n              return true;\n            }\n            return false;\n          }}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div\n      className={getClassName([\n        'sendbird-msg-hoc sendbird-msg--scroll-ref',\n        isAnimated ? 'sendbird-msg-hoc__animated' : '',\n        isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n      ])}\n      style={{ marginBottom: '2px' }}\n      ref={messageScrollRef}\n    >\n      {/* date-separator */}\n      {\n        hasSeparator && (renderedCustomSeparator || (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        ))\n      }\n      {/* Message */}\n      {\n        renderMessageContent?.() || (\n          <MessageContent\n            className=\"sendbird-message-hoc__message-content\"\n            userId={userId}\n            scrollToMessage={scrollToMessage}\n            channel={currentGroupChannel}\n            message={message}\n            disabled={!isOnline}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n            isReactionEnabled={isReactionEnabled}\n            replyType={replyType}\n            threadReplySelectType={threadReplySelectType}\n            nicknamesMap={nicknamesMap}\n            emojiContainer={emojiContainer}\n            showEdit={setShowEdit}\n            showRemove={setShowRemove}\n            showFileViewer={setShowFileViewer}\n            resendMessage={resendMessage}\n            toggleReaction={toggleReaction}\n            setQuoteMessage={setQuoteMessage}\n            onReplyInThread={onReplyInThread}\n            onQuoteMessageClick={onQuoteMessageClick}\n          />\n        )\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            message={message}\n            onCancel={() => setShowRemove(false)}\n          />\n        )\n      }\n      {\n        showFileViewer && (\n          <FileViewer\n            message={message as FileMessage}\n            onCancel={() => setShowFileViewer(false)}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default Message;\n"],"names":["useDidMountEffect","func","deps","_a","useState","didMount","setDidmount","useEffect","Message","message","hasSeparator","chainTop","chainBottom","handleScroll","renderCustomSeparator","renderEditInput","renderMessage","renderMessageContent","dateLocale","useLocalization","globalStore","useSendbirdStateContext","_d","config","userId","isOnline","isMentionEnabled","userMention","maxUserMentionCount","maxMentionCount","MAX_USER_MENTION_COUNT","maxUserSuggestionCount","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","_e","useChannelContext","initialized","currentGroupChannel","highLightedMessageId","setHighLightedMessageId","animatedMessageId","setAnimatedMessageId","updateMessage","scrollToMessage","replyType","threadReplySelectType","isReactionEnabled","toggleReaction","emojiContainer","nicknamesMap","setQuoteMessage","resendMessage","renderUserMentionItem","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","onScrollCallback","_f","showEdit","setShowEdit","_g","showRemove","setShowRemove","_h","showFileViewer","setShowFileViewer","_j","isAnimated","setIsAnimated","_k","isHighlighted","setIsHighlighted","_l","mentionNickname","setMentionNickname","_m","mentionedUsers","setMentionedUsers","_o","mentionedUserIds","setMentionedUserIds","_p","messageInputEvent","setMessageInputEvent","_q","selectedUser","setSelectedUser","_r","mentionSuggestedUsers","setMentionSuggestedUsers","_s","ableMention","setAbleMention","editMessageInputRef","useRef","messageScrollRef","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","disabled","handleOnScroll","useHandleOnScrollCallback","hasMore","onScroll","scrollRef","filter","i","indexOf","splice","lastMessage","messageId","_b","reactions","useLayoutEffect","animationTimeout","messageHighlightedTimeout","current","setTimeout","clearTimeout","messageAnimatedTimeout","renderedMessage","useMemo","renderedCustomSeparator","React","createElement","ref","className","getClassName","DateSeparator","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","createdAt","locale","_c","isUserMessage","call","Fragment","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","__spreadArray","onFocusItemChange","onFetchUsers","users","ableAddMention","MessageInput","isEdit","mentionSelectedUser","onStartTyping","startTyping","onUpdateMessage","mentionTemplate","endTyping","onCancelEdit","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","style","marginBottom","MessageContent","channel","RemoveMessageModal","onCancel","FileViewer"],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../../../src/utils/useDidMountEffect.ts","../../../../src/modules/Channel/components/Message/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useDidMountEffect = (func: () => void, deps: Array<unknown>): void => {\n  const [didMount, setDidmount] = useState(false);\n  useEffect(() => {\n    if (didMount) {\n      func();\n    } else {\n      setDidmount(true);\n    }\n  }, deps);\n};\n\nexport default useDidMountEffect;\n","import React, {\n  useRef,\n  useMemo,\n  useState,\n  useEffect,\n  useLayoutEffect,\n} from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\n\nimport useDidMountEffect from '../../../../utils/useDidMountEffect';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { getClassName } from '../../../../utils';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT } from '../../context/const';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport MessageContent from '../../../../ui/MessageContent';\nimport FileViewer from '../FileViewer';\nimport RemoveMessageModal from '../RemoveMessageModal';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback'\n\ntype MessageUIProps = {\n  message: EveryMessage;\n  hasSeparator?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  handleScroll?: () => void;\n  // for extending\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderEditInput?: () => React.ReactElement;\n  renderMessageContent?: () => React.ReactElement;\n};\n\n// todo: Refactor this component, is too complex now\nconst Message = ({\n  message,\n  hasSeparator,\n  chainTop,\n  chainBottom,\n  handleScroll,\n  renderCustomSeparator,\n  renderEditInput,\n  renderMessage,\n  renderMessageContent,\n}: MessageUIProps): React.ReactElement => {\n  const { dateLocale } = useLocalization();\n  const globalStore = useSendbirdStateContext();\n  const {\n    userId,\n    isOnline,\n    isMentionEnabled,\n    userMention,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || MAX_USER_MENTION_COUNT;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || MAX_USER_SUGGESTION_COUNT;\n\n  const {\n    initialized,\n    currentGroupChannel,\n    highLightedMessageId,\n    setHighLightedMessageId,\n    animatedMessageId,\n    setAnimatedMessageId,\n    updateMessage,\n    scrollToMessage,\n    replyType,\n    threadReplySelectType,\n    isReactionEnabled,\n    toggleReaction,\n    emojiContainer,\n    nicknamesMap,\n    setQuoteMessage,\n    resendMessage,\n    renderUserMentionItem,\n    onReplyInThread,\n    onQuoteMessageClick,\n    onMessageAnimated,\n    onMessageHighlighted,\n    onScrollCallback,\n  } = useChannelContext();\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [isHighlighted, setIsHighlighted] = useState(false);\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const editMessageInputRef = useRef(null);\n  const messageScrollRef = useRef(null);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isDisabledBecauseFrozen(currentGroupChannel)\n    && !isDisabledBecauseMuted(currentGroupChannel);\n  const disabled = !initialized\n    || isDisabledBecauseFrozen(currentGroupChannel)\n    || isDisabledBecauseMuted(currentGroupChannel)\n    || !isOnline;\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    hasMore: false,\n    onScroll: onScrollCallback,\n    scrollRef: messageScrollRef,\n  });\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  // Move the messsage list scroll when the last message's height is changed by reactions\n  useDidMountEffect(() => {\n    if (currentGroupChannel?.lastMessage?.messageId === message?.messageId) {\n      handleScroll?.();\n    }\n  }, [showEdit, message?.reactions?.length]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageHighlightedTimeout = null;\n    if (highLightedMessageId === message.messageId && messageScrollRef?.current) {\n      handleOnScroll();\n      setIsAnimated(false);\n      animationTimeout = setTimeout(() => {\n        setIsHighlighted(true);\n      }, 500);\n      messageHighlightedTimeout = setTimeout(() => {\n        setHighLightedMessageId(0);\n        onMessageHighlighted?.();\n      }, 1600);\n    } else {\n      setIsHighlighted(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageHighlightedTimeout);\n    }\n  }, [highLightedMessageId, messageScrollRef.current, message.messageId]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageAnimatedTimeout = null;\n    if (animatedMessageId === message.messageId && messageScrollRef?.current) {\n      handleOnScroll();\n      setIsHighlighted(false);\n      animationTimeout = setTimeout(() => {\n        setIsAnimated(true);\n      }, 500);\n      messageAnimatedTimeout = setTimeout(() => {\n        setAnimatedMessageId(0);\n        onMessageAnimated?.();\n      }, 1600);\n    } else {\n      setIsAnimated(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageAnimatedTimeout);\n    }\n  }, [animatedMessageId, messageScrollRef.current, message.messageId, onMessageAnimated]);\n  const renderedMessage = useMemo(() => {\n    return renderMessage?.({\n      message,\n      chainTop,\n      chainBottom,\n    });\n  }, [message, renderMessage]);\n  const renderedCustomSeparator = useMemo(() => {\n    if (renderCustomSeparator) {\n      return renderCustomSeparator?.({ message: message });\n    }\n    return null;\n  }, [message, renderCustomSeparator]);\n\n  if (renderedMessage) {\n    return (\n      <div\n        ref={messageScrollRef}\n        className={getClassName([\n          'sendbird-msg-hoc sendbird-msg--scroll-ref',\n          isAnimated ? 'sendbird-msg-hoc__animated' : '',\n          isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n        ])}\n      >\n        {/* date-separator */}\n        {\n          // TODO: Add message instance as a function parameter\n          hasSeparator && (renderedCustomSeparator || (\n            <DateSeparator>\n              <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n                {format(message.createdAt, 'MMMM dd, yyyy', {\n                  locale: dateLocale,\n                })}\n              </Label>\n            </DateSeparator>\n          ))\n        }\n        {renderedMessage}\n      </div>\n    );\n  }\n\n  if (showEdit && message?.isUserMessage?.()) {\n    return renderEditInput?.() || (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              targetNickname={mentionNickname}\n              inputEvent={messageInputEvent}\n              renderUserMentionItem={renderUserMentionItem}\n              onUserItemClick={(user) => {\n                if (user) {\n                  setMentionedUsers([...mentionedUsers, user]);\n                }\n                setMentionNickname('');\n                setSelectedUser(user);\n                setMessageInputEvent(null);\n              }}\n              onFocusItemChange={() => {\n                setMessageInputEvent(null);\n              }}\n              onFetchUsers={(users) => {\n                setMentionSuggestedUsers(users);\n              }}\n              ableAddMention={ableMention}\n              maxMentionCount={maxUserMentionCount}\n              maxSuggestionCount={maxUserSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={message}\n          onStartTyping={() => {\n            currentGroupChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onUserMentioned={(user) => {\n            if (selectedUser?.userId === user?.userId) {\n              setSelectedUser(null);\n              setMentionNickname('');\n            }\n          }}\n          onMentionStringChange={(mentionText) => {\n            setMentionNickname(mentionText);\n          }}\n          onMentionedUserIdsUpdated={(userIds) => {\n            setMentionedUserIds(userIds);\n          }}\n          onKeyDown={(e) => {\n            if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n              && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n            ) {\n              setMessageInputEvent(e);\n              return true;\n            }\n            return false;\n          }}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div\n      className={getClassName([\n        'sendbird-msg-hoc sendbird-msg--scroll-ref',\n        isAnimated ? 'sendbird-msg-hoc__animated' : '',\n        isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n      ])}\n      style={{ marginBottom: '2px' }}\n      ref={messageScrollRef}\n    >\n      {/* date-separator */}\n      {\n        hasSeparator && (renderedCustomSeparator || (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        ))\n      }\n      {/* Message */}\n      {\n        renderMessageContent?.() || (\n          <MessageContent\n            className=\"sendbird-message-hoc__message-content\"\n            userId={userId}\n            scrollToMessage={scrollToMessage}\n            channel={currentGroupChannel}\n            message={message}\n            disabled={!isOnline}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n            isReactionEnabled={isReactionEnabled}\n            replyType={replyType}\n            threadReplySelectType={threadReplySelectType}\n            nicknamesMap={nicknamesMap}\n            emojiContainer={emojiContainer}\n            showEdit={setShowEdit}\n            showRemove={setShowRemove}\n            showFileViewer={setShowFileViewer}\n            resendMessage={resendMessage}\n            toggleReaction={toggleReaction}\n            setQuoteMessage={setQuoteMessage}\n            onReplyInThread={onReplyInThread}\n            onQuoteMessageClick={onQuoteMessageClick}\n            onMessageHeightChange={handleScroll}\n          />\n        )\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            message={message}\n            onCancel={() => setShowRemove(false)}\n          />\n        )\n      }\n      {\n        showFileViewer && (\n          <FileViewer\n            message={message as FileMessage}\n            onCancel={() => setShowFileViewer(false)}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default Message;\n"],"names":["useDidMountEffect","func","deps","didMount","setDidmount","useState","useEffect","Message","_ref","_message$reactions","_message$isUserMessag","message","hasSeparator","chainTop","chainBottom","handleScroll","renderCustomSeparator","renderEditInput","renderMessage","renderMessageContent","dateLocale","useLocalization","globalStore","useSendbirdStateContext","userId","isOnline","isMentionEnabled","userMention","config","maxUserMentionCount","maxMentionCount","MAX_USER_MENTION_COUNT","maxUserSuggestionCount","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","initialized","currentGroupChannel","highLightedMessageId","setHighLightedMessageId","animatedMessageId","setAnimatedMessageId","updateMessage","scrollToMessage","replyType","threadReplySelectType","isReactionEnabled","toggleReaction","emojiContainer","nicknamesMap","setQuoteMessage","resendMessage","renderUserMentionItem","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","onScrollCallback","useChannelContext","showEdit","setShowEdit","showRemove","setShowRemove","showFileViewer","setShowFileViewer","isAnimated","setIsAnimated","isHighlighted","setIsHighlighted","mentionNickname","setMentionNickname","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","messageInputEvent","setMessageInputEvent","selectedUser","setSelectedUser","mentionSuggestedUsers","setMentionSuggestedUsers","ableMention","setAbleMention","editMessageInputRef","useRef","messageScrollRef","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","disabled","handleOnScroll","useHandleOnScrollCallback","hasMore","onScroll","scrollRef","filter","_ref2","i","indexOf","splice","_currentGroupChannel$","lastMessage","messageId","reactions","useLayoutEffect","animationTimeout","messageHighlightedTimeout","current","setTimeout","clearTimeout","messageAnimatedTimeout","renderedMessage","useMemo","renderedCustomSeparator","React","createElement","ref","className","getClassName","DateSeparator","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","createdAt","locale","isUserMessage","call","Fragment","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","onFocusItemChange","onFetchUsers","users","ableAddMention","MessageInput","isEdit","mentionSelectedUser","onStartTyping","_currentGroupChannel$2","startTyping","onUpdateMessage","_ref3","_currentGroupChannel$3","mentionTemplate","endTyping","onCancelEdit","_currentGroupChannel$4","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","style","marginBottom","MessageContent","channel","onMessageHeightChange","RemoveMessageModal","onCancel","FileViewer"],"mappings":"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"}

package/cjs/Channel/components/MessageInput.js

@@ -1,123 +1,113 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-8f4b0cfe.js');
 var React = require('react');
-var Channel_context = require('../../ChannelProvider-cf5867c2.js');
+var Channel_context = require('../../ChannelProvider-620bb354.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../LocalizationContext-498cb747.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../const-61fc7be6.js');
-var VoiceMessageInputWrapper = require('../../VoiceMessageInputWrapper-43c29f38.js');
-require('../../UserProfileContext-617420c9.js');
+var _const = require('../../const-ab0f6056.js');
+var VoiceMessageInputWrapper = require('../../VoiceMessageInputWrapper-db7f2b72.js');
+require('../../UserProfileContext-f068b0ba.js');
 require('prop-types');
-require('../../index-71173fef.js');
-require('../../index-8b6bb1ee.js');
-require('../../topics-c8adbede.js');
-require('../../index-2ac1f908.js');
+require('../../index-f65677b1.js');
+require('../../index-83d1d15e.js');
+require('../../topics-825e5d42.js');
+require('../../index-f2146bae.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
-require('../../compareIds-27f7912f.js');
-require('../../const-e22c9d25.js');
+require('../../compareIds-18b3b1d6.js');
+require('../../const-6691e574.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-b8a20afd.js');
-require('../../stringSet-061fe0c1.js');
+require('../../index-73643285.js');
+require('../../stringSet-68748705.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../consts-8605e767.js');
+require('../../consts-a5382bc1.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-3764bd68.js');
-require('../../consts-ad849467.js');
-require('../../consts-46fa3a3a.js');
-require('../../tokenize-7e34a56e.js');
+require('../../consts-6ec77e9a.js');
+require('../../consts-bc27beff.js');
+require('../../consts-a422c2f9.js');
+require('../../tokenize-d86ab0c7.js');
 require('../../withSendbird.js');
 require('../../ui/Avatar.js');
-require('../../ThreadProvider-37f2f0a3.js');
+require('../../ThreadProvider-572574d7.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-cd680348.js');
+require('../../index-9d518988.js');
 require('../../VoiceRecorder/context.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-ead97d9a.js');
+require('../../index-c1de8d8f.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../color-7f7508e6.js');
+require('../../color-afeb8dc2.js');
 require('../../ui/Modal.js');
-require('../../index-67f813a3.js');
-require('../../MediaQueryContext-b9c2ec1f.js');
+require('../../index-68c57136.js');
+require('../../MediaQueryContext-8ec3f647.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MessageInputWrapper = function (props, ref) {
-  var value = props.value,
-    renderFileUploadIcon = props.renderFileUploadIcon,
-    renderVoiceMessageIcon = props.renderVoiceMessageIcon,
-    renderSendMessageIcon = props.renderSendMessageIcon;
-  var propDisabled = props.disabled;
-  var _a = Channel_context.useChannelContext(),
-    currentGroupChannel = _a.currentGroupChannel,
-    initialized = _a.initialized,
-    quoteMessage = _a.quoteMessage,
-    sendMessage = _a.sendMessage,
-    sendFileMessage = _a.sendFileMessage,
-    sendVoiceMessage = _a.sendVoiceMessage,
-    setQuoteMessage = _a.setQuoteMessage,
-    messageInputRef = _a.messageInputRef,
-    renderUserMentionItem = _a.renderUserMentionItem;
-  var globalStore = useSendbirdStateContext();
-  var channel = currentGroupChannel;
-  var _b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config,
-    isOnline = _b.isOnline,
-    isMentionEnabled = _b.isMentionEnabled,
-    userMention = _b.userMention,
-    isVoiceMessageEnabled = _b.isVoiceMessageEnabled;
-  var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10;
-  var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var _c = React.useState(''),
-    mentionNickname = _c[0],
-    setMentionNickname = _c[1];
+const MessageInputWrapper = (props, ref) => {
+  const {
+    value,
+    renderFileUploadIcon,
+    renderVoiceMessageIcon,
+    renderSendMessageIcon
+  } = props;
+  const propDisabled = props.disabled;
+  const {
+    currentGroupChannel,
+    initialized,
+    quoteMessage,
+    sendMessage,
+    sendFileMessage,
+    sendVoiceMessage,
+    setQuoteMessage,
+    messageInputRef,
+    renderUserMentionItem
+  } = Channel_context.useChannelContext();
+  const globalStore = useSendbirdStateContext();
+  const channel = currentGroupChannel;
+  const {
+    isOnline,
+    isMentionEnabled,
+    userMention,
+    isVoiceMessageEnabled
+  } = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config;
+  const maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10;
+  const maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const [mentionNickname, setMentionNickname] = React.useState('');
   // todo: set type
-  var _d = React.useState([]),
-    mentionedUsers = _d[0],
-    setMentionedUsers = _d[1];
-  var _e = React.useState([]),
-    mentionedUserIds = _e[0],
-    setMentionedUserIds = _e[1];
-  var _f = React.useState(null),
-    selectedUser = _f[0],
-    setSelectedUser = _f[1];
-  var _g = React.useState([]),
-    mentionSuggestedUsers = _g[0],
-    setMentionSuggestedUsers = _g[1];
-  var _h = React.useState(true),
-    ableMention = _h[0],
-    setAbleMention = _h[1];
-  var _j = React.useState(null),
-    messageInputEvent = _j[0],
-    setMessageInputEvent = _j[1];
-  var _k = React.useState(false),
-    showVoiceMessageInput = _k[0],
-    setShowVoiceMessageInput = _k[1];
-  var disabled = propDisabled || !initialized || Channel_context.isDisabledBecauseFrozen(channel) || Channel_context.isDisabledBecauseMuted(channel) || !isOnline;
-  var isOperator = Channel_context.isOperator(channel);
-  var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
-  var displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !Channel_context.isDisabledBecauseFrozen(channel) && !Channel_context.isDisabledBecauseMuted(channel);
+  const [mentionedUsers, setMentionedUsers] = React.useState([]);
+  const [mentionedUserIds, setMentionedUserIds] = React.useState([]);
+  const [selectedUser, setSelectedUser] = React.useState(null);
+  const [mentionSuggestedUsers, setMentionSuggestedUsers] = React.useState([]);
+  const [ableMention, setAbleMention] = React.useState(true);
+  const [messageInputEvent, setMessageInputEvent] = React.useState(null);
+  const [showVoiceMessageInput, setShowVoiceMessageInput] = React.useState(false);
+  const disabled = propDisabled || !initialized || Channel_context.isDisabledBecauseFrozen(channel) || Channel_context.isDisabledBecauseMuted(channel) || !isOnline;
+  const isOperator = Channel_context.isOperator(channel);
+  const isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
+  const displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !Channel_context.isDisabledBecauseFrozen(channel) && !Channel_context.isDisabledBecauseMuted(channel);
+
   // Reset when channel changes
-  React.useEffect(function () {
+  React.useEffect(() => {
     setMentionNickname('');
     setMentionedUsers([]);
     setMentionedUserIds([]);
@@ -127,17 +117,19 @@ var MessageInputWrapper = function (props, ref) {
     setMessageInputEvent(null);
     setShowVoiceMessageInput(false);
   }, [channel === null || channel === void 0 ? void 0 : channel.url]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if ((mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) >= maxUserMentionCount) {
       setAbleMention(false);
     } else {
       setAbleMention(true);
     }
   }, [mentionedUsers]);
-  React.useEffect(function () {
-    setMentionedUsers(mentionedUsers.filter(function (_a) {
-      var userId = _a.userId;
-      var i = mentionedUserIds.indexOf(userId);
+  React.useEffect(() => {
+    setMentionedUsers(mentionedUsers.filter(_ref => {
+      let {
+        userId
+      } = _ref;
+      const i = mentionedUserIds.indexOf(userId);
       if (i < 0) {
         return false;
       } else {
@@ -146,29 +138,30 @@ var MessageInputWrapper = function (props, ref) {
       }
     }));
   }, [mentionedUserIds]);
+
   // broadcast channel + not operator
   if (isBroadcast && !isOperator) {
     return null;
   }
   // other conditions
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-input-wrapper".concat(showVoiceMessageInput ? '--voice-message' : '')
+    className: `sendbird-message-input-wrapper${showVoiceMessageInput ? '--voice-message' : ''}`
   }, displaySuggestedMentionList && /*#__PURE__*/React__default["default"].createElement(Channel_components_SuggestedMentionList, {
     targetNickname: mentionNickname,
     inputEvent: messageInputEvent,
     renderUserMentionItem: renderUserMentionItem,
-    onUserItemClick: function (user) {
+    onUserItemClick: user => {
       if (user) {
-        setMentionedUsers(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], mentionedUsers, true), [user], false));
+        setMentionedUsers([...mentionedUsers, user]);
       }
       setMentionNickname('');
       setSelectedUser(user);
       setMessageInputEvent(null);
     },
-    onFocusItemChange: function () {
+    onFocusItemChange: () => {
       setMessageInputEvent(null);
     },
-    onFetchUsers: function (users) {
+    onFetchUsers: users => {
       setMentionSuggestedUsers(users);
     },
     ableAddMention: ableMention,
@@ -178,17 +171,15 @@ var MessageInputWrapper = function (props, ref) {
     className: "sendbird-message-input-wrapper__quote-message-input"
   }, /*#__PURE__*/React__default["default"].createElement(ui_QuoteMessageInput, {
     replyingMessage: quoteMessage,
-    onClose: function () {
-      return setQuoteMessage(null);
-    }
+    onClose: () => setQuoteMessage(null)
   })), showVoiceMessageInput ? /*#__PURE__*/React__default["default"].createElement(VoiceMessageInputWrapper.VoiceMessageInputWrapper, {
     channel: channel,
-    onSubmitClick: function (recordedFile, duration) {
+    onSubmitClick: (recordedFile, duration) => {
       sendVoiceMessage(recordedFile, duration, quoteMessage);
       setQuoteMessage(null);
       setShowVoiceMessageInput(false);
     },
-    onCancelClick: function () {
+    onCancelClick: () => {
       setShowVoiceMessageInput(false);
     }
   }) : /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
@@ -198,7 +189,7 @@ var MessageInputWrapper = function (props, ref) {
     mentionSelectedUser: selectedUser,
     isMentionEnabled: isMentionEnabled,
     isVoiceMessageEnabled: isVoiceMessageEnabled,
-    onVoiceMessageIconClick: function () {
+    onVoiceMessageIconClick: () => {
       setShowVoiceMessageInput(true);
     },
     setMentionedUsers: setMentionedUsers,
@@ -209,41 +200,43 @@ var MessageInputWrapper = function (props, ref) {
     renderFileUploadIcon: renderFileUploadIcon,
     renderSendMessageIcon: renderSendMessageIcon,
     renderVoiceMessageIcon: renderVoiceMessageIcon,
-    onStartTyping: function () {
+    onStartTyping: () => {
       channel === null || channel === void 0 ? void 0 : channel.startTyping();
     },
-    onSendMessage: function (_a) {
-      var _b;
-      var message = _a.message,
-        mentionTemplate = _a.mentionTemplate;
+    onSendMessage: _ref2 => {
+      var _channel$endTyping;
+      let {
+        message,
+        mentionTemplate
+      } = _ref2;
       sendMessage({
-        message: message,
-        quoteMessage: quoteMessage,
-        mentionedUsers: mentionedUsers,
-        mentionTemplate: mentionTemplate
+        message,
+        quoteMessage,
+        mentionedUsers,
+        mentionTemplate
       });
       setMentionNickname('');
       setMentionedUsers([]);
       setQuoteMessage(null);
-      (_b = channel === null || channel === void 0 ? void 0 : channel.endTyping) === null || _b === void 0 ? void 0 : _b.call(channel);
+      channel === null || channel === void 0 ? void 0 : (_channel$endTyping = channel.endTyping) === null || _channel$endTyping === void 0 ? void 0 : _channel$endTyping.call(channel);
     },
-    onFileUpload: function (file) {
+    onFileUpload: file => {
       sendFileMessage(file, quoteMessage);
       setQuoteMessage(null);
     },
-    onUserMentioned: function (user) {
+    onUserMentioned: user => {
       if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
         setSelectedUser(null);
         setMentionNickname('');
       }
     },
-    onMentionStringChange: function (mentionText) {
+    onMentionStringChange: mentionText => {
       setMentionNickname(mentionText);
     },
-    onMentionedUserIdsUpdated: function (userIds) {
+    onMentionedUserIdsUpdated: userIds => {
       setMentionedUserIds(userIds);
     },
-    onKeyDown: function (e) {
+    onKeyDown: e => {
       if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0 && (e.key === _const.MessageInputKeys.Enter && ableMention || e.key === _const.MessageInputKeys.ArrowUp || e.key === _const.MessageInputKeys.ArrowDown)) {
         setMessageInputEvent(e);
         return true;

package/cjs/Channel/components/MessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.js","sources":["../../../../src/smart-components/Channel/components/MessageInput/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\n\nimport './message-input.scss';\nimport * as utils from '../../context/utils';\n\nimport MessageInput from '../../../../ui/MessageInput';\nimport QuoteMessageInput from '../../../../ui/QuoteMessageInput';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport VoiceMessageInputWrapper from './VoiceMessageInputWrapper';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n  disabled?: boolean;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n};\n\nconst MessageInputWrapper = (\n  props: MessageInputWrapperProps,\n  ref: React.MutableRefObject<any>,\n): JSX.Element => {\n  const {\n    value,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  const propDisabled = props.disabled;\n  const {\n    currentGroupChannel,\n    initialized,\n    quoteMessage,\n    sendMessage,\n    sendFileMessage,\n    sendVoiceMessage,\n    setQuoteMessage,\n    messageInputRef,\n    renderUserMentionItem,\n  } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const channel = currentGroupChannel;\n\n  const {\n    isOnline,\n    isMentionEnabled,\n    userMention,\n    isVoiceMessageEnabled,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || 10;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || 15;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const [mentionNickname, setMentionNickname] = useState('');\n  // todo: set type\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const disabled = propDisabled\n    || !initialized\n    || utils.isDisabledBecauseFrozen(channel)\n    || utils.isDisabledBecauseMuted(channel)\n    || !isOnline;\n  const isOperator = utils.isOperator(channel);\n  const isBroadcast = channel?.isBroadcast;\n\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !utils.isDisabledBecauseFrozen(channel)\n    && !utils.isDisabledBecauseMuted(channel);\n\n  // Reset when channel changes\n  useEffect(() => {\n    setMentionNickname('');\n    setMentionedUsers([]);\n    setMentionedUserIds([]);\n    setSelectedUser(null);\n    setMentionSuggestedUsers([]);\n    setAbleMention(true);\n    setMessageInputEvent(null);\n    setShowVoiceMessageInput(false);\n  }, [channel?.url]);\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  // broadcast channel + not operator\n  if (isBroadcast && !isOperator) {\n    return null;\n  }\n  // other conditions\n  return (\n    <div className={`sendbird-message-input-wrapper${showVoiceMessageInput ? '--voice-message' : ''}`}>\n      {\n        displaySuggestedMentionList && (\n          <SuggestedMentionList\n            targetNickname={mentionNickname}\n            inputEvent={messageInputEvent}\n            renderUserMentionItem={renderUserMentionItem}\n            onUserItemClick={(user) => {\n              if (user) {\n                setMentionedUsers([...mentionedUsers, user]);\n              }\n              setMentionNickname('');\n              setSelectedUser(user);\n              setMessageInputEvent(null);\n            }}\n            onFocusItemChange={() => {\n              setMessageInputEvent(null);\n            }}\n            onFetchUsers={(users) => {\n              setMentionSuggestedUsers(users);\n            }}\n            ableAddMention={ableMention}\n            maxMentionCount={maxUserMentionCount}\n            maxSuggestionCount={maxUserSuggestionCount}\n          />\n        )\n      }\n      {quoteMessage && (\n        <div className=\"sendbird-message-input-wrapper__quote-message-input\">\n          <QuoteMessageInput\n            replyingMessage={quoteMessage}\n            onClose={() => setQuoteMessage(null)}\n          />\n        </div>\n      )}\n      {\n        showVoiceMessageInput\n          ? (\n            <VoiceMessageInputWrapper\n              channel={channel}\n              onSubmitClick={(recordedFile, duration) => {\n                sendVoiceMessage(recordedFile, duration, quoteMessage);\n                setQuoteMessage(null);\n                setShowVoiceMessageInput(false);\n              }}\n              onCancelClick={() => {\n                setShowVoiceMessageInput(false);\n              }}\n            />\n          )\n          : (\n            <MessageInput\n              className=\"sendbird-message-input-wrapper__message-input\"\n              value={value}\n              channelUrl={channel?.url}\n              mentionSelectedUser={selectedUser}\n              isMentionEnabled={isMentionEnabled}\n              isVoiceMessageEnabled={isVoiceMessageEnabled}\n              onVoiceMessageIconClick={() => {\n                setShowVoiceMessageInput(true);\n              }}\n              setMentionedUsers={setMentionedUsers}\n              channel={channel}\n              placeholder={\n                (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)\n                || (utils.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n                || (utils.isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)\n              }\n              ref={ref || messageInputRef}\n              disabled={disabled}\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              onStartTyping={() => {\n                channel?.startTyping();\n              }}\n              onSendMessage={({ message, mentionTemplate }) => {\n                sendMessage({\n                  message,\n                  quoteMessage,\n                  mentionedUsers,\n                  mentionTemplate,\n                });\n                setMentionNickname('');\n                setMentionedUsers([]);\n                setQuoteMessage(null);\n                channel?.endTyping?.();\n              }}\n              onFileUpload={(file) => {\n                sendFileMessage(file, quoteMessage);\n                setQuoteMessage(null);\n              }}\n              onUserMentioned={(user) => {\n                if (selectedUser?.userId === user?.userId) {\n                  setSelectedUser(null);\n                  setMentionNickname('');\n                }\n              }}\n              onMentionStringChange={(mentionText) => {\n                setMentionNickname(mentionText);\n              }}\n              onMentionedUserIdsUpdated={(userIds) => {\n                setMentionedUserIds(userIds);\n              }}\n              onKeyDown={(e) => {\n                if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n                  && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n                ) {\n                  setMessageInputEvent(e);\n                  return true;\n                }\n                return false;\n              }}\n            />\n          )\n      }\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","value","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","propDisabled","disabled","_a","useChannelContext","currentGroupChannel","initialized","quoteMessage","sendMessage","sendFileMessage","sendVoiceMessage","setQuoteMessage","messageInputRef","renderUserMentionItem","globalStore","useSendbirdStateContext","channel","_b","config","isOnline","isMentionEnabled","userMention","isVoiceMessageEnabled","maxUserMentionCount","maxMentionCount","maxUserSuggestionCount","maxSuggestionCount","stringSet","useContext","LocalizationContext","_c","useState","mentionNickname","setMentionNickname","_d","mentionedUsers","setMentionedUsers","_e","mentionedUserIds","setMentionedUserIds","_f","selectedUser","setSelectedUser","_g","mentionSuggestedUsers","setMentionSuggestedUsers","_h","ableMention","setAbleMention","_j","messageInputEvent","setMessageInputEvent","_k","showVoiceMessageInput","setShowVoiceMessageInput","utils","isOperator","isBroadcast","displaySuggestedMentionList","length","useEffect","url","filter","userId","i","indexOf","splice","React","createElement","className","concat","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","__spreadArray","onFocusItemChange","onFetchUsers","users","ableAddMention","QuoteMessageInput","replyingMessage","onClose","VoiceMessageInputWrapper","onSubmitClick","recordedFile","duration","onCancelClick","MessageInput","channelUrl","mentionSelectedUser","onVoiceMessageIconClick","placeholder","MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","MESSAGE_INPUT__PLACE_HOLDER__MUTED","onStartTyping","startTyping","onSendMessage","message","mentionTemplate","endTyping","onFileUpload","file","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}
+{"version":3,"file":"MessageInput.js","sources":["../../../../src/modules/Channel/components/MessageInput/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\n\nimport './message-input.scss';\nimport * as utils from '../../context/utils';\n\nimport MessageInput from '../../../../ui/MessageInput';\nimport QuoteMessageInput from '../../../../ui/QuoteMessageInput';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport VoiceMessageInputWrapper from './VoiceMessageInputWrapper';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n  disabled?: boolean;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n};\n\nconst MessageInputWrapper = (\n  props: MessageInputWrapperProps,\n  ref: React.MutableRefObject<any>,\n): JSX.Element => {\n  const {\n    value,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  const propDisabled = props.disabled;\n  const {\n    currentGroupChannel,\n    initialized,\n    quoteMessage,\n    sendMessage,\n    sendFileMessage,\n    sendVoiceMessage,\n    setQuoteMessage,\n    messageInputRef,\n    renderUserMentionItem,\n  } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const channel = currentGroupChannel;\n\n  const {\n    isOnline,\n    isMentionEnabled,\n    userMention,\n    isVoiceMessageEnabled,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || 10;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || 15;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const [mentionNickname, setMentionNickname] = useState('');\n  // todo: set type\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const disabled = propDisabled\n    || !initialized\n    || utils.isDisabledBecauseFrozen(channel)\n    || utils.isDisabledBecauseMuted(channel)\n    || !isOnline;\n  const isOperator = utils.isOperator(channel);\n  const isBroadcast = channel?.isBroadcast;\n\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !utils.isDisabledBecauseFrozen(channel)\n    && !utils.isDisabledBecauseMuted(channel);\n\n  // Reset when channel changes\n  useEffect(() => {\n    setMentionNickname('');\n    setMentionedUsers([]);\n    setMentionedUserIds([]);\n    setSelectedUser(null);\n    setMentionSuggestedUsers([]);\n    setAbleMention(true);\n    setMessageInputEvent(null);\n    setShowVoiceMessageInput(false);\n  }, [channel?.url]);\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  // broadcast channel + not operator\n  if (isBroadcast && !isOperator) {\n    return null;\n  }\n  // other conditions\n  return (\n    <div className={`sendbird-message-input-wrapper${showVoiceMessageInput ? '--voice-message' : ''}`}>\n      {\n        displaySuggestedMentionList && (\n          <SuggestedMentionList\n            targetNickname={mentionNickname}\n            inputEvent={messageInputEvent}\n            renderUserMentionItem={renderUserMentionItem}\n            onUserItemClick={(user) => {\n              if (user) {\n                setMentionedUsers([...mentionedUsers, user]);\n              }\n              setMentionNickname('');\n              setSelectedUser(user);\n              setMessageInputEvent(null);\n            }}\n            onFocusItemChange={() => {\n              setMessageInputEvent(null);\n            }}\n            onFetchUsers={(users) => {\n              setMentionSuggestedUsers(users);\n            }}\n            ableAddMention={ableMention}\n            maxMentionCount={maxUserMentionCount}\n            maxSuggestionCount={maxUserSuggestionCount}\n          />\n        )\n      }\n      {quoteMessage && (\n        <div className=\"sendbird-message-input-wrapper__quote-message-input\">\n          <QuoteMessageInput\n            replyingMessage={quoteMessage}\n            onClose={() => setQuoteMessage(null)}\n          />\n        </div>\n      )}\n      {\n        showVoiceMessageInput\n          ? (\n            <VoiceMessageInputWrapper\n              channel={channel}\n              onSubmitClick={(recordedFile, duration) => {\n                sendVoiceMessage(recordedFile, duration, quoteMessage);\n                setQuoteMessage(null);\n                setShowVoiceMessageInput(false);\n              }}\n              onCancelClick={() => {\n                setShowVoiceMessageInput(false);\n              }}\n            />\n          )\n          : (\n            <MessageInput\n              className=\"sendbird-message-input-wrapper__message-input\"\n              value={value}\n              channelUrl={channel?.url}\n              mentionSelectedUser={selectedUser}\n              isMentionEnabled={isMentionEnabled}\n              isVoiceMessageEnabled={isVoiceMessageEnabled}\n              onVoiceMessageIconClick={() => {\n                setShowVoiceMessageInput(true);\n              }}\n              setMentionedUsers={setMentionedUsers}\n              channel={channel}\n              placeholder={\n                (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)\n                || (utils.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n                || (utils.isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)\n              }\n              ref={ref || messageInputRef}\n              disabled={disabled}\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              onStartTyping={() => {\n                channel?.startTyping();\n              }}\n              onSendMessage={({ message, mentionTemplate }) => {\n                sendMessage({\n                  message,\n                  quoteMessage,\n                  mentionedUsers,\n                  mentionTemplate,\n                });\n                setMentionNickname('');\n                setMentionedUsers([]);\n                setQuoteMessage(null);\n                channel?.endTyping?.();\n              }}\n              onFileUpload={(file) => {\n                sendFileMessage(file, quoteMessage);\n                setQuoteMessage(null);\n              }}\n              onUserMentioned={(user) => {\n                if (selectedUser?.userId === user?.userId) {\n                  setSelectedUser(null);\n                  setMentionNickname('');\n                }\n              }}\n              onMentionStringChange={(mentionText) => {\n                setMentionNickname(mentionText);\n              }}\n              onMentionedUserIdsUpdated={(userIds) => {\n                setMentionedUserIds(userIds);\n              }}\n              onKeyDown={(e) => {\n                if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n                  && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n                ) {\n                  setMessageInputEvent(e);\n                  return true;\n                }\n                return false;\n              }}\n            />\n          )\n      }\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","value","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","propDisabled","disabled","currentGroupChannel","initialized","quoteMessage","sendMessage","sendFileMessage","sendVoiceMessage","setQuoteMessage","messageInputRef","renderUserMentionItem","useChannelContext","globalStore","useSendbirdStateContext","channel","isOnline","isMentionEnabled","userMention","isVoiceMessageEnabled","config","maxUserMentionCount","maxMentionCount","maxUserSuggestionCount","maxSuggestionCount","stringSet","useContext","LocalizationContext","mentionNickname","setMentionNickname","useState","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","selectedUser","setSelectedUser","mentionSuggestedUsers","setMentionSuggestedUsers","ableMention","setAbleMention","messageInputEvent","setMessageInputEvent","showVoiceMessageInput","setShowVoiceMessageInput","utils","isOperator","isBroadcast","displaySuggestedMentionList","length","useEffect","url","filter","_ref","userId","i","indexOf","splice","React","createElement","className","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","onFocusItemChange","onFetchUsers","users","ableAddMention","QuoteMessageInput","replyingMessage","onClose","VoiceMessageInputWrapper","onSubmitClick","recordedFile","duration","onCancelClick","MessageInput","channelUrl","mentionSelectedUser","onVoiceMessageIconClick","placeholder","MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","MESSAGE_INPUT__PLACE_HOLDER__MUTED","onStartTyping","startTyping","onSendMessage","_ref2","_channel$endTyping","message","mentionTemplate","endTyping","call","onFileUpload","file","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}