@sendbird/uikit-react 3.13.3 → 3.14.0-beta.2

package/chunks/{bundle-BlHQV-25.js → bundle-BJ9OAqWz.js}

@@ -34,4 +34,4 @@ var CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = 'sendbird_message_templates_token_key';
 var CACHED_MESSAGE_TEMPLATES_KEY = 'sendbird_message_templates_key';
 
 export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, CACHED_MESSAGE_TEMPLATES_TOKEN_KEY as C, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_BIT_RATE as V, VOICE_MESSAGE_FILE_NAME as a, VOICE_MESSAGE_MIME_TYPE as b, VOICE_RECORDER_AUDIO_SAMPLE_RATE as c, SCROLL_BOTTOM_DELAY_FOR_FETCH as d, SCROLL_BOTTOM_DELAY_FOR_SEND as e, VOICE_PLAYER_AUDIO_ID as f, VOICE_RECORDER_DEFAULT_MIN as g, VOICE_RECORDER_CLICK_BUFFER_TIME as h, VOICE_PLAYER_ROOT_ID as i, META_ARRAY_MESSAGE_TYPE_KEY as j, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as k, SLIDER_BUTTON_ICON_SIDE_LENGTH as l, CACHED_MESSAGE_TEMPLATES_KEY as m, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as n, VOICE_RECORDER_DEFAULT_MAX as o };
-//# sourceMappingURL=bundle-BlHQV-25.js.map
+//# sourceMappingURL=bundle-BJ9OAqWz.js.map

package/chunks/bundle-BJ9OAqWz.js.map

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

package/chunks/{bundle-Bm_WZS3a.js → bundle-BJgNc4do.js}

@@ -1,4 +1,4 @@
-import { r as requiredArgs, t as toDate } from './bundle-DBzkkIf1.js';
+import { r as requiredArgs, t as toDate } from './bundle-dw1OtCIz.js';
 
 /**
  * @name startOfDay
@@ -61,4 +61,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 export { isSameDay as i };
-//# sourceMappingURL=bundle-Bm_WZS3a.js.map
+//# sourceMappingURL=bundle-BJgNc4do.js.map

package/chunks/{bundle-Bm_WZS3a.js.map → bundle-BJgNc4do.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-Bm_WZS3a.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-BJgNc4do.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-Dypl_pLH.js → bundle-BJs_5v6q.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-BX0LQWqY.js';
+import { u as useLocalization } from './bundle-CJIPD7gN.js';
 
 var OpenChannelMessageStatusTypes = {
     NONE: 'none',
@@ -95,4 +95,4 @@ var OpenChannelMobileMenu = function (props) {
 };
 
 export { OpenChannelMobileMenu as O, isFineEdit as a, isFineResend as b, isFineDelete as c, checkIsPending as d, checkIsFailed as e, checkIsSent as f, getSenderFromMessage as g, isFineCopy as i, showMenuTrigger as s };
-//# sourceMappingURL=bundle-Dypl_pLH.js.map
+//# sourceMappingURL=bundle-BJs_5v6q.js.map

package/chunks/{bundle-Dypl_pLH.js.map → bundle-BJs_5v6q.js.map}

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

package/chunks/{bundle-DQnpJfyk.js → bundle-BKG2cvZ9.js}

@@ -1,6 +1,6 @@
-import { _ as __assign } from './bundle-CVDtzU3E.js';
+import { _ as __assign } from './bundle-D_KO6Orc.js';
 import React__default from 'react';
-import { S as SuggestedMentionListView } from './bundle-CS4RK0T7.js';
+import { S as SuggestedMentionListView } from './bundle-By4sE23W.js';
 import { useThreadContext } from '../Thread/context.js';
 
 var SuggestedMentionList = function (props) {
@@ -9,4 +9,4 @@ var SuggestedMentionList = function (props) {
 };
 
 export { SuggestedMentionList as S };
-//# sourceMappingURL=bundle-DQnpJfyk.js.map
+//# sourceMappingURL=bundle-BKG2cvZ9.js.map

package/chunks/bundle-BKG2cvZ9.js.map

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

package/chunks/{bundle-BntzGGYb.js → bundle-BNeRxCQA.js}

@@ -85,4 +85,4 @@ function throttle(callback, delay, options) {
 }
 
 export { throttle as t, useThrottleCallback as u };
-//# sourceMappingURL=bundle-BntzGGYb.js.map
+//# sourceMappingURL=bundle-BNeRxCQA.js.map

package/chunks/bundle-BNeRxCQA.js.map

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

package/chunks/{bundle-SvqLmXeF.js → bundle-BNydv1KA.js}

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
-import { M as Modal } from './bundle-CCUBCV04.js';
-import './bundle-CVDtzU3E.js';
-import './bundle-DPhbbRZE.js';
+import { M as Modal } from './bundle-BSPBjwR6.js';
+import './bundle-D_KO6Orc.js';
+import './bundle-C-_RpFyM.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { L as LocalizationContext } from './bundle-BX0LQWqY.js';
-import { g as getModalDeleteMessageTitle } from './bundle-CIhbNReG.js';
+import { L as LocalizationContext } from './bundle-CJIPD7gN.js';
+import { g as getModalDeleteMessageTitle } from './bundle-DkRogqRS.js';
 
 var RemoveMessageModalView = function (props) {
     var _a;
@@ -25,4 +25,4 @@ var RemoveMessageModalView = function (props) {
 };
 
 export { RemoveMessageModalView as R };
-//# sourceMappingURL=bundle-SvqLmXeF.js.map
+//# sourceMappingURL=bundle-BNydv1KA.js.map

package/chunks/bundle-BNydv1KA.js.map

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

package/chunks/{bundle-BVGlC_pg.js → bundle-BPclYGwz.js}

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

package/chunks/bundle-BPclYGwz.js.map

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

package/chunks/{bundle-CCUBCV04.js → bundle-BSPBjwR6.js}

@@ -1,13 +1,13 @@
-import { c as __spreadArray } from './bundle-CVDtzU3E.js';
+import { c as __spreadArray } from './bundle-D_KO6Orc.js';
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { n as noop } from './bundle-CT3xDvIx.js';
-import { L as LocalizationContext } from './bundle-BX0LQWqY.js';
-import { u as useMediaQueryContext } from './bundle-CLqgMCvn.js';
+import { n as noop } from './bundle-CwofYH9U.js';
+import { L as LocalizationContext } from './bundle-CJIPD7gN.js';
+import { u as useMediaQueryContext } from './bundle-BuIxT5aZ.js';
 import IconButton from '../ui/IconButton.js';
 import Button, { ButtonTypes } from '../ui/Button.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-DPhbbRZE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-C-_RpFyM.js';
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -62,4 +62,4 @@ function Modal(props) {
 }
 
 export { Modal as M, MODAL_ROOT as a, ModalRoot as b, ModalFooter as c, ModalHeader as d, ModalBody as e };
-//# sourceMappingURL=bundle-CCUBCV04.js.map
+//# sourceMappingURL=bundle-BSPBjwR6.js.map

package/chunks/bundle-BSPBjwR6.js.map

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

package/chunks/{bundle-DYJilNov.js → bundle-BUy5u56K.js}

@@ -12,4 +12,4 @@ var pxToNumber = function (px) {
 };
 
 export { pxToNumber as p };
-//# sourceMappingURL=bundle-DYJilNov.js.map
+//# sourceMappingURL=bundle-BUy5u56K.js.map

package/chunks/bundle-BUy5u56K.js.map

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

package/chunks/{bundle-jd7__XU_.js → bundle-BdZAuvN7.js}

@@ -1,13 +1,13 @@
-import { c as __spreadArray } from './bundle-CVDtzU3E.js';
+import { c as __spreadArray } from './bundle-D_KO6Orc.js';
 import React__default from 'react';
-import { f as format } from './bundle-DBzkkIf1.js';
+import { f as format } from './bundle-dw1OtCIz.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-DPhbbRZE.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-C-_RpFyM.js';
 import Loader from '../ui/Loader.js';
-import { C as isTemplateMessage, k as isImage, A as isGif, j as isVideo, D as isAudio, E as isVoiceMessageMimeType, F as isSentStatus } from './bundle-DI3fL4Xw.js';
+import { C as isTemplateMessage, k as isImage, A as isGif, j as isVideo, D as isAudio, E as isVoiceMessageMimeType, F as isSentStatus } from './bundle-5okwu0-4.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-CMKCY3ba.js';
-import { u as useLocalization } from './bundle-BX0LQWqY.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-CcVFQEGF.js';
+import { u as useLocalization } from './bundle-CJIPD7gN.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -131,4 +131,4 @@ function MessageStatus(_a) {
 }
 
 export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=bundle-jd7__XU_.js.map
+//# sourceMappingURL=bundle-BdZAuvN7.js.map

package/chunks/bundle-BdZAuvN7.js.map

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

package/chunks/{bundle-DEqxoG9B.js → bundle-Bf5VthYV.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-DEqxoG9B.js.map
+//# sourceMappingURL=bundle-Bf5VthYV.js.map

package/chunks/bundle-Bf5VthYV.js.map

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

package/chunks/{bundle-BAsn0CBE.js → bundle-BhjXV0mk.js}

@@ -25,4 +25,4 @@ var copyToClipboard = function (text) {
 };
 
 export { copyToClipboard as c };
-//# sourceMappingURL=bundle-BAsn0CBE.js.map
+//# sourceMappingURL=bundle-BhjXV0mk.js.map

package/chunks/bundle-BhjXV0mk.js.map

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

package/chunks/{bundle-fvRtOX6P.js → bundle-BmPxXQ_C.js}

@@ -1,12 +1,12 @@
 import React__default from 'react';
 import IconButton from '../ui/IconButton.js';
 import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-DPhbbRZE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-C-_RpFyM.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
-import { g as getChannelTitle } from './bundle-aE9efllI.js';
-import { u as useMediaQueryContext } from './bundle-CLqgMCvn.js';
+import { g as getChannelTitle } from './bundle-Bys5RwQj.js';
+import { u as useMediaQueryContext } from './bundle-BuIxT5aZ.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-BX0LQWqY.js';
+import { u as useLocalization } from './bundle-CJIPD7gN.js';
 
 var GroupChannelHeaderView = function (_a) {
     var _b;
@@ -33,4 +33,4 @@ var GroupChannelHeaderView = function (_a) {
 };
 
 export { GroupChannelHeaderView as G };
-//# sourceMappingURL=bundle-fvRtOX6P.js.map
+//# sourceMappingURL=bundle-BmPxXQ_C.js.map

package/chunks/bundle-BmPxXQ_C.js.map

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

package/chunks/{bundle-CYtZF1xr.js → bundle-BoezGGkX.js}

@@ -1,18 +1,18 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { U as UserProfileProvider } from './bundle-yNfnN0a6.js';
-import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-CVDtzU3E.js';
-import { c as compareIds } from './bundle-CAki7JUf.js';
-import { p as pubSubTopics } from './bundle-DEqxoG9B.js';
+import { U as UserProfileProvider } from './bundle-DnFiUPoR.js';
+import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-D_KO6Orc.js';
+import { c as compareIds } from './bundle-CPszRkFg.js';
+import { p as pubSubTopics } from './bundle-Bf5VthYV.js';
 import { ChannelType } from '@sendbird/chat';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { u as uuidv4 } from './bundle-CkInAxxb.js';
-import { c as compressImages } from './bundle-CfZFWZM3.js';
+import { u as uuidv4 } from './bundle-BFDyBk4r.js';
+import { c as compressImages } from './bundle-CTyr18ZN.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useGlobalModalContext } from '../hooks/useModal.js';
-import { u as useLocalization } from './bundle-BX0LQWqY.js';
-import { O as ONE_MiB } from './bundle-BlHQV-25.js';
-import { c as ModalFooter } from './bundle-CCUBCV04.js';
-import './bundle-DPhbbRZE.js';
+import { u as useLocalization } from './bundle-CJIPD7gN.js';
+import { O as ONE_MiB } from './bundle-BJ9OAqWz.js';
+import { c as ModalFooter } from './bundle-BSPBjwR6.js';
+import './bundle-C-_RpFyM.js';
 import { ButtonTypes } from '../ui/Button.js';
 
 var shouldFetchMore = function (messageLength, maxMessages) {
@@ -1362,4 +1362,4 @@ var OpenChannelProvider = function (props) {
 var useOpenChannelContext = function () { return React__default.useContext(OpenChannelContext); };
 
 export { OpenChannelProvider as O, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=bundle-CYtZF1xr.js.map
+//# sourceMappingURL=bundle-BoezGGkX.js.map

package/chunks/{bundle-CYtZF1xr.js.map → bundle-BoezGGkX.js.map}

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

package/chunks/{bundle-CLqgMCvn.js → bundle-BuIxT5aZ.js}

@@ -73,4 +73,4 @@ var MediaQueryProvider = function (props) {
 var useMediaQueryContext = function () { return React__default.useContext(MediaQueryContext); };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=bundle-CLqgMCvn.js.map
+//# sourceMappingURL=bundle-BuIxT5aZ.js.map

package/chunks/bundle-BuIxT5aZ.js.map

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

package/chunks/{bundle-WrvoTlHQ.js → bundle-BvQAepkJ.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-WrvoTlHQ.js.map
+//# sourceMappingURL=bundle-BvQAepkJ.js.map

package/chunks/bundle-BvQAepkJ.js.map

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

package/chunks/{bundle-CS4RK0T7.js → bundle-By4sE23W.js}

@@ -1,13 +1,13 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-DPhbbRZE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-C-_RpFyM.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { A as Avatar } from './bundle-BXpzbAbi.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-BX0LQWqY.js';
-import { u as uuidv4 } from './bundle-CkInAxxb.js';
+import { A as Avatar } from './bundle-C4sUzPGS.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-CJIPD7gN.js';
+import { u as uuidv4 } from './bundle-BFDyBk4r.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-CZYvKysu.js';
-import { M as MessageInputKeys } from './bundle-ts_i6oEg.js';
-import { a as __awaiter, b as __generator } from './bundle-CVDtzU3E.js';
+import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-DoLed6JB.js';
+import { M as MessageInputKeys } from './bundle-87W4GPnC.js';
+import { a as __awaiter, b as __generator } from './bundle-D_KO6Orc.js';
 
 function SuggestedUserMentionItem(props) {
     var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
@@ -168,4 +168,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 export { SuggestedMentionListView as S };
-//# sourceMappingURL=bundle-CS4RK0T7.js.map
+//# sourceMappingURL=bundle-By4sE23W.js.map

package/chunks/{bundle-CS4RK0T7.js.map → bundle-By4sE23W.js.map}

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

package/chunks/{bundle-aE9efllI.js → bundle-Bys5RwQj.js}

@@ -1,4 +1,4 @@
-import { c as LabelStringSet } from './bundle-DPhbbRZE.js';
+import { c as LabelStringSet } from './bundle-C-_RpFyM.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -22,4 +22,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 export { getChannelTitle as g };
-//# sourceMappingURL=bundle-aE9efllI.js.map
+//# sourceMappingURL=bundle-Bys5RwQj.js.map

package/chunks/bundle-Bys5RwQj.js.map

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

package/chunks/{bundle-DPhbbRZE.js → bundle-C-_RpFyM.js}

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from './bundle-CVDtzU3E.js';
+import { c as __spreadArray } from './bundle-D_KO6Orc.js';
 import React__default from 'react';
-import { g as getStringSet } from './bundle-DaQK1Cox.js';
+import { g as getStringSet } from './bundle-DXhynnjn.js';
 
 var Typography = {
     H_1: 'H_1',
@@ -64,7 +64,7 @@ function changeColorToClassName(color) {
     }
 }
 
-function Label(_a) {
+function Label(_a, ref) {
     var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c;
     return (
     // Donot make this into div
@@ -74,11 +74,12 @@ function Label(_a) {
             'sendbird-label',
             changeTypographyToClassName(type),
             changeColorToClassName(color),
-        ], false).join(' ') }, children));
+        ], false).join(' '), ref: ref }, children));
 }
 var LabelTypography = Typography;
 var LabelColors = Colors;
-var LabelStringSet = getStringSet('en');
+var LabelStringSet = getStringSet('en');
+var Label$1 = React__default.forwardRef(Label);
 
-export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
-//# sourceMappingURL=bundle-DPhbbRZE.js.map
+export { Label$1 as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d, Label as e };
+//# sourceMappingURL=bundle-C-_RpFyM.js.map

package/chunks/bundle-C-_RpFyM.js.map

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

package/chunks/{bundle-DxdGwARh.js → bundle-C0LxowmB.js}

@@ -1,6 +1,6 @@
 import React__default, { createContext, useReducer, useContext } from 'react';
-import { _ as __assign } from './bundle-CVDtzU3E.js';
-import { i as VOICE_PLAYER_ROOT_ID, f as VOICE_PLAYER_AUDIO_ID, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from './bundle-BlHQV-25.js';
+import { _ as __assign } from './bundle-D_KO6Orc.js';
+import { i as VOICE_PLAYER_ROOT_ID, f as VOICE_PLAYER_AUDIO_ID, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from './bundle-BJ9OAqWz.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
@@ -243,4 +243,4 @@ var VoicePlayerProvider = function (_a) {
 var useVoicePlayerContext = function () { return useContext(Context); };
 
 export { AudioUnitDefaultValue as A, VOICE_PLAYER_STATUS as V, ALL as a, VoicePlayerProvider as b, useVoicePlayerContext as u };
-//# sourceMappingURL=bundle-DxdGwARh.js.map
+//# sourceMappingURL=bundle-C0LxowmB.js.map

package/chunks/{bundle-DxdGwARh.js.map → bundle-C0LxowmB.js.map}

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

package/chunks/{bundle-BkM4cdOJ.js → bundle-C1RngQCJ.js}

@@ -1,19 +1,19 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { A as Avatar } from './bundle-BXpzbAbi.js';
+import { A as Avatar } from './bundle-C4sUzPGS.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-DPhbbRZE.js';
-import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-DI3fL4Xw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-C-_RpFyM.js';
+import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-5okwu0-4.js';
 import '../hooks/useModal.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { a as MODAL_ROOT } from './bundle-CCUBCV04.js';
+import { a as MODAL_ROOT } from './bundle-BSPBjwR6.js';
 
 var FileViewerView = function (_a) {
-    var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage, onDownloadClick = _a.onDownloadClick;
+    var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage;
     var sender = message.sender, type = message.type, url = message.url, _b = message.name, name = _b === void 0 ? '' : _b, threadInfo = message.threadInfo;
     var profileUrl = sender.profileUrl, nickname = sender.nickname, userId = sender.userId;
     var config = useSendbirdStateContext().config;
-    return createPortal(React__default.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0, onDownloadClick: onDownloadClick }), document.getElementById(MODAL_ROOT));
+    return createPortal(React__default.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0 }), document.getElementById(MODAL_ROOT));
 };
 var FileViewerComponent = function (_a) {
     var 
@@ -22,7 +22,7 @@ var FileViewerComponent = function (_a) {
     // file
     name = _a.name, type = _a.type, url = _a.url, 
     // others
-    isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete, onDownloadClick = _a.onDownloadClick;
+    isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete;
     return (React__default.createElement("div", { className: "sendbird-fileviewer" },
         React__default.createElement("div", { className: "sendbird-fileviewer__header" },
             React__default.createElement("div", { className: "sendbird-fileviewer__header__left" },
@@ -32,7 +32,7 @@ var FileViewerComponent = function (_a) {
                 React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__sender-name", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, nickname)),
             React__default.createElement("div", { className: "sendbird-fileviewer__header__right" },
                 isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
-                    React__default.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank", onClick: onDownloadClick },
+                    React__default.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
                         React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
                     onDelete && isByMe && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete" },
                         React__default.createElement(Icon, { className: disableDelete ? 'disabled' : '', type: IconTypes.DELETE, fillColor: disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function () {
@@ -51,4 +51,4 @@ var FileViewerComponent = function (_a) {
 };
 
 export { FileViewerView as F };
-//# sourceMappingURL=bundle-BkM4cdOJ.js.map
+//# sourceMappingURL=bundle-C1RngQCJ.js.map

package/chunks/bundle-C1RngQCJ.js.map

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

package/chunks/{bundle-BXpzbAbi.js → bundle-C4sUzPGS.js}

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from './bundle-CVDtzU3E.js';
+import { c as __spreadArray } from './bundle-D_KO6Orc.js';
 import React__default from 'react';
 import ImageRenderer from '../ui/ImageRenderer.js';
-import { p as pxToNumber } from './bundle-DYJilNov.js';
+import { p as pxToNumber } from './bundle-BUy5u56K.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 
 var AvatarDefault = function (props) {
@@ -52,7 +52,7 @@ var AvatarInner = function (_a) {
     return (React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
 };
 function Avatar(_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 0 : _g, _h = _a.left, left = _h === void 0 ? '' : _h, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 0 : _g, _h = _a.left, left = _h === void 0 ? '' : _h, _j = _a.bottom, bottom = _j === void 0 ? '' : _j, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
     return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-avatar',
         ], false).join(' '), role: "button", ref: ref, style: {
@@ -60,10 +60,11 @@ function Avatar(_a, ref) {
             width: width,
             zIndex: zIndex,
             left: left,
+            bottom: bottom,
         }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
         React__default.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
 }
 var Avatar$1 = React__default.forwardRef(Avatar);
 
 export { Avatar$1 as A, AvatarDefault as a, AvatarInner as b };
-//# sourceMappingURL=bundle-BXpzbAbi.js.map
+//# sourceMappingURL=bundle-C4sUzPGS.js.map

package/chunks/bundle-C4sUzPGS.js.map

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

package/chunks/{bundle-VttuSapS.js → bundle-C8TvjQ68.js}

@@ -1,15 +1,15 @@
-import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-CVDtzU3E.js';
+import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-D_KO6Orc.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-DEqxoG9B.js';
-import { u as uuidv4 } from './bundle-CkInAxxb.js';
-import { n as noop } from './bundle-CT3xDvIx.js';
-import { D as DELIVERY_RECEIPT$1 } from './bundle-BlHQV-25.js';
-import { U as UserProfileProvider } from './bundle-yNfnN0a6.js';
+import { p as pubSubTopics } from './bundle-Bf5VthYV.js';
+import { u as uuidv4 } from './bundle-BFDyBk4r.js';
+import { n as noop } from './bundle-CwofYH9U.js';
+import { D as DELIVERY_RECEIPT$1 } from './bundle-BJ9OAqWz.js';
+import { U as UserProfileProvider } from './bundle-DnFiUPoR.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, S } from './bundle-4a9M9y8N.js';
-import { T as filterChannelListParams, V as getChannelsWithUpsertedChannel } from './bundle-DI3fL4Xw.js';
-import { u as useReconnectOnIdle } from './bundle-D3OeBr-9.js';
+import { K, S } from './bundle-aH4n4ipp.js';
+import { Z as filterChannelListParams, _ as getChannelsWithUpsertedChannel } from './bundle-5okwu0-4.js';
+import { u as useReconnectOnIdle } from './bundle-ynxAt7xC.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-VttuSapS.js.map
+//# sourceMappingURL=bundle-C8TvjQ68.js.map

package/chunks/{bundle-VttuSapS.js.map → bundle-C8TvjQ68.js.map}

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

package/chunks/{bundle-Di7baNGv.js → bundle-CF6PMu9B.js}

@@ -34,4 +34,4 @@ var CreateChannelProvider = function (props) {
 var useCreateChannelContext = function () { return (React__default.useContext(CreateChannelContext)); };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=bundle-Di7baNGv.js.map
+//# sourceMappingURL=bundle-CF6PMu9B.js.map

package/chunks/bundle-CF6PMu9B.js.map

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

package/chunks/{bundle-BX0LQWqY.js → bundle-CJIPD7gN.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './bundle-DaQK1Cox.js';
-import { d as defaultLocale } from './bundle-BxBdkxXV.js';
+import { g as getStringSet } from './bundle-DXhynnjn.js';
+import { d as defaultLocale } from './bundle-CcTHgZqq.js';
 
 var LocalizationContext = React__default.createContext({
     stringSet: getStringSet('en'),
@@ -13,4 +13,4 @@ var LocalizationProvider = function (props) {
 var useLocalization = function () { return React__default.useContext(LocalizationContext); };
 
 export { LocalizationContext as L, LocalizationProvider as a, useLocalization as u };
-//# sourceMappingURL=bundle-BX0LQWqY.js.map
+//# sourceMappingURL=bundle-CJIPD7gN.js.map

package/chunks/bundle-CJIPD7gN.js.map

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

package/chunks/{bundle-IuZ6uyzU.js → bundle-COGPgRK-.js}

@@ -31,4 +31,4 @@ var isDisabledBecauseMuted = function (groupChannel) {
 };
 
 export { isDisabledBecauseMuted as a, isContextMenuClosed as b, getMessageTopOffset as c, getComponentKeyFromMessage as g, isDisabledBecauseFrozen as i };
-//# sourceMappingURL=bundle-IuZ6uyzU.js.map
+//# sourceMappingURL=bundle-COGPgRK-.js.map