@sendbird/uikit-react 3.6.7 → 3.6.8-rc.1

package/cjs/Channel.js

@@ -1,76 +1,78 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('./ChannelProvider-633edf61.js');
+var Channel_context = require('./ChannelProvider-58b2dd24.js');
 var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./UserProfileContext-f8f1cee7.js');
+require('./UserProfileContext-b249921b.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-0d9d52a5.js');
-require('./const-0d4d91cd.js');
-require('./index-6cb3365f.js');
-require('./index-c2454b7e.js');
-require('./topics-99121946.js');
-require('./index-08c5777e.js');
+require('./_rollupPluginBabelHelpers-af83a471.js');
+require('./const-a3aa0fd6.js');
+require('./utils-a569b281.js');
+require('./index-1a05108d.js');
+require('./index-821a74b6.js');
+require('./topics-b61b6276.js');
+require('./index-5125200f.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./compareIds-0344920c.js');
+require('./compareIds-e79c9a5a.js');
 require('@sendbird/chat/groupChannel');
-require('./uuid-6c019e89.js');
+require('./uuid-f9a11afa.js');
 require('@sendbird/chat/message');
-require('./consts-0c9a38ef.js');
-require('./resolvedReplyType-8137e072.js');
-require('./index-9c8e297d.js');
-require('./LocalizationContext-a15ec4eb.js');
-require('./stringSet-769f181d.js');
+require('./consts-6d791ff5.js');
+require('./resolvedReplyType-7074785b.js');
+require('./index-d1afbcfe.js');
+require('./LocalizationContext-98e10f52.js');
+require('./stringSet-20c5f2fa.js');
 require('./ui/Icon.js');
-require('./index-2cb13008.js');
+require('./index-0a1d6159.js');
 require('./ui/Loader.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
-require('./utils-18517a45.js');
+require('./utils-482c5d41.js');
 require('./ui/IconButton.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./utils-d6b081f0.js');
-require('./MediaQueryContext-80d10d7b.js');
-require('./utils-c8ca7346.js');
+require('./utils-e00d6f10.js');
+require('./MediaQueryContext-add76360.js');
+require('./utils-03f96fba.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./const-182fe978.js');
-require('./ThreadProvider-8d2ce923.js');
+require('./const-c4593fa8.js');
+require('./ThreadProvider-f7ee365b.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
 require('./ui/DateSeparator.js');
-require('./color-1e9cc481.js');
+require('./color-31d6570a.js');
 require('./ui/MessageInput.js');
 require('./ui/Button.js');
+require('./index-fc0d8ea1.js');
 require('dompurify');
-require('./consts-5bdc2c7f.js');
-require('./consts-c336bb61.js');
-require('./consts-10e5b075.js');
-require('./tokenize-586ed01a.js');
-require('./index.module-8026e7d3.js');
+require('./consts-43df77ef.js');
+require('./consts-95de97c6.js');
+require('./consts-0ce6dc5f.js');
+require('./tokenize-3c568761.js');
+require('./index.module-dcf622ba.js');
 require('./ui/MessageContent.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./index-ed1ee70b.js');
-require('./index-1325e266.js');
-require('./index-092b22dd.js');
+require('./index-0a49ce60.js');
+require('./index-cffeab44.js');
+require('./index-71ac2b0c.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
-require('./types-812b3bfd.js');
+require('./types-7d4d4e4a.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./useLongPress-a77054d5.js');
+require('./useLongPress-f1d03c8d.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
-require('./index-17a6519d.js');
+require('./index-eb531448.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -79,7 +81,7 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/TextMessageItemBody.js');
-require('./index-49fe0efb.js');
+require('./index-44f82a5f.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/FileMessageItemBody.js');
@@ -88,27 +90,29 @@ require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/QuoteMessage.js');
-require('./index-54228aa8.js');
+require('./index-892e04e5.js');
 require('./ui/ThreadReplies.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./index-dbccd7fb.js');
+require('./index-86a4d820.js');
 require('./VoiceRecorder/context.js');
 require('./ui/Modal.js');
 require('./ui/PlaybackTime.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./index-5a651f3c.js');
-require('./useDirtyGetMentions-a37639f1.js');
+require('./index-5eddbcdd.js');
+require('./Message/hooks/useDirtyGetMentions.js');
+require('./Channel/utils/getMessagePartsInfo.js');
+require('./Channel/utils/compareMessagesForGrouping.js');
 require('./Channel/components/UnreadCount.js');
 require('./Channel/components/FrozenNotification.js');
 require('./Channel/components/TypingIndicator.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
-require('./VoiceMessageInputWrapper-e8d7b9ba.js');
+require('./VoiceMessageInputWrapper-a365a098.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./index-cebd1362.js');
+require('./index-dafc4dfb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Channel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channel.js","sources":["../../src/modules/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\n\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps { }\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      animatedMessage={props?.animatedMessage}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      onBackClick={props?.onBackClick}\n      replyType={props?.replyType}\n      threadReplySelectType={props?.threadReplySelectType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      filterMessageList={props?.filterMessageList}\n      disableUserProfile={props?.disableUserProfile}\n      disableMarkAsRead={props?.disableMarkAsRead}\n      onReplyInThread={props?.onReplyInThread}\n      onQuoteMessageClick={props?.onQuoteMessageClick}\n      onMessageAnimated={props?.onMessageAnimated}\n      onMessageHighlighted={props?.onMessageHighlighted}\n      scrollBehavior={props.scrollBehavior}\n      reconnectOnIdle={props.reconnectOnIdle}\n    >\n      <ChannelUI\n        isLoading={props?.isLoading}\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n        renderFileUploadIcon={props?.renderFileUploadIcon}\n        renderVoiceMessageIcon={props?.renderVoiceMessageIcon}\n        renderSendMessageIcon={props?.renderSendMessageIcon}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","createElement","ChannelProvider","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","animatedMessage","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","onBackClick","replyType","threadReplySelectType","queries","renderUserProfile","filterMessageList","disableUserProfile","disableMarkAsRead","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","scrollBehavior","reconnectOnIdle","ChannelUI","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon"],"mappings":"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"}
+{"version":3,"file":"Channel.js","sources":["../../src/modules/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\n\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps { }\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      animatedMessage={props?.animatedMessage}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      onBackClick={props?.onBackClick}\n      replyType={props?.replyType}\n      threadReplySelectType={props?.threadReplySelectType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      filterMessageList={props?.filterMessageList}\n      disableUserProfile={props?.disableUserProfile}\n      disableMarkAsRead={props?.disableMarkAsRead}\n      onReplyInThread={props?.onReplyInThread}\n      onQuoteMessageClick={props?.onQuoteMessageClick}\n      onMessageAnimated={props?.onMessageAnimated}\n      onMessageHighlighted={props?.onMessageHighlighted}\n      scrollBehavior={props.scrollBehavior}\n      reconnectOnIdle={props.reconnectOnIdle}\n    >\n      <ChannelUI\n        isLoading={props?.isLoading}\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n        renderFileUploadIcon={props?.renderFileUploadIcon}\n        renderVoiceMessageIcon={props?.renderVoiceMessageIcon}\n        renderSendMessageIcon={props?.renderSendMessageIcon}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","createElement","ChannelProvider","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","animatedMessage","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","onBackClick","replyType","threadReplySelectType","queries","renderUserProfile","filterMessageList","disableUserProfile","disableMarkAsRead","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","scrollBehavior","reconnectOnIdle","ChannelUI","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon"],"mappings":"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"}

package/cjs/ChannelList/components/AddChannel.js

@@ -7,40 +7,40 @@ var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var CreateChannel = require('../../CreateChannel.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelList_context = require('../../ChannelListProvider-c1f3cf4a.js');
-require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
+var ChannelList_context = require('../../ChannelListProvider-11d605eb.js');
+require('../../_rollupPluginBabelHelpers-af83a471.js');
 require('prop-types');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-32102712.js');
+require('../../CreateChannelProvider-ea0ac249.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-99121946.js');
-require('../../utils-c8ca7346.js');
+require('../../topics-b61b6276.js');
+require('../../utils-03f96fba.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../LocalizationContext-a15ec4eb.js');
-require('../../stringSet-769f181d.js');
-require('../../index-c2454b7e.js');
+require('../../LocalizationContext-98e10f52.js');
+require('../../stringSet-20c5f2fa.js');
+require('../../index-821a74b6.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-17a6519d.js');
+require('../../index-eb531448.js');
 require('../../ui/Button.js');
-require('../../index-2cb13008.js');
-require('../../MediaQueryContext-80d10d7b.js');
+require('../../index-0a1d6159.js');
+require('../../MediaQueryContext-add76360.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-f8f1cee7.js');
+require('../../UserProfileContext-b249921b.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-6c019e89.js');
+require('../../uuid-f9a11afa.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-08c5777e.js');
+require('../../index-5125200f.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../withSendbird.js');
 require('@sendbird/chat/groupChannel');
-require('../../consts-0c9a38ef.js');
+require('../../consts-6d791ff5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelListHeader.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a15ec4eb.js');
+var LocalizationContext = require('../../LocalizationContext-98e10f52.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Label = require('../../index-2cb13008.js');
+var ui_Label = require('../../index-0a1d6159.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-require('../../stringSet-769f181d.js');
-require('../../index-c2454b7e.js');
+require('../../stringSet-20c5f2fa.js');
+require('../../index-821a74b6.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
+require('../../_rollupPluginBabelHelpers-af83a471.js');
 require('prop-types');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-6c019e89.js');
+require('../../uuid-f9a11afa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelListUI.js

@@ -5,68 +5,69 @@ var ChannelList_components_ChannelListHeader = require('./ChannelListHeader.js')
 var ChannelList_components_AddChannel = require('./AddChannel.js');
 var ChannelList_components_ChannelPreview = require('./ChannelPreview.js');
 var ChannelList_components_ChannelPreviewAction = require('./ChannelPreviewAction.js');
-var ChannelList_context = require('../../ChannelListProvider-c1f3cf4a.js');
+var ChannelList_context = require('../../ChannelListProvider-11d605eb.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var EditUserProfile = require('../../EditUserProfile.js');
-var ui_PlaceHolder = require('../../index-9c8e297d.js');
-require('../../LocalizationContext-a15ec4eb.js');
-require('../../stringSet-769f181d.js');
-require('../../index-c2454b7e.js');
-require('../../index-2cb13008.js');
+var ui_PlaceHolder = require('../../index-d1afbcfe.js');
+require('../../LocalizationContext-98e10f52.js');
+require('../../stringSet-20c5f2fa.js');
+require('../../index-821a74b6.js');
+require('../../index-0a1d6159.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-6c019e89.js');
+require('../../uuid-f9a11afa.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
+require('../../_rollupPluginBabelHelpers-af83a471.js');
 require('../../CreateChannel.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-32102712.js');
+require('../../CreateChannelProvider-ea0ac249.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-99121946.js');
-require('../../utils-c8ca7346.js');
+require('../../topics-b61b6276.js');
+require('../../utils-03f96fba.js');
 require('../../CreateChannel/components/InviteUsers.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-17a6519d.js');
+require('../../index-eb531448.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-80d10d7b.js');
+require('../../MediaQueryContext-add76360.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-f8f1cee7.js');
+require('../../UserProfileContext-b249921b.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-08c5777e.js');
+require('../../index-5125200f.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../ui/ChannelAvatar.js');
-require('../../utils-d6b081f0.js');
+require('../../utils-e00d6f10.js');
 require('../../ui/Badge.js');
-require('../../index-ed1ee70b.js');
-require('../../index-6cb3365f.js');
+require('../../index-0a49ce60.js');
+require('../../index-1a05108d.js');
 require('../../ui/Loader.js');
-require('../../index-1325e266.js');
-require('../../index-092b22dd.js');
+require('../../index-cffeab44.js');
+require('../../index-71ac2b0c.js');
 require('../../ui/MentionUserLabel.js');
-require('../../consts-5bdc2c7f.js');
+require('../../consts-43df77ef.js');
 require('../../ui/TextButton.js');
-require('../../color-1e9cc481.js');
+require('../../color-31d6570a.js');
 require('../../Channel/components/TypingIndicator.js');
 require('@sendbird/chat/groupChannel');
-require('../../ChannelProvider-633edf61.js');
-require('../../const-0d4d91cd.js');
-require('../../compareIds-0344920c.js');
+require('../../ChannelProvider-58b2dd24.js');
+require('../../const-a3aa0fd6.js');
+require('../../utils-a569b281.js');
+require('../../compareIds-e79c9a5a.js');
 require('@sendbird/chat/message');
-require('../../consts-0c9a38ef.js');
-require('../../resolvedReplyType-8137e072.js');
-require('../../useLongPress-a77054d5.js');
+require('../../consts-6d791ff5.js');
+require('../../resolvedReplyType-7074785b.js');
+require('../../useLongPress-f1d03c8d.js');
 require('../../withSendbird.js');
-require('../../index-87e11d7e.js');
+require('../../index-6a049d22.js');
 require('../../ui/Input.js');
-require('../../actionTypes-974dfe33.js');
+require('../../actionTypes-200d8a9f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListUI.js","sources":["../../../../src/modules/ChannelList/components/utils.js","../../../../src/modules/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["export const createDefaultUserListQuery = ({ sdk, userFilledApplicationUserListQuery = {} }) => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n  return null;\n};\n\nconst getApplicationAttributes = (sdk = {}) => {\n  const { appInfo = {} } = sdk;\n  const { applicationAttributes = [] } = appInfo;\n  return applicationAttributes;\n};\n\nexport const isBroadcastChannelEnabled = (sdk = {}) => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\nexport const isSuperGroupChannelEnabled = (sdk = {}) => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport const setChannelType = (params, type) => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\nexport const createChannel = (\n  sdk,\n  selectedUsers,\n  onBeforeCreateChannel,\n  userId,\n  type = 'group',\n) => new Promise((resolve, reject) => {\n  // have custom params\n  if (onBeforeCreateChannel) {\n    const params = onBeforeCreateChannel(selectedUsers);\n    setChannelType(params, type);\n    sdk.groupChannel.createChannel(params).then((groupChannel) => {\n      resolve(groupChannel);\n    }).catch((err) => { reject(err); });\n    return;\n  }\n\n  const params = new sdk.GroupChannelParams();\n  params.addUserIds(selectedUsers);\n  params.isDistinct = false;\n\n  if (userId) {\n    params.operatorUserIds = [userId];\n  }\n  setChannelType(params, type);\n  // do not have custom params\n  sdk.groupChannel.createChannel(params).then((groupChannel) => {\n    resolve(groupChannel);\n  }).catch((err) => { resolve(err); });\n});\n\nexport default createChannel;\n","import './channel-list-ui.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport ChannelListHeader from '../ChannelListHeader';\nimport AddChannel from '../AddChannel';\nimport ChannelPreview from '../ChannelPreview';\nimport ChannelPreviewAction from '../ChannelPreviewAction';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport * as channelListActions from '../../dux/actionTypes';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EditUserProfile from '../../../EditUserProfile';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { isAboutSame } from '../utils';\n\ninterface RenderChannelPreviewProps {\n  channel: GroupChannel;\n  onLeaveChannel(\n    channel: GroupChannel,\n    onLeaveChannelCb?: (c: GroupChannel) => void,\n  );\n}\n\ninterface RenderUserProfileProps {\n  user: Member | User;\n  currentUserId: string;\n  close(): void;\n}\n\nexport interface ChannelListUIProps {\n  renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n  renderHeader?: (props: void) => React.ReactElement;\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n}\n\nconst ChannelListUI: React.FC<ChannelListUIProps> = (props: ChannelListUIProps) => {\n  const {\n    renderHeader,\n    renderChannelPreview,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderEmptyList,\n  } = props;\n\n  const [showProfileEdit, setShowProfileEdit] = useState(false);\n\n  const {\n    onThemeChange,\n    allowProfileEdit,\n    allChannels,\n    loading,\n    currentChannel,\n    channelListDispatcher,\n    typingChannels,\n    initialized,\n    fetchChannelList,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n  } = config;\n  const sdkError = sdkStore?.error;\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        {\n          renderHeader?.() || (\n            <ChannelListHeader\n              onEdit={() => {\n                if (allowProfileEdit) {\n                  setShowProfileEdit(true);\n                }\n              }}\n              allowProfileEdit={allowProfileEdit}\n              renderIconButton={() => (\n                <AddChannel />\n              )}\n            />\n          )\n        }\n      </div>\n      {\n        showProfileEdit && (\n          <EditUserProfile\n            onThemeChange={onThemeChange}\n            onCancel={() => { setShowProfileEdit(false); }}\n            onEditProfile={() => {\n              setShowProfileEdit(false);\n            }}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-channel-list__body\"\n        onScroll={(e) => {\n          const target = e?.target as HTMLDivElement;\n          if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {\n            fetchChannelList();\n          }\n        }}\n      >\n        {\n          (sdkError && !loading) && (\n            (renderPlaceHolderError && typeof renderPlaceHolderError === 'function') ? (\n              renderPlaceHolderError?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.WRONG} />\n            )\n          )\n        }\n        {/*\n          To do: Implement windowing\n          Implement windowing if you are dealing with large number of messages/channels\n          https://github.com/bvaughn/react-window -> recommendation\n          We hesitate to bring one more dependency to our library,\n          we are planning to implement it inside the library\n        */}\n        <div>\n          {\n            allChannels && allChannels.map((channel, idx) => {\n              // todo: Refactor and move this inside channel - preview\n              const onLeaveChannel = (c, cb) => {\n                logger.info('ChannelList: Leaving channel', c);\n                c.leave()\n                  .then((res) => {\n                    logger.info('ChannelList: Leaving channel success', res);\n                    if (cb && typeof cb === 'function') {\n                      cb(res, null);\n                    }\n                    channelListDispatcher({\n                      type: channelListActions.LEAVE_CHANNEL_SUCCESS,\n                      payload: channel?.url,\n                    });\n                  })\n                  .catch((err) => {\n                    logger.error('ChannelList: Leaving channel failed', err);\n                    if (cb && typeof cb === 'function') {\n                      cb(null, err);\n                    }\n                  });\n              };\n\n              const onClick = () => {\n                if (!isOnline) { return; }\n                logger.info('ChannelList: Clicked on channel:', channel);\n                channelListDispatcher({\n                  type: channelListActions.SET_CURRENT_CHANNEL,\n                  payload: channel,\n                });\n              };\n\n              return (\n                (renderChannelPreview)\n                  ? (\n                    // eslint-disable-next-line\n                    <div key={channel?.url} onClick={onClick}>\n                      {renderChannelPreview({ channel, onLeaveChannel })}\n                    </div>\n                  )\n                  : (\n                    <ChannelPreview\n                      key={channel?.url}\n                      tabIndex={idx}\n                      onClick={onClick}\n                      channel={channel}\n                      onLeaveChannel={() => onLeaveChannel(channel, null)}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          channel={channel}\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!initialized && loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (initialized && allChannels?.length === 0) && (\n            (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function') ? (\n              renderPlaceHolderEmptyList?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n            )\n          )\n        }\n      </div>\n    </>\n  );\n};\n\nexport default ChannelListUI;\n"],"names":["isAboutSame","a","b","px","Math","abs","ChannelListUI","props","_state$stores","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","showProfileEdit","setShowProfileEdit","useState","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","typingChannels","initialized","fetchChannelList","useChannelListContext","state","useSendbirdStateContext","sdkStore","stores","config","logger","isOnline","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","clientHeight","scrollTop","scrollHeight","PlaceHolder","type","PlaceHolderTypes","WRONG","map","channel","idx","onLeaveChannel","c","cb","info","leave","then","res","channelListActions","payload","url","catch","err","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","_ref","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}
+{"version":3,"file":"ChannelListUI.js","sources":["../../../../src/modules/ChannelList/components/utils.js","../../../../src/modules/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["export const createDefaultUserListQuery = ({ sdk, userFilledApplicationUserListQuery = {} }) => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n  return null;\n};\n\nconst getApplicationAttributes = (sdk = {}) => {\n  const { appInfo = {} } = sdk;\n  const { applicationAttributes = [] } = appInfo;\n  return applicationAttributes;\n};\n\nexport const isBroadcastChannelEnabled = (sdk = {}) => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\nexport const isSuperGroupChannelEnabled = (sdk = {}) => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport const setChannelType = (params, type) => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\nexport const createChannel = (\n  sdk,\n  selectedUsers,\n  onBeforeCreateChannel,\n  userId,\n  type = 'group',\n) => new Promise((resolve, reject) => {\n  // have custom params\n  if (onBeforeCreateChannel) {\n    const params = onBeforeCreateChannel(selectedUsers);\n    setChannelType(params, type);\n    sdk.groupChannel.createChannel(params).then((groupChannel) => {\n      resolve(groupChannel);\n    }).catch((err) => { reject(err); });\n    return;\n  }\n\n  const params = new sdk.GroupChannelParams();\n  params.addUserIds(selectedUsers);\n  params.isDistinct = false;\n\n  if (userId) {\n    params.operatorUserIds = [userId];\n  }\n  setChannelType(params, type);\n  // do not have custom params\n  sdk.groupChannel.createChannel(params).then((groupChannel) => {\n    resolve(groupChannel);\n  }).catch((err) => { resolve(err); });\n});\n\nexport default createChannel;\n","import './channel-list-ui.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport ChannelListHeader from '../ChannelListHeader';\nimport AddChannel from '../AddChannel';\nimport ChannelPreview from '../ChannelPreview';\nimport ChannelPreviewAction from '../ChannelPreviewAction';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport * as channelListActions from '../../dux/actionTypes';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EditUserProfile from '../../../EditUserProfile';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { isAboutSame } from '../utils';\n\ninterface RenderChannelPreviewProps {\n  channel: GroupChannel;\n  onLeaveChannel(\n    channel: GroupChannel,\n    onLeaveChannelCb?: (c: GroupChannel) => void,\n  );\n}\n\ninterface RenderUserProfileProps {\n  user: Member | User;\n  currentUserId: string;\n  close(): void;\n}\n\nexport interface ChannelListUIProps {\n  renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n  renderHeader?: (props: void) => React.ReactElement;\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n}\n\nconst ChannelListUI: React.FC<ChannelListUIProps> = (props: ChannelListUIProps) => {\n  const {\n    renderHeader,\n    renderChannelPreview,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderEmptyList,\n  } = props;\n\n  const [showProfileEdit, setShowProfileEdit] = useState(false);\n\n  const {\n    onThemeChange,\n    allowProfileEdit,\n    allChannels,\n    loading,\n    currentChannel,\n    channelListDispatcher,\n    typingChannels,\n    initialized,\n    fetchChannelList,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n  } = config;\n  const sdkError = sdkStore?.error;\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        {\n          renderHeader?.() || (\n            <ChannelListHeader\n              onEdit={() => {\n                if (allowProfileEdit) {\n                  setShowProfileEdit(true);\n                }\n              }}\n              allowProfileEdit={allowProfileEdit}\n              renderIconButton={() => (\n                <AddChannel />\n              )}\n            />\n          )\n        }\n      </div>\n      {\n        showProfileEdit && (\n          <EditUserProfile\n            onThemeChange={onThemeChange}\n            onCancel={() => { setShowProfileEdit(false); }}\n            onEditProfile={() => {\n              setShowProfileEdit(false);\n            }}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-channel-list__body\"\n        onScroll={(e) => {\n          const target = e?.target as HTMLDivElement;\n          if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {\n            fetchChannelList();\n          }\n        }}\n      >\n        {\n          (sdkError && !loading) && (\n            (renderPlaceHolderError && typeof renderPlaceHolderError === 'function') ? (\n              renderPlaceHolderError?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.WRONG} />\n            )\n          )\n        }\n        {/*\n          To do: Implement windowing\n          Implement windowing if you are dealing with large number of messages/channels\n          https://github.com/bvaughn/react-window -> recommendation\n          We hesitate to bring one more dependency to our library,\n          we are planning to implement it inside the library\n        */}\n        <div>\n          {\n            allChannels && allChannels.map((channel, idx) => {\n              // todo: Refactor and move this inside channel - preview\n              const onLeaveChannel = (c, cb) => {\n                logger.info('ChannelList: Leaving channel', c);\n                c.leave()\n                  .then((res) => {\n                    logger.info('ChannelList: Leaving channel success', res);\n                    if (cb && typeof cb === 'function') {\n                      cb(res, null);\n                    }\n                    channelListDispatcher({\n                      type: channelListActions.LEAVE_CHANNEL_SUCCESS,\n                      payload: channel?.url,\n                    });\n                  })\n                  .catch((err) => {\n                    logger.error('ChannelList: Leaving channel failed', err);\n                    if (cb && typeof cb === 'function') {\n                      cb(null, err);\n                    }\n                  });\n              };\n\n              const onClick = () => {\n                if (!isOnline) { return; }\n                logger.info('ChannelList: Clicked on channel:', channel);\n                channelListDispatcher({\n                  type: channelListActions.SET_CURRENT_CHANNEL,\n                  payload: channel,\n                });\n              };\n\n              return (\n                (renderChannelPreview)\n                  ? (\n                    // eslint-disable-next-line\n                    <div key={channel?.url} onClick={onClick}>\n                      {renderChannelPreview({ channel, onLeaveChannel })}\n                    </div>\n                  )\n                  : (\n                    <ChannelPreview\n                      key={channel?.url}\n                      tabIndex={idx}\n                      onClick={onClick}\n                      channel={channel}\n                      onLeaveChannel={() => onLeaveChannel(channel, null)}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          channel={channel}\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!initialized && loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (initialized && allChannels?.length === 0) && (\n            (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function') ? (\n              renderPlaceHolderEmptyList?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n            )\n          )\n        }\n      </div>\n    </>\n  );\n};\n\nexport default ChannelListUI;\n"],"names":["isAboutSame","a","b","px","Math","abs","ChannelListUI","props","_state$stores","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","showProfileEdit","setShowProfileEdit","useState","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","typingChannels","initialized","fetchChannelList","useChannelListContext","state","useSendbirdStateContext","sdkStore","stores","config","logger","isOnline","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","clientHeight","scrollTop","scrollHeight","PlaceHolder","type","PlaceHolderTypes","WRONG","map","channel","idx","onLeaveChannel","c","cb","info","leave","then","res","channelListActions","payload","url","catch","err","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","_ref","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}

package/cjs/ChannelList/components/ChannelPreview.js

@@ -1,51 +1,52 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-af83a471.js');
 var React = require('react');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-2cb13008.js');
-var ui_MessageStatus = require('../../index-ed1ee70b.js');
+var ui_Label = require('../../index-0a1d6159.js');
+var ui_MessageStatus = require('../../index-0a49ce60.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-a15ec4eb.js');
+var LocalizationContext = require('../../LocalizationContext-98e10f52.js');
 var ui_MentionUserLabel = require('../../ui/MentionUserLabel.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ChannelList_context = require('../../ChannelListProvider-c1f3cf4a.js');
+var ChannelList_context = require('../../ChannelListProvider-11d605eb.js');
 var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../index-08c5777e.js');
-var MediaQueryContext = require('../../MediaQueryContext-80d10d7b.js');
-var useLongPress = require('../../useLongPress-a77054d5.js');
+var index = require('../../index-5125200f.js');
+var MediaQueryContext = require('../../MediaQueryContext-add76360.js');
+var useLongPress = require('../../useLongPress-f1d03c8d.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-6c019e89.js');
-require('../../utils-d6b081f0.js');
+require('../../uuid-f9a11afa.js');
+require('../../utils-e00d6f10.js');
 require('prop-types');
-require('../../stringSet-769f181d.js');
-require('../../index-6cb3365f.js');
-require('../../index-c2454b7e.js');
+require('../../stringSet-20c5f2fa.js');
+require('../../index-1a05108d.js');
+require('../../index-821a74b6.js');
 require('../../ui/Loader.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-1325e266.js');
-require('../../index-092b22dd.js');
+require('../../index-cffeab44.js');
+require('../../index-71ac2b0c.js');
 require('../../withSendbird.js');
-require('../../consts-5bdc2c7f.js');
+require('../../consts-43df77ef.js');
 require('react-dom');
-require('../../index-17a6519d.js');
+require('../../index-eb531448.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../color-1e9cc481.js');
+require('../../color-31d6570a.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-99121946.js');
-require('../../utils-c8ca7346.js');
-require('../../UserProfileContext-f8f1cee7.js');
-require('../../consts-0c9a38ef.js');
-require('../../ChannelProvider-633edf61.js');
-require('../../const-0d4d91cd.js');
-require('../../compareIds-0344920c.js');
+require('../../topics-b61b6276.js');
+require('../../utils-03f96fba.js');
+require('../../consts-6d791ff5.js');
+require('../../UserProfileContext-b249921b.js');
+require('../../ChannelProvider-58b2dd24.js');
+require('../../const-a3aa0fd6.js');
+require('../../utils-a569b281.js');
+require('../../compareIds-e79c9a5a.js');
 require('@sendbird/chat/message');
-require('../../resolvedReplyType-8137e072.js');
+require('../../resolvedReplyType-7074785b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }