@sendbird/uikit-react 3.14.3 → 3.14.4

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,111 +1,112 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../chunks/bundle-C80RIOub.js');
+var OpenChannel_context = require('../../chunks/bundle-B-olJv7b.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('../../ui/PlaceHolder.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../chunks/bundle-C7_tieEZ.js');
-require('../../chunks/bundle-CY1bUkfG.js');
-require('../../chunks/bundle-DbykvtHO.js');
-require('../../chunks/bundle-0W_w8lRK.js');
+require('../../chunks/bundle-CAUMYdVU.js');
+require('../../chunks/bundle-HGbi-rCv.js');
+require('../../chunks/bundle-DRy7eNJ0.js');
+require('../../chunks/bundle-Dehhi1FZ.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-BRjBigtB.js');
-require('../../chunks/bundle-ti18J4ii.js');
-require('../../chunks/bundle-C-zGGOpz.js');
+require('../../chunks/bundle-1XtsxT8L.js');
+require('../../chunks/bundle-Q4icQ1qH.js');
+require('../../chunks/bundle-C93-onMF.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../hooks/useModal.js');
-require('../../chunks/bundle-Bka-H9ks.js');
-require('../../chunks/bundle-BDbnsPGF.js');
-require('../../chunks/bundle-fG1bRzYE.js');
+require('../../chunks/bundle-CZfcXYaX.js');
+require('../../chunks/bundle-wl1uuzU7.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-BoLhr7Ko.js');
 require('react-dom');
-require('../../chunks/bundle-E9H8fQL4.js');
-require('../../chunks/bundle-DvWHV-PM.js');
-require('../../chunks/bundle-BwvM-P29.js');
-require('../../chunks/bundle-BwEcnJDm.js');
+require('../../chunks/bundle-oeWNUdCB.js');
+require('../../chunks/bundle-gtkPlUrw.js');
+require('../../chunks/bundle-BWGOXLHb.js');
+require('../../chunks/bundle-BwQ4BJif.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-BuYf2Pa8.js');
+require('../../chunks/bundle-5_kPn4wU.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-DnXNmdmw.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('../../chunks/bundle-L3FEqZsK.js');
+require('../../chunks/bundle-DfcEln0Z.js');
+require('../../chunks/bundle-BTU876jx.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-BoCS4RH3.js');
-require('../../chunks/bundle-B6uiunjG.js');
-require('../../chunks/bundle-C0LFi1ur.js');
+require('../../chunks/bundle-CmpLg1_S.js');
+require('../../chunks/bundle-CR04Yhbr.js');
+require('../../chunks/bundle-BLc7P6Sp.js');
 require('dompurify');
-require('../../chunks/bundle-DPoAoYEl.js');
-require('../../chunks/bundle-DessEmBr.js');
-require('../../chunks/bundle-DIxulCCm.js');
-require('../../chunks/bundle-D3Gxy8S0.js');
-require('@sendbird/chat/groupChannel');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-SdH24Cv9.js');
-require('../../chunks/bundle-oUs61pbv.js');
+require('../../chunks/bundle-D4aDRH9m.js');
+require('../../chunks/bundle-8VyIP0TE.js');
+require('../../chunks/bundle-DdxJqNSP.js');
+require('../../chunks/bundle-CLOaQmX9.js');
+require('../../chunks/bundle-DxSB9NRz.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle--yYCgVRq.js');
-require('../../chunks/bundle-BmEl3iIW.js');
+require('../../chunks/bundle-wMKhbE3c.js');
+require('../../chunks/bundle-DAj-1QVM.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-C8aAwUsg.js');
-require('../../chunks/bundle-ZuDe6I0q.js');
-require('../../chunks/bundle-D4pqJjg-.js');
+require('../../chunks/bundle-C51HeaX4.js');
+require('../../chunks/bundle-C3RFfU6_.js');
+require('../../chunks/bundle-miB6ue8g.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-Df0cAbH6.js');
+require('../../chunks/bundle-C3DKUT4Q.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DI-qrtXL.js');
+require('../../chunks/bundle-DAxedY0T.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-D9hSjP4_.js');
-require('../../chunks/bundle-CEueJUxG.js');
-require('@sendbird/uikit-tools');
-require('../../chunks/bundle-q2tBQOdq.js');
-require('../../chunks/bundle-B6hKU81Z.js');
-require('../../chunks/bundle-DsKL-Ede.js');
-require('../../chunks/bundle-u8pJrzSP.js');
+require('../../chunks/bundle-C6a-umLQ.js');
+require('../../chunks/bundle-bqRlVm3u.js');
+require('../../chunks/bundle-D8gia2Hg.js');
+require('../../chunks/bundle-D-qAbZhp.js');
+require('../../chunks/bundle-Com-Z-XI.js');
+require('../../chunks/bundle-CE6bFQmu.js');
 require('@sendbird/chat/message');
 require('../../Channel/utils/compareMessagesForGrouping.js');
 
-var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
-var OpenChannelUI = function (_a) {
-    var renderMessage = _a.renderMessage, renderHeader = _a.renderHeader, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderMessageInput = _a.renderMessageInput, renderInput = _a.renderInput;
-    var _b = OpenChannel_context.useOpenChannelContext(), currentOpenChannel = _b.currentOpenChannel, amIBanned = _b.amIBanned, loading = _b.loading, isInvalid = _b.isInvalid, 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())
-            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
-                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS })));
-    }
-    if (loading) {
-        return ((renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading())
-            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
-                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING })));
-    }
-    if (isInvalid) {
-        return ((renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError())
-            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
-                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG })));
-    }
-    var renderInputComponent = renderMessageInput || renderInput;
-    return (React.createElement("div", { className: COMPONENT_CLASS_NAME },
-        (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || React.createElement(OpenChannel_components_OpenChannelHeader, null),
-        (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && React.createElement(OpenChannel_components_FrozenChannelNotification, null),
-        React.createElement(OpenChannel_components_OpenChannelMessageList, { ref: conversationScrollRef, renderMessage: renderMessage, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList }),
-        (renderInputComponent === null || renderInputComponent === void 0 ? void 0 : renderInputComponent()) || React.createElement(OpenChannel_components_OpenChannelInput, { ref: messageInputRef })));
+var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
+var OpenChannelUI = function (_a) {
+    var renderMessage = _a.renderMessage, renderHeader = _a.renderHeader, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderMessageInput = _a.renderMessageInput, renderInput = _a.renderInput;
+    var _b = OpenChannel_context.useOpenChannelContext(), currentOpenChannel = _b.currentOpenChannel, amIBanned = _b.amIBanned, loading = _b.loading, isInvalid = _b.isInvalid, 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())
+            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS })));
+    }
+    if (loading) {
+        return ((renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading())
+            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING })));
+    }
+    if (isInvalid) {
+        return ((renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError())
+            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG })));
+    }
+    var renderInputComponent = renderMessageInput || renderInput;
+    return (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+        (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || React.createElement(OpenChannel_components_OpenChannelHeader, null),
+        (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && React.createElement(OpenChannel_components_FrozenChannelNotification, null),
+        React.createElement(OpenChannel_components_OpenChannelMessageList, { ref: conversationScrollRef, renderMessage: renderMessage, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList }),
+        (renderInputComponent === null || renderInputComponent === void 0 ? void 0 : renderInputComponent()) || React.createElement(OpenChannel_components_OpenChannelInput, { ref: messageInputRef })));
 };
 
 module.exports = OpenChannelUI;

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OpenChannelUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/OpenChannel/context.js

@@ -1,32 +1,37 @@
 'use strict';
 
 require('react');
-var OpenChannel_context = require('../chunks/bundle-C80RIOub.js');
-require('../chunks/bundle-C7_tieEZ.js');
-require('../chunks/bundle-0W_w8lRK.js');
+var OpenChannel_context = require('../chunks/bundle-B-olJv7b.js');
+require('../chunks/bundle-CAUMYdVU.js');
+require('../chunks/bundle-Dehhi1FZ.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CY1bUkfG.js');
-require('../chunks/bundle-DbykvtHO.js');
+require('../chunks/bundle-HGbi-rCv.js');
+require('../chunks/bundle-DRy7eNJ0.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-BRjBigtB.js');
-require('../chunks/bundle-ti18J4ii.js');
-require('../chunks/bundle-C-zGGOpz.js');
-require('../hooks/useModal.js');
-require('../chunks/bundle-Bka-H9ks.js');
-require('../chunks/bundle-BDbnsPGF.js');
-require('../chunks/bundle-fG1bRzYE.js');
+require('../chunks/bundle-1XtsxT8L.js');
+require('../chunks/bundle-Q4icQ1qH.js');
+require('../chunks/bundle-C93-onMF.js');
+require('../chunks/bundle-CZfcXYaX.js');
+require('../chunks/bundle-wl1uuzU7.js');
+require('@sendbird/chat/groupChannel');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-BoLhr7Ko.js');
 require('react-dom');
-require('../chunks/bundle-E9H8fQL4.js');
-require('../chunks/bundle-DvWHV-PM.js');
-require('../chunks/bundle-BwvM-P29.js');
-require('../chunks/bundle-BwEcnJDm.js');
+require('../chunks/bundle-oeWNUdCB.js');
+require('../chunks/bundle-gtkPlUrw.js');
+require('../chunks/bundle-BWGOXLHb.js');
+require('../chunks/bundle-BwQ4BJif.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-BuYf2Pa8.js');
+require('../chunks/bundle-5_kPn4wU.js');
 require('../ui/Icon.js');
-require('../chunks/bundle-DnXNmdmw.js');
+require('@sendbird/uikit-tools');
 require('../withSendbird.js');
+require('css-vars-ponyfill');
+require('../chunks/bundle-L3FEqZsK.js');
+require('../chunks/bundle-DfcEln0Z.js');
+require('../chunks/bundle-BTU876jx.js');
 
 
 

package/cjs/OpenChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/OpenChannel.js

@@ -2,87 +2,88 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./chunks/bundle-C80RIOub.js');
+var OpenChannel_context = require('./chunks/bundle-B-olJv7b.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./chunks/bundle-E9H8fQL4.js');
-require('./chunks/bundle-DvWHV-PM.js');
-require('./chunks/bundle-BwvM-P29.js');
+require('./chunks/bundle-oeWNUdCB.js');
+require('./chunks/bundle-gtkPlUrw.js');
+require('./chunks/bundle-BWGOXLHb.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-CY1bUkfG.js');
-require('./chunks/bundle-BoCS4RH3.js');
-require('./chunks/bundle-B6uiunjG.js');
+require('./chunks/bundle-HGbi-rCv.js');
+require('./chunks/bundle-CmpLg1_S.js');
+require('./chunks/bundle-CR04Yhbr.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-BuYf2Pa8.js');
-require('./chunks/bundle-C0LFi1ur.js');
+require('./chunks/bundle-5_kPn4wU.js');
+require('./chunks/bundle-BLc7P6Sp.js');
 require('dompurify');
-require('./chunks/bundle-DPoAoYEl.js');
-require('./chunks/bundle-DessEmBr.js');
-require('./chunks/bundle-DIxulCCm.js');
+require('./chunks/bundle-D4aDRH9m.js');
+require('./chunks/bundle-8VyIP0TE.js');
+require('./chunks/bundle-DdxJqNSP.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-BDbnsPGF.js');
+require('./chunks/bundle-BoLhr7Ko.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-D3Gxy8S0.js');
+require('./chunks/bundle-wl1uuzU7.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-Bka-H9ks.js');
-require('./chunks/bundle-SdH24Cv9.js');
+require('./chunks/bundle-CLOaQmX9.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
-require('./chunks/bundle-oUs61pbv.js');
+require('./chunks/bundle-DxSB9NRz.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-C-zGGOpz.js');
-require('./chunks/bundle-BwEcnJDm.js');
+require('./chunks/bundle-C93-onMF.js');
+require('./chunks/bundle-BwQ4BJif.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./chunks/bundle--yYCgVRq.js');
-require('./chunks/bundle-BmEl3iIW.js');
+require('./chunks/bundle-wMKhbE3c.js');
+require('./chunks/bundle-DAj-1QVM.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
+require('./chunks/bundle-BTU876jx.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-BRjBigtB.js');
+require('./chunks/bundle-1XtsxT8L.js');
 require('./ui/UserProfile.js');
-require('./chunks/bundle-C7_tieEZ.js');
+require('./chunks/bundle-CAUMYdVU.js');
 require('./sendbirdSelectors.js');
-require('./chunks/bundle-0W_w8lRK.js');
-require('./chunks/bundle-C8aAwUsg.js');
-require('./chunks/bundle-ZuDe6I0q.js');
-require('./chunks/bundle-D4pqJjg-.js');
+require('./chunks/bundle-Dehhi1FZ.js');
+require('./chunks/bundle-C51HeaX4.js');
+require('./chunks/bundle-C3RFfU6_.js');
+require('./chunks/bundle-miB6ue8g.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-Df0cAbH6.js');
+require('./chunks/bundle-C3DKUT4Q.js');
 require('./Message/context.js');
 require('./ui/MentionLabel.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DI-qrtXL.js');
+require('./chunks/bundle-DAxedY0T.js');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle-D9hSjP4_.js');
-require('./hooks/useModal.js');
-require('./chunks/bundle-fG1bRzYE.js');
-require('./chunks/bundle-DnXNmdmw.js');
-require('./chunks/bundle-CEueJUxG.js');
+require('./chunks/bundle-C6a-umLQ.js');
+require('./chunks/bundle-CZfcXYaX.js');
 require('@sendbird/uikit-tools');
-require('./chunks/bundle-q2tBQOdq.js');
-require('./chunks/bundle-B6hKU81Z.js');
-require('./chunks/bundle-DsKL-Ede.js');
-require('./chunks/bundle-u8pJrzSP.js');
+require('css-vars-ponyfill');
+require('./chunks/bundle-L3FEqZsK.js');
+require('./chunks/bundle-DfcEln0Z.js');
+require('./chunks/bundle-bqRlVm3u.js');
+require('./chunks/bundle-D8gia2Hg.js');
+require('./chunks/bundle-D-qAbZhp.js');
+require('./chunks/bundle-Com-Z-XI.js');
+require('./chunks/bundle-CE6bFQmu.js');
 require('@sendbird/chat/message');
 require('./Channel/utils/compareMessagesForGrouping.js');
-require('./chunks/bundle-DbykvtHO.js');
-require('./chunks/bundle-ti18J4ii.js');
+require('./chunks/bundle-DRy7eNJ0.js');
+require('./chunks/bundle-Q4icQ1qH.js');
 
-var OpenChannel = function (props) {
-    return (React.createElement(OpenChannel_context.OpenChannelProvider, { channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl, isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled, queries: props === null || props === void 0 ? void 0 : props.queries, messageLimit: props === null || props === void 0 ? void 0 : props.messageLimit, onBeforeSendUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendUserMessage, onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage, onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, onBackClick: props === null || props === void 0 ? void 0 : props.onBackClick },
-        React.createElement(OpenChannel_components_OpenChannelUI, { renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage, renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader, renderInput: props === null || props === void 0 ? void 0 : props.renderInput, renderMessageInput: props === null || props === void 0 ? void 0 : props.renderMessageInput, renderPlaceHolderEmptyList: props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList, renderPlaceHolderError: props === null || props === void 0 ? void 0 : props.renderPlaceHolderError, renderPlaceHolderLoading: props === null || props === void 0 ? void 0 : props.renderPlaceHolderLoading })));
+var OpenChannel = function (props) {
+    return (React.createElement(OpenChannel_context.OpenChannelProvider, { channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl, isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled, queries: props === null || props === void 0 ? void 0 : props.queries, messageLimit: props === null || props === void 0 ? void 0 : props.messageLimit, onBeforeSendUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendUserMessage, onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage, onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, onBackClick: props === null || props === void 0 ? void 0 : props.onBackClick },
+        React.createElement(OpenChannel_components_OpenChannelUI, { renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage, renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader, renderInput: props === null || props === void 0 ? void 0 : props.renderInput, renderMessageInput: props === null || props === void 0 ? void 0 : props.renderMessageInput, renderPlaceHolderEmptyList: props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList, renderPlaceHolderError: props === null || props === void 0 ? void 0 : props.renderPlaceHolderError, renderPlaceHolderLoading: props === null || props === void 0 ? void 0 : props.renderPlaceHolderLoading })));
 };
 
 module.exports = OpenChannel;

package/cjs/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OpenChannel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -5,110 +5,120 @@ var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPrevie
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../chunks/bundle-BuYf2Pa8.js');
-var OpenChannelList_context = require('../../chunks/bundle-BF3NYKgh.js');
+var ui_Label = require('../../chunks/bundle-5_kPn4wU.js');
+var OpenChannelList_context = require('../../chunks/bundle-D6E8Fmnl.js');
 var CreateOpenChannel = require('../../CreateOpenChannel.js');
-var LocalizationContext = require('../../chunks/bundle-E9H8fQL4.js');
-var consts = require('../../chunks/bundle-DnXNmdmw.js');
-require('../../chunks/bundle-oUs61pbv.js');
-require('../../chunks/bundle-CY1bUkfG.js');
+var LocalizationContext = require('../../chunks/bundle-oeWNUdCB.js');
+var consts = require('../../chunks/bundle-DfcEln0Z.js');
+require('../../chunks/bundle-DxSB9NRz.js');
+require('../../chunks/bundle-HGbi-rCv.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-BDbnsPGF.js');
-require('../../chunks/bundle-C-zGGOpz.js');
+require('../../chunks/bundle-BoLhr7Ko.js');
+require('../../chunks/bundle-C93-onMF.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-DvWHV-PM.js');
-require('../../chunks/bundle-BwvM-P29.js');
-require('../../chunks/bundle-0W_w8lRK.js');
+require('../../chunks/bundle-gtkPlUrw.js');
+require('../../chunks/bundle-BWGOXLHb.js');
+require('../../chunks/bundle-Dehhi1FZ.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-fG1bRzYE.js');
+require('../../chunks/bundle-CZfcXYaX.js');
+require('../../chunks/bundle-wl1uuzU7.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../../chunks/bundle-BwEcnJDm.js');
+require('../../chunks/bundle-BwQ4BJif.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('../../chunks/bundle-1XtsxT8L.js');
+require('@sendbird/chat/openChannel');
+require('../../chunks/bundle-L3FEqZsK.js');
+require('../../chunks/bundle-BTU876jx.js');
 require('../../ui/Input.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DI-qrtXL.js');
+require('../../chunks/bundle-DAxedY0T.js');
 require('../../CreateOpenChannel/context.js');
 
-function OpenChannelListUI(_a) {
-    var renderHeader = _a.renderHeader, renderChannelPreview = _a.renderChannelPreview, renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
-    var _b = React.useState(false), showCreateChannelModal = _b[0], setShowCreateChannel = _b[1];
-    var scrollRef = React.useRef(null);
-    var _c = OpenChannelList_context.useOpenChannelListContext(), logger = _c.logger, currentChannel = _c.currentChannel, allChannels = _c.allChannels, fetchingStatus = _c.fetchingStatus, onChannelSelected = _c.onChannelSelected, fetchNextChannels = _c.fetchNextChannels, refreshOpenChannelList = _c.refreshOpenChannelList, openChannelListDispatcher = _c.openChannelListDispatcher;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var handleScroll = function (e) {
-        var element = e.target;
-        var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
-        var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
-        if (isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)) {
-            fetchNextChannels(function (messages) {
-                if (messages) {
-                    try {
-                        element.scrollTop = scrollHeight - clientHeight;
-                    }
-                    catch (error) {
-                        //
-                    }
-                }
-            });
-        }
-    };
-    var handleOnClickCreateChannel = function () {
-        setShowCreateChannel(true);
-    };
-    var MemoizedHeader = React.useMemo(function () {
-        return (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null;
-    }, [renderHeader]);
-    var MemoizedPlaceHolder = React.useMemo(function () {
-        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.EMPTY) {
-            return (renderPlaceHolderEmpty === null || renderPlaceHolderEmpty === void 0 ? void 0 : renderPlaceHolderEmpty()) || (React.createElement(ui_PlaceHolder.default, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--empty", type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS }));
-        }
-        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.FETCHING) {
-            return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list--place-holder--loading" },
-                React.createElement(ui_PlaceHolder.default, { iconSize: "24px", type: ui_PlaceHolder.PlaceHolderTypes.LOADING })));
-        }
-        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.ERROR) {
-            return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React.createElement(ui_PlaceHolder.default, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--error", type: ui_PlaceHolder.PlaceHolderTypes.WRONG }));
-        }
-        return null;
-    }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);
-    var MemoizedAllChannels = React.useMemo(function () {
-        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.DONE) {
-            return allChannels.map(function (channel) {
-                var isSelected = (channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url);
-                var handleClick = function (e) {
-                    onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(channel, e);
-                    logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);
-                    openChannelListDispatcher({
-                        type: OpenChannelList_context.OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,
-                        payload: channel,
-                    });
-                };
-                return renderChannelPreview
-                    ? (React.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list__item", onClick: handleClick }, renderChannelPreview({ channel: channel, isSelected: isSelected, onChannelSelected: onChannelSelected })))
-                    : (React.createElement(OpenChannelList_components_OpenChannelPreview, { className: "sendbird-open-channel-list-ui__channel-list__item", channel: channel, isSelected: isSelected, onClick: handleClick, key: channel === null || channel === void 0 ? void 0 : channel.url }));
-            });
-        }
-        return null;
-    }, [allChannels, allChannels.length, currentChannel]);
-    return (React.createElement("div", { className: "sendbird-open-channel-list-ui" },
-        showCreateChannelModal && (React.createElement(CreateOpenChannel, { closeModal: function () { return setShowCreateChannel(false); }, onCreateChannel: function (openChannel) {
-                onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(openChannel);
-                openChannelListDispatcher({
-                    type: OpenChannelList_context.OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,
-                    payload: openChannel,
-                });
-            } })),
-        MemoizedHeader || (React.createElement("div", { className: "sendbird-open-channel-list-ui__header" },
-            React.createElement(ui_Label.Label, { className: "sendbird-open-channel-list-ui__header__title", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.OPEN_CHANNEL_LIST__TITLE),
-            React.createElement(ui_IconButton, { className: "sendbird-open-channel-list-ui__header__button-refresh", width: "32px", height: "32px", type: "button", onClick: function () { return refreshOpenChannelList(); } },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REFRESH, fillColor: ui_Icon.IconColors.PRIMARY, width: "22px", height: "22px" })),
-            React.createElement(ui_IconButton, { className: "sendbird-open-channel-list-ui__header__button-create-channel", width: "32px", height: "32px", type: "button", onClick: handleOnClickCreateChannel },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CREATE, fillColor: ui_Icon.IconColors.PRIMARY, width: "22px", height: "22px" })))),
-        React.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list", ref: scrollRef, onScroll: handleScroll },
-            MemoizedPlaceHolder,
-            MemoizedAllChannels)));
+function OpenChannelListUI(_a) {
+    var renderHeader = _a.renderHeader, renderChannelPreview = _a.renderChannelPreview, renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+    var _b = React.useState(false), showCreateChannelModal = _b[0], setShowCreateChannel = _b[1];
+    var scrollRef = React.useRef(null);
+    var _c = OpenChannelList_context.useOpenChannelListContext(), logger = _c.logger, currentChannel = _c.currentChannel, allChannels = _c.allChannels, fetchingStatus = _c.fetchingStatus, onChannelSelected = _c.onChannelSelected, fetchNextChannels = _c.fetchNextChannels, refreshOpenChannelList = _c.refreshOpenChannelList, openChannelListDispatcher = _c.openChannelListDispatcher;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var handleScroll = function (e) {
+        var element = e.target;
+        var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
+        var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
+        if (isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)) {
+            fetchNextChannels(function (messages) {
+                if (messages) {
+                    try {
+                        element.scrollTop = scrollHeight - clientHeight;
+                    }
+                    catch (error) {
+                        //
+                    }
+                }
+            });
+        }
+    };
+    var handleOnClickCreateChannel = function () {
+        setShowCreateChannel(true);
+    };
+    var MemoizedHeader = React.useMemo(function () {
+        return (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null;
+    }, [renderHeader]);
+    var MemoizedPlaceHolder = React.useMemo(function () {
+        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.EMPTY) {
+            return (renderPlaceHolderEmpty === null || renderPlaceHolderEmpty === void 0 ? void 0 : renderPlaceHolderEmpty()) || (React.createElement(ui_PlaceHolder.default, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--empty", type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS }));
+        }
+        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.FETCHING) {
+            return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list--place-holder--loading" },
+                React.createElement(ui_PlaceHolder.default, { iconSize: "24px", type: ui_PlaceHolder.PlaceHolderTypes.LOADING })));
+        }
+        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.ERROR) {
+            return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React.createElement(ui_PlaceHolder.default, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--error", type: ui_PlaceHolder.PlaceHolderTypes.WRONG }));
+        }
+        return null;
+    }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);
+    var MemoizedAllChannels = React.useMemo(function () {
+        if (fetchingStatus === OpenChannelList_context.OpenChannelListFetchingStatus.DONE) {
+            return allChannels.map(function (channel) {
+                var isSelected = (channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url);
+                var handleClick = function (e) {
+                    onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(channel, e);
+                    logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);
+                    openChannelListDispatcher({
+                        type: OpenChannelList_context.OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,
+                        payload: channel,
+                    });
+                };
+                return renderChannelPreview
+                    ? (React.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list__item", onClick: handleClick }, renderChannelPreview({ channel: channel, isSelected: isSelected, onChannelSelected: onChannelSelected })))
+                    : (React.createElement(OpenChannelList_components_OpenChannelPreview, { className: "sendbird-open-channel-list-ui__channel-list__item", channel: channel, isSelected: isSelected, onClick: handleClick, key: channel === null || channel === void 0 ? void 0 : channel.url }));
+            });
+        }
+        return null;
+    }, [allChannels, allChannels.length, currentChannel]);
+    return (React.createElement("div", { className: "sendbird-open-channel-list-ui" },
+        showCreateChannelModal && (React.createElement(CreateOpenChannel, { closeModal: function () { return setShowCreateChannel(false); }, onCreateChannel: function (openChannel) {
+                onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(openChannel);
+                openChannelListDispatcher({
+                    type: OpenChannelList_context.OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,
+                    payload: openChannel,
+                });
+            } })),
+        MemoizedHeader || (React.createElement("div", { className: "sendbird-open-channel-list-ui__header" },
+            React.createElement(ui_Label.Label, { className: "sendbird-open-channel-list-ui__header__title", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.OPEN_CHANNEL_LIST__TITLE),
+            React.createElement(ui_IconButton, { className: "sendbird-open-channel-list-ui__header__button-refresh", width: "32px", height: "32px", type: "button", onClick: function () { return refreshOpenChannelList(); } },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REFRESH, fillColor: ui_Icon.IconColors.PRIMARY, width: "22px", height: "22px" })),
+            React.createElement(ui_IconButton, { className: "sendbird-open-channel-list-ui__header__button-create-channel", width: "32px", height: "32px", type: "button", onClick: handleOnClickCreateChannel },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CREATE, fillColor: ui_Icon.IconColors.PRIMARY, width: "22px", height: "22px" })))),
+        React.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list", ref: scrollRef, onScroll: handleScroll },
+            MemoizedPlaceHolder,
+            MemoizedAllChannels)));
 }
 
 module.exports = OpenChannelListUI;