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

package/cjs/ui/MessageContent.js

@@ -1,34 +1,34 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-Cd-3W3UM.js');
-var ui_MessageStatus = require('../chunks/bundle-BPV3CKzS.js');
+var index$1 = require('../chunks/bundle-4OndLy2v.js');
+var ui_MessageStatus = require('../chunks/bundle-2u6B53jr.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-DrYI_bNa.js');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
+var index = require('../chunks/bundle-CrD4PCap.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-Bgeq75IH.js');
-var index$2 = require('../chunks/bundle-6aemRbmn.js');
-var MediaQueryContext = require('../chunks/bundle-OIKGVRus.js');
+var useLongPress = require('../chunks/bundle-Gf-QDewd.js');
+var index$2 = require('../chunks/bundle-D74xdt53.js');
+var MediaQueryContext = require('../chunks/bundle-JvOSvbT-.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-CuOOXDK0.js');
-var utils = require('../chunks/bundle-DOoshvnj.js');
+var _const = require('../chunks/bundle-BbMTHb6h.js');
+var utils = require('../chunks/bundle-DmWW0WBf.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-C_8UQBXr.js');
+var ui_Avatar = require('../chunks/bundle-DA3mJxgj.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DTzydpqA.js');
+var UserProfileContext = require('../chunks/bundle-IB5obbRW.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-BE-L5873.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-xRIT87Jh.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
@@ -38,56 +38,56 @@ var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-require('../chunks/bundle-1A4pOyri.js');
+require('../chunks/bundle-DLq7U-TG.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DTJnlh7y.js');
-require('../chunks/bundle-TEjGhclf.js');
+require('../chunks/bundle-M4R5UMAX.js');
+require('../chunks/bundle-zrhH00S-.js');
 require('./IconButton.js');
-require('../chunks/bundle-BFy8_d3W.js');
-require('../chunks/bundle-Dymg5zVO.js');
+require('../chunks/bundle-DyB6a-BA.js');
+require('../chunks/bundle-Dth1pRws.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-YRiE_c63.js');
-require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-CoMYKwh1.js');
+require('../chunks/bundle-CyhBskLi.js');
 require('@sendbird/chat/groupChannel');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-DW8u-n3u.js');
+require('../chunks/bundle-DZifaK6e.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
-require('../chunks/bundle-CW2oMonb.js');
-require('../chunks/bundle-BNzVVkzd.js');
+require('../chunks/bundle-fR0Lyqms.js');
+require('../chunks/bundle-r2wrE4gR.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-DcQeRT4T.js');
+require('../chunks/bundle-DwiW36qb.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-7CEyuoln.js');
+require('../chunks/bundle-BoRj-mgS.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-H13ErLKW.js');
-require('../chunks/bundle-cqwHj7Dj.js');
-require('../chunks/bundle-CoJbL3ob.js');
-require('../chunks/bundle-B1Ql7yM0.js');
+require('../chunks/bundle-BJ8j5f4n.js');
+require('../chunks/bundle-DKzRDD56.js');
+require('../chunks/bundle-C5cMcHd8.js');
+require('../chunks/bundle-C8g_BN3A.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-CI1zoEKe.js');
-require('../chunks/bundle-D3BhVTZt.js');
+require('../chunks/bundle-DVG4EUf8.js');
+require('../chunks/bundle-BYa01_Vw.js');
 require('./TextButton.js');
-require('../chunks/bundle-CA69fSDI.js');
-require('../chunks/bundle-CTraI7aM.js');
-require('../chunks/bundle-jHjvHr01.js');
+require('../chunks/bundle-DLImZze-.js');
+require('../chunks/bundle-DpM6-wea.js');
+require('../chunks/bundle-Dm-aPoDj.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-DUzcm-3u.js');
+require('../chunks/bundle-DvAeFFek.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
 require('./Input.js');
@@ -311,9 +311,9 @@ function MessageContent(props) {
             isByMeClassName,
             uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
-        React.createElement("div", { className: index.getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
+        React.createElement("div", { className: utils.classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
             renderSenderProfile(_tslib.__assign(_tslib.__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-            showOutgoingMenu && (React.createElement("div", { className: index.getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
+            showOutgoingMenu && (React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
                     message: message$1,
@@ -344,13 +344,9 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     setSupposedHover: setSupposedHover,
                 }))))),
-        React.createElement("div", _tslib.__assign({ className: index.getClassName([
-                'sendbird-message-content__middle',
-                index.isTemplateMessage(message$1) ? 'sendbird-message-content__middle__for_template_message' : '',
-                uiContainerType,
-            ]) }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
+        React.createElement("div", _tslib.__assign({ className: utils.classnames('sendbird-message-content__middle', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
-            (useReplying) ? (React.createElement("div", { className: index.getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName]) },
+            (useReplying) ? (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
                 React.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message$1, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message$1.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === _const.ThreadReplySelectType.THREAD) {
@@ -361,16 +357,8 @@ function MessageContent(props) {
                             scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message$1.parentMessage.createdAt, message$1.parentMessageId);
                         }
                     } }))) : null,
-            React.createElement("div", { className: index.getClassName([
-                    'sendbird-message-content__middle__body-container',
-                    index.isTemplateMessage(message$1) ? 'sendbird-message-content__middle__for_template_message' : '',
-                ]) },
-                (isByMe && !chainBottom) && (React.createElement("div", { className: index.getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'left',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), ref: timestampRef },
+            React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message') },
+                (isByMe && !chainBottom) && (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName, uiContainerType), ref: timestampRef },
                     React.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React.createElement(ui_MessageStatus.MessageStatus, { message: message$1, channel: channel })))),
                 renderMessageBody({
@@ -386,14 +374,8 @@ function MessageContent(props) {
                     onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React.createElement("div", { className: index.getClassName([
-                        'sendbird-message-content-reactions',
-                        index.isMultipleFilesMessage(message$1)
-                            ? 'image-grid'
-                            : (!isByMe || index.isThumbnailMessage(message$1) || index.isOGMessage(message$1))
-                                ? '' : 'primary',
-                        mouseHover ? 'mouse-hover' : '',
-                    ]) }, renderEmojiReactions({
+                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index.isMultipleFilesMessage(message$1) ? 'image-grid'
+                        : (isByMe && !index.isThumbnailMessage(message$1) && !index.isOGMessage(message$1)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message$1,
                     channel: channel,
@@ -403,12 +385,7 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
                 }))),
-                (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: index.getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'right',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2, ref: timestampRef }, index$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
+                (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName, uiContainerType), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2, ref: timestampRef }, index$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
             isTimestampBottom && React.createElement("div", { style: {
@@ -480,8 +457,8 @@ function MessageContent(props) {
                         });
                     }); }, disabled: !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
-        showRightContent && (React.createElement("div", { className: index.getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName]) },
-            React.createElement("div", { className: index.getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName]) },
+        showRightContent && (React.createElement("div", { className: utils.classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
+            React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
                     message: message$1,

package/cjs/ui/MessageContent.js.map

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

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,32 +1,32 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
-var ui_Modal = require('../chunks/bundle-DW8u-n3u.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
+var ui_Modal = require('../chunks/bundle-DZifaK6e.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-var useKeyDown = require('../chunks/bundle-jHjvHr01.js');
-require('../chunks/bundle-eTYC1RPT.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-1A4pOyri.js');
-require('../chunks/bundle-DrYI_bNa.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+var useKeyDown = require('../chunks/bundle-Dm-aPoDj.js');
+require('../chunks/bundle-CJeQAwIq.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DLq7U-TG.js');
+require('../chunks/bundle-CrD4PCap.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-DmWW0WBf.js');
 require('react-dom');
-require('../chunks/bundle-OIKGVRus.js');
+require('../chunks/bundle-JvOSvbT-.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-YRiE_c63.js');
+require('../chunks/bundle-CoMYKwh1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-CW2oMonb.js');
-require('../chunks/bundle-BNzVVkzd.js');
+require('../chunks/bundle-fR0Lyqms.js');
+require('../chunks/bundle-r2wrE4gR.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Dymg5zVO.js');
+require('../chunks/bundle-Dth1pRws.js');
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/cjs/ui/MessageFeedbackModal.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
-var ui_Modal = require('../chunks/bundle-DW8u-n3u.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
+var ui_Modal = require('../chunks/bundle-DZifaK6e.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-var MediaQueryContext = require('../chunks/bundle-OIKGVRus.js');
-var useKeyDown = require('../chunks/bundle-jHjvHr01.js');
-require('../chunks/bundle-eTYC1RPT.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-1A4pOyri.js');
-require('../chunks/bundle-DrYI_bNa.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+var MediaQueryContext = require('../chunks/bundle-JvOSvbT-.js');
+var useKeyDown = require('../chunks/bundle-Dm-aPoDj.js');
+require('../chunks/bundle-CJeQAwIq.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DLq7U-TG.js');
+require('../chunks/bundle-CrD4PCap.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-DmWW0WBf.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Icon.js');
@@ -22,12 +22,12 @@ require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-YRiE_c63.js');
+require('../chunks/bundle-CoMYKwh1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-CW2oMonb.js');
-require('../chunks/bundle-BNzVVkzd.js');
+require('../chunks/bundle-fR0Lyqms.js');
+require('../chunks/bundle-r2wrE4gR.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Dymg5zVO.js');
+require('../chunks/bundle-Dth1pRws.js');
 
 function MessageFeedbackModal(props) {
     var _a, _b;

package/cjs/ui/MessageInput/hooks/usePaste.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-A_xDyoq6.js');
-require('../../../chunks/bundle-wz_O1vyk.js');
-require('../../../chunks/bundle-CuOOXDK0.js');
-require('../../../chunks/bundle-eTYC1RPT.js');
-require('../../../chunks/bundle-CBNBRNN0.js');
-require('../../../chunks/bundle-D3BhVTZt.js');
-require('../../../chunks/bundle-CI1zoEKe.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-MfG33Jpz.js');
+require('../../../chunks/bundle-CMEQx4Mz.js');
+require('../../../chunks/bundle-BbMTHb6h.js');
+require('../../../chunks/bundle-CJeQAwIq.js');
+require('../../../chunks/bundle-DI_kGoPm.js');
+require('../../../chunks/bundle-BYa01_Vw.js');
+require('../../../chunks/bundle-DVG4EUf8.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,25 +1,25 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-wz_O1vyk.js');
-var _const = require('../chunks/bundle-CuOOXDK0.js');
+var _const$1 = require('../chunks/bundle-CMEQx4Mz.js');
+var _const = require('../chunks/bundle-BbMTHb6h.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-A_xDyoq6.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-MfG33Jpz.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('../chunks/bundle-DrYI_bNa.js');
-var tokenize = require('../chunks/bundle-B1Ql7yM0.js');
-var utils = require('../chunks/bundle-DOoshvnj.js');
+var index = require('../chunks/bundle-CrD4PCap.js');
+var tokenize = require('../chunks/bundle-C8g_BN3A.js');
+var utils = require('../chunks/bundle-DmWW0WBf.js');
 require('dompurify');
-require('../chunks/bundle-CBNBRNN0.js');
-require('../chunks/bundle-D3BhVTZt.js');
-require('../chunks/bundle-CI1zoEKe.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-1A4pOyri.js');
+require('../chunks/bundle-DI_kGoPm.js');
+require('../chunks/bundle-BYa01_Vw.js');
+require('../chunks/bundle-DVG4EUf8.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DLq7U-TG.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
@@ -173,7 +173,7 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
                         }
                         return ui_MessageInput_hooks_usePaste.sanitizeString(token.value);
                     })
-                        .join(' ');
+                        .join('');
                 }
             }
             else {
@@ -213,13 +213,13 @@ var MessageInput = React.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 = ui_MessageInput_hooks_usePaste.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 = ui_MessageInput_hooks_usePaste.renderToString({
                     userId: mentionSelectedUser === null || mentionSelectedUser === void 0 ? void 0 : mentionSelectedUser.userId,
                     nickname: "".concat(_const.USER_MENTION_TEMP_CHAR).concat((mentionSelectedUser === null || mentionSelectedUser === void 0 ? void 0 : mentionSelectedUser.nickname) || stringSet.MENTION_NAME__NO_NAME),
@@ -316,7 +316,7 @@ var MessageInput = React.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,
@@ -366,12 +366,9 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
         setIsInput: setIsInput,
         setHeight: setHeight,
     });
-    return (React.createElement("form", { className: index.getClassName([
-            className,
-            isEdit ? 'sendbird-message-input__edit' : '',
-            disabled ? 'sendbird-message-input-form__disabled' : '',
-        ]) },
-        React.createElement("div", { className: index.getClassName(['sendbird-message-input', disabled ? 'sendbird-message-input__disabled' : '']) },
+    return (React.createElement("form", { className: utils.classnames.apply(void 0, _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), false), [isEdit && 'sendbird-message-input__edit',
+            disabled && 'sendbird-message-input-form__disabled'], false)) },
+        React.createElement("div", { className: utils.classnames('sendbird-message-input', disabled && 'sendbird-message-input__disabled'), "data-testid": "sendbird-message-input" },
             React.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) {
@@ -431,7 +428,7 @@ var MessageInput = React.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.createElement(ui_Label.Label, { className: "sendbird-message-input--placeholder", type: ui_Label.LabelTypography.BODY_1, color: disabled ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
-            !isEdit && isInput && (React.createElement(ui_IconButton, { className: "sendbird-message-input--send", height: "32px", width: "32px", onClick: function () { return sendMessage(); } }, (renderSendMessageIcon === null || renderSendMessageIcon === void 0 ? void 0 : renderSendMessageIcon()) || (React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SEND, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.PRIMARY, width: "20px", height: "20px" })))),
+            !isEdit && isInput && (React.createElement(ui_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.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SEND, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.PRIMARY, width: "20px", height: "20px" })))),
             !isEdit
                 && !isInput
                 && ((renderFileUploadIcon === null || renderFileUploadIcon === void 0 ? void 0 : renderFileUploadIcon())
@@ -453,7 +450,7 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
                                 event.target.value = '';
                             }, accept: index.getMimeTypesUIKitAccepts(acceptableMimeTypes), multiple: isSelectingMultipleFilesEnabled && ui_MessageInput_hooks_usePaste.isChannelTypeSupportsMultipleFilesMessage(channel) }))))),
             isVoiceMessageEnabled && !isEdit && !isInput && (React.createElement(ui_IconButton, { className: "sendbird-message-input--voice-message", width: "32px", height: "32px", onClick: onVoiceMessageIconClick }, (renderVoiceMessageIcon === null || renderVoiceMessageIcon === void 0 ? void 0 : renderVoiceMessageIcon()) || (React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.AUDIO_ON_LINED, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT_INVERSE, width: "20px", height: "20px" }))))),
-        isEdit && (React.createElement("div", { className: "sendbird-message-input--edit-action" },
+        isEdit && (React.createElement("div", { className: "sendbird-message-input--edit-action", "data-testid": "sendbird-message-input--edit-action" },
             React.createElement(ui_Button.default, { className: "sendbird-message-input--edit-action__cancel", type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: onCancelEdit }, stringSet.BUTTON__CANCEL),
             React.createElement(ui_Button.default, { className: "sendbird-message-input--edit-action__save", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.SMALL, disabled: isEditDisabled, onClick: function () { return editMessage(); } }, stringSet.BUTTON__SAVE)))));
 });

package/cjs/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/cjs/ui/MessageItemMenu.js

@@ -2,26 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-DrYI_bNa.js');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
-var types = require('../chunks/bundle-BFy8_d3W.js');
-var utils = require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-Dymg5zVO.js');
+var index = require('../chunks/bundle-CrD4PCap.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
+var types = require('../chunks/bundle-DyB6a-BA.js');
+var utils = require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-Dth1pRws.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-YRiE_c63.js');
-require('../chunks/bundle-DY5rfl6W.js');
-require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-CoMYKwh1.js');
+require('../chunks/bundle-kA42u0Gu.js');
+require('../chunks/bundle-CyhBskLi.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-1A4pOyri.js');
+require('../chunks/bundle-DLq7U-TG.js');
 
 function MessageMenu(props) {
     var _a;
@@ -63,13 +63,13 @@ function MessageMenu(props) {
                 }, onBlur: function () {
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
                 } },
-                React.createElement(ui_Icon.default, { className: "sendbird-message-item-menu__trigger__icon", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                React.createElement(ui_Icon.default, { className: "sendbird-message-item-menu__trigger__icon", testID: "sendbird-message-item-menu__trigger__icon", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.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.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
+                return (React.createElement(ui_ContextMenu.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/cjs/ui/MessageItemReactionMenu.js

@@ -8,19 +8,19 @@ var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../chunks/bundle-DrYI_bNa.js');
-require('../chunks/bundle-Dymg5zVO.js');
-require('../chunks/bundle-eTYC1RPT.js');
+var index = require('../chunks/bundle-CrD4PCap.js');
+require('../chunks/bundle-Dth1pRws.js');
+require('../chunks/bundle-CJeQAwIq.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-YRiE_c63.js');
-require('../chunks/bundle-DY5rfl6W.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-Bgeq75IH.js');
-require('../chunks/bundle-OIKGVRus.js');
+require('../chunks/bundle-CoMYKwh1.js');
+require('../chunks/bundle-kA42u0Gu.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-Gf-QDewd.js');
+require('../chunks/bundle-JvOSvbT-.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 
@@ -38,7 +38,7 @@ function MessageEmojiMenu(_a) {
                 }, onBlur: function () {
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
                 } },
-                React.createElement(ui_Icon.default, { className: "sendbird-message-item-reaction-menu__trigger__icon", type: ui_Icon.IconTypes.EMOJI_MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                React.createElement(ui_Icon.default, { className: "sendbird-message-item-reaction-menu__trigger__icon", testID: "sendbird-message-item-reaction-menu__trigger__icon", type: ui_Icon.IconTypes.EMOJI_MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
                 var closeDropdown = function () {
                     close();
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
@@ -49,7 +49,7 @@ function MessageEmojiMenu(_a) {
                     return (React.createElement(ui_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.createElement(ui_ImageRenderer.default, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (_a) {
                                 var style = _a.style;
                                 return (React.createElement("div", { style: style },

package/cjs/ui/MessageSearchFileItem.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-C_8UQBXr.js');
+var ui_Avatar = require('../chunks/bundle-DA3mJxgj.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
-var index$1 = require('../chunks/bundle-Cd-3W3UM.js');
-var index = require('../chunks/bundle-DTJnlh7y.js');
-var index$2 = require('../chunks/bundle-DrYI_bNa.js');
-var utils = require('../chunks/bundle-cqwHj7Dj.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
+var index$1 = require('../chunks/bundle-4OndLy2v.js');
+var index = require('../chunks/bundle-M4R5UMAX.js');
+var index$2 = require('../chunks/bundle-CrD4PCap.js');
+var utils = require('../chunks/bundle-DKzRDD56.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-DcQeRT4T.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-1A4pOyri.js');
-require('../chunks/bundle-TEjGhclf.js');
+require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-DwiW36qb.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DLq7U-TG.js');
+require('../chunks/bundle-zrhH00S-.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');