@sendbird/uikit-react 3.5.0-rc.1 → 3.5.0

package/cjs/Thread/components/ParentMessageInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParentMessageInfo.js","sources":["../../../../src/smart-components/Thread/components/ParentMessageInfo/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport format from 'date-fns/format';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { Role } from '@sendbird/chat';\n\nimport './index.scss';\nimport RemoveMessage from '../RemoveMessageModal';\nimport ParentMessageInfoItem from './ParentMessageInfoItem';\n\nimport {\n  getSenderName,\n} from '../../../../utils';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport SuggestedMentionList from '../../../Channel/components/SuggestedMentionList';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport FileViewer from '../../../../ui/FileViewer';\nimport MessageItemMenu from '../../../../ui/MessageItemMenu';\nimport MessageItemReactionMenu from '../../../../ui/MessageItemReactionMenu';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport ConnectedUserProfile from '../../../../ui/UserProfile';\nimport { UserProfileContextInterface } from '../../../../ui/MessageContent';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\n\nexport interface ParentMessageInfoProps {\n  className?: string;\n}\n\nexport default function ParentMessageInfo({\n  className,\n}: ParentMessageInfoProps): React.ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    isMentionEnabled,\n    isReactionEnabled,\n    replyType,\n    isOnline,\n    userMention,\n  } = config;\n  const userId = stores?.userStore?.user?.userId;\n  const { dateLocale } = useLocalization?.();\n  const {\n    currentChannel,\n    parentMessage,\n    allThreadMessages,\n    emojiContainer,\n    toggleReaction,\n    updateMessage,\n    deleteMessage,\n    onMoveToParentMessage,\n    onHeaderActionClick,\n    isMuted,\n    isChannelFrozen,\n  } = useThreadContext();\n\n  const [showRemove, setShowRemove] = useState(false);\n  const [supposedHover, setSupposedHover] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const usingReaction = isReactionEnabled && !currentChannel?.isSuper && !currentChannel?.isBroadcast\n\n  // Edit message\n  const [showEditInput, setShowEditInput] = useState(false);\n  const disabled = !isOnline || isMuted || isChannelFrozen && !(currentChannel?.myRole === Role.OPERATOR);\n\n  // Mention\n  const editMessageInputRef = useRef(null);\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 displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isMuted\n    && !(isChannelFrozen && !(currentChannel.myRole === Role.OPERATOR));\n  useEffect(() => {\n    if (mentionedUsers?.length >= userMention?.maxMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\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  // User Profile\n  const avatarRef = useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContextInterface>(UserProfileContext);\n\n  if (showEditInput && parentMessage?.isUserMessage?.()) {\n    return (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              className=\"parent-message-info--suggested-mention-list\"\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={userMention?.maxMentionCount}\n              maxSuggestionCount={userMention?.maxSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={parentMessage}\n          onStartTyping={() => {\n            currentChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEditInput(false);\n            currentChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEditInput(false);\n            currentChannel?.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 className={`sendbird-parent-message-info ${className}`}>\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-parent-message-info__sender\"\n            ref={avatarRef}\n            src={\n              currentChannel?.members?.find((m) => m?.userId === parentMessage?.sender?.userId)?.profileUrl\n              || parentMessage?.sender?.profileUrl\n            }\n            alt=\"thread message sender\"\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={avatarRef}\n            parentContainRef={avatarRef}\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: '0px', paddingBottom: '0px' }}\n          >\n            {renderUserProfile\n              ? renderUserProfile({ user: parentMessage?.sender, close: closeDropdown })\n              : (\n                <ConnectedUserProfile\n                  user={parentMessage?.sender}\n                  currentUserId={userId}\n                  onSuccess={closeDropdown}\n                />\n              )}\n          </MenuItems>\n        )}\n      />\n      <div className=\"sendbird-parent-message-info__content\">\n        <div className=\"sendbird-parent-message-info__content__info\">\n          <Label\n            className={`sendbird-parent-message-info__content__info__sender-name${usingReaction ? '--use-reaction' : ''}`}\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              currentChannel?.members?.find((member) => member?.userId === parentMessage?.sender?.userId)\n                ?.nickname || getSenderName?.(parentMessage as UserMessage | FileMessage)\n            }\n          </Label>\n          <Label\n            className=\"sendbird-parent-message-info__content__info__sent-at\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {format(parentMessage?.createdAt || 0, 'p', { locale: dateLocale })}\n          </Label>\n        </div>\n        {/* message content body */}\n        <ParentMessageInfoItem\n          message={parentMessage}\n          showFileViewer={setShowFileViewer}\n        />\n      </div>\n      {/* context menu */}\n      <MessageItemMenu\n        className={`sendbird-parent-message-info__context-menu ${usingReaction ? 'use-reaction' : ''} ${supposedHover ? 'sendbird-mouse-hover' : ''}`}\n        channel={currentChannel}\n        message={parentMessage}\n        isByMe={userId === parentMessage?.sender?.userId}\n        disableDeleteMessage={allThreadMessages.length > 0}\n        replyType={replyType}\n        showEdit={setShowEditInput}\n        showRemove={setShowRemove}\n        setSupposedHover={setSupposedHover}\n        onMoveToParentMessage={() => {\n          onMoveToParentMessage({ message: parentMessage, channel: currentChannel });\n        }}\n      />\n      {usingReaction && (\n        <MessageItemReactionMenu\n          className={`sendbird-parent-message-info__reaction-menu ${supposedHover ? 'sendbird-mouse-hover' : ''}`}\n          message={parentMessage}\n          userId={userId}\n          emojiContainer={emojiContainer}\n          toggleReaction={toggleReaction}\n          setSupposedHover={setSupposedHover}\n        />\n      )}\n      {showRemove && (\n        <RemoveMessage\n          onCancel={() => setShowRemove(false)}\n          onSubmit={() => {\n            onHeaderActionClick?.();\n          }}\n          message={parentMessage}\n        />\n      )}\n      {showFileViewer && (\n        <FileViewer\n          message={parentMessage as FileMessage}\n          onClose={() => setShowFileViewer(false)}\n          onDelete={() => {\n            deleteMessage(parentMessage)\n              .then(() => {\n                setShowFileViewer(false);\n              });\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ParentMessageInfo","_a","className","_h","useSendbirdStateContext","stores","config","isMentionEnabled","isReactionEnabled","replyType","isOnline","userMention","userId","_c","_b","userStore","user","dateLocale","useLocalization","_j","useThreadContext","currentChannel","parentMessage","allThreadMessages","emojiContainer","toggleReaction","updateMessage","deleteMessage","onMoveToParentMessage","onHeaderActionClick","isMuted","isChannelFrozen","_k","useState","showRemove","setShowRemove","_l","supposedHover","setSupposedHover","_m","showFileViewer","setShowFileViewer","usingReaction","isSuper","isBroadcast","_o","showEditInput","setShowEditInput","disabled","myRole","Role","OPERATOR","editMessageInputRef","useRef","_p","mentionNickname","setMentionNickname","_q","mentionedUsers","setMentionedUsers","_r","mentionedUserIds","setMentionedUserIds","_s","messageInputEvent","setMessageInputEvent","_t","selectedUser","setSelectedUser","_u","mentionSuggestedUsers","setMentionSuggestedUsers","_v","ableMention","setAbleMention","displaySuggestedMentionList","length","useEffect","maxMentionCount","filter","i","indexOf","splice","avatarRef","_w","useContext","UserProfileContext","disableUserProfile","renderUserProfile","_d","isUserMessage","call","React","SuggestedMentionList","__spreadArray","users","maxSuggestionCount","MessageInput","startTyping","messageId","message","mentionTemplate","endTyping","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","concat","ContextMenu","toggleDropdown","Avatar","members","find","m","sender","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","close","ConnectedUserProfile","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","_f","_e","member","nickname","getSenderName","CAPTION_3","format","createdAt","locale","ParentMessageInfoItem","MessageItemMenu","_g","channel","MessageItemReactionMenu","RemoveMessage","FileViewer","then"],"mappings":"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"}
+{"version":3,"file":"ParentMessageInfo.js","sources":["../../../../src/modules/Thread/components/ParentMessageInfo/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport format from 'date-fns/format';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport RemoveMessage from '../RemoveMessageModal';\nimport ParentMessageInfoItem from './ParentMessageInfoItem';\n\nimport { getSenderName } from '../../../../utils';\nimport { getIsReactionEnabled } from '../../../../utils/getIsReactionEnabled';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport SuggestedMentionList from '../../../Channel/components/SuggestedMentionList';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport FileViewer from '../../../../ui/FileViewer';\nimport MessageItemMenu from '../../../../ui/MessageItemMenu';\nimport MessageItemReactionMenu from '../../../../ui/MessageItemReactionMenu';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport ConnectedUserProfile from '../../../../ui/UserProfile';\nimport { UserProfileContextInterface } from '../../../../ui/MessageContent';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { Role } from '../../../../lib/types';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport useLongPress from '../../../../hooks/useLongPress';\nimport MobileMenu from '../../../../ui/MobileMenu';\nimport { useDirtyGetMentions } from '../../../Message/hooks/useDirtyGetMentions';\n\nexport interface ParentMessageInfoProps {\n  className?: string;\n}\n\nexport default function ParentMessageInfo({\n  className,\n}: ParentMessageInfoProps): React.ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    isMentionEnabled,\n    isReactionEnabled,\n    replyType,\n    isOnline,\n    userMention,\n    logger,\n  } = config;\n  const userId = stores.userStore.user?.userId ?? '';\n  const { dateLocale } = useLocalization();\n  const {\n    currentChannel,\n    parentMessage,\n    allThreadMessages,\n    emojiContainer,\n    toggleReaction,\n    updateMessage,\n    deleteMessage,\n    onMoveToParentMessage,\n    onHeaderActionClick,\n    isMuted,\n    isChannelFrozen,\n  } = useThreadContext();\n  const { isMobile } = useMediaQueryContext();\n\n  const [showRemove, setShowRemove] = useState(false);\n  const [supposedHover, setSupposedHover] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const usingReaction = getIsReactionEnabled({\n    globalLevel: isReactionEnabled,\n    isSuper: currentChannel.isSuper,\n    isBroadcast: currentChannel.isBroadcast,\n  });\n  const isByMe = userId === parentMessage.sender.userId;\n\n  // Mobile\n  const mobileMenuRef = useRef(null);\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n  const longPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileMenu(true);\n      }\n    },\n  }, {\n    shouldPreventDefault: false,\n  });\n\n  // Edit message\n  const [showEditInput, setShowEditInput] = useState(false);\n  const disabled = !isOnline || isMuted || isChannelFrozen && !(currentChannel?.myRole === Role.OPERATOR);\n\n  // Mention\n  const editMessageInputRef = useRef(null);\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 displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isMuted\n    && !(isChannelFrozen && !(currentChannel.myRole === Role.OPERATOR));\n\n  const mentionNodes = useDirtyGetMentions({ ref: editMessageInputRef }, { logger });\n  const ableMention = mentionNodes?.length < userMention?.maxMentionCount;\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  // User Profile\n  const avatarRef = useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContextInterface>(UserProfileContext);\n\n  if (showEditInput && parentMessage?.isUserMessage?.()) {\n    return (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              className=\"parent-message-info--suggested-mention-list\"\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={userMention?.maxMentionCount}\n              maxSuggestionCount={userMention?.maxSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          channel={currentChannel}\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={parentMessage}\n          onStartTyping={() => {\n            currentChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEditInput(false);\n            currentChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([]);\n            setShowEditInput(false);\n            currentChannel?.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={`sendbird-parent-message-info ${className}`}\n      {...(isMobile) ? { ...longPress } : {}}\n      ref={mobileMenuRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-parent-message-info__sender\"\n            ref={avatarRef}\n            src={\n              currentChannel?.members?.find((m) => m?.userId === parentMessage?.sender?.userId)?.profileUrl\n              || parentMessage?.sender?.profileUrl\n            }\n            alt=\"thread message sender\"\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={avatarRef}\n            parentContainRef={avatarRef}\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: '0px', paddingBottom: '0px' }}\n          >\n            {renderUserProfile\n              ? renderUserProfile({ user: parentMessage?.sender, close: closeDropdown })\n              : (\n                <ConnectedUserProfile\n                  user={parentMessage?.sender}\n                  currentUserId={userId}\n                  onSuccess={closeDropdown}\n                />\n              )}\n          </MenuItems>\n        )}\n      />\n      <div className=\"sendbird-parent-message-info__content\">\n        <div className=\"sendbird-parent-message-info__content__info\">\n          <Label\n            className={`sendbird-parent-message-info__content__info__sender-name${usingReaction ? '--use-reaction' : ''}`}\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              currentChannel?.members?.find((member) => member?.userId === parentMessage?.sender?.userId)\n                ?.nickname || getSenderName?.(parentMessage as UserMessage | FileMessage)\n            }\n          </Label>\n          <Label\n            className=\"sendbird-parent-message-info__content__info__sent-at\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {format(parentMessage?.createdAt || 0, 'p', { locale: dateLocale })}\n          </Label>\n        </div>\n        {/* message content body */}\n        <ParentMessageInfoItem\n          message={parentMessage}\n          showFileViewer={setShowFileViewer}\n        />\n      </div>\n      {/* context menu */}\n      {!isMobile && (\n        <MessageItemMenu\n          className={`sendbird-parent-message-info__context-menu ${usingReaction ? 'use-reaction' : ''} ${supposedHover ? 'sendbird-mouse-hover' : ''}`}\n          channel={currentChannel}\n          message={parentMessage}\n          isByMe={userId === parentMessage?.sender?.userId}\n          disableDeleteMessage={allThreadMessages.length > 0}\n          replyType={replyType}\n          showEdit={setShowEditInput}\n          showRemove={setShowRemove}\n          setSupposedHover={setSupposedHover}\n          onMoveToParentMessage={() => {\n            onMoveToParentMessage({ message: parentMessage, channel: currentChannel });\n          }}\n        />\n      )}\n      {(usingReaction && !isMobile) && (\n        <MessageItemReactionMenu\n          className={`sendbird-parent-message-info__reaction-menu ${supposedHover ? 'sendbird-mouse-hover' : ''}`}\n          message={parentMessage}\n          userId={userId}\n          emojiContainer={emojiContainer}\n          toggleReaction={toggleReaction}\n          setSupposedHover={setSupposedHover}\n        />\n      )}\n      {showRemove && (\n        <RemoveMessage\n          onCancel={() => setShowRemove(false)}\n          onSubmit={() => {\n            onHeaderActionClick?.();\n          }}\n          message={parentMessage}\n        />\n      )}\n      {showFileViewer && (\n        <FileViewer\n          message={parentMessage as FileMessage}\n          onClose={() => setShowFileViewer(false)}\n          onDelete={() => {\n            deleteMessage(parentMessage)\n              .then(() => {\n                setShowFileViewer(false);\n              });\n          }}\n        />\n      )}\n      {showMobileMenu && (\n        <MobileMenu\n          parentRef={mobileMenuRef}\n          channel={currentChannel}\n          message={parentMessage}\n          userId={userId}\n          replyType={replyType}\n          hideMenu={() => {\n            setShowMobileMenu(false);\n          }}\n          deleteMenuState={\n            allThreadMessages?.length === 0\n              ? 'ACTIVE'\n              : 'HIDE'\n          }\n          isReactionEnabled={usingReaction}\n          isByMe={isByMe}\n          emojiContainer={emojiContainer}\n          showEdit={setShowEditInput}\n          showRemove={setShowRemove}\n          toggleReaction={toggleReaction}\n          isOpenedFromThread\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ParentMessageInfo","_ref","_stores$userStore$use","_stores$userStore$use2","_parentMessage$isUser","_currentChannel$membe3","_currentChannel$membe4","_parentMessage$sender4","className","stores","config","useSendbirdStateContext","isMentionEnabled","isReactionEnabled","replyType","isOnline","userMention","logger","userId","userStore","user","dateLocale","useLocalization","currentChannel","parentMessage","allThreadMessages","emojiContainer","toggleReaction","updateMessage","deleteMessage","onMoveToParentMessage","onHeaderActionClick","isMuted","isChannelFrozen","useThreadContext","isMobile","useMediaQueryContext","showRemove","setShowRemove","useState","supposedHover","setSupposedHover","showFileViewer","setShowFileViewer","usingReaction","getIsReactionEnabled","globalLevel","isSuper","isBroadcast","isByMe","sender","mobileMenuRef","useRef","showMobileMenu","setShowMobileMenu","longPress","useLongPress","onLongPress","shouldPreventDefault","showEditInput","setShowEditInput","disabled","myRole","Role","OPERATOR","editMessageInputRef","mentionNickname","setMentionNickname","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","messageInputEvent","setMessageInputEvent","selectedUser","setSelectedUser","mentionSuggestedUsers","setMentionSuggestedUsers","displaySuggestedMentionList","length","mentionNodes","useDirtyGetMentions","ref","ableMention","maxMentionCount","useEffect","filter","_ref2","i","indexOf","splice","avatarRef","disableUserProfile","renderUserProfile","useContext","UserProfileContext","isUserMessage","call","React","createElement","Fragment","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","onFocusItemChange","onFetchUsers","users","ableAddMention","maxSuggestionCount","MessageInput","channel","isEdit","mentionSelectedUser","message","onStartTyping","_currentChannel$start","startTyping","onUpdateMessage","_ref3","_currentChannel$endTy","messageId","mentionTemplate","endTyping","onCancelEdit","_currentChannel$endTy2","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","_extends","_objectSpread","ContextMenu","menuTrigger","toggleDropdown","_currentChannel$membe","_currentChannel$membe2","_parentMessage$sender2","Avatar","src","members","find","m","_parentMessage$sender","profileUrl","alt","width","height","onClick","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","close","ConnectedUserProfile","currentUserId","onSuccess","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","member","_parentMessage$sender3","nickname","getSenderName","CAPTION_3","format","createdAt","locale","ParentMessageInfoItem","MessageItemMenu","disableDeleteMessage","showEdit","MessageItemReactionMenu","RemoveMessage","onCancel","onSubmit","FileViewer","onClose","onDelete","then","MobileMenu","hideMenu","deleteMenuState","isOpenedFromThread"],"mappings":"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"}

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,112 +1,128 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-bddc5c2b.js');
-var index = require('../../index-62c1bdfc.js');
-var uuid = require('../../uuid-2475ef6c.js');
-var ui_Label = require('../../index-5d5497c2.js');
-var ui_Word = require('../../ui/Word.js');
+var LocalizationContext = require('../../LocalizationContext-0e429c3d.js');
+var index = require('../../index-5231fde8.js');
+var ui_Label = require('../../index-6cb0d040.js');
 var ui_ImageRenderer = require('../../ui/ImageRenderer.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
-var Thread_context = require('../../ThreadProvider-389f5031.js');
-require('../../stringSet-3e6167ef.js');
-require('../../index-d14a43c4.js');
-require('../../tslib.es6-b8ba50ef.js');
+var Thread_context = require('../../ThreadProvider-8ee179c2.js');
+var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
+var index$1 = require('../../index-2be14d85.js');
+var tokenize = require('../../tokenize-2aa0f876.js');
+require('../../stringSet-106da549.js');
+require('../../index-016f7106.js');
+require('../../_rollupPluginBabelHelpers-c89f311a.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../../ui/LinkLabel.js');
-require('../../ui/MentionLabel.js');
+require('../../color-bada0fc7.js');
+require('../../withSendbird.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/ReactionButton.js');
+require('../../useLongPress-8037894e.js');
+require('../../MediaQueryContext-33fc3b17.js');
+require('../../utils-ad7b5b82.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
+require('../../uuid-12b01f73.js');
+require('../../ui/BottomSheet.js');
+require('../../index-f570d25c.js');
+require('../../ui/UserListItem.js');
+require('../../UserProfileContext-87580795.js');
+require('../../ui/Avatar.js');
+require('../../ui/MutedAvatarOverlay.js');
+require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
-require('../../UserProfileContext-8d0dee57.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-56842e14.js');
-require('../../utils-374d57b4.js');
-require('../../ui/Avatar.js');
+require('../../topics-b384e6b3.js');
 require('../../ui/Button.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-fed1e122.js');
-require('../../color-f47044b3.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
-require('../../ui/ReactionBadge.js');
-require('../../ui/ReactionButton.js');
-require('../../index-8de8f28a.js');
+require('../../Message/context.js');
+require('../../index-869e9a94.js');
 require('../context/types.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
+require('../../consts-5e0f96b3.js');
+require('../../ui/ProgressBar.js');
+require('../../VoicePlayer/useVoicePlayer.js');
+require('../../index-648c06ed.js');
+require('../../VoiceRecorder/context.js');
+require('../../ui/Modal.js');
+require('../../ui/IconButton.js');
+require('../../ui/PlaybackTime.js');
+require('../../ui/Loader.js');
+require('../../index.module-0585715f.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/LinkLabel.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function ParentMessageInfoItem(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j;
-
-  var className = _a.className,
-      message = _a.message,
-      showFileViewer = _a.showFileViewer;
+function ParentMessageInfoItem(_ref) {
+  var _stores$userStore, _stores$userStore$use, _message$mentionedMes, _message$mentionedUse, _message$reactions, _thumbnails, _thumbnails$, _getUIKitMessageTypes;
+  let {
+    className,
+    message,
+    showFileViewer
+  } = _ref;
+  const {
+    stores,
+    config
+  } = useSendbirdStateContext();
+  const {
+    replyType,
+    isMentionEnabled,
+    isReactionEnabled
+  } = config;
+  const currentUserId = stores === null || stores === void 0 ? void 0 : (_stores$userStore = stores.userStore) === null || _stores$userStore === void 0 ? void 0 : (_stores$userStore$use = _stores$userStore.user) === null || _stores$userStore$use === void 0 ? void 0 : _stores$userStore$use.userId;
+  const {
+    stringSet
+  } = LocalizationContext.useLocalization();
+  const {
+    currentChannel,
+    emojiContainer,
+    nicknamesMap,
+    toggleReaction
+  } = Thread_context.useThreadContext();
+  const isMentionedMessage = isMentionEnabled && (message === null || message === void 0 ? void 0 : (_message$mentionedMes = message.mentionedMessageTemplate) === null || _message$mentionedMes === void 0 ? void 0 : _message$mentionedMes.length) > 0 && (message === null || message === void 0 ? void 0 : (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.length) > 0;
 
-  var _k = useSendbirdStateContext(),
-      stores = _k.stores,
-      config = _k.config;
-
-  var replyType = config.replyType,
-      isMentionEnabled = config.isMentionEnabled,
-      isReactionEnabled = config.isReactionEnabled;
-  var currentUserId = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.userId;
-  var stringSet = LocalizationContext.useLocalization().stringSet;
-
-  var _l = Thread_context.useThreadContext(),
-      currentChannel = _l.currentChannel,
-      emojiContainer = _l.emojiContainer,
-      nicknamesMap = _l.nicknamesMap,
-      toggleReaction = _l.toggleReaction;
-
-  var isMentionedMessage = isMentionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _d === void 0 ? void 0 : _d.length) > 0 && ((_e = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _e === void 0 ? void 0 : _e.length) > 0; // Emoji reactions
+  // Emoji reactions
+  const isReactionActivated = isReactionEnabled && replyType === 'THREAD' && !(currentChannel !== null && currentChannel !== void 0 && currentChannel.isSuper) && !(currentChannel !== null && currentChannel !== void 0 && currentChannel.isBroadcast) && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0;
+  const tokens = React.useMemo(() => {
+    if (isMentionedMessage) {
+      return tokenize.tokenizeMessage({
+        mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+        messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate
+      });
+    }
+    return tokenize.tokenizeMessage({
+      messageText: message === null || message === void 0 ? void 0 : message.message
+    });
+  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
 
-  var isReactionActivated = isReactionEnabled && replyType === 'THREAD' && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isSuper) && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast) && ((_f = message === null || message === void 0 ? void 0 : message.reactions) === null || _f === void 0 ? void 0 : _f.length) > 0; // OG message
-  // const openUrl = () => {
-  //   if (isOGMessage(message) && message?.ogMetaData?.url) {
-  //     window.open(message.ogMetaData.url);
-  //   }
-  // };
   // Thumbnail mesage
-
-  var _m = React.useState(false),
-      isImageRendered = _m[0],
-      setImageRendered = _m[1];
-
-  var thumbnailUrl = ((_g = message === null || message === void 0 ? void 0 : message.thumbnails) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (_h = message === null || message === void 0 ? void 0 : message.thumbnails[0]) === null || _h === void 0 ? void 0 : _h.url : '';
+  const [isImageRendered, setImageRendered] = React.useState(false);
+  const thumbnailUrl = (message === null || message === void 0 ? void 0 : (_thumbnails = message.thumbnails) === null || _thumbnails === void 0 ? void 0 : _thumbnails.length) > 0 ? message === null || message === void 0 ? void 0 : (_thumbnails$ = message.thumbnails[0]) === null || _thumbnails$ === void 0 ? void 0 : _thumbnails$.url : '';
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item ".concat(className)
+    className: `sendbird-parent-message-info-item ${className}`
   }, index.isUserMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-parent-message-info-item__text-message",
     type: ui_Label.LabelTypography.BODY_1,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, isMentionedMessage ? message.mentionedMessageTemplate.split(' ').map(function (word) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Word, {
-      key: uuid.uuidv4(),
-      word: word,
-      message: message
-    });
-  }) : message === null || message === void 0 ? void 0 : message.message.split(' ').map(function (word) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Word, {
-      key: uuid.uuidv4(),
-      word: word,
-      message: message
-    });
+  }, /*#__PURE__*/React__default["default"].createElement(index$1.TextFragment, {
+    tokens: tokens
   }), index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-parent-message-info-item__text-message edited",
     type: ui_Label.LabelTypography.BODY_1,
     color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, " ".concat(stringSet.MESSAGE_EDITED, " "))), index.isFileMessage(message) && !index.isThumbnailMessage(message) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, ` ${stringSet.MESSAGE_EDITED} `)), index.getUIKitMessageType(message) === index.getUIKitMessageTypes().FILE && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-parent-message-info-item__file-message"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-parent-message-info-item__file-message__file-icon"
@@ -124,7 +140,7 @@ function ParentMessageInfoItem(_a) {
     height: "24px"
   })), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
     className: "sendbird-parent-message-info-item__file-message__file-name",
-    onClick: function () {
+    onClick: () => {
       window.open(message === null || message === void 0 ? void 0 : message.url);
     },
     color: ui_Label.LabelColors.ONBACKGROUND_1
@@ -132,9 +148,17 @@ function ParentMessageInfoItem(_a) {
     className: "sendbird-parent-message-info-item__file-message__file-name__text",
     type: ui_Label.LabelTypography.BODY_1,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30)))), index.isThumbnailMessage(message) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30)))), index.isVoiceMessage(message) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-parent-message-info-item__voice-message"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, {
+    className: "sendbird-parent-message-info-item__voice-message__item",
+    message: message,
+    channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url,
+    isByMe: false,
+    isReactionEnabled: isReactionEnabled
+  })), index.isThumbnailMessage(message) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-parent-message-info-item__thumbnail-message",
-    onClick: function () {
+    onClick: () => {
       if (index.isSentMessage(message)) {
         showFileViewer(true);
       }
@@ -145,22 +169,20 @@ function ParentMessageInfoItem(_a) {
     alt: message === null || message === void 0 ? void 0 : message.type,
     width: "200px",
     height: "148px",
-    onLoad: function () {
+    onLoad: () => {
       setImageRendered(true);
     },
-    placeHolder: function (style_) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "sendbird-parent-message-info-item__thumbnail-message__placeholder",
-        style: style_
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon"
-      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-        type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO,
-        fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-        width: "34px",
-        height: "34px"
-      })));
-    }
+    placeHolder: style_ => /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-parent-message-info-item__thumbnail-message__placeholder",
+      style: style_
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon"
+    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+      type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO,
+      fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
+      width: "34px",
+      height: "34px"
+    })))
   }), index.isVideoMessage(message) && !thumbnailUrl && !isImageRendered && /*#__PURE__*/React__default["default"].createElement("video", {
     className: "sendbird-parent-message-info-item__thumbnail-message__video"
   }, /*#__PURE__*/React__default["default"].createElement("source", {
@@ -177,7 +199,7 @@ function ParentMessageInfoItem(_a) {
     fillColor: ui_Icon.IconColors.GRAY,
     width: "34px",
     height: "34px"
-  })))), index.getUIKitMessageType(message) === ((_j = index.getUIKitMessageTypes === null || index.getUIKitMessageTypes === void 0 ? void 0 : index.getUIKitMessageTypes()) === null || _j === void 0 ? void 0 : _j.UNKNOWN) && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), index.getUIKitMessageType(message) === (index.getUIKitMessageTypes === null || index.getUIKitMessageTypes === void 0 ? void 0 : (_getUIKitMessageTypes = index.getUIKitMessageTypes()) === null || _getUIKitMessageTypes === void 0 ? void 0 : _getUIKitMessageTypes.UNKNOWN) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-parent-message-info-item__unknown-message"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-parent-message-info-item__unknown-message__header",
@@ -192,6 +214,7 @@ function ParentMessageInfoItem(_a) {
   }, /*#__PURE__*/React__default["default"].createElement(ui_EmojiReactions, {
     userId: currentUserId,
     message: message,
+    channel: currentChannel,
     isByMe: false,
     emojiContainer: emojiContainer,
     memberNicknamesMap: nicknamesMap,

package/cjs/Thread/components/ParentMessageInfoItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParentMessageInfoItem.js","sources":["../../../../src/smart-components/Thread/components/ParentMessageInfo/ParentMessageInfoItem.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './ParentMessageInfoItem.scss';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport {\n  getUIKitFileType,\n  getUIKitMessageType,\n  getUIKitMessageTypes,\n  isEditedMessage,\n  isFileMessage,\n  isGifMessage,\n  // isOGMessage,\n  isSentMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideoMessage,\n  truncateString\n} from '../../../../utils';\nimport uuidv4 from '../../../../utils/uuid';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Word from '../../../../ui/Word';\nimport ImageRenderer from '../../../../ui/ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport TextButton from '../../../../ui/TextButton';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EmojiReactions from '../../../../ui/EmojiReactions';\nimport { useThreadContext } from '../../context/ThreadProvider';\n\nexport interface ParentMessageInfoItemProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ParentMessageInfoItem({\n  className,\n  message,\n  showFileViewer,\n}: ParentMessageInfoItemProps): ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    replyType,\n    isMentionEnabled,\n    isReactionEnabled,\n  } = config;\n  const currentUserId = stores?.userStore?.user?.userId;\n  const { stringSet } = useLocalization();\n  const {\n    currentChannel,\n    emojiContainer,\n    nicknamesMap,\n    toggleReaction,\n  } = useThreadContext();\n\n  const isMentionedMessage = isMentionEnabled\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n\n  // Emoji reactions\n  const isReactionActivated = isReactionEnabled\n    && replyType === 'THREAD'\n    && !currentChannel?.isSuper\n    && !currentChannel?.isBroadcast\n    && message?.reactions?.length > 0;\n\n  // OG message\n  // const openUrl = () => {\n  //   if (isOGMessage(message) && message?.ogMetaData?.url) {\n  //     window.open(message.ogMetaData.url);\n  //   }\n  // };\n\n  // Thumbnail mesage\n  const [isImageRendered, setImageRendered] = useState(false);\n  const thumbnailUrl: string = (message as FileMessage)?.thumbnails?.length > 0\n    ? (message as FileMessage)?.thumbnails[0]?.url : '';\n\n  return (\n    <div className={`sendbird-parent-message-info-item ${className}`}>\n      {isUserMessage(message) && (\n        <Label\n          className=\"sendbird-parent-message-info-item__text-message\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {isMentionedMessage\n            ? (\n              message.mentionedMessageTemplate.split(' ').map((word: string) => (\n                <Word\n                  key={uuidv4()}\n                  word={word}\n                  message={message as UserMessage}\n                />\n              ))\n            )\n            : (\n              (message as UserMessage)?.message.split(' ').map((word: string) => (\n                <Word\n                  key={uuidv4()}\n                  word={word}\n                  message={message as UserMessage}\n                />\n              ))\n            )}\n          {isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-parent-message-info-item__text-message edited\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )}\n        </Label>\n      )}\n      {/* Will enable ogMessage after Server support - getMessage including og_tag */}\n      {/* {isOGMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__og-field\"\n          onClick={openUrl}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__og-field__thumbnail\"\n            url={message?.ogMetaData?.defaultImage?.url || ''}\n            alt={message?.ogMetaData?.defaultImage?.alt || ''}\n            width=\"200px\"\n            height=\"148px\"\n            defaultComponent={() => (\n              <div className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder\">\n                <Icon\n                  className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder__icon\"\n                  type={IconTypes.THUMBNAIL_NONE}\n                  fillColor={IconColors.ON_BACKGROUND_2}\n                  width=\"56px\"\n                  height=\"56px\"\n                />\n              </div>\n            )}\n          />\n          <div className=\"sendbird-parent-message-info-item__og-field__content\">\n            {message?.ogMetaData?.title && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__title\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.title}\n              </Label>\n            )}\n            {message?.ogMetaData?.description && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.description}\n              </Label>\n            )}\n            {message?.ogMetaData?.url && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {message.ogMetaData.url}\n              </Label>\n            )}\n          </div>\n        </div>\n      )} */}\n      {isFileMessage(message) && !isThumbnailMessage(message) && (\n        <div className=\"sendbird-parent-message-info-item__file-message\">\n          <div className=\"sendbird-parent-message-info-item__file-message__file-icon\">\n            <Icon\n              className=\"sendbird-parent-message-info-item__file-message__file-icon__icon\"\n              type={{\n                IMAGE: IconTypes.PHOTO,\n                VIDEO: IconTypes.PLAY,\n                AUDIO: IconTypes.FILE_AUDIO,\n                GIF: IconTypes.GIF,\n                OTHERS: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType((message as FileMessage)?.type)]}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </div>\n          <TextButton\n            className=\"sendbird-parent-message-info-item__file-message__file-name\"\n            onClick={() => { window.open((message as FileMessage)?.url) }}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            <Label\n              className=\"sendbird-parent-message-info-item__file-message__file-name__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {truncateString((message as FileMessage)?.name || (message as FileMessage)?.url, 30)}\n            </Label>\n          </TextButton>\n        </div>\n      )}\n      {isThumbnailMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__thumbnail-message\"\n          onClick={() => {\n            if (isSentMessage(message)) {\n              showFileViewer(true);\n            }\n          }}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__thumbnail-message__thumbnail\"\n            url={thumbnailUrl || (message as FileMessage)?.url || (message as FileMessage)?.plainUrl}\n            alt={(message as FileMessage)?.type}\n            width=\"200px\"\n            height=\"148px\"\n            onLoad={() => { setImageRendered(true) }}\n            placeHolder={(style_: Record<string, any>) => (\n              <div\n                className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder\"\n                style={style_}\n              >\n                <div className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder__icon\">\n                  <Icon\n                    type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                    fillColor={IconColors.ON_BACKGROUND_2}\n                    width=\"34px\"\n                    height=\"34px\"\n                  />\n                </div>\n              </div>\n            )}\n          />\n          {(isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (\n            <video className=\"sendbird-parent-message-info-item__thumbnail-message__video\">\n              <source src={(message as FileMessage)?.url || (message as FileMessage)?.plainUrl} type={(message as FileMessage)?.type} />\n            </video>\n          )}\n          <div className=\"sendbird-parent-message-info-item__thumbnail-message__image-cover\" />\n          {(isVideoMessage(message) || isGifMessage(message)) && (\n            <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper\">\n              <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon\">\n                <Icon\n                  type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                  fillColor={IconColors.GRAY}\n                  width=\"34px\"\n                  height=\"34px\"\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      {getUIKitMessageType(message) === getUIKitMessageTypes?.()?.UNKNOWN && (\n        <div className=\"sendbird-parent-message-info-item__unknown-message\">\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__header\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n          </Label>\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__description\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n          </Label>\n        </div>\n      )}\n\n      {/* reactions */}\n      {isReactionActivated && (\n        <div className=\"sendbird-parent-message-info__reactions\">\n          <EmojiReactions\n            userId={currentUserId}\n            message={message}\n            isByMe={false}\n            emojiContainer={emojiContainer}\n            memberNicknamesMap={nicknamesMap}\n            toggleReaction={toggleReaction}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ParentMessageInfoItem","_a","className","message","showFileViewer","_k","useSendbirdStateContext","stores","config","replyType","isMentionEnabled","isReactionEnabled","currentUserId","_c","_b","userStore","user","userId","stringSet","useLocalization","_l","useThreadContext","currentChannel","emojiContainer","nicknamesMap","toggleReaction","isMentionedMessage","_d","mentionedMessageTemplate","length","_e","mentionedUsers","isReactionActivated","isSuper","isBroadcast","_f","reactions","_m","useState","isImageRendered","setImageRendered","thumbnailUrl","_g","thumbnails","_h","url","React","concat","isUserMessage","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_1","split","map","word","Word","uuidv4","isEditedMessage","ONBACKGROUND_2","MESSAGE_EDITED","isFileMessage","isThumbnailMessage","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","TextButton","window","open","truncateString","name","isSentMessage","ImageRenderer","plainUrl","style_","isVideoMessage","ON_BACKGROUND_2","isGifMessage","GRAY","getUIKitMessageType","_j","getUIKitMessageTypes","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE","EmojiReactions"],"mappings":"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"}
+{"version":3,"file":"ParentMessageInfoItem.js","sources":["../../../../src/modules/Thread/components/ParentMessageInfo/ParentMessageInfoItem.tsx"],"sourcesContent":["import React, { ReactElement, useMemo, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './ParentMessageInfoItem.scss';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport {\n  getUIKitFileType,\n  getUIKitMessageType,\n  getUIKitMessageTypes,\n  isEditedMessage,\n  isVoiceMessage,\n  isGifMessage,\n  // isOGMessage,\n  isSentMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideoMessage,\n  truncateString,\n} from '../../../../utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ImageRenderer from '../../../../ui/ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport TextButton from '../../../../ui/TextButton';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EmojiReactions from '../../../../ui/EmojiReactions';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport VoiceMessageItemBody from '../../../../ui/VoiceMessageItemBody';\nimport TextFragment from '../../../Message/components/TextFragment';\nimport { tokenizeMessage } from '../../../Message/utils/tokens/tokenize';\n\nexport interface ParentMessageInfoItemProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ParentMessageInfoItem({\n  className,\n  message,\n  showFileViewer,\n}: ParentMessageInfoItemProps): ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    replyType,\n    isMentionEnabled,\n    isReactionEnabled,\n  } = config;\n  const currentUserId = stores?.userStore?.user?.userId;\n  const { stringSet } = useLocalization();\n  const {\n    currentChannel,\n    emojiContainer,\n    nicknamesMap,\n    toggleReaction,\n  } = useThreadContext();\n\n  const isMentionedMessage = isMentionEnabled\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n\n  // Emoji reactions\n  const isReactionActivated = isReactionEnabled\n    && replyType === 'THREAD'\n    && !currentChannel?.isSuper\n    && !currentChannel?.isBroadcast\n    && message?.reactions?.length > 0;\n\n  const tokens = useMemo(() => {\n    if (isMentionedMessage) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: (message as UserMessage)?.message,\n    });\n  }, [message?.updatedAt]);\n\n  // Thumbnail mesage\n  const [isImageRendered, setImageRendered] = useState(false);\n  const thumbnailUrl: string = (message as FileMessage)?.thumbnails?.length > 0\n    ? (message as FileMessage)?.thumbnails[0]?.url : '';\n\n  return (\n    <div className={`sendbird-parent-message-info-item ${className}`}>\n      {isUserMessage(message) && (\n        <Label\n          className=\"sendbird-parent-message-info-item__text-message\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          <TextFragment tokens={tokens} />\n          {isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-parent-message-info-item__text-message edited\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )}\n        </Label>\n      )}\n      {/* Will enable ogMessage after Server support - getMessage including og_tag */}\n      {/* {isOGMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__og-field\"\n          onClick={openUrl}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__og-field__thumbnail\"\n            url={message?.ogMetaData?.defaultImage?.url || ''}\n            alt={message?.ogMetaData?.defaultImage?.alt || ''}\n            width=\"200px\"\n            height=\"148px\"\n            defaultComponent={() => (\n              <div className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder\">\n                <Icon\n                  className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder__icon\"\n                  type={IconTypes.THUMBNAIL_NONE}\n                  fillColor={IconColors.ON_BACKGROUND_2}\n                  width=\"56px\"\n                  height=\"56px\"\n                />\n              </div>\n            )}\n          />\n          <div className=\"sendbird-parent-message-info-item__og-field__content\">\n            {message?.ogMetaData?.title && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__title\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.title}\n              </Label>\n            )}\n            {message?.ogMetaData?.description && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.description}\n              </Label>\n            )}\n            {message?.ogMetaData?.url && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {message.ogMetaData.url}\n              </Label>\n            )}\n          </div>\n        </div>\n      )} */}\n      {\n        (getUIKitMessageType((message as FileMessage)) === getUIKitMessageTypes().FILE) && (\n          <div className=\"sendbird-parent-message-info-item__file-message\">\n            <div className=\"sendbird-parent-message-info-item__file-message__file-icon\">\n              <Icon\n                className=\"sendbird-parent-message-info-item__file-message__file-icon__icon\"\n                type={{\n                  IMAGE: IconTypes.PHOTO,\n                  VIDEO: IconTypes.PLAY,\n                  AUDIO: IconTypes.FILE_AUDIO,\n                  GIF: IconTypes.GIF,\n                  OTHERS: IconTypes.FILE_DOCUMENT,\n                }[getUIKitFileType((message as FileMessage)?.type)]}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </div>\n            <TextButton\n              className=\"sendbird-parent-message-info-item__file-message__file-name\"\n              onClick={() => { window.open((message as FileMessage)?.url); }}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              <Label\n                className=\"sendbird-parent-message-info-item__file-message__file-name__text\"\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {truncateString((message as FileMessage)?.name || (message as FileMessage)?.url, 30)}\n              </Label>\n            </TextButton>\n          </div>\n        )\n      }\n      {\n        isVoiceMessage(message as FileMessage) && (\n          <div className=\"sendbird-parent-message-info-item__voice-message\">\n            <VoiceMessageItemBody\n              className=\"sendbird-parent-message-info-item__voice-message__item\"\n              message={message as FileMessage}\n              channelUrl={currentChannel?.url}\n              isByMe={false}\n              isReactionEnabled={isReactionEnabled}\n            />\n          </div>\n        )\n      }\n      {isThumbnailMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__thumbnail-message\"\n          onClick={() => {\n            if (isSentMessage(message)) {\n              showFileViewer(true);\n            }\n          }}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__thumbnail-message__thumbnail\"\n            url={thumbnailUrl || (message as FileMessage)?.url || (message as FileMessage)?.plainUrl}\n            alt={(message as FileMessage)?.type}\n            width=\"200px\"\n            height=\"148px\"\n            onLoad={() => { setImageRendered(true); }}\n            placeHolder={(style_: Record<string, any>) => (\n              <div\n                className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder\"\n                style={style_}\n              >\n                <div className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder__icon\">\n                  <Icon\n                    type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                    fillColor={IconColors.ON_BACKGROUND_2}\n                    width=\"34px\"\n                    height=\"34px\"\n                  />\n                </div>\n              </div>\n            )}\n          />\n          {(isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (\n            <video className=\"sendbird-parent-message-info-item__thumbnail-message__video\">\n              <source src={(message as FileMessage)?.url || (message as FileMessage)?.plainUrl} type={(message as FileMessage)?.type} />\n            </video>\n          )}\n          <div className=\"sendbird-parent-message-info-item__thumbnail-message__image-cover\" />\n          {(isVideoMessage(message) || isGifMessage(message)) && (\n            <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper\">\n              <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon\">\n                <Icon\n                  type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                  fillColor={IconColors.GRAY}\n                  width=\"34px\"\n                  height=\"34px\"\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      {getUIKitMessageType(message) === getUIKitMessageTypes?.()?.UNKNOWN && (\n        <div className=\"sendbird-parent-message-info-item__unknown-message\">\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__header\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n          </Label>\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__description\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n          </Label>\n        </div>\n      )}\n\n      {/* reactions */}\n      {isReactionActivated && (\n        <div className=\"sendbird-parent-message-info__reactions\">\n          <EmojiReactions\n            userId={currentUserId}\n            message={message}\n            channel={currentChannel}\n            isByMe={false}\n            emojiContainer={emojiContainer}\n            memberNicknamesMap={nicknamesMap}\n            toggleReaction={toggleReaction}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ParentMessageInfoItem","_ref","_stores$userStore","_stores$userStore$use","_message$mentionedMes","_message$mentionedUse","_message$reactions","_thumbnails","_thumbnails$","_getUIKitMessageTypes","className","message","showFileViewer","stores","config","useSendbirdStateContext","replyType","isMentionEnabled","isReactionEnabled","currentUserId","userStore","user","userId","stringSet","useLocalization","currentChannel","emojiContainer","nicknamesMap","toggleReaction","useThreadContext","isMentionedMessage","mentionedMessageTemplate","length","mentionedUsers","isReactionActivated","isSuper","isBroadcast","reactions","tokens","useMemo","tokenizeMessage","messageText","updatedAt","isImageRendered","setImageRendered","useState","thumbnailUrl","thumbnails","url","React","createElement","isUserMessage","Label","type","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_1","TextFragment","isEditedMessage","ONBACKGROUND_2","MESSAGE_EDITED","getUIKitMessageType","getUIKitMessageTypes","FILE","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","truncateString","name","isVoiceMessage","VoiceMessageItemBody","channelUrl","isByMe","isThumbnailMessage","isSentMessage","ImageRenderer","plainUrl","alt","onLoad","placeHolder","style_","style","isVideoMessage","ON_BACKGROUND_2","src","isGifMessage","GRAY","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE","EmojiReactions","channel","memberNicknamesMap"],"mappings":"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"}

package/cjs/Thread/components/ThreadHeader.js

@@ -3,45 +3,46 @@
 var React = require('react');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-5d5497c2.js');
+var ui_Label = require('../../index-6cb0d040.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../LocalizationContext-bddc5c2b.js');
-require('../../tslib.es6-b8ba50ef.js');
+var LocalizationContext = require('../../LocalizationContext-0e429c3d.js');
+require('../../_rollupPluginBabelHelpers-c89f311a.js');
 require('prop-types');
-require('../../stringSet-3e6167ef.js');
-require('../../color-f47044b3.js');
-require('../../index-d14a43c4.js');
+require('../../stringSet-106da549.js');
+require('../../color-bada0fc7.js');
+require('../../index-016f7106.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function ThreadHeader(_a) {
-  var className = _a.className,
-      channelName = _a.channelName,
-      renderActionIcon = _a.renderActionIcon,
-      onActionIconClick = _a.onActionIconClick,
-      onChannelNameClick = _a.onChannelNameClick;
-  var stringSet = LocalizationContext.useLocalization().stringSet;
-  var MemoizedActionIcon = React.useMemo(function () {
+function ThreadHeader(_ref) {
+  let {
+    className,
+    channelName,
+    renderActionIcon,
+    onActionIconClick,
+    onChannelNameClick
+  } = _ref;
+  const {
+    stringSet
+  } = LocalizationContext.useLocalization();
+  const MemoizedActionIcon = React.useMemo(() => {
     if (typeof renderActionIcon === 'function') {
       return renderActionIcon({
-        onActionIconClick: onActionIconClick
+        onActionIconClick
       });
     }
-
     return null;
   }, [renderActionIcon]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thread-header ".concat(className)
+    className: `sendbird-thread-header ${className}`
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-thread-header__title",
     type: ui_Label.LabelTypography.H_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
   }, stringSet.THREAD__HEADER_TITLE), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    onClick: function (e) {
-      return onChannelNameClick(e);
-    },
+    onClick: e => onChannelNameClick === null || onChannelNameClick === void 0 ? void 0 : onChannelNameClick(e),
     disableUnderline: true
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-thread-header__channel-name",
@@ -52,9 +53,7 @@ function ThreadHeader(_a) {
   }, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
     width: "32px",
     height: "32px",
-    onClick: function (e) {
-      return onActionIconClick(e);
-    }
+    onClick: e => onActionIconClick(e)
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     type: ui_Icon.IconTypes.CLOSE,
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,