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

package/ChannelList/components/ChannelPreview.js

@@ -1,58 +1,63 @@
 import React__default from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../chunks/bundle-DW4HEvvh.js';
-import { u as useChannelListContext } from '../../chunks/bundle-D_MTREEI.js';
-import { g as getChannelTitle } from '../../chunks/bundle-COdy8feS.js';
-import { G as GroupChannelListItemView } from '../../chunks/bundle-BuRpKo8a.js';
+import { u as useLocalization } from '../../chunks/bundle-Bx5vhTbU.js';
+import { u as useChannelListContext } from '../../chunks/bundle-BmTGlIgs.js';
+import { g as getChannelTitle } from '../../chunks/bundle-DJTSztr0.js';
+import { G as GroupChannelListItemView } from '../../chunks/bundle-fRP_rTVb.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
+import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-DtHyIHaJ.js';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-ByTQtdFM.js';
-import '../../chunks/bundle-B7UQ7Txq.js';
-import '../../chunks/bundle-BZt7yK_Y.js';
-import '../../chunks/bundle-58U1RLA2.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
+import '../../chunks/bundle-BWuyd0AD.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-B7barEsR.js';
+import '../../chunks/bundle-BWCGFXhj.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-BL0tKclB.js';
-import '../../chunks/bundle-BCAy5wyj.js';
+import '../../chunks/bundle-dC3DwujZ.js';
+import '../../chunks/bundle-C040958G.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DjFflxR1.js';
+import '../../chunks/bundle-LYAWKk4n.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-8xJ-Z5vU.js';
-import '../../chunks/bundle-DFyJYJtg.js';
-import '../../chunks/bundle-DChZSw0N.js';
-import '../../chunks/bundle-BrPQ1xtW.js';
+import '../../chunks/bundle-yZ1rqvSQ.js';
+import '../../chunks/bundle-CaaUNO3F.js';
+import '../../chunks/bundle-Gx0ryc_f.js';
+import '../../chunks/bundle-Diqj6For.js';
 import '../../GroupChannel/components/TypingIndicator.js';
 import '../../ui/Badge.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-BeTPrbXl.js';
+import '../../chunks/bundle-CNJMLyGJ.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BCL7kk-0.js';
-import '../../chunks/bundle-D0Atuq2W.js';
+import '../../chunks/bundle-CT8ZXUi2.js';
+import '../../chunks/bundle-_-vntp1z.js';
 import '../../ui/MentionUserLabel.js';
-import '../../chunks/bundle-BRt6gbIr.js';
-import '../../chunks/bundle-bTVomhqp.js';
+import '../../chunks/bundle-B5N2u5f-.js';
+import '../../chunks/bundle-C4Z-NWqF.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-BbWD2VuS.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-Vk50O4-7.js';
+import '../../chunks/bundle-HoQqraNc.js';
 
-var ChannelPreview = function (_a) {
-    var _b, _c, _d, _e;
-    var channel = _a.channel, _f = _a.isActive, isActive = _f === void 0 ? false : _f, _g = _a.isSelected, isSelected = _g === void 0 ? false : _g, _h = _a.isTyping, isTyping = _h === void 0 ? false : _h, renderChannelAction = _a.renderChannelAction, onLeaveChannel = _a.onLeaveChannel, onClick = _a.onClick, tabIndex = _a.tabIndex;
-    var config = useSendbirdStateContext().config;
-    var stringSet = useLocalization().stringSet;
-    var _j = useChannelListContext(), _k = _j.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _k === void 0 ? false : _k, _l = _j.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _l === void 0 ? false : _l;
-    var userId = config.userId;
-    var isMessageStatusEnabled = isMessageReceiptStatusEnabled
-        && (((_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.messageType) === 'user' || ((_c = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _c === void 0 ? void 0 : _c.messageType) === 'file')
-        && ((_e = (_d = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _d === void 0 ? void 0 : _d.sender) === null || _e === void 0 ? void 0 : _e.userId) === userId;
-    return (React__default.createElement(GroupChannelListItemView, { channel: channel, tabIndex: tabIndex, isTyping: isTypingIndicatorEnabled && isTyping, isSelected: isSelected !== null && isSelected !== void 0 ? isSelected : isActive, channelName: getChannelTitle(channel, userId, stringSet), isMessageStatusEnabled: isMessageStatusEnabled, onClick: onClick, onLeaveChannel: onLeaveChannel, renderChannelAction: renderChannelAction }));
+var ChannelPreview = function (_a) {
+    var _b, _c, _d, _e;
+    var channel = _a.channel, _f = _a.isActive, isActive = _f === void 0 ? false : _f, _g = _a.isSelected, isSelected = _g === void 0 ? false : _g, _h = _a.isTyping, isTyping = _h === void 0 ? false : _h, renderChannelAction = _a.renderChannelAction, onLeaveChannel = _a.onLeaveChannel, onClick = _a.onClick, tabIndex = _a.tabIndex;
+    var config = useSendbirdStateContext().config;
+    var stringSet = useLocalization().stringSet;
+    var _j = useChannelListContext(), _k = _j.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _k === void 0 ? false : _k, _l = _j.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _l === void 0 ? false : _l;
+    var userId = config.userId;
+    var isMessageStatusEnabled = isMessageReceiptStatusEnabled
+        && (((_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.messageType) === 'user' || ((_c = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _c === void 0 ? void 0 : _c.messageType) === 'file')
+        && ((_e = (_d = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _d === void 0 ? void 0 : _d.sender) === null || _e === void 0 ? void 0 : _e.userId) === userId;
+    return (React__default.createElement(GroupChannelListItemView, { channel: channel, tabIndex: tabIndex, isTyping: isTypingIndicatorEnabled && isTyping, isSelected: isSelected !== null && isSelected !== void 0 ? isSelected : isActive, channelName: getChannelTitle(channel, userId, stringSet), isMessageStatusEnabled: isMessageStatusEnabled, onClick: onClick, onLeaveChannel: onLeaveChannel, renderChannelAction: renderChannelAction }));
 };
 
 export { ChannelPreview as default };

package/ChannelList/components/ChannelPreview.js.map

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

package/ChannelList/components/ChannelPreviewAction.js

@@ -1,28 +1,32 @@
 import { GroupChannelPreviewAction } from '../../GroupChannelList/components/GroupChannelPreviewAction.js';
 import 'react';
-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/ContextMenu.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
+import '../../chunks/bundle-BbWD2VuS.js';
+import '../../chunks/bundle-7oF7KbGv.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-BWCGFXhj.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-58U1RLA2.js';
-import '../../chunks/bundle-DjFflxR1.js';
+import '../../chunks/bundle-LYAWKk4n.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-ByTQtdFM.js';
-import '../../chunks/bundle-bTVomhqp.js';
-import '../../chunks/bundle-BrPQ1xtW.js';
+import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-C4Z-NWqF.js';
+import '../../chunks/bundle-Diqj6For.js';
 import '../../ui/Button.js';
-import '../../useSendbirdStateContext.js';
+import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
+import 'css-vars-ponyfill';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../useSendbirdStateContext.js';
 
 
 

package/ChannelList/components/ChannelPreviewAction.js.map

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

package/ChannelList/context.js

@@ -1,16 +1,15 @@
-import '../chunks/bundle-Dd7yWAzk.js';
+import '../chunks/bundle-7oF7KbGv.js';
 import 'react';
 import '@sendbird/chat/groupChannel';
-export { C as ChannelListProvider, u as useChannelListContext } from '../chunks/bundle-D_MTREEI.js';
-import '../chunks/bundle-D7HxTsM2.js';
-import '../chunks/bundle-ByTQtdFM.js';
-import '../chunks/bundle-B7UQ7Txq.js';
-import '../chunks/bundle-BZt7yK_Y.js';
+export { C as ChannelListProvider, u as useChannelListContext } from '../chunks/bundle-BmTGlIgs.js';
+import '../chunks/bundle-BJ46V6XQ.js';
+import '../chunks/bundle-ByvmbZD0.js';
+import '../chunks/bundle-CD9AzC6s.js';
+import '../chunks/bundle-B7barEsR.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DtHyIHaJ.js';
-import '../chunks/bundle-58U1RLA2.js';
-import '../chunks/bundle-Cgpa9xMh.js';
+import '../chunks/bundle-BWuyd0AD.js';
+import '../chunks/bundle-BWCGFXhj.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BL0tKclB.js';
+import '../chunks/bundle-dC3DwujZ.js';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/ChannelList/context.js.map

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

package/ChannelList.js

@@ -1,71 +1,74 @@
 import React__default from 'react';
-import { C as ChannelListProvider } from './chunks/bundle-D_MTREEI.js';
+import { C as ChannelListProvider } from './chunks/bundle-BmTGlIgs.js';
 import ChannelListUI from './ChannelList/components/ChannelListUI.js';
-import './chunks/bundle-Dd7yWAzk.js';
+import './chunks/bundle-7oF7KbGv.js';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-DtHyIHaJ.js';
-import './chunks/bundle-D7HxTsM2.js';
-import './chunks/bundle-ByTQtdFM.js';
-import './chunks/bundle-B7UQ7Txq.js';
-import './chunks/bundle-BZt7yK_Y.js';
+import './chunks/bundle-BWuyd0AD.js';
+import './chunks/bundle-BJ46V6XQ.js';
+import './chunks/bundle-ByvmbZD0.js';
+import './chunks/bundle-CD9AzC6s.js';
+import './chunks/bundle-B7barEsR.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-58U1RLA2.js';
-import './chunks/bundle-Cgpa9xMh.js';
+import './chunks/bundle-BWCGFXhj.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-BL0tKclB.js';
+import './chunks/bundle-dC3DwujZ.js';
 import './ChannelList/components/ChannelPreview.js';
-import './chunks/bundle-DW4HEvvh.js';
-import './chunks/bundle-CwG4pj5M.js';
-import './chunks/bundle-DD0CjCiu.js';
-import './chunks/bundle-COdy8feS.js';
-import './chunks/bundle-BCAy5wyj.js';
+import './chunks/bundle-Bx5vhTbU.js';
+import './chunks/bundle-C8im5l9B.js';
+import './chunks/bundle-C1ds4cil.js';
+import './chunks/bundle-DJTSztr0.js';
+import './chunks/bundle-C040958G.js';
 import './ui/Icon.js';
-import './chunks/bundle-DjFflxR1.js';
+import './chunks/bundle-LYAWKk4n.js';
 import './ui/Loader.js';
-import './chunks/bundle-8xJ-Z5vU.js';
-import './chunks/bundle-DFyJYJtg.js';
-import './chunks/bundle-BuRpKo8a.js';
-import './chunks/bundle-DChZSw0N.js';
-import './chunks/bundle-BrPQ1xtW.js';
+import './chunks/bundle-yZ1rqvSQ.js';
+import './chunks/bundle-CaaUNO3F.js';
+import './chunks/bundle-fRP_rTVb.js';
+import './chunks/bundle-Gx0ryc_f.js';
+import './chunks/bundle-Diqj6For.js';
 import './GroupChannel/components/TypingIndicator.js';
 import './ui/Badge.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-BeTPrbXl.js';
+import './chunks/bundle-CNJMLyGJ.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BCL7kk-0.js';
-import './chunks/bundle-D0Atuq2W.js';
+import './chunks/bundle-CT8ZXUi2.js';
+import './chunks/bundle-_-vntp1z.js';
 import './ui/MentionUserLabel.js';
-import './chunks/bundle-BRt6gbIr.js';
-import './chunks/bundle-bTVomhqp.js';
+import './chunks/bundle-B5N2u5f-.js';
+import './chunks/bundle-C4Z-NWqF.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
+import './chunks/bundle-CIwVkd-E.js';
+import './chunks/bundle-BbWD2VuS.js';
 import './ui/TextButton.js';
-import './chunks/bundle-Vk50O4-7.js';
+import './chunks/bundle-HoQqraNc.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './ui/ContextMenu.js';
-import '@sendbird/chat';
-import '@sendbird/chat/openChannel';
 import './ui/SortByRow.js';
-import './chunks/bundle-oKpBi3n1.js';
+import './chunks/bundle-CJk_QDUV.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
+import './ui/Header.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-BADg8JRM.js';
+import './chunks/bundle-BvaqGh4L.js';
 import './ui/Input.js';
 import './ui/PlaceHolder.js';
-import './chunks/bundle-C5KSa4Q_.js';
-import './chunks/bundle-BP5nTWqh.js';
+import './chunks/bundle-DaoHZIZy.js';
+import './chunks/bundle-DDkUg3Os.js';
 import '@sendbird/chat/message';
-import '@sendbird/uikit-tools';
-import './chunks/bundle-DvRNa17t.js';
+import './chunks/bundle-uBJzoaNT.js';
 import './ChannelList/components/AddChannel.js';
-import './chunks/bundle-DKHcEPfr.js';
+import './chunks/bundle-DQFIz2Zf.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-DX0g6QGP.js';
+import './chunks/bundle-B8gKMDtp.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/UserListItem.js';
@@ -74,9 +77,9 @@ import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './CreateChannel/components/SelectChannelType.js';
 
-var ChannelList = function (props) {
-    return (React__default.createElement(ChannelListProvider, { className: props === null || props === void 0 ? void 0 : props.className, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, allowProfileEdit: props === null || props === void 0 ? void 0 : props.allowProfileEdit, onBeforeCreateChannel: props === null || props === void 0 ? void 0 : props.onBeforeCreateChannel, onThemeChange: props === null || props === void 0 ? void 0 : props.onThemeChange, overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser, onProfileEditSuccess: props === null || props === void 0 ? void 0 : props.onProfileEditSuccess, onChannelSelect: props === null || props === void 0 ? void 0 : props.onChannelSelect, sortChannelList: props === null || props === void 0 ? void 0 : props.sortChannelList, queries: props === null || props === void 0 ? void 0 : props.queries, disableAutoSelect: props === null || props === void 0 ? void 0 : props.disableAutoSelect, activeChannelUrl: props === null || props === void 0 ? void 0 : props.activeChannelUrl, isTypingIndicatorEnabled: props === null || props === void 0 ? void 0 : props.isTypingIndicatorEnabled, isMessageReceiptStatusEnabled: props === null || props === void 0 ? void 0 : props.isMessageReceiptStatusEnabled, reconnectOnIdle: props === null || props === void 0 ? void 0 : props.reconnectOnIdle },
-        React__default.createElement(ChannelListUI, { renderChannelPreview: props === null || props === void 0 ? void 0 : props.renderChannelPreview, renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader, 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 ChannelList = function (props) {
+    return (React__default.createElement(ChannelListProvider, { className: props === null || props === void 0 ? void 0 : props.className, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, allowProfileEdit: props === null || props === void 0 ? void 0 : props.allowProfileEdit, onBeforeCreateChannel: props === null || props === void 0 ? void 0 : props.onBeforeCreateChannel, onThemeChange: props === null || props === void 0 ? void 0 : props.onThemeChange, overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser, onProfileEditSuccess: props === null || props === void 0 ? void 0 : props.onProfileEditSuccess, onChannelSelect: props === null || props === void 0 ? void 0 : props.onChannelSelect, sortChannelList: props === null || props === void 0 ? void 0 : props.sortChannelList, queries: props === null || props === void 0 ? void 0 : props.queries, disableAutoSelect: props === null || props === void 0 ? void 0 : props.disableAutoSelect, activeChannelUrl: props === null || props === void 0 ? void 0 : props.activeChannelUrl, isTypingIndicatorEnabled: props === null || props === void 0 ? void 0 : props.isTypingIndicatorEnabled, isMessageReceiptStatusEnabled: props === null || props === void 0 ? void 0 : props.isMessageReceiptStatusEnabled, reconnectOnIdle: props === null || props === void 0 ? void 0 : props.reconnectOnIdle },
+        React__default.createElement(ChannelListUI, { renderChannelPreview: props === null || props === void 0 ? void 0 : props.renderChannelPreview, renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader, 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 { ChannelList as default };

package/ChannelList.js.map

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

package/ChannelSettings/components/ChannelProfile.js

@@ -1,64 +1,74 @@
 import React__default, { useContext, useState } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-DW4HEvvh.js';
+import { L as LocalizationContext } from '../../chunks/bundle-Bx5vhTbU.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import TextButton from '../../ui/TextButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DjFflxR1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-LYAWKk4n.js';
 import EditDetails from './EditDetailsModal.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
-import '../../chunks/bundle-BZt7yK_Y.js';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-BeTPrbXl.js';
+import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-B7barEsR.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-CNJMLyGJ.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/Icon.js';
-import '../../chunks/bundle-D0Atuq2W.js';
-import '../../chunks/bundle-Vk50O4-7.js';
-import '../../chunks/bundle-bTVomhqp.js';
+import '../../chunks/bundle-_-vntp1z.js';
+import '../../chunks/bundle-HoQqraNc.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 '../../ui/IconButton.js';
 import '../../ui/Button.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-BbWD2VuS.js';
 import '../../ui/Input.js';
 
-var ChannelProfile = function () {
-    var _a, _b, _c;
-    var state = useSendbirdStateContext();
-    var channelSettingStore = useChannelSettingsContext();
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _d = useState(false), showModal = _d[0], setShowModal = _d[1];
-    var userId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
-    var theme = ((_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.theme) || 'light';
-    var isOnline = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.isOnline;
-    var disabled = !isOnline;
-    var channel = channelSettingStore.channel;
-    var getChannelName = function () {
-        if ((channel === null || channel === void 0 ? void 0 : channel.name) && (channel === null || channel === void 0 ? void 0 : channel.name) !== 'Group Channel') {
-            return channel.name;
-        }
-        if ((channel === null || channel === void 0 ? void 0 : channel.name) === 'Group Channel' || !(channel === null || channel === void 0 ? void 0 : channel.name)) {
-            return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).map(function (member) { return member.nickname || stringSet.NO_NAME; }).join(', ');
-        }
-        return stringSet.NO_TITLE;
-    };
-    return (React__default.createElement("div", { className: "sendbird-channel-profile" },
-        React__default.createElement("div", { className: "sendbird-channel-profile--inner" },
-            React__default.createElement("div", { className: "sendbird-channel-profile__avatar" },
-                React__default.createElement(ChannelAvatar, { channel: channel, userId: userId, theme: theme, width: 80, height: 80 })),
-            React__default.createElement(Label, { className: "sendbird-channel-profile__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, getChannelName()),
-            React__default.createElement(TextButton, { disabled: disabled, className: "sendbird-channel-profile__edit", onClick: function () {
-                    if (disabled) {
-                        return;
-                    }
-                    setShowModal(true);
-                }, disableUnderline: true },
-                React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: disabled ? LabelColors.ONBACKGROUND_2 : LabelColors.PRIMARY }, stringSet.CHANNEL_SETTING__PROFILE__EDIT)),
-            showModal && (React__default.createElement(EditDetails, { onCancel: function () { return setShowModal(false); }, onSubmit: function () { return setShowModal(false); } })))));
+var ChannelProfile = function () {
+    var _a, _b, _c;
+    var state = useSendbirdStateContext();
+    var channelSettingStore = useChannelSettingsContext();
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _d = useState(false), showModal = _d[0], setShowModal = _d[1];
+    var userId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
+    var theme = ((_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.theme) || 'light';
+    var isOnline = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.isOnline;
+    var disabled = !isOnline;
+    var channel = channelSettingStore.channel;
+    var getChannelName = function () {
+        if ((channel === null || channel === void 0 ? void 0 : channel.name) && (channel === null || channel === void 0 ? void 0 : channel.name) !== 'Group Channel') {
+            return channel.name;
+        }
+        if ((channel === null || channel === void 0 ? void 0 : channel.name) === 'Group Channel' || !(channel === null || channel === void 0 ? void 0 : channel.name)) {
+            return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).map(function (member) { return member.nickname || stringSet.NO_NAME; }).join(', ');
+        }
+        return stringSet.NO_TITLE;
+    };
+    return (React__default.createElement("div", { className: "sendbird-channel-profile" },
+        React__default.createElement("div", { className: "sendbird-channel-profile--inner" },
+            React__default.createElement("div", { className: "sendbird-channel-profile__avatar" },
+                React__default.createElement(ChannelAvatar, { channel: channel, userId: userId, theme: theme, width: 80, height: 80 })),
+            React__default.createElement(Label, { className: "sendbird-channel-profile__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, getChannelName()),
+            React__default.createElement(TextButton, { disabled: disabled, className: "sendbird-channel-profile__edit", onClick: function () {
+                    if (disabled) {
+                        return;
+                    }
+                    setShowModal(true);
+                }, disableUnderline: true },
+                React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: disabled ? LabelColors.ONBACKGROUND_2 : LabelColors.PRIMARY }, stringSet.CHANNEL_SETTING__PROFILE__EDIT)),
+            showModal && (React__default.createElement(EditDetails, { onCancel: function () { return setShowModal(false); }, onSubmit: function () { return setShowModal(false); } })))));
 };
 
 export { ChannelProfile as default };

package/ChannelSettings/components/ChannelProfile.js.map

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

package/ChannelSettings/components/ChannelSettingsHeader.js

@@ -1,28 +1,31 @@
 import React__default from 'react';
-import { u as useLocalization } from '../../chunks/bundle-DW4HEvvh.js';
+import { u as useLocalization } from '../../chunks/bundle-Bx5vhTbU.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DjFflxR1.js';
-import IconButton from '../../ui/IconButton.js';
-import Icon, { IconTypes } from '../../ui/Icon.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
+import { IconTypes } from '../../ui/Icon.js';
+import Header from '../../ui/Header.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
-import '../../chunks/bundle-ByTQtdFM.js';
+import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-LYAWKk4n.js';
+import '../../chunks/bundle-Diqj6For.js';
+import '../../ui/TextButton.js';
+import '../../chunks/bundle-HoQqraNc.js';
+import '../../ui/IconButton.js';
 
-var ChannelSettingsHeader = function (_a) {
-    var onCloseClick = _a.onCloseClick;
-    var stringSet = useLocalization().stringSet;
-    var config = useSendbirdStateContext().config;
-    var logger = config.logger;
-    return (React__default.createElement("div", { className: "sendbird-channel-settings__header" },
-        React__default.createElement(Label, { type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
-        React__default.createElement("div", { className: "sendbird-channel-settings__header-icon" },
-            React__default.createElement(IconButton, { width: "32px", height: "32px", onClick: function (e) {
-                    logger.info('ChannelSettings: Click close');
-                    onCloseClick(e);
-                } },
-                React__default.createElement(Icon, { className: "sendbird-channel-settings__close-icon", type: IconTypes.CLOSE, height: "22px", width: "22px" })))));
+var ChannelSettingsHeader = function (_a) {
+    var onCloseClick = _a.onCloseClick, 
+    // Header custom props
+    renderLeft = _a.renderLeft, renderMiddle = _a.renderMiddle, renderRight = _a.renderRight;
+    var stringSet = useLocalization().stringSet;
+    var config = useSendbirdStateContext().config;
+    var logger = config.logger;
+    return (React__default.createElement(Header, { className: "sendbird-channel-settings__header", renderLeft: renderLeft, renderMiddle: renderMiddle !== null && renderMiddle !== void 0 ? renderMiddle : (function () { return (React__default.createElement(Header.Title, { title: stringSet.CHANNEL_SETTING__HEADER__TITLE })); }), renderRight: renderRight !== null && renderRight !== void 0 ? renderRight : (function () { return (React__default.createElement("div", { className: "sendbird-channel-settings__header-icon" },
+            React__default.createElement(Header.IconButton, { type: IconTypes.CLOSE, onClick: function (e) {
+                    logger.info('ChannelSettings: Click close');
+                    onCloseClick(e);
+                } }))); }) }));
 };
 
 export { ChannelSettingsHeader };

package/ChannelSettings/components/ChannelSettingsHeader.js.map

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