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

package/chunks/{bundle-gH-X0MYD.js → bundle-DvHzmJtg.js}

@@ -1,14 +1,14 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-rmCgpYl2.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { A as Avatar } from './bundle-BgL9QnGd.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-nfJ9J5Md.js';
-import { u as uuidv4 } from './bundle-uIqOEfCa.js';
-import { c as classnames } from './bundle-Dw9nwO7e.js';
+import { A as Avatar } from './bundle-DnCl_muj.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-BhpRDUCv.js';
+import { u as uuidv4 } from './bundle-BR1kJOcI.js';
+import { c as classnames } from './bundle-C5cPwfl7.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-COYqO05C.js';
-import { M as MessageInputKeys } from './bundle-CWXSCBTE.js';
-import { a as __awaiter, b as __generator } from './bundle-DKkCwVCs.js';
+import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-Dx-khVyG.js';
+import { M as MessageInputKeys } from './bundle-BzT1IYfR.js';
+import { a as __awaiter, b as __generator } from './bundle-CCRwOILr.js';
 
 function SuggestedUserMentionItem(props) {
     var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
@@ -31,8 +31,8 @@ function SuggestedUserMentionItem(props) {
     }
     return (React__default.createElement("div", { className: classnames('sendbird-mention-suggest-list__user-item', isFocused && 'focused'), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuidv4(), ref: scrollRef },
         React__default.createElement(Avatar, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
-        React__default.createElement(Label, { className: "sendbird-mention-suggest-list__user-item__nickname", type: LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? LabelColors.ONBACKGROUND_1 : LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
-        React__default.createElement(Label, { className: "sendbird-mention-suggest-list__user-item__user-id", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
+        React__default.createElement(Label, { className: "sendbird-mention-suggest-list__user-item__nickname", testID: "sendbird-mention-suggest-list__user-item__nickname", type: LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? LabelColors.ONBACKGROUND_1 : LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
+        React__default.createElement(Label, { className: "sendbird-mention-suggest-list__user-item__user-id", testID: "sendbird-mention-suggest-list__user-item__user-id", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
 }
 
 function fetchMembersFromChannel(currentUserId, channel, maxSuggestionCount, searchString) {
@@ -154,7 +154,7 @@ var SuggestedMentionListView = function (props) {
     if (!ableAddMention && currentMemberList.length === 0) {
         return null;
     }
-    return (React__default.createElement("div", { className: "sendbird-mention-suggest-list ".concat(className), key: "sendbird-mention-suggest-list", ref: scrollRef },
+    return (React__default.createElement("div", { className: classnames('sendbird-mention-suggest-list', className), "data-testid": "sendbird-mention-suggest-list", key: "sendbird-mention-suggest-list", ref: scrollRef },
         ableAddMention
             && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React__default.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId), parentScrollRef: scrollRef, onClick: function (_a) {
                     var member = _a.member;
@@ -169,4 +169,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 export { SuggestedMentionListView as S };
-//# sourceMappingURL=bundle-gH-X0MYD.js.map
+//# sourceMappingURL=bundle-DvHzmJtg.js.map

package/chunks/{bundle-gH-X0MYD.js.map → bundle-DvHzmJtg.js.map}

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

package/chunks/{bundle-COYqO05C.js → bundle-Dx-khVyG.js}

@@ -8,4 +8,4 @@ var ThreadReplySelectType;
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
 export { MAX_USER_MENTION_COUNT as M, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=bundle-COYqO05C.js.map
+//# sourceMappingURL=bundle-Dx-khVyG.js.map

package/chunks/bundle-Dx-khVyG.js.map

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

package/chunks/{bundle-DuRujwfr.js → bundle-DzYhK9pK.js}

@@ -1,19 +1,19 @@
-import { _ as __assign } from './bundle-DKkCwVCs.js';
+import { _ as __assign } from './bundle-CCRwOILr.js';
 import React__default, { useState } from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLongPress } from './bundle-RoB3xpYU.js';
-import { u as useLocalization } from './bundle-nfJ9J5Md.js';
-import { u as useMediaQueryContext } from './bundle-3Mubyujl.js';
-import { n as noop } from './bundle-Dw9nwO7e.js';
-import { i as isVoiceMessage } from './bundle-janisM9b.js';
-import { a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from './bundle-C3gISq8S.js';
+import { u as useLongPress } from './bundle--dzeu7GZ.js';
+import { u as useLocalization } from './bundle-BhpRDUCv.js';
+import { u as useMediaQueryContext } from './bundle-BU6Qpz93.js';
+import { n as noop } from './bundle-C5cPwfl7.js';
+import { i as isVoiceMessage } from './bundle-CIHtPXyv.js';
+import { a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from './bundle-B3G0tTKZ.js';
 import { TypingIndicatorText } from '../GroupChannel/components/TypingIndicator.js';
 import Badge from '../ui/Badge.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-rmCgpYl2.js';
 import MentionUserLabel from '../ui/MentionUserLabel.js';
-import { M as Modal } from './bundle-CGmq3qGM.js';
+import { M as Modal } from './bundle-BkNi-A4T.js';
 import TextButton from '../ui/TextButton.js';
 
 var GroupChannelListItemView = function (_a) {
@@ -46,7 +46,7 @@ var GroupChannelListItemView = function (_a) {
                     React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
                         (channel.isBroadcast || false) && (React__default.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
                             React__default.createElement(Icon, { type: IconTypes.BROADCAST, fillColor: IconColors.SECONDARY, height: "16px", width: "16px" }))),
-                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, channelName),
+                        React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", testID: "sendbird-channel-preview__content__upper__header__channel-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, channelName),
                         React__default.createElement(Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, getTotalMembers(channel)),
                         (channel.isFrozen) && (React__default.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
                             React__default.createElement(Icon, { type: IconTypes.FREEZE, fillColor: IconColors.PRIMARY, height: 12, width: 12 })))),
@@ -84,4 +84,4 @@ var GroupChannelListItemView = function (_a) {
 };
 
 export { GroupChannelListItemView as G };
-//# sourceMappingURL=bundle-DuRujwfr.js.map
+//# sourceMappingURL=bundle-DzYhK9pK.js.map

package/chunks/bundle-DzYhK9pK.js.map

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

package/chunks/{bundle-Bd6fN8eX.js → bundle-IByhuuNW.js}

@@ -45,44 +45,6 @@ function useThrottleCallback(callback, delay, options) {
         timer.current = setTimeout(invoke, delay);
     });
 }
-/**
- * Note: `leading` has higher priority rather than `trailing`
- * */
-function throttle(callback, delay, options) {
-    if (options === void 0) { options = {
-        leading: true,
-        trailing: false,
-    }; }
-    var timer = null;
-    var trailingArgs = null;
-    return (function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        if (timer) {
-            trailingArgs = args;
-            return;
-        }
-        if (options.leading) {
-            callback.apply(void 0, args);
-        }
-        else {
-            trailingArgs = args;
-        }
-        var invoke = function () {
-            if (options.trailing && trailingArgs) {
-                callback.apply(void 0, trailingArgs);
-                trailingArgs = null;
-                timer = setTimeout(invoke, delay);
-            }
-            else {
-                timer = null;
-            }
-        };
-        timer = setTimeout(invoke, delay);
-    });
-}
 
-export { throttle as t, useThrottleCallback as u };
-//# sourceMappingURL=bundle-Bd6fN8eX.js.map
+export { useThrottleCallback as u };
+//# sourceMappingURL=bundle-IByhuuNW.js.map

package/chunks/bundle-IByhuuNW.js.map

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

package/chunks/{bundle-Cn6S1UKt.js → bundle-LkO70XqN.js}

@@ -1,15 +1,15 @@
-import { _ as __assign } from './bundle-DKkCwVCs.js';
+import { _ as __assign } from './bundle-CCRwOILr.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from './bundle-nfJ9J5Md.js';
-import { a as MODAL_ROOT } from './bundle-CGmq3qGM.js';
-import { c as isMultipleFilesMessage, b as isFileMessage, h as isSupportedFileView, j as isVideo$1, k as isImage$1 } from './bundle-janisM9b.js';
-import { n as noop } from './bundle-Dw9nwO7e.js';
-import { A as Avatar } from './bundle-BgL9QnGd.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
+import { L as LocalizationContext } from './bundle-BhpRDUCv.js';
+import { a as MODAL_ROOT } from './bundle-BkNi-A4T.js';
+import { c as isMultipleFilesMessage, b as isFileMessage, h as isSupportedFileView, j as isVideo$1, k as isImage$1 } from './bundle-CIHtPXyv.js';
+import { n as noop } from './bundle-C5cPwfl7.js';
+import { A as Avatar } from './bundle-DnCl_muj.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-rmCgpYl2.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { l as SLIDER_BUTTON_ICON_SIDE_LENGTH } from './bundle-DhBuJR0w.js';
-import { u as useKeyDown } from './bundle-B4izwMfD.js';
+import { l as SLIDER_BUTTON_ICON_SIDE_LENGTH } from './bundle-hHUThi_g.js';
+import { u as useKeyDown } from './bundle-CEKJ0RSH.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -94,7 +94,7 @@ var FileViewerComponent = function (props) {
     });
     var _b = mapFileViewerComponentProps({ props: props }), name = _b.name, type = _b.type, url = _b.url;
     var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-fileviewer", onKeyDown: onKeyDown, 
+    return (React__default.createElement("div", { className: "sendbird-fileviewer", "data-testid": "sendbird-fileviewer", onKeyDown: onKeyDown, 
         // to focus
         tabIndex: 1, ref: ref },
         React__default.createElement("div", { className: "sendbird-fileviewer__header" },
@@ -143,4 +143,4 @@ function FileViewer(_a) {
 }
 
 export { FileViewer as F, isVideo as a, FileViewerComponent as b, isImage as i };
-//# sourceMappingURL=bundle-Cn6S1UKt.js.map
+//# sourceMappingURL=bundle-LkO70XqN.js.map

package/chunks/bundle-LkO70XqN.js.map

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

package/chunks/{bundle-RuTR5KRM.js → bundle-NeSzu3Fa.js}

@@ -1,20 +1,20 @@
-import { c as __spreadArray, _ as __assign } from './bundle-DKkCwVCs.js';
+import { c as __spreadArray, _ as __assign } from './bundle-CCRwOILr.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from './bundle-t4qeDosj.js';
-import { u as useLocalization } from './bundle-nfJ9J5Md.js';
+import { f as format } from './bundle-Bb8eZMFx.js';
+import { u as useLocalization } from './bundle-BhpRDUCv.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-COYqO05C.js';
-import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-EgWLYRXK.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-Dx-khVyG.js';
+import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-BYyuz8ug.js';
 import { useDirtyGetMentions } from '../Message/hooks/useDirtyGetMentions.js';
-import { w as getClassName, g as getSuggestedReplies } from './bundle-janisM9b.js';
+import { g as getSuggestedReplies } from './bundle-CIHtPXyv.js';
 import DateSeparator from '../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-rmCgpYl2.js';
 import MessageInput from '../ui/MessageInput.js';
-import { M as MessageInputKeys } from './bundle-CWXSCBTE.js';
+import { M as MessageInputKeys } from './bundle-BzT1IYfR.js';
 import MessageContent from '../ui/MessageContent.js';
 import SuggestedReplies from '../GroupChannel/components/SuggestedReplies.js';
-import { S as SuggestedMentionListView } from './bundle-gH-X0MYD.js';
-import { d as deleteNullish } from './bundle-Dw9nwO7e.js';
+import { S as SuggestedMentionListView } from './bundle-DvHzmJtg.js';
+import { d as deleteNullish, c as classnames } from './bundle-C5cPwfl7.js';
 
 var useDidMountEffect = function (func, deps) {
     var _a = useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -215,10 +215,7 @@ var MessageView = function (props) {
                     return false;
                 } }))));
     }
-    return (React__default.createElement("div", { className: getClassName([
-            'sendbird-msg-hoc sendbird-msg--scroll-ref',
-            isAnimated ? 'sendbird-msg-hoc__animated' : '',
-        ]), style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
+    return (React__default.createElement("div", { className: classnames('sendbird-msg-hoc sendbird-msg--scroll-ref', isAnimated && 'sendbird-msg-hoc__animated'), "data-testid": "sendbird-message-view", style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
         hasSeparator
             && (renderedCustomSeparator || (React__default.createElement(DateSeparator, null,
                 React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
@@ -228,4 +225,4 @@ var MessageView = function (props) {
 };
 
 export { MessageView as M };
-//# sourceMappingURL=bundle-RuTR5KRM.js.map
+//# sourceMappingURL=bundle-NeSzu3Fa.js.map

package/chunks/{bundle-RuTR5KRM.js.map → bundle-NeSzu3Fa.js.map}

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

package/chunks/{bundle-CriEArZn.js → bundle-ScIM6mz0.js}

@@ -39,4 +39,4 @@ var PUBSUB_TOPICS;
 var pubSubTopics = PUBSUB_TOPICS;
 
 export { PublishingModuleType as P, shouldPubSubPublishToThread as a, PUBSUB_TOPICS as b, pubSubTopics as p, shouldPubSubPublishToChannel as s };
-//# sourceMappingURL=bundle-CriEArZn.js.map
+//# sourceMappingURL=bundle-ScIM6mz0.js.map

package/chunks/bundle-ScIM6mz0.js.map

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

package/chunks/{bundle-CbFt9rKR.js → bundle-T71wlSjY.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { A as Avatar } from './bundle-BgL9QnGd.js';
+import { A as Avatar } from './bundle-DnCl_muj.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
-import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-janisM9b.js';
-import { a as MODAL_ROOT } from './bundle-CGmq3qGM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-rmCgpYl2.js';
+import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-CIHtPXyv.js';
+import { a as MODAL_ROOT } from './bundle-BkNi-A4T.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 var FileViewerView = function (_a) {
@@ -22,7 +22,7 @@ var FileViewerComponent = function (_a) {
     name = _a.name, type = _a.type, url = _a.url, 
     // others
     isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete, onDownloadClick = _a.onDownloadClick;
-    return (React__default.createElement("div", { className: "sendbird-fileviewer" },
+    return (React__default.createElement("div", { className: "sendbird-fileviewer", "data-testid": "sendbird-fileviewer" },
         React__default.createElement("div", { className: "sendbird-fileviewer__header" },
             React__default.createElement("div", { className: "sendbird-fileviewer__header__left" },
                 React__default.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
@@ -50,4 +50,4 @@ var FileViewerComponent = function (_a) {
 };
 
 export { FileViewerView as F };
-//# sourceMappingURL=bundle-CbFt9rKR.js.map
+//# sourceMappingURL=bundle-T71wlSjY.js.map

package/chunks/bundle-T71wlSjY.js.map

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

package/chunks/{bundle-h8I0AuUK.js → bundle-ThfYP9g9.js}

@@ -23,4 +23,4 @@ var changeColorToClassName = function (color) {
 };
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=bundle-h8I0AuUK.js.map
+//# sourceMappingURL=bundle-ThfYP9g9.js.map

package/chunks/bundle-ThfYP9g9.js.map

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

package/chunks/{bundle-ZBhGb8Lc.js → bundle-XNbFC3cL.js}

@@ -1,4 +1,4 @@
-import { c as __spreadArray } from './bundle-DKkCwVCs.js';
+import { c as __spreadArray } from './bundle-CCRwOILr.js';
 
 var USER_MENTION_PREFIX = '@';
 
@@ -143,4 +143,4 @@ function getWhiteSpacePreservedText(text) {
 }
 
 export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as g, tokenizeMessage as t };
-//# sourceMappingURL=bundle-ZBhGb8Lc.js.map
+//# sourceMappingURL=bundle-XNbFC3cL.js.map

package/chunks/bundle-XNbFC3cL.js.map

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

package/chunks/{bundle-Boh0Ffwo.js → bundle-ZIevlLlV.js}

@@ -6,4 +6,4 @@ var Role = {
 };
 
 export { Role as R };
-//# sourceMappingURL=bundle-Boh0Ffwo.js.map
+//# sourceMappingURL=bundle-ZIevlLlV.js.map

package/chunks/bundle-ZIevlLlV.js.map

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

package/chunks/{bundle-B65gr4tC.js → bundle-gcLnMmqs.js}

@@ -2,7 +2,7 @@
 // for example, if customer sends a message from their custom component
 // without pubsub,we would not be able to listen to it
 // in our ChannelList or Conversation
-var pubSubFactory = function () {
+var pubSubFactory = function (opts) {
     var topics = {};
     return {
         __getTopics: function () { return topics; },
@@ -19,7 +19,12 @@ var pubSubFactory = function () {
         publish: function (topic, info) {
             if (topics[topic]) {
                 topics[topic].forEach(function (fn) {
-                    setTimeout(function () { return fn(info !== undefined ? info : {}); }, 0);
+                    if (opts === null || opts === void 0 ? void 0 : opts.publishSynchronous) {
+                        fn(info !== undefined ? info : {});
+                    }
+                    else {
+                        setTimeout(function () { return fn(info !== undefined ? info : {}); }, 0);
+                    }
                 });
             }
         },
@@ -27,4 +32,4 @@ var pubSubFactory = function () {
 };
 
 export { pubSubFactory as p };
-//# sourceMappingURL=bundle-B65gr4tC.js.map
+//# sourceMappingURL=bundle-gcLnMmqs.js.map

package/chunks/bundle-gcLnMmqs.js.map

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

package/chunks/{bundle-DhBuJR0w.js → bundle-hHUThi_g.js}

@@ -34,5 +34,5 @@ var CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = 'sendbird_message_templates_token_key';
 // Local storage item key for templates in JSON string form
 var CACHED_MESSAGE_TEMPLATES_KEY = 'sendbird_message_templates_key';
 
-export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, CACHED_MESSAGE_TEMPLATES_TOKEN_KEY as C, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_SAMPLE_RATE as V, SCROLL_BOTTOM_DELAY_FOR_FETCH as a, SCROLL_BOTTOM_DELAY_FOR_SEND as b, VOICE_PLAYER_AUDIO_ID as c, VOICE_RECORDER_CLICK_BUFFER_TIME as d, VOICE_RECORDER_DEFAULT_MIN as e, VOICE_PLAYER_ROOT_ID as f, VOICE_MESSAGE_FILE_NAME as g, VOICE_MESSAGE_MIME_TYPE as h, META_ARRAY_MESSAGE_TYPE_KEY as i, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as j, VOICE_RECORDER_AUDIO_BIT_RATE as k, SLIDER_BUTTON_ICON_SIDE_LENGTH as l, CACHED_MESSAGE_TEMPLATES_KEY as m, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as n, DEFAULT_UPLOAD_SIZE_LIMIT as o, VOICE_RECORDER_DEFAULT_MAX as p };
-//# sourceMappingURL=bundle-DhBuJR0w.js.map
+export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, CACHED_MESSAGE_TEMPLATES_TOKEN_KEY as C, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_SAMPLE_RATE as V, SCROLL_BOTTOM_DELAY_FOR_FETCH as a, SCROLL_BOTTOM_DELAY_FOR_SEND as b, VOICE_PLAYER_AUDIO_ID as c, VOICE_MESSAGE_FILE_NAME as d, VOICE_MESSAGE_MIME_TYPE as e, META_ARRAY_MESSAGE_TYPE_KEY as f, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as g, VOICE_RECORDER_CLICK_BUFFER_TIME as h, VOICE_RECORDER_DEFAULT_MIN as i, VOICE_PLAYER_ROOT_ID as j, VOICE_RECORDER_AUDIO_BIT_RATE as k, SLIDER_BUTTON_ICON_SIDE_LENGTH as l, CACHED_MESSAGE_TEMPLATES_KEY as m, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as n, DEFAULT_UPLOAD_SIZE_LIMIT as o, VOICE_RECORDER_DEFAULT_MAX as p };
+//# sourceMappingURL=bundle-hHUThi_g.js.map

package/chunks/bundle-hHUThi_g.js.map

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

package/chunks/{bundle-BKVuhi2w.js → bundle-k9fHltqd.js}

@@ -17,4 +17,4 @@ var AddGroupChannelView = function (_a) {
 };
 
 export { AddGroupChannelView as A };
-//# sourceMappingURL=bundle-BKVuhi2w.js.map
+//# sourceMappingURL=bundle-k9fHltqd.js.map

package/chunks/bundle-k9fHltqd.js.map

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

package/chunks/{bundle-DuBg9tG9.js → bundle-mHKaSEbG.js}

@@ -1,4 +1,4 @@
-import { c as LabelStringSet } from './bundle-prXB4t_m.js';
+import { c as LabelStringSet } from './bundle-rmCgpYl2.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -22,4 +22,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 export { getChannelTitle as g };
-//# sourceMappingURL=bundle-DuBg9tG9.js.map
+//# sourceMappingURL=bundle-mHKaSEbG.js.map

package/chunks/bundle-mHKaSEbG.js.map

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

package/chunks/{bundle-C_dNvBEo.js → bundle-nDjk3-Gt.js}

@@ -19,4 +19,4 @@ var UserProfileProvider = function (_a) {
 };
 
 export { UserProfileProvider as U, UserProfileContext as a };
-//# sourceMappingURL=bundle-C_dNvBEo.js.map
+//# sourceMappingURL=bundle-nDjk3-Gt.js.map

package/chunks/bundle-nDjk3-Gt.js.map

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

package/chunks/{bundle-prXB4t_m.js → bundle-rmCgpYl2.js}

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from './bundle-DKkCwVCs.js';
+import { c as __spreadArray } from './bundle-CCRwOILr.js';
 import React__default, { forwardRef } from 'react';
-import { g as getStringSet } from './bundle-Ce-B4ROs.js';
+import { g as getStringSet } from './bundle-CqhNkmsl.js';
 
 var Typography = {
     H_1: 'H_1',
@@ -65,7 +65,7 @@ function changeColorToClassName(color) {
 }
 
 var Label = forwardRef(function (_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c;
+    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c, testID = _a.testID;
     return (
     // Donot make this into div
     // Mention uses Label. If we use div, it would break the mention detection on Paste
@@ -74,11 +74,11 @@ var Label = forwardRef(function (_a, ref) {
             'sendbird-label',
             changeTypographyToClassName(type),
             changeColorToClassName(color),
-        ], false).join(' '), ref: ref }, children));
+        ], false).join(' '), ref: ref, "data-testid": testID }, children));
 });
 var LabelTypography = Typography;
 var LabelColors = Colors;
 var LabelStringSet = getStringSet('en');
 
 export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
-//# sourceMappingURL=bundle-prXB4t_m.js.map
+//# sourceMappingURL=bundle-rmCgpYl2.js.map

package/chunks/bundle-rmCgpYl2.js.map

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

package/chunks/{bundle-Dv6nIlPZ.js → bundle-xyBdMMgf.js}

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
-import { M as Modal } from './bundle-CGmq3qGM.js';
-import './bundle-DKkCwVCs.js';
-import './bundle-prXB4t_m.js';
+import { M as Modal } from './bundle-BkNi-A4T.js';
+import './bundle-CCRwOILr.js';
+import './bundle-rmCgpYl2.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { L as LocalizationContext } from './bundle-nfJ9J5Md.js';
-import { g as getModalDeleteMessageTitle } from './bundle-DvNDJy8Z.js';
+import { L as LocalizationContext } from './bundle-BhpRDUCv.js';
+import { g as getModalDeleteMessageTitle } from './bundle-CM1g1u8w.js';
 
 var RemoveMessageModalView = function (props) {
     var _a;
@@ -25,4 +25,4 @@ var RemoveMessageModalView = function (props) {
 };
 
 export { RemoveMessageModalView as R };
-//# sourceMappingURL=bundle-Dv6nIlPZ.js.map
+//# sourceMappingURL=bundle-xyBdMMgf.js.map

package/chunks/bundle-xyBdMMgf.js.map

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