@sendbird/uikit-react 3.0.0 → 3.0.1

package/Channel/components/MessageList.js

@@ -1,46 +1,46 @@
 import React__default, { useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-7b2f13ef.js';
-import { u as useChannelContext, c as compareMessagesForGrouping, i as isAboutSame } from '../../ChannelProvider-3d7434a2.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-39d43f7e.js';
+import { i as isSameDay } from '../../index-4e2ac873.js';
+import { u as useChannelContext, c as compareMessagesForGrouping, i as isAboutSame } from '../../ChannelProvider-01a680e0.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-04458193.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Message from './Message.js';
-import { u as uuidv4 } from '../../uuid-cd809c2c.js';
-import '../../index-cff868a8.js';
-import '../../index-75f9b6fc.js';
-import '../../UserProfileContext-d0287bb6.js';
+import { u as uuidv4 } from '../../uuid-38ace415.js';
+import '../../index-e15303b6.js';
+import '../../index-9570e69e.js';
+import '../../UserProfileContext-eccdbd50.js';
 import 'prop-types';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
-import '../../topics-2773df5c.js';
-import '../../index-aa13fe48.js';
-import '../../tslib.es6-41c9b7f1.js';
-import '../../compareIds-e48fb1d0.js';
-import '../../const-d3857731.js';
-import '../../groupChannel-009a07f0.js';
-import '../../__bundle-7dfccc8c-36a58bd4.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../../topics-58103dff.js';
+import '../../index-a355e1d8.js';
+import '../../tslib.es6-28c0bd97.js';
+import '../../compareIds-ccf594a3.js';
+import '../../const-4674ec61.js';
+import '../../groupChannel-9bc7ca19.js';
+import '../../__bundle-7dfccc8c-62bd23b5.js';
 import '../../ui/ContextMenu.js';
-import '../../index-a5b58199.js';
-import '../../stringSet-130b5cd9.js';
+import '../../index-eeac3879.js';
+import '../../stringSet-a6858154.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../LocalizationContext-4b1ec8b9.js';
+import '../../LocalizationContext-7f115178.js';
 import './SuggestedMentionList.js';
 import '../../ui/Avatar.js';
-import '../../const-6fe536c0.js';
+import '../../const-d3d5e7fc.js';
 import '../../ui/DateSeparator.js';
-import '../../color-61b0f496.js';
+import '../../color-1727a3fb.js';
 import '../../ui/MessageInput.js';
 import '../../ui/IconButton.js';
-import '../../index-d6e33a8d.js';
+import '../../index-33a103e9.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-ce5e300e.js';
+import '../../utils-5477ddbc.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/MessageItemReactionMenu.js';
@@ -60,7 +60,7 @@ import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
 import './FileViewer.js';
-import '../../index-87af3e7d.js';
+import '../../index-201c73a9.js';
 import './RemoveMessageModal.js';
 import '../../ui/Modal.js';
 

package/Channel/components/RemoveMessageModal.js

@@ -1,30 +1,30 @@
 import React__default, { useContext } from 'react';
 import Modal from '../../ui/Modal.js';
-import { a as ButtonTypes } from '../../index-d6e33a8d.js';
-import { a as LocalizationContext } from '../../LocalizationContext-4b1ec8b9.js';
-import { u as useChannelContext } from '../../ChannelProvider-3d7434a2.js';
+import { a as ButtonTypes } from '../../index-33a103e9.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
+import { u as useChannelContext } from '../../ChannelProvider-01a680e0.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-87af3e7d.js';
+import '../../index-201c73a9.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
 import '../../ui/Icon.js';
-import '../../index-a5b58199.js';
-import '../../stringSet-130b5cd9.js';
-import '../../utils-ce5e300e.js';
-import '../../index-75f9b6fc.js';
-import '../../UserProfileContext-d0287bb6.js';
+import '../../index-eeac3879.js';
+import '../../stringSet-a6858154.js';
+import '../../utils-5477ddbc.js';
+import '../../index-9570e69e.js';
+import '../../UserProfileContext-eccdbd50.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../index-cff868a8.js';
-import '../../topics-2773df5c.js';
-import '../../index-aa13fe48.js';
-import '../../tslib.es6-41c9b7f1.js';
-import '../../compareIds-e48fb1d0.js';
-import '../../const-d3857731.js';
-import '../../groupChannel-009a07f0.js';
-import '../../__bundle-7dfccc8c-36a58bd4.js';
-import '../../uuid-cd809c2c.js';
+import '../../index-e15303b6.js';
+import '../../topics-58103dff.js';
+import '../../index-a355e1d8.js';
+import '../../tslib.es6-28c0bd97.js';
+import '../../compareIds-ccf594a3.js';
+import '../../const-4674ec61.js';
+import '../../groupChannel-9bc7ca19.js';
+import '../../__bundle-7dfccc8c-62bd23b5.js';
+import '../../uuid-38ace415.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';

package/Channel/components/SuggestedMentionList.js

@@ -1,26 +1,26 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a5b58199.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Avatar from '../../ui/Avatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-4b1ec8b9.js';
-import { u as uuidv4 } from '../../uuid-cd809c2c.js';
-import { u as useChannelContext } from '../../ChannelProvider-3d7434a2.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
+import { u as uuidv4 } from '../../uuid-38ace415.js';
+import { u as useChannelContext } from '../../ChannelProvider-01a680e0.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-d3857731.js';
-import { M as MessageInputKeys } from '../../const-6fe536c0.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-4674ec61.js';
+import { M as MessageInputKeys } from '../../const-d3d5e7fc.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
 import 'prop-types';
-import '../../stringSet-130b5cd9.js';
-import '../../tslib.es6-41c9b7f1.js';
+import '../../stringSet-a6858154.js';
+import '../../tslib.es6-28c0bd97.js';
 import '../../ui/ImageRenderer.js';
-import '../../index-75f9b6fc.js';
-import '../../UserProfileContext-d0287bb6.js';
-import '../../index-cff868a8.js';
-import '../../topics-2773df5c.js';
-import '../../index-aa13fe48.js';
-import '../../compareIds-e48fb1d0.js';
-import '../../groupChannel-009a07f0.js';
-import '../../__bundle-7dfccc8c-36a58bd4.js';
+import '../../index-9570e69e.js';
+import '../../UserProfileContext-eccdbd50.js';
+import '../../index-e15303b6.js';
+import '../../topics-58103dff.js';
+import '../../index-a355e1d8.js';
+import '../../compareIds-ccf594a3.js';
+import '../../groupChannel-9bc7ca19.js';
+import '../../__bundle-7dfccc8c-62bd23b5.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';

package/Channel/components/TypingIndicator.js

@@ -1,22 +1,22 @@
 import React__default, { useContext, useState, useEffect } from 'react';
-import { Y as Yr } from '../../groupChannel-009a07f0.js';
-import { a as LocalizationContext } from '../../LocalizationContext-4b1ec8b9.js';
-import { u as uuidv4 } from '../../uuid-cd809c2c.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a5b58199.js';
-import { u as useChannelContext } from '../../ChannelProvider-3d7434a2.js';
+import { Y as Yr } from '../../groupChannel-9bc7ca19.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
+import { u as uuidv4 } from '../../uuid-38ace415.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
+import { u as useChannelContext } from '../../ChannelProvider-01a680e0.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../__bundle-7dfccc8c-36a58bd4.js';
-import '../../stringSet-130b5cd9.js';
-import '../../index-75f9b6fc.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import '../../__bundle-7dfccc8c-62bd23b5.js';
+import '../../stringSet-a6858154.js';
+import '../../index-9570e69e.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
 import 'prop-types';
-import '../../UserProfileContext-d0287bb6.js';
-import '../../index-cff868a8.js';
-import '../../topics-2773df5c.js';
-import '../../index-aa13fe48.js';
-import '../../tslib.es6-41c9b7f1.js';
-import '../../compareIds-e48fb1d0.js';
-import '../../const-d3857731.js';
+import '../../UserProfileContext-eccdbd50.js';
+import '../../index-e15303b6.js';
+import '../../topics-58103dff.js';
+import '../../index-a355e1d8.js';
+import '../../tslib.es6-28c0bd97.js';
+import '../../compareIds-ccf594a3.js';
+import '../../const-4674ec61.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
@@ -82,9 +82,11 @@ var TypingIndicator = function TypingIndicator() {
     }
 
     return function () {
+      var _a;
+
       setTypingMembers([]);
 
-      if (sb) {
+      if ((_a = sb === null || sb === void 0 ? void 0 : sb.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
         sb.groupChannel.removeGroupChannelHandler(handlerId);
       }
     };

package/Channel/components/TypingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypingIndicator.js","sources":["../../../src/smart-components/Channel/components/TypingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport {\n  GroupChannelHandler,\n  Member,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { uuidv4 } from '../../../utils/uuid';\nimport Label, { LabelTypography, LabelColors } from '../../../ui/Label';\nimport { useChannelContext } from '../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nexport interface TypingIndicatorTextProps {\n  members: Member[];\n}\n\nexport const TypingIndicatorText: React.FC<TypingIndicatorTextProps> = ({ members }: TypingIndicatorTextProps) => {\n  const { stringSet } = useContext(LocalizationContext);\n  if (!members || members.length === 0) {\n    return '';\n  }\n\n  if (members && members.length === 1) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__IS_TYPING}`;\n  }\n\n  if (members && members.length === 2) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__AND} ${members[1].nickname} ${stringSet.TYPING_INDICATOR__ARE_TYPING}`;\n  }\n\n  return stringSet.TYPING_INDICATOR__MULTIPLE_TYPING;\n};\n\nconst TypingIndicator: React.FC = () => {\n  const { channelUrl } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const sb = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const logger = globalStore?.config?.logger;\n  const [handlerId, setHandlerId] = useState(uuidv4());\n  const [typingMembers, setTypingMembers] = useState<Member[]>([]);\n\n  useEffect(() => {\n    if (sb?.groupChannel?.addGroupChannelHandler) {\n      sb.groupChannel.removeGroupChannelHandler(handlerId);\n      const newHandlerId = uuidv4();\n      const handler = new GroupChannelHandler({\n        onTypingStatusUpdated: (groupChannel) => {\n          // there is a possible warning in here - setState called after unmount\n          logger.info('Channel > Typing Indicator: onTypingStatusUpdated', groupChannel);\n          if (groupChannel.url === channelUrl) {\n            const members = groupChannel.getTypingUsers();\n            setTypingMembers(members);\n          }\n        }\n      });\n      sb.groupChannel.addGroupChannelHandler(newHandlerId, handler);\n      setHandlerId(newHandlerId);\n    }\n\n    return () => {\n      setTypingMembers([]);\n      if (sb) {\n        sb.groupChannel.removeGroupChannelHandler(handlerId);\n      }\n    };\n  }, [channelUrl]);\n\n  return (\n    <Label\n      className=\"sendbird-conversation__footer__typing-indicator__text\"\n      type={LabelTypography.CAPTION_2}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      <TypingIndicatorText members={typingMembers} />\n    </Label>\n  );\n}\n\nexport default TypingIndicator;\n"],"names":["TypingIndicatorText","_a","members","stringSet","useContext","LocalizationContext","length","nickname","TYPING_INDICATOR__IS_TYPING","TYPING_INDICATOR__AND","TYPING_INDICATOR__ARE_TYPING","TYPING_INDICATOR__MULTIPLE_TYPING","TypingIndicator","channelUrl","useChannelContext","globalStore","useSendbirdStateContext","sb","stores","sdkStore","sdk","logger","config","_d","useState","uuidv4","handlerId","setHandlerId","_e","typingMembers","setTypingMembers","useEffect","groupChannel","addGroupChannelHandler","removeGroupChannelHandler","newHandlerId","handler","GroupChannelHandler","onTypingStatusUpdated","info","url","getTypingUsers","React","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":"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"}
+{"version":3,"file":"TypingIndicator.js","sources":["../../../src/smart-components/Channel/components/TypingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport {\n  GroupChannelHandler,\n  Member,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { uuidv4 } from '../../../utils/uuid';\nimport Label, { LabelTypography, LabelColors } from '../../../ui/Label';\nimport { useChannelContext } from '../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nexport interface TypingIndicatorTextProps {\n  members: Member[];\n}\n\nexport const TypingIndicatorText: React.FC<TypingIndicatorTextProps> = ({ members }: TypingIndicatorTextProps) => {\n  const { stringSet } = useContext(LocalizationContext);\n  if (!members || members.length === 0) {\n    return '';\n  }\n\n  if (members && members.length === 1) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__IS_TYPING}`;\n  }\n\n  if (members && members.length === 2) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__AND} ${members[1].nickname} ${stringSet.TYPING_INDICATOR__ARE_TYPING}`;\n  }\n\n  return stringSet.TYPING_INDICATOR__MULTIPLE_TYPING;\n};\n\nconst TypingIndicator: React.FC = () => {\n  const { channelUrl } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const sb = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const logger = globalStore?.config?.logger;\n  const [handlerId, setHandlerId] = useState(uuidv4());\n  const [typingMembers, setTypingMembers] = useState<Member[]>([]);\n\n  useEffect(() => {\n    if (sb?.groupChannel?.addGroupChannelHandler) {\n      sb.groupChannel.removeGroupChannelHandler(handlerId);\n      const newHandlerId = uuidv4();\n      const handler = new GroupChannelHandler({\n        onTypingStatusUpdated: (groupChannel) => {\n          // there is a possible warning in here - setState called after unmount\n          logger.info('Channel > Typing Indicator: onTypingStatusUpdated', groupChannel);\n          if (groupChannel.url === channelUrl) {\n            const members = groupChannel.getTypingUsers();\n            setTypingMembers(members);\n          }\n        }\n      });\n      sb.groupChannel.addGroupChannelHandler(newHandlerId, handler);\n      setHandlerId(newHandlerId);\n    }\n\n    return () => {\n      setTypingMembers([]);\n      if (sb?.groupChannel?.removeGroupChannelHandler) {\n        sb.groupChannel.removeGroupChannelHandler(handlerId);\n      }\n    };\n  }, [channelUrl]);\n\n  return (\n    <Label\n      className=\"sendbird-conversation__footer__typing-indicator__text\"\n      type={LabelTypography.CAPTION_2}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      <TypingIndicatorText members={typingMembers} />\n    </Label>\n  );\n}\n\nexport default TypingIndicator;\n"],"names":["TypingIndicatorText","_a","members","stringSet","useContext","LocalizationContext","length","nickname","TYPING_INDICATOR__IS_TYPING","TYPING_INDICATOR__AND","TYPING_INDICATOR__ARE_TYPING","TYPING_INDICATOR__MULTIPLE_TYPING","TypingIndicator","channelUrl","useChannelContext","globalStore","useSendbirdStateContext","sb","stores","sdkStore","sdk","logger","config","_d","useState","uuidv4","handlerId","setHandlerId","_e","typingMembers","setTypingMembers","useEffect","groupChannel","addGroupChannelHandler","removeGroupChannelHandler","newHandlerId","handler","GroupChannelHandler","onTypingStatusUpdated","info","url","getTypingUsers","React","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":"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"}

package/Channel/components/UnreadCount.js

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-4b1ec8b9.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-a5b58199.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-eeac3879.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import '../../stringSet-130b5cd9.js';
-import '../../index-75f9b6fc.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import '../../stringSet-a6858154.js';
+import '../../index-9570e69e.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
 import 'prop-types';
 
 var UnreadCount = function UnreadCount(props) {

package/Channel/context.js

@@ -1,23 +1,23 @@
 import 'react';
-import '../UserProfileContext-d0287bb6.js';
+import '../UserProfileContext-eccdbd50.js';
 import '../useSendbirdStateContext.js';
-export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-3d7434a2.js';
+export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-01a680e0.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-abbcef5e.js';
-import '../index-cff868a8.js';
-import '../index-75f9b6fc.js';
-import '../topics-2773df5c.js';
-import '../index-aa13fe48.js';
-import '../tslib.es6-41c9b7f1.js';
-import '../compareIds-e48fb1d0.js';
-import '../const-d3857731.js';
-import '../groupChannel-009a07f0.js';
-import '../__bundle-7dfccc8c-36a58bd4.js';
-import '../uuid-cd809c2c.js';
+import '../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../index-e15303b6.js';
+import '../index-9570e69e.js';
+import '../topics-58103dff.js';
+import '../index-a355e1d8.js';
+import '../tslib.es6-28c0bd97.js';
+import '../compareIds-ccf594a3.js';
+import '../const-4674ec61.js';
+import '../groupChannel-9bc7ca19.js';
+import '../__bundle-7dfccc8c-62bd23b5.js';
+import '../uuid-38ace415.js';
 import '../ui/ContextMenu.js';
-import '../index-a5b58199.js';
-import '../stringSet-130b5cd9.js';
+import '../index-eeac3879.js';
+import '../stringSet-a6858154.js';
 import 'react-dom';
 import '../ui/SortByRow.js';
 import '../ui/ReactionButton.js';

package/Channel.js

@@ -1,52 +1,52 @@
 import React__default from 'react';
-import { C as ChannelProvider } from './ChannelProvider-3d7434a2.js';
+import { C as ChannelProvider } from './ChannelProvider-01a680e0.js';
 import ChannelUI from './Channel/components/ChannelUI.js';
-import './UserProfileContext-d0287bb6.js';
+import './UserProfileContext-eccdbd50.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-abbcef5e.js';
-import './index-cff868a8.js';
-import './index-75f9b6fc.js';
-import './topics-2773df5c.js';
-import './index-aa13fe48.js';
-import './tslib.es6-41c9b7f1.js';
-import './compareIds-e48fb1d0.js';
-import './const-d3857731.js';
-import './groupChannel-009a07f0.js';
-import './__bundle-7dfccc8c-36a58bd4.js';
-import './uuid-cd809c2c.js';
+import './_rollupPluginBabelHelpers-2a8797d8.js';
+import './index-e15303b6.js';
+import './index-9570e69e.js';
+import './topics-58103dff.js';
+import './index-a355e1d8.js';
+import './tslib.es6-28c0bd97.js';
+import './compareIds-ccf594a3.js';
+import './const-4674ec61.js';
+import './groupChannel-9bc7ca19.js';
+import './__bundle-7dfccc8c-62bd23b5.js';
+import './uuid-38ace415.js';
 import './ui/ContextMenu.js';
-import './index-a5b58199.js';
-import './stringSet-130b5cd9.js';
+import './index-eeac3879.js';
+import './stringSet-a6858154.js';
 import 'react-dom';
 import './ui/SortByRow.js';
 import './ui/ReactionButton.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
-import './index-39d43f7e.js';
+import './index-04458193.js';
 import './ui/Loader.js';
-import './LocalizationContext-4b1ec8b9.js';
+import './LocalizationContext-7f115178.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
-import './utils-24f3af49.js';
+import './utils-5fe76946.js';
 import './Channel/components/MessageList.js';
-import './index-7b2f13ef.js';
+import './index-4e2ac873.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-6fe536c0.js';
+import './const-d3d5e7fc.js';
 import './ui/DateSeparator.js';
-import './color-61b0f496.js';
+import './color-1727a3fb.js';
 import './ui/MessageInput.js';
-import './index-d6e33a8d.js';
+import './index-33a103e9.js';
 import './ui/MentionUserLabel.js';
 import './ui/MessageContent.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './utils-ce5e300e.js';
+import './utils-5477ddbc.js';
 import './ui/MessageStatus.js';
 import './ui/MessageItemMenu.js';
 import './ui/MessageItemReactionMenu.js';
@@ -66,7 +66,7 @@ import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
 import './Channel/components/FileViewer.js';
-import './index-87af3e7d.js';
+import './index-201c73a9.js';
 import './Channel/components/RemoveMessageModal.js';
 import './ui/Modal.js';
 import './Channel/components/TypingIndicator.js';

package/ChannelList/components/AddChannel.js

@@ -3,34 +3,34 @@ import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import CreateChannel from '../../CreateChannel.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
 import 'prop-types';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-8464145a.js';
+import '../../CreateChannelProvider-efa959ed.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-2773df5c.js';
-import '../../utils-ce5e300e.js';
+import '../../topics-58103dff.js';
+import '../../utils-5477ddbc.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../tslib.es6-41c9b7f1.js';
-import '../../LocalizationContext-4b1ec8b9.js';
-import '../../stringSet-130b5cd9.js';
-import '../../index-75f9b6fc.js';
+import '../../tslib.es6-28c0bd97.js';
+import '../../LocalizationContext-7f115178.js';
+import '../../stringSet-a6858154.js';
+import '../../index-9570e69e.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-87af3e7d.js';
-import '../../index-d6e33a8d.js';
-import '../../index-a5b58199.js';
+import '../../index-201c73a9.js';
+import '../../index-33a103e9.js';
+import '../../index-eeac3879.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-d0287bb6.js';
+import '../../UserProfileContext-eccdbd50.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-cd809c2c.js';
+import '../../uuid-38ace415.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../ui/ContextMenu.js';
-import '../../index-aa13fe48.js';
+import '../../index-a355e1d8.js';
 import '../../ui/SortByRow.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 

package/ChannelList/components/ChannelListHeader.js

@@ -1,18 +1,18 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-4b1ec8b9.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a5b58199.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
 import IconButton from '../../ui/IconButton.js';
 import Avatar from '../../ui/Avatar.js';
-import '../../stringSet-130b5cd9.js';
-import '../../index-75f9b6fc.js';
+import '../../stringSet-a6858154.js';
+import '../../index-9570e69e.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
 import 'prop-types';
-import '../../tslib.es6-41c9b7f1.js';
+import '../../tslib.es6-28c0bd97.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-cd809c2c.js';
+import '../../uuid-38ace415.js';
 
 var ChannelListHeader = function ChannelListHeader(_a) {
   var _b;

package/ChannelList/components/ChannelListUI.js

@@ -3,64 +3,64 @@ import ChannelListHeader from './ChannelListHeader.js';
 import { AddChannel } from './AddChannel.js';
 import ChannelPreview from './ChannelPreview.js';
 import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-bc1f14ac.js';
+import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-471abb8f.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-39d43f7e.js';
-import '../../LocalizationContext-4b1ec8b9.js';
-import '../../stringSet-130b5cd9.js';
-import '../../index-75f9b6fc.js';
-import '../../index-a5b58199.js';
-import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-04458193.js';
+import '../../LocalizationContext-7f115178.js';
+import '../../stringSet-a6858154.js';
+import '../../index-9570e69e.js';
+import '../../index-eeac3879.js';
+import '../../_rollupPluginBabelHelpers-2a8797d8.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-41c9b7f1.js';
+import '../../tslib.es6-28c0bd97.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-cd809c2c.js';
+import '../../uuid-38ace415.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-8464145a.js';
+import '../../CreateChannelProvider-efa959ed.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-2773df5c.js';
-import '../../utils-ce5e300e.js';
+import '../../topics-58103dff.js';
+import '../../utils-5477ddbc.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-87af3e7d.js';
-import '../../index-d6e33a8d.js';
+import '../../index-201c73a9.js';
+import '../../index-33a103e9.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-d0287bb6.js';
+import '../../UserProfileContext-eccdbd50.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../ui/ContextMenu.js';
-import '../../index-aa13fe48.js';
+import '../../index-a355e1d8.js';
 import '../../ui/SortByRow.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../ui/ChannelAvatar.js';
-import '../../utils-24f3af49.js';
+import '../../utils-5fe76946.js';
 import '../../ui/Badge.js';
-import '../../index-4eddd935.js';
-import '../../index-7b2f13ef.js';
-import '../../index-cff868a8.js';
+import '../../index-64b4e22e.js';
+import '../../index-4e2ac873.js';
+import '../../index-e15303b6.js';
 import '../../ui/MentionUserLabel.js';
 import '../../Channel/components/TypingIndicator.js';
-import '../../groupChannel-009a07f0.js';
-import '../../__bundle-7dfccc8c-36a58bd4.js';
-import '../../ChannelProvider-3d7434a2.js';
-import '../../compareIds-e48fb1d0.js';
-import '../../const-d3857731.js';
+import '../../groupChannel-9bc7ca19.js';
+import '../../__bundle-7dfccc8c-62bd23b5.js';
+import '../../ChannelProvider-01a680e0.js';
+import '../../compareIds-ccf594a3.js';
+import '../../const-4674ec61.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/Loader.js';
-import '../../index-1b5914a8.js';
+import '../../index-b188a276.js';
 import '../../ui/Input.js';
 import '../../ui/TextButton.js';
-import '../../color-61b0f496.js';
-import '../../actionTypes-d0ccd7e4.js';
+import '../../color-1727a3fb.js';
+import '../../actionTypes-a992088f.js';
 
 var DELIVERY_RECIPT = 'delivery_receipt';