@sendbird/uikit-react 3.11.1 → 3.12.0-rc.0

package/chunks/{bundle-YoiKtyRA.js → bundle-5rAtBp8F.js}

@@ -1,7 +1,7 @@
 import { ConnectionHandler } from '@sendbird/chat';
 import { useState, useEffect, useLayoutEffect, useMemo } from 'react';
-import { u as uuidv4 } from './bundle-brky8TnE.js';
-import { b as __awaiter, c as __generator } from './bundle-0vtSUcHY.js';
+import { u as uuidv4 } from './bundle-7128atOc.js';
+import { a as __awaiter, b as __generator } from './bundle-bBs0-8AF.js';
 
 function useOnlineStatus(sdk, logger) {
     var _a, _b;
@@ -194,4 +194,4 @@ function useMarkAsDeliveredScheduler(_a, _b) {
 }
 
 export { useMarkAsDeliveredScheduler as a, useUnmount as b, schedulerFactory as s, useOnlineStatus as u };
-//# sourceMappingURL=bundle-YoiKtyRA.js.map
+//# sourceMappingURL=bundle-5rAtBp8F.js.map

package/chunks/{bundle-YoiKtyRA.js.map → bundle-5rAtBp8F.js.map}

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

package/chunks/{bundle-YBExtK73.js → bundle-67KZd0Wh.js}

@@ -1,5 +1,4 @@
-import React__default, { useState } from 'react';
-import { u as useChannelListContext } from './bundle--LjMBMp3.js';
+import React__default from 'react';
 import IconButton from '../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import CreateChannel from '../CreateChannel.js';
@@ -17,11 +16,5 @@ var AddGroupChannelView = function (_a) {
             }, onBeforeCreateChannel: onBeforeCreateChannel, onCreateChannelClick: onCreateChannelClick }))));
 };
 
-var AddChannel = function () {
-    var _a = useState(false), showModal = _a[0], setShowModal = _a[1];
-    var _b = useChannelListContext(), overrideInviteUser = _b.overrideInviteUser, onBeforeCreateChannel = _b.onBeforeCreateChannel, onChannelSelect = _b.onChannelSelect;
-    return (React__default.createElement(AddGroupChannelView, { createChannelVisible: showModal, onChangeCreateChannelVisible: setShowModal, onCreateChannelClick: overrideInviteUser, onBeforeCreateChannel: onBeforeCreateChannel, onChannelCreated: onChannelSelect }));
-};
-
-export { AddChannel as A, AddGroupChannelView as a };
-//# sourceMappingURL=bundle-YBExtK73.js.map
+export { AddGroupChannelView as A };
+//# sourceMappingURL=bundle-67KZd0Wh.js.map

package/chunks/bundle-67KZd0Wh.js.map

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

package/chunks/{bundle-brky8TnE.js → bundle-7128atOc.js}

@@ -10,4 +10,4 @@ var uuidv4 = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace
 }); };
 
 export { uuidv4 as u };
-//# sourceMappingURL=bundle-brky8TnE.js.map
+//# sourceMappingURL=bundle-7128atOc.js.map

package/chunks/bundle-7128atOc.js.map

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

package/chunks/{bundle-BnMLjoeD.js → bundle-7RxHW-e9.js}

@@ -1,4 +1,4 @@
-import { r as requiredArgs, t as toDate } from './bundle-IKRolu9P.js';
+import { r as requiredArgs, t as toDate } from './bundle-GM_JyB6p.js';
 
 /**
  * @name startOfDay
@@ -61,4 +61,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 export { isSameDay as i };
-//# sourceMappingURL=bundle-BnMLjoeD.js.map
+//# sourceMappingURL=bundle-7RxHW-e9.js.map

package/chunks/{bundle-BnMLjoeD.js.map → bundle-7RxHW-e9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-BnMLjoeD.js","sources":["../../node_modules/date-fns/esm/startOfDay/index.js","../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":[],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-7RxHW-e9.js","sources":["../../node_modules/date-fns/esm/startOfDay/index.js","../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":[],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}

package/chunks/{bundle-WSNk7jGd.js → bundle-7cTKRmbK.js}

@@ -1,11 +1,11 @@
 import React__default, { useContext } from 'react';
-import { M as Modal } from './bundle-92kzAxsw.js';
-import './bundle-0vtSUcHY.js';
-import './bundle-RzWTDZDo.js';
+import { M as Modal } from './bundle-cqMRshaU.js';
+import './bundle-bBs0-8AF.js';
+import './bundle-VC1JO5-p.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { L as LocalizationContext } from './bundle-zOkaSZl3.js';
+import { L as LocalizationContext } from './bundle-wbu1BRph.js';
 import { useThreadContext } from '../Thread/context.js';
-import { g as getModalDeleteMessageTitle } from './bundle-ncF5Vx6b.js';
+import { g as getModalDeleteMessageTitle } from './bundle-OZuyNhMv.js';
 
 var RemoveMessage = function (props) {
     var _a;
@@ -21,4 +21,4 @@ var RemoveMessage = function (props) {
 };
 
 export { RemoveMessage as R };
-//# sourceMappingURL=bundle-WSNk7jGd.js.map
+//# sourceMappingURL=bundle-7cTKRmbK.js.map

package/chunks/bundle-7cTKRmbK.js.map

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

package/chunks/{bundle-SI8TVXcF.js → bundle-7h36Ded4.js}

@@ -54,4 +54,4 @@ var channelActions = /*#__PURE__*/Object.freeze({
 });
 
 export { FETCH_INITIAL_MESSAGES_START as F, MESSAGE_LIST_PARAMS_CHANGED as M, ON_MESSAGE_RECEIVED as O, RESET_MESSAGES as R, SEND_MESSAGE_START as S, FETCH_INITIAL_MESSAGES_SUCCESS as a, FETCH_INITIAL_MESSAGES_FAILURE as b, FETCH_PREV_MESSAGES_SUCCESS as c, FETCH_NEXT_MESSAGES_SUCCESS as d, FETCH_PREV_MESSAGES_FAILURE as e, FETCH_NEXT_MESSAGES_FAILURE as f, SEND_MESSAGE_SUCCESS as g, SEND_MESSAGE_FAILURE as h, SET_CURRENT_CHANNEL as i, SET_CHANNEL_INVALID as j, ON_MESSAGE_UPDATED as k, ON_MESSAGE_THREAD_INFO_UPDATED as l, RESEND_MESSAGE_START as m, MARK_AS_READ as n, ON_MESSAGE_DELETED as o, ON_MESSAGE_DELETED_BY_REQ_ID as p, SET_EMOJI_CONTAINER as q, ON_REACTION_UPDATED as r, ON_FILE_INFO_UPLOADED as s, ON_TYPING_STATUS_UPDATED as t, channelActions as u };
-//# sourceMappingURL=bundle-SI8TVXcF.js.map
+//# sourceMappingURL=bundle-7h36Ded4.js.map

package/chunks/bundle-7h36Ded4.js.map

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

package/chunks/{bundle-KwnXXB-s.js → bundle-7nI0MJOs.js}

@@ -39,4 +39,4 @@ var PUBSUB_TOPICS;
 var pubSubTopics = PUBSUB_TOPICS;
 
 export { PublishingModuleType as P, shouldPubSubPublishToThread as a, PUBSUB_TOPICS as b, pubSubTopics as p, shouldPubSubPublishToChannel as s };
-//# sourceMappingURL=bundle-KwnXXB-s.js.map
+//# sourceMappingURL=bundle-7nI0MJOs.js.map

package/chunks/bundle-7nI0MJOs.js.map

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

package/chunks/{bundle-9M3o3hPA.js → bundle-8C68O5Qm.js}

@@ -1,13 +1,13 @@
-import { a as __spreadArray } from './bundle-0vtSUcHY.js';
+import { c as __spreadArray } from './bundle-bBs0-8AF.js';
 import React__default from 'react';
-import { f as format } from './bundle-IKRolu9P.js';
+import { f as format } from './bundle-GM_JyB6p.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-RzWTDZDo.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-VC1JO5-p.js';
 import Loader from '../ui/Loader.js';
-import { v as isImage, y as isGif, x as isVideo, A as isAudio, B as isVoiceMessageMimeType, C as isSentStatus } from './bundle-hrqkDKRD.js';
+import { k as isImage, A as isGif, j as isVideo, C as isAudio, D as isVoiceMessageMimeType, E as isSentStatus } from './bundle-RX3fBZMu.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-2lbcW98e.js';
-import { u as useLocalization } from './bundle-zOkaSZl3.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-qxRcOzlA.js';
+import { u as useLocalization } from './bundle-wbu1BRph.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -127,5 +127,5 @@ function MessageStatus(_a) {
             : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
 }
 
-export { MessageStatus as M, getLastMessageCreatedAt as a, getLastMessage as b, getChannelUnreadMessageCount as c, getChannelTitle as d, MessageStatusTypes as e, getTotalMembers as g };
-//# sourceMappingURL=bundle-9M3o3hPA.js.map
+export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
+//# sourceMappingURL=bundle-8C68O5Qm.js.map

package/chunks/{bundle-9M3o3hPA.js.map → bundle-8C68O5Qm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-9M3o3hPA.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-8C68O5Qm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-QWYghVSN.js → bundle-8M13Uq7P.js}

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from './bundle-0vtSUcHY.js';
+import { c as __spreadArray } from './bundle-bBs0-8AF.js';
 import { SendingStatus } from '@sendbird/chat/message';
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
@@ -30,7 +30,7 @@ var scrollIntoLast = function (initialTry, scrollRef, setIsScrolled) {
     }
     try {
         var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
-        scrollDOM.scrollTop = scrollRef.current.scrollHeight;
+        scrollDOM.scrollTop = scrollDOM.scrollHeight;
         setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
     }
     catch (error) {
@@ -120,4 +120,4 @@ var isAboutSame = function (a, b, px) {
 };
 
 export { scrollToRenderedMessage as a, isDisabledBecauseFrozen as b, isDisabledBecauseMuted as c, getNicknamesMapFromMembers as d, getAllEmojisMapFromEmojiContainer as g, isAboutSame as i, mergeAndSortMessages as m, passUnsuccessfullMessages as p, scrollIntoLast as s };
-//# sourceMappingURL=bundle-QWYghVSN.js.map
+//# sourceMappingURL=bundle-8M13Uq7P.js.map

package/chunks/{bundle-QWYghVSN.js.map → bundle-8M13Uq7P.js.map}

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

package/chunks/{bundle--M9av9I5.js → bundle-8PbcZ5aj.js}

@@ -1,4 +1,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 export { OG_MESSAGE_BODY_CLASSNAME as O };
-//# sourceMappingURL=bundle--M9av9I5.js.map
+//# sourceMappingURL=bundle-8PbcZ5aj.js.map

package/chunks/bundle-8PbcZ5aj.js.map

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

package/chunks/{bundle-fgZJ6wUh.js → bundle-94myZnyI.js}

@@ -1,4 +1,4 @@
-import { c as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-e5lT4U6_.js';
+import { d as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-5FiMKfdx.js';
 import { WavHeader as ut, Mp3Encoder as ht } from '../lame.all.js';
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -122,4 +122,4 @@ function bufferToWav(abuffer, len) {
 }
 
 export { downsampleToWav, encodeMp3 };
-//# sourceMappingURL=bundle-fgZJ6wUh.js.map
+//# sourceMappingURL=bundle-94myZnyI.js.map

package/chunks/bundle-94myZnyI.js.map

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

package/chunks/{bundle-1kYamWYQ.js → bundle-9nrFshYX.js}

@@ -3,9 +3,9 @@ import { PlaybackTime } from '../ui/PlaybackTime.js';
 import { ProgressBar } from '../ui/ProgressBar.js';
 import TextButton from '../ui/TextButton.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { b as LabelColors, L as Label, a as LabelTypography } from './bundle-RzWTDZDo.js';
-import { u as useLocalization } from './bundle-zOkaSZl3.js';
-import { e as VOICE_RECORDER_CLICK_BUFFER_TIME, f as VOICE_RECORDER_DEFAULT_MIN } from './bundle-e5lT4U6_.js';
+import { b as LabelColors, L as Label, a as LabelTypography } from './bundle-VC1JO5-p.js';
+import { u as useLocalization } from './bundle-wbu1BRph.js';
+import { h as VOICE_RECORDER_CLICK_BUFFER_TIME, g as VOICE_RECORDER_DEFAULT_MIN } from './bundle-5FiMKfdx.js';
 
 /* eslint-disable no-redeclare */
 var VoiceMessageInputStatus = {
@@ -93,4 +93,4 @@ var VoiceMessageInput = function (_a) {
 };
 
 export { VoiceMessageInputStatus as V, VoiceMessageInput as a };
-//# sourceMappingURL=bundle-1kYamWYQ.js.map
+//# sourceMappingURL=bundle-9nrFshYX.js.map

package/chunks/{bundle-1kYamWYQ.js.map → bundle-9nrFshYX.js.map}

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

package/chunks/{bundle-zqJVlTpN.js → bundle-9vFMqSQw.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { K } from './bundle-9wFvMqxF.js';
-import { T as TOKEN_TYPES, U as USER_MENTION_PREFIX, g as getWhiteSpacePreservedText } from './bundle-2xEG_fol.js';
+import { K } from './bundle-46qOcsB3.js';
+import { T as TOKEN_TYPES, U as USER_MENTION_PREFIX, g as getWhiteSpacePreservedText } from './bundle-BvxbprFR.js';
 import { useMessageContext } from '../Message/context.js';
 import MentionLabel from '../ui/MentionLabel.js';
 import LinkLabel from '../ui/LinkLabel.js';
-import { a as LabelTypography } from './bundle-RzWTDZDo.js';
+import { a as LabelTypography } from './bundle-VC1JO5-p.js';
 
 // this function is used to generate a unique key for token in message
 // it changes with updated time and index
@@ -33,4 +33,4 @@ function TextFragment(_a) {
 }
 
 export { TextFragment as T };
-//# sourceMappingURL=bundle-zqJVlTpN.js.map
+//# sourceMappingURL=bundle-9vFMqSQw.js.map

package/chunks/bundle-9vFMqSQw.js.map

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

package/chunks/{bundle-fNYexgBr.js → bundle-Br-kF2rc.js}

@@ -1,9 +1,9 @@
 import { useCallback } from 'react';
 import DOMPurify from 'dompurify';
-import { a as __spreadArray } from './bundle-0vtSUcHY.js';
-import { M as MENTION_USER_LABEL_CLASSNAME } from './bundle-72sPkBu4.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from './bundle-5x-SH0ln.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from './bundle--M9av9I5.js';
+import { c as __spreadArray } from './bundle-bBs0-8AF.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from './bundle-2atU-KVo.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from './bundle--rPLqx46.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from './bundle-8PbcZ5aj.js';
 
 function renderToString(_a) {
     var userId = _a.userId, nickname = _a.nickname;
@@ -208,4 +208,4 @@ function usePaste(_a) {
 }
 
 export { isChannelTypeSupportsMultipleFilesMessage as i, nodeListToArray as n, renderToString as r, sanitizeString as s, usePaste as u };
-//# sourceMappingURL=bundle-fNYexgBr.js.map
+//# sourceMappingURL=bundle-Br-kF2rc.js.map

package/chunks/{bundle-fNYexgBr.js.map → bundle-Br-kF2rc.js.map}

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

package/chunks/{bundle-2xEG_fol.js → bundle-BvxbprFR.js}

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from './bundle-0vtSUcHY.js';
+import { c as __spreadArray } from './bundle-bBs0-8AF.js';
 
 var USER_MENTION_PREFIX = '@';
 
@@ -51,7 +51,7 @@ function identifyMentions(_a) {
     return results;
 }
 function identifyUrlsAndStrings(token) {
-    var URL_REG = /(?:https?:\/\/|www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.(xn--)?[a-z0-9-]{2,20}\b([-a-zA-Z0-9@:%_+[\],.~#?&/=]*[-a-zA-Z0-9@:%_+~#?&/=])*/g;
+    var URL_REG = /(?:https?:\/\/|www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.(xn--)?[a-z]{2,20}\b([-a-zA-Z0-9@:%_+[\],.~#?&/=]*[-a-zA-Z0-9@:%_+~#?&/=])*/g;
     var results = token.map(function (token) {
         if (token.type !== TOKEN_TYPES.undetermined) {
             return token;
@@ -73,15 +73,13 @@ function identifyUrlsAndStrings(token) {
             var head = restText.slice(0, start - cursor);
             var mid = text;
             var tail = restText.slice(end - cursor);
-            items.push({ value: head, type: TOKEN_TYPES.string }, { value: mid, type: TOKEN_TYPES.url });
+            if (head.length > 0)
+                items.push({ value: head, type: TOKEN_TYPES.string });
+            items.push({ value: mid, type: TOKEN_TYPES.url });
             if (tail.length > 0)
                 items.push({ value: tail, type: TOKEN_TYPES.string });
             cursor = end;
         });
-        // Remove the first empty string
-        if (items[0].value === '' && items[0].type === TOKEN_TYPES.string) {
-            items.shift();
-        }
         return items;
     }).flat();
     return results;
@@ -145,4 +143,4 @@ function getWhiteSpacePreservedText(text) {
 }
 
 export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as g, tokenizeMessage as t };
-//# sourceMappingURL=bundle-2xEG_fol.js.map
+//# sourceMappingURL=bundle-BvxbprFR.js.map

package/chunks/bundle-BvxbprFR.js.map

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

package/chunks/{bundle--LjMBMp3.js → bundle-BxGOQnDI.js}

@@ -1,15 +1,15 @@
-import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-0vtSUcHY.js';
+import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-bBs0-8AF.js';
 import React__default, { useEffect, useCallback, useReducer, useState, useMemo, useContext } from 'react';
 import { GroupChannelHandler, GroupChannelListOrder } from '@sendbird/chat/groupChannel';
-import { p as pubSubTopics } from './bundle-KwnXXB-s.js';
-import { u as uuidv4 } from './bundle-brky8TnE.js';
-import { n as noop } from './bundle-4ab6nIKe.js';
-import { D as DELIVERY_RECEIPT$1 } from './bundle-e5lT4U6_.js';
-import { U as UserProfileProvider } from './bundle-U_0F9z8c.js';
+import { p as pubSubTopics } from './bundle-7nI0MJOs.js';
+import { u as uuidv4 } from './bundle-7128atOc.js';
+import { n as noop } from './bundle-MYBkZ28K.js';
+import { D as DELIVERY_RECEIPT$1 } from './bundle-5FiMKfdx.js';
+import { U as UserProfileProvider } from './bundle-xHxKphkV.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, S } from './bundle-9wFvMqxF.js';
-import { R as filterChannelListParams, T as getChannelsWithUpsertedChannel } from './bundle-hrqkDKRD.js';
-import { u as useReconnectOnIdle } from './bundle-T7ZknK5s.js';
+import { K, S } from './bundle-46qOcsB3.js';
+import { R as filterChannelListParams, T as getChannelsWithUpsertedChannel } from './bundle-RX3fBZMu.js';
+import { u as useReconnectOnIdle } from './bundle-Omjc0GuQ.js';
 
 var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 var CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -943,4 +943,4 @@ function useChannelListContext() {
 }
 
 export { ChannelListProvider as C, LEAVE_CHANNEL_SUCCESS as L, SET_CURRENT_CHANNEL as S, useChannelListContext as u };
-//# sourceMappingURL=bundle--LjMBMp3.js.map
+//# sourceMappingURL=bundle-BxGOQnDI.js.map

package/chunks/{bundle--LjMBMp3.js.map → bundle-BxGOQnDI.js.map}

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

package/chunks/{bundle-R5n5AVj8.js → bundle-DDOXEDJp.js}

@@ -28,4 +28,4 @@ var generateDefaultAvatar = function (channel) {
 };
 
 export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
-//# sourceMappingURL=bundle-R5n5AVj8.js.map
+//# sourceMappingURL=bundle-DDOXEDJp.js.map

package/chunks/bundle-DDOXEDJp.js.map

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

package/chunks/{bundle-5cvB_UbP.js → bundle-F-lMyjp-.js}

@@ -8,4 +8,4 @@ function getIsReactionEnabled(_a) {
 }
 
 export { getIsReactionEnabled as g };
-//# sourceMappingURL=bundle-5cvB_UbP.js.map
+//# sourceMappingURL=bundle-F-lMyjp-.js.map

package/chunks/bundle-F-lMyjp-.js.map

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

package/chunks/bundle-FVeeTX_F.js

@@ -0,0 +1,86 @@
+import { _ as __assign } from './bundle-bBs0-8AF.js';
+import React__default, { useState } from 'react';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { u as useLongPress } from './bundle-r8uICiMq.js';
+import { u as useLocalization } from './bundle-wbu1BRph.js';
+import { u as useMediaQueryContext } from './bundle-RjOfwRD9.js';
+import { n as noop } from './bundle-MYBkZ28K.js';
+import { i as isVoiceMessage } from './bundle-RX3fBZMu.js';
+import { a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from './bundle-8C68O5Qm.js';
+import { TypingIndicatorText } from '../GroupChannel/components/TypingIndicator.js';
+import Badge from '../ui/Badge.js';
+import ChannelAvatar from '../ui/ChannelAvatar.js';
+import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-VC1JO5-p.js';
+import MentionUserLabel from '../ui/MentionUserLabel.js';
+import { M as Modal } from './bundle-cqMRshaU.js';
+import TextButton from '../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 ? noop : _c, _d = _a.onLeaveChannel, onLeaveChannel = _d === void 0 ? function () { return Promise.resolve(); } : _d, renderChannelAction = _a.renderChannelAction;
+    var config = useSendbirdStateContext().config;
+    var theme = config.theme, isMentionEnabled = config.isMentionEnabled, userId = config.userId;
+    var _e = useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
+    var isMobile = useMediaQueryContext().isMobile;
+    var _f = useState(false), showMobileLeave = _f[0], setShowMobileLeave = _f[1];
+    var onLongPress = useLongPress({
+        onLongPress: function () {
+            if (isMobile) {
+                setShowMobileLeave(true);
+            }
+        },
+        onClick: onClick,
+    }, {
+        delay: 1000,
+    });
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", __assign({ className: [
+                'sendbird-channel-preview',
+                isSelected ? 'sendbird-channel-preview--active' : '',
+            ].join(' '), role: "link", tabIndex: tabIndex }, (isMobile ? __assign({}, onLongPress) : { onClick: onClick })),
+            React__default.createElement("div", { className: "sendbird-channel-preview__avatar" },
+                React__default.createElement(ChannelAvatar, { channel: channel, userId: userId, theme: theme })),
+            React__default.createElement("div", { className: "sendbird-channel-preview__content" },
+                React__default.createElement("div", { className: "sendbird-channel-preview__content__upper" },
+                    React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
+                        (channel.isBroadcast || false) && (React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
+                            React__default.createElement(Icon, { type: IconTypes.BROADCAST, fillColor: IconColors.SECONDARY, height: "16px", width: "16px" }))),
+                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, channelName),
+                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, getTotalMembers(channel)),
+                        (channel.isFrozen) && (React__default.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
+                            React__default.createElement(Icon, { type: IconTypes.FREEZE, fillColor: IconColors.PRIMARY, height: 12, width: 12 })))),
+                    !channel.isEphemeral && isMessageStatusEnabled && (React__default.createElement(MessageStatus, { className: "sendbird-channel-preview__content__upper__last-message-at", channel: channel, message: channel.lastMessage, isDateSeparatorConsidered: false })),
+                    !channel.isEphemeral && !isMessageStatusEnabled && (React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__last-message-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, getLastMessageCreatedAt({
+                        channel: channel,
+                        locale: dateLocale,
+                        stringSet: stringSet,
+                    })))),
+                React__default.createElement("div", { className: "sendbird-channel-preview__content__lower" },
+                    React__default.createElement(Label, { className: "sendbird-channel-preview__content__lower__last-message", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 },
+                        isTyping && (React__default.createElement(TypingIndicatorText, { members: channel.getTypingUsers() })),
+                        !isTyping
+                            && !isVoiceMessage(channel.lastMessage)
+                            && getLastMessage(channel, stringSet),
+                        !isTyping
+                            && 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.createElement("div", { className: "sendbird-channel-preview__content__lower__unread-message-count" },
+                        isMentionEnabled && channel.unreadMentionCount > 0 ? (React__default.createElement(MentionUserLabel, { className: "sendbird-channel-preview__content__lower__unread-message-count__mention", color: "purple" }, '@')) : null,
+                        getChannelUnreadMessageCount(channel) ? ( // return number
+                        React__default.createElement(Badge, { count: getChannelUnreadMessageCount(channel) })) : null)))),
+            !isMobile && (React__default.createElement("div", { className: "sendbird-channel-preview__action" }, renderChannelAction({ channel: channel })))),
+        showMobileLeave && isMobile && (React__default.createElement(Modal, { className: "sendbird-channel-preview__leave--mobile", titleText: channelName, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () { return setShowMobileLeave(false); } },
+            React__default.createElement(TextButton, { onClick: function () {
+                    onLeaveChannel();
+                    setShowMobileLeave(false);
+                }, className: "sendbird-channel-preview__leave-label--mobile" },
+                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))))));
+};
+
+export { GroupChannelListItemView as G };
+//# sourceMappingURL=bundle-FVeeTX_F.js.map

package/chunks/bundle-FVeeTX_F.js.map

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

package/chunks/{bundle-IKRolu9P.js → bundle-GM_JyB6p.js}

@@ -1,4 +1,4 @@
-import { d as defaultLocale } from './bundle-YOec1wfw.js';
+import { d as defaultLocale } from './bundle-jKjzU1MT.js';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -1711,4 +1711,4 @@ function cleanEscapedString(input) {
 }
 
 export { toInteger as a, format as f, requiredArgs as r, toDate as t };
-//# sourceMappingURL=bundle-IKRolu9P.js.map
+//# sourceMappingURL=bundle-GM_JyB6p.js.map