@sendbird/uikit-react 3.14.6 → 3.14.7-rc-1

package/ui/MessageInput.js

@@ -1,23 +1,23 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-zAvvLMA9.js';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
-import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-CWXSCBTE.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-COYqO05C.js';
+import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-6v-jzonm.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-DXjbblWF.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
-import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-YUF6WfTL.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle--aWriVp-.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { u as useLocalization } from '../chunks/bundle-4r7ZPzcx.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, G as arrayEqual, w as getClassName, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-janisM9b.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-ZBhGb8Lc.js';
-import { i as isMobileIOS, c as classnames } from '../chunks/bundle-Dw9nwO7e.js';
+import { K, G as arrayEqual, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-CMOqM33u.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-CVf0xQqZ.js';
+import { c as classnames, i as isMobileIOS } from '../chunks/bundle-Dl6p5CcR.js';
 import 'dompurify';
-import '../chunks/bundle-B3nNazhn.js';
-import '../chunks/bundle-QPuxH0uW.js';
-import '../chunks/bundle-C8jE79mn.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-q8TfLkpw.js';
+import '../chunks/bundle-jD9nAlqc.js';
+import '../chunks/bundle-BdXUzVaM.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
@@ -171,7 +171,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                         }
                         return sanitizeString(token.value);
                     })
-                        .join(' ');
+                        .join('');
                 }
             }
             else {
@@ -211,13 +211,13 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
         if (isMentionEnabled && mentionSelectedUser) {
             var targetString = targetStringInfo.targetString, startNodeIndex = targetStringInfo.startNodeIndex, startOffsetIndex = targetStringInfo.startOffsetIndex, endNodeIndex = targetStringInfo.endNodeIndex, endOffsetIndex = targetStringInfo.endOffsetIndex;
             var textField_1 = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
-            if (targetString && startNodeIndex && startOffsetIndex && textField_1 && endNodeIndex) {
+            if (targetString && startNodeIndex !== null && startOffsetIndex !== null && endOffsetIndex !== null && endNodeIndex !== null && textField_1) {
                 // const textField = document.getElementById(textFieldId);
                 var childNodes = nodeListToArray(textField_1 === null || textField_1 === void 0 ? void 0 : textField_1.childNodes);
                 var startNodeTextContent = (_b = (_a = childNodes[startNodeIndex]) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : '';
-                var frontTextNode = document === null || document === void 0 ? void 0 : document.createTextNode(startNodeTextContent.slice(0, startOffsetIndex));
+                var frontTextNode = document.createTextNode(startNodeTextContent.slice(0, startOffsetIndex));
                 var endNodeTextContent = (_d = (_c = childNodes[endNodeIndex]) === null || _c === void 0 ? void 0 : _c.textContent) !== null && _d !== void 0 ? _d : '';
-                var backTextNode = endOffsetIndex && (document === null || document === void 0 ? void 0 : document.createTextNode("\u00A0".concat(endNodeTextContent.slice(endOffsetIndex))));
+                var backTextNode = endOffsetIndex && document.createTextNode("\u00A0".concat(endNodeTextContent.slice(endOffsetIndex)));
                 var mentionLabel = renderToString({
                     userId: mentionSelectedUser === null || mentionSelectedUser === void 0 ? void 0 : mentionSelectedUser.userId,
                     nickname: "".concat(USER_MENTION_TEMP_CHAR).concat((mentionSelectedUser === null || mentionSelectedUser === void 0 ? void 0 : mentionSelectedUser.nickname) || stringSet.MENTION_NAME__NO_NAME),
@@ -314,7 +314,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                      * targetString could be ''
                      * startNodeIndex and startOffsetIndex could be null
                      */
-                    var targetString = textStack && startOffsetIndex ? textStack.slice(startOffsetIndex) : ''; // include template character
+                    var targetString = textStack && startOffsetIndex !== null ? textStack.slice(startOffsetIndex) : ''; // include template character
                     setTargetStringInfo({
                         targetString: targetString,
                         startNodeIndex: startNodeIndex,
@@ -364,12 +364,9 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
         setIsInput: setIsInput,
         setHeight: setHeight,
     });
-    return (React__default.createElement("form", { className: getClassName([
-            className,
-            isEdit ? 'sendbird-message-input__edit' : '',
-            disabled ? 'sendbird-message-input-form__disabled' : '',
-        ]) },
-        React__default.createElement("div", { className: getClassName(['sendbird-message-input', disabled ? 'sendbird-message-input__disabled' : '']) },
+    return (React__default.createElement("form", { className: classnames.apply(void 0, __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), false), [isEdit && 'sendbird-message-input__edit',
+            disabled && 'sendbird-message-input-form__disabled'], false)) },
+        React__default.createElement("div", { className: classnames('sendbird-message-input', disabled && 'sendbird-message-input__disabled'), "data-testid": "sendbird-message-input" },
             React__default.createElement("div", { id: "".concat(textFieldId).concat(isEdit ? message === null || message === void 0 ? void 0 : message.messageId : ''), className: "sendbird-message-input--textarea ".concat(textFieldId), contentEditable: !disabled, role: "textbox", "aria-label": "Text Input", ref: externalRef, 
                 // @ts-ignore
                 disabled: disabled, maxLength: maxLength, onKeyDown: function (e) {
@@ -429,7 +426,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                     useMentionedLabelDetection();
                 }, onPaste: onPaste }),
             ((_e = (_d = (_c = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) === 0 && (React__default.createElement(Label, { className: "sendbird-message-input--placeholder", type: LabelTypography.BODY_1, color: disabled ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
-            !isEdit && isInput && (React__default.createElement(IconButton, { className: "sendbird-message-input--send", height: "32px", width: "32px", onClick: function () { return sendMessage(); } }, (renderSendMessageIcon === null || renderSendMessageIcon === void 0 ? void 0 : renderSendMessageIcon()) || (React__default.createElement(Icon, { type: IconTypes.SEND, fillColor: disabled ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY, width: "20px", height: "20px" })))),
+            !isEdit && isInput && (React__default.createElement(IconButton, { className: "sendbird-message-input--send", height: "32px", width: "32px", onClick: function () { return sendMessage(); }, testID: "sendbird-message-input-send-button" }, (renderSendMessageIcon === null || renderSendMessageIcon === void 0 ? void 0 : renderSendMessageIcon()) || (React__default.createElement(Icon, { type: IconTypes.SEND, fillColor: disabled ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY, width: "20px", height: "20px" })))),
             !isEdit
                 && !isInput
                 && ((renderFileUploadIcon === null || renderFileUploadIcon === void 0 ? void 0 : renderFileUploadIcon())
@@ -451,7 +448,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                                 event.target.value = '';
                             }, accept: getMimeTypesUIKitAccepts(acceptableMimeTypes), multiple: isSelectingMultipleFilesEnabled && isChannelTypeSupportsMultipleFilesMessage(channel) }))))),
             isVoiceMessageEnabled && !isEdit && !isInput && (React__default.createElement(IconButton, { className: "sendbird-message-input--voice-message", width: "32px", height: "32px", onClick: onVoiceMessageIconClick }, (renderVoiceMessageIcon === null || renderVoiceMessageIcon === void 0 ? void 0 : renderVoiceMessageIcon()) || (React__default.createElement(Icon, { type: IconTypes.AUDIO_ON_LINED, fillColor: disabled ? IconColors.ON_BACKGROUND_4 : IconColors.CONTENT_INVERSE, width: "20px", height: "20px" }))))),
-        isEdit && (React__default.createElement("div", { className: "sendbird-message-input--edit-action" },
+        isEdit && (React__default.createElement("div", { className: "sendbird-message-input--edit-action", "data-testid": "sendbird-message-input--edit-action" },
             React__default.createElement(Button, { className: "sendbird-message-input--edit-action__cancel", type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: onCancelEdit }, stringSet.BUTTON__CANCEL),
             React__default.createElement(Button, { className: "sendbird-message-input--edit-action__save", type: ButtonTypes.PRIMARY, size: ButtonSizes.SMALL, disabled: isEditDisabled, onClick: function () { return editMessage(); } }, stringSet.BUTTON__SAVE)))));
 });

package/ui/MessageInput.js.map

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

package/ui/MessageItemMenu.js

@@ -1,23 +1,23 @@
-import { _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign } from '../chunks/bundle-zAvvLMA9.js';
 import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-janisM9b.js';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import { R as Role } from '../chunks/bundle-Boh0Ffwo.js';
-import { d as deleteNullish } from '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-CMOqM33u.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import { R as Role } from '../chunks/bundle-Dj4qcISv.js';
+import { d as deleteNullish } from '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
-import '../chunks/bundle-prXB4t_m.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-sq0c8UmG.js';
+import '../chunks/bundle-DyVURRtM.js';
+import '../chunks/bundle-BvFSwy4a.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-D2RTt6tN.js';
 
 function MessageMenu(props) {
     var _a;
@@ -59,13 +59,13 @@ function MessageMenu(props) {
                 }, onBlur: function () {
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
                 } },
-                React__default.createElement(Icon, { className: "sendbird-message-item-menu__trigger__icon", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                React__default.createElement(Icon, { className: "sendbird-message-item-menu__trigger__icon", testID: "sendbird-message-item-menu__trigger__icon", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
                 var _a, _b;
                 var closeDropdown = function () {
                     close();
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
                 };
-                return (React__default.createElement(MenuItems, { className: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
+                return (React__default.createElement(MenuItems, { className: "sendbird-message-item-menu__list", testID: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
                     showMenuItemCopy && (renderMenuItem({
                         className: 'sendbird-message-item-menu__list__menu-item menu-item-copy',
                         onClick: function () {

package/ui/MessageItemReactionMenu.js

@@ -4,19 +4,19 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-janisM9b.js';
-import '../chunks/bundle-DwJ8HgZK.js';
-import '../chunks/bundle-DKkCwVCs.js';
+import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-CMOqM33u.js';
+import '../chunks/bundle-HbS5lB90.js';
+import '../chunks/bundle-zAvvLMA9.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
-import '../chunks/bundle-prXB4t_m.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-RoB3xpYU.js';
-import '../chunks/bundle-3Mubyujl.js';
+import '../chunks/bundle-sq0c8UmG.js';
+import '../chunks/bundle-DyVURRtM.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BNZI6WLw.js';
+import '../chunks/bundle-DS8lmYaF.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 
@@ -34,7 +34,7 @@ function MessageEmojiMenu(_a) {
                 }, onBlur: function () {
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
                 } },
-                React__default.createElement(Icon, { className: "sendbird-message-item-reaction-menu__trigger__icon", type: IconTypes.EMOJI_MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                React__default.createElement(Icon, { className: "sendbird-message-item-reaction-menu__trigger__icon", testID: "sendbird-message-item-reaction-menu__trigger__icon", type: IconTypes.EMOJI_MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
                 var closeDropdown = function () {
                     close();
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
@@ -45,7 +45,7 @@ function MessageEmojiMenu(_a) {
                     return (React__default.createElement(ReactionButton, { key: emoji.key, width: "36px", height: "36px", selected: isReacted, onClick: function () {
                             closeDropdown();
                             toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
-                        }, dataSbId: "ui_emoji_reactions_menu_".concat(emoji.key) },
+                        }, testID: "ui_emoji_reactions_menu_".concat(emoji.key) },
                         React__default.createElement(ImageRenderer, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (_a) {
                                 var style = _a.style;
                                 return (React__default.createElement("div", { style: style },

package/ui/MessageSearchFileItem.js

@@ -1,19 +1,19 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
-import { f as format } from '../chunks/bundle-t4qeDosj.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BWiA6-mB.js';
-import { i as isVoiceMessage } from '../chunks/bundle-janisM9b.js';
-import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-DYErcqMl.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { u as useLocalization } from '../chunks/bundle-4r7ZPzcx.js';
+import { f as format } from '../chunks/bundle-BWOr3gdK.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-Bn31wN-4.js';
+import { i as isVoiceMessage } from '../chunks/bundle-CMOqM33u.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-D_lTgUdV.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-D1rcEkoi.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BEDpWEUq.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
+import '../chunks/bundle-BaXIdVj6.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-t4qeDosj.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BWiA6-mB.js';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-D1rcEkoi.js';
+import { f as format } from '../chunks/bundle-BWOr3gdK.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-Bn31wN-4.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { u as useLocalization } from '../chunks/bundle-4r7ZPzcx.js';
+import '../chunks/bundle-D2RTt6tN.js';
+import '../chunks/bundle-BaXIdVj6.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BEDpWEUq.js';
 import './Icon.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-BvFSwy4a.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/ui/MessageStatus.js

@@ -1,17 +1,17 @@
-import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-zAvvLMA9.js';
 import 'react';
-import '../chunks/bundle-t4qeDosj.js';
+import '../chunks/bundle-BWOr3gdK.js';
 import './Icon.js';
-import '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-DyVURRtM.js';
 import './Loader.js';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-CMOqM33u.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../chunks/bundle-C3gISq8S.js';
-import '../chunks/bundle-nfJ9J5Md.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-Cv_JSmmp.js';
+import '../chunks/bundle-4r7ZPzcx.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-D2RTt6tN.js';
+import '../chunks/bundle-BvFSwy4a.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BWiA6-mB.js';
-import '../chunks/bundle-D1rcEkoi.js';
+import '../chunks/bundle-Bn31wN-4.js';
+import '../chunks/bundle-BaXIdVj6.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/MessageTemplate.js

@@ -1,3 +1,3 @@
 import 'react';
-export { a as MessageTemplate, a as default } from '../chunks/bundle-C7Vw36CA.js';
+export { a as MessageTemplate, a as default } from '../chunks/bundle-C3ERcgVV.js';
 //# sourceMappingURL=MessageTemplate.js.map

package/ui/MobileFeedbackMenu.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { u as useLocalization } from '../chunks/bundle-4r7ZPzcx.js';
 import 'react-dom';
-import '../chunks/bundle-CGmq3qGM.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-DEcnZTr9.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-3Mubyujl.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-DS8lmYaF.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
@@ -17,14 +17,14 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BMQLJ23N.js';
-import '../chunks/bundle-DhBuJR0w.js';
+import '../chunks/bundle-CflUdLjG.js';
+import '../chunks/bundle-DaqQkuav.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DwJ8HgZK.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-HbS5lB90.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;

package/ui/Modal.js

@@ -1,27 +1,27 @@
-import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-zAvvLMA9.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-Dw9nwO7e.js';
-export { M as Modal, f as ModalBody, c as ModalFooter, e as ModalHeader, M as default } from '../chunks/bundle-CGmq3qGM.js';
-import '../chunks/bundle-nfJ9J5Md.js';
-import '../chunks/bundle-3Mubyujl.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+export { M as Modal, f as ModalBody, c as ModalFooter, e as ModalHeader, M as default } from '../chunks/bundle-DEcnZTr9.js';
+import '../chunks/bundle-4r7ZPzcx.js';
+import '../chunks/bundle-DS8lmYaF.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-DyVURRtM.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BMQLJ23N.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-CflUdLjG.js';
+import '../chunks/bundle-HbS5lB90.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DhBuJR0w.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-DaqQkuav.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
 import '../utils/message/getOutgoingMessageState.js';
 //# sourceMappingURL=Modal.js.map

package/ui/MutedAvatarOverlay.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-Dl6p5CcR.js';
 
 function MutedAvatarOverlay(props) {
     var _a = props.height, height = _a === void 0 ? 24 : _a, _b = props.width, width = _b === void 0 ? 24 : _b;

package/ui/OGMessageItemBody.js

@@ -1,34 +1,34 @@
 import React__default, { useContext, useMemo, useRef, useEffect } from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-janisM9b.js';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import { T as TextFragment } from '../chunks/bundle-B-DnYw4p.js';
-import { t as tokenizeMessage } from '../chunks/bundle-ZBhGb8Lc.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-C8jE79mn.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
-import { o as openURL, c as classnames } from '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-CMOqM33u.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import { T as TextFragment } from '../chunks/bundle-C0hkVQ_x.js';
+import { t as tokenizeMessage } from '../chunks/bundle-CVf0xQqZ.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-BdXUzVaM.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DS8lmYaF.js';
+import { o as openURL, c as classnames } from '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-BvFSwy4a.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-D2RTt6tN.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-sq0c8UmG.js';
 import './UserProfile.js';
-import '../chunks/bundle-C_dNvBEo.js';
+import '../chunks/bundle-CPH6jPCe.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
-import '../chunks/bundle-BgL9QnGd.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-Dub0HHFi.js';
+import '../chunks/bundle-lS9BV-1I.js';
+import '../chunks/bundle-BEDpWEUq.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenChannelAdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import '../chunks/bundle-BvFSwy4a.js';
 
 function OpenChannelAdminMessage(_a) {
     var className = _a.className, message = _a.message;

package/ui/OpenChannelAvatar.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import { b as getOpenChannelAvatar } from '../chunks/bundle-COoyrRF6.js';
-import '../chunks/bundle-DKkCwVCs.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import { b as getOpenChannelAvatar } from '../chunks/bundle-DaVYmO9d.js';
+import '../chunks/bundle-zAvvLMA9.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BEDpWEUq.js';
 import './Icon.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, theme = _a.theme, _b = _a.height, height = _b === void 0 ? 56 : _b, _c = _a.width, width = _c === void 0 ? 56 : _c;

package/ui/OpenchannelConversationHeader.js

@@ -1,15 +1,15 @@
 import React__default, { useContext } from 'react';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import '../chunks/bundle-DKkCwVCs.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import '../chunks/bundle-zAvvLMA9.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BEDpWEUq.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
 
 function OpenchannelConversationHeader(_a) {
     var coverImage = _a.coverImage, title = _a.title, subTitle = _a.subTitle, amIOperator = _a.amIOperator, onActionClick = _a.onActionClick;

package/ui/OpenchannelFileMessage.js

@@ -1,36 +1,36 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-zAvvLMA9.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-t4qeDosj.js';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { f as format } from '../chunks/bundle-BWOr3gdK.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-CYknZObK.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
-import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
-import { o as openURL } from '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-DprHnWfH.js';
+import { a as UserProfileContext } from '../chunks/bundle-CPH6jPCe.js';
+import { u as useLocalization } from '../chunks/bundle-4r7ZPzcx.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-BFv53Dhg.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DS8lmYaF.js';
+import { u as useLongPress } from '../chunks/bundle-BNZI6WLw.js';
+import { o as openURL } from '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-D2RTt6tN.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-BEDpWEUq.js';
+import '../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-sq0c8UmG.js';
+import '../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-h8I0AuUK.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-BgxEVQoU.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-Dub0HHFi.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -122,14 +122,14 @@ function OpenChannelFileMessage(_a) {
                             }
                             resendMessage(message);
                             closeDropdown();
-                        }, dataSbId: "open_channel_file_message_context_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
+                        }, testID: "open_channel_file_message_context_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
                     (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { onClick: function () {
                             if (disabled) {
                                 return;
                             }
                             showRemove(true);
                             closeDropdown();
-                        }, dataSbId: "open_channel_file_message_context_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } }))))),
+                        }, testID: "open_channel_file_message_context_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } }))))),
         contextMenu && (React__default.createElement(OpenChannelMobileMenu, { message: message, hideMenu: function () {
                 setContextMenu(false);
             }, parentRef: mobileMenuRef, showRemove: function () {