@sendbird/uikit-react 3.12.0 → 3.13.0

package/{cjs/chunks/bundle-nZsWuDxZ.js.map → chunks/bundle-NntyZyeL.js.map}

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

package/chunks/{bundle-VeP4ZGTy.js → bundle-NwEKq2eQ.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-YcH_HSha.js';
-import { u as useLocalization } from './bundle-QDjzCG-h.js';
-import { h as VOICE_RECORDER_CLICK_BUFFER_TIME, g as VOICE_RECORDER_DEFAULT_MIN } from './bundle-42MD-_6f.js';
+import { b as LabelColors, L as Label, a as LabelTypography } from './bundle-9c5vLDe9.js';
+import { u as useLocalization } from './bundle-wpc1Fted.js';
+import { h as VOICE_RECORDER_CLICK_BUFFER_TIME, g as VOICE_RECORDER_DEFAULT_MIN } from './bundle-xC7o7NLR.js';
 
 /* eslint-disable no-redeclare */
 var VoiceMessageInputStatus = {
@@ -93,4 +93,4 @@ var VoiceMessageInput = function (_a) {
 };
 
 export { VoiceMessageInputStatus as V, VoiceMessageInput as a };
-//# sourceMappingURL=bundle-VeP4ZGTy.js.map
+//# sourceMappingURL=bundle-NwEKq2eQ.js.map

package/chunks/{bundle-VeP4ZGTy.js.map → bundle-NwEKq2eQ.js.map}

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

package/chunks/{bundle-Eiortw-P.js → bundle-O7xTFAHP.js}

@@ -4,16 +4,16 @@ import IconButton from '../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import UserListItem$1 from '../ChannelSettings/components/UserListItem.js';
-import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator, d as __rest } from './bundle-s7Jm-nQL.js';
-import { M as Modal } from './bundle-hwjo__1w.js';
+import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator, d as __rest } from './bundle-KIf79auh.js';
+import { M as Modal } from './bundle-22Jw6ztq.js';
 import UserListItem from '../ui/UserListItem.js';
-import { n as noop } from './bundle-CBZRgcMe.js';
+import { n as noop } from './bundle-DHw1C5gJ.js';
 import { useChannelSettingsContext } from '../ChannelSettings/context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-QDjzCG-h.js';
-import './bundle-YcH_HSha.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-aU9DrOs1.js';
-import { u as uuidv4 } from './bundle-mXxUWu6C.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-wpc1Fted.js';
+import './bundle-9c5vLDe9.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-Ueye8-sz.js';
+import { u as uuidv4 } from './bundle-hjFxrcMW.js';
 
 function MembersModal(_a) {
     var _b;
@@ -311,4 +311,4 @@ var MemberList = function () {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=bundle-Eiortw-P.js.map
+//# sourceMappingURL=bundle-O7xTFAHP.js.map

package/chunks/{bundle-Eiortw-P.js.map → bundle-O7xTFAHP.js.map}

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

package/chunks/{bundle-y9OFIxWO.js → bundle-PTiTVbcu.js}

@@ -1,7 +1,7 @@
 import { ConnectionHandler } from '@sendbird/chat';
 import { useState, useEffect, useLayoutEffect, useMemo } from 'react';
-import { u as uuidv4 } from './bundle-mXxUWu6C.js';
-import { a as __awaiter, b as __generator } from './bundle-s7Jm-nQL.js';
+import { u as uuidv4 } from './bundle-hjFxrcMW.js';
+import { a as __awaiter, b as __generator } from './bundle-KIf79auh.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-y9OFIxWO.js.map
+//# sourceMappingURL=bundle-PTiTVbcu.js.map

package/chunks/{bundle-y9OFIxWO.js.map → bundle-PTiTVbcu.js.map}

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

package/chunks/{bundle-OdLkkyEZ.js → bundle-PYv4lPO3.js}

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

package/chunks/{bundle-OdLkkyEZ.js.map → bundle-PYv4lPO3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-OdLkkyEZ.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-PYv4lPO3.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-OGLIDsv0.js → bundle-PdtvfqJT.js}

@@ -27,4 +27,4 @@ var pubSubFactory = function () {
 };
 
 export { pubSubFactory as p };
-//# sourceMappingURL=bundle-OGLIDsv0.js.map
+//# sourceMappingURL=bundle-PdtvfqJT.js.map

package/chunks/bundle-PdtvfqJT.js.map

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

package/chunks/{bundle-S3i59_HU.js → bundle-Sl-oiala.js}

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

package/chunks/bundle-Sl-oiala.js.map

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

package/chunks/{bundle-fdlrWGps.js → bundle-Sm0-7tTm.js}

@@ -1,4 +1,4 @@
-import { c as __spreadArray } from './bundle-s7Jm-nQL.js';
+import { c as __spreadArray } from './bundle-KIf79auh.js';
 
 var USER_MENTION_PREFIX = '@';
 
@@ -143,4 +143,4 @@ function getWhiteSpacePreservedText(text) {
 }
 
 export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as g, tokenizeMessage as t };
-//# sourceMappingURL=bundle-fdlrWGps.js.map
+//# sourceMappingURL=bundle-Sm0-7tTm.js.map

package/chunks/bundle-Sm0-7tTm.js.map

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

package/chunks/{bundle-aU9DrOs1.js → bundle-Ueye8-sz.js}

@@ -1,8 +1,8 @@
 import { useRef, useLayoutEffect } from 'react';
-import { c as SCROLL_BUFFER } from './bundle-42MD-_6f.js';
-import { i as isAboutSame } from './bundle-W5PUqymk.js';
+import { S as SCROLL_BUFFER } from './bundle-xC7o7NLR.js';
+import { i as isAboutSame } from './bundle-NQDEdVJA.js';
 import { usePreservedCallback } from '@sendbird/uikit-tools';
-import { u as useThrottleCallback, t as throttle } from './bundle-hTd1NizA.js';
+import { u as useThrottleCallback, t as throttle } from './bundle-X7gl5vNX.js';
 
 var BUFFER_DELAY = 100;
 function useOnScrollPositionChangeDetector(params) {
@@ -54,4 +54,4 @@ function useOnScrollPositionChangeDetectorWithRef(scrollRef, params) {
 }
 
 export { useOnScrollPositionChangeDetectorWithRef as a, useOnScrollPositionChangeDetector as u };
-//# sourceMappingURL=bundle-aU9DrOs1.js.map
+//# sourceMappingURL=bundle-Ueye8-sz.js.map

package/chunks/bundle-Ueye8-sz.js.map

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

package/chunks/{bundle-hTd1NizA.js → bundle-X7gl5vNX.js}

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

package/chunks/bundle-X7gl5vNX.js.map

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

package/chunks/{bundle-FS7VoABk.js → bundle-XDy3Cf54.js}

@@ -98,6 +98,8 @@ var stringSet = {
         TOOLTIP__UNKNOWN_USER: '(no name)',
         UNKNOWN__UNKNOWN_MESSAGE_TYPE: '(Unknown message type)',
         UNKNOWN__CANNOT_READ_MESSAGE: 'Cannot read this message.',
+        UNKNOWN__TEMPLATE_ERROR: '(Template error)',
+        UNKNOWN__CANNOT_READ_TEMPLATE: 'Cannot read this template.',
         MESSAGE_EDITED: '(edited)',
         // Channel - Modal
         MODAL__DELETE_MESSAGE__TITLE: 'Delete this message?',
@@ -202,6 +204,7 @@ var stringSet = {
         CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO: 'Audio',
         CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE: 'Voice message',
         CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL: 'File',
+        CHANNEL_PREVIEW_LAST_MESSAGE_TEMPLATE_MESSAGE: 'Message',
         // Date format
         DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE: 'p \'on\' MMM dd',
         DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: 'MMMM dd, yyyy',
@@ -231,4 +234,4 @@ var getStringSet = function (lang) {
 };
 
 export { getStringSet as g };
-//# sourceMappingURL=bundle-FS7VoABk.js.map
+//# sourceMappingURL=bundle-XDy3Cf54.js.map

package/chunks/{bundle-bXxgZ3h3.js.map → bundle-XDy3Cf54.js.map}

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

package/chunks/{bundle-HIwSRGfa.js → bundle-XjJUjhN1.js}

@@ -1,5 +1,5 @@
-import { c as isMultipleFilesMessage } from './bundle-aAXpX7Sl.js';
-import { K } from './bundle-jnJfrZ-B.js';
+import { c as isMultipleFilesMessage } from './bundle-LTiCF37t.js';
+import { K } from './bundle-0QDb7-Y_.js';
 
 function getModalDeleteMessageTitle(stringSet, message) {
     return K(message)
@@ -13,4 +13,4 @@ function getModalDeleteMessageTitle(stringSet, message) {
 }
 
 export { getModalDeleteMessageTitle as g };
-//# sourceMappingURL=bundle-HIwSRGfa.js.map
+//# sourceMappingURL=bundle-XjJUjhN1.js.map

package/chunks/bundle-XjJUjhN1.js.map

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

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

package/chunks/bundle-Y3ZVN9yF.js.map

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

package/chunks/{bundle-7-k9ar1S.js → bundle-_hGurAcC.js}

@@ -21,4 +21,4 @@ var UserProfileProvider = function (_a) {
 };
 
 export { UserProfileProvider as U, UserProfileContext as a };
-//# sourceMappingURL=bundle-7-k9ar1S.js.map
+//# sourceMappingURL=bundle-_hGurAcC.js.map

package/chunks/bundle-_hGurAcC.js.map

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

package/chunks/{bundle-bXxgZ3h3.js → bundle-a73hFmUC.js}

@@ -1,18 +1,19 @@
-import { c as __spreadArray, _ as __assign } from './bundle-s7Jm-nQL.js';
+import { c as __spreadArray, _ as __assign } from './bundle-KIf79auh.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from './bundle-lS2bdzD_.js';
-import { u as useLocalization } from './bundle-QDjzCG-h.js';
+import { f as format } from './bundle-eC1SRuX3.js';
+import { u as useLocalization } from './bundle-wpc1Fted.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT, S as SuggestedMentionListView } from './bundle-ZOw_iEjI.js';
-import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-5qVfPYXm.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-yIputEl7.js';
+import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-39Y3yv8j.js';
 import { useDirtyGetMentions } from '../Message/hooks/useDirtyGetMentions.js';
-import { w as getClassName, g as getSuggestedReplies } from './bundle-aAXpX7Sl.js';
+import { w as getClassName, g as getSuggestedReplies } from './bundle-LTiCF37t.js';
 import DateSeparator from '../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-YcH_HSha.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-9c5vLDe9.js';
 import MessageInput from '../ui/MessageInput.js';
-import { M as MessageInputKeys } from './bundle-iRd3nywJ.js';
+import { M as MessageInputKeys } from './bundle-AaDwp4eU.js';
 import MessageContent from '../ui/MessageContent.js';
-import { SuggestedReplies } from '../GroupChannel/components/SuggestedReplies.js';
+import SuggestedReplies from '../GroupChannel/components/SuggestedReplies.js';
+import { S as SuggestedMentionListView } from './bundle-NntyZyeL.js';
 
 var useDidMountEffect = function (func, deps) {
     var _a = useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -31,19 +32,18 @@ var MessageView = function (props) {
     var _a, _b;
     var 
     // MessageProps
-    message = props.message, renderMessage = props.renderMessage, _c = props.renderMessageContent, renderMessageContent = _c === void 0 ? function (props) { return React__default.createElement(MessageContent, __assign({}, props)); } : _c, renderCustomSeparator = props.renderCustomSeparator, renderEditInput = props.renderEditInput, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, 
+    message = props.message, renderMessage = props.renderMessage, children = props.children, _c = props.renderMessageContent, renderMessageContent = _c === void 0 ? function (props) { return React__default.createElement(MessageContent, __assign({}, props)); } : _c, _d = props.renderSuggestedReplies, renderSuggestedReplies = _d === void 0 ? function (props) { return (React__default.createElement(SuggestedReplies, __assign({}, props))); } : _d, renderCustomSeparator = props.renderCustomSeparator, renderEditInput = props.renderEditInput, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, 
     // MessageViewProps
-    channel = props.channel, emojiContainer = props.emojiContainer, editInputDisabled = props.editInputDisabled, shouldRenderSuggestedReplies = props.shouldRenderSuggestedReplies, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, renderUserMentionItem = props.renderUserMentionItem, scrollToMessage = props.scrollToMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onQuoteMessageClick = props.onQuoteMessageClick, onReplyInThreadClick = props.onReplyInThreadClick, sendUserMessage = props.sendUserMessage, updateUserMessage = props.updateUserMessage, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, renderFileViewer = props.renderFileViewer, renderRemoveMessageModal = props.renderRemoveMessageModal, setAnimatedMessageId = props.setAnimatedMessageId, animatedMessageId = props.animatedMessageId, onMessageAnimated = props.onMessageAnimated, highLightedMessageId = props.highLightedMessageId, setHighLightedMessageId = props.setHighLightedMessageId, onMessageHighlighted = props.onMessageHighlighted;
-    var _d = useLocalization(), dateLocale = _d.dateLocale, stringSet = _d.stringSet;
+    channel = props.channel, emojiContainer = props.emojiContainer, editInputDisabled = props.editInputDisabled, shouldRenderSuggestedReplies = props.shouldRenderSuggestedReplies, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, renderUserMentionItem = props.renderUserMentionItem, scrollToMessage = props.scrollToMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onQuoteMessageClick = props.onQuoteMessageClick, onReplyInThreadClick = props.onReplyInThreadClick, sendUserMessage = props.sendUserMessage, updateUserMessage = props.updateUserMessage, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, renderFileViewer = props.renderFileViewer, renderRemoveMessageModal = props.renderRemoveMessageModal, setAnimatedMessageId = props.setAnimatedMessageId, animatedMessageId = props.animatedMessageId, onMessageAnimated = props.onMessageAnimated;
+    var _e = useLocalization(), dateLocale = _e.dateLocale, stringSet = _e.stringSet;
     var globalStore = useSendbirdStateContext();
-    var _e = globalStore.config, userId = _e.userId, isOnline = _e.isOnline, isMentionEnabled = _e.isMentionEnabled, userMention = _e.userMention, logger = _e.logger;
+    var _f = globalStore.config, userId = _f.userId, isOnline = _f.isOnline, isMentionEnabled = _f.isMentionEnabled, userMention = _f.userMention, logger = _f.logger;
     var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || MAX_USER_MENTION_COUNT;
     var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || MAX_USER_SUGGESTION_COUNT;
-    var _f = useState(false), showEdit = _f[0], setShowEdit = _f[1];
-    var _g = useState(false), showRemove = _g[0], setShowRemove = _g[1];
-    var _h = useState(false), showFileViewer = _h[0], setShowFileViewer = _h[1];
-    var _j = useState(false), isAnimated = _j[0], setIsAnimated = _j[1];
-    var _k = useState(false), isHighlighted = _k[0], setIsHighlighted = _k[1];
+    var _g = useState(false), showEdit = _g[0], setShowEdit = _g[1];
+    var _h = useState(false), showRemove = _h[0], setShowRemove = _h[1];
+    var _j = useState(false), showFileViewer = _j[0], setShowFileViewer = _j[1];
+    var _k = useState(false), isAnimated = _k[0], setIsAnimated = _k[1];
     var _l = useState(''), mentionNickname = _l[0], setMentionNickname = _l[1];
     var _m = useState([]), mentionedUsers = _m[0], setMentionedUsers = _m[1];
     var _o = useState([]), mentionedUserIds = _o[0], setMentionedUserIds = _o[1];
@@ -82,34 +82,14 @@ var MessageView = function (props) {
         // Keep the scrollBottom value after fetching new message list
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
     }, []);
-    useLayoutEffect(function () {
-        var timeouts = [];
-        if (highLightedMessageId === message.messageId && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
-            setIsAnimated(false);
-            timeouts.push(setTimeout(function () {
-                setIsHighlighted(true);
-            }, 500));
-            timeouts.push(setTimeout(function () {
-                setHighLightedMessageId(0);
-                onMessageHighlighted === null || onMessageHighlighted === void 0 ? void 0 : onMessageHighlighted();
-            }, 1600));
-        }
-        else {
-            setIsHighlighted(false);
-        }
-        return function () {
-            timeouts.forEach(function (it) { return clearTimeout(it); });
-        };
-    }, [highLightedMessageId, messageScrollRef.current, message.messageId]);
     useLayoutEffect(function () {
         var timeouts = [];
         if (animatedMessageId === message.messageId && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
-            setIsHighlighted(false);
             timeouts.push(setTimeout(function () {
                 setIsAnimated(true);
             }, 500));
             timeouts.push(setTimeout(function () {
-                setAnimatedMessageId(0);
+                setAnimatedMessageId(null);
                 onMessageAnimated === null || onMessageAnimated === void 0 ? void 0 : onMessageAnimated();
             }, 1600));
         }
@@ -121,21 +101,48 @@ var MessageView = function (props) {
         };
     }, [animatedMessageId, messageScrollRef.current, message.messageId]);
     var renderedCustomSeparator = useMemo(function () { var _a; return (_a = renderCustomSeparator === null || renderCustomSeparator === void 0 ? void 0 : renderCustomSeparator({ message: message })) !== null && _a !== void 0 ? _a : null; }, [message, renderCustomSeparator]);
-    var renderedMessage = useMemo(function () { return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage(props); }, [message, renderMessage]);
-    if (renderedMessage) {
-        return (React__default.createElement("div", { "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef, className: getClassName([
-                'sendbird-msg-hoc sendbird-msg--scroll-ref',
-                isAnimated ? 'sendbird-msg-hoc__animated' : '',
-                isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
-            ]) },
-            // TODO: Add message instance as a function parameter
-            hasSeparator
-                && (renderedCustomSeparator || (React__default.createElement(DateSeparator, null,
-                    React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
-                        locale: dateLocale,
-                    }))))),
-            renderedMessage));
-    }
+    var renderChildren = function () {
+        if (children) {
+            return children;
+        }
+        if (renderMessage) {
+            var messageProps = __assign(__assign({}, props), { renderMessage: undefined });
+            return renderMessage(messageProps);
+        }
+        return (React__default.createElement(React__default.Fragment, null,
+            renderMessageContent({
+                className: 'sendbird-message-hoc__message-content',
+                userId: userId,
+                scrollToMessage: scrollToMessage,
+                channel: channel,
+                message: message,
+                disabled: !isOnline,
+                chainTop: chainTop,
+                chainBottom: chainBottom,
+                isReactionEnabled: isReactionEnabled,
+                replyType: replyType,
+                threadReplySelectType: threadReplySelectType,
+                nicknamesMap: nicknamesMap,
+                emojiContainer: emojiContainer,
+                showEdit: setShowEdit,
+                showRemove: setShowRemove,
+                showFileViewer: setShowFileViewer,
+                resendMessage: resendMessage,
+                deleteMessage: deleteMessage,
+                toggleReaction: toggleReaction,
+                setQuoteMessage: setQuoteMessage,
+                onReplyInThread: onReplyInThreadClick,
+                onQuoteMessageClick: onQuoteMessageClick,
+                onMessageHeightChange: handleScroll,
+            }),
+            shouldRenderSuggestedReplies && renderSuggestedReplies({
+                replyOptions: getSuggestedReplies(message),
+                onSendMessage: sendUserMessage,
+                message: message,
+            }),
+            showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
+            showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
+    };
     if (showEdit && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message))) {
         return ((renderEditInput === null || renderEditInput === void 0 ? void 0 : renderEditInput()) || (React__default.createElement(React__default.Fragment, null,
             displaySuggestedMentionList && (React__default.createElement(SuggestedMentionListView, { currentChannel: channel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
@@ -195,43 +202,14 @@ var MessageView = function (props) {
     return (React__default.createElement("div", { className: getClassName([
             'sendbird-msg-hoc sendbird-msg--scroll-ref',
             isAnimated ? 'sendbird-msg-hoc__animated' : '',
-            isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
-        ]), style: { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
+        ]), style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
         hasSeparator
             && (renderedCustomSeparator || (React__default.createElement(DateSeparator, null,
                 React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                     locale: dateLocale,
                 }))))),
-        renderMessageContent({
-            className: 'sendbird-message-hoc__message-content',
-            userId: userId,
-            scrollToMessage: scrollToMessage,
-            channel: channel,
-            message: message,
-            disabled: !isOnline,
-            chainTop: chainTop,
-            chainBottom: chainBottom,
-            isReactionEnabled: isReactionEnabled,
-            replyType: replyType,
-            threadReplySelectType: threadReplySelectType,
-            nicknamesMap: nicknamesMap,
-            emojiContainer: emojiContainer,
-            showEdit: setShowEdit,
-            showRemove: setShowRemove,
-            showFileViewer: setShowFileViewer,
-            resendMessage: resendMessage,
-            deleteMessage: deleteMessage,
-            toggleReaction: toggleReaction,
-            setQuoteMessage: setQuoteMessage,
-            onReplyInThread: onReplyInThreadClick,
-            onQuoteMessageClick: onQuoteMessageClick,
-            onMessageHeightChange: handleScroll,
-        }),
-        /** Suggested Replies */
-        shouldRenderSuggestedReplies && React__default.createElement(SuggestedReplies, { replyOptions: getSuggestedReplies(message), onSendMessage: sendUserMessage }),
-        showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
-        showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
+        renderChildren()));
 };
 
 export { MessageView as M };
-//# sourceMappingURL=bundle-bXxgZ3h3.js.map
+//# sourceMappingURL=bundle-a73hFmUC.js.map

package/chunks/{bundle-B2cNVPIG.js.map → bundle-a73hFmUC.js.map}

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

package/chunks/{bundle-JVFq7QiY.js → bundle-b2jLXyrm.js}

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from './bundle-s7Jm-nQL.js';
+import { c as __spreadArray } from './bundle-KIf79auh.js';
 import React__default from 'react';
 import ImageRenderer from '../ui/ImageRenderer.js';
-import { p as pxToNumber } from './bundle-S3i59_HU.js';
+import { p as pxToNumber } from './bundle-Sl-oiala.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 
 var AvatarDefault = function (props) {
@@ -66,4 +66,4 @@ function Avatar(_a, ref) {
 var Avatar$1 = React__default.forwardRef(Avatar);
 
 export { Avatar$1 as A, AvatarDefault as a, AvatarInner as b };
-//# sourceMappingURL=bundle-JVFq7QiY.js.map
+//# sourceMappingURL=bundle-b2jLXyrm.js.map

package/chunks/bundle-b2jLXyrm.js.map

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

package/chunks/{bundle-5waczf_5.js → bundle-bg3dRlK7.js}

@@ -1,6 +1,6 @@
 import React__default, { createContext, useReducer, useContext } from 'react';
-import { _ as __assign } from './bundle-s7Jm-nQL.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-42MD-_6f.js';
+import { _ as __assign } from './bundle-KIf79auh.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-xC7o7NLR.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-5waczf_5.js.map
+//# sourceMappingURL=bundle-bg3dRlK7.js.map

package/chunks/{bundle-5waczf_5.js.map → bundle-bg3dRlK7.js.map}

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

package/chunks/{bundle-c-m52z_J.js → bundle-bgVMRm8v.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
-import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, b as isFileMessage, i as isVoiceMessage, M as isThreadMessage, x as copyToClipboard, y as getEmojiListAll } from './bundle-aAXpX7Sl.js';
-import { u as useLocalization } from './bundle-QDjzCG-h.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, b as isFileMessage, i as isVoiceMessage, N as isThreadMessage, x as copyToClipboard, y as getEmojiListAll } from './bundle-LTiCF37t.js';
+import { u as useLocalization } from './bundle-wpc1Fted.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-YcH_HSha.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-9c5vLDe9.js';
 import BottomSheet from '../ui/BottomSheet.js';
 import ImageRenderer from '../ui/ImageRenderer.js';
 import ReactionButton from '../ui/ReactionButton.js';
@@ -225,4 +225,4 @@ var MobileMenu = function (props) {
 };
 
 export { MobileMenu as M };
-//# sourceMappingURL=bundle-c-m52z_J.js.map
+//# sourceMappingURL=bundle-bgVMRm8v.js.map

package/chunks/{bundle-c-m52z_J.js.map → bundle-bgVMRm8v.js.map}

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

package/chunks/{bundle-IGjDRlEq.js → bundle-cilkeUXQ.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-YcH_HSha.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-9c5vLDe9.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
-import { g as getChannelTitle } from './bundle-WJ0Rx9Vt.js';
-import { u as useMediaQueryContext } from './bundle-R_8mFuwU.js';
+import { g as getChannelTitle } from './bundle-7Mx2MtAL.js';
+import { u as useMediaQueryContext } from './bundle-Y3ZVN9yF.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-QDjzCG-h.js';
+import { u as useLocalization } from './bundle-wpc1Fted.js';
 
 var GroupChannelHeaderView = function (_a) {
     var _b;
@@ -33,4 +33,4 @@ var GroupChannelHeaderView = function (_a) {
 };
 
 export { GroupChannelHeaderView as G };
-//# sourceMappingURL=bundle-IGjDRlEq.js.map
+//# sourceMappingURL=bundle-cilkeUXQ.js.map

package/chunks/bundle-cilkeUXQ.js.map

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

package/chunks/{bundle-7gmFtphc.js → bundle-dUPYt-qi.js}

@@ -3,7 +3,7 @@ import { GroupChannelListHeader } from '../GroupChannelList/components/GroupChan
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import EditUserProfile from '../EditUserProfile.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-aU9DrOs1.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-Ueye8-sz.js';
 
 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;
@@ -64,4 +64,4 @@ var ChannelListComponent = function (props) {
 };
 
 export { GroupChannelListUIView as G };
-//# sourceMappingURL=bundle-7gmFtphc.js.map
+//# sourceMappingURL=bundle-dUPYt-qi.js.map

package/chunks/bundle-dUPYt-qi.js.map

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