@sendbird/uikit-react 3.2.6-rc.0 → 3.2.6-rc.2

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,58 +1,58 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-7f18a16f.js');
+var index = require('../../index-7c35290e.js');
 var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
 var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
 var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
 var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
 var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-6c759d44.js');
+var ui_Label = require('../../index-d459624c.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_FileViewer = require('../../ui/FileViewer.js');
 var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-2a1cb44b.js');
-var tslib_es6 = require('../../tslib.es6-ce6b9cf9.js');
-var OpenChannel_context = require('../../OpenChannelProvider-8b0e26a5.js');
+var LocalizationContext = require('../../LocalizationContext-6874bb17.js');
+var tslib_es6 = require('../../tslib.es6-7122e617.js');
+var OpenChannel_context = require('../../OpenChannelProvider-37e885fb.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-5ce5b5ef.js');
-require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
+require('../../index-93c444a5.js');
+require('../../_rollupPluginBabelHelpers-63261191.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-e0efb18c.js');
+require('../../uuid-0e4180d1.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-f42aafcc.js');
+require('../../index-8a4cee0d.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../stringSet-b531455a.js');
+require('../../stringSet-c1f0eb5e.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
 require('../../ui/UserProfile.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-157c5174.js');
+require('../../UserProfileContext-9d54afea.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-14e5ee9f.js');
-require('../../utils-54962329.js');
+require('../../topics-1a805c8d.js');
+require('../../utils-a757b63f.js');
 require('../../ui/Button.js');
-require('../../utils-b076caa2.js');
-require('../../index-6f03baa8.js');
-require('../../MediaQueryContext-623586af.js');
-require('../../useLongPress-ca8f8cd9.js');
+require('../../utils-a9e5232a.js');
+require('../../index-200fff97.js');
+require('../../MediaQueryContext-feb3b07d.js');
+require('../../useLongPress-76811e64.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/Word.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/TextButton.js');
-require('../../color-fcbb3426.js');
+require('../../color-fedc6b01.js');
 require('react-dom/server');
-require('../../const-3ceaca5c.js');
-require('../../const-8b0c6ef1.js');
+require('../../const-692c8ec4.js');
+require('../../const-e3a67a31.js');
 require('../../ui/MentionUserLabel.js');
-require('../../index-f1ad3c0d.js');
-require('../../compareIds-eb7c82dc.js');
+require('../../index-6c53880c.js');
+require('../../compareIds-8c00aeb4.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,45 +1,45 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-5513787c.js');
+var index = require('../../index-d42411de.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-8d7bc2cf.js');
-var OpenChannel_context = require('../../OpenChannelProvider-8b0e26a5.js');
+var ui_PlaceHolder = require('../../index-aac53356.js');
+var OpenChannel_context = require('../../OpenChannelProvider-37e885fb.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
-require('../../index-7f18a16f.js');
-require('../../index-5ce5b5ef.js');
+require('../../index-7c35290e.js');
+require('../../index-93c444a5.js');
 require('prop-types');
-require('../../tslib.es6-ce6b9cf9.js');
-require('../../LocalizationContext-2a1cb44b.js');
-require('../../stringSet-b531455a.js');
-require('../../index-6c759d44.js');
+require('../../tslib.es6-7122e617.js');
+require('../../LocalizationContext-6874bb17.js');
+require('../../stringSet-c1f0eb5e.js');
+require('../../index-d459624c.js');
 require('../../ui/Loader.js');
-require('../../UserProfileContext-157c5174.js');
-require('../../compareIds-eb7c82dc.js');
-require('../../topics-14e5ee9f.js');
+require('../../UserProfileContext-9d54afea.js');
+require('../../compareIds-8c00aeb4.js');
+require('../../topics-1a805c8d.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-e0efb18c.js');
+require('../../uuid-0e4180d1.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
+require('../../_rollupPluginBabelHelpers-63261191.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-f42aafcc.js');
+require('../../index-8a4cee0d.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-54962329.js');
+require('../../utils-a757b63f.js');
 require('../../ui/Button.js');
-require('../../utils-b076caa2.js');
-require('../../index-6f03baa8.js');
-require('../../MediaQueryContext-623586af.js');
-require('../../useLongPress-ca8f8cd9.js');
+require('../../utils-a9e5232a.js');
+require('../../index-200fff97.js');
+require('../../MediaQueryContext-feb3b07d.js');
+require('../../useLongPress-76811e64.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
@@ -48,15 +48,15 @@ require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-fcbb3426.js');
+require('../../color-fedc6b01.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
 require('react-dom/server');
-require('../../const-3ceaca5c.js');
-require('../../const-8b0c6ef1.js');
+require('../../const-692c8ec4.js');
+require('../../const-e3a67a31.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/FileViewer.js');
-require('../../index-f1ad3c0d.js');
+require('../../index-6c53880c.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,43 +1,43 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-8b0e26a5.js');
+var OpenChannel_context = require('../../OpenChannelProvider-37e885fb.js');
 var OpenChannel_components_OpenChannelInput = require('./OpenChannelInput.js');
 var OpenChannel_components_FrozenChannelNotification = require('./FrozenChannelNotification.js');
 var OpenChannel_components_OpenChannelHeader = require('./OpenChannelHeader.js');
-var ui_PlaceHolder = require('../../index-8d7bc2cf.js');
+var ui_PlaceHolder = require('../../index-aac53356.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-7f18a16f.js');
-require('../../index-5ce5b5ef.js');
-require('../../UserProfileContext-157c5174.js');
+require('../../index-7c35290e.js');
+require('../../index-93c444a5.js');
+require('../../UserProfileContext-9d54afea.js');
 require('prop-types');
-require('../../tslib.es6-ce6b9cf9.js');
-require('../../compareIds-eb7c82dc.js');
-require('../../topics-14e5ee9f.js');
+require('../../tslib.es6-7122e617.js');
+require('../../compareIds-8c00aeb4.js');
+require('../../topics-1a805c8d.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-e0efb18c.js');
+require('../../uuid-0e4180d1.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
-require('../../LocalizationContext-2a1cb44b.js');
-require('../../stringSet-b531455a.js');
+require('../../_rollupPluginBabelHelpers-63261191.js');
+require('../../LocalizationContext-6874bb17.js');
+require('../../stringSet-c1f0eb5e.js');
 require('../../ui/MessageInput.js');
 require('react-dom/server');
-require('../../const-3ceaca5c.js');
-require('../../const-8b0c6ef1.js');
+require('../../const-692c8ec4.js');
+require('../../const-e3a67a31.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-6c759d44.js');
+require('../../index-d459624c.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/Icon.js');
-require('../../index-f42aafcc.js');
+require('../../index-8a4cee0d.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../MediaQueryContext-623586af.js');
+require('../../MediaQueryContext-feb3b07d.js');
 require('../../ui/Loader.js');
-require('../../index-5513787c.js');
+require('../../index-d42411de.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -45,10 +45,10 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-54962329.js');
-require('../../utils-b076caa2.js');
-require('../../index-6f03baa8.js');
-require('../../useLongPress-ca8f8cd9.js');
+require('../../utils-a757b63f.js');
+require('../../utils-a9e5232a.js');
+require('../../index-200fff97.js');
+require('../../useLongPress-76811e64.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
@@ -57,10 +57,10 @@ require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-fcbb3426.js');
+require('../../color-fedc6b01.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/FileViewer.js');
-require('../../index-f1ad3c0d.js');
+require('../../index-6c53880c.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -82,7 +82,8 @@ var OpenChannelUI = function (_a) {
       amIBanned = _b.amIBanned,
       loading = _b.loading,
       isInvalid = _b.isInvalid,
-      messageInputRef = _b.messageInputRef;
+      messageInputRef = _b.messageInputRef,
+      conversationScrollRef = _b.conversationScrollRef;
 
   if (!currentOpenChannel || !(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url) || amIBanned) {
     return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
@@ -111,6 +112,7 @@ var OpenChannelUI = function (_a) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: COMPONENT_CLASS_NAME
   }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelHeader, null), (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_FrozenChannelNotification, null), /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelMessageList, {
+    ref: conversationScrollRef,
     renderMessage: renderMessage,
     renderPlaceHolderEmptyList: renderPlaceHolderEmptyList
   }), (renderInput === null || renderInput === void 0 ? void 0 : renderInput()) || /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelInput, {

package/cjs/OpenChannel/components/OpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n  } = useOpenChannelContext();\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","url","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","OpenChannelInput"],"mappings":"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"}
+{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n    conversationScrollRef,\n  } = useOpenChannelContext();\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        ref={conversationScrollRef}\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","url","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","OpenChannelInput"],"mappings":"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"}

package/cjs/OpenChannel/context.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var OpenChannel_context = require('../OpenChannelProvider-8b0e26a5.js');
-require('../UserProfileContext-157c5174.js');
-require('../topics-14e5ee9f.js');
+var OpenChannel_context = require('../OpenChannelProvider-37e885fb.js');
+require('../UserProfileContext-9d54afea.js');
+require('../topics-1a805c8d.js');
 require('../useSendbirdStateContext.js');
-require('../index-7f18a16f.js');
-require('../index-5ce5b5ef.js');
-require('../tslib.es6-ce6b9cf9.js');
-require('../compareIds-eb7c82dc.js');
+require('../index-7c35290e.js');
+require('../index-93c444a5.js');
+require('../tslib.es6-7122e617.js');
+require('../compareIds-8c00aeb4.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../uuid-e0efb18c.js');
+require('../uuid-0e4180d1.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-c8ddc77e.js');
+require('../_rollupPluginBabelHelpers-63261191.js');
 
 
 

package/cjs/OpenChannel.js

@@ -2,36 +2,36 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-8b0e26a5.js');
+var OpenChannel_context = require('./OpenChannelProvider-37e885fb.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-2a1cb44b.js');
-require('./stringSet-b531455a.js');
-require('./index-5ce5b5ef.js');
+require('./LocalizationContext-6874bb17.js');
+require('./stringSet-c1f0eb5e.js');
+require('./index-93c444a5.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-c8ddc77e.js');
+require('./_rollupPluginBabelHelpers-63261191.js');
 require('react-dom/server');
 require('prop-types');
-require('./const-3ceaca5c.js');
-require('./const-8b0c6ef1.js');
+require('./const-692c8ec4.js');
+require('./const-e3a67a31.js');
 require('./ui/IconButton.js');
-require('./tslib.es6-ce6b9cf9.js');
+require('./tslib.es6-7122e617.js');
 require('./ui/Button.js');
-require('./index-6c759d44.js');
+require('./index-d459624c.js');
 require('./ui/MentionUserLabel.js');
 require('./ui/Icon.js');
-require('./index-f42aafcc.js');
+require('./index-8a4cee0d.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-e0efb18c.js');
-require('./MediaQueryContext-623586af.js');
-require('./index-8d7bc2cf.js');
+require('./uuid-0e4180d1.js');
+require('./MediaQueryContext-feb3b07d.js');
+require('./index-aac53356.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-5513787c.js');
-require('./index-7f18a16f.js');
+require('./index-d42411de.js');
+require('./index-7c35290e.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
@@ -39,14 +39,14 @@ require('react-dom');
 require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
 require('./withSendbird.js');
-require('./UserProfileContext-157c5174.js');
+require('./UserProfileContext-9d54afea.js');
 require('./sendbirdSelectors.js');
-require('./topics-14e5ee9f.js');
-require('./utils-54962329.js');
-require('./utils-b076caa2.js');
-require('./index-6f03baa8.js');
+require('./topics-1a805c8d.js');
+require('./utils-a757b63f.js');
+require('./utils-a9e5232a.js');
+require('./index-200fff97.js');
 require('./useSendbirdStateContext.js');
-require('./useLongPress-ca8f8cd9.js');
+require('./useLongPress-76811e64.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
@@ -55,12 +55,12 @@ require('./ui/MentionLabel.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-fcbb3426.js');
+require('./color-fedc6b01.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-f1ad3c0d.js');
+require('./index-6c53880c.js');
 require('./ui/Modal.js');
-require('./compareIds-eb7c82dc.js');
+require('./compareIds-8c00aeb4.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -2,34 +2,34 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPreview.js');
-var ui_PlaceHolder = require('../../index-8d7bc2cf.js');
+var ui_PlaceHolder = require('../../index-aac53356.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-6c759d44.js');
-var OpenChannelList_context = require('../../OpenChannelListProvider-ee1df405.js');
+var ui_Label = require('../../index-d459624c.js');
+var OpenChannelList_context = require('../../OpenChannelListProvider-8273ddeb.js');
 var CreateOpenChannel = require('../../CreateOpenChannel.js');
-var LocalizationContext = require('../../LocalizationContext-2a1cb44b.js');
+var LocalizationContext = require('../../LocalizationContext-6874bb17.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-ce6b9cf9.js');
+require('../../tslib.es6-7122e617.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-e0efb18c.js');
+require('../../uuid-0e4180d1.js');
 require('prop-types');
 require('../../ui/Loader.js');
-require('../../stringSet-b531455a.js');
-require('../../topics-14e5ee9f.js');
+require('../../stringSet-c1f0eb5e.js');
+require('../../topics-1a805c8d.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
+require('../../_rollupPluginBabelHelpers-63261191.js');
 require('../../CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('../../ui/Button.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-f1ad3c0d.js');
-require('../../MediaQueryContext-623586af.js');
-require('../../index-5ce5b5ef.js');
+require('../../index-6c53880c.js');
+require('../../MediaQueryContext-feb3b07d.js');
+require('../../index-93c444a5.js');
 require('../../ui/Input.js');
 require('../../ui/TextButton.js');
-require('../../color-fcbb3426.js');
+require('../../color-fedc6b01.js');
 require('../../CreateOpenChannel/context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannelList/components/OpenChannelPreview.js

@@ -3,12 +3,12 @@
 var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-6c759d44.js');
-require('../../tslib.es6-ce6b9cf9.js');
+var ui_Label = require('../../index-d459624c.js');
+require('../../tslib.es6-7122e617.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-e0efb18c.js');
+require('../../uuid-0e4180d1.js');
 require('prop-types');
-require('../../stringSet-b531455a.js');
+require('../../stringSet-c1f0eb5e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannelList/context.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../topics-14e5ee9f.js');
+require('../topics-1a805c8d.js');
 require('../useSendbirdStateContext.js');
-var OpenChannelList_context = require('../OpenChannelListProvider-ee1df405.js');
+var OpenChannelList_context = require('../OpenChannelListProvider-8273ddeb.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-c8ddc77e.js');
-require('../tslib.es6-ce6b9cf9.js');
+require('../_rollupPluginBabelHelpers-63261191.js');
+require('../tslib.es6-7122e617.js');
 
 
 

package/cjs/OpenChannelList.js

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelListUI = require('./OpenChannelList/components/OpenChannelListUI.js');
-var OpenChannelList_context = require('./OpenChannelListProvider-ee1df405.js');
+var OpenChannelList_context = require('./OpenChannelListProvider-8273ddeb.js');
 require('./OpenChannelList/components/OpenChannelPreview.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-ce6b9cf9.js');
+require('./tslib.es6-7122e617.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-e0efb18c.js');
-require('./index-6c759d44.js');
-require('./stringSet-b531455a.js');
-require('./index-8d7bc2cf.js');
-require('./LocalizationContext-2a1cb44b.js');
-require('./index-5ce5b5ef.js');
+require('./uuid-0e4180d1.js');
+require('./index-d459624c.js');
+require('./stringSet-c1f0eb5e.js');
+require('./index-aac53356.js');
+require('./LocalizationContext-6874bb17.js');
+require('./index-93c444a5.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./CreateOpenChannel.js');
@@ -22,16 +22,16 @@ require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('./ui/Button.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-f1ad3c0d.js');
-require('./MediaQueryContext-623586af.js');
+require('./index-6c53880c.js');
+require('./MediaQueryContext-feb3b07d.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-fcbb3426.js');
+require('./color-fedc6b01.js');
 require('./CreateOpenChannel/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-c8ddc77e.js');
-require('./topics-14e5ee9f.js');
+require('./_rollupPluginBabelHelpers-63261191.js');
+require('./topics-1a805c8d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{OpenChannelListProvider-ee1df405.js → OpenChannelListProvider-8273ddeb.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var topics = require('./topics-14e5ee9f.js');
+var topics = require('./topics-1a805c8d.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var tslib_es6 = require('./tslib.es6-ce6b9cf9.js');
+var tslib_es6 = require('./tslib.es6-7122e617.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -440,4 +440,4 @@ exports.OpenChannelListActionTypes = OpenChannelListActionTypes$1;
 exports.OpenChannelListProvider = OpenChannelListProvider;
 exports.OpenChannelListProvider$1 = OpenChannelListProvider$1;
 exports.useOpenChannelListContext = useOpenChannelListContext;
-//# sourceMappingURL=OpenChannelListProvider-ee1df405.js.map
+//# sourceMappingURL=OpenChannelListProvider-8273ddeb.js.map