@sendbird/uikit-react 3.17.11 → 3.18.0

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

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

package/cjs/chunks/{bundle-Dwls0-Q0.js → bundle-D-_6Kk3L.js}

@@ -148,6 +148,9 @@ var stringSet = {
         MESSAGE_INPUT__PLACE_HOLDER__MUTED: 'Chat is unavailable because you\'re muted',
         MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: 'You\'re muted',
         MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER: 'Reply to message',
+        MESSAGE_INPUT__PLACE_HOLDER__FILE_ATTACHED: 'Text disabled while file attached',
+        MESSAGE_INPUT__PENDING_FILE__TYPE_UNKNOWN: 'FILE',
+        MESSAGE_INPUT__PENDING_FILE__REMOVE: 'Remove file',
         // Common UI
         BUTTON__SUBMIT: 'Submit',
         BUTTON__CANCEL: 'Cancel',
@@ -202,7 +205,7 @@ var stringSet = {
         THREAD__INPUT__REPLY_IN_THREAD: 'Reply in thread',
         // Feature - Mention
         MENTION_NAME__NO_NAME: '(No name)',
-        MENTION_COUNT__OVER_LIMIT: 'You can mention up to %d times at a time.',
+        MENTION_COUNT__OVER_LIMIT: 'You can have up to %d mentions per message.',
         UI__FILE_VIEWER__UNSUPPORT: 'Unsupported message',
         // Feature - Voice Message
         VOICE_RECORDING_PERMISSION_DENIED: "You cannot record the voice since\n        voice recording is not permitted in your device system setting",
@@ -227,6 +230,7 @@ var stringSet = {
         // File upload
         FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: 'Up to %d files can be attached.',
         FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: 'The maximum size per file is %d MB.',
+        FILE_UPLOAD_NOTIFICATION__UNSUPPORTED_FILE_TYPE: 'The attachment failed because the file is in an unsupported format.',
         // Feedback button text
         FEEDBACK_LIKE: 'Like',
         FEEDBACK_DISLIKE: 'Dislike',
@@ -253,4 +257,4 @@ var getStringSet = function (lang) {
 };
 
 exports.getStringSet = getStringSet;
-//# sourceMappingURL=bundle-Dwls0-Q0.js.map
+//# sourceMappingURL=bundle-D-_6Kk3L.js.map

package/cjs/chunks/bundle-D-_6Kk3L.js.map

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

package/cjs/chunks/{bundle-5VhZKYIJ.js → bundle-D4-t2BcI.js}

@@ -27,4 +27,4 @@ var copyToClipboard = function (text) {
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=bundle-5VhZKYIJ.js.map
+//# sourceMappingURL=bundle-D4-t2BcI.js.map

package/cjs/chunks/bundle-D4-t2BcI.js.map

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

package/cjs/chunks/{bundle-CCpd42nC.js → bundle-D4QmbyQp.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var SendbirdContext = require('./bundle-D8mb0bUY.js');
+var SendbirdContext = require('./bundle-Buar9ys-.js');
 
 function useDeepCompareMemoize(value) {
     var ref = React.useRef(value);
@@ -37,4 +37,4 @@ function useDeepCompareEffect(callback, dependencies) {
 }
 
 exports.useDeepCompareEffect = useDeepCompareEffect;
-//# sourceMappingURL=bundle-CCpd42nC.js.map
+//# sourceMappingURL=bundle-D4QmbyQp.js.map

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

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

package/cjs/chunks/{bundle-D64wX3ZA.js → bundle-D5X7fpcq.js}

@@ -3,9 +3,7 @@
 // src/lib/Sendbird/types.ts
 // Roles for a user in a channel
 var Role = {
-    OPERATOR: 'operator',
-    NONE: 'none',
-};
+    OPERATOR: 'operator'};
 
 exports.Role = Role;
-//# sourceMappingURL=bundle-D64wX3ZA.js.map
+//# sourceMappingURL=bundle-D5X7fpcq.js.map

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

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

package/cjs/chunks/{bundle-Czw_qpiM.js → bundle-D8gpRIxO.js}

@@ -5,4 +5,4 @@ exports.TypingIndicatorType = void 0;
     TypingIndicatorType["Text"] = "text";
     TypingIndicatorType["Bubble"] = "bubble";
 })(exports.TypingIndicatorType || (exports.TypingIndicatorType = {}));
-//# sourceMappingURL=bundle-Czw_qpiM.js.map
+//# sourceMappingURL=bundle-D8gpRIxO.js.map

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

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

package/cjs/chunks/{bundle-8rTW0vfg.js → bundle-DDUAkmTu.js}

@@ -76,4 +76,4 @@ var useMediaQueryContext = function () { return React__default.default.useContex
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=bundle-8rTW0vfg.js.map
+//# sourceMappingURL=bundle-DDUAkmTu.js.map

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

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

package/cjs/chunks/{bundle-Cc0re38P.js → bundle-DEaaC1ah.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-Cc0re38P.js.map
+//# sourceMappingURL=bundle-DEaaC1ah.js.map

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

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

package/cjs/chunks/{bundle-AHixe4ku.js → bundle-DGYb2_L_.js}

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Avatar = require('./bundle-BgLRyBNQ.js');
+var ui_Avatar = require('./bundle-Czc5a05Q.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-BPerQ7Nn.js');
-var index = require('./bundle-CNxWQqoS.js');
+var ui_Label = require('./bundle-DxZzcGya.js');
+var index = require('./bundle-CskFALvU.js');
 require('../hooks/useModal.js');
-var ui_Modal = require('./bundle-BM_oajIx.js');
-var useSendbird = require('./bundle-BL3oBZ_9.js');
+var ui_Modal = require('./bundle-BFmC2V1o.js');
+var useSendbird = require('./bundle-on0zTbLT.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -60,4 +60,4 @@ var FileViewerComponent = function (_a) {
 };
 
 exports.FileViewerView = FileViewerView;
-//# sourceMappingURL=bundle-AHixe4ku.js.map
+//# sourceMappingURL=bundle-DGYb2_L_.js.map

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

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

package/cjs/chunks/{bundle-D34myP8B.js → bundle-DHLpqx03.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var _tslib = require('./bundle-DXxZOPH7.js');
+var _tslib = require('./bundle-jAsAzWpU.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var uikitTools = require('@sendbird/uikit-tools');
-var UserProfileContext = require('./bundle-Cm6xW6b-.js');
-var useMarkAsDeliveredScheduler = require('./bundle-vDWY1z2Z.js');
-var SendbirdContext = require('./bundle-D8mb0bUY.js');
-var utils = require('./bundle-99j0pbE6.js');
-var useSendbird = require('./bundle-BL3oBZ_9.js');
-var useDeepCompareEffect = require('./bundle-CCpd42nC.js');
+var UserProfileContext = require('./bundle-iF1pW7_s.js');
+var useMarkAsDeliveredScheduler = require('./bundle-BrAZmQ3O.js');
+var SendbirdContext = require('./bundle-Buar9ys-.js');
+var utils = require('./bundle-1F9guuKw.js');
+var useSendbird = require('./bundle-on0zTbLT.js');
+var useDeepCompareEffect = require('./bundle-D4QmbyQp.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -217,4 +217,4 @@ exports.GroupChannelListProvider = GroupChannelListProvider;
 exports.useGroupChannelList = useGroupChannelList;
 exports.useGroupChannelListContext = useGroupChannelListContext;
 exports.useGroupChannelListStore = useGroupChannelListStore;
-//# sourceMappingURL=bundle-D34myP8B.js.map
+//# sourceMappingURL=bundle-DHLpqx03.js.map

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

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

package/cjs/chunks/{bundle-BNq5tPbD.js → bundle-DHOzCMYH.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var DOMPurify = require('dompurify');
-var _const = require('./bundle-oeZ9Mu_e.js');
-var _const$1 = require('./bundle-UHQZNGhZ.js');
-var _tslib = require('./bundle-DXxZOPH7.js');
-var consts = require('./bundle-Cc0re38P.js');
-var consts$2 = require('./bundle-BVWhTr3J.js');
-var consts$1 = require('./bundle-BL5M4yXI.js');
+var _const = require('./bundle-BSEj3ItE.js');
+var _const$1 = require('./bundle-CeCg868O.js');
+var _tslib = require('./bundle-jAsAzWpU.js');
+var consts = require('./bundle-DEaaC1ah.js');
+var consts$2 = require('./bundle-Dqt-Moft.js');
+var consts$1 = require('./bundle-B4v0Agxd.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -36,6 +36,12 @@ var sanitizeString = function (str) {
         return '';
     return str.replace(/[<>]/g, function (char) { return (char === '<' ? '&#60;' : '&#62;'); });
 };
+var stripZeroWidthSpace = function (str) {
+    if (str === void 0) { str = ''; }
+    if (!str)
+        return '';
+    return str.replace(/\u200B/g, '');
+};
 /**
  * NodeList cannot be used with Array methods
  * @param {NodeListOf<ChildNode>} childNodes
@@ -57,13 +63,17 @@ function extractTextAndMentions(childNodes) {
     var messageText = '';
     var mentionTemplate = '';
     var isMentionedMessage = false;
+    var mentionedUserIds = [];
     childNodes.forEach(function (node) {
+        var _a, _b;
         if (isHTMLElement(node) && node.nodeName === _const.NodeNames.Span) {
-            var innerText = node.innerText, _a = node.dataset, dataset = _a === void 0 ? {} : _a;
-            var _b = dataset.userid, userid = _b === void 0 ? '' : _b;
-            if (userid)
+            var innerText = node.innerText, _c = node.dataset, dataset = _c === void 0 ? {} : _c;
+            var _d = dataset.userid, userid = _d === void 0 ? '' : _d;
+            if (userid) {
                 isMentionedMessage = true;
-            messageText += innerText;
+                mentionedUserIds.push(userid);
+            }
+            messageText += stripZeroWidthSpace(innerText);
             mentionTemplate += "".concat(_const$1.USER_MENTION_TEMP_CHAR, "{").concat(userid, "}");
         }
         else if (isHTMLElement(node) && node.nodeName === _const.NodeNames.Br) {
@@ -71,17 +81,17 @@ function extractTextAndMentions(childNodes) {
             mentionTemplate += '\n';
         }
         else if (isHTMLElement(node) && node.nodeName === _const.NodeNames.Div) {
-            var _c = node.textContent, textContent = _c === void 0 ? '' : _c;
+            var textContent = stripZeroWidthSpace((_a = node.textContent) !== null && _a !== void 0 ? _a : '');
             messageText += "\n".concat(textContent);
             mentionTemplate += "\n".concat(textContent);
         }
         else {
-            var _d = node.textContent, textContent = _d === void 0 ? '' : _d;
+            var textContent = stripZeroWidthSpace((_b = node.textContent) !== null && _b !== void 0 ? _b : '');
             messageText += textContent;
             mentionTemplate += textContent;
         }
     });
-    return { messageText: messageText, mentionTemplate: mentionTemplate, isMentionedMessage: isMentionedMessage };
+    return { messageText: messageText, mentionTemplate: mentionTemplate, isMentionedMessage: isMentionedMessage, mentionedUserIds: mentionedUserIds };
 }
 
 function insertTemplateToDOM(templateList) {
@@ -200,8 +210,17 @@ function createPasteNodeWithContent(html) {
 }
 // usePaste Hook
 function usePaste(_a) {
-    var ref = _a.ref, setIsInput = _a.setIsInput, channel = _a.channel, setMentionedUsers = _a.setMentionedUsers;
+    var ref = _a.ref, setIsInput = _a.setIsInput, channel = _a.channel, setMentionedUsers = _a.setMentionedUsers, onAddFiles = _a.onAddFiles;
     return React.useCallback(function (e) {
+        // 0. File paste (e.g. screenshot copy): route to composer and skip text branch.
+        if (onAddFiles) {
+            var clipboardFiles = extractClipboardFiles(e);
+            if (clipboardFiles.length > 0) {
+                e.preventDefault();
+                onAddFiles(clipboardFiles);
+                return;
+            }
+        }
         e.preventDefault();
         var html = e.clipboardData.getData('text/html');
         var text = e.clipboardData.getData('text') || getURIListText(e);
@@ -230,7 +249,32 @@ function usePaste(_a) {
         insertTemplateToDOM(words); // Insert mentions and content into the DOM
         pasteNode.remove();
         setIsInput(true);
-    }, [ref, setIsInput, channel, setMentionedUsers]);
+    }, [ref, setIsInput, channel, setMentionedUsers, onAddFiles]);
+}
+/**
+ * Pull File entries out of a clipboard event, robust across browsers.
+ * Safari can leave clipboardData.files empty while populating items.
+ */
+function extractClipboardFiles(e) {
+    var _a, _b;
+    var files = [];
+    var items = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.items;
+    if (items) {
+        for (var i = 0; i < items.length; i += 1) {
+            var item = items[i];
+            if (item.kind === 'file') {
+                var file = item.getAsFile();
+                if (file)
+                    files.push(file);
+            }
+        }
+    }
+    if (files.length === 0 && ((_b = e.clipboardData) === null || _b === void 0 ? void 0 : _b.files)) {
+        for (var i = 0; i < e.clipboardData.files.length; i += 1) {
+            files.push(e.clipboardData.files[i]);
+        }
+    }
+    return files;
 }
 // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types#dragging_links
 function getURIListText(e) {
@@ -253,5 +297,6 @@ exports.isChannelTypeSupportsMultipleFilesMessage = isChannelTypeSupportsMultipl
 exports.nodeListToArray = nodeListToArray;
 exports.renderToString = renderToString;
 exports.sanitizeString = sanitizeString;
+exports.stripZeroWidthSpace = stripZeroWidthSpace;
 exports.usePaste = usePaste;
-//# sourceMappingURL=bundle-BNq5tPbD.js.map
+//# sourceMappingURL=bundle-DHOzCMYH.js.map

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

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

package/cjs/chunks/{bundle-Dr8s7l1j.js → bundle-DKZYkV6h.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var message = require('@sendbird/chat/message');
-var utils = require('./bundle-CnoOxWnY.js');
-require('./bundle-UHQZNGhZ.js');
-var consts = require('./bundle-Dz379Vmq.js');
+var utils = require('./bundle-9izlRrTd.js');
+require('./bundle-CeCg868O.js');
+var consts = require('./bundle-DZN-28o5.js');
 
 // For legacy
 // These are not used for collections(GroupChannel)
@@ -187,4 +187,4 @@ exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
 exports.useInitialMessagesFetch = useInitialMessagesFetch;
-//# sourceMappingURL=bundle-Dr8s7l1j.js.map
+//# sourceMappingURL=bundle-DKZYkV6h.js.map

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

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

package/cjs/chunks/{bundle-Bpc04WVm.js → bundle-DS7dko_G.js}

@@ -70,4 +70,4 @@ function toDate(argument) {
 exports._typeof = _typeof;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;
-//# sourceMappingURL=bundle-Bpc04WVm.js.map
+//# sourceMappingURL=bundle-DS7dko_G.js.map

package/cjs/chunks/{bundle-Bpc04WVm.js.map → bundle-DS7dko_G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-Bpc04WVm.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":[],"mappings":";;AAAA,SAAS,OAAO,CAAC,CAAC,EAAE;AACpB,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC,CAAC;AACpB,GAAG,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AACxH,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB;;ACRe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AAChI,GAAG;AACH;;ACFA;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;AACA;AACA;AACe,SAAS,MAAM,CAAC,QAAQ,EAAE;AACzC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxD;AACA;AACA,EAAE,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,MAAM,KAAK,eAAe,EAAE;AAChG;AACA,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AACxC,GAAG,MAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAC3E,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,KAAK,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1G;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,oNAAoN,CAAC,CAAC;AACzO;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK;AACL,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH;;;;;;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"bundle-DS7dko_G.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":[],"mappings":";;AAAA,SAAS,OAAO,CAAC,CAAC,EAAE;AACpB,EAAE,yBAAyB;;AAE3B,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC;AACnB,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvH,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AACf;;ACRe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AAC/H,EAAE;AACF;;ACFA;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;AACA;AACA;AACe,SAAS,MAAM,CAAC,QAAQ,EAAE;AACzC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAEvD;AACA,EAAE,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,MAAM,KAAK,eAAe,EAAE;AAChG;AACA,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;AACvC,EAAE,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAC3E,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC;AAC7B,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,KAAK,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1G;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,oNAAoN,CAAC;AACxO;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC;AACrC,IAAI;AACJ,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC;AACxB,EAAE;AACF;;;;;;","x_google_ignoreList":[0,1,2]}

package/cjs/chunks/{bundle-B5DI1itX.js → bundle-DUmpUM6Z.js}

@@ -48,4 +48,4 @@ function useElementObserver(selector, targetElement) {
 }
 
 exports.useElementObserver = useElementObserver;
-//# sourceMappingURL=bundle-B5DI1itX.js.map
+//# sourceMappingURL=bundle-DUmpUM6Z.js.map

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

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

package/cjs/chunks/{bundle-Dz379Vmq.js → bundle-DZN-28o5.js}

@@ -65,4 +65,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-Dz379Vmq.js.map
+//# sourceMappingURL=bundle-DZN-28o5.js.map

package/cjs/chunks/bundle-DZN-28o5.js.map

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

package/cjs/chunks/{bundle-DmR0_slE.js → bundle-DaeRuO3M.js}

@@ -1,23 +1,24 @@
 'use strict';
 
-var _tslib = require('./bundle-DXxZOPH7.js');
+var _tslib = require('./bundle-jAsAzWpU.js');
 var React = require('react');
-var index = require('./bundle-mBM5xtnU.js');
-var LocalizationContext = require('./bundle-Bjb4mIZC.js');
-var _const = require('./bundle-UHQZNGhZ.js');
-var utils$1 = require('./bundle-DTcOyI0C.js');
+var useTypingLifecycle = require('./bundle-BjZvm-U5.js');
+var index = require('./bundle--ZBrECLK.js');
+var LocalizationContext = require('./bundle-ClT0IexP.js');
+var _const = require('./bundle-CeCg868O.js');
+var utils$1 = require('./bundle-DwLWArJq.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var index$1 = require('./bundle-CNxWQqoS.js');
+var index$1 = require('./bundle-CskFALvU.js');
 var ui_DateSeparator = require('../ui/DateSeparator.js');
-var ui_Label = require('./bundle-BPerQ7Nn.js');
-var ui_MessageInput = require('../ui/MessageInput.js');
-var _const$1 = require('./bundle-oeZ9Mu_e.js');
+var ui_Label = require('./bundle-DxZzcGya.js');
+var ui_MessageInput = require('./bundle-CzhNQgac.js');
+var _const$1 = require('./bundle-BSEj3ItE.js');
 var ui_MessageContent = require('../ui/MessageContent.js');
 var GroupChannel_components_SuggestedReplies = require('../GroupChannel/components/SuggestedReplies.js');
-var SuggestedMentionListView = require('./bundle-BleSzbM_.js');
-var utils = require('./bundle-99j0pbE6.js');
-var useSendbird = require('./bundle-BL3oBZ_9.js');
-var color = require('./bundle-BI-qtSLE.js');
+var SuggestedMentionListView = require('./bundle-Iy7lVhfX.js');
+var utils = require('./bundle-1F9guuKw.js');
+var useSendbird = require('./bundle-on0zTbLT.js');
+var color = require('./bundle-mNJHRgJ3.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-DmR0_slE.js.map
+//# sourceMappingURL=bundle-DaeRuO3M.js.map

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

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