@sendbird/uikit-react 3.14.6 → 3.14.7-rc.0

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-CCRwOILr.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-BzT1IYfR.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-Dx-khVyG.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-CP23reH8.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-rmCgpYl2.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.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-CIHtPXyv.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-XNbFC3cL.js';
+import { c as classnames, i as isMobileIOS } from '../chunks/bundle-C5cPwfl7.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-DdlWQflQ.js';
+import '../chunks/bundle-BUF13B_d.js';
+import '../chunks/bundle-Cb1XOWfn.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.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-CCRwOILr.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-CIHtPXyv.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { R as Role } from '../chunks/bundle-ZIevlLlV.js';
+import { d as deleteNullish } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CM2t7eH3.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-BR1kJOcI.js';
+import '../chunks/bundle-rmCgpYl2.js';
+import '../chunks/bundle-CqhNkmsl.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-144DoI9L.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-CIHtPXyv.js';
+import '../chunks/bundle-CM2t7eH3.js';
+import '../chunks/bundle-CCRwOILr.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-BR1kJOcI.js';
+import '../chunks/bundle-rmCgpYl2.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle--dzeu7GZ.js';
+import '../chunks/bundle-BU6Qpz93.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-CCRwOILr.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.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-rmCgpYl2.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
+import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BPZfkUNt.js';
+import { i as isVoiceMessage } from '../chunks/bundle-CIHtPXyv.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-Dbcnuh2P.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-C5cPwfl7.js';
+import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-Brfb9sy_.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-CCRwOILr.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-Bb8eZMFx.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BPZfkUNt.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-Brfb9sy_.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-BsBFjLW0.js';
 import './Icon.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-CqhNkmsl.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/ui/MessageStatus.js

@@ -1,17 +1,17 @@
-import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-CCRwOILr.js';
 import 'react';
-import '../chunks/bundle-t4qeDosj.js';
+import '../chunks/bundle-Bb8eZMFx.js';
 import './Icon.js';
-import '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-rmCgpYl2.js';
 import './Loader.js';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-CIHtPXyv.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-B3G0tTKZ.js';
+import '../chunks/bundle-BhpRDUCv.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-CqhNkmsl.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BWiA6-mB.js';
-import '../chunks/bundle-D1rcEkoi.js';
+import '../chunks/bundle-BPZfkUNt.js';
+import '../chunks/bundle-Brfb9sy_.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-CvjZy952.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-rmCgpYl2.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
 import 'react-dom';
-import '../chunks/bundle-CGmq3qGM.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-BkNi-A4T.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-3Mubyujl.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-BU6Qpz93.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-BR1kJOcI.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BMQLJ23N.js';
-import '../chunks/bundle-DhBuJR0w.js';
+import '../chunks/bundle-DZRXYe29.js';
+import '../chunks/bundle-hHUThi_g.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DwJ8HgZK.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-CM2t7eH3.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.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-CCRwOILr.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-C5cPwfl7.js';
+export { M as Modal, f as ModalBody, c as ModalFooter, e as ModalHeader, M as default } from '../chunks/bundle-BkNi-A4T.js';
+import '../chunks/bundle-BhpRDUCv.js';
+import '../chunks/bundle-BU6Qpz93.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-rmCgpYl2.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-BR1kJOcI.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BMQLJ23N.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-DZRXYe29.js';
+import '../chunks/bundle-CM2t7eH3.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DhBuJR0w.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-hHUThi_g.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.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-CCRwOILr.js';
+import '../chunks/bundle-C5cPwfl7.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-rmCgpYl2.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-CIHtPXyv.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { T as TextFragment } from '../chunks/bundle-D8FnCo6L.js';
+import { t as tokenizeMessage } from '../chunks/bundle-XNbFC3cL.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-Cb1XOWfn.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
+import { o as openURL, c as classnames } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-CqhNkmsl.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-144DoI9L.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-CM2t7eH3.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-BR1kJOcI.js';
 import './UserProfile.js';
-import '../chunks/bundle-C_dNvBEo.js';
+import '../chunks/bundle-nDjk3-Gt.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
-import '../chunks/bundle-BgL9QnGd.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-ScIM6mz0.js';
+import '../chunks/bundle-DnCl_muj.js';
+import '../chunks/bundle-BsBFjLW0.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-CCRwOILr.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-rmCgpYl2.js';
+import '../chunks/bundle-CqhNkmsl.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-DnCl_muj.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { b as getOpenChannelAvatar } from '../chunks/bundle-BQo6_bfT.js';
+import '../chunks/bundle-CCRwOILr.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-BsBFjLW0.js';
 import './Icon.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.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-DnCl_muj.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-rmCgpYl2.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import '../chunks/bundle-CCRwOILr.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-C5cPwfl7.js';
+import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.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-CCRwOILr.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-Bb8eZMFx.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.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-rmCgpYl2.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-nDjk3-Gt.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.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-DUqPbING.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
+import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
+import { o as openURL } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-144DoI9L.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CM2t7eH3.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-BR1kJOcI.js';
+import '../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-h8I0AuUK.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-ThfYP9g9.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-ScIM6mz0.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 () {