@sendbird/uikit-react 3.5.0-rc.0 → 3.5.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  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}: 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        {/* MessageInput */}\n        {\n          renderMessageInput?.() || (\n            <ThreadMessageInput\n              className=\"sendbird-thread-ui__message-input\"\n            />\n          )\n        }\n      </div>\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","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/modules/Thread/components/ThreadUI/useMemorizedHeader.tsx","../../../src/modules/Thread/components/ThreadUI/useMemorizedParentMessageInfo.tsx","../../../src/modules/Thread/components/ThreadUI/useMemorizedThreadList.tsx","../../../src/modules/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';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\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  const isByMe = currentUserId === parentMessage?.sender?.userId;\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<HTMLDivElement>(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={() => {\n              onMoveToParentMessage?.({ message: parentMessage, channel: currentChannel });\n            }}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-thread-ui--scroll\"\n        ref={scrollRef}\n        onScroll={onScroll}\n      >\n        <MessageProvider message={parentMessage} isByMe={isByMe}>\n          {\n            MemorizedParentMessageInfo || (\n              <ParentMessageInfo\n                className=\"sendbird-thread-ui__parent-message-info\"\n              />\n            )\n          }\n        </MessageProvider>\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","_ref","renderHeader","useMemo","useMemorizedParentMessageInfo","parentMessage","parentMessageState","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageStateTypes","NIL","LOADING","INVALID","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_RESULTS","iconSize","WRONG","INITIALIZED","useMemorizedThreadList","threadListState","renderThreadListPlaceHolder","ThreadListStateTypes","Fragment","ThreadUI","_stores$sdkStore","_stores$sdkStore$sdk","_stores$sdkStore$sdk$","_parentMessage$sender","renderMessage","renderMessageInput","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","stores","useSendbirdStateContext","currentUserId","sdkStore","sdk","currentUser","userId","stringSet","useLocalization","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","useThreadContext","replyCount","length","isByMe","sender","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","scrollBottom","setScrollBottom","useState","scrollRef","useRef","onScroll","e","_scrollRef$current","element","target","scrollTop","clientHeight","scrollHeight","threadItemNodes","current","querySelectorAll","firstNode","isAboutSame","messages","_firstNode$scrollInto","scrollIntoView","call","block","inline","error","scrollTop_","offsetHeight","ThreadHeader","channelName","getChannelTitle","onActionIconClick","onChannelNameClick","message","channel","ref","MessageProvider","ParentMessageInfo","Label","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_3","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY","ThreadList","ThreadMessageInput"],"mappings":"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"}

package/Thread/context/types.js

@@ -1,30 +1,25 @@
 // Initializing status
-var ChannelStateTypes;
-
-(function (ChannelStateTypes) {
+let ChannelStateTypes = /*#__PURE__*/function (ChannelStateTypes) {
   ChannelStateTypes["NIL"] = "NIL";
   ChannelStateTypes["LOADING"] = "LOADING";
   ChannelStateTypes["INVALID"] = "INVALID";
   ChannelStateTypes["INITIALIZED"] = "INITIALIZED";
-})(ChannelStateTypes || (ChannelStateTypes = {}));
-
-var ParentMessageStateTypes;
-
-(function (ParentMessageStateTypes) {
+  return ChannelStateTypes;
+}({});
+let ParentMessageStateTypes = /*#__PURE__*/function (ParentMessageStateTypes) {
   ParentMessageStateTypes["NIL"] = "NIL";
   ParentMessageStateTypes["LOADING"] = "LOADING";
   ParentMessageStateTypes["INVALID"] = "INVALID";
   ParentMessageStateTypes["INITIALIZED"] = "INITIALIZED";
-})(ParentMessageStateTypes || (ParentMessageStateTypes = {}));
-
-var ThreadListStateTypes;
-
-(function (ThreadListStateTypes) {
+  return ParentMessageStateTypes;
+}({});
+let ThreadListStateTypes = /*#__PURE__*/function (ThreadListStateTypes) {
   ThreadListStateTypes["NIL"] = "NIL";
   ThreadListStateTypes["LOADING"] = "LOADING";
   ThreadListStateTypes["INVALID"] = "INVALID";
   ThreadListStateTypes["INITIALIZED"] = "INITIALIZED";
-})(ThreadListStateTypes || (ThreadListStateTypes = {}));
+  return ThreadListStateTypes;
+}({});
 
 export { ChannelStateTypes, ParentMessageStateTypes, ThreadListStateTypes };
 //# sourceMappingURL=types.js.map

package/Thread/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/smart-components/Thread/types.tsx"],"sourcesContent":["// Initializing status\nexport enum ChannelStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ParentMessageStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ThreadListStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\n"],"names":["ChannelStateTypes","ParentMessageStateTypes","ThreadListStateTypes"],"mappings":"AAAA;IACYA,kBAAZ;;AAAA,CAAA,UAAYA,iBAAZ,EAA6B;AAC3BA,EAAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AACAA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACD,CALD,EAAYA,iBAAiB,KAAjBA,iBAAiB,GAK5B,EAL4B,CAA7B,CAAA,CAAA;;IAMYC,wBAAZ;;AAAA,CAAA,UAAYA,uBAAZ,EAAmC;AACjCA,EAAAA,uBAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AACAA,EAAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,uBAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACD,CALD,EAAYA,uBAAuB,KAAvBA,uBAAuB,GAKlC,EALkC,CAAnC,CAAA,CAAA;;IAMYC,qBAAZ;;AAAA,CAAA,UAAYA,oBAAZ,EAAgC;AAC9BA,EAAAA,oBAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AACAA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,oBAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACD,CALD,EAAYA,oBAAoB,KAApBA,oBAAoB,GAK/B,EAL+B,CAAhC,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/modules/Thread/types.tsx"],"sourcesContent":["// Initializing status\nexport enum ChannelStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ParentMessageStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ThreadListStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\n"],"names":["ChannelStateTypes","ParentMessageStateTypes","ThreadListStateTypes"],"mappings":"AAAA;AACYA,IAAAA,iBAAiB,0BAAjBA,iBAAiB,EAAA;EAAjBA,iBAAiB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAjBA,iBAAiB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAjBA,iBAAiB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMjBC,IAAAA,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAvBA,uBAAuB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAvBA,uBAAuB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAvBA,uBAAuB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAvBA,uBAAuB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMvBC,IAAAA,oBAAoB,0BAApBA,oBAAoB,EAAA;EAApBA,oBAAoB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAApBA,oBAAoB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAApBA,oBAAoB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAApBA,oBAAoB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAApBA,oBAAoB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/Thread/context.js

@@ -1,18 +1,18 @@
 import 'react';
-export { T as ThreadProvider, u as useThreadContext } from '../ThreadProvider-de5a7889.js';
-import '../UserProfileContext-33a26cc4.js';
+export { T as ThreadProvider, u as useThreadContext } from '../ThreadProvider-203b94f3.js';
+import '../UserProfileContext-c776d522.js';
 import '../useSendbirdStateContext.js';
-import '../index-eadca08d.js';
-import '../index-5e776774.js';
+import '../index-4455855e.js';
+import '../index-319984d0.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../tslib.es6-d9fa3716.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
 import './context/types.js';
 import '@sendbird/chat';
-import '../topics-d390daf6.js';
+import '../topics-70f569e9.js';
 import '@sendbird/chat/groupChannel';
-import '../uuid-968941a0.js';
+import '../uuid-92d22300.js';
 import '@sendbird/chat/message';
+import '../consts-c1baf70a.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-ed44209e.js';
 //# sourceMappingURL=context.js.map

package/Thread.js

@@ -1,73 +1,92 @@
 import React__default from 'react';
-import { T as ThreadProvider } from './ThreadProvider-de5a7889.js';
+import { T as ThreadProvider } from './ThreadProvider-203b94f3.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import './index-eadca08d.js';
-import './index-5e776774.js';
+import './index-4455855e.js';
+import './index-319984d0.js';
 import './utils/message/getOutgoingMessageState.js';
-import './UserProfileContext-33a26cc4.js';
+import './UserProfileContext-c776d522.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-ed44209e.js';
-import './tslib.es6-d9fa3716.js';
+import './_rollupPluginBabelHelpers-fb0e05a4.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
-import './topics-d390daf6.js';
+import './topics-70f569e9.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-968941a0.js';
+import './uuid-92d22300.js';
 import '@sendbird/chat/message';
-import './LocalizationContext-60894e38.js';
-import './stringSet-7ace5726.js';
-import './utils-d485030c.js';
-import './index-95ac9232.js';
+import './consts-c1baf70a.js';
+import './LocalizationContext-04c0c9dc.js';
+import './stringSet-e0ee1265.js';
+import './utils-77f7e8b2.js';
+import './index-e33f7f55.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-b025d4a7.js';
+import './RemoveMessageModal-94e2bf9e.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-d81c515b.js';
+import './index-9a4e0846.js';
 import './ui/Button.js';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-bcf72e28.js';
+import './MediaQueryContext-ff9dca2b.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './index-58e5d82d.js';
-import './ui/Word.js';
-import './ui/LinkLabel.js';
-import './ui/MentionLabel.js';
+import './index-cf859f03.js';
+import './ui/ImageRenderer.js';
+import './ui/TextButton.js';
+import './color-347926b6.js';
+import './ui/EmojiReactions.js';
+import './ui/ReactionBadge.js';
+import './ui/ReactionButton.js';
+import './useLongPress-1ab49410.js';
+import './utils-56cb7de5.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
+import './ui/BottomSheet.js';
+import './ui/UserListItem.js';
+import './ui/Avatar.js';
+import './ui/MutedAvatarOverlay.js';
+import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './utils-30c326f7.js';
-import './ui/Avatar.js';
-import './ui/ImageRenderer.js';
-import './ui/TextButton.js';
-import './color-c39702d1.js';
-import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
 import './ui/TooltipWrapper.js';
-import './ui/ReactionBadge.js';
-import './ui/ReactionButton.js';
+import './Message/context.js';
+import './ui/VoiceMessageItemBody.js';
+import './ui/ProgressBar.js';
+import './VoicePlayer/useVoicePlayer.js';
+import './index-71a20863.js';
+import './VoiceRecorder/context.js';
+import './ui/PlaybackTime.js';
+import './ui/Loader.js';
+import './index-ebb62af1.js';
+import './index.module-6b7ed635.js';
+import './tokenize-1b053c86.js';
+import './ui/MentionLabel.js';
+import './ui/LinkLabel.js';
+import './ChannelProvider-6e8e99df.js';
+import './const-18dba7a4.js';
+import './compareIds-3a43c11b.js';
+import './resolvedReplyType-8776d777.js';
 import './Channel/components/SuggestedMentionList.js';
-import './ChannelProvider-c9db10c0.js';
-import './compareIds-063e5503.js';
-import './const-14919575.js';
-import './const-1510a671.js';
+import './const-c608f749.js';
 import './ui/FileViewer.js';
 import './ui/MessageItemMenu.js';
+import './types-77bbdda6.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import 'react-dom/server';
-import './ui/MentionUserLabel.js';
+import 'dompurify';
+import './consts-fb4d475a.js';
+import './consts-7a169a0f.js';
+import './consts-6bca01c7.js';
+import './index-6663ce18.js';
+import './useDirtyGetMentions-f00f1f94.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './index-b8de16d6.js';
-import './ui/Loader.js';
-import './index-0fd24497.js';
-import './index-b19486f5.js';
-import './index-54843058.js';
+import './index-eabd1e7e.js';
+import './index-edf844f0.js';
+import './index-6c252d25.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
@@ -75,26 +94,34 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './index-fd15e3b0.js';
+import './VoiceMessageInputWrapper-77d8f487.js';
+import './VoiceRecorder/useVoiceRecorder.js';
+import './index-7d71b26c.js';
+import './index-9cd77b08.js';
 
-var Thread = function (props) {
-  var // props
-  className = props.className,
-      // ThreadProviderProps
-  channelUrl = props.channelUrl,
-      message = props.message,
-      onHeaderActionClick = props.onHeaderActionClick,
-      onMoveToParentMessage = props.onMoveToParentMessage,
-      // ThreadUIProps
-  renderHeader = props.renderHeader,
-      renderParentMessageInfo = props.renderParentMessageInfo,
-      renderMessage = props.renderMessage,
-      renderMessageInput = props.renderMessageInput,
-      renderCustomSeparator = props.renderCustomSeparator,
-      renderParentMessageInfoPlaceholder = props.renderParentMessageInfoPlaceholder,
-      renderThreadListPlaceHolder = props.renderThreadListPlaceHolder;
+const Thread = props => {
+  const {
+    // props
+    className,
+    // ThreadProviderProps
+    channelUrl,
+    message,
+    onHeaderActionClick,
+    onMoveToParentMessage,
+    // ThreadUIProps
+    renderHeader,
+    renderParentMessageInfo,
+    renderMessage,
+    renderMessageInput,
+    renderCustomSeparator,
+    renderParentMessageInfoPlaceholder,
+    renderThreadListPlaceHolder,
+    renderFileUploadIcon,
+    renderVoiceMessageIcon,
+    renderSendMessageIcon
+  } = props;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thread ".concat(className)
+    className: `sendbird-thread ${className}`
   }, /*#__PURE__*/React__default.createElement(ThreadProvider, {
     channelUrl: channelUrl,
     message: message,
@@ -107,7 +134,10 @@ var Thread = function (props) {
     renderMessageInput: renderMessageInput,
     renderCustomSeparator: renderCustomSeparator,
     renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder,
-    renderThreadListPlaceHolder: renderThreadListPlaceHolder
+    renderThreadListPlaceHolder: renderThreadListPlaceHolder,
+    renderFileUploadIcon: renderFileUploadIcon,
+    renderVoiceMessageIcon: renderVoiceMessageIcon,
+    renderSendMessageIcon: renderSendMessageIcon
   })));
 };
 

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  } = 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        />\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","React","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,MAAM,GAA0B,UAACC,KAAD,EAAmB;EAGrD;EAAAC,SAAS,GAcPD,KAAK,CAdEC,SAAT;;EAEAC,UAAU,GAYRF,KAAK,CAAAE,UAdP;AAAA,MAGAC,OAAO,GAWLH,KAAK,CAAAG,OAdP;AAAA,MAIAC,mBAAmB,GAUjBJ,KAAK,CAAAI,mBAdP;AAAA,MAKAC,qBAAqB,GASnBL,KAAK,CATcK,qBALrB;;EAOAC,YAAY,GAOVN,KAAK,CAPKM,YAPZ;AAAA,MAQAC,uBAAuB,GAMrBP,KAAK,CANgBO,uBARvB;AAAA,MASAC,aAAa,GAKXR,KAAK,CAAAQ,aAdP;AAAA,MAUAC,kBAAkB,GAIhBT,KAAK,CAAAS,kBAdP;AAAA,MAWAC,qBAAqB,GAGnBV,KAAK,sBAdP;AAAA,MAYAW,kCAAkC,GAEhCX,KAAK,mCAdP;AAAA,MAaAY,2BAA2B,GACzBZ,KAAK,4BAdP,CAAA;EAeF,oBACEa,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,kBAAA,CAAmBC,MAAnB,CAAmBb,SAAnB,CAAA;AAAhB,GAAA,eACEY,6BAAC,cAAD,EAAA;AACE,IAAA,UAAU,EAAEX,UADd;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,mBAAmB,EAAEC,mBAHvB;AAIE,IAAA,qBAAqB,EAAEC,qBAAAA;AAJzB,GAAA,eAMEQ,6BAAC,QAAD,EAAA;AACE,IAAA,YAAY,EAAEP,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,2BAAAA;AAP/B,GAAA,CANF,CADF,CADF,CAAA;AAoBD;;;;"}
+{"version":3,"file":"Thread.js","sources":["../src/modules/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","createElement","ThreadProvider","ThreadUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYMA,MAAAA,MAA6B,GAAIC,KAAkB,IAAK;EAC5D,MAAM;AACJ;IACAC,SAAS;AACT;IACAC,UAAU;IACVC,OAAO;IACPC,mBAAmB;IACnBC,qBAAqB;AACrB;IACAC,YAAY;IACZC,uBAAuB;IACvBC,aAAa;IACbC,kBAAkB;IAClBC,qBAAqB;IACrBC,kCAAkC;IAClCC,2BAA2B;IAC3BC,oBAAoB;IACpBC,sBAAsB;AACtBC,IAAAA,qBAAAA;AACF,GAAC,GAAGf,KAAK,CAAA;EACT,oBACEgB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKhB,SAAS,EAAG,mBAAkBA,SAAU,CAAA,CAAA;AAAE,GAAA,eAC7Ce,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAA;AACbhB,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,eAE7CW,cAAA,CAAAC,aAAA,CAACE,QAAQ,EAAA;AACPb,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,uBAAuB,EAAEA,uBAAwB;AACjDC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,kCAAkC,EAAEA,kCAAmC;AACvEC,IAAAA,2BAA2B,EAAEA,2BAA4B;AACzDC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,CAC7C,CACa,CACb,CAAA;AAEV;;;;"}