@sendbird/uikit-react 3.17.12 → 3.18.1

package/cjs/chunks/{bundle-DQQRYExa.js → bundle-CPk4tpe8.js}

@@ -1,19 +1,19 @@
 'use strict';
 
-var _tslib = require('./bundle-C5mxhXoI.js');
+var _tslib = require('./bundle-BX9JpkVP.js');
 var React = require('react');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var useSendbird = require('./bundle-D18FtXyq.js');
-var ui_ContextMenu = require('./bundle-Bfgn3ngi.js');
+var useSendbird = require('./bundle-CBb6rgl-.js');
+var ui_ContextMenu = require('./bundle-Bz064A5D.js');
 require('react-dom');
-require('./bundle-BbAqlLCc.js');
+require('./bundle-CSUhrMB1.js');
 var ui_IconButton = require('../ui/IconButton.js');
-require('./bundle-DbmnzR7q.js');
-var LocalizationContext = require('./bundle-BiH38g8Z.js');
-require('./bundle-Ct1kTyi8.js');
+require('./bundle-BasmAwwJ.js');
+var LocalizationContext = require('./bundle-JZ1A5dHC.js');
+require('./bundle-DG9KyMWt.js');
 require('@sendbird/chat/groupChannel');
-var utils = require('./bundle-DVTKYwk8.js');
+var utils = require('./bundle-DoUok50d.js');
 var ui_Icon = require('../ui/Icon.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -296,4 +296,4 @@ var UserListItemMenu = function (props) {
 exports.UserListItemMenu = UserListItemMenu;
 exports.UserListItemMenuProvider = UserListItemMenuProvider;
 exports.useUserListItemMenuContext = useUserListItemMenuContext;
-//# sourceMappingURL=bundle-DQQRYExa.js.map
+//# sourceMappingURL=bundle-CPk4tpe8.js.map

package/cjs/chunks/{bundle-DQQRYExa.js.map → bundle-CPk4tpe8.js.map}

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

package/cjs/chunks/{bundle-Z3hmzVwn.js → bundle-CPkYpqIz.js}

@@ -1,70 +1,70 @@
 'use strict';
 
-var _tslib = require('./bundle-C5mxhXoI.js');
+var _tslib = require('./bundle-BX9JpkVP.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var GroupChannel = require('../GroupChannel.js');
-var GroupChannelListProvider = require('./bundle-BE5gEsyV.js');
+var GroupChannelListProvider = require('./bundle-w-bxod6O.js');
 var GroupChannelList_components_GroupChannelListHeader = require('../GroupChannelList/components/GroupChannelListHeader.js');
 var EditUserProfile = require('../EditUserProfile.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var index = require('./bundle-COeRPy7q.js');
-var useSendbird = require('./bundle-D18FtXyq.js');
+var index = require('./bundle-BJh5laMK.js');
+var useSendbird = require('./bundle-CBb6rgl-.js');
 var GroupChannelList_components_GroupChannelPreviewAction = require('../GroupChannelList/components/GroupChannelPreviewAction.js');
 var GroupChannelList_components_GroupChannelListItem = require('../GroupChannelList/components/GroupChannelListItem.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Icon = require('../ui/Icon.js');
-var LocalizationContext = require('./bundle-BiH38g8Z.js');
-var MediaQueryContext = require('./bundle-Bk2QOCY1.js');
-var ui_Modal = require('./bundle-DDaeFQnz.js');
-var ui_Label = require('./bundle-BbAqlLCc.js');
+var LocalizationContext = require('./bundle-JZ1A5dHC.js');
+var MediaQueryContext = require('./bundle-DLPt543m.js');
+var ui_Modal = require('./bundle-D6cLWEiK.js');
+var ui_Label = require('./bundle-CSUhrMB1.js');
 var ui_Button = require('../ui/Button.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-DVTKYwk8.js');
-var SendbirdContext = require('./bundle-Ct1kTyi8.js');
+var utils = require('./bundle-DoUok50d.js');
+var SendbirdContext = require('./bundle-DG9KyMWt.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
 require('@sendbird/uikit-tools');
-var VoicePlayer_context = require('./bundle-SZKEK91B.js');
+var VoicePlayer_context = require('./bundle-BQGy4D0g.js');
 require('../VoiceRecorder/context.js');
 require('../hooks/useModal.js');
-require('./bundle-DGqQ89Av.js');
+require('./bundle-C0B4eQSh.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-var ui_ContextMenu = require('./bundle-Bfgn3ngi.js');
+var ui_ContextMenu = require('./bundle-Bz064A5D.js');
 require('@sendbird/chat/openChannel');
 require('react-dom');
-require('./bundle-DbmnzR7q.js');
-require('./bundle-DrXHYoHC.js');
-require('./bundle-t3aBPrJP.js');
-require('./bundle-D5eYEiyT.js');
+require('./bundle-BasmAwwJ.js');
+require('./bundle-DVEX2FpT.js');
+require('./bundle-B3W9AkVa.js');
+require('./bundle-CS1fDSca.js');
 require('../ui/Header.js');
-require('./bundle-Zv_4ZO0n.js');
-require('./bundle-BSEyTAdJ.js');
-require('../ui/MessageInput.js');
-require('./bundle-Dk_THgJH.js');
+require('./bundle-CN82E46K.js');
+require('./bundle-CfZHnkRA.js');
+require('./bundle-B5T66O9D.js');
+require('./bundle-BVG7dONk.js');
 require('../ui/ReactionButton.js');
 require('../ui/ReactionBadge.js');
-require('./bundle-DjxBXPXB.js');
+require('./bundle-BQ35gC0Z.js');
 require('../Message/context.js');
-require('./bundle-CtVNyiwe.js');
+require('./bundle-Dmbgwti3.js');
 require('@sendbird/chat/message');
 require('../ui/ThreadReplies.js');
-require('./bundle-9qy-FM9k.js');
+require('./bundle-DFZnxvI-.js');
 require('../ui/TemplateMessageItemBody.js');
 require('../ui/FeedbackIconButton.js');
 require('../ui/Input.js');
 require('../ui/MessageContent.js');
-require('./bundle-BucGViqp.js');
+require('./bundle-DUac1WMX.js');
 require('../GroupChannel/components/MessageList.js');
-require('./bundle-DegQ40NZ.js');
+require('./bundle-BvtN3hf7.js');
 require('../EditUserProfile/context.js');
 require('../Channel/context.js');
-var ChannelList_context = require('./bundle-Dogkydg4.js');
-require('./bundle-BkxGko7P.js');
+var ChannelList_context = require('./bundle-CjtFf3Zm.js');
+require('./bundle-C_K7aiER.js');
 require('../ChannelSettings/hooks/useMenuList.js');
-require('./bundle-DQQRYExa.js');
-require('./bundle-DNoz4pQu.js');
-require('./bundle-KjR3U4Uq.js');
+require('./bundle-CPk4tpe8.js');
+require('./bundle-S1TvZMO8.js');
+require('./bundle-DVfrpRqM.js');
 require('../Thread/context/types.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('date-fns');
@@ -74,13 +74,14 @@ var ChannelList_components_ChannelPreview = require('../ChannelList/components/C
 var ChannelSettings = require('../ChannelSettings.js');
 var MessageSearch = require('../MessageSearch.js');
 var Thread = require('../Thread.js');
-var uuid = require('./bundle-DMroWEST.js');
-require('./bundle-Bp0KVW3m.js');
+var uuid = require('./bundle-Qchcdxzl.js');
+require('./bundle-BEC4gQsG.js');
 require('../OpenChannel/components/OpenChannelInput.js');
 require('../OpenChannel/components/OpenChannelMessageList.js');
 require('../OpenChannelSettings/context.js');
 require('../ui/AccordionGroup.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var consts = require('./bundle-BmdLztHu.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -242,7 +243,7 @@ var useCreateChannelContext = function () {
 
 var useCreateChannel = function () {
     var store = React.useContext(CreateChannelContext);
-    var sendbirdStore = useSendbirdStateContext.useSendbirdStateContext();
+    var sendbirdStore = useSendbirdStateContext.default();
     if (!store)
         throw new Error('useCreateChannel must be used within a CreateChannelProvider');
     var setPageStep = React.useCallback(function (pageStep) {
@@ -376,10 +377,9 @@ var isBroadcastChannelEnabled = function (sdk) {
 };
 var isSuperGroupChannelEnabled = function (sdk) {
     var _a;
-    var ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
-    var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
-    if (Array.isArray(applicationAttributes)) {
-        return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);
+    var premiumFeatureList = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.premiumFeatureList;
+    if (Array.isArray(premiumFeatureList)) {
+        return premiumFeatureList.includes(consts.SUPER_GROUP_CHANNEL);
     }
     return false;
 };
@@ -777,4 +777,4 @@ exports.MobileLayout = MobileLayout;
 exports.SelectChannelType = SelectChannelType;
 exports.useCreateChannel = useCreateChannel;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=bundle-Z3hmzVwn.js.map
+//# sourceMappingURL=bundle-CPkYpqIz.js.map

package/cjs/chunks/{bundle-Z3hmzVwn.js.map → bundle-CPkYpqIz.js.map}

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

package/cjs/chunks/{bundle-BSWpIVd_.js → bundle-CRCC2Qr1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-BnRVJSVA.js');
+var index = require('./bundle-BtfCkBUa.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-BSWpIVd_.js.map
+//# sourceMappingURL=bundle-CRCC2Qr1.js.map

package/cjs/chunks/{bundle-BSWpIVd_.js.map → bundle-CRCC2Qr1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-BSWpIVd_.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":["requiredArgs","toDate"],"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,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,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,EAAED,kBAAY,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-CRCC2Qr1.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":["requiredArgs","toDate"],"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,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC;AAC9B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,OAAO,IAAI;AACb;;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,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC;AACpD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC;AACtD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE;AACvE;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-D5eYEiyT.js → bundle-CS1fDSca.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var _tslib = require('./bundle-C5mxhXoI.js');
+var _tslib = require('./bundle-BX9JpkVP.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-orSDTEo4.js');
+var pxToNumber = require('./bundle-BoEX39oK.js');
 var ui_Icon = require('../ui/Icon.js');
-var utils = require('./bundle-DVTKYwk8.js');
+var utils = require('./bundle-DoUok50d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -58,7 +58,7 @@ var AvatarInner = function (_a) {
     // default img
     return (React__default.default.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
 };
-function Avatar(_a, ref) {
+function Avatar$1(_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, _j = _a.bottom, bottom = _j === void 0 ? '' : _j, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
     return (React__default.default.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-avatar',
@@ -71,9 +71,9 @@ function Avatar(_a, ref) {
         }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
         React__default.default.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
 }
-var Avatar$1 = React__default.default.forwardRef(Avatar);
+var Avatar = React__default.default.forwardRef(Avatar$1);
 
-exports.Avatar = Avatar$1;
+exports.Avatar = Avatar;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-D5eYEiyT.js.map
+//# sourceMappingURL=bundle-CS1fDSca.js.map

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

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

package/cjs/chunks/{bundle-BbAqlLCc.js → bundle-CSUhrMB1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-C5mxhXoI.js');
+var _tslib = require('./bundle-BX9JpkVP.js');
 var React = require('react');
-var stringSet = require('./bundle-BmRh3iEN.js');
+var stringSet = require('./bundle-DcBTt6H_.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -93,4 +93,4 @@ exports.LabelColors = LabelColors;
 exports.LabelStringSet = LabelStringSet;
 exports.LabelTypography = LabelTypography;
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-BbAqlLCc.js.map
+//# sourceMappingURL=bundle-CSUhrMB1.js.map

package/{chunks/bundle-BG86HGdS.js.map → cjs/chunks/bundle-CSUhrMB1.js.map}

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

package/cjs/chunks/{bundle-3vbxR0Ig.js → bundle-CYCYtTfx.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./bundle-DVTKYwk8.js');
-var ui_ContextMenu = require('./bundle-Bfgn3ngi.js');
-var _tslib = require('./bundle-C5mxhXoI.js');
+var utils = require('./bundle-DoUok50d.js');
+var ui_ContextMenu = require('./bundle-Bz064A5D.js');
+var _tslib = require('./bundle-BX9JpkVP.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Icon = require('../ui/Icon.js');
-var index = require('./bundle-DbmnzR7q.js');
-var LocalizationContext = require('./bundle-BiH38g8Z.js');
+var index = require('./bundle-BasmAwwJ.js');
+var LocalizationContext = require('./bundle-JZ1A5dHC.js');
 var SendbirdChat = require('@sendbird/chat');
-var useSendbird = require('./bundle-D18FtXyq.js');
+var useSendbird = require('./bundle-CBb6rgl-.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -237,4 +237,4 @@ var MessageMenu = function (_a) {
 };
 
 exports.MessageMenu = MessageMenu;
-//# sourceMappingURL=bundle-3vbxR0Ig.js.map
+//# sourceMappingURL=bundle-CYCYtTfx.js.map

package/cjs/chunks/{bundle-3vbxR0Ig.js.map → bundle-CYCYtTfx.js.map}

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

package/cjs/chunks/{bundle-Ccd-6PYk.js → bundle-CZryxVSd.js}

@@ -10,4 +10,4 @@ var isMobileIOS = function (userAgent) {
 
 exports.isMobileIOS = isMobileIOS;
 exports.isSafari = isSafari;
-//# sourceMappingURL=bundle-Ccd-6PYk.js.map
+//# sourceMappingURL=bundle-CZryxVSd.js.map

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

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

package/cjs/chunks/{bundle-BkxGko7P.js → bundle-C_K7aiER.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var _tslib = require('./bundle-C5mxhXoI.js');
-var SendbirdContext = require('./bundle-Ct1kTyi8.js');
+var _tslib = require('./bundle-BX9JpkVP.js');
+var SendbirdContext = require('./bundle-DG9KyMWt.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./bundle-DMroWEST.js');
-var compareIds = require('./bundle-BOF3mEIQ.js');
-var utils = require('./bundle-DVTKYwk8.js');
-var UserProfileContext = require('./bundle-DjxBXPXB.js');
-var useSendbird = require('./bundle-D18FtXyq.js');
+var uuid = require('./bundle-Qchcdxzl.js');
+var compareIds = require('./bundle-Ca6tAmei.js');
+var utils = require('./bundle-DoUok50d.js');
+var UserProfileContext = require('./bundle-BQ35gC0Z.js');
+var useSendbird = require('./bundle-CBb6rgl-.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -231,4 +231,4 @@ exports.ChannelSettingsContext = ChannelSettingsContext;
 exports.ChannelSettingsProvider = ChannelSettingsProvider;
 exports.useChannelSettings = useChannelSettings;
 exports.useChannelSettingsContext = useChannelSettingsContext;
-//# sourceMappingURL=bundle-BkxGko7P.js.map
+//# sourceMappingURL=bundle-C_K7aiER.js.map

package/{chunks/bundle-BsVc_Y62.js.map → cjs/chunks/bundle-C_K7aiER.js.map}

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

package/cjs/chunks/{bundle-BOF3mEIQ.js → bundle-Ca6tAmei.js}

@@ -13,4 +13,4 @@ function compareIds(a, b) {
 }
 
 exports.compareIds = compareIds;
-//# sourceMappingURL=bundle-BOF3mEIQ.js.map
+//# sourceMappingURL=bundle-Ca6tAmei.js.map

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

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

package/cjs/chunks/{bundle-2be6tixp.js → bundle-CbINTXEf.js}

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

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

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

package/cjs/chunks/{bundle-C3xjTMsq.js → bundle-CeNO3guH.js}

@@ -1,23 +1,24 @@
 'use strict';
 
-var _tslib = require('./bundle-C5mxhXoI.js');
+var _tslib = require('./bundle-BX9JpkVP.js');
 var React = require('react');
-var index = require('./bundle-sjZXn5rb.js');
-var LocalizationContext = require('./bundle-BiH38g8Z.js');
-var _const = require('./bundle-Zv_4ZO0n.js');
-var utils$1 = require('./bundle-DGCxxnjy.js');
+var useTypingLifecycle = require('./bundle-CF9MwXWw.js');
+var index = require('./bundle-C8FqXV_7.js');
+var LocalizationContext = require('./bundle-JZ1A5dHC.js');
+var _const = require('./bundle-CN82E46K.js');
+var utils$1 = require('./bundle-BFC8OQzW.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var index$1 = require('./bundle-DbmnzR7q.js');
+var index$1 = require('./bundle-BasmAwwJ.js');
 var ui_DateSeparator = require('../ui/DateSeparator.js');
-var ui_Label = require('./bundle-BbAqlLCc.js');
-var ui_MessageInput = require('../ui/MessageInput.js');
-var _const$1 = require('./bundle-C6htG4_3.js');
+var ui_Label = require('./bundle-CSUhrMB1.js');
+var ui_MessageInput = require('./bundle-B5T66O9D.js');
+var _const$1 = require('./bundle-MaS7JhxM.js');
 var ui_MessageContent = require('../ui/MessageContent.js');
 var GroupChannel_components_SuggestedReplies = require('../GroupChannel/components/SuggestedReplies.js');
-var SuggestedMentionListView = require('./bundle-DOZVX_9f.js');
-var utils = require('./bundle-DVTKYwk8.js');
-var useSendbird = require('./bundle-D18FtXyq.js');
-var color = require('./bundle-BSEyTAdJ.js');
+var SuggestedMentionListView = require('./bundle-D5jDxxQu.js');
+var utils = require('./bundle-DoUok50d.js');
+var useSendbird = require('./bundle-CBb6rgl-.js');
+var color = require('./bundle-CfZHnkRA.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -86,13 +87,13 @@ var MessageView = function (props) {
     var _j = React.useState(false), showEdit = _j[0], setShowEdit = _j[1];
     var _k = React.useState(false), showRemove = _k[0], setShowRemove = _k[1];
     var _l = React.useState(false), showFileViewer = _l[0], setShowFileViewer = _l[1];
-    var _m = React.useState(false), isAnimated = _m[0], setIsAnimated = _m[1];
-    var _o = React.useState(''), mentionNickname = _o[0], setMentionNickname = _o[1];
-    var _p = React.useState([]), mentionedUsers = _p[0], setMentionedUsers = _p[1];
-    var _q = React.useState([]), mentionedUserIds = _q[0], setMentionedUserIds = _q[1];
-    var _r = React.useState(null), messageInputEvent = _r[0], setMessageInputEvent = _r[1];
-    var _s = React.useState(null), selectedUser = _s[0], setSelectedUser = _s[1];
-    var _t = React.useState([]), mentionSuggestedUsers = _t[0], setMentionSuggestedUsers = _t[1];
+    // isAnimated state removed — animation now driven by animatedMessageId + onAnimationEnd
+    var _m = React.useState(''), mentionNickname = _m[0], setMentionNickname = _m[1];
+    var _o = React.useState([]), mentionedUsers = _o[0], setMentionedUsers = _o[1];
+    var _p = React.useState([]), mentionedUserIds = _p[0], setMentionedUserIds = _p[1];
+    var _q = React.useState(null), messageInputEvent = _q[0], setMessageInputEvent = _q[1];
+    var _r = React.useState(null), selectedUser = _r[0], setSelectedUser = _r[1];
+    var _s = React.useState([]), mentionSuggestedUsers = _s[0], setMentionSuggestedUsers = _s[1];
     var editMessageInputRef = React.useRef(null);
     var messageScrollRef = React.useRef(null);
     var displaySuggestedMentionList = isOnline
@@ -114,6 +115,7 @@ var MessageView = function (props) {
             }
         }));
     }, [mentionedUserIds]);
+    var _t = useTypingLifecycle.useTypingLifecycle(channel, showEdit), startTyping = _t.startTyping, stopTyping = _t.stopTyping;
     // Side effect: scroll position update when showEdit is toggled or reactions updated
     useDidMountEffect(function () {
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
@@ -137,24 +139,57 @@ var MessageView = function (props) {
         if (usedInLegacy)
             handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
     }, []);
-    React.useLayoutEffect(function () {
-        var timeouts = [];
-        if (animatedMessageId === message.messageId && (messageScrollRef === null || messageScrollRef === void 0 ? void 0 : messageScrollRef.current)) {
-            timeouts.push(setTimeout(function () {
-                setIsAnimated(true);
-            }, 500));
-            timeouts.push(setTimeout(function () {
-                setAnimatedMessageId(null);
-                onMessageAnimated === null || onMessageAnimated === void 0 ? void 0 : onMessageAnimated();
-            }, 1600));
+    // Animation: once triggered, protect with local state until CSS animation completes
+    var _u = React.useState(false), showBounce = _u[0], setShowBounce = _u[1];
+    var isAnimationTarget = animatedMessageId === message.messageId;
+    // Fallback timer ref so handleAnimationEnd can cancel it once the real
+    // animation completes (avoids double cleanup).
+    var fallbackTimerRef = React.useRef(null);
+    // Hold cleanup logic in a ref so we don't have to put unstable props
+    // (animatedMessageId, onMessageAnimated) in effect deps — otherwise a
+    // non-memoized onMessageAnimated would cancel the fallback timer on every
+    // render before it can fire.
+    var finalizeAnimationRef = React.useRef(function () { });
+    finalizeAnimationRef.current = function () {
+        setShowBounce(false);
+        // Only clear if this message is still the animation target
+        if (animatedMessageId === message.messageId) {
+            setAnimatedMessageId(null);
+            onMessageAnimated === null || onMessageAnimated === void 0 ? void 0 : onMessageAnimated();
         }
-        else {
-            setIsAnimated(false);
+    };
+    React.useEffect(function () {
+        if (isAnimationTarget) {
+            setShowBounce(true);
+            // The bounce keyframe is applied to a descendant `.sendbird-message-content`,
+            // which is not rendered when consumers supply a custom `renderMessage`.
+            // In that case `onAnimationEnd` never fires and the animation state would
+            // be stuck, so schedule a fallback to force cleanup after the CSS
+            // animation duration (1s) plus a small buffer (matches the prior
+            // setTimeout-based timing).
+            if (fallbackTimerRef.current !== null)
+                clearTimeout(fallbackTimerRef.current);
+            fallbackTimerRef.current = setTimeout(function () {
+                fallbackTimerRef.current = null;
+                finalizeAnimationRef.current();
+            }, 1600);
         }
         return function () {
-            timeouts.forEach(function (it) { return clearTimeout(it); });
+            if (fallbackTimerRef.current !== null) {
+                clearTimeout(fallbackTimerRef.current);
+                fallbackTimerRef.current = null;
+            }
         };
-    }, [animatedMessageId, messageScrollRef.current, message.messageId]);
+    }, [isAnimationTarget]);
+    var handleAnimationEnd = React.useCallback(function (e) {
+        if (e.animationName === 'bounce') {
+            if (fallbackTimerRef.current !== null) {
+                clearTimeout(fallbackTimerRef.current);
+                fallbackTimerRef.current = null;
+            }
+            finalizeAnimationRef.current();
+        }
+    }, []);
     React.useLayoutEffect(function () {
         if ((newMessageIds === null || newMessageIds === void 0 ? void 0 : newMessageIds.length) > 0 && newMessageIds.includes(message.messageId)) {
             var rafId_1 = null;
@@ -229,27 +264,22 @@ var MessageView = function (props) {
                 }, onFetchUsers: function (users) {
                     setMentionSuggestedUsers(users);
                 }, ableAddMention: ableMention, maxMentionCount: maxUserMentionCount, maxSuggestionCount: maxUserSuggestionCount })),
-            React__default.default.createElement(ui_MessageInput, { isEdit: true, channel: channel, disabled: editInputDisabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: groupChannel.enableMention, message: message, onStartTyping: function () {
-                    var _a;
-                    (_a = channel === null || channel === void 0 ? void 0 : channel.startTyping) === null || _a === void 0 ? void 0 : _a.call(channel);
-                }, onUpdateMessage: function (_a) {
-                    var _b;
-                    var messageId = _a.messageId, message = _a.message, mentionTemplate = _a.mentionTemplate;
+            React__default.default.createElement(ui_MessageInput.MessageInput, { isEdit: true, channel: channel, disabled: editInputDisabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: groupChannel.enableMention, message: message, onStartTyping: startTyping, onStopTyping: stopTyping, onUpdateMessage: function (_a) {
+                    var messageId = _a.messageId, editedMessage = _a.message, mentionTemplate = _a.mentionTemplate, currentMentionedUserIds = _a.mentionedUserIds;
                     updateUserMessage(messageId, {
-                        message: message,
-                        mentionedUsers: mentionedUsers,
+                        message: editedMessage,
+                        mentionedUserIds: currentMentionedUserIds !== null && currentMentionedUserIds !== void 0 ? currentMentionedUserIds : [],
                         mentionedMessageTemplate: mentionTemplate,
                     });
                     setShowEdit(false);
-                    (_b = channel === null || channel === void 0 ? void 0 : channel.endTyping) === null || _b === void 0 ? void 0 : _b.call(channel);
+                    stopTyping();
                 }, onCancelEdit: function () {
-                    var _a;
                     setMentionNickname('');
                     setMentionedUsers([]);
                     setMentionedUserIds([]);
                     setMentionSuggestedUsers([]);
                     setShowEdit(false);
-                    (_a = channel === null || channel === void 0 ? void 0 : channel.endTyping) === null || _a === void 0 ? void 0 : _a.call(channel);
+                    stopTyping();
                 }, onUserMentioned: function (user) {
                     if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
                         setSelectedUser(null);
@@ -271,7 +301,7 @@ var MessageView = function (props) {
                     return false;
                 } }))));
     }
-    return (React__default.default.createElement("div", { className: utils.classnames('sendbird-msg-hoc sendbird-msg--scroll-ref', isAnimated && 'sendbird-msg-hoc__animated'), "data-testid": "sendbird-message-view", style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
+    return (React__default.default.createElement("div", { className: utils.classnames('sendbird-msg-hoc sendbird-msg--scroll-ref', showBounce && 'sendbird-msg-hoc__animated'), onAnimationEnd: showBounce ? handleAnimationEnd : undefined, "data-testid": "sendbird-message-view", style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
         hasSeparator
             && (renderedCustomSeparator || (React__default.default.createElement(ui_DateSeparator, null,
                 React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
@@ -284,4 +314,4 @@ var MessageView = function (props) {
 };
 
 exports.MessageView = MessageView;
-//# sourceMappingURL=bundle-C3xjTMsq.js.map
+//# sourceMappingURL=bundle-CeNO3guH.js.map

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

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

package/cjs/chunks/{bundle-BSEyTAdJ.js → bundle-CfZHnkRA.js}

@@ -24,4 +24,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-BSEyTAdJ.js.map
+//# sourceMappingURL=bundle-CfZHnkRA.js.map

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

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