@sendbird/uikit-react 3.14.12-rc.0 → 3.14.13-rc.0

package/cjs/chunks/{bundle-BWN_zTcF.js → bundle-CvHhKWQR.js}

@@ -15,4 +15,4 @@ function getIsReactionEnabled(_a) {
 }
 
 exports.getIsReactionEnabled = getIsReactionEnabled;
-//# sourceMappingURL=bundle-BWN_zTcF.js.map
+//# sourceMappingURL=bundle-CvHhKWQR.js.map

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

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

package/cjs/chunks/{bundle-Cmy4ykuZ.js → bundle-D3PLXx5X.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ui_Label = require('./bundle-Dq9xVvbD.js');
+var ui_Label = require('./bundle-Cmim7RkF.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -24,4 +24,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-Cmy4ykuZ.js.map
+//# sourceMappingURL=bundle-D3PLXx5X.js.map

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

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

package/cjs/chunks/{bundle-DBOr-x8t.js → bundle-DBimuPy5.js}

@@ -5,7 +5,11 @@ var GroupChannelList_components_GroupChannelListHeader = require('../GroupChanne
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var EditUserProfile = require('../EditUserProfile.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var index = require('./bundle-D4m96G3Z.js');
+var index = require('./bundle-C4Yh1cgX.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var GroupChannelListUIView = function (_a) {
     var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
@@ -20,31 +24,31 @@ var GroupChannelListUIView = function (_a) {
                     return null;
                 if (renderPlaceHolderLoading)
                     return renderPlaceHolderLoading();
-                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
+                return React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
             },
             empty: function () {
                 if (!initialized)
                     return null;
                 if (renderPlaceHolderEmptyList)
                     return renderPlaceHolderEmptyList();
-                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS });
+                return React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS });
             },
             error: function () {
                 if (!initialized || !stores.sdkStore.error)
                     return null;
                 if (renderPlaceHolderError)
                     return renderPlaceHolderError();
-                return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG });
+                return React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG });
             },
         },
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "sendbird-channel-list__header" }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(GroupChannelList_components_GroupChannelListHeader.GroupChannelListHeader, { onEdit: function () { return allowProfileEdit && setShowProfileEdit(true); }, allowProfileEdit: allowProfileEdit, renderIconButton: function () { return renderer.addChannel(); } }))),
-        showProfileEdit && (React.createElement(EditUserProfile, { onThemeChange: onChangeTheme, onCancel: function () { return setShowProfileEdit(false); }, onEditProfile: function (user) {
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement("div", { className: "sendbird-channel-list__header" }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React__default.default.createElement(GroupChannelList_components_GroupChannelListHeader.GroupChannelListHeader, { onEdit: function () { return allowProfileEdit && setShowProfileEdit(true); }, allowProfileEdit: allowProfileEdit, renderIconButton: function () { return renderer.addChannel(); } }))),
+        showProfileEdit && (React__default.default.createElement(EditUserProfile, { onThemeChange: onChangeTheme, onCancel: function () { return setShowProfileEdit(false); }, onEditProfile: function (user) {
                 setShowProfileEdit(false);
                 onUserProfileUpdated(user);
             } })),
-        React.createElement(ChannelListComponent, { data: channels, renderItem: renderer.channel, onLoadMore: onLoadMore, placeholderLoading: renderer.placeholder.loading(), placeholderEmpty: renderer.placeholder.empty(), placeholderError: renderer.placeholder.error() })));
+        React__default.default.createElement(ChannelListComponent, { data: channels, renderItem: renderer.channel, onLoadMore: onLoadMore, placeholderLoading: renderer.placeholder.loading(), placeholderEmpty: renderer.placeholder.empty(), placeholderError: renderer.placeholder.error() })));
 };
 /**
  * To do: Implement windowing
@@ -58,12 +62,12 @@ var ChannelListComponent = function (props) {
     var onScroll = index.useOnScrollPositionChangeDetector({
         onReachedBottom: function () { return onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore(); },
     });
-    return (React.createElement("div", { className: 'sendbird-channel-list__body', onScroll: onScroll },
+    return (React__default.default.createElement("div", { className: 'sendbird-channel-list__body', onScroll: onScroll },
         placeholderError,
-        React.createElement("div", null, data.map(function (item, index) { return renderItem({ item: item, index: index }); })),
+        React__default.default.createElement("div", null, data.map(function (item, index) { return renderItem({ item: item, index: index }); })),
         placeholderLoading,
         data.length === 0 && placeholderEmpty));
 };
 
 exports.GroupChannelListUIView = GroupChannelListUIView;
-//# sourceMappingURL=bundle-DBOr-x8t.js.map
+//# sourceMappingURL=bundle-DBimuPy5.js.map

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

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

package/cjs/chunks/{bundle-e0O2ux90.js → bundle-DBxITwxu.js}

@@ -2,17 +2,21 @@
 
 var React = require('react');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 /**
  * user profile goes deep inside the component tree
  * use this context as a short circuit to send in values
  */
-var UserProfileContext = React.createContext({
+var UserProfileContext = React__default.default.createContext({
     disableUserProfile: true,
     isOpenChannel: false,
 });
 var UserProfileProvider = function (_a) {
     var _b = _a.isOpenChannel, isOpenChannel = _b === void 0 ? false : _b, _c = _a.disableUserProfile, disableUserProfile = _c === void 0 ? false : _c, renderUserProfile = _a.renderUserProfile, onUserProfileMessage = _a.onUserProfileMessage, children = _a.children;
-    return (React.createElement(UserProfileContext.Provider, { value: {
+    return (React__default.default.createElement(UserProfileContext.Provider, { value: {
             isOpenChannel: isOpenChannel,
             disableUserProfile: disableUserProfile,
             renderUserProfile: renderUserProfile,
@@ -22,4 +26,4 @@ var UserProfileProvider = function (_a) {
 
 exports.UserProfileContext = UserProfileContext;
 exports.UserProfileProvider = UserProfileProvider;
-//# sourceMappingURL=bundle-e0O2ux90.js.map
+//# sourceMappingURL=bundle-DBxITwxu.js.map

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

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

package/cjs/chunks/bundle-DDKB7brp.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+
+/* global MutationCallback */
+/* global MutationObserverInit */
+// To prevent Undefined lint errors: https://github.com/standard/standard/issues/1159#issuecomment-403003627
+function useElementObserver(selector, targetElement) {
+    var _a = React.useState(false), isElementMounted = _a[0], setIsElementMounted = _a[1];
+    React.useEffect(function () {
+        var targetElements = Array.isArray(targetElement) ? targetElement : [targetElement];
+        var updateElementState = function () {
+            var _a;
+            var elements = targetElements === null || targetElements === void 0 ? void 0 : targetElements.map(function (target) { return target === null || target === void 0 ? void 0 : target.querySelector(selector); });
+            setIsElementMounted((_a = elements === null || elements === void 0 ? void 0 : elements.some(function (element) { return !!element; })) !== null && _a !== void 0 ? _a : false);
+        };
+        updateElementState();
+        var observerCallback = function (mutations) {
+            mutations.forEach(function (mutation) {
+                if (mutation.addedNodes.length || mutation.removedNodes.length) {
+                    Array.from(mutation.addedNodes).forEach(function (node) {
+                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
+                            setIsElementMounted(true);
+                        }
+                    });
+                    Array.from(mutation.removedNodes).forEach(function (node) {
+                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
+                            setIsElementMounted(false);
+                        }
+                    });
+                }
+            });
+        };
+        var observer = new MutationObserver(observerCallback);
+        var observerOptions = {
+            childList: true, // Observe addition and removal of child nodes
+            subtree: true, // Observe the entire subtree
+        };
+        targetElements === null || targetElements === void 0 ? void 0 : targetElements.forEach(function (target) {
+            if (target)
+                observer.observe(target, observerOptions);
+        });
+        return function () {
+            observer.disconnect();
+        };
+    }, [selector, targetElement]);
+    return isElementMounted;
+}
+
+exports.useElementObserver = useElementObserver;
+//# sourceMappingURL=bundle-DDKB7brp.js.map

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

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

package/cjs/chunks/{bundle-DTXe3mFL.js → bundle-DJO2Axoj.js}

@@ -1,26 +1,30 @@
 'use strict';
 
-var _tslib = require('./bundle-CJ4C_lQr.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
 var React = require('react');
-var utils = require('./bundle-DisoZNvV.js');
+var utils = require('./bundle-CM2QHVT5.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-DnchMcYp.js');
+var LocalizationContext = require('./bundle-CiMvvzt_.js');
 var GroupChannel_components_SuggestedMentionList = require('../GroupChannel/components/SuggestedMentionList.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
 var ui_QuoteMessageInput = require('../ui/QuoteMessageInput.js');
 var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var VoiceRecorder_useVoiceRecorder = require('../VoiceRecorder/useVoiceRecorder.js');
-var ui_VoiceMessageInput = require('./bundle-CRUQT_mR.js');
-var ui_Modal = require('./bundle-BVG8wAfm.js');
+var ui_VoiceMessageInput = require('./bundle-lUMAR4iA.js');
+var ui_Modal = require('./bundle-B2dRfy75.js');
 var ui_Button = require('../ui/Button.js');
-var VoicePlayer_context = require('./bundle-B22Ty9Wl.js');
-var uuid = require('./bundle-BThLM1G6.js');
+var VoicePlayer_context = require('./bundle-Bfd7tojj.js');
+var uuid = require('./bundle-Sp2G1sf1.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var MediaQueryContext = require('./bundle-QmHmrOIH.js');
-var _const = require('./bundle-B6bMPH7-.js');
-var index = require('./bundle-C5OtWVnd.js');
-require('./bundle-Dq9xVvbD.js');
-var compressImages = require('./bundle-DuaQX9nz.js');
+var MediaQueryContext = require('./bundle-BFb_s1Sk.js');
+var _const = require('./bundle-wVbT1fu8.js');
+var index = require('./bundle-CRHrNWJp.js');
+require('./bundle-Cmim7RkF.js');
+var compressImages = require('./bundle-CKsrVBaS.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var VoiceMessageInputWrapper = function (_a) {
     var channel = _a.channel, onCancelClick = _a.onCancelClick, onSubmitClick = _a.onSubmitClick;
@@ -79,8 +83,8 @@ var VoiceMessageInputWrapper = function (_a) {
             }
         }
     }, [audioFile, recordingTime, playingStatus]);
-    return (React.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
-        React.createElement(ui_VoiceMessageInput.VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
+    return (React__default.default.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
+        React__default.default.createElement(ui_VoiceMessageInput.VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
                 onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
                 cancel();
                 stopVoicePlayer();
@@ -126,14 +130,14 @@ var VoiceMessageInputWrapper = function (_a) {
                     }
                 }
             } }),
-        showModal && (React.createElement(ui_Modal.Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: utils.isDisabledBecauseMuted(channel)
+        showModal && (React__default.default.createElement(ui_Modal.Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: utils.isDisabledBecauseMuted(channel)
                 ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED
                 : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onClose: function () {
                 setShowModal(false);
                 onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
             } },
-            React.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
-                React.createElement(ui_Button.default, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.BIG, onClick: function () {
+            React__default.default.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
+                React__default.default.createElement(ui_Button.default, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.BIG, onClick: function () {
                         setShowModal(false);
                         onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
                     } }, stringSet.BUTTON__OK))))));
@@ -166,7 +170,7 @@ var useHandleUploadFiles = function (_a, _b) {
                             },
                             childElement: function (_a) {
                                 var closeModal = _a.closeModal;
-                                return (React.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
+                                return (React__default.default.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
                             },
                         });
                         return [2 /*return*/];
@@ -183,7 +187,7 @@ var useHandleUploadFiles = function (_a, _b) {
                             },
                             childElement: function (_a) {
                                 var closeModal = _a.closeModal;
-                                return (React.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
+                                return (React__default.default.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
                             },
                         });
                         return [2 /*return*/];
@@ -244,7 +248,7 @@ var useHandleUploadFiles = function (_a, _b) {
     }); }, [sendFileMessage, sendMultipleFilesMessage, quoteMessage]);
 };
 
-var MessageInputWrapperView = React.forwardRef(function (props, ref) {
+var MessageInputWrapperView = React__default.default.forwardRef(function (props, ref) {
     var _a;
     // Props
     var currentChannel = props.currentChannel, loading = props.loading, quoteMessage = props.quoteMessage, setQuoteMessage = props.setQuoteMessage, messageInputRef = props.messageInputRef, sendUserMessage = props.sendUserMessage, sendFileMessage = props.sendFileMessage, sendVoiceMessage = props.sendVoiceMessage, sendMultipleFilesMessage = props.sendMultipleFilesMessage, 
@@ -317,8 +321,8 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
         return null;
     }
     // other conditions
-    return (React.createElement("div", { className: showVoiceMessageInput ? 'sendbird-message-input-wrapper--voice-message' : 'sendbird-message-input-wrapper' },
-        showSuggestedMentionList && (React.createElement(GroupChannel_components_SuggestedMentionList.SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
+    return (React__default.default.createElement("div", { className: showVoiceMessageInput ? 'sendbird-message-input-wrapper--voice-message' : 'sendbird-message-input-wrapper' },
+        showSuggestedMentionList && (React__default.default.createElement(GroupChannel_components_SuggestedMentionList.SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                 if (user) {
                     setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
                 }
@@ -330,15 +334,15 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
             }, onFetchUsers: function (users) {
                 setMentionSuggestedUsers(users);
             }, ableAddMention: ableMention, maxMentionCount: maxMentionCount, maxSuggestionCount: maxSuggestionCount })),
-        quoteMessage && (React.createElement("div", { className: "sendbird-message-input-wrapper__quote-message-input" },
-            React.createElement(ui_QuoteMessageInput, { replyingMessage: quoteMessage, onClose: function () { return setQuoteMessage(null); } }))),
-        showVoiceMessageInput ? (React.createElement(VoiceMessageInputWrapper, { channel: currentChannel !== null && currentChannel !== void 0 ? currentChannel : undefined, onSubmitClick: function (recordedFile, duration) {
+        quoteMessage && (React__default.default.createElement("div", { className: "sendbird-message-input-wrapper__quote-message-input" },
+            React__default.default.createElement(ui_QuoteMessageInput, { replyingMessage: quoteMessage, onClose: function () { return setQuoteMessage(null); } }))),
+        showVoiceMessageInput ? (React__default.default.createElement(VoiceMessageInputWrapper, { channel: currentChannel !== null && currentChannel !== void 0 ? currentChannel : undefined, onSubmitClick: function (recordedFile, duration) {
                 sendVoiceMessage({ file: recordedFile, parentMessageId: quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId }, duration);
                 setQuoteMessage(null);
                 setShowVoiceMessageInput(false);
             }, onCancelClick: function () {
                 setShowVoiceMessageInput(false);
-            } })) : (React.createElement(ui_MessageInput, { className: "sendbird-message-input-wrapper__message-input", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, acceptableMimeTypes: acceptableMimeTypes, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
+            } })) : (React__default.default.createElement(ui_MessageInput, { className: "sendbird-message-input-wrapper__message-input", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, acceptableMimeTypes: acceptableMimeTypes, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
                 setShowVoiceMessageInput(true);
             }, setMentionedUsers: setMentionedUsers, placeholder: (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)
                 || (utils.isDisabledBecauseFrozen(currentChannel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__FROZEN)
@@ -386,4 +390,4 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
 
 exports.MessageInputWrapperView = MessageInputWrapperView;
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=bundle-DTXe3mFL.js.map
+//# sourceMappingURL=bundle-DJO2Axoj.js.map

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

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

package/cjs/chunks/{bundle-Cuo8RPsP.js → bundle-DO1d5JI5.js}

@@ -1,9 +1,13 @@
 'use strict';
 
 var React = require('react');
-var ui_ContextMenu = require('./bundle-6P-e5JVH.js');
+var ui_ContextMenu = require('./bundle-BeTneyYL.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-DnchMcYp.js');
+var LocalizationContext = require('./bundle-CiMvvzt_.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var OpenChannelMessageStatusTypes = {
     NONE: 'none',
@@ -73,27 +77,27 @@ var OpenChannelMobileMenu = function (props) {
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var userId = (_b = (_a = useSendbirdStateContext.useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.userId;
     var fileMessage = message;
-    return (React.createElement(ui_ContextMenu.ContextMenu, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
-            isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
+    return (React__default.default.createElement(ui_ContextMenu.ContextMenu, { isOpen: true, menuItems: function () { return (React__default.default.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
+            isFineCopy({ message: userMessage, userId: userId, status: status }) && (React__default.default.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
                     copyToClipboard === null || copyToClipboard === void 0 ? void 0 : copyToClipboard();
                 }, testID: "open_channel_mobile_context_menu_copy" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
-            (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
+                React__default.default.createElement(React__default.default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
+            (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React__default.default.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
                     showEdit === null || showEdit === void 0 ? void 0 : showEdit();
                 }, testID: "open_channel_mobile_context_menu_edit" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
-            isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
+                React__default.default.createElement(React__default.default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
+            isFineResend({ message: message, userId: userId, status: status }) && (React__default.default.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                     resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage();
                 }, testID: "open_channel_mobile_context_menu_resend" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
-            (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
+                React__default.default.createElement(React__default.default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
+            (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.default.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                     showRemove === null || showRemove === void 0 ? void 0 : showRemove();
                 }, testID: "open_channel_mobile_context_menu_delete" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
-            isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
+                React__default.default.createElement(React__default.default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
+            isFineDownload({ message: message, status: status }) && (React__default.default.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                     hideMenu();
                 }, testID: "open_channel_mobile_context_menu_download_file" },
-                React.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
+                React__default.default.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
 };
 
 exports.OpenChannelMobileMenu = OpenChannelMobileMenu;
@@ -106,4 +110,4 @@ exports.isFineDelete = isFineDelete;
 exports.isFineEdit = isFineEdit;
 exports.isFineResend = isFineResend;
 exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=bundle-Cuo8RPsP.js.map
+//# sourceMappingURL=bundle-DO1d5JI5.js.map

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

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

package/cjs/chunks/{bundle-DDLs6DRc.js → bundle-DOBlcHXC.js}

@@ -7,4 +7,4 @@ var USER_ACTIONS = {
 };
 
 exports.USER_ACTIONS = USER_ACTIONS;
-//# sourceMappingURL=bundle-DDLs6DRc.js.map
+//# sourceMappingURL=bundle-DOBlcHXC.js.map

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

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

package/cjs/chunks/{bundle-CJz1Jpzg.js → bundle-DdS_e3Yg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var consts = require('./bundle-UZTd4E_b.js');
+var consts = require('./bundle-BdulnACZ.js');
 var lame_all = require('../lame.all.js');
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -129,4 +129,4 @@ function bufferToWav(abuffer, len) {
 
 exports.downsampleToWav = downsampleToWav;
 exports.encodeMp3 = encodeMp3;
-//# sourceMappingURL=bundle-CJz1Jpzg.js.map
+//# sourceMappingURL=bundle-DdS_e3Yg.js.map

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

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

package/cjs/chunks/{bundle-BqFUZAYs.js → bundle-Dkc097LB.js}

@@ -1,16 +1,20 @@
 'use strict';
 
-var _tslib = require('./bundle-CJ4C_lQr.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var pubSub_topics = require('./bundle-BTOs4s9G.js');
-var uuid = require('./bundle-BThLM1G6.js');
-var utils = require('./bundle-CxcGHjPH.js');
-var consts = require('./bundle-UZTd4E_b.js');
-var UserProfileContext = require('./bundle-e0O2ux90.js');
+var pubSub_topics = require('./bundle-B1gFRcVr.js');
+var uuid = require('./bundle-Sp2G1sf1.js');
+var utils = require('./bundle-CfMyWzdL.js');
+var consts = require('./bundle-BdulnACZ.js');
+var UserProfileContext = require('./bundle-DBxITwxu.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('./bundle-C5OtWVnd.js');
-var useReconnectOnIdle = require('./bundle-CmkbYxXK.js');
+var index = require('./bundle-CRHrNWJp.js');
+var useReconnectOnIdle = require('./bundle-CqdAunv3.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 var CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -705,7 +709,13 @@ function useHandleReconnectForChannelList(_a) {
     }, [shouldReconnect]);
 }
 
-var ChannelListContext = React.createContext(null);
+var ChannelListContext = React__default.default.createContext(null);
+/**
+ * @deprecated This provider is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannelListProvider` from '@sendbird/uikit-react/GroupChannelList' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
 var ChannelListProvider = function (props) {
     var _a, _b;
     // destruct props
@@ -919,9 +929,9 @@ var ChannelListProvider = function (props) {
         logger: logger,
         markAsDeliveredScheduler: markAsDeliveredScheduler,
     });
-    return (React.createElement(ChannelListContext.Provider, { value: _tslib.__assign(_tslib.__assign({ className: className, disableUserProfile: disableUserProfile, queries: queries_, onProfileEditSuccess: onProfileEditSuccess, onThemeChange: onThemeChange, onBeforeCreateChannel: onBeforeCreateChannel, overrideInviteUser: overrideInviteUser, onChannelSelect: onChannelSelect, sortChannelList: sortChannelList, allowProfileEdit: enableEditProfile, channelListDispatcher: channelListDispatcher, channelSource: channelSource }, channelListStore), { allChannels: sortedChannels, typingChannels: typingChannels, isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null && isTypingIndicatorEnabled !== void 0 ? isTypingIndicatorEnabled : config.groupChannelList.enableTypingIndicator, isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null && isMessageReceiptStatusEnabled !== void 0 ? isMessageReceiptStatusEnabled : config.groupChannelList.enableMessageReceiptStatus, fetchChannelList: fetchChannelList }) },
-        React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: userDefinedDisableUserProfile !== null && userDefinedDisableUserProfile !== void 0 ? userDefinedDisableUserProfile : !config.common.enableUsingDefaultUserProfile, renderUserProfile: userDefinedRenderProfile, onUserProfileMessage: onUserProfileMessage },
-            React.createElement("div", { className: "sendbird-channel-list ".concat(className) }, children))));
+    return (React__default.default.createElement(ChannelListContext.Provider, { value: _tslib.__assign(_tslib.__assign({ className: className, disableUserProfile: disableUserProfile, queries: queries_, onProfileEditSuccess: onProfileEditSuccess, onThemeChange: onThemeChange, onBeforeCreateChannel: onBeforeCreateChannel, overrideInviteUser: overrideInviteUser, onChannelSelect: onChannelSelect, sortChannelList: sortChannelList, allowProfileEdit: enableEditProfile, channelListDispatcher: channelListDispatcher, channelSource: channelSource }, channelListStore), { allChannels: sortedChannels, typingChannels: typingChannels, isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null && isTypingIndicatorEnabled !== void 0 ? isTypingIndicatorEnabled : config.groupChannelList.enableTypingIndicator, isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null && isMessageReceiptStatusEnabled !== void 0 ? isMessageReceiptStatusEnabled : config.groupChannelList.enableMessageReceiptStatus, fetchChannelList: fetchChannelList }) },
+        React__default.default.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: userDefinedDisableUserProfile !== null && userDefinedDisableUserProfile !== void 0 ? userDefinedDisableUserProfile : !config.common.enableUsingDefaultUserProfile, renderUserProfile: userDefinedRenderProfile, onUserProfileMessage: onUserProfileMessage },
+            React__default.default.createElement("div", { className: "sendbird-channel-list ".concat(className) }, children))));
 };
 function useChannelListContext() {
     var context = React.useContext(ChannelListContext);
@@ -934,4 +944,4 @@ exports.ChannelListProvider = ChannelListProvider;
 exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.useChannelListContext = useChannelListContext;
-//# sourceMappingURL=bundle-BqFUZAYs.js.map
+//# sourceMappingURL=bundle-Dkc097LB.js.map

package/cjs/chunks/{bundle-BqFUZAYs.js.map → bundle-Dkc097LB.js.map}

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

package/cjs/chunks/bundle-DldJJcPh.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var _tslib = require('./bundle-DmCOU0rJ.js');
+var React = require('react');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var useLongPress = require('./bundle-CflLBf1e.js');
+var LocalizationContext = require('./bundle-CiMvvzt_.js');
+var MediaQueryContext = require('./bundle-BFb_s1Sk.js');
+var utils = require('./bundle-CfMyWzdL.js');
+var index = require('./bundle-CRHrNWJp.js');
+var ui_MessageStatus = require('./bundle-CchFLX3D.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-Cmim7RkF.js');
+var ui_MentionUserLabel = require('../ui/MentionUserLabel.js');
+var ui_Modal = require('./bundle-B2dRfy75.js');
+var ui_TextButton = require('../ui/TextButton.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+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__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.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__default.default.createElement("div", { className: "sendbird-channel-preview__avatar" },
+                React__default.default.createElement(ui_ChannelAvatar, { channel: channel, userId: userId, theme: theme })),
+            React__default.default.createElement("div", { className: "sendbird-channel-preview__content" },
+                React__default.default.createElement("div", { className: "sendbird-channel-preview__content__upper" },
+                    React__default.default.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
+                        (channel.isBroadcast || false) && (React__default.default.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
+                            React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BROADCAST, fillColor: ui_Icon.IconColors.SECONDARY, height: "16px", width: "16px" }))),
+                        React__default.default.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", testID: "sendbird-channel-preview__content__upper__header__channel-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, channelName),
+                        React__default.default.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__default.default.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
+                            React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, height: 12, width: 12 })))),
+                    !channel.isEphemeral && isMessageStatusEnabled && (React__default.default.createElement(ui_MessageStatus.MessageStatus, { className: "sendbird-channel-preview__content__upper__last-message-at", channel: channel, message: channel.lastMessage, isDateSeparatorConsidered: false })),
+                    !channel.isEphemeral && !isMessageStatusEnabled && (React__default.default.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__default.default.createElement("div", { className: "sendbird-channel-preview__content__lower" },
+                    React__default.default.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__default.default.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__default.default.createElement("div", { className: "sendbird-channel-preview__content__lower__unread-message-count" },
+                        isMentionEnabled && channel.unreadMentionCount > 0 ? (React__default.default.createElement(ui_MentionUserLabel, { className: "sendbird-channel-preview__content__lower__unread-message-count__mention", color: "purple" }, '@')) : null,
+                        ui_MessageStatus.getChannelUnreadMessageCount(channel) ? ( // return number
+                        React__default.default.createElement(ui_Badge, { count: ui_MessageStatus.getChannelUnreadMessageCount(channel) })) : null)))),
+            !isMobile && (React__default.default.createElement("div", { className: "sendbird-channel-preview__action" }, renderChannelAction({ channel: channel })))),
+        showMobileLeave && isMobile && (React__default.default.createElement(ui_Modal.Modal, { className: "sendbird-channel-preview__leave--mobile", titleText: channelName, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () { return setShowMobileLeave(false); } },
+            React__default.default.createElement(ui_TextButton, { onClick: function () {
+                    onLeaveChannel();
+                    setShowMobileLeave(false);
+                }, className: "sendbird-channel-preview__leave-label--mobile" },
+                React__default.default.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-DldJJcPh.js.map

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

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