@sendbird/uikit-react 3.4.7 → 3.4.8-rc.1

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

@@ -1 +1 @@
-{"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":"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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$use","_stores$userStore$use2","_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":"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"}

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-30772f4a.js');
-var index = require('../../index-4de6caed.js');
-var ui_Label = require('../../index-80b17a7f.js');
+var LocalizationContext = require('../../LocalizationContext-975ffc10.js');
+var index = require('../../index-551be60f.js');
+var ui_Label = require('../../index-bb91f996.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-1ebd5bc0.js');
+var Thread_context = require('../../ThreadProvider-e8f49239.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var index$1 = require('../../index-43612435.js');
-var tokenize = require('../../tokenize-07747f4c.js');
-require('../../stringSet-2b481a03.js');
-require('../../index-6d3fe482.js');
-require('../../_rollupPluginBabelHelpers-4b6406c2.js');
+var index$1 = require('../../index-1a324d07.js');
+var tokenize = require('../../tokenize-10b9c2ca.js');
+require('../../stringSet-ac04b7c1.js');
+require('../../index-f0938824.js');
+require('../../_rollupPluginBabelHelpers-596e2aef.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../../color-4904d01e.js');
+require('../../color-ac868fc0.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-d0dd45eb.js');
-require('../../index-ca85a10a.js');
-require('../../UserProfileContext-eb5a10d6.js');
+require('../../uuid-d5eb7040.js');
+require('../../index-9dd778ed.js');
+require('../../UserProfileContext-8b19c6c3.js');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../topics-f9cf559a.js');
+require('../../topics-89c25bd7.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-cafff484.js');
+require('../../consts-9cbf147c.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-b2886b93.js');
+require('../../index-8fc4c8ed.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../index.module-f4ff21b1.js');
+require('../../index.module-2d344ee2.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-f6f55335.js');
+require('../../utils-eadc245c.js');
 require('../../ui/Avatar.js');
 require('../../ui/Button.js');
 require('../../ui/LinkLabel.js');

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

@@ -1 +1 @@
-{"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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"}
+{"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,14 +3,14 @@
 var React = require('react');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-80b17a7f.js');
+var ui_Label = require('../../index-bb91f996.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../LocalizationContext-30772f4a.js');
-require('../../_rollupPluginBabelHelpers-4b6406c2.js');
+var LocalizationContext = require('../../LocalizationContext-975ffc10.js');
+require('../../_rollupPluginBabelHelpers-596e2aef.js');
 require('prop-types');
-require('../../stringSet-2b481a03.js');
-require('../../color-4904d01e.js');
-require('../../index-6d3fe482.js');
+require('../../stringSet-ac04b7c1.js');
+require('../../color-ac868fc0.js');
+require('../../index-f0938824.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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,oBAAoB,CACzB,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,WAAW,CACN,CACG,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;GACP,CAAA,CACS,CAEhB,CAEC,CAAA;AAEV;;;;"}

package/cjs/Thread/components/ThreadList.js

@@ -2,72 +2,72 @@
 
 var React = require('react');
 var Thread_components_ThreadListItem = require('./ThreadListItem.js');
-var Thread_context = require('../../ThreadProvider-1ebd5bc0.js');
+var Thread_context = require('../../ThreadProvider-e8f49239.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-require('../../index-ca85a10a.js');
-require('../../index-6d3fe482.js');
-require('../../LocalizationContext-30772f4a.js');
-require('../../stringSet-2b481a03.js');
+require('../../index-9dd778ed.js');
+require('../../index-f0938824.js');
+require('../../LocalizationContext-975ffc10.js');
+require('../../stringSet-ac04b7c1.js');
 require('../../ui/DateSeparator.js');
-require('../../color-4904d01e.js');
-require('../../index-80b17a7f.js');
+require('../../color-ac868fc0.js');
+require('../../index-bb91f996.js');
 require('prop-types');
-require('../../RemoveMessageModal-e0480b7c.js');
+require('../../RemoveMessageModal-f8277edf.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-5fd03280.js');
+require('../../index-e36db682.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-4b6406c2.js');
-require('../../MediaQueryContext-3b09499c.js');
+require('../../_rollupPluginBabelHelpers-596e2aef.js');
+require('../../MediaQueryContext-302f1c4f.js');
 require('../../ui/FileViewer.js');
-require('../../index-4de6caed.js');
+require('../../index-551be60f.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0dd45eb.js');
+require('../../uuid-d5eb7040.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-12a12f31.js');
-require('../../UserProfileContext-eb5a10d6.js');
-require('../../topics-f9cf559a.js');
-require('../../compareIds-de8d3b96.js');
-require('../../const-bba9510b.js');
+require('../../ChannelProvider-2a01302b.js');
+require('../../UserProfileContext-8b19c6c3.js');
+require('../../topics-89c25bd7.js');
+require('../../compareIds-3c9472b4.js');
+require('../../const-7d011d30.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../ui/ReactionButton.js');
-require('../../consts-cafff484.js');
-require('../../const-97ad0ae2.js');
+require('../../consts-9cbf147c.js');
+require('../../const-7b049118.js');
 require('../../withSendbird.js');
 require('../context/types.js');
 require('@sendbird/chat');
 require('../../ui/MessageInput.js');
 require('dompurify');
-require('../../consts-cb169c09.js');
-require('../../consts-a235ce0a.js');
-require('../../consts-6acebb51.js');
-require('../../tokenize-07747f4c.js');
+require('../../consts-df222988.js');
+require('../../consts-d9ff7fec.js');
+require('../../consts-6cf0ec85.js');
+require('../../tokenize-10b9c2ca.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-f6f55335.js');
+require('../../utils-eadc245c.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-3dcd9651.js');
+require('../../types-53455550.js');
 require('../../ui/MessageItemReactionMenu.js');
-require('../../index-0514e373.js');
+require('../../ui/ReactionButton.js');
+require('../../index-0d2fba98.js');
 require('../../ui/Loader.js');
-require('../../index-986b886d.js');
-require('../../index-223d453c.js');
+require('../../index-7ffe6f27.js');
+require('../../index-8d2c0bda.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-43612435.js');
-require('../../index.module-f4ff21b1.js');
+require('../../index-1a324d07.js');
+require('../../index.module-2d344ee2.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OGMessageItemBody.js');
@@ -78,7 +78,7 @@ require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-b2886b93.js');
+require('../../index-8fc4c8ed.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadList.js","sources":["../../../../src/modules/Thread/components/ThreadList/index.tsx"],"sourcesContent":["import React, { RefObject, useMemo } from 'react';\nimport { BaseMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport ThreadListItem from './ThreadListItem';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { isSameDay } from 'date-fns';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\n\nexport interface ThreadListProps {\n  className?: string;\n  allThreadMessages: Array<UserMessage | FileMessage | BaseMessage>;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderCustomSeparator?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  scrollRef?: RefObject<HTMLDivElement>;\n  scrollBottom?: number;\n}\n\nexport default function ThreadList({\n  className,\n  allThreadMessages,\n  renderMessage,\n  renderCustomSeparator,\n  scrollRef,\n  scrollBottom,\n}: ThreadListProps): React.ReactElement {\n  const { config } = useSendbirdStateContext();\n  const { replyType, userId } = config;\n  const {\n    currentChannel,\n  } = useThreadContext();\n\n  const MemorizedMessage = useMemo(() => ({\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n  }) => {\n\n    if (typeof renderMessage === 'function') {\n      return renderMessage({\n        message: message as UserMessage | FileMessage,\n        chainTop,\n        chainBottom,\n        hasSeparator,\n      });\n    }\n    return null;\n  }, [renderMessage]);\n\n  return (\n    <div className={`sendbird-thread-list ${className}`}>\n      {allThreadMessages.map((message, idx) => {\n        const isByMe = (message as UserMessage)?.sender?.userId === userId;\n        const prevMessage = allThreadMessages[idx - 1];\n        const nextMessage = allThreadMessages[idx + 1];\n        // eslint-disable-next-line no-constant-condition\n        const [chainTop, chainBottom] = true// isMessageGroupingEnabled\n          ? compareMessagesForGrouping(\n            prevMessage as UserMessage | FileMessage,\n            message as UserMessage | FileMessage,\n            nextMessage as UserMessage | FileMessage,\n            currentChannel,\n            replyType,\n          )\n          : [false, false];\n        const hasSeparator = !(prevMessage?.createdAt > 0 && (\n          isSameDay(message?.createdAt, prevMessage?.createdAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        };\n\n        return (\n          <MessageProvider message={message} isByMe={isByMe} key={message?.messageId}>\n            {\n              MemorizedMessage({\n                message,\n                chainTop,\n                chainBottom,\n                hasSeparator,\n              }) || (\n                <ThreadListItem\n                  message={message as UserMessage | FileMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  hasSeparator={hasSeparator}\n                  renderCustomSeparator={renderCustomSeparator}\n                  handleScroll={handleScroll}\n                />\n              )\n            }\n          </MessageProvider>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["ThreadList","_ref","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","userId","currentChannel","useThreadContext","MemorizedMessage","useMemo","_ref2","message","chainTop","chainBottom","hasSeparator","React","createElement","map","idx","_sender","isByMe","sender","prevMessage","nextMessage","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight","MessageProvider","key","messageId","ThreadListItem"],"mappings":"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"}
+{"version":3,"file":"ThreadList.js","sources":["../../../../src/modules/Thread/components/ThreadList/index.tsx"],"sourcesContent":["import React, { RefObject, useMemo } from 'react';\nimport { BaseMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport ThreadListItem from './ThreadListItem';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { isSameDay } from 'date-fns';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\n\nexport interface ThreadListProps {\n  className?: string;\n  allThreadMessages: Array<UserMessage | FileMessage | BaseMessage>;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderCustomSeparator?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  scrollRef?: RefObject<HTMLDivElement>;\n  scrollBottom?: number;\n}\n\nexport default function ThreadList({\n  className,\n  allThreadMessages,\n  renderMessage,\n  renderCustomSeparator,\n  scrollRef,\n  scrollBottom,\n}: ThreadListProps): React.ReactElement {\n  const { config } = useSendbirdStateContext();\n  const { replyType, userId } = config;\n  const {\n    currentChannel,\n  } = useThreadContext();\n\n  const MemorizedMessage = useMemo(() => ({\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n  }) => {\n\n    if (typeof renderMessage === 'function') {\n      return renderMessage({\n        message: message as UserMessage | FileMessage,\n        chainTop,\n        chainBottom,\n        hasSeparator,\n      });\n    }\n    return null;\n  }, [renderMessage]);\n\n  return (\n    <div className={`sendbird-thread-list ${className}`}>\n      {allThreadMessages.map((message, idx) => {\n        const isByMe = (message as UserMessage)?.sender?.userId === userId;\n        const prevMessage = allThreadMessages[idx - 1];\n        const nextMessage = allThreadMessages[idx + 1];\n        // eslint-disable-next-line no-constant-condition\n        const [chainTop, chainBottom] = true// isMessageGroupingEnabled\n          ? compareMessagesForGrouping(\n            prevMessage as UserMessage | FileMessage,\n            message as UserMessage | FileMessage,\n            nextMessage as UserMessage | FileMessage,\n            currentChannel,\n            replyType,\n          )\n          : [false, false];\n        const hasSeparator = !(prevMessage?.createdAt > 0 && (\n          isSameDay(message?.createdAt, prevMessage?.createdAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        };\n\n        return (\n          <MessageProvider message={message} isByMe={isByMe} key={message?.messageId}>\n            {\n              MemorizedMessage({\n                message,\n                chainTop,\n                chainBottom,\n                hasSeparator,\n              }) || (\n                <ThreadListItem\n                  message={message as UserMessage | FileMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  hasSeparator={hasSeparator}\n                  renderCustomSeparator={renderCustomSeparator}\n                  handleScroll={handleScroll}\n                />\n              )\n            }\n          </MessageProvider>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["ThreadList","_ref","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","userId","currentChannel","useThreadContext","MemorizedMessage","useMemo","_ref2","message","chainTop","chainBottom","hasSeparator","React","createElement","map","idx","_sender","isByMe","sender","prevMessage","nextMessage","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight","MessageProvider","key","messageId","ThreadListItem"],"mappings":"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"}