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

package/cjs/chunks/{bundle-Amd_tEFX.js → bundle-DcSTnNI0.js}

@@ -1,74 +1,73 @@
 'use strict';
 
-var index$1 = require('./bundle-BTEk9dhT.js');
-var index = require('./bundle-CN-HA7zS.js');
+var index = require('./bundle-wl1uuzU7.js');
 
-function getMessageFirstFileType(message) {
-    return index.K(message)
-        .when(index$1.isFileMessage, function () {
-        var _a;
-        return (_a = message === null || message === void 0 ? void 0 : message.type) !== null && _a !== void 0 ? _a : '';
-    })
-        .when(index$1.isMultipleFilesMessage, function () {
-        var _a, _b;
-        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.mimeType) !== null && _b !== void 0 ? _b : '';
-    })
-        .otherwise(function () {
-        return '';
-    });
-}
-function getFirstFileInfo(message) {
-    var fileInfoList = message.fileInfoList;
-    return fileInfoList.length > 0 ? fileInfoList[0] : null;
-}
-function getMessageFirstFileName(message) {
-    return index.K(message)
-        .when(index$1.isFileMessage, function () {
-        var _a;
-        return (_a = message === null || message === void 0 ? void 0 : message.name) !== null && _a !== void 0 ? _a : '';
-    })
-        .when(index$1.isMultipleFilesMessage, function () {
-        var _a, _b;
-        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.fileName) !== null && _b !== void 0 ? _b : '';
-    })
-        .otherwise(function () {
-        return '';
-    });
-}
-function getMessageFirstFileUrl(message) {
-    return index.K(message)
-        .when(index$1.isFileMessage, function () {
-        var _a;
-        return (_a = message === null || message === void 0 ? void 0 : message.url) !== null && _a !== void 0 ? _a : '';
-    })
-        .when(index$1.isMultipleFilesMessage, function () {
-        var _a, _b;
-        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
-    })
-        .otherwise(function () {
-        return '';
-    });
-}
-function getMessageFirstFileThumbnails(message) {
-    return index.K(message)
-        .when(index$1.isFileMessage, function () {
-        return message.thumbnails;
-    })
-        .when(index$1.isMultipleFilesMessage, function () {
-        var _a, _b;
-        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.thumbnails) !== null && _b !== void 0 ? _b : [];
-    })
-        .otherwise(function () {
-        return [];
-    });
-}
-function getMessageFirstFileThumbnailUrl(message) {
-    var thumbnails = getMessageFirstFileThumbnails(message);
-    return (thumbnails && thumbnails.length > 0) ? thumbnails[0].url : '';
+function getMessageFirstFileType(message) {
+    return index.K(message)
+        .when(index.isFileMessage, function () {
+        var _a;
+        return (_a = message === null || message === void 0 ? void 0 : message.type) !== null && _a !== void 0 ? _a : '';
+    })
+        .when(index.isMultipleFilesMessage, function () {
+        var _a, _b;
+        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.mimeType) !== null && _b !== void 0 ? _b : '';
+    })
+        .otherwise(function () {
+        return '';
+    });
+}
+function getFirstFileInfo(message) {
+    var fileInfoList = message.fileInfoList;
+    return fileInfoList.length > 0 ? fileInfoList[0] : null;
+}
+function getMessageFirstFileName(message) {
+    return index.K(message)
+        .when(index.isFileMessage, function () {
+        var _a;
+        return (_a = message === null || message === void 0 ? void 0 : message.name) !== null && _a !== void 0 ? _a : '';
+    })
+        .when(index.isMultipleFilesMessage, function () {
+        var _a, _b;
+        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.fileName) !== null && _b !== void 0 ? _b : '';
+    })
+        .otherwise(function () {
+        return '';
+    });
+}
+function getMessageFirstFileUrl(message) {
+    return index.K(message)
+        .when(index.isFileMessage, function () {
+        var _a;
+        return (_a = message === null || message === void 0 ? void 0 : message.url) !== null && _a !== void 0 ? _a : '';
+    })
+        .when(index.isMultipleFilesMessage, function () {
+        var _a, _b;
+        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
+    })
+        .otherwise(function () {
+        return '';
+    });
+}
+function getMessageFirstFileThumbnails(message) {
+    return index.K(message)
+        .when(index.isFileMessage, function () {
+        return message.thumbnails;
+    })
+        .when(index.isMultipleFilesMessage, function () {
+        var _a, _b;
+        return (_b = (_a = getFirstFileInfo(message)) === null || _a === void 0 ? void 0 : _a.thumbnails) !== null && _b !== void 0 ? _b : [];
+    })
+        .otherwise(function () {
+        return [];
+    });
+}
+function getMessageFirstFileThumbnailUrl(message) {
+    var thumbnails = getMessageFirstFileThumbnails(message);
+    return (thumbnails && thumbnails.length > 0) ? thumbnails[0].url : '';
 }
 
 exports.getMessageFirstFileName = getMessageFirstFileName;
 exports.getMessageFirstFileThumbnailUrl = getMessageFirstFileThumbnailUrl;
 exports.getMessageFirstFileType = getMessageFirstFileType;
 exports.getMessageFirstFileUrl = getMessageFirstFileUrl;
-//# sourceMappingURL=bundle-Amd_tEFX.js.map
+//# sourceMappingURL=bundle-DcSTnNI0.js.map

package/cjs/chunks/bundle-DcSTnNI0.js.map

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

package/cjs/chunks/{bundle-eHc2IloF.js → bundle-DdxJqNSP.js}

@@ -3,4 +3,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=bundle-eHc2IloF.js.map
+//# sourceMappingURL=bundle-DdxJqNSP.js.map

package/cjs/chunks/bundle-DdxJqNSP.js.map

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

package/cjs/chunks/{bundle-Vfq24KlC.js → bundle-DeQZn8GZ.js}

@@ -1,88 +1,89 @@
 'use strict';
 
-var _tslib = require('./bundle-BwzMNAFs.js');
+var _tslib = require('./bundle-HGbi-rCv.js');
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('./bundle-C0Gtok_c.js');
-var LocalizationContext = require('./bundle-Cg6exdly.js');
-var MediaQueryContext = require('./bundle-xpQ8gY1k.js');
-var utils = require('./bundle-_VH8bxGE.js');
-var index = require('./bundle-BTEk9dhT.js');
-var ui_MessageStatus = require('./bundle-Dnrc5q_J.js');
+var useLongPress = require('./bundle-miB6ue8g.js');
+var LocalizationContext = require('./bundle-oeWNUdCB.js');
+var MediaQueryContext = require('./bundle-BwQ4BJif.js');
+var utils = require('./bundle-BoLhr7Ko.js');
+var index = require('./bundle-wl1uuzU7.js');
+var ui_MessageStatus = require('./bundle-N_CwOE5a.js');
 var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
 var ui_Badge = require('../ui/Badge.js');
 var ui_ChannelAvatar = require('../ui/ChannelAvatar.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-Cm_quRwQ.js');
+var ui_Label = require('./bundle-5_kPn4wU.js');
 var ui_MentionUserLabel = require('../ui/MentionUserLabel.js');
-var ui_Modal = require('./bundle-BhbVr0qd.js');
+var ui_Modal = require('./bundle-CZfcXYaX.js');
 var ui_TextButton = require('../ui/TextButton.js');
 
-var GroupChannelListItemView = function (_a) {
-    var channel = _a.channel, tabIndex = _a.tabIndex, isTyping = _a.isTyping, isSelected = _a.isSelected, channelName = _a.channelName, _b = _a.isMessageStatusEnabled, isMessageStatusEnabled = _b === void 0 ? true : _b, _c = _a.onClick, onClick = _c === void 0 ? utils.noop : _c, _d = _a.onLeaveChannel, onLeaveChannel = _d === void 0 ? function () { return Promise.resolve(); } : _d, renderChannelAction = _a.renderChannelAction;
-    var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var theme = config.theme, isMentionEnabled = config.isMentionEnabled, userId = config.userId;
-    var _e = LocalizationContext.useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
-    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var _f = React.useState(false), showMobileLeave = _f[0], setShowMobileLeave = _f[1];
-    var onLongPress = useLongPress.useLongPress({
-        onLongPress: function () {
-            if (isMobile) {
-                setShowMobileLeave(true);
-            }
-        },
-        onClick: onClick,
-    }, {
-        delay: 1000,
-    });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", _tslib.__assign({ className: [
-                'sendbird-channel-preview',
-                isSelected ? 'sendbird-channel-preview--active' : '',
-            ].join(' '), role: "link", tabIndex: tabIndex }, (isMobile ? _tslib.__assign({}, onLongPress) : { onClick: onClick })),
-            React.createElement("div", { className: "sendbird-channel-preview__avatar" },
-                React.createElement(ui_ChannelAvatar, { channel: channel, userId: userId, theme: theme })),
-            React.createElement("div", { className: "sendbird-channel-preview__content" },
-                React.createElement("div", { className: "sendbird-channel-preview__content__upper" },
-                    React.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
-                        (channel.isBroadcast || false) && (React.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
-                            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BROADCAST, fillColor: ui_Icon.IconColors.SECONDARY, height: "16px", width: "16px" }))),
-                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, channelName),
-                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ui_MessageStatus.getTotalMembers(channel)),
-                        (channel.isFrozen) && (React.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
-                            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, height: 12, width: 12 })))),
-                    !channel.isEphemeral && isMessageStatusEnabled && (React.createElement(ui_MessageStatus.MessageStatus, { className: "sendbird-channel-preview__content__upper__last-message-at", channel: channel, message: channel.lastMessage, isDateSeparatorConsidered: false })),
-                    !channel.isEphemeral && !isMessageStatusEnabled && (React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__last-message-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ui_MessageStatus.getLastMessageCreatedAt({
-                        channel: channel,
-                        locale: dateLocale,
-                        stringSet: stringSet,
-                    })))),
-                React.createElement("div", { className: "sendbird-channel-preview__content__lower" },
-                    React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__lower__last-message", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_3 },
-                        isTyping && (React.createElement(GroupChannel_components_TypingIndicator.TypingIndicatorText, { members: channel.getTypingUsers() })),
-                        !isTyping
-                            && !index.isVoiceMessage(channel.lastMessage)
-                            && ui_MessageStatus.getLastMessage(channel, stringSet),
-                        !isTyping
-                            && index.isVoiceMessage(channel.lastMessage)
-                            && stringSet.VOICE_MESSAGE),
-                    /**
-                     * Do not show unread count for focused channel. This is because of the limitation where
-                     * isScrollBottom and hasNext states needs to be added globally but they are from channel context
-                     * so channel list cannot see them with the current architecture.
-                     */
-                    !isSelected && !channel.isEphemeral && (React.createElement("div", { className: "sendbird-channel-preview__content__lower__unread-message-count" },
-                        isMentionEnabled && channel.unreadMentionCount > 0 ? (React.createElement(ui_MentionUserLabel, { className: "sendbird-channel-preview__content__lower__unread-message-count__mention", color: "purple" }, '@')) : null,
-                        ui_MessageStatus.getChannelUnreadMessageCount(channel) ? ( // return number
-                        React.createElement(ui_Badge, { count: ui_MessageStatus.getChannelUnreadMessageCount(channel) })) : null)))),
-            !isMobile && (React.createElement("div", { className: "sendbird-channel-preview__action" }, renderChannelAction({ channel: channel })))),
-        showMobileLeave && isMobile && (React.createElement(ui_Modal.Modal, { className: "sendbird-channel-preview__leave--mobile", titleText: channelName, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () { return setShowMobileLeave(false); } },
-            React.createElement(ui_TextButton, { onClick: function () {
-                    onLeaveChannel();
-                    setShowMobileLeave(false);
-                }, className: "sendbird-channel-preview__leave-label--mobile" },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))))));
+var GroupChannelListItemView = function (_a) {
+    var channel = _a.channel, tabIndex = _a.tabIndex, isTyping = _a.isTyping, isSelected = _a.isSelected, channelName = _a.channelName, _b = _a.isMessageStatusEnabled, isMessageStatusEnabled = _b === void 0 ? true : _b, _c = _a.onClick, onClick = _c === void 0 ? utils.noop : _c, _d = _a.onLeaveChannel, onLeaveChannel = _d === void 0 ? function () { return Promise.resolve(); } : _d, renderChannelAction = _a.renderChannelAction;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var theme = config.theme, userId = config.userId;
+    var _e = LocalizationContext.useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
+    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    var isMentionEnabled = config.groupChannel.enableMention;
+    var _f = React.useState(false), showMobileLeave = _f[0], setShowMobileLeave = _f[1];
+    var onLongPress = useLongPress.useLongPress({
+        onLongPress: function () {
+            if (isMobile) {
+                setShowMobileLeave(true);
+            }
+        },
+        onClick: onClick,
+    }, {
+        delay: 1000,
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", _tslib.__assign({ className: [
+                'sendbird-channel-preview',
+                isSelected ? 'sendbird-channel-preview--active' : '',
+            ].join(' '), role: "link", tabIndex: tabIndex }, (isMobile ? _tslib.__assign({}, onLongPress) : { onClick: onClick })),
+            React.createElement("div", { className: "sendbird-channel-preview__avatar" },
+                React.createElement(ui_ChannelAvatar, { channel: channel, userId: userId, theme: theme })),
+            React.createElement("div", { className: "sendbird-channel-preview__content" },
+                React.createElement("div", { className: "sendbird-channel-preview__content__upper" },
+                    React.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
+                        (channel.isBroadcast || false) && (React.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
+                            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BROADCAST, fillColor: ui_Icon.IconColors.SECONDARY, height: "16px", width: "16px" }))),
+                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, channelName),
+                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ui_MessageStatus.getTotalMembers(channel)),
+                        (channel.isFrozen) && (React.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
+                            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, height: 12, width: 12 })))),
+                    !channel.isEphemeral && isMessageStatusEnabled && (React.createElement(ui_MessageStatus.MessageStatus, { className: "sendbird-channel-preview__content__upper__last-message-at", channel: channel, message: channel.lastMessage, isDateSeparatorConsidered: false })),
+                    !channel.isEphemeral && !isMessageStatusEnabled && (React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__last-message-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ui_MessageStatus.getLastMessageCreatedAt({
+                        channel: channel,
+                        locale: dateLocale,
+                        stringSet: stringSet,
+                    })))),
+                React.createElement("div", { className: "sendbird-channel-preview__content__lower" },
+                    React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__lower__last-message", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_3 },
+                        isTyping && (React.createElement(GroupChannel_components_TypingIndicator.TypingIndicatorText, { members: channel.getTypingUsers() })),
+                        !isTyping
+                            && !index.isVoiceMessage(channel.lastMessage)
+                            && ui_MessageStatus.getLastMessage(channel, stringSet),
+                        !isTyping
+                            && index.isVoiceMessage(channel.lastMessage)
+                            && stringSet.VOICE_MESSAGE),
+                    /**
+                     * Do not show unread count for focused channel. This is because of the limitation where
+                     * isScrollBottom and hasNext states needs to be added globally but they are from channel context
+                     * so channel list cannot see them with the current architecture.
+                     */
+                    !isSelected && !channel.isEphemeral && (React.createElement("div", { className: "sendbird-channel-preview__content__lower__unread-message-count" },
+                        isMentionEnabled && channel.unreadMentionCount > 0 ? (React.createElement(ui_MentionUserLabel, { className: "sendbird-channel-preview__content__lower__unread-message-count__mention", color: "purple" }, '@')) : null,
+                        ui_MessageStatus.getChannelUnreadMessageCount(channel) ? ( // return number
+                        React.createElement(ui_Badge, { count: ui_MessageStatus.getChannelUnreadMessageCount(channel) })) : null)))),
+            !isMobile && (React.createElement("div", { className: "sendbird-channel-preview__action" }, renderChannelAction({ channel: channel })))),
+        showMobileLeave && isMobile && (React.createElement(ui_Modal.Modal, { className: "sendbird-channel-preview__leave--mobile", titleText: channelName, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () { return setShowMobileLeave(false); } },
+            React.createElement(ui_TextButton, { onClick: function () {
+                    onLeaveChannel();
+                    setShowMobileLeave(false);
+                }, className: "sendbird-channel-preview__leave-label--mobile" },
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))))));
 };
 
 exports.GroupChannelListItemView = GroupChannelListItemView;
-//# sourceMappingURL=bundle-Vfq24KlC.js.map
+//# sourceMappingURL=bundle-DeQZn8GZ.js.map

package/cjs/chunks/bundle-DeQZn8GZ.js.map

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

package/cjs/chunks/{bundle-CqfYJ2-A.js → bundle-Dehhi1FZ.js}

@@ -1,46 +1,46 @@
 'use strict';
 
-exports.PublishingModuleType = void 0;
-(function (PublishingModuleType) {
-    PublishingModuleType["CHANNEL"] = "CHANNEL";
-    PublishingModuleType["THREAD"] = "THREAD";
-})(exports.PublishingModuleType || (exports.PublishingModuleType = {}));
-// NOTE: To maintain compatibility with the sendbirdSelector provided to customers
-//  this utility function ensures that if publishingModules is not provided or its length is zero
-//  it will maintain the same behavior as before.
-var isTargetIncludedInModules = function (target, modules) {
-    if (!modules || modules.length === 0)
-        return true;
-    else
-        return modules.includes(target);
-};
-function shouldPubSubPublishToChannel(modules) {
-    return isTargetIncludedInModules(exports.PublishingModuleType.CHANNEL, modules);
-}
-function shouldPubSubPublishToThread(modules) {
-    return isTargetIncludedInModules(exports.PublishingModuleType.THREAD, modules);
+exports.PublishingModuleType = void 0;
+(function (PublishingModuleType) {
+    PublishingModuleType["CHANNEL"] = "CHANNEL";
+    PublishingModuleType["THREAD"] = "THREAD";
+})(exports.PublishingModuleType || (exports.PublishingModuleType = {}));
+// NOTE: To maintain compatibility with the sendbirdSelector provided to customers
+//  this utility function ensures that if publishingModules is not provided or its length is zero
+//  it will maintain the same behavior as before.
+var isTargetIncludedInModules = function (target, modules) {
+    if (!modules || modules.length === 0)
+        return true;
+    else
+        return modules.includes(target);
+};
+function shouldPubSubPublishToChannel(modules) {
+    return isTargetIncludedInModules(exports.PublishingModuleType.CHANNEL, modules);
+}
+function shouldPubSubPublishToThread(modules) {
+    return isTargetIncludedInModules(exports.PublishingModuleType.THREAD, modules);
 }
 
-// NOTE: It seems not distinguish topics by channel type.
-exports.PUBSUB_TOPICS = void 0;
-(function (PUBSUB_TOPICS) {
-    // Group Channel
-    PUBSUB_TOPICS["USER_UPDATED"] = "USER_UPDATED";
-    PUBSUB_TOPICS["SEND_MESSAGE_START"] = "SEND_MESSAGE_START";
-    PUBSUB_TOPICS["SEND_MESSAGE_FAILED"] = "SEND_MESSAGE_FAILED";
-    PUBSUB_TOPICS["SEND_USER_MESSAGE"] = "SEND_USER_MESSAGE";
-    PUBSUB_TOPICS["SEND_FILE_MESSAGE"] = "SEND_FILE_MESSAGE";
-    PUBSUB_TOPICS["ON_FILE_INFO_UPLOADED"] = "ON_FILE_INFO_UPLOADED";
-    PUBSUB_TOPICS["UPDATE_USER_MESSAGE"] = "UPDATE_USER_MESSAGE";
-    PUBSUB_TOPICS["DELETE_MESSAGE"] = "DELETE_MESSAGE";
-    PUBSUB_TOPICS["LEAVE_CHANNEL"] = "LEAVE_CHANNEL";
-    PUBSUB_TOPICS["CREATE_CHANNEL"] = "CREATE_CHANNEL";
-    // Open Channel
-    PUBSUB_TOPICS["UPDATE_OPEN_CHANNEL"] = "UPDATE_OPEN_CHANNEL";
-})(exports.PUBSUB_TOPICS || (exports.PUBSUB_TOPICS = {}));
+// NOTE: It seems not distinguish topics by channel type.
+exports.PUBSUB_TOPICS = void 0;
+(function (PUBSUB_TOPICS) {
+    // Group Channel
+    PUBSUB_TOPICS["USER_UPDATED"] = "USER_UPDATED";
+    PUBSUB_TOPICS["SEND_MESSAGE_START"] = "SEND_MESSAGE_START";
+    PUBSUB_TOPICS["SEND_MESSAGE_FAILED"] = "SEND_MESSAGE_FAILED";
+    PUBSUB_TOPICS["SEND_USER_MESSAGE"] = "SEND_USER_MESSAGE";
+    PUBSUB_TOPICS["SEND_FILE_MESSAGE"] = "SEND_FILE_MESSAGE";
+    PUBSUB_TOPICS["ON_FILE_INFO_UPLOADED"] = "ON_FILE_INFO_UPLOADED";
+    PUBSUB_TOPICS["UPDATE_USER_MESSAGE"] = "UPDATE_USER_MESSAGE";
+    PUBSUB_TOPICS["DELETE_MESSAGE"] = "DELETE_MESSAGE";
+    PUBSUB_TOPICS["LEAVE_CHANNEL"] = "LEAVE_CHANNEL";
+    PUBSUB_TOPICS["CREATE_CHANNEL"] = "CREATE_CHANNEL";
+    // Open Channel
+    PUBSUB_TOPICS["UPDATE_OPEN_CHANNEL"] = "UPDATE_OPEN_CHANNEL";
+})(exports.PUBSUB_TOPICS || (exports.PUBSUB_TOPICS = {}));
 var pubSubTopics = exports.PUBSUB_TOPICS;
 
 exports.pubSubTopics = pubSubTopics;
 exports.shouldPubSubPublishToChannel = shouldPubSubPublishToChannel;
 exports.shouldPubSubPublishToThread = shouldPubSubPublishToThread;
-//# sourceMappingURL=bundle-CqfYJ2-A.js.map
+//# sourceMappingURL=bundle-Dehhi1FZ.js.map

package/cjs/chunks/bundle-Dehhi1FZ.js.map

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

package/cjs/chunks/{bundle-BgJJI84U.js → bundle-DfcEln0Z.js}

@@ -1,38 +1,38 @@
 'use strict';
 
-var ONE_MiB = 1024 * 1024;
-var SCROLL_BUFFER = 10;
-var SCROLL_BOTTOM_DELAY_FOR_SEND = 100;
-var SCROLL_BOTTOM_DELAY_FOR_FETCH = 100;
-// voice message record
-var VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
-var VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
-var VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
-var VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
-var VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
-var BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];
-/**
- * Append Audio element to the root
- * because I can't get the Audio element in the useEffect unmount scope
- */
-var VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
-var VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
-// voice message file
-var VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
-var VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
-// meta array
-var META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
-var META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
-var META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
-// delivery receipt in feature list
-var DELIVERY_RECEIPT = 'delivery_receipt';
-// file viewer slider
-var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
-// multiple files message file info count limit
-var DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
-// Local storage item key for sdk templates token
-var CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = 'sendbird_message_templates_token_key';
-// Local storage item key for templates in JSON string form
+var ONE_MiB = 1024 * 1024;
+var SCROLL_BUFFER = 10;
+var SCROLL_BOTTOM_DELAY_FOR_SEND = 100;
+var SCROLL_BOTTOM_DELAY_FOR_FETCH = 100;
+// voice message record
+var VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
+var VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
+var VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
+var VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
+var VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
+var BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];
+/**
+ * Append Audio element to the root
+ * because I can't get the Audio element in the useEffect unmount scope
+ */
+var VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
+var VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
+// voice message file
+var VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
+var VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
+// meta array
+var META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
+var META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
+var META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
+// delivery receipt in feature list
+var DELIVERY_RECEIPT = 'delivery_receipt';
+// file viewer slider
+var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
+// multiple files message file info count limit
+var DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
+// Local storage item key for sdk templates token
+var CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = 'sendbird_message_templates_token_key';
+// Local storage item key for templates in JSON string form
 var CACHED_MESSAGE_TEMPLATES_KEY = 'sendbird_message_templates_key';
 
 exports.BROWSER_SUPPORT_MIME_TYPE_LIST = BROWSER_SUPPORT_MIME_TYPE_LIST;
@@ -57,4 +57,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-BgJJI84U.js.map
+//# sourceMappingURL=bundle-DfcEln0Z.js.map

package/cjs/chunks/bundle-DfcEln0Z.js.map

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

package/cjs/chunks/bundle-DmX69_-l.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var _tslib = require('./bundle-HGbi-rCv.js');
+var React = require('react');
+var ui_Icon = require('../ui/Icon.js');
+var ui_ChannelAvatar = require('../ui/ChannelAvatar.js');
+var utils = require('./bundle-Tjx9wNAv.js');
+var MediaQueryContext = require('./bundle-BwQ4BJif.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var LocalizationContext = require('./bundle-oeWNUdCB.js');
+var ui_Header = require('../ui/Header.js');
+
+var GroupChannelHeaderView = function (_a) {
+    var className = _a.className, currentChannel = _a.currentChannel, showSearchIcon = _a.showSearchIcon, onBackClick = _a.onBackClick, onSearchClick = _a.onSearchClick, onChatHeaderActionClick = _a.onChatHeaderActionClick, 
+    // Header custom props
+    renderLeft = _a.renderLeft, renderMiddle = _a.renderMiddle, renderRight = _a.renderRight;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var userId = config.userId, theme = config.theme;
+    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var isMuted = (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === 'muted';
+    var channelTitle = utils.getChannelTitle(currentChannel, userId, stringSet);
+    return (React.createElement(ui_Header.default, { className: "sendbird-chat-header ".concat(className), renderLeft: renderLeft !== null && renderLeft !== void 0 ? renderLeft : (function () { return (React.createElement(React.Fragment, null,
+            isMobile && (React.createElement(ui_Header.default.Icon, { className: "sendbird-chat-header__icon_back", onClick: onBackClick, type: ui_Icon.IconTypes.ARROW_LEFT, color: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })),
+            React.createElement(ui_ChannelAvatar, { theme: theme, channel: currentChannel, userId: userId, height: 32, width: 32 }))); }), renderMiddle: renderMiddle !== null && renderMiddle !== void 0 ? renderMiddle : (function () { return (React.createElement(ui_Header.default.Title, { title: channelTitle })); }), renderRight: renderRight !== null && renderRight !== void 0 ? renderRight : (function () { return (React.createElement(React.Fragment, null,
+            isMuted && (React.createElement(ui_Header.default.Icon, { className: "sendbird-chat-header__right__mute", type: ui_Icon.IconTypes.NOTIFICATIONS_OFF_FILLED, color: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })),
+            (showSearchIcon && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isEphemeral)) && (React.createElement(ui_Header.default.IconButton, { className: "sendbird-chat-header__right__search", onClick: onSearchClick, type: ui_Icon.IconTypes.SEARCH, color: ui_Icon.IconColors.PRIMARY, renderIcon: function (props) { return React.createElement(ui_Header.default.Icon, _tslib.__assign({}, props, { width: "24px", height: "24px" })); } })),
+            React.createElement(ui_Header.default.IconButton, { className: "sendbird-chat-header__right__info", onClick: onChatHeaderActionClick, type: ui_Icon.IconTypes.INFO, color: ui_Icon.IconColors.PRIMARY, renderIcon: function (props) { return React.createElement(ui_Header.default.Icon, _tslib.__assign({}, props, { width: "24px", height: "24px" })); } }))); }) }));
+};
+
+exports.GroupChannelHeaderView = GroupChannelHeaderView;
+//# sourceMappingURL=bundle-DmX69_-l.js.map

package/cjs/chunks/bundle-DmX69_-l.js.map

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

package/cjs/chunks/{bundle-Chvgl0tl.js → bundle-Dnq2YP_l.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var _tslib = require('./bundle-BwzMNAFs.js');
+var _tslib = require('./bundle-HGbi-rCv.js');
 var React = require('react');
-var SuggestedMentionListView = require('./bundle-tBlsssMV.js');
+var SuggestedMentionListView = require('./bundle-BaM5Ed34.js');
 var Thread_context = require('../Thread/context.js');
 
-var SuggestedMentionList = function (props) {
-    var currentChannel = Thread_context.useThreadContext().currentChannel;
-    return (React.createElement(SuggestedMentionListView.SuggestedMentionListView, _tslib.__assign({}, props, { currentChannel: currentChannel })));
+var SuggestedMentionList = function (props) {
+    var currentChannel = Thread_context.useThreadContext().currentChannel;
+    return (React.createElement(SuggestedMentionListView.SuggestedMentionListView, _tslib.__assign({}, props, { currentChannel: currentChannel })));
 };
 
 exports.SuggestedMentionList = SuggestedMentionList;
-//# sourceMappingURL=bundle-Chvgl0tl.js.map
+//# sourceMappingURL=bundle-Dnq2YP_l.js.map

package/cjs/chunks/bundle-Dnq2YP_l.js.map

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

package/cjs/chunks/{bundle-DU2DrCMu.js → bundle-Dww6fCVQ.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-/**
- * This function helps consider the every condition
- * related to enabling emoji reaction feature.
- */
-function getIsReactionEnabled(_a) {
-    var channel = _a.channel, config = _a.config, moduleLevel = _a.moduleLevel;
-    if (!channel || channel.isBroadcast || channel.isEphemeral) {
-        return false;
-    }
-    if (channel.isSuper)
-        return moduleLevel && config.groupChannel.enableReactionsSupergroup;
-    return moduleLevel !== null && moduleLevel !== void 0 ? moduleLevel : config.groupChannel.enableReactions;
+/**
+ * This function helps consider the every condition
+ * related to enabling emoji reaction feature.
+ */
+function getIsReactionEnabled(_a) {
+    var channel = _a.channel, config = _a.config, moduleLevel = _a.moduleLevel;
+    if (!channel || channel.isBroadcast || channel.isEphemeral) {
+        return false;
+    }
+    if (channel.isSuper)
+        return moduleLevel && config.groupChannel.enableReactionsSupergroup;
+    return moduleLevel !== null && moduleLevel !== void 0 ? moduleLevel : config.groupChannel.enableReactions;
 }
 
 exports.getIsReactionEnabled = getIsReactionEnabled;
-//# sourceMappingURL=bundle-DU2DrCMu.js.map
+//# sourceMappingURL=bundle-Dww6fCVQ.js.map

package/cjs/chunks/bundle-Dww6fCVQ.js.map

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