@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/Thread/components/ThreadUI.js

@@ -2,44 +2,44 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-01fceac0.js');
-var utils = require('../../utils-de779857.js');
-var Thread_context = require('../../ThreadProvider-12784adf.js');
+var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
+var utils = require('../../utils-39eb2189.js');
+var Thread_context = require('../../ThreadProvider-572d67c0.js');
 var Thread_components_ParentMessageInfo = require('./ParentMessageInfo.js');
 var Thread_components_ThreadHeader = require('./ThreadHeader.js');
 var Thread_components_ThreadList = require('./ThreadList.js');
 var Thread_components_ThreadMessageInput = require('./ThreadMessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var ui_PlaceHolder = require('../../index-aeba3b06.js');
-var ui_Label = require('../../index-26a1e861.js');
+var ui_PlaceHolder = require('../../index-630f7132.js');
+var ui_Label = require('../../index-0e43cd69.js');
 var Message_context = require('../../Message/context.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-ee1122c5.js');
-require('../../stringSet-7330b627.js');
-require('../../index-7c5d21c4.js');
-require('../../index-959a4ab1.js');
+require('../../tslib.es6-67bdb021.js');
+require('../../stringSet-76f7df68.js');
+require('../../index-903c0f93.js');
+require('../../index-f2d71843.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-c4642438.js');
+require('../../UserProfileContext-ce0c283c.js');
 require('prop-types');
 require('@sendbird/chat');
-require('../../topics-7547922a.js');
+require('../../topics-f70c5e0f.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-26b61f16.js');
+require('../../uuid-f23c161c.js');
 require('@sendbird/chat/message');
-require('../../consts-69fc20be.js');
-require('../../RemoveMessageModal-31ff9edc.js');
+require('../../consts-b8c0be49.js');
+require('../../RemoveMessageModal-21a7c6ac.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-36aaf992.js');
+require('../../index-813deccc.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-4978c777.js');
+require('../../MediaQueryContext-fcd92c17.js');
 require('./ParentMessageInfoItem.js');
-require('../../index-72fd0294.js');
+require('../../index-5075f3b2.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../color-8f9fe57f.js');
+require('../../color-168c1d53.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
@@ -50,48 +50,48 @@ require('../../ui/SortByRow.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-c825cf5b.js');
+require('../../index-ba9683ca.js');
 require('../../VoiceRecorder/context.js');
 require('../../lame.all.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../index-603c2a7c.js');
-require('../../tokenize-a5a20ef3.js');
+require('../../index-3a7584a0.js');
+require('../../tokenize-5071d1a6.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-5ca88bb6.js');
+require('../../utils-fdfc9b0a.js');
 require('../../ui/Avatar.js');
 require('../../ui/LinkLabel.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-af0b997c.js');
-require('../../_rollupPluginBabelHelpers-994cd1da.js');
-require('../../compareIds-b77b66f3.js');
-require('../../const-e03cb4c1.js');
-require('../../const-35f8be84.js');
+require('../../ChannelProvider-473548f7.js');
+require('../../_rollupPluginBabelHelpers-6ab4baac.js');
+require('../../compareIds-441b4983.js');
+require('../../const-0273bf9e.js');
+require('../../const-cf4cec6a.js');
 require('../../ui/FileViewer.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-7daeb4a1.js');
+require('../../types-43ef9367.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/MessageInput.js');
 require('dompurify');
-require('../../consts-b29bd4d5.js');
-require('../../consts-aabb33e0.js');
-require('../../consts-956b1221.js');
+require('../../consts-2e23914f.js');
+require('../../consts-e193b1b8.js');
+require('../../consts-472d9347.js');
 require('./ThreadListItem.js');
 require('../../ui/DateSeparator.js');
-require('../../index-aa908fcf.js');
-require('../../index-e3f00fd1.js');
-require('../../index-1f02e60f.js');
+require('../../index-4894fc55.js');
+require('../../index-44341b78.js');
+require('../../index-47105c4f.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('date-fns');
-require('../../VoiceMessageInputWrapper-3b5db880.js');
+require('../../VoiceMessageInputWrapper-88ad4670.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-1e57cbdb.js');
+require('../../index-3d08adec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -103,22 +103,20 @@ var useMemorizedHeader = function (_a) {
     if (typeof renderHeader === 'function') {
       return renderHeader();
     }
-
     return null;
   }, [renderHeader]);
 };
 
 var useMemorizedParentMessageInfo = function (_a) {
   var parentMessage = _a.parentMessage,
-      parentMessageState = _a.parentMessageState,
-      renderParentMessageInfo = _a.renderParentMessageInfo,
-      renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder;
+    parentMessageState = _a.parentMessageState,
+    renderParentMessageInfo = _a.renderParentMessageInfo,
+    renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder;
   return React.useMemo(function () {
     if (parentMessageState === Thread_context_types.ParentMessageStateTypes.NIL || parentMessageState === Thread_context_types.ParentMessageStateTypes.LOADING || parentMessageState === Thread_context_types.ParentMessageStateTypes.INVALID) {
       if (typeof renderParentMessageInfoPlaceholder === 'function') {
         return renderParentMessageInfoPlaceholder(parentMessageState);
       }
-
       switch (parentMessageState) {
         case Thread_context_types.ParentMessageStateTypes.NIL:
           {
@@ -128,7 +126,6 @@ var useMemorizedParentMessageInfo = function (_a) {
               iconSize: "64px"
             });
           }
-
         case Thread_context_types.ParentMessageStateTypes.LOADING:
           {
             return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
@@ -137,7 +134,6 @@ var useMemorizedParentMessageInfo = function (_a) {
               iconSize: "64px"
             });
           }
-
         case Thread_context_types.ParentMessageStateTypes.INVALID:
           {
             return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
@@ -146,7 +142,6 @@ var useMemorizedParentMessageInfo = function (_a) {
               iconSize: "64px"
             });
           }
-
         default:
           {
             return null;
@@ -157,20 +152,18 @@ var useMemorizedParentMessageInfo = function (_a) {
         return renderParentMessageInfo();
       }
     }
-
     return null;
   }, [parentMessage, parentMessageState, renderParentMessageInfo, renderParentMessageInfoPlaceholder]);
 };
 
 var useMemorizedThreadList = function (_a) {
   var threadListState = _a.threadListState,
-      renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder;
+    renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder;
   return React.useMemo(function () {
     if (threadListState === Thread_context_types.ThreadListStateTypes.NIL || threadListState === Thread_context_types.ThreadListStateTypes.LOADING || threadListState === Thread_context_types.ThreadListStateTypes.INVALID) {
       if (typeof renderThreadListPlaceHolder === 'function') {
         return renderThreadListPlaceHolder(threadListState);
       }
-
       switch (threadListState) {
         case Thread_context_types.ThreadListStateTypes.LOADING:
           {
@@ -180,7 +173,6 @@ var useMemorizedThreadList = function (_a) {
               iconSize: "64px"
             });
           }
-
         case Thread_context_types.ThreadListStateTypes.INVALID:
           {
             return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
@@ -189,56 +181,50 @@ var useMemorizedThreadList = function (_a) {
               iconSize: "64px"
             });
           }
-
         case Thread_context_types.ThreadListStateTypes.NIL:
           {
             return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
           }
-
         default:
           {
             return null;
           }
       }
     }
-
     return null;
   }, [threadListState, renderThreadListPlaceHolder]);
 };
 
 var ThreadUI = function (_a) {
   var _b, _c, _d, _e;
-
   var renderHeader = _a.renderHeader,
-      renderParentMessageInfo = _a.renderParentMessageInfo,
-      renderMessage = _a.renderMessage,
-      renderMessageInput = _a.renderMessageInput,
-      renderCustomSeparator = _a.renderCustomSeparator,
-      renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder,
-      renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder,
-      renderFileUploadIcon = _a.renderFileUploadIcon,
-      renderVoiceMessageIcon = _a.renderVoiceMessageIcon,
-      renderSendMessageIcon = _a.renderSendMessageIcon;
+    renderParentMessageInfo = _a.renderParentMessageInfo,
+    renderMessage = _a.renderMessage,
+    renderMessageInput = _a.renderMessageInput,
+    renderCustomSeparator = _a.renderCustomSeparator,
+    renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder,
+    renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder,
+    renderFileUploadIcon = _a.renderFileUploadIcon,
+    renderVoiceMessageIcon = _a.renderVoiceMessageIcon,
+    renderSendMessageIcon = _a.renderSendMessageIcon;
   var stores = useSendbirdStateContext().stores;
   var currentUserId = (_d = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) === null || _c === void 0 ? void 0 : _c.currentUser) === null || _d === void 0 ? void 0 : _d.userId;
   var stringSet = LocalizationContext.useLocalization().stringSet;
-
   var _f = Thread_context.useThreadContext(),
-      currentChannel = _f.currentChannel,
-      allThreadMessages = _f.allThreadMessages,
-      parentMessage = _f.parentMessage,
-      parentMessageState = _f.parentMessageState,
-      threadListState = _f.threadListState,
-      hasMorePrev = _f.hasMorePrev,
-      hasMoreNext = _f.hasMoreNext,
-      fetchPrevThreads = _f.fetchPrevThreads,
-      fetchNextThreads = _f.fetchNextThreads,
-      onHeaderActionClick = _f.onHeaderActionClick,
-      onMoveToParentMessage = _f.onMoveToParentMessage;
-
+    currentChannel = _f.currentChannel,
+    allThreadMessages = _f.allThreadMessages,
+    parentMessage = _f.parentMessage,
+    parentMessageState = _f.parentMessageState,
+    threadListState = _f.threadListState,
+    hasMorePrev = _f.hasMorePrev,
+    hasMoreNext = _f.hasMoreNext,
+    fetchPrevThreads = _f.fetchPrevThreads,
+    fetchNextThreads = _f.fetchNextThreads,
+    onHeaderActionClick = _f.onHeaderActionClick,
+    onMoveToParentMessage = _f.onMoveToParentMessage;
   var replyCount = allThreadMessages.length;
-  var isByMe = currentUserId === ((_e = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _e === void 0 ? void 0 : _e.userId); // Memoized custom components
-
+  var isByMe = currentUserId === ((_e = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _e === void 0 ? void 0 : _e.userId);
+  // Memoized custom components
   var MemorizedHeader = useMemorizedHeader({
     renderHeader: renderHeader
   });
@@ -251,38 +237,34 @@ var ThreadUI = function (_a) {
   var MemorizedThreadList = useMemorizedThreadList({
     threadListState: threadListState,
     renderThreadListPlaceHolder: renderThreadListPlaceHolder
-  }); // scroll
-
+  });
+  // scroll
   var _g = React.useState(0),
-      scrollBottom = _g[0],
-      setScrollBottom = _g[1];
-
+    scrollBottom = _g[0],
+    setScrollBottom = _g[1];
   var scrollRef = React.useRef(null);
-
   var onScroll = function (e) {
     var element = e.target;
     var scrollTop = element.scrollTop,
-        clientHeight = element.clientHeight,
-        scrollHeight = element.scrollHeight;
+      clientHeight = element.clientHeight,
+      scrollHeight = element.scrollHeight;
     var threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');
     var firstNode = threadItemNodes === null || threadItemNodes === void 0 ? void 0 : threadItemNodes[0];
-
     if (Thread_context.isAboutSame(scrollTop, 0, 10) && hasMorePrev) {
       fetchPrevThreads(function (messages) {
         var _a;
-
         if (messages) {
           try {
             (_a = firstNode === null || firstNode === void 0 ? void 0 : firstNode.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(firstNode, {
               block: 'start',
               inline: 'nearest'
             });
-          } catch (error) {//
+          } catch (error) {
+            //
           }
         }
       });
     }
-
     if (Thread_context.isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {
       var scrollTop_1 = scrollTop;
       fetchNextThreads(function (messages) {
@@ -290,19 +272,18 @@ var ThreadUI = function (_a) {
           try {
             element.scrollTop = scrollTop_1;
             scrollRef.current.scrollTop = scrollTop_1;
-          } catch (error) {//
+          } catch (error) {
+            //
           }
         }
       });
-    } // save the lastest scroll bottom value
-
-
+    }
+    // save the lastest scroll bottom value
     if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
       var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
       setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight);
     }
   };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-thread-ui"
   }, MemorizedHeader || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadHeader, {

package/cjs/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';\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(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        <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","_a","renderHeader","useMemo","useMemorizedParentMessageInfo","parentMessage","parentMessageState","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageStateTypes","NIL","LOADING","INVALID","React","PlaceHolder","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","_f","useThreadContext","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","replyCount","length","isByMe","sender","_e","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","_g","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","ThreadHeader","getChannelTitle","message","channel","MessageProvider","ParentMessageInfo","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_3","concat","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY","ThreadList","ThreadMessageInput"],"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';\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(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        <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","_a","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","renderMessage","renderMessageInput","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","stores","useSendbirdStateContext","currentUserId","_d","_b","sdkStore","sdk","currentUser","userId","stringSet","useLocalization","_f","useThreadContext","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","replyCount","length","isByMe","sender","_e","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","_g","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","ThreadHeader","channelName","getChannelTitle","onActionIconClick","onChannelNameClick","message","channel","ref","MessageProvider","ParentMessageInfo","Label","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_3","concat","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY","ThreadList","ThreadMessageInput"],"mappings":"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"}

package/cjs/Thread/context/types.js

@@ -4,25 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 // Initializing status
 exports.ChannelStateTypes = void 0;
-
 (function (ChannelStateTypes) {
   ChannelStateTypes["NIL"] = "NIL";
   ChannelStateTypes["LOADING"] = "LOADING";
   ChannelStateTypes["INVALID"] = "INVALID";
   ChannelStateTypes["INITIALIZED"] = "INITIALIZED";
 })(exports.ChannelStateTypes || (exports.ChannelStateTypes = {}));
-
 exports.ParentMessageStateTypes = void 0;
-
 (function (ParentMessageStateTypes) {
   ParentMessageStateTypes["NIL"] = "NIL";
   ParentMessageStateTypes["LOADING"] = "LOADING";
   ParentMessageStateTypes["INVALID"] = "INVALID";
   ParentMessageStateTypes["INITIALIZED"] = "INITIALIZED";
 })(exports.ParentMessageStateTypes || (exports.ParentMessageStateTypes = {}));
-
 exports.ThreadListStateTypes = void 0;
-
 (function (ThreadListStateTypes) {
   ThreadListStateTypes["NIL"] = "NIL";
   ThreadListStateTypes["LOADING"] = "LOADING";

package/cjs/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;AACYA,mCAAZ;;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,yBAAiB,KAAjBA,yBAAiB,GAK5B,EAL4B,CAA7B,CAAA,CAAA;;AAMYC,yCAAZ;;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,+BAAuB,KAAvBA,+BAAuB,GAKlC,EALkC,CAAnC,CAAA,CAAA;;AAMYC,sCAAZ;;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,4BAAoB,KAApBA,4BAAoB,GAK/B,EAL+B,CAAhC,CAAA;;"}
+{"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;AACYA,mCAKX;AALD,CAAA,UAAYA,iBAAiB,EAAA;AAC3BA,EAAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALWA,yBAAiB,KAAjBA,yBAAiB,GAK5B,EAAA,CAAA,CAAA,CAAA;AACWC,yCAKX;AALD,CAAA,UAAYA,uBAAuB,EAAA;AACjCA,EAAAA,uBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,uBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALWA,+BAAuB,KAAvBA,+BAAuB,GAKlC,EAAA,CAAA,CAAA,CAAA;AACWC,sCAKX;AALD,CAAA,UAAYA,oBAAoB,EAAA;AAC9BA,EAAAA,oBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,oBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALWA,4BAAoB,KAApBA,4BAAoB,GAK/B,EAAA,CAAA,CAAA;;"}

package/cjs/Thread/context.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var Thread_context = require('../ThreadProvider-12784adf.js');
-require('../UserProfileContext-c4642438.js');
+var Thread_context = require('../ThreadProvider-572d67c0.js');
+require('../UserProfileContext-ce0c283c.js');
 require('../useSendbirdStateContext.js');
-require('../index-959a4ab1.js');
-require('../index-7c5d21c4.js');
+require('../index-f2d71843.js');
+require('../index-903c0f93.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 require('./context/types.js');
 require('@sendbird/chat');
-require('../topics-7547922a.js');
+require('../topics-f70c5e0f.js');
 require('@sendbird/chat/groupChannel');
-require('../uuid-26b61f16.js');
+require('../uuid-f23c161c.js');
 require('@sendbird/chat/message');
-require('../consts-69fc20be.js');
+require('../consts-b8c0be49.js');
 require('prop-types');
 require('../withSendbird.js');