@sendbird/uikit-react 3.3.0 → 3.3.1

package/cjs/Thread/components/ThreadUI.js

@@ -2,40 +2,40 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-9a1e0d36.js');
-var utils = require('../../utils-7a127b25.js');
-var Thread_context = require('../../ThreadProvider-8ba81f66.js');
+var LocalizationContext = require('../../LocalizationContext-aceff142.js');
+var utils = require('../../utils-53510f50.js');
+var Thread_context = require('../../ThreadProvider-f769fa97.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-aa5520c6.js');
-var ui_Label = require('../../index-d714b895.js');
+var ui_PlaceHolder = require('../../index-0df83215.js');
+var ui_Label = require('../../index-b1236a45.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-ada5a2bb.js');
-require('../../stringSet-2696d00d.js');
-require('../../index-6ca5c151.js');
-require('../../index-5bc31321.js');
+require('../../_rollupPluginBabelHelpers-35f4fb95.js');
+require('../../stringSet-5be1fe6f.js');
+require('../../index-05ae57d2.js');
+require('../../index-ee3dea46.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-2648d24c.js');
+require('../../UserProfileContext-d3796c43.js');
 require('prop-types');
-require('../../tslib.es6-259cb5ca.js');
+require('../../tslib.es6-dcbdfa23.js');
 require('@sendbird/chat');
-require('../../topics-528fde56.js');
+require('../../topics-2e4c3ced.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-4e015383.js');
+require('../../uuid-41344041.js');
 require('@sendbird/chat/message');
-require('../../RemoveMessageModal-b64c35a1.js');
+require('../../RemoveMessageModal-5564628f.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-3d069920.js');
+require('../../index-016638d4.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-7f516d81.js');
+require('../../MediaQueryContext-4e0e5fa0.js');
 require('./ParentMessageInfoItem.js');
-require('../../index-b5c769e1.js');
+require('../../index-a0186f0c.js');
 require('../../ui/Word.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/MentionLabel.js');
@@ -43,21 +43,21 @@ require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-afb14420.js');
+require('../../utils-c9257c48.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../color-4b850c2c.js');
+require('../../color-cd73928c.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-a765f8a9.js');
-require('../../compareIds-03d1c5fd.js');
-require('../../const-cd2f7184.js');
-require('../../const-5080a6f8.js');
+require('../../ChannelProvider-91732cb1.js');
+require('../../compareIds-21076814.js');
+require('../../const-3fa61e98.js');
+require('../../const-8d6360d6.js');
 require('../../ui/FileViewer.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/MessageItemReactionMenu.js');
@@ -92,17 +92,17 @@ var useMemorizedHeader = function (_a) {
 
 var useMemorizedParentMessageInfo = function (_a) {
   var parentMessage = _a.parentMessage,
-      parentMessageInfoStatus = _a.parentMessageInfoStatus,
+      parentMessageState = _a.parentMessageState,
       renderParentMessageInfo = _a.renderParentMessageInfo,
       renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder;
   return React.useMemo(function () {
-    if (parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.NIL || parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.LOADING || parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.INVALID) {
+    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(parentMessageInfoStatus);
+        return renderParentMessageInfoPlaceholder(parentMessageState);
       }
 
-      switch (parentMessageInfoStatus) {
-        case Thread_context_types.ParentMessageInfoStateTypes.NIL:
+      switch (parentMessageState) {
+        case Thread_context_types.ParentMessageStateTypes.NIL:
           {
             return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
               className: "sendbird-thread-ui__parent-message-info placeholder-nil",
@@ -111,7 +111,7 @@ var useMemorizedParentMessageInfo = function (_a) {
             });
           }
 
-        case Thread_context_types.ParentMessageInfoStateTypes.LOADING:
+        case Thread_context_types.ParentMessageStateTypes.LOADING:
           {
             return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
               className: "sendbird-thread-ui__parent-message-info placeholder-loading",
@@ -120,7 +120,7 @@ var useMemorizedParentMessageInfo = function (_a) {
             });
           }
 
-        case Thread_context_types.ParentMessageInfoStateTypes.INVALID:
+        case Thread_context_types.ParentMessageStateTypes.INVALID:
           {
             return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
               className: "sendbird-thread-ui__parent-message-info placeholder-invalid",
@@ -134,26 +134,26 @@ var useMemorizedParentMessageInfo = function (_a) {
             return null;
           }
       }
-    } else if (parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.INITIALIZED) {
+    } else if (parentMessageState === Thread_context_types.ParentMessageStateTypes.INITIALIZED) {
       if (typeof renderParentMessageInfo === 'function') {
         return renderParentMessageInfo();
       }
     }
 
     return null;
-  }, [parentMessage, parentMessageInfoStatus, renderParentMessageInfo, renderParentMessageInfoPlaceholder]);
+  }, [parentMessage, parentMessageState, renderParentMessageInfo, renderParentMessageInfoPlaceholder]);
 };
 
 var useMemorizedThreadList = function (_a) {
-  var threadListStatus = _a.threadListStatus,
+  var threadListState = _a.threadListState,
       renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder;
   return React.useMemo(function () {
-    if (threadListStatus === Thread_context_types.ThreadListStateTypes.NIL || threadListStatus === Thread_context_types.ThreadListStateTypes.LOADING || threadListStatus === Thread_context_types.ThreadListStateTypes.INVALID) {
+    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(threadListStatus);
+        return renderThreadListPlaceHolder(threadListState);
       }
 
-      switch (threadListStatus) {
+      switch (threadListState) {
         case Thread_context_types.ThreadListStateTypes.LOADING:
           {
             return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
@@ -185,7 +185,7 @@ var useMemorizedThreadList = function (_a) {
     }
 
     return null;
-  }, [threadListStatus, renderThreadListPlaceHolder]);
+  }, [threadListState, renderThreadListPlaceHolder]);
 };
 
 var ThreadUI = function (_a) {
@@ -206,8 +206,8 @@ var ThreadUI = function (_a) {
       currentChannel = _e.currentChannel,
       allThreadMessages = _e.allThreadMessages,
       parentMessage = _e.parentMessage,
-      parentMessageInfoStatus = _e.parentMessageInfoStatus,
-      threadListStatus = _e.threadListStatus,
+      parentMessageState = _e.parentMessageState,
+      threadListState = _e.threadListState,
       hasMorePrev = _e.hasMorePrev,
       hasMoreNext = _e.hasMoreNext,
       fetchPrevThreads = _e.fetchPrevThreads,
@@ -222,12 +222,12 @@ var ThreadUI = function (_a) {
   });
   var MemorizedParentMessageInfo = useMemorizedParentMessageInfo({
     parentMessage: parentMessage,
-    parentMessageInfoStatus: parentMessageInfoStatus,
+    parentMessageState: parentMessageState,
     renderParentMessageInfo: renderParentMessageInfo,
     renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder
   });
   var MemorizedThreadList = useMemorizedThreadList({
-    threadListStatus: threadListStatus,
+    threadListState: threadListState,
     renderThreadListPlaceHolder: renderThreadListPlaceHolder
   }); // scroll
 

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 { ParentMessageInfoStateTypes } from '../../types';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface UseMemorizedParentMessageInfoProps {\n  parentMessage: UserMessage | FileMessage;\n  parentMessageInfoStatus: ParentMessageInfoStateTypes;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageInfoStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedParentMessageInfo = ({\n  parentMessage,\n  parentMessageInfoStatus,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n}: UseMemorizedParentMessageInfoProps): ReactElement => useMemo(() => {\n  if (parentMessageInfoStatus === ParentMessageInfoStateTypes.NIL\n    || parentMessageInfoStatus === ParentMessageInfoStateTypes.LOADING\n    || parentMessageInfoStatus === ParentMessageInfoStateTypes.INVALID\n  ) {\n    if (typeof renderParentMessageInfoPlaceholder === 'function') {\n      return renderParentMessageInfoPlaceholder(parentMessageInfoStatus);\n    }\n    switch (parentMessageInfoStatus) {\n      case ParentMessageInfoStateTypes.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 ParentMessageInfoStateTypes.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 ParentMessageInfoStateTypes.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 (parentMessageInfoStatus === ParentMessageInfoStateTypes.INITIALIZED) {\n    if (typeof renderParentMessageInfo === 'function') {\n      return renderParentMessageInfo();\n    }\n  }\n  return null;\n}, [\n  parentMessage,\n  parentMessageInfoStatus,\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  threadListStatus: ThreadListStateTypes;\n  renderThreadListPlaceHolder?: (tyep: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedThreadList = ({\n  threadListStatus,\n  renderThreadListPlaceHolder,\n}: UseMemorizedThreadListProps): ReactElement => useMemo(() => {\n  if (threadListStatus === ThreadListStateTypes.NIL\n    || threadListStatus === ThreadListStateTypes.LOADING\n    || threadListStatus === ThreadListStateTypes.INVALID\n  ) {\n    if (typeof renderThreadListPlaceHolder === 'function') {\n      return renderThreadListPlaceHolder(threadListStatus);\n    }\n    switch (threadListStatus) {\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  threadListStatus,\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 { ParentMessageInfoStateTypes, 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: { message: UserMessage | FileMessage }) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderCustomSeparator?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageInfoStateTypes) => 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    parentMessageInfoStatus,\n    threadListStatus,\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    parentMessageInfoStatus,\n    renderParentMessageInfo,\n    renderParentMessageInfoPlaceholder, // nil, loading, invalid\n  });\n  const MemorizedThreadList = useMemorizedThreadList({\n    threadListStatus,\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","parentMessageInfoStatus","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageInfoStateTypes","NIL","LOADING","INVALID","React","PlaceHolder","PlaceHolderTypes","NO_RESULTS","WRONG","INITIALIZED","useMemorizedThreadList","threadListStatus","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","ThreadHeader","getChannelTitle","message","channel","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';\n\nexport interface ThreadUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderMessage?: (props: { message: UserMessage | FileMessage }) => 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","PlaceHolder","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","ThreadHeader","getChannelTitle","message","channel","ParentMessageInfo","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_3","concat","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY","ThreadList","ThreadMessageInput"],"mappings":"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"}

package/cjs/Thread/context/types.js

@@ -12,14 +12,14 @@ exports.ChannelStateTypes = void 0;
   ChannelStateTypes["INITIALIZED"] = "INITIALIZED";
 })(exports.ChannelStateTypes || (exports.ChannelStateTypes = {}));
 
-exports.ParentMessageInfoStateTypes = void 0;
+exports.ParentMessageStateTypes = void 0;
 
-(function (ParentMessageInfoStateTypes) {
-  ParentMessageInfoStateTypes["NIL"] = "NIL";
-  ParentMessageInfoStateTypes["LOADING"] = "LOADING";
-  ParentMessageInfoStateTypes["INVALID"] = "INVALID";
-  ParentMessageInfoStateTypes["INITIALIZED"] = "INITIALIZED";
-})(exports.ParentMessageInfoStateTypes || (exports.ParentMessageInfoStateTypes = {}));
+(function (ParentMessageStateTypes) {
+  ParentMessageStateTypes["NIL"] = "NIL";
+  ParentMessageStateTypes["LOADING"] = "LOADING";
+  ParentMessageStateTypes["INVALID"] = "INVALID";
+  ParentMessageStateTypes["INITIALIZED"] = "INITIALIZED";
+})(exports.ParentMessageStateTypes || (exports.ParentMessageStateTypes = {}));
 
 exports.ThreadListStateTypes = void 0;
 

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 ParentMessageInfoStateTypes {\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","ParentMessageInfoStateTypes","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,6CAAZ;;AAAA,CAAA,UAAYA,2BAAZ,EAAuC;AACrCA,EAAAA,2BAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AACAA,EAAAA,2BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,2BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,2BAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACD,CALD,EAAYA,mCAA2B,KAA3BA,mCAA2B,GAKtC,EALsC,CAAvC,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,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;;"}

package/cjs/Thread/context.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var Thread_context = require('../ThreadProvider-8ba81f66.js');
-require('../UserProfileContext-2648d24c.js');
+var Thread_context = require('../ThreadProvider-f769fa97.js');
+require('../UserProfileContext-d3796c43.js');
 require('../useSendbirdStateContext.js');
-require('../index-5bc31321.js');
-require('../index-6ca5c151.js');
+require('../index-ee3dea46.js');
+require('../index-05ae57d2.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../tslib.es6-259cb5ca.js');
+require('../tslib.es6-dcbdfa23.js');
 require('./context/types.js');
 require('@sendbird/chat');
-require('../topics-528fde56.js');
+require('../topics-2e4c3ced.js');
 require('@sendbird/chat/groupChannel');
-require('../uuid-4e015383.js');
+require('../uuid-41344041.js');
 require('@sendbird/chat/message');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-ada5a2bb.js');
+require('../_rollupPluginBabelHelpers-35f4fb95.js');
 
 
 

package/cjs/Thread.js

@@ -1,38 +1,38 @@
 'use strict';
 
 var React = require('react');
-var Thread_context = require('./ThreadProvider-8ba81f66.js');
+var Thread_context = require('./ThreadProvider-f769fa97.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-require('./index-5bc31321.js');
-require('./index-6ca5c151.js');
+require('./index-ee3dea46.js');
+require('./index-05ae57d2.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./UserProfileContext-2648d24c.js');
+require('./UserProfileContext-d3796c43.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-ada5a2bb.js');
-require('./tslib.es6-259cb5ca.js');
+require('./_rollupPluginBabelHelpers-35f4fb95.js');
+require('./tslib.es6-dcbdfa23.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
-require('./topics-528fde56.js');
+require('./topics-2e4c3ced.js');
 require('@sendbird/chat/groupChannel');
-require('./uuid-4e015383.js');
+require('./uuid-41344041.js');
 require('@sendbird/chat/message');
-require('./LocalizationContext-9a1e0d36.js');
-require('./stringSet-2696d00d.js');
-require('./utils-7a127b25.js');
-require('./index-d714b895.js');
+require('./LocalizationContext-aceff142.js');
+require('./stringSet-5be1fe6f.js');
+require('./utils-53510f50.js');
+require('./index-b1236a45.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./RemoveMessageModal-b64c35a1.js');
+require('./RemoveMessageModal-5564628f.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-3d069920.js');
+require('./index-016638d4.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-7f516d81.js');
+require('./MediaQueryContext-4e0e5fa0.js');
 require('./Thread/components/ParentMessageInfoItem.js');
-require('./index-b5c769e1.js');
+require('./index-a0186f0c.js');
 require('./ui/Word.js');
 require('./ui/LinkLabel.js');
 require('./ui/MentionLabel.js');
@@ -40,21 +40,21 @@ require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./utils-afb14420.js');
+require('./utils-c9257c48.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./color-4b850c2c.js');
+require('./color-cd73928c.js');
 require('./ui/EmojiReactions.js');
 require('./ui/Tooltip.js');
 require('./ui/TooltipWrapper.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./ChannelProvider-a765f8a9.js');
-require('./compareIds-03d1c5fd.js');
-require('./const-cd2f7184.js');
-require('./const-5080a6f8.js');
+require('./ChannelProvider-91732cb1.js');
+require('./compareIds-21076814.js');
+require('./const-3fa61e98.js');
+require('./const-8d6360d6.js');
 require('./ui/FileViewer.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/MessageItemReactionMenu.js');
@@ -74,7 +74,7 @@ require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./index-aa5520c6.js');
+require('./index-0df83215.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }