@sendbird/uikit-react 3.14.3-rc.1 → 3.14.4

package/OpenChannel/components/OpenChannelUI.js

@@ -1,109 +1,110 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../chunks/bundle-Dkj6zqd4.js';
+import { u as useOpenChannelContext } from '../../chunks/bundle-Bi8Wfc2I.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../chunks/bundle-BZt7yK_Y.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
-import '../../chunks/bundle-E_q9aH_b.js';
-import '../../chunks/bundle-DtHyIHaJ.js';
+import '../../chunks/bundle-B7barEsR.js';
+import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-BKho3Uub.js';
+import '../../chunks/bundle-BWuyd0AD.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-iSiw-_HL.js';
-import '../../chunks/bundle-BCL7kk-0.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-3amhHjNa.js';
+import '../../chunks/bundle-CT8ZXUi2.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../hooks/useModal.js';
-import '../../chunks/bundle-58U1RLA2.js';
-import '../../chunks/bundle-ByTQtdFM.js';
-import '../../chunks/bundle-bTVomhqp.js';
+import '../../chunks/bundle-C4Z-NWqF.js';
+import '../../chunks/bundle-BWCGFXhj.js';
+import '@sendbird/chat/groupChannel';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../chunks/bundle-ByvmbZD0.js';
 import 'react-dom';
-import '../../chunks/bundle-DW4HEvvh.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-BrPQ1xtW.js';
+import '../../chunks/bundle-Bx5vhTbU.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-Diqj6For.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-DjFflxR1.js';
+import '../../chunks/bundle-LYAWKk4n.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-B7UQ7Txq.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-BbWD2VuS.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-C2qp06Ad.js';
-import '../../chunks/bundle-1Vgo9VWV.js';
-import '../../chunks/bundle-DhnGzV1K.js';
+import '../../chunks/bundle-QxUVt4Ms.js';
+import '../../chunks/bundle-BOSnopxk.js';
+import '../../chunks/bundle-DO1vNias.js';
 import 'dompurify';
-import '../../chunks/bundle-BRt6gbIr.js';
-import '../../chunks/bundle-BDxgzOKZ.js';
-import '../../chunks/bundle-BlRZqe8T.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
-import '@sendbird/chat/groupChannel';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DLIFpzrP.js';
-import '../../chunks/bundle-BeTPrbXl.js';
+import '../../chunks/bundle-B5N2u5f-.js';
+import '../../chunks/bundle-DSOf9RKe.js';
+import '../../chunks/bundle-DQ2q-zNM.js';
+import '../../chunks/bundle-DpGWywZ5.js';
+import '../../chunks/bundle-CNJMLyGJ.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-DFyJYJtg.js';
-import '../../chunks/bundle-BCAy5wyj.js';
+import '../../chunks/bundle-CaaUNO3F.js';
+import '../../chunks/bundle-C040958G.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-Cl6qrizD.js';
-import '../../chunks/bundle-zd7rBmLl.js';
-import '../../chunks/bundle-DChZSw0N.js';
+import '../../chunks/bundle-DThbnyZd.js';
+import '../../chunks/bundle-BTD0sBED.js';
+import '../../chunks/bundle-Gx0ryc_f.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-BnTt0CCZ.js';
+import '../../chunks/bundle-C1hw1sij.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-Vk50O4-7.js';
+import '../../chunks/bundle-HoQqraNc.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-P4HvWTGS.js';
-import '../../chunks/bundle-DvPYXQcP.js';
-import '@sendbird/uikit-tools';
-import '../../chunks/bundle-CQt1ONzj.js';
-import '../../chunks/bundle-Cf0JIqFR.js';
-import '../../chunks/bundle-DvRNa17t.js';
-import '../../chunks/bundle-BP5nTWqh.js';
+import '../../chunks/bundle-B__zC9zD.js';
+import '../../chunks/bundle-D_eJq5Xk.js';
+import '../../chunks/bundle-DzxiMlgV.js';
+import '../../chunks/bundle-h3a36twH.js';
+import '../../chunks/bundle-uBJzoaNT.js';
+import '../../chunks/bundle-DDkUg3Os.js';
 import '@sendbird/chat/message';
 import '../../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 = 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__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-                React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.NO_CHANNELS })));
-    }
-    if (loading) {
-        return ((renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading())
-            || React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-                React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING })));
-    }
-    if (isInvalid) {
-        return ((renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError())
-            || React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-                React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG })));
-    }
-    var renderInputComponent = renderMessageInput || renderInput;
-    return (React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
-        (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || React__default.createElement(OpenchannelConversationHeader, null),
-        (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && React__default.createElement(FrozenNotification, null),
-        React__default.createElement(OpenChannelMessageList, { ref: conversationScrollRef, renderMessage: renderMessage, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList }),
-        (renderInputComponent === null || renderInputComponent === void 0 ? void 0 : renderInputComponent()) || React__default.createElement(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 = 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__default.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.NO_CHANNELS })));
+    }
+    if (loading) {
+        return ((renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading())
+            || React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING })));
+    }
+    if (isInvalid) {
+        return ((renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError())
+            || React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG })));
+    }
+    var renderInputComponent = renderMessageInput || renderInput;
+    return (React__default.createElement("div", { className: COMPONENT_CLASS_NAME },
+        (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || React__default.createElement(OpenchannelConversationHeader, null),
+        (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && React__default.createElement(FrozenNotification, null),
+        React__default.createElement(OpenChannelMessageList, { ref: conversationScrollRef, renderMessage: renderMessage, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList }),
+        (renderInputComponent === null || renderInputComponent === void 0 ? void 0 : renderInputComponent()) || React__default.createElement(OpenChannelInput, { ref: messageInputRef })));
 };
 
 export { OpenChannelUI as default };

package/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/OpenChannel/context.js

@@ -1,28 +1,33 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../chunks/bundle-Dkj6zqd4.js';
-import '../chunks/bundle-BZt7yK_Y.js';
-import '../chunks/bundle-DtHyIHaJ.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../chunks/bundle-Bi8Wfc2I.js';
+import '../chunks/bundle-B7barEsR.js';
+import '../chunks/bundle-BWuyd0AD.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-Dd7yWAzk.js';
-import '../chunks/bundle-E_q9aH_b.js';
+import '../chunks/bundle-7oF7KbGv.js';
+import '../chunks/bundle-BKho3Uub.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-D7HxTsM2.js';
-import '../chunks/bundle-iSiw-_HL.js';
-import '../chunks/bundle-BCL7kk-0.js';
-import '../hooks/useModal.js';
-import '../chunks/bundle-58U1RLA2.js';
-import '../chunks/bundle-ByTQtdFM.js';
-import '../chunks/bundle-bTVomhqp.js';
+import '../chunks/bundle-BJ46V6XQ.js';
+import '../chunks/bundle-3amhHjNa.js';
+import '../chunks/bundle-CT8ZXUi2.js';
+import '../chunks/bundle-C4Z-NWqF.js';
+import '../chunks/bundle-BWCGFXhj.js';
+import '@sendbird/chat/groupChannel';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-ByvmbZD0.js';
 import 'react-dom';
-import '../chunks/bundle-DW4HEvvh.js';
-import '../chunks/bundle-CwG4pj5M.js';
-import '../chunks/bundle-DD0CjCiu.js';
-import '../chunks/bundle-BrPQ1xtW.js';
+import '../chunks/bundle-Bx5vhTbU.js';
+import '../chunks/bundle-C8im5l9B.js';
+import '../chunks/bundle-C1ds4cil.js';
+import '../chunks/bundle-Diqj6For.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DjFflxR1.js';
+import '../chunks/bundle-LYAWKk4n.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-B7UQ7Txq.js';
+import '@sendbird/uikit-tools';
 import '../withSendbird.js';
+import 'css-vars-ponyfill';
+import '../chunks/bundle-CIwVkd-E.js';
+import '../chunks/bundle-CD9AzC6s.js';
+import '../chunks/bundle-BbWD2VuS.js';
 //# sourceMappingURL=context.js.map

package/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/OpenChannel.js

@@ -1,86 +1,87 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './chunks/bundle-Dkj6zqd4.js';
+import { O as OpenChannelProvider } from './chunks/bundle-Bi8Wfc2I.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './chunks/bundle-DW4HEvvh.js';
-import './chunks/bundle-CwG4pj5M.js';
-import './chunks/bundle-DD0CjCiu.js';
+import './chunks/bundle-Bx5vhTbU.js';
+import './chunks/bundle-C8im5l9B.js';
+import './chunks/bundle-C1ds4cil.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-Dd7yWAzk.js';
-import './chunks/bundle-C2qp06Ad.js';
-import './chunks/bundle-1Vgo9VWV.js';
+import './chunks/bundle-7oF7KbGv.js';
+import './chunks/bundle-QxUVt4Ms.js';
+import './chunks/bundle-BOSnopxk.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-DjFflxR1.js';
-import './chunks/bundle-DhnGzV1K.js';
+import './chunks/bundle-LYAWKk4n.js';
+import './chunks/bundle-DO1vNias.js';
 import 'dompurify';
-import './chunks/bundle-BRt6gbIr.js';
-import './chunks/bundle-BDxgzOKZ.js';
-import './chunks/bundle-BlRZqe8T.js';
+import './chunks/bundle-B5N2u5f-.js';
+import './chunks/bundle-DSOf9RKe.js';
+import './chunks/bundle-DQ2q-zNM.js';
 import './ui/Icon.js';
-import './chunks/bundle-ByTQtdFM.js';
+import './chunks/bundle-ByvmbZD0.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-Cgpa9xMh.js';
+import './chunks/bundle-BWCGFXhj.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-58U1RLA2.js';
-import './chunks/bundle-DLIFpzrP.js';
+import './chunks/bundle-DpGWywZ5.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
-import './chunks/bundle-BeTPrbXl.js';
+import './chunks/bundle-CNJMLyGJ.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BCL7kk-0.js';
-import './chunks/bundle-BrPQ1xtW.js';
+import './chunks/bundle-CT8ZXUi2.js';
+import './chunks/bundle-Diqj6For.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './chunks/bundle-DFyJYJtg.js';
-import './chunks/bundle-BCAy5wyj.js';
+import './chunks/bundle-CaaUNO3F.js';
+import './chunks/bundle-C040958G.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
 import './ui/ContextMenu.js';
+import './chunks/bundle-BbWD2VuS.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './ui/SortByRow.js';
-import './chunks/bundle-D7HxTsM2.js';
+import './chunks/bundle-BJ46V6XQ.js';
 import './ui/UserProfile.js';
-import './chunks/bundle-BZt7yK_Y.js';
+import './chunks/bundle-B7barEsR.js';
 import './sendbirdSelectors.js';
-import './chunks/bundle-DtHyIHaJ.js';
-import './chunks/bundle-Cl6qrizD.js';
-import './chunks/bundle-zd7rBmLl.js';
-import './chunks/bundle-DChZSw0N.js';
+import './chunks/bundle-BWuyd0AD.js';
+import './chunks/bundle-DThbnyZd.js';
+import './chunks/bundle-BTD0sBED.js';
+import './chunks/bundle-Gx0ryc_f.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-BnTt0CCZ.js';
+import './chunks/bundle-C1hw1sij.js';
 import './Message/context.js';
 import './ui/MentionLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './chunks/bundle-Vk50O4-7.js';
+import './chunks/bundle-HoQqraNc.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-P4HvWTGS.js';
-import './hooks/useModal.js';
-import './chunks/bundle-bTVomhqp.js';
-import './chunks/bundle-B7UQ7Txq.js';
-import './chunks/bundle-DvPYXQcP.js';
+import './chunks/bundle-B__zC9zD.js';
+import './chunks/bundle-C4Z-NWqF.js';
 import '@sendbird/uikit-tools';
-import './chunks/bundle-CQt1ONzj.js';
-import './chunks/bundle-Cf0JIqFR.js';
-import './chunks/bundle-DvRNa17t.js';
-import './chunks/bundle-BP5nTWqh.js';
+import 'css-vars-ponyfill';
+import './chunks/bundle-CIwVkd-E.js';
+import './chunks/bundle-CD9AzC6s.js';
+import './chunks/bundle-D_eJq5Xk.js';
+import './chunks/bundle-DzxiMlgV.js';
+import './chunks/bundle-h3a36twH.js';
+import './chunks/bundle-uBJzoaNT.js';
+import './chunks/bundle-DDkUg3Os.js';
 import '@sendbird/chat/message';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './chunks/bundle-E_q9aH_b.js';
-import './chunks/bundle-iSiw-_HL.js';
+import './chunks/bundle-BKho3Uub.js';
+import './chunks/bundle-3amhHjNa.js';
 
-var OpenChannel = function (props) {
-    return (React__default.createElement(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__default.createElement(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__default.createElement(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__default.createElement(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 })));
 };
 
 export { OpenChannel as default };

package/OpenChannel.js.map

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

package/OpenChannelList/components/OpenChannelListUI.js

@@ -3,110 +3,120 @@ import OpenChannelPreview from './OpenChannelPreview.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DjFflxR1.js';
-import { u as useOpenChannelListContext, a as OpenChannelListFetchingStatus, b as OpenChannelListActionTypes } from '../../chunks/bundle-C4kW5GHa.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-LYAWKk4n.js';
+import { u as useOpenChannelListContext, a as OpenChannelListFetchingStatus, b as OpenChannelListActionTypes } from '../../chunks/bundle-k3XccyCm.js';
 import CreateOpenChannel from '../../CreateOpenChannel.js';
-import { L as LocalizationContext } from '../../chunks/bundle-DW4HEvvh.js';
-import { S as SCROLL_BUFFER } from '../../chunks/bundle-B7UQ7Txq.js';
-import '../../chunks/bundle-BeTPrbXl.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
+import { L as LocalizationContext } from '../../chunks/bundle-Bx5vhTbU.js';
+import { S as SCROLL_BUFFER } from '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-CNJMLyGJ.js';
+import '../../chunks/bundle-7oF7KbGv.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ByTQtdFM.js';
-import '../../chunks/bundle-BCL7kk-0.js';
+import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-CT8ZXUi2.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-DtHyIHaJ.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-BWuyd0AD.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 import '../../CreateOpenChannel/components/CreateOpenChannelUI.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-bTVomhqp.js';
+import '../../chunks/bundle-C4Z-NWqF.js';
+import '../../chunks/bundle-BWCGFXhj.js';
+import '@sendbird/chat/groupChannel';
+import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-BrPQ1xtW.js';
+import '../../chunks/bundle-Diqj6For.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-BbWD2VuS.js';
 import '../../ui/Input.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-Vk50O4-7.js';
+import '../../chunks/bundle-HoQqraNc.js';
 import '../../CreateOpenChannel/context.js';
 
-function OpenChannelListUI(_a) {
-    var renderHeader = _a.renderHeader, renderChannelPreview = _a.renderChannelPreview, renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
-    var _b = useState(false), showCreateChannelModal = _b[0], setShowCreateChannel = _b[1];
-    var scrollRef = useRef(null);
-    var _c = 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 = useContext(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, SCROLL_BUFFER)) {
-            fetchNextChannels(function (messages) {
-                if (messages) {
-                    try {
-                        element.scrollTop = scrollHeight - clientHeight;
-                    }
-                    catch (error) {
-                        //
-                    }
-                }
-            });
-        }
-    };
-    var handleOnClickCreateChannel = function () {
-        setShowCreateChannel(true);
-    };
-    var MemoizedHeader = useMemo(function () {
-        return (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null;
-    }, [renderHeader]);
-    var MemoizedPlaceHolder = useMemo(function () {
-        if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {
-            return (renderPlaceHolderEmpty === null || renderPlaceHolderEmpty === void 0 ? void 0 : renderPlaceHolderEmpty()) || (React__default.createElement(PlaceHolder, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--empty", type: PlaceHolderTypes.NO_CHANNELS }));
-        }
-        if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {
-            return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React__default.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list--place-holder--loading" },
-                React__default.createElement(PlaceHolder, { iconSize: "24px", type: PlaceHolderTypes.LOADING })));
-        }
-        if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {
-            return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React__default.createElement(PlaceHolder, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--error", type: PlaceHolderTypes.WRONG }));
-        }
-        return null;
-    }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);
-    var MemoizedAllChannels = useMemo(function () {
-        if (fetchingStatus === 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: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,
-                        payload: channel,
-                    });
-                };
-                return renderChannelPreview
-                    ? (React__default.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list__item", onClick: handleClick }, renderChannelPreview({ channel: channel, isSelected: isSelected, onChannelSelected: onChannelSelected })))
-                    : (React__default.createElement(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__default.createElement("div", { className: "sendbird-open-channel-list-ui" },
-        showCreateChannelModal && (React__default.createElement(CreateOpenChannel, { closeModal: function () { return setShowCreateChannel(false); }, onCreateChannel: function (openChannel) {
-                onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(openChannel);
-                openChannelListDispatcher({
-                    type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,
-                    payload: openChannel,
-                });
-            } })),
-        MemoizedHeader || (React__default.createElement("div", { className: "sendbird-open-channel-list-ui__header" },
-            React__default.createElement(Label, { className: "sendbird-open-channel-list-ui__header__title", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.OPEN_CHANNEL_LIST__TITLE),
-            React__default.createElement(IconButton, { className: "sendbird-open-channel-list-ui__header__button-refresh", width: "32px", height: "32px", type: "button", onClick: function () { return refreshOpenChannelList(); } },
-                React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "22px", height: "22px" })),
-            React__default.createElement(IconButton, { className: "sendbird-open-channel-list-ui__header__button-create-channel", width: "32px", height: "32px", type: "button", onClick: handleOnClickCreateChannel },
-                React__default.createElement(Icon, { type: IconTypes.CREATE, fillColor: IconColors.PRIMARY, width: "22px", height: "22px" })))),
-        React__default.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 = useState(false), showCreateChannelModal = _b[0], setShowCreateChannel = _b[1];
+    var scrollRef = useRef(null);
+    var _c = 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 = useContext(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, SCROLL_BUFFER)) {
+            fetchNextChannels(function (messages) {
+                if (messages) {
+                    try {
+                        element.scrollTop = scrollHeight - clientHeight;
+                    }
+                    catch (error) {
+                        //
+                    }
+                }
+            });
+        }
+    };
+    var handleOnClickCreateChannel = function () {
+        setShowCreateChannel(true);
+    };
+    var MemoizedHeader = useMemo(function () {
+        return (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null;
+    }, [renderHeader]);
+    var MemoizedPlaceHolder = useMemo(function () {
+        if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {
+            return (renderPlaceHolderEmpty === null || renderPlaceHolderEmpty === void 0 ? void 0 : renderPlaceHolderEmpty()) || (React__default.createElement(PlaceHolder, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--empty", type: PlaceHolderTypes.NO_CHANNELS }));
+        }
+        if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {
+            return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React__default.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list--place-holder--loading" },
+                React__default.createElement(PlaceHolder, { iconSize: "24px", type: PlaceHolderTypes.LOADING })));
+        }
+        if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {
+            return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React__default.createElement(PlaceHolder, { className: "sendbird-open-channel-list-ui__channel-list--place-holder--error", type: PlaceHolderTypes.WRONG }));
+        }
+        return null;
+    }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);
+    var MemoizedAllChannels = useMemo(function () {
+        if (fetchingStatus === 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: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,
+                        payload: channel,
+                    });
+                };
+                return renderChannelPreview
+                    ? (React__default.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list__item", onClick: handleClick }, renderChannelPreview({ channel: channel, isSelected: isSelected, onChannelSelected: onChannelSelected })))
+                    : (React__default.createElement(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__default.createElement("div", { className: "sendbird-open-channel-list-ui" },
+        showCreateChannelModal && (React__default.createElement(CreateOpenChannel, { closeModal: function () { return setShowCreateChannel(false); }, onCreateChannel: function (openChannel) {
+                onChannelSelected === null || onChannelSelected === void 0 ? void 0 : onChannelSelected(openChannel);
+                openChannelListDispatcher({
+                    type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,
+                    payload: openChannel,
+                });
+            } })),
+        MemoizedHeader || (React__default.createElement("div", { className: "sendbird-open-channel-list-ui__header" },
+            React__default.createElement(Label, { className: "sendbird-open-channel-list-ui__header__title", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.OPEN_CHANNEL_LIST__TITLE),
+            React__default.createElement(IconButton, { className: "sendbird-open-channel-list-ui__header__button-refresh", width: "32px", height: "32px", type: "button", onClick: function () { return refreshOpenChannelList(); } },
+                React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "22px", height: "22px" })),
+            React__default.createElement(IconButton, { className: "sendbird-open-channel-list-ui__header__button-create-channel", width: "32px", height: "32px", type: "button", onClick: handleOnClickCreateChannel },
+                React__default.createElement(Icon, { type: IconTypes.CREATE, fillColor: IconColors.PRIMARY, width: "22px", height: "22px" })))),
+        React__default.createElement("div", { className: "sendbird-open-channel-list-ui__channel-list", ref: scrollRef, onScroll: handleScroll },
+            MemoizedPlaceHolder,
+            MemoizedAllChannels)));
 }
 
 export { OpenChannelListUI as default };

package/OpenChannelList/components/OpenChannelListUI.js.map

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