@sendbird/uikit-react 3.4.3 → 3.4.4-rc.0

package/Thread/components/ThreadUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadUI.js","sources":["../../../src/smart-components/Thread/components/ThreadUI/useMemorizedHeader.tsx","../../../src/smart-components/Thread/components/ThreadUI/useMemorizedParentMessageInfo.tsx","../../../src/smart-components/Thread/components/ThreadUI/useMemorizedThreadList.tsx","../../../src/smart-components/Thread/components/ThreadUI/index.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\n\nexport interface UseMemorizedHeaderProps {\n  renderHeader?: () => React.ReactElement;\n}\n\nconst useMemorizedHeader = ({ renderHeader }: UseMemorizedHeaderProps): ReactElement => useMemo(() => {\n  if (typeof renderHeader === 'function') {\n    return renderHeader();\n  }\n  return null;\n}, [renderHeader]);\n\nexport default useMemorizedHeader;\n","import React, { ReactElement, useMemo } from 'react';\n\nimport { ParentMessageStateTypes } from '../../types';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface UseMemorizedParentMessageInfoProps {\n  parentMessage: UserMessage | FileMessage;\n  parentMessageState: ParentMessageStateTypes;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedParentMessageInfo = ({\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n}: UseMemorizedParentMessageInfoProps): ReactElement => useMemo(() => {\n  if (parentMessageState === ParentMessageStateTypes.NIL\n    || parentMessageState === ParentMessageStateTypes.LOADING\n    || parentMessageState === ParentMessageStateTypes.INVALID\n  ) {\n    if (typeof renderParentMessageInfoPlaceholder === 'function') {\n      return renderParentMessageInfoPlaceholder(parentMessageState);\n    }\n    switch (parentMessageState) {\n      case ParentMessageStateTypes.NIL: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-nil\"\n            type={PlaceHolderTypes.NO_RESULTS}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  } else if (parentMessageState === ParentMessageStateTypes.INITIALIZED) {\n    if (typeof renderParentMessageInfo === 'function') {\n      return renderParentMessageInfo();\n    }\n  }\n  return null;\n}, [\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n]);\n\nexport default useMemorizedParentMessageInfo;\n","import React, { ReactElement, useMemo } from 'react';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nimport { ThreadListStateTypes } from '../../types';\n\nexport interface UseMemorizedThreadListProps {\n  threadListState: ThreadListStateTypes;\n  renderThreadListPlaceHolder?: (tyep: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedThreadList = ({\n  threadListState,\n  renderThreadListPlaceHolder,\n}: UseMemorizedThreadListProps): ReactElement => useMemo(() => {\n  if (threadListState === ThreadListStateTypes.NIL\n    || threadListState === ThreadListStateTypes.LOADING\n    || threadListState === ThreadListStateTypes.INVALID\n  ) {\n    if (typeof renderThreadListPlaceHolder === 'function') {\n      return renderThreadListPlaceHolder(threadListState);\n    }\n    switch (threadListState) {\n      case ThreadListStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.NIL: {\n        return <></>;\n      }\n      default: {\n        return null;\n      }\n    }\n  }\n  return null;\n}, [\n  threadListState,\n  renderThreadListPlaceHolder,\n]);\n\nexport default useMemorizedThreadList;\n","import React, { useRef, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { getChannelTitle } from '../../../Channel/components/ChannelHeader/utils';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { ParentMessageStateTypes, ThreadListStateTypes } from '../../types';\nimport ParentMessageInfo from '../ParentMessageInfo';\nimport ThreadHeader from '../ThreadHeader';\nimport ThreadList from '../ThreadList';\nimport ThreadMessageInput from '../ThreadMessageInput';\nimport useMemorizedHeader from './useMemorizedHeader';\nimport useMemorizedParentMessageInfo from './useMemorizedParentMessageInfo';\nimport useMemorizedThreadList from './useMemorizedThreadList';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { isAboutSame } from '../../context/utils';\n\nexport interface ThreadUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderCustomSeparator?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n  renderThreadListPlaceHolder?: (type: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst ThreadUI: React.FC<ThreadUIProps> = ({\n  renderHeader,\n  renderParentMessageInfo,\n  renderMessage,\n  renderMessageInput,\n  renderCustomSeparator,\n  renderParentMessageInfoPlaceholder,\n  renderThreadListPlaceHolder,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ThreadUIProps): React.ReactElement => {\n  const {\n    stores,\n  } = useSendbirdStateContext();\n  const currentUserId = stores?.sdkStore?.sdk?.currentUser?.userId;\n  const {\n    stringSet,\n  } = useLocalization();\n  const {\n    currentChannel,\n    allThreadMessages,\n    parentMessage,\n    parentMessageState,\n    threadListState,\n    hasMorePrev,\n    hasMoreNext,\n    fetchPrevThreads,\n    fetchNextThreads,\n    onHeaderActionClick,\n    onMoveToParentMessage,\n  } = useThreadContext();\n  const replyCount = allThreadMessages.length;\n\n  // Memoized custom components\n  const MemorizedHeader = useMemorizedHeader({ renderHeader });\n  const MemorizedParentMessageInfo = useMemorizedParentMessageInfo({\n    parentMessage,\n    parentMessageState,\n    renderParentMessageInfo,\n    renderParentMessageInfoPlaceholder, // nil, loading, invalid\n  });\n  const MemorizedThreadList = useMemorizedThreadList({\n    threadListState,\n    renderThreadListPlaceHolder,\n  });\n\n  // scroll\n  const [scrollBottom, setScrollBottom] = useState(0);\n  const scrollRef = useRef(null);\n  const onScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    const threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');\n    const firstNode = threadItemNodes?.[0];\n    if (isAboutSame(scrollTop, 0, 10) && hasMorePrev) {\n      fetchPrevThreads((messages) => {\n        if (messages) {\n          try {\n            firstNode?.scrollIntoView?.({ block: 'start', inline: 'nearest' });\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {\n      const scrollTop_ = scrollTop;\n      fetchNextThreads((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollTop_;\n            scrollRef.current.scrollTop = scrollTop_;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    // save the lastest scroll bottom value\n    if (scrollRef?.current) {\n      const current = scrollRef?.current;\n      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n    }\n  };\n\n  return (\n    <div className='sendbird-thread-ui'>\n      {\n        MemorizedHeader || (\n          <ThreadHeader\n            className=\"sendbird-thread-ui__header\"\n            channelName={getChannelTitle(currentChannel, currentUserId, stringSet)}\n            onActionIconClick={onHeaderActionClick}\n            onChannelNameClick={() => onMoveToParentMessage({ message: parentMessage, channel: currentChannel })}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-thread-ui--scroll\"\n        ref={scrollRef}\n        onScroll={onScroll}\n      >\n        {\n          MemorizedParentMessageInfo || (\n            <ParentMessageInfo\n              className=\"sendbird-thread-ui__parent-message-info\"\n            />\n          )\n        }\n        {\n          replyCount > 0 && (\n            <div className=\"sendbird-thread-ui__reply-counts\">\n              <Label\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {`${replyCount} ${replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY}`}\n              </Label>\n            </div>\n          )\n        }\n        {\n          MemorizedThreadList || (\n            <ThreadList\n              className=\"sendbird-thread-ui__thread-list\"\n              allThreadMessages={allThreadMessages}\n              renderMessage={renderMessage}\n              renderCustomSeparator={renderCustomSeparator}\n              scrollRef={scrollRef}\n              scrollBottom={scrollBottom}\n            />\n          )\n        }\n      </div>\n      {/* MessageInput */}\n      {\n        renderMessageInput?.() || (\n          <ThreadMessageInput\n            className=\"sendbird-thread-ui__message-input\"\n            renderFileUploadIcon={renderFileUploadIcon}\n            renderVoiceMessageIcon={renderVoiceMessageIcon}\n            renderSendMessageIcon={renderSendMessageIcon}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default ThreadUI;\n"],"names":["useMemorizedHeader","_a","renderHeader","useMemo","useMemorizedParentMessageInfo","parentMessage","parentMessageState","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageStateTypes","NIL","LOADING","INVALID","React","PlaceHolderTypes","NO_RESULTS","WRONG","INITIALIZED","useMemorizedThreadList","threadListState","renderThreadListPlaceHolder","ThreadListStateTypes","ThreadUI","renderMessage","renderMessageInput","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","stores","useSendbirdStateContext","currentUserId","_d","_b","sdkStore","sdk","currentUser","userId","stringSet","useLocalization","_e","useThreadContext","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","replyCount","length","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","_f","useState","scrollBottom","setScrollBottom","scrollRef","useRef","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","threadItemNodes","current","querySelectorAll","firstNode","isAboutSame","messages","scrollIntoView","call","block","inline","error","scrollTop_1","offsetHeight","getChannelTitle","message","channel","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_3","concat","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY"],"mappings":"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"}
+{"version":3,"file":"ThreadUI.js","sources":["../../../src/smart-components/Thread/components/ThreadUI/useMemorizedHeader.tsx","../../../src/smart-components/Thread/components/ThreadUI/useMemorizedParentMessageInfo.tsx","../../../src/smart-components/Thread/components/ThreadUI/useMemorizedThreadList.tsx","../../../src/smart-components/Thread/components/ThreadUI/index.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\n\nexport interface UseMemorizedHeaderProps {\n  renderHeader?: () => React.ReactElement;\n}\n\nconst useMemorizedHeader = ({ renderHeader }: UseMemorizedHeaderProps): ReactElement => useMemo(() => {\n  if (typeof renderHeader === 'function') {\n    return renderHeader();\n  }\n  return null;\n}, [renderHeader]);\n\nexport default useMemorizedHeader;\n","import React, { ReactElement, useMemo } from 'react';\n\nimport { ParentMessageStateTypes } from '../../types';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface UseMemorizedParentMessageInfoProps {\n  parentMessage: UserMessage | FileMessage;\n  parentMessageState: ParentMessageStateTypes;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedParentMessageInfo = ({\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n}: UseMemorizedParentMessageInfoProps): ReactElement => useMemo(() => {\n  if (parentMessageState === ParentMessageStateTypes.NIL\n    || parentMessageState === ParentMessageStateTypes.LOADING\n    || parentMessageState === ParentMessageStateTypes.INVALID\n  ) {\n    if (typeof renderParentMessageInfoPlaceholder === 'function') {\n      return renderParentMessageInfoPlaceholder(parentMessageState);\n    }\n    switch (parentMessageState) {\n      case ParentMessageStateTypes.NIL: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-nil\"\n            type={PlaceHolderTypes.NO_RESULTS}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  } else if (parentMessageState === ParentMessageStateTypes.INITIALIZED) {\n    if (typeof renderParentMessageInfo === 'function') {\n      return renderParentMessageInfo();\n    }\n  }\n  return null;\n}, [\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n]);\n\nexport default useMemorizedParentMessageInfo;\n","import React, { ReactElement, useMemo } from 'react';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nimport { ThreadListStateTypes } from '../../types';\n\nexport interface UseMemorizedThreadListProps {\n  threadListState: ThreadListStateTypes;\n  renderThreadListPlaceHolder?: (tyep: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedThreadList = ({\n  threadListState,\n  renderThreadListPlaceHolder,\n}: UseMemorizedThreadListProps): ReactElement => useMemo(() => {\n  if (threadListState === ThreadListStateTypes.NIL\n    || threadListState === ThreadListStateTypes.LOADING\n    || threadListState === ThreadListStateTypes.INVALID\n  ) {\n    if (typeof renderThreadListPlaceHolder === 'function') {\n      return renderThreadListPlaceHolder(threadListState);\n    }\n    switch (threadListState) {\n      case ThreadListStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.NIL: {\n        return <></>;\n      }\n      default: {\n        return null;\n      }\n    }\n  }\n  return null;\n}, [\n  threadListState,\n  renderThreadListPlaceHolder,\n]);\n\nexport default useMemorizedThreadList;\n","import React, { useRef, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { getChannelTitle } from '../../../Channel/components/ChannelHeader/utils';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { ParentMessageStateTypes, ThreadListStateTypes } from '../../types';\nimport ParentMessageInfo from '../ParentMessageInfo';\nimport ThreadHeader from '../ThreadHeader';\nimport ThreadList from '../ThreadList';\nimport ThreadMessageInput from '../ThreadMessageInput';\nimport useMemorizedHeader from './useMemorizedHeader';\nimport useMemorizedParentMessageInfo from './useMemorizedParentMessageInfo';\nimport useMemorizedThreadList from './useMemorizedThreadList';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { isAboutSame } from '../../context/utils';\n\nexport interface ThreadUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderCustomSeparator?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n  renderThreadListPlaceHolder?: (type: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst ThreadUI: React.FC<ThreadUIProps> = ({\n  renderHeader,\n  renderParentMessageInfo,\n  renderMessage,\n  renderMessageInput,\n  renderCustomSeparator,\n  renderParentMessageInfoPlaceholder,\n  renderThreadListPlaceHolder,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ThreadUIProps): React.ReactElement => {\n  const {\n    stores,\n  } = useSendbirdStateContext();\n  const currentUserId = stores?.sdkStore?.sdk?.currentUser?.userId;\n  const {\n    stringSet,\n  } = useLocalization();\n  const {\n    currentChannel,\n    allThreadMessages,\n    parentMessage,\n    parentMessageState,\n    threadListState,\n    hasMorePrev,\n    hasMoreNext,\n    fetchPrevThreads,\n    fetchNextThreads,\n    onHeaderActionClick,\n    onMoveToParentMessage,\n  } = useThreadContext();\n  const replyCount = allThreadMessages.length;\n\n  // Memoized custom components\n  const MemorizedHeader = useMemorizedHeader({ renderHeader });\n  const MemorizedParentMessageInfo = useMemorizedParentMessageInfo({\n    parentMessage,\n    parentMessageState,\n    renderParentMessageInfo,\n    renderParentMessageInfoPlaceholder, // nil, loading, invalid\n  });\n  const MemorizedThreadList = useMemorizedThreadList({\n    threadListState,\n    renderThreadListPlaceHolder,\n  });\n\n  // scroll\n  const [scrollBottom, setScrollBottom] = useState(0);\n  const scrollRef = useRef(null);\n  const onScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    const threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');\n    const firstNode = threadItemNodes?.[0];\n    if (isAboutSame(scrollTop, 0, 10) && hasMorePrev) {\n      fetchPrevThreads((messages) => {\n        if (messages) {\n          try {\n            firstNode?.scrollIntoView?.({ block: 'start', inline: 'nearest' });\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {\n      const scrollTop_ = scrollTop;\n      fetchNextThreads((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollTop_;\n            scrollRef.current.scrollTop = scrollTop_;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    // save the lastest scroll bottom value\n    if (scrollRef?.current) {\n      const current = scrollRef?.current;\n      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n    }\n  };\n\n  return (\n    <div className='sendbird-thread-ui'>\n      {\n        MemorizedHeader || (\n          <ThreadHeader\n            className=\"sendbird-thread-ui__header\"\n            channelName={getChannelTitle(currentChannel, currentUserId, stringSet)}\n            onActionIconClick={onHeaderActionClick}\n            onChannelNameClick={() => onMoveToParentMessage({ message: parentMessage, channel: currentChannel })}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-thread-ui--scroll\"\n        ref={scrollRef}\n        onScroll={onScroll}\n      >\n        {\n          MemorizedParentMessageInfo || (\n            <ParentMessageInfo\n              className=\"sendbird-thread-ui__parent-message-info\"\n            />\n          )\n        }\n        {\n          replyCount > 0 && (\n            <div className=\"sendbird-thread-ui__reply-counts\">\n              <Label\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {`${replyCount} ${replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY}`}\n              </Label>\n            </div>\n          )\n        }\n        {\n          MemorizedThreadList || (\n            <ThreadList\n              className=\"sendbird-thread-ui__thread-list\"\n              allThreadMessages={allThreadMessages}\n              renderMessage={renderMessage}\n              renderCustomSeparator={renderCustomSeparator}\n              scrollRef={scrollRef}\n              scrollBottom={scrollBottom}\n            />\n          )\n        }\n      </div>\n      {/* MessageInput */}\n      {\n        renderMessageInput?.() || (\n          <ThreadMessageInput\n            className=\"sendbird-thread-ui__message-input\"\n            renderFileUploadIcon={renderFileUploadIcon}\n            renderVoiceMessageIcon={renderVoiceMessageIcon}\n            renderSendMessageIcon={renderSendMessageIcon}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default ThreadUI;\n"],"names":["useMemorizedHeader","_a","renderHeader","useMemo","useMemorizedParentMessageInfo","parentMessage","parentMessageState","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageStateTypes","NIL","LOADING","INVALID","React","PlaceHolderTypes","NO_RESULTS","WRONG","INITIALIZED","useMemorizedThreadList","threadListState","renderThreadListPlaceHolder","ThreadListStateTypes","ThreadUI","renderMessage","renderMessageInput","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","stores","useSendbirdStateContext","currentUserId","_d","_b","sdkStore","sdk","currentUser","userId","stringSet","useLocalization","_e","useThreadContext","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","replyCount","length","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","_f","useState","scrollBottom","setScrollBottom","scrollRef","useRef","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","threadItemNodes","current","querySelectorAll","firstNode","isAboutSame","messages","scrollIntoView","call","block","inline","error","scrollTop_1","offsetHeight","getChannelTitle","message","channel","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_3","concat","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY"],"mappings":"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"}

package/Thread/context.js

@@ -1,19 +1,18 @@
 import 'react';
-export { T as ThreadProvider, u as useThreadContext } from '../ThreadProvider-daedc3df.js';
-import '../UserProfileContext-2ea97dc1.js';
+export { T as ThreadProvider, u as useThreadContext } from '../ThreadProvider-c3528b8f.js';
+import '../UserProfileContext-b722645f.js';
 import '../useSendbirdStateContext.js';
-import '../index-9ee89f7c.js';
-import '../index-f3ba7696.js';
+import '../index-caabeae5.js';
+import '../index-9746b9e4.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../tslib.es6-33004eb4.js';
+import '../tslib.es6-c441d88b.js';
 import './context/types.js';
 import '@sendbird/chat';
-import '../topics-aa4d9dac.js';
+import '../topics-e27c1d5d.js';
 import '@sendbird/chat/groupChannel';
-import '../uuid-7397f1ec.js';
+import '../uuid-e3615ce2.js';
 import '@sendbird/chat/message';
-import '../consts-cedae35a.js';
+import '../consts-4cdf8265.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-38fb8170.js';
 //# sourceMappingURL=context.js.map

package/Thread/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/Thread.js

@@ -1,37 +1,36 @@
 import React__default from 'react';
-import { T as ThreadProvider } from './ThreadProvider-daedc3df.js';
+import { T as ThreadProvider } from './ThreadProvider-c3528b8f.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import './index-9ee89f7c.js';
-import './index-f3ba7696.js';
+import './index-caabeae5.js';
+import './index-9746b9e4.js';
 import './utils/message/getOutgoingMessageState.js';
-import './UserProfileContext-2ea97dc1.js';
+import './UserProfileContext-b722645f.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-38fb8170.js';
-import './tslib.es6-33004eb4.js';
+import './tslib.es6-c441d88b.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
-import './topics-aa4d9dac.js';
+import './topics-e27c1d5d.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-7397f1ec.js';
+import './uuid-e3615ce2.js';
 import '@sendbird/chat/message';
-import './consts-cedae35a.js';
-import './LocalizationContext-4b25e6bc.js';
-import './stringSet-80381462.js';
-import './utils-8fa2a634.js';
-import './index-ba549e6a.js';
+import './consts-4cdf8265.js';
+import './LocalizationContext-21c445a7.js';
+import './stringSet-8f776451.js';
+import './utils-51f19122.js';
+import './index-99e3b057.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-0182446a.js';
+import './RemoveMessageModal-99978eb5.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-af6e4d1e.js';
+import './index-c24fc3d9.js';
 import './ui/Button.js';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-29dcaddb.js';
+import './MediaQueryContext-46321124.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './index-58b5008c.js';
+import './index-0a265c2c.js';
 import './ui/Word.js';
 import './ui/LinkLabel.js';
 import './ui/MentionLabel.js';
@@ -39,11 +38,11 @@ import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './utils-b84d9295.js';
+import './utils-cd7aab7a.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './color-a450612f.js';
+import './color-e4afd956.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
 import './ui/TooltipWrapper.js';
@@ -52,30 +51,30 @@ import './ui/ReactionButton.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './index-5e921f58.js';
+import './index-e21d4934.js';
 import './VoiceRecorder/context.js';
-import './lame.all.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
 import './Channel/components/SuggestedMentionList.js';
-import './ChannelProvider-7b83d4fd.js';
-import './compareIds-27ab0100.js';
-import './const-2d43b497.js';
-import './const-de21a301.js';
+import './ChannelProvider-fcab0099.js';
+import './_rollupPluginBabelHelpers-06a0d79e.js';
+import './compareIds-90b5fdcc.js';
+import './const-2c43da6a.js';
+import './const-ed6c468d.js';
 import './ui/FileViewer.js';
 import './ui/MessageItemMenu.js';
-import './types-79f3626f.js';
+import './types-9069552c.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
 import 'dompurify';
-import './consts-9f2eecf3.js';
+import './consts-9c372f2e.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './index-eba6c13e.js';
-import './index-d69c6128.js';
-import './index-fb9f4d36.js';
+import './index-3c6b00b6.js';
+import './index-906f26f4.js';
+import './index-8e2d6bf1.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
@@ -83,10 +82,10 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './VoiceMessageInputWrapper-f65cc3ae.js';
+import './VoiceMessageInputWrapper-6bce7f18.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-9f08118f.js';
-import './index-e8294858.js';
+import './index-71682b33.js';
+import './index-b0c02bbc.js';
 
 var Thread = function (props) {
   var // props

package/Thread.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.js","sources":["../src/smart-components/Thread/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ThreadProvider,\n  ThreadProviderProps,\n} from './context/ThreadProvider';\nimport ThreadUI, { ThreadUIProps } from './components/ThreadUI';\n\nexport interface ThreadProps extends ThreadProviderProps, ThreadUIProps {\n  className?: string;\n}\n\nconst Thread: React.FC<ThreadProps> = (props: ThreadProps) => {\n  const {\n    // props\n    className,\n    // ThreadProviderProps\n    channelUrl,\n    message,\n    onHeaderActionClick,\n    onMoveToParentMessage,\n    // ThreadUIProps\n    renderHeader,\n    renderParentMessageInfo,\n    renderMessage,\n    renderMessageInput,\n    renderCustomSeparator,\n    renderParentMessageInfoPlaceholder,\n    renderThreadListPlaceHolder,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  return (\n    <div className={`sendbird-thread ${className}`}>\n      <ThreadProvider\n        channelUrl={channelUrl}\n        message={message}\n        onHeaderActionClick={onHeaderActionClick}\n        onMoveToParentMessage={onMoveToParentMessage}\n      >\n        <ThreadUI\n          renderHeader={renderHeader}\n          renderParentMessageInfo={renderParentMessageInfo}\n          renderMessage={renderMessage}\n          renderMessageInput={renderMessageInput}\n          renderCustomSeparator={renderCustomSeparator}\n          renderParentMessageInfoPlaceholder={renderParentMessageInfoPlaceholder}\n          renderThreadListPlaceHolder={renderThreadListPlaceHolder}\n          renderFileUploadIcon={renderFileUploadIcon}\n          renderVoiceMessageIcon={renderVoiceMessageIcon}\n          renderSendMessageIcon={renderSendMessageIcon}\n        />\n      </ThreadProvider>\n    </div>\n  );\n};\n\nexport default Thread;\n"],"names":["Thread","props","className","channelUrl","message","onHeaderActionClick","onMoveToParentMessage","renderHeader","renderParentMessageInfo","renderMessage","renderMessageInput","renderCustomSeparator","renderParentMessageInfoPlaceholder","renderThreadListPlaceHolder","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","React","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,MAAM,GAA0B,UAACC,KAAD,EAAmB;EAGrD;EAAAC,SAAS,GAiBPD,KAAK,CAjBEC,SAAT;;EAEAC,UAAU,GAeRF,KAAK,CAAAE,UAjBP;AAAA,MAGAC,OAAO,GAcLH,KAAK,CAAAG,OAjBP;AAAA,MAIAC,mBAAmB,GAajBJ,KAAK,CAAAI,mBAjBP;AAAA,MAKAC,qBAAqB,GAYnBL,KAAK,CAZcK,qBALrB;;EAOAC,YAAY,GAUVN,KAAK,CAVKM,YAPZ;AAAA,MAQAC,uBAAuB,GASrBP,KAAK,CATgBO,uBARvB;AAAA,MASAC,aAAa,GAQXR,KAAK,CARMQ,aATb;AAAA,MAUAC,kBAAkB,GAOhBT,KAAK,mBAjBP;AAAA,MAWAU,qBAAqB,GAMnBV,KAAK,CANcU,qBAXrB;AAAA,MAYAC,kCAAkC,GAKhCX,KAAK,mCAjBP;AAAA,MAaAY,2BAA2B,GAIzBZ,KAAK,CAAAY,2BAjBP;AAAA,MAcAC,oBAAoB,GAGlBb,KAAK,qBAjBP;AAAA,MAeAc,sBAAsB,GAEpBd,KAAK,CAAAc,sBAjBP;AAAA,MAgBAC,qBAAqB,GACnBf,KAAK,CAAAe,qBAjBP,CAAA;EAkBF,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,kBAAA,CAAmBC,MAAnB,CAAmBhB,SAAnB,CAAA;AAAhB,GAAA,eACEe,6BAAC,cAAD,EAAA;AACE,IAAA,UAAU,EAAEd,UADd;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,mBAAmB,EAAEC,mBAHvB;AAIE,IAAA,qBAAqB,EAAEC,qBAAAA;AAJzB,GAAA,eAMEW,6BAAC,QAAD,EAAA;AACE,IAAA,YAAY,EAAEV,YADhB;AAEE,IAAA,uBAAuB,EAAEC,uBAF3B;AAGE,IAAA,aAAa,EAAEC,aAHjB;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,qBAAqB,EAAEC,qBALzB;AAME,IAAA,kCAAkC,EAAEC,kCANtC;AAOE,IAAA,2BAA2B,EAAEC,2BAP/B;AAQE,IAAA,oBAAoB,EAAEC,oBARxB;AASE,IAAA,sBAAsB,EAAEC,sBAT1B;AAUE,IAAA,qBAAqB,EAAEC,qBAAAA;AAVzB,GAAA,CANF,CADF,CADF,CAAA;AAuBD;;;;"}
+{"version":3,"file":"Thread.js","sources":["../src/smart-components/Thread/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ThreadProvider,\n  ThreadProviderProps,\n} from './context/ThreadProvider';\nimport ThreadUI, { ThreadUIProps } from './components/ThreadUI';\n\nexport interface ThreadProps extends ThreadProviderProps, ThreadUIProps {\n  className?: string;\n}\n\nconst Thread: React.FC<ThreadProps> = (props: ThreadProps) => {\n  const {\n    // props\n    className,\n    // ThreadProviderProps\n    channelUrl,\n    message,\n    onHeaderActionClick,\n    onMoveToParentMessage,\n    // ThreadUIProps\n    renderHeader,\n    renderParentMessageInfo,\n    renderMessage,\n    renderMessageInput,\n    renderCustomSeparator,\n    renderParentMessageInfoPlaceholder,\n    renderThreadListPlaceHolder,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  return (\n    <div className={`sendbird-thread ${className}`}>\n      <ThreadProvider\n        channelUrl={channelUrl}\n        message={message}\n        onHeaderActionClick={onHeaderActionClick}\n        onMoveToParentMessage={onMoveToParentMessage}\n      >\n        <ThreadUI\n          renderHeader={renderHeader}\n          renderParentMessageInfo={renderParentMessageInfo}\n          renderMessage={renderMessage}\n          renderMessageInput={renderMessageInput}\n          renderCustomSeparator={renderCustomSeparator}\n          renderParentMessageInfoPlaceholder={renderParentMessageInfoPlaceholder}\n          renderThreadListPlaceHolder={renderThreadListPlaceHolder}\n          renderFileUploadIcon={renderFileUploadIcon}\n          renderVoiceMessageIcon={renderVoiceMessageIcon}\n          renderSendMessageIcon={renderSendMessageIcon}\n        />\n      </ThreadProvider>\n    </div>\n  );\n};\n\nexport default Thread;\n"],"names":["Thread","props","className","channelUrl","message","onHeaderActionClick","onMoveToParentMessage","renderHeader","renderParentMessageInfo","renderMessage","renderMessageInput","renderCustomSeparator","renderParentMessageInfoPlaceholder","renderThreadListPlaceHolder","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","React","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,MAAM,GAA0B,UAACC,KAAD,EAAmB;EAGrD;EAAAC,SAAS,GAiBPD,KAAK,CAjBEC,SAAT;;EAEAC,UAAU,GAeRF,KAAK,CAAAE,UAjBP;AAAA,MAGAC,OAAO,GAcLH,KAAK,CAAAG,OAjBP;AAAA,MAIAC,mBAAmB,GAajBJ,KAAK,CAAAI,mBAjBP;AAAA,MAKAC,qBAAqB,GAYnBL,KAAK,CAZcK,qBALrB;;EAOAC,YAAY,GAUVN,KAAK,CAVKM,YAPZ;AAAA,MAQAC,uBAAuB,GASrBP,KAAK,CATgBO,uBARvB;AAAA,MASAC,aAAa,GAQXR,KAAK,CARMQ,aATb;AAAA,MAUAC,kBAAkB,GAOhBT,KAAK,mBAjBP;AAAA,MAWAU,qBAAqB,GAMnBV,KAAK,CANcU,qBAXrB;AAAA,MAYAC,kCAAkC,GAKhCX,KAAK,mCAjBP;AAAA,MAaAY,2BAA2B,GAIzBZ,KAAK,CAAAY,2BAjBP;AAAA,MAcAC,oBAAoB,GAGlBb,KAAK,qBAjBP;AAAA,MAeAc,sBAAsB,GAEpBd,KAAK,CAAAc,sBAjBP;AAAA,MAgBAC,qBAAqB,GACnBf,KAAK,CAAAe,qBAjBP,CAAA;EAkBF,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,kBAAA,CAAmBC,MAAnB,CAAmBhB,SAAnB,CAAA;AAAhB,GAAA,eACEe,6BAAC,cAAD,EAAA;AACE,IAAA,UAAU,EAAEd,UADd;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,mBAAmB,EAAEC,mBAHvB;AAIE,IAAA,qBAAqB,EAAEC,qBAAAA;AAJzB,GAAA,eAMEW,6BAAC,QAAD,EAAA;AACE,IAAA,YAAY,EAAEV,YADhB;AAEE,IAAA,uBAAuB,EAAEC,uBAF3B;AAGE,IAAA,aAAa,EAAEC,aAHjB;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,qBAAqB,EAAEC,qBALzB;AAME,IAAA,kCAAkC,EAAEC,kCANtC;AAOE,IAAA,2BAA2B,EAAEC,2BAP/B;AAQE,IAAA,oBAAoB,EAAEC,oBARxB;AASE,IAAA,sBAAsB,EAAEC,sBAT1B;AAUE,IAAA,qBAAqB,EAAEC,qBAAAA;AAVzB,GAAA,CANF,CADF,CADF,CAAA;AAuBD;;;;"}

package/{ThreadProvider-daedc3df.js → ThreadProvider-c3528b8f.js}

@@ -1,16 +1,16 @@
 import React__default, { useEffect, useCallback, useReducer, useMemo } from 'react';
-import { f as format } from './index-9ee89f7c.js';
+import { f as format } from './index-caabeae5.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from './utils/message/getOutgoingMessageState.js';
-import { U as UserProfileProvider } from './UserProfileContext-2ea97dc1.js';
+import { U as UserProfileProvider } from './UserProfileContext-b722645f.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray, c as __awaiter, d as __generator } from './tslib.es6-33004eb4.js';
+import { _ as __assign, a as __spreadArray, c as __awaiter, d as __generator } from './tslib.es6-c441d88b.js';
 import { ChannelStateTypes, ThreadListStateTypes, ParentMessageStateTypes } from './Thread/context/types.js';
 import { ChannelType } from '@sendbird/chat';
-import { a as SEND_USER_MESSAGE, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-aa4d9dac.js';
+import { P as PUBSUB_TOPICS } from './topics-e27c1d5d.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './uuid-7397f1ec.js';
+import { u as uuidv4 } from './uuid-e3615ce2.js';
 import { SendingStatus, MessageType, MessageMetaArray } from '@sendbird/chat/message';
-import { d as VOICE_MESSAGE_FILE_NAME, e as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, h as META_ARRAY_MESSAGE_TYPE_KEY, i as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './consts-cedae35a.js';
+import { b as VOICE_MESSAGE_FILE_NAME, c as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, d as META_ARRAY_MESSAGE_TYPE_KEY, e as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './consts-4cdf8265.js';
 
 var getNicknamesMapFromMembers = function (members) {
   if (members === void 0) {
@@ -28,6 +28,23 @@ var getNicknamesMapFromMembers = function (members) {
 
   return nicknamesMap;
 };
+var getParentMessageFrom = function (message) {
+  if (isParentMessage(message)) {
+    return message;
+  }
+
+  if (isThreadMessage(message)) {
+    return message === null || message === void 0 ? void 0 : message.parentMessage;
+  }
+
+  return null;
+};
+var isParentMessage = function (message) {
+  return (message === null || message === void 0 ? void 0 : message.parentMessage) === null && (message === null || message === void 0 ? void 0 : message.parentMessageId) === null && (message === null || message === void 0 ? void 0 : message.threadInfo) !== null;
+};
+var isThreadMessage = function (message) {
+  return (message === null || message === void 0 ? void 0 : message.parentMessage) !== null && (message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && (message === null || message === void 0 ? void 0 : message.threadInfo) === null;
+};
 var isAboutSame = function (a, b, px) {
   return Math.abs(a - b) <= px;
 };
@@ -662,7 +679,6 @@ function useGetParentMessage(_a, _b) {
   var _this = this;
 
   var channelUrl = _a.channelUrl,
-      parentMessageId = _a.parentMessageId,
       sdkInit = _a.sdkInit,
       parentMessage = _a.parentMessage;
   var sdk = _b.sdk,
@@ -680,11 +696,10 @@ function useGetParentMessage(_a, _b) {
       var params_1 = {
         channelUrl: channelUrl,
         channelType: ChannelType.GROUP,
-        messageId: parentMessageId,
+        messageId: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId,
         includeMetaArray: true,
         includeReactions: true,
         includeThreadInfo: true,
-        includePollDetails: true,
         includeParentMessageInfo: true
       };
       logger.info('Thread | useGetParentMessage: Get parent message start.', params_1);
@@ -714,7 +729,7 @@ function useGetParentMessage(_a, _b) {
 
       fetchParentMessage().then(function (parentMsg) {
         logger.info('Thread | useGetParentMessage: Get parent message succeeded.', parentMessage);
-        parentMsg.ogMetaData = parentMessage.ogMetaData; // ogMetaData is not included for now
+        parentMsg.ogMetaData = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.ogMetaData) || null; // ogMetaData is not included for now
 
         threadDispatcher({
           type: ThreadContextActionTypes.GET_PARENT_MESSAGE_SUCCESS,
@@ -730,7 +745,7 @@ function useGetParentMessage(_a, _b) {
         });
       });
     }
-  }, [sdkInit, parentMessageId]);
+  }, [sdkInit, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId]);
   /**
    * We don't use channelUrl here,
    * because Thread must operate independently of the channel.
@@ -751,7 +766,7 @@ function useHandlePubsubEvents(_a, _b) {
         return subscriber;
       }
 
-      subscriber.set(SEND_USER_MESSAGE, pubSub.subscribe(SEND_USER_MESSAGE, function (props) {
+      subscriber.set(PUBSUB_TOPICS.SEND_USER_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.SEND_USER_MESSAGE, function (props) {
         var channel = props.channel,
             message = props.message;
 
@@ -766,7 +781,7 @@ function useHandlePubsubEvents(_a, _b) {
 
         scrollIntoLast === null || scrollIntoLast === void 0 ? void 0 : scrollIntoLast();
       }));
-      subscriber.set(SEND_FILE_MESSAGE, pubSub.subscribe(SEND_FILE_MESSAGE, function (props) {
+      subscriber.set(PUBSUB_TOPICS.SEND_FILE_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.SEND_FILE_MESSAGE, function (props) {
         var channel = props.channel,
             message = props.message;
 
@@ -781,7 +796,7 @@ function useHandlePubsubEvents(_a, _b) {
 
         scrollIntoLast === null || scrollIntoLast === void 0 ? void 0 : scrollIntoLast();
       }));
-      subscriber.set(UPDATE_USER_MESSAGE, pubSub.subscribe(UPDATE_USER_MESSAGE, function (msg) {
+      subscriber.set(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, function (msg) {
         var channel = msg.channel,
             message = msg.message;
 
@@ -795,7 +810,7 @@ function useHandlePubsubEvents(_a, _b) {
           });
         }
       }));
-      subscriber.set(DELETE_MESSAGE, pubSub.subscribe(DELETE_MESSAGE, function (msg) {
+      subscriber.set(PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.DELETE_MESSAGE, function (msg) {
         var channel = msg.channel,
             messageId = msg.messageId;
 
@@ -1062,7 +1077,7 @@ function useSendFileMessageCallback(_a, _b) {
       });
     }).onSucceeded(function (message) {
       logger.info('Thread | useSendFileMessageCallback: Sending file message succeeded.', message);
-      pubSub.publish(SEND_FILE_MESSAGE, {
+      pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
         channel: currentChannel,
         message: message
       });
@@ -1113,7 +1128,7 @@ function useUpdateMessageCallback(_a, _b) {
           message: message
         }
       });
-      pubSub.publish(UPDATE_USER_MESSAGE, {
+      pubSub.publish(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, {
         fromSelector: true,
         channel: currentChannel,
         message: message
@@ -1346,7 +1361,7 @@ function useSendUserMessageCallback(_a, _b) {
           }
         }); // because Thread doesn't subscribe SEND_USER_MESSAGE
 
-        pubSub.publish(SEND_USER_MESSAGE, {
+        pubSub.publish(PUBSUB_TOPICS.SEND_USER_MESSAGE, {
           channel: currentChannel,
           message: message
         });
@@ -1381,7 +1396,7 @@ function useResendMessageCallback(_a, _b) {
               message: message
             }
           });
-          pubSub.publish(SEND_USER_MESSAGE, {
+          pubSub.publish(PUBSUB_TOPICS.SEND_USER_MESSAGE, {
             channel: currentChannel,
             message: message
           });
@@ -1413,7 +1428,7 @@ function useResendMessageCallback(_a, _b) {
               message: failedMessage
             }
           });
-          pubSub.publish(SEND_FILE_MESSAGE, {
+          pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
             channel: currentChannel,
             message: failedMessage
           });
@@ -1457,6 +1472,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
       messageParams.parentMessageId = quoteMessage.messageId;
     }
 
+    logger.info('Thread | useSendVoiceMessageCallback:  Start sending voice message', messageParams);
     currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendFileMessage(messageParams).onPending(function (pendingMessage) {
       threadDispatcher({
         type: ThreadContextActionTypes.SEND_MESSAGE_START,
@@ -1489,7 +1505,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
       });
     }).onSucceeded(function (message) {
       logger.info('Thread | useSendVoiceMessageCallback: Sending voice message succeeded.', message);
-      pubSub.publish(SEND_FILE_MESSAGE, {
+      pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
         channel: currentChannel,
         message: message
       });
@@ -1504,14 +1520,15 @@ var ThreadProvider = function (props) {
 
   var children = props.children,
       channelUrl = props.channelUrl,
-      message = props.message,
       onHeaderActionClick = props.onHeaderActionClick,
       onMoveToParentMessage = props.onMoveToParentMessage,
       onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage,
       // User Profile
   disableUserProfile = props.disableUserProfile,
       renderUserProfile = props.renderUserProfile,
-      onUserProfileMessage = props.onUserProfileMessage; // Context from SendbirdProvider
+      onUserProfileMessage = props.onUserProfileMessage;
+  var propsMessage = props === null || props === void 0 ? void 0 : props.message;
+  var propsParentMessage = getParentMessageFrom(propsMessage); // Context from SendbirdProvider
 
   var globalStore = useSendbirdStateContext();
   var stores = globalStore.stores,
@@ -1555,7 +1572,7 @@ var ThreadProvider = function (props) {
   useGetChannel({
     channelUrl: channelUrl,
     sdkInit: sdkInit,
-    message: message
+    message: propsMessage
   }, {
     sdk: sdk,
     logger: logger,
@@ -1564,8 +1581,7 @@ var ThreadProvider = function (props) {
   useGetParentMessage({
     channelUrl: channelUrl,
     sdkInit: sdkInit,
-    parentMessageId: message === null || message === void 0 ? void 0 : message.parentMessageId,
-    parentMessage: message === null || message === void 0 ? void 0 : message.parentMessage
+    parentMessage: propsParentMessage
   }, {
     sdk: sdk,
     logger: logger,
@@ -1575,7 +1591,8 @@ var ThreadProvider = function (props) {
     sdkInit: sdkInit,
     parentMessage: parentMessage,
     isReactionEnabled: isReactionEnabled,
-    anchorMessage: (message === null || message === void 0 ? void 0 : message.messageId) ? message : null
+    anchorMessage: (propsMessage === null || propsMessage === void 0 ? void 0 : propsMessage.messageId) !== (propsParentMessage === null || propsParentMessage === void 0 ? void 0 : propsParentMessage.messageId) ? propsMessage : null // anchorMessage should be null when parentMessage doesn't exist
+
   }, {
     logger: logger,
     threadDispatcher: threadDispatcher
@@ -1681,7 +1698,7 @@ var ThreadProvider = function (props) {
     value: {
       // ThreadProviderProps
       channelUrl: channelUrl,
-      message: message,
+      message: propsMessage,
       onHeaderActionClick: onHeaderActionClick,
       onMoveToParentMessage: onMoveToParentMessage,
       // ThreadContextInitialState
@@ -1721,4 +1738,4 @@ var useThreadContext = function () {
 };
 
 export { ThreadProvider as T, compareMessagesForGrouping as c, isAboutSame as i, useThreadContext as u };
-//# sourceMappingURL=ThreadProvider-daedc3df.js.map
+//# sourceMappingURL=ThreadProvider-c3528b8f.js.map