@sendbird/uikit-react 3.4.6-rc.1 → 3.4.7-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';\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';\nimport { Role } from '../../../../lib/types';\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","createElement","Fragment","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","__spreadArray","onFocusItemChange","onFetchUsers","users","ableAddMention","maxSuggestionCount","MessageInput","isEdit","ref","mentionSelectedUser","message","onStartTyping","startTyping","onUpdateMessage","messageId","mentionTemplate","endTyping","onCancelEdit","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","concat","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","members","find","m","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","_f","_e","member","nickname","getSenderName","CAPTION_3","format","createdAt","locale","ParentMessageInfoItem","MessageItemMenu","channel","isByMe","_g","disableDeleteMessage","showEdit","MessageItemReactionMenu","RemoveMessage","onCancel","onSubmit","FileViewer","onClose","onDelete","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 {\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';\nimport { Role } from '../../../../lib/types';\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","_ref","_stores$userStore","_stores$userStore$use","_parentMessage$isUser","_currentChannel$membe3","_currentChannel$membe4","_parentMessage$sender4","className","stores","config","useSendbirdStateContext","isMentionEnabled","isReactionEnabled","replyType","isOnline","userMention","userId","userStore","user","dateLocale","useLocalization","currentChannel","parentMessage","allThreadMessages","emojiContainer","toggleReaction","updateMessage","deleteMessage","onMoveToParentMessage","onHeaderActionClick","isMuted","isChannelFrozen","useThreadContext","showRemove","setShowRemove","useState","supposedHover","setSupposedHover","showFileViewer","setShowFileViewer","usingReaction","isSuper","isBroadcast","showEditInput","setShowEditInput","disabled","myRole","Role","OPERATOR","editMessageInputRef","useRef","mentionNickname","setMentionNickname","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","messageInputEvent","setMessageInputEvent","selectedUser","setSelectedUser","mentionSuggestedUsers","setMentionSuggestedUsers","ableMention","setAbleMention","displaySuggestedMentionList","length","useEffect","maxMentionCount","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","isEdit","ref","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","ContextMenu","menuTrigger","toggleDropdown","_currentChannel$membe","_currentChannel$membe2","_parentMessage$sender2","Avatar","src","members","find","m","_parentMessage$sender","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","channel","isByMe","disableDeleteMessage","showEdit","MessageItemReactionMenu","RemoveMessage","onCancel","onSubmit","FileViewer","onClose","onDelete","then"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCe,SAASA,iBAAiBA,CAAAC,IAAA,EAEM;EAAA,IAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,CAAA;EAAA,IAFL;AACxCC,IAAAA,SAAAA;AACsB,GAAC,GAAAP,IAAA,CAAA;EACvB,MAAM;IAAEQ,MAAM;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,uBAAuB,EAAE,CAAA;EACpD,MAAM;IACJC,gBAAgB;IAChBC,iBAAiB;IACjBC,SAAS;IACTC,QAAQ;AACRC,IAAAA,WAAAA;AACF,GAAC,GAAGN,MAAM,CAAA;EACV,MAAMO,MAAM,GAAGR,MAAM,KAANA,IAAAA,IAAAA,MAAM,wBAAAP,iBAAA,GAANO,MAAM,CAAES,SAAS,MAAA,IAAA,IAAAhB,iBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAjBD,iBAAA,CAAmBiB,IAAI,cAAAhB,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAvBA,qBAAA,CAAyBc,MAAM,CAAA;EAC9C,MAAM;AAAEG,IAAAA,UAAAA;AAAW,GAAC,GAAGC,mCAAe,KAAA,IAAA,IAAfA,mCAAe,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mCAAe,EAAI,CAAA;EAC1C,MAAM;IACJC,cAAc;IACdC,aAAa;IACbC,iBAAiB;IACjBC,cAAc;IACdC,cAAc;IACdC,aAAa;IACbC,aAAa;IACbC,qBAAqB;IACrBC,mBAAmB;IACnBC,OAAO;AACPC,IAAAA,eAAAA;GACD,GAAGC,+BAAgB,EAAE,CAAA;EAEtB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EACnD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGF,cAAQ,CAAC,KAAK,CAAC,CAAA;EACzD,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAGJ,cAAQ,CAAC,KAAK,CAAC,CAAA;EAC3D,MAAMK,aAAa,GAAG5B,iBAAiB,IAAI,EAACS,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,CAAEoB,OAAO,CAAA,IAAI,EAACpB,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,CAAEqB,WAAW,CAAA,CAAA;;AAEnG;EACA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGT,cAAQ,CAAC,KAAK,CAAC,CAAA;EACzD,MAAMU,QAAQ,GAAG,CAAC/B,QAAQ,IAAIgB,OAAO,IAAIC,eAAe,IAAI,EAAE,CAAAV,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEyB,MAAM,MAAKC,UAAI,CAACC,QAAQ,CAAC,CAAA;;AAEvG;AACA,EAAA,MAAMC,mBAAmB,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EACxC,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,cAAQ,CAAC,EAAE,CAAC,CAAA;EAC1D,MAAM,CAACkB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,cAAQ,CAAC,EAAE,CAAC,CAAA;EACxD,MAAM,CAACoB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGrB,cAAQ,CAAC,EAAE,CAAC,CAAA;EAC5D,MAAM,CAACsB,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGvB,cAAQ,CAAC,IAAI,CAAC,CAAA;EAChE,MAAM,CAACwB,YAAY,EAAEC,eAAe,CAAC,GAAGzB,cAAQ,CAAC,IAAI,CAAC,CAAA;EACtD,MAAM,CAAC0B,qBAAqB,EAAEC,wBAAwB,CAAC,GAAG3B,cAAQ,CAAC,EAAE,CAAC,CAAA;EACtE,MAAM,CAAC4B,WAAW,EAAEC,cAAc,CAAC,GAAG7B,cAAQ,CAAC,IAAI,CAAC,CAAA;EACpD,MAAM8B,2BAA2B,GAAGnD,QAAQ,IACvCH,gBAAgB,IAChBwC,eAAe,CAACe,MAAM,GAAG,CAAC,IAC1B,CAACpC,OAAO,IACR,EAAEC,eAAe,IAAI,EAAEV,cAAc,CAACyB,MAAM,KAAKC,UAAI,CAACC,QAAQ,CAAC,CAAC,CAAA;AACrEmB,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAAAd,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEa,MAAM,MAAInD,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEqD,eAAe,CAAE,EAAA;MAC1DJ,cAAc,CAAC,KAAK,CAAC,CAAA;AACvB,KAAC,MAAM;MACLA,cAAc,CAAC,IAAI,CAAC,CAAA;AACtB,KAAA;AACF,GAAC,EAAE,CAACX,cAAc,CAAC,CAAC,CAAA;AACpBc,EAAAA,eAAS,CAAC,MAAM;AACdb,IAAAA,iBAAiB,CAACD,cAAc,CAACgB,MAAM,CAACC,KAAA,IAAgB;MAAA,IAAf;AAAEtD,QAAAA,MAAAA;AAAO,OAAC,GAAAsD,KAAA,CAAA;AACjD,MAAA,MAAMC,CAAC,GAAGhB,gBAAgB,CAACiB,OAAO,CAACxD,MAAM,CAAC,CAAA;MAC1C,IAAIuD,CAAC,GAAG,CAAC,EAAE;AACT,QAAA,OAAO,KAAK,CAAA;AACd,OAAC,MAAM;AACLhB,QAAAA,gBAAgB,CAACkB,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC,CAAA;AAC7B,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACF,KAAC,CAAC,CAAC,CAAA;AACL,GAAC,EAAE,CAAChB,gBAAgB,CAAC,CAAC,CAAA;;AAEtB;AACA,EAAA,MAAMmB,SAAS,GAAGxB,YAAM,CAAC,IAAI,CAAC,CAAA;EAC9B,MAAM;IACJyB,kBAAkB;AAClBC,IAAAA,iBAAAA;AACF,GAAC,GAAGC,gBAAU,CAA8BC,qCAAkB,CAAC,CAAA;EAE/D,IAAInC,aAAa,IAAIrB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAAnB,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAbmB,aAAa,CAAEyD,aAAa,MAAA5E,IAAAA,IAAAA,qBAAA,eAA5BA,qBAAA,CAAA6E,IAAA,CAAA1D,aAA+B,CAAC,EAAE;AACrD,IAAA,oBACE2D,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAEIlB,IAAAA,EAAAA,2BAA2B,iBACzBgB,yBAAA,CAAAC,aAAA,CAACE,uCAAoB,EAAA;AACnB7E,MAAAA,SAAS,EAAC,6CAA6C;AACvD8E,MAAAA,cAAc,EAAElC,eAAgB;AAChCmC,MAAAA,UAAU,EAAE7B,iBAAAA;AACZ;AAAA;MACA8B,eAAe,EAAGrE,IAAI,IAAK;AACzB,QAAA,IAAIA,IAAI,EAAE;AACRoC,UAAAA,iBAAiB,CAAC,CAAC,GAAGD,cAAc,EAAEnC,IAAI,CAAC,CAAC,CAAA;AAC9C,SAAA;QACAkC,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACtBQ,eAAe,CAAC1C,IAAI,CAAC,CAAA;QACrBwC,oBAAoB,CAAC,IAAI,CAAC,CAAA;OAC1B;MACF8B,iBAAiB,EAAEA,MAAM;QACvB9B,oBAAoB,CAAC,IAAI,CAAC,CAAA;OAC1B;MACF+B,YAAY,EAAGC,KAAK,IAAK;QACvB5B,wBAAwB,CAAC4B,KAAK,CAAC,CAAA;OAC/B;AACFC,MAAAA,cAAc,EAAE5B,WAAY;AAC5BK,MAAAA,eAAe,EAAErD,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAEqD,eAAgB;AAC9CwB,MAAAA,kBAAkB,EAAE7E,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAE6E,kBAAAA;AAAmB,KACrD,CACF,eAEHX,yBAAA,CAAAC,aAAA,CAACW,eAAY,EAAA;MACXC,MAAM,EAAA,IAAA;AACNjD,MAAAA,QAAQ,EAAEA,QAAS;AACnBkD,MAAAA,GAAG,EAAE9C,mBAAoB;AACzB+C,MAAAA,mBAAmB,EAAErC,YAAa;AAClChD,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCsF,MAAAA,OAAO,EAAE3E,aAAc;MACvB4E,aAAa,EAAEA,MAAM;AAAA,QAAA,IAAAC,qBAAA,CAAA;AACnB9E,QAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA8E,qBAAA,GAAd9E,cAAc,CAAE+E,WAAW,MAAAD,IAAAA,IAAAA,qBAAA,uBAA3BA,qBAAA,CAAAnB,IAAA,CAAA3D,cAA8B,CAAC,CAAA;OAC/B;MACFgF,eAAe,EAAEC,KAAA,IAA6C;AAAA,QAAA,IAAAC,qBAAA,CAAA;QAAA,IAA5C;UAAEC,SAAS;UAAEP,OAAO;AAAEQ,UAAAA,eAAAA;AAAgB,SAAC,GAAAH,KAAA,CAAA;AACvD5E,QAAAA,aAAa,CAAC;UACZ8E,SAAS;UACTP,OAAO;UACP5C,cAAc;AACdoD,UAAAA,eAAAA;AACF,SAAC,CAAC,CAAA;QACF7D,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACvBvB,QAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAkF,qBAAA,GAAdlF,cAAc,CAAEqF,SAAS,MAAAH,IAAAA,IAAAA,qBAAA,uBAAzBA,qBAAA,CAAAvB,IAAA,CAAA3D,cAA4B,CAAC,CAAA;OAC7B;MACFsF,YAAY,EAAEA,MAAM;AAAA,QAAA,IAAAC,sBAAA,CAAA;QAClBxD,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACtBE,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACrBE,mBAAmB,CAAC,EAAE,CAAC,CAAA;QACvBM,wBAAwB,CAAC,EAAE,CAAC,CAAA;QAC5BlB,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACvBvB,QAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAuF,sBAAA,GAAdvF,cAAc,CAAEqF,SAAS,MAAAE,IAAAA,IAAAA,sBAAA,uBAAzBA,sBAAA,CAAA5B,IAAA,CAAA3D,cAA4B,CAAC,CAAA;OAC7B;MACFwF,eAAe,EAAG3F,IAAI,IAAK;AACzB,QAAA,IAAI,CAAAyC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAE3C,MAAM,OAAKE,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEF,MAAM,CAAE,EAAA;UACzC4C,eAAe,CAAC,IAAI,CAAC,CAAA;UACrBR,kBAAkB,CAAC,EAAE,CAAC,CAAA;AACxB,SAAA;OACA;MACF0D,qBAAqB,EAAGC,WAAW,IAAK;QACtC3D,kBAAkB,CAAC2D,WAAW,CAAC,CAAA;OAC/B;MACFC,yBAAyB,EAAGC,OAAO,IAAK;QACtCzD,mBAAmB,CAACyD,OAAO,CAAC,CAAA;OAC5B;MACFC,SAAS,EAAGC,CAAC,IAAK;AAChB,QAAA,IAAIlD,2BAA2B,IAAI,CAAAJ,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAqB,CAAEK,MAAM,IAAG,CAAC,KAC7DiD,CAAC,CAACC,GAAG,KAAKC,uBAAgB,CAACC,KAAK,IAAIvD,WAAW,IAAKoD,CAAC,CAACC,GAAG,KAAKC,uBAAgB,CAACE,OAAO,IAAIJ,CAAC,CAACC,GAAG,KAAKC,uBAAgB,CAACG,SAAS,CAAC,EACpI;UACA9D,oBAAoB,CAACyD,CAAC,CAAC,CAAA;AACvB,UAAA,OAAO,IAAI,CAAA;AACb,SAAA;AACA,QAAA,OAAO,KAAK,CAAA;AACd,OAAA;AAAE,KACH,CACD,CAAC,CAAA;AAEP,GAAA;EAEA,oBACElC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK3E,SAAS,EAAG,gCAA+BA,SAAU,CAAA,CAAA;AAAE,GAAA,eAC1D0E,yBAAA,CAAAC,aAAA,CAACuC,yBAAW,EAAA;AACVC,IAAAA,WAAW,EAAGC,cAAc,IAAA;AAAA,MAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,CAAA;AAAA,MAAA,oBAC1B7C,yBAAA,CAAAC,aAAA,CAAC6C,oBAAM,EAAA;AACLxH,QAAAA,SAAS,EAAC,sCAAsC;AAChDwF,QAAAA,GAAG,EAAErB,SAAU;QACfsD,GAAG,EACD,CAAA3G,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAAuG,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAdvG,cAAc,CAAE4G,OAAO,MAAAL,IAAAA,IAAAA,qBAAA,wBAAAC,sBAAA,GAAvBD,qBAAA,CAAyBM,IAAI,CAAEC,CAAC,IAAA;AAAA,UAAA,IAAAC,qBAAA,CAAA;UAAA,OAAK,CAAAD,CAAC,KAADA,IAAAA,IAAAA,CAAC,uBAADA,CAAC,CAAEnH,MAAM,OAAKM,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA8G,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAb9G,aAAa,CAAE+G,MAAM,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,qBAAA,CAAuBpH,MAAM,CAAA,CAAA;SAAC,CAAA,MAAA,IAAA,IAAA6G,sBAAA,KAAjFA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAmFS,UAAU,MAC1FhH,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAwG,sBAAA,GAAbxG,aAAa,CAAE+G,MAAM,MAAA,IAAA,IAAAP,sBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAuBQ,UAAU,CACrC;AACDC,QAAAA,GAAG,EAAC,uBAAuB;AAC3BC,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,MAAM,EAAC,MAAM;QACbC,OAAO,EAAEA,MAAM;UACb,IAAI,CAAC/D,kBAAkB,EAAE;AACvBgD,YAAAA,cAAc,EAAE,CAAA;AAClB,WAAA;AACF,SAAA;AAAE,OACH,CAAC,CAAA;KACF;AACFgB,IAAAA,SAAS,EAAGC,aAAa,iBACvB3D,yBAAA,CAAAC,aAAA,CAAC2D,wBAAS,EAAA;AACRC,MAAAA,SAAS,EAAEpE,SAAU;AACrBqE,MAAAA,gBAAgB,EAAErE,SAAU;AAC5BkE,MAAAA,aAAa,EAAEA,aAAc;AAC7BI,MAAAA,KAAK,EAAE;AAAEC,QAAAA,UAAU,EAAE,KAAK;AAAEC,QAAAA,aAAa,EAAE,KAAA;AAAM,OAAA;KAEhDtE,EAAAA,iBAAiB,GACdA,iBAAiB,CAAC;AAAE1D,MAAAA,IAAI,EAAEI,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE+G,MAAM;AAAEc,MAAAA,KAAK,EAAEP,aAAAA;AAAc,KAAC,CAAC,gBAExE3D,yBAAA,CAAAC,aAAA,CAACkE,cAAoB,EAAA;AACnBlI,MAAAA,IAAI,EAAEI,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAE+G,MAAO;AAC5BgB,MAAAA,aAAa,EAAErI,MAAO;AACtBsI,MAAAA,SAAS,EAAEV,aAAAA;AAAc,KAC1B,CAEI,CAAA;AACX,GACH,CAAC,eACF3D,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK3E,IAAAA,SAAS,EAAC,uCAAA;GACb0E,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK3E,IAAAA,SAAS,EAAC,6CAAA;AAA6C,GAAA,eAC1D0E,yBAAA,CAAAC,aAAA,CAACqE,cAAK,EAAA;AACJhJ,IAAAA,SAAS,EAAG,CAA0DiC,wDAAAA,EAAAA,aAAa,GAAG,gBAAgB,GAAG,EAAG,CAAE,CAAA;IAC9GgH,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAGhC,CAAAxI,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAAjB,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,sBAAA,GAAdiB,cAAc,CAAE4G,OAAO,MAAA7H,IAAAA,IAAAA,sBAAA,wBAAAC,sBAAA,GAAvBD,sBAAA,CAAyB8H,IAAI,CAAE4B,MAAM,IAAA;AAAA,IAAA,IAAAC,sBAAA,CAAA;IAAA,OAAK,CAAAD,MAAM,KAANA,IAAAA,IAAAA,MAAM,uBAANA,MAAM,CAAE9I,MAAM,OAAKM,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAAyI,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,sBAAA,GAAbzI,aAAa,CAAE+G,MAAM,cAAA0B,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,sBAAA,CAAuB/I,MAAM,CAAA,CAAA;GAAC,CAAA,MAAA,IAAA,IAAAX,sBAAA,KAA3FA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CACI2J,QAAQ,MAAIC,mBAAa,KAAA,IAAA,IAAbA,mBAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,mBAAa,CAAG3I,aAA0C,CAAC,CAExE,CAAC,eACR2D,yBAAA,CAAAC,aAAA,CAACqE,cAAK,EAAA;AACJhJ,IAAAA,SAAS,EAAC,sDAAsD;IAChEiJ,IAAI,EAAEC,wBAAe,CAACS,SAAU;IAChCP,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCM,cAAM,CAAC,CAAA7I,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAE8I,SAAS,KAAI,CAAC,EAAE,GAAG,EAAE;AAAEC,IAAAA,MAAM,EAAElJ,UAAAA;GAAY,CAC7D,CACJ,CAAC,eAEN8D,yBAAA,CAAAC,aAAA,CAACoF,uCAAqB,EAAA;AACpBrE,IAAAA,OAAO,EAAE3E,aAAc;AACvBgB,IAAAA,cAAc,EAAEC,iBAAAA;AAAkB,GACnC,CACE,CAAC,eAEN0C,yBAAA,CAAAC,aAAA,CAACqF,kBAAe,EAAA;AACdhK,IAAAA,SAAS,EAAG,CAAA,2CAAA,EAA6CiC,aAAa,GAAG,cAAc,GAAG,EAAG,CAAA,CAAA,EAAGJ,aAAa,GAAG,sBAAsB,GAAG,EAAG,CAAE,CAAA;AAC9IoI,IAAAA,OAAO,EAAEnJ,cAAe;AACxB4E,IAAAA,OAAO,EAAE3E,aAAc;AACvBmJ,IAAAA,MAAM,EAAEzJ,MAAM,MAAKM,aAAa,KAAbA,IAAAA,IAAAA,aAAa,wBAAAhB,sBAAA,GAAbgB,aAAa,CAAE+G,MAAM,MAAA/H,IAAAA,IAAAA,sBAAA,uBAArBA,sBAAA,CAAuBU,MAAM,CAAC;AACjD0J,IAAAA,oBAAoB,EAAEnJ,iBAAiB,CAAC2C,MAAM,GAAG,CAAE;AACnDrD,IAAAA,SAAS,EAAEA,SAAU;AACrB8J,IAAAA,QAAQ,EAAE/H,gBAAiB;AAC3BX,IAAAA,UAAU,EAAEC,aAAc;AAC1BG,IAAAA,gBAAgB,EAAEA,gBAAiB;IACnCT,qBAAqB,EAAEA,MAAM;AAC3BA,MAAAA,qBAAqB,CAAC;AAAEqE,QAAAA,OAAO,EAAE3E,aAAa;AAAEkJ,QAAAA,OAAO,EAAEnJ,cAAAA;AAAe,OAAC,CAAC,CAAA;AAC5E,KAAA;GACD,CAAC,EACDmB,aAAa,iBACZyC,yBAAA,CAAAC,aAAA,CAAC0F,0BAAuB,EAAA;AACtBrK,IAAAA,SAAS,EAAG,CAA8C6B,4CAAAA,EAAAA,aAAa,GAAG,sBAAsB,GAAG,EAAG,CAAE,CAAA;AACxG6D,IAAAA,OAAO,EAAE3E,aAAc;AACvBN,IAAAA,MAAM,EAAEA,MAAO;AACfQ,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BY,IAAAA,gBAAgB,EAAEA,gBAAAA;GACnB,CACF,EACAJ,UAAU,iBACTgD,yBAAA,CAAAC,aAAA,CAAC2F,gCAAa,EAAA;AACZC,IAAAA,QAAQ,EAAEA,MAAM5I,aAAa,CAAC,KAAK,CAAE;IACrC6I,QAAQ,EAAEA,MAAM;AACdlJ,MAAAA,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,EAAI,CAAA;KACvB;AACFoE,IAAAA,OAAO,EAAE3E,aAAAA;GACV,CACF,EACAgB,cAAc,iBACb2C,yBAAA,CAAAC,aAAA,CAAC8F,wBAAU,EAAA;AACT/E,IAAAA,OAAO,EAAE3E,aAA6B;AACtC2J,IAAAA,OAAO,EAAEA,MAAM1I,iBAAiB,CAAC,KAAK,CAAE;IACxC2I,QAAQ,EAAEA,MAAM;AACdvJ,MAAAA,aAAa,CAACL,aAAa,CAAC,CACzB6J,IAAI,CAAC,MAAM;QACV5I,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC1B,OAAC,CAAC,CAAA;AACN,KAAA;AAAE,GACH,CAEA,CAAC,CAAA;AAEV;;;;"}

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-4c1a8e44.js');
-var index = require('../../index-946fe9b8.js');
-var ui_Label = require('../../index-6295003c.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
+var index = require('../../index-f2146bae.js');
+var ui_Label = require('../../index-73643285.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-ca9e5e4f.js');
+var Thread_context = require('../../ThreadProvider-572574d7.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var index$1 = require('../../index-f2afea13.js');
-var tokenize = require('../../tokenize-b42df26a.js');
-require('../../stringSet-9717efda.js');
-require('../../index-ecac7544.js');
-require('../../tslib.es6-b412d11d.js');
+var index$1 = require('../../index-0b344bd7.js');
+var tokenize = require('../../tokenize-d86ab0c7.js');
+require('../../stringSet-68748705.js');
+require('../../index-83d1d15e.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../../color-f43f059a.js');
+require('../../color-afeb8dc2.js');
 require('../../withSendbird.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
@@ -27,27 +27,27 @@ require('../../ui/ReactionButton.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-d0a9c040.js');
-require('../../index-450c5c4a.js');
-require('../../UserProfileContext-34f6be33.js');
+require('../../uuid-0b4ed44c.js');
+require('../../index-f65677b1.js');
+require('../../UserProfileContext-f068b0ba.js');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../topics-11bf2ffa.js');
+require('../../topics-825e5d42.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-82dce75d.js');
+require('../../consts-a5382bc1.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-911b358f.js');
+require('../../index-9d518988.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../index.module-d62bc038.js');
+require('../../index.module-9f5edc7b.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-d40c9909.js');
+require('../../utils-d5176360.js');
 require('../../ui/Avatar.js');
 require('../../ui/Button.js');
 require('../../ui/LinkLabel.js');
@@ -56,28 +56,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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;
-  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;
+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;
+
   // Emoji reactions
-  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;
-  var tokens = React.useMemo(function () {
+  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,
@@ -88,13 +97,12 @@ function ParentMessageInfoItem(_a) {
       messageText: message === null || message === void 0 ? void 0 : message.message
     });
   }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+
   // 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,
@@ -105,7 +113,7 @@ function ParentMessageInfoItem(_a) {
     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.getUIKitMessageType(message) === index.getUIKitMessageTypes().FILE && /*#__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"
@@ -123,7 +131,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
@@ -141,7 +149,7 @@ function ParentMessageInfoItem(_a) {
     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);
       }
@@ -152,22 +160,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", {
@@ -184,7 +190,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",

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, 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            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","tokens","useMemo","tokenizeMessage","messageText","updatedAt","_m","useState","isImageRendered","setImageRendered","thumbnailUrl","_g","thumbnails","_h","url","React","createElement","concat","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","_j","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE","EmojiReactions","memberNicknamesMap"],"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            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","memberNicknamesMap"],"mappings":"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"}

package/cjs/Thread/components/ThreadHeader.js

@@ -3,44 +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-6295003c.js');
+var ui_Label = require('../../index-73643285.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../LocalizationContext-4c1a8e44.js');
-require('../../tslib.es6-b412d11d.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('prop-types');
-require('../../stringSet-9717efda.js');
-require('../../color-f43f059a.js');
-require('../../index-ecac7544.js');
+require('../../stringSet-68748705.js');
+require('../../color-afeb8dc2.js');
+require('../../index-83d1d15e.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(e),
     disableUnderline: true
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-thread-header__channel-name",
@@ -51,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,

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadHeader.js","sources":["../../../../src/smart-components/Thread/components/ThreadHeader/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport './index.scss';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype EventType = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;\n\nexport interface ThreadHeaderProps {\n  className?: string;\n  channelName: string;\n  renderActionIcon?: (props: { onActionIconClick: (e: EventType) => void }) => React.ReactElement;\n  onActionIconClick?: (e: EventType) => void;\n  onChannelNameClick?: (e: EventType) => void;\n}\n\nexport default function ThreadHeader({\n  className,\n  channelName,\n  renderActionIcon,\n  onActionIconClick,\n  onChannelNameClick,\n}: ThreadHeaderProps): React.ReactElement {\n  const { stringSet } = useLocalization();\n\n  const MemoizedActionIcon = useMemo(() => {\n    if (typeof renderActionIcon === 'function') {\n      return renderActionIcon({ onActionIconClick });\n    }\n    return null;\n  }, [renderActionIcon]);\n  return (\n    <div className={`sendbird-thread-header ${className}`}>\n      <Label\n        className=\"sendbird-thread-header__title\"\n        type={LabelTypography.H_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.THREAD__HEADER_TITLE}\n      </Label>\n      <TextButton\n        onClick={(e) => onChannelNameClick(e)}\n        disableUnderline\n      >\n        <Label\n          className=\"sendbird-thread-header__channel-name\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {channelName}\n        </Label>\n      </TextButton>\n      {\n        MemoizedActionIcon || (\n          <div className=\"sendbird-thread-header__action\">\n            <IconButton\n              width=\"32px\"\n              height=\"32px\"\n              onClick={(e) => onActionIconClick(e)}\n            >\n              <Icon\n                type={IconTypes.CLOSE}\n                fillColor={IconColors.ON_BACKGROUND_1}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThreadHeader","_a","className","channelName","renderActionIcon","onActionIconClick","onChannelNameClick","stringSet","useLocalization","MemoizedActionIcon","useMemo","React","createElement","concat","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","THREAD__HEADER_TITLE","TextButton","onClick","e","disableUnderline","CAPTION_3","ONBACKGROUND_2","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1"],"mappings":";;;;;;;;;;;;;;;;;;AAqBwB,SAAAA,YAAYA,CAACC,EAMjB,EAAA;AALlB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IACXC,gBAAgB,GAAAH,EAAA,CAAAG,gBAAA;IAChBC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IACjBC,kBAAkB,GAAAL,EAAA,CAAAK,kBAAA,CAAA;AAEV,EAAA,IAAAC,SAAS,GAAKC,mCAAe,EAAE,UAAtB,CAAA;AAEjB,EAAA,IAAMC,kBAAkB,GAAGC,aAAO,CAAC,YAAA;AACjC,IAAA,IAAI,OAAON,gBAAgB,KAAK,UAAU,EAAE;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAiB,EAAAA,iBAAAA;AAAA,OAAE,CAAC,CAAA;AAC/C,KAAA;AACD,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EAAE,CAACD,gBAAgB,CAAC,CAAC,CAAA;EACtB,oBACEO,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAE,yBAA0B,CAAAW,MAAA,CAAAX,SAAS,CAAA;AAAG,GAAA,eACpDS,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,+BAA+B;IACzCa,IAAI,EAAEC,wBAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBb,EAAAA,SAAS,CAACc,oBAAoB,CAEjC,eAAAV,yBAAA,CAAAC,aAAA,CAACU,aAAU,EAAA;AACTC,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAK;MAAA,OAAAlB,kBAAkB,CAACkB,CAAC,CAAC,CAAA;KAAC;IACtCC,gBAAgB,EAAA,IAAA;AAAA,GAAA,eAEhBd,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,sCAAsC;IAChDa,IAAI,EAAEC,wBAAe,CAACU,SAAU;IAChCR,KAAK,EAAEC,oBAAW,CAACQ,cAAAA;GAElBxB,EAAAA,WAAW,CAEhB,CACA,EACEM,kBAAkB,iBAChBE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CS,yBAAA,CAAAC,aAAA,CAACgB,aAAU,EAAA;AACTC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbP,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAK;MAAA,OAAAnB,iBAAiB,CAACmB,CAAC,CAAC,CAAA;AAApB,KAAA;AAAqB,GAAA,eAErCb,yBAAA,CAAAC,aAAA,CAACmB,kBAAI,EAAA;IACHhB,IAAI,EAAEiB,iBAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,kBAAU,CAACC,eAAgB;AACtCP,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAA,CACF,CACD,CAEC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ThreadHeader.js","sources":["../../../../src/modules/Thread/components/ThreadHeader/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport './index.scss';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype EventType = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;\n\nexport interface ThreadHeaderProps {\n  className?: string;\n  channelName: string;\n  renderActionIcon?: (props: { onActionIconClick: (e: EventType) => void }) => React.ReactElement;\n  onActionIconClick?: (e: EventType) => void;\n  onChannelNameClick?: (e: EventType) => void;\n}\n\nexport default function ThreadHeader({\n  className,\n  channelName,\n  renderActionIcon,\n  onActionIconClick,\n  onChannelNameClick,\n}: ThreadHeaderProps): React.ReactElement {\n  const { stringSet } = useLocalization();\n\n  const MemoizedActionIcon = useMemo(() => {\n    if (typeof renderActionIcon === 'function') {\n      return renderActionIcon({ onActionIconClick });\n    }\n    return null;\n  }, [renderActionIcon]);\n  return (\n    <div className={`sendbird-thread-header ${className}`}>\n      <Label\n        className=\"sendbird-thread-header__title\"\n        type={LabelTypography.H_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.THREAD__HEADER_TITLE}\n      </Label>\n      <TextButton\n        onClick={(e) => onChannelNameClick(e)}\n        disableUnderline\n      >\n        <Label\n          className=\"sendbird-thread-header__channel-name\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {channelName}\n        </Label>\n      </TextButton>\n      {\n        MemoizedActionIcon || (\n          <div className=\"sendbird-thread-header__action\">\n            <IconButton\n              width=\"32px\"\n              height=\"32px\"\n              onClick={(e) => onActionIconClick(e)}\n            >\n              <Icon\n                type={IconTypes.CLOSE}\n                fillColor={IconColors.ON_BACKGROUND_1}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThreadHeader","_ref","className","channelName","renderActionIcon","onActionIconClick","onChannelNameClick","stringSet","useLocalization","MemoizedActionIcon","useMemo","React","createElement","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","THREAD__HEADER_TITLE","TextButton","onClick","e","disableUnderline","CAPTION_3","ONBACKGROUND_2","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1"],"mappings":";;;;;;;;;;;;;;;;;;AAqBe,SAASA,YAAYA,CAAAC,IAAA,EAMM;EAAA,IANL;IACnCC,SAAS;IACTC,WAAW;IACXC,gBAAgB;IAChBC,iBAAiB;AACjBC,IAAAA,kBAAAA;AACiB,GAAC,GAAAL,IAAA,CAAA;EAClB,MAAM;AAAEM,IAAAA,SAAAA;GAAW,GAAGC,mCAAe,EAAE,CAAA;AAEvC,EAAA,MAAMC,kBAAkB,GAAGC,aAAO,CAAC,MAAM;AACvC,IAAA,IAAI,OAAON,gBAAgB,KAAK,UAAU,EAAE;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAAA;AAAkB,OAAC,CAAC,CAAA;AAChD,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EAAE,CAACD,gBAAgB,CAAC,CAAC,CAAA;EACtB,oBACEO,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKV,SAAS,EAAG,0BAAyBA,SAAU,CAAA,CAAA;AAAE,GAAA,eACpDS,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,+BAA+B;IACzCY,IAAI,EAAEC,wBAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBZ,EAAAA,SAAS,CAACa,oBACN,CAAC,eACRT,yBAAA,CAAAC,aAAA,CAACS,aAAU,EAAA;AACTC,IAAAA,OAAO,EAAGC,CAAC,IAAKjB,kBAAkB,CAACiB,CAAC,CAAE;IACtCC,gBAAgB,EAAA,IAAA;AAAA,GAAA,eAEhBb,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,sCAAsC;IAChDY,IAAI,EAAEC,wBAAe,CAACU,SAAU;IAChCR,KAAK,EAAEC,oBAAW,CAACQ,cAAAA;GAElBvB,EAAAA,WACI,CACG,CAAC,EAEXM,kBAAkB,iBAChBE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CS,yBAAA,CAAAC,aAAA,CAACe,aAAU,EAAA;AACTC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbP,IAAAA,OAAO,EAAGC,CAAC,IAAKlB,iBAAiB,CAACkB,CAAC,CAAA;AAAE,GAAA,eAErCZ,yBAAA,CAAAC,aAAA,CAACkB,kBAAI,EAAA;IACHhB,IAAI,EAAEiB,iBAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,kBAAU,CAACC,eAAgB;AACtCP,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GACR,CACS,CACT,CAGN,CAAC,CAAA;AAEV;;;;"}