@sendbird/uikit-react 3.14.0-beta.2 → 3.14.0

package/cjs/chunks/{bundle-CmFB08Wf.js → bundle-DDm1Q65G.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./bundle-CqF06THu.js');
-var index = require('./bundle-1hCsXfVb.js');
+var stringSet = require('./bundle-CcICQ161.js');
+var index = require('./bundle-BDam-wvP.js');
 
 var LocalizationContext = React.createContext({
     stringSet: stringSet.getStringSet('en'),
@@ -17,4 +17,4 @@ var useLocalization = function () { return React.useContext(LocalizationContext)
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=bundle-CmFB08Wf.js.map
+//# sourceMappingURL=bundle-DDm1Q65G.js.map

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

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

package/cjs/chunks/{bundle-B-dy_WYW.js → bundle-DJ64rHSo.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('./bundle-C88DsCNB.js');
+var ui_Label = require('./bundle-BvwX2pXU.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Avatar = require('./bundle-BsGXZt6G.js');
-var LocalizationContext = require('./bundle-CmFB08Wf.js');
-var uuid = require('./bundle-DfYperTC.js');
+var ui_Avatar = require('./bundle-1Lraxvfp.js');
+var LocalizationContext = require('./bundle-DDm1Q65G.js');
+var uuid = require('./bundle-mgZT4o2L.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const$1 = require('./bundle-DUP4cxoZ.js');
-var _const = require('./bundle-BlvFC-Rm.js');
-var _tslib = require('./bundle-Q5_I3n-8.js');
+var _const$1 = require('./bundle-0NyPGfcV.js');
+var _const = require('./bundle-Bx_5BAxl.js');
+var _tslib = require('./bundle-7SR3bIHI.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;
@@ -170,4 +170,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 exports.SuggestedMentionListView = SuggestedMentionListView;
-//# sourceMappingURL=bundle-B-dy_WYW.js.map
+//# sourceMappingURL=bundle-DJ64rHSo.js.map

package/cjs/chunks/{bundle-B-dy_WYW.js.map → bundle-DJ64rHSo.js.map}

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

package/cjs/chunks/{bundle-dNtU9_eg.js → bundle-DOVeRCEG.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var _tslib = require('./bundle-Q5_I3n-8.js');
+var _tslib = require('./bundle-7SR3bIHI.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var utils = require('./bundle-CDBTt08y.js');
-var LocalizationContext = require('./bundle-CmFB08Wf.js');
-var MediaQueryContext = require('./bundle-CsvKRjaK.js');
+var utils = require('./bundle-XORoItM6.js');
+var LocalizationContext = require('./bundle-DDm1Q65G.js');
+var MediaQueryContext = require('./bundle-B04GCotY.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Button = require('../ui/Button.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-C88DsCNB.js');
+var ui_Label = require('./bundle-BvwX2pXU.js');
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -69,4 +69,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalRoot = ModalRoot;
-//# sourceMappingURL=bundle-dNtU9_eg.js.map
+//# sourceMappingURL=bundle-DOVeRCEG.js.map

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

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

package/cjs/chunks/{bundle-BH87xcnc.js → bundle-DSsqgxx7.js}

@@ -32,4 +32,4 @@ var generateDefaultAvatar = function (channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=bundle-BH87xcnc.js.map
+//# sourceMappingURL=bundle-DSsqgxx7.js.map

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

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

package/cjs/chunks/{bundle-e6crA6HI.js → bundle-DTNXVmlf.js}

@@ -29,4 +29,4 @@ function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
 
 exports.getCaseResolvedReplyType = getCaseResolvedReplyType;
 exports.getCaseResolvedThreadReplySelectType = getCaseResolvedThreadReplySelectType;
-//# sourceMappingURL=bundle-e6crA6HI.js.map
+//# sourceMappingURL=bundle-DTNXVmlf.js.map

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

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

package/cjs/chunks/{bundle-9K7l85xj.js → bundle-DUpA78AC.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var consts = require('./bundle-Dpu1gg5r.js');
-var useThrottleCallback = require('./bundle-JNAedgrE.js');
-var utils = require('./bundle-qgvbJv89.js');
+var consts = require('./bundle-pW3_ob-0.js');
+var useThrottleCallback = require('./bundle-hQ7iLiTN.js');
+var utils = require('./bundle-CM2Yesst.js');
 var uikitTools = require('@sendbird/uikit-tools');
 
 var DELAY = 100;
@@ -52,4 +52,4 @@ function useHandleOnScrollCallback(_a) {
 }
 
 exports.useHandleOnScrollCallback = useHandleOnScrollCallback;
-//# sourceMappingURL=bundle-9K7l85xj.js.map
+//# sourceMappingURL=bundle-DUpA78AC.js.map

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

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

package/cjs/chunks/{bundle-DjB9bkvD.js → bundle-DWVQJ2gC.js}

@@ -37,4 +37,4 @@ exports.getMessageTopOffset = getMessageTopOffset;
 exports.isContextMenuClosed = isContextMenuClosed;
 exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
 exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
-//# sourceMappingURL=bundle-DjB9bkvD.js.map
+//# sourceMappingURL=bundle-DWVQJ2gC.js.map

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

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

package/cjs/chunks/{bundle-BVuqbZx2.js → bundle-DWwL0a4W.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('./bundle-BF04PgMH.js');
-var _tslib = require('./bundle-Q5_I3n-8.js');
-var compareIds = require('./bundle-cf3-zuo6.js');
-var pubSub_topics = require('./bundle-BMsGwLym.js');
+var UserProfileContext = require('./bundle-CcejNHwV.js');
+var _tslib = require('./bundle-7SR3bIHI.js');
+var compareIds = require('./bundle-lRPypcEP.js');
+var pubSub_topics = require('./bundle-BwuEkyq5.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var uuid = require('./bundle-DfYperTC.js');
-var compressImages = require('./bundle-BpOxHgfP.js');
+var uuid = require('./bundle-mgZT4o2L.js');
+var compressImages = require('./bundle-Dhc8aysm.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var hooks_useModal = require('../hooks/useModal.js');
-var LocalizationContext = require('./bundle-CmFB08Wf.js');
-var consts = require('./bundle-Dpu1gg5r.js');
-var ui_Modal = require('./bundle-dNtU9_eg.js');
-require('./bundle-C88DsCNB.js');
+var LocalizationContext = require('./bundle-DDm1Q65G.js');
+var consts = require('./bundle-pW3_ob-0.js');
+var ui_Modal = require('./bundle-DOVeRCEG.js');
+require('./bundle-BvwX2pXU.js');
 var ui_Button = require('../ui/Button.js');
 
 var shouldFetchMore = function (messageLength, maxMessages) {
@@ -1366,4 +1366,4 @@ var useOpenChannelContext = function () { return React.useContext(OpenChannelCon
 exports.OpenChannelProvider = OpenChannelProvider;
 exports.kFormatter = kFormatter;
 exports.useOpenChannelContext = useOpenChannelContext;
-//# sourceMappingURL=bundle-BVuqbZx2.js.map
+//# sourceMappingURL=bundle-DWwL0a4W.js.map

package/cjs/chunks/{bundle-BVuqbZx2.js.map → bundle-DWwL0a4W.js.map}

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

package/cjs/chunks/{bundle-B1Nml3ap.js → bundle-DYH-Fpti.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('./bundle-Q5_I3n-8.js');
+var _tslib = require('./bundle-7SR3bIHI.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-Cmmi9pdk.js');
+var index = require('./bundle-nbIOXEwY.js');
 
 exports.TypingIndicatorType = void 0;
 (function (TypingIndicatorType) {
@@ -14,7 +14,6 @@ var MessageContentMiddleContainerType;
 (function (MessageContentMiddleContainerType) {
     MessageContentMiddleContainerType["DEFAULT"] = "default";
     MessageContentMiddleContainerType["WIDE"] = "wide";
-    MessageContentMiddleContainerType["FULL"] = "full";
 })(MessageContentMiddleContainerType || (MessageContentMiddleContainerType = {}));
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
@@ -191,15 +190,10 @@ var isTemplateMessage = function (message) {
     var _a;
     return !!(message && ((_a = message.extendedMessagePayload) === null || _a === void 0 ? void 0 : _a['template']));
 };
-var isCompositeTemplateMessage = function (message) {
-    var _a, _b;
-    return !!(message && ((_b = (_a = message.extendedMessagePayload) === null || _a === void 0 ? void 0 : _a['template']) === null || _b === void 0 ? void 0 : _b['view_variables']));
-};
 exports.UI_CONTAINER_TYPES = void 0;
 (function (UI_CONTAINER_TYPES) {
     UI_CONTAINER_TYPES["DEFAULT"] = "";
     UI_CONTAINER_TYPES["WIDE"] = "ui_container_type__wide";
-    UI_CONTAINER_TYPES["FULL"] = "ui_container_type__full";
     UI_CONTAINER_TYPES["DEFAULT_CAROUSEL"] = "ui_container_type__default-carousel";
 })(exports.UI_CONTAINER_TYPES || (exports.UI_CONTAINER_TYPES = {}));
 var getMessageContentMiddleClassNameByContainerType = function (_a) {
@@ -210,18 +204,9 @@ var getMessageContentMiddleClassNameByContainerType = function (_a) {
      * WIDE: all message types.
      */
     var containerType = (_c = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b['ui']) === null || _c === void 0 ? void 0 : _c['container_type'];
-    if (isCompositeTemplateMessage(message)) {
-        /**
-         * Composite templates must have default carousel view irregardless of given containerType.
-         */
-        return exports.UI_CONTAINER_TYPES.DEFAULT_CAROUSEL;
-    }
     if (!isMobile)
         return exports.UI_CONTAINER_TYPES.DEFAULT;
-    if (isTemplateMessage(message) && containerType === MessageContentMiddleContainerType.FULL) {
-        return exports.UI_CONTAINER_TYPES.FULL;
-    }
-    else if (containerType === MessageContentMiddleContainerType.WIDE) {
+    if (containerType === MessageContentMiddleContainerType.WIDE) {
         return exports.UI_CONTAINER_TYPES.WIDE;
     }
     return exports.UI_CONTAINER_TYPES.DEFAULT;
@@ -780,4 +765,4 @@ exports.isVoiceMessageMimeType = isVoiceMessageMimeType;
 exports.removeAtAndBraces = removeAtAndBraces;
 exports.startsWithAtAndEndsWithBraces = startsWithAtAndEndsWithBraces;
 exports.truncateString = truncateString;
-//# sourceMappingURL=bundle-B1Nml3ap.js.map
+//# sourceMappingURL=bundle-DYH-Fpti.js.map

package/cjs/chunks/{bundle-B1Nml3ap.js.map → bundle-DYH-Fpti.js.map}

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

package/cjs/chunks/{bundle-BVLguSfh.js → bundle-Dcn5Xw_v.js}

@@ -5,9 +5,9 @@ var ui_PlaybackTime = require('../ui/PlaybackTime.js');
 var ui_ProgressBar = require('../ui/ProgressBar.js');
 var ui_TextButton = require('../ui/TextButton.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-C88DsCNB.js');
-var LocalizationContext = require('./bundle-CmFB08Wf.js');
-var consts = require('./bundle-Dpu1gg5r.js');
+var ui_Label = require('./bundle-BvwX2pXU.js');
+var LocalizationContext = require('./bundle-DDm1Q65G.js');
+var consts = require('./bundle-pW3_ob-0.js');
 
 /* eslint-disable no-redeclare */
 var VoiceMessageInputStatus = {
@@ -96,4 +96,4 @@ var VoiceMessageInput = function (_a) {
 
 exports.VoiceMessageInput = VoiceMessageInput;
 exports.VoiceMessageInputStatus = VoiceMessageInputStatus;
-//# sourceMappingURL=bundle-BVLguSfh.js.map
+//# sourceMappingURL=bundle-Dcn5Xw_v.js.map

package/cjs/chunks/{bundle-BVLguSfh.js.map → bundle-Dcn5Xw_v.js.map}

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

package/cjs/chunks/{bundle-CD9H6RqJ.js → bundle-Dg5cJzTw.js}

@@ -6,17 +6,16 @@ var ui_IconButton = require('../ui/IconButton.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('../ChannelSettings/components/UserListItem.js');
-var _tslib = require('./bundle-Q5_I3n-8.js');
+var _tslib = require('./bundle-7SR3bIHI.js');
 var SendbirdChat = require('@sendbird/chat');
-var ui_Modal = require('./bundle-dNtU9_eg.js');
+var ui_Modal = require('./bundle-DOVeRCEG.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-CDBTt08y.js');
+var utils = require('./bundle-XORoItM6.js');
 var ChannelSettings_context = require('../ChannelSettings/context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-CmFB08Wf.js');
-var index = require('./bundle-BdHrSYl1.js');
-require('./bundle-C88DsCNB.js');
-var uuid = require('./bundle-DfYperTC.js');
+var LocalizationContext = require('./bundle-DDm1Q65G.js');
+var index = require('./bundle-N_1Gt5W3.js');
+require('./bundle-BvwX2pXU.js');
 
 function MembersModal(_a) {
     var _this = this;
@@ -26,7 +25,7 @@ function MembersModal(_a) {
     var _d = React.useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
     var channel = ChannelSettings_context.useChannelSettingsContext().channel;
     var state = useSendbirdStateContext.useSendbirdStateContext();
-    var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var currentUserId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     React.useEffect(function () {
         var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
@@ -52,50 +51,52 @@ function MembersModal(_a) {
                             return [2 /*return*/];
                         });
                     }); },
-                }) }, members.map(function (member) { return (React.createElement(ui_UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
-                    var parentRef = _a.parentRef, actionRef = _a.actionRef;
-                    return (React.createElement(React.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
-                                toggleDropdown();
-                            } },
-                            React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, disable: currentUser === member.userId, onChange: function (_, member, isOperator) {
-                                    setMembers(members.map(function (m) {
-                                        if (m.userId === member.userId) {
-                                            return _tslib.__assign(_tslib.__assign({}, member), { role: isOperator ? SendbirdChat.Role.OPERATOR : SendbirdChat.Role.NONE });
-                                        }
-                                        return m;
-                                    }));
-                                    closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
-                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
-                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
-                            // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function (_, member, isMuted) {
-                                    setMembers(members.map(function (m) {
-                                        if (m.userId === member.userId) {
-                                            return _tslib.__assign(_tslib.__assign({}, member), { isMuted: isMuted });
-                                        }
-                                        return m;
-                                    }));
-                                    closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
-                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
-                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
-                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                                        setMembers(members.filter(function (_a) {
-                                            var userId = _a.userId;
-                                            return userId !== member.userId;
+                }) }, members.map(function (member) {
+                return (React.createElement(ui_UserListItem, { user: member, key: member.userId, currentUser: currentUserId, action: function (_a) {
+                        var parentRef = _a.parentRef, actionRef = _a.actionRef;
+                        return (React.createElement(React.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && currentUserId !== member.userId && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
+                                    toggleDropdown();
+                                } },
+                                React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                                React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, disable: currentUserId === member.userId, onChange: function (_, member, isOperator) {
+                                        setMembers(members.map(function (m) {
+                                            if (m.userId === member.userId) {
+                                                return _tslib.__assign(_tslib.__assign({}, member), { role: isOperator ? SendbirdChat.Role.OPERATOR : SendbirdChat.Role.NONE });
+                                            }
+                                            return m;
                                         }));
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
-                } })); })))));
+                                        closeDropdown();
+                                    }, onError: function () {
+                                        // FIXME: handle error later
+                                        closeDropdown();
+                                    }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
+                                    ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
+                                    : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+                                // No muted members in broadcast channel
+                                !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function (_, member, isMuted) {
+                                        setMembers(members.map(function (m) {
+                                            if (m.userId === member.userId) {
+                                                return _tslib.__assign(_tslib.__assign({}, member), { isMuted: isMuted });
+                                            }
+                                            return m;
+                                        }));
+                                        closeDropdown();
+                                    }, onError: function () {
+                                        // FIXME: handle error later
+                                        closeDropdown();
+                                    }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
+                                    ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
+                                    : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
+                                React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                        channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
+                                            setMembers(members.filter(function (_a) {
+                                                var userId = _a.userId;
+                                                return userId !== member.userId;
+                                            }));
+                                        });
+                                    }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
+                    } }));
+            })))));
 }
 
 function InviteUsers(_a) {
@@ -207,7 +208,7 @@ var MemberList = function () {
     var _f = React.useState(false), showAllMembers = _f[0], setShowAllMembers = _f[1];
     var _g = React.useState(false), showInviteUsers = _g[0], setShowInviteUsers = _g[1];
     var state = useSendbirdStateContext.useSendbirdStateContext();
-    var _h = ChannelSettings_context.useChannelSettingsContext(), channel = _h.channel, setChannelUpdateId = _h.setChannelUpdateId;
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
     var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
@@ -231,10 +232,9 @@ var MemberList = function () {
         memberUserListQuery.next().then(function (members) {
             setMembers(members);
             setHasNext(memberUserListQuery.hasNext);
-            setChannelUpdateId(uuid.uuidv4());
         });
     }, [channel]);
-    return (React.createElement("div", { className: "sendbird-channel-settings-member-list sendbird-accordion" },
+    return (React.createElement("div", { className: "sendbird-channel-settings-member-list" },
         members.map(function (member) { return (React.createElement(ChannelSettings_components_UserListItem, { key: member.userId, user: member, currentUser: sdk.currentUser.userId, action: ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId)
                 ? function (_a) {
                     var actionRef = _a.actionRef, parentRef = _a.parentRef;
@@ -243,20 +243,14 @@ var MemberList = function () {
                             React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, onChange: function () {
                                     refreshList();
                                     closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
+                                }, onError: utils.noop, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
                                 ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
                                 : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
                             // No muted members in broadcast channel
                             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function () {
                                     refreshList();
                                     closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat(member.isMuted ? 'unmute' : 'mute') }, member.isMuted
+                                }, onError: utils.noop, dataSbId: "channel_setting_member_context_menu_".concat(member.isMuted ? 'unmute' : 'mute') }, member.isMuted
                                 ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
                                 : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
                             React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
@@ -281,4 +275,4 @@ var MemberList = function () {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=bundle-CD9H6RqJ.js.map
+//# sourceMappingURL=bundle-Dg5cJzTw.js.map

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

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

package/cjs/chunks/{bundle-BpOxHgfP.js → bundle-Dhc8aysm.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-Q5_I3n-8.js');
-var pxToNumber = require('./bundle--ToWZ9cj.js');
+var _tslib = require('./bundle-7SR3bIHI.js');
+var pxToNumber = require('./bundle-pJv3Q0cb.js');
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
@@ -114,4 +114,4 @@ var compressImages = function (_a) {
 };
 
 exports.compressImages = compressImages;
-//# sourceMappingURL=bundle-BpOxHgfP.js.map
+//# sourceMappingURL=bundle-Dhc8aysm.js.map

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

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

package/cjs/chunks/{bundle-SIHqK2VF.js → bundle-DoE4Q2WU.js}

@@ -25,4 +25,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-SIHqK2VF.js.map
+//# sourceMappingURL=bundle-DoE4Q2WU.js.map

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

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

package/cjs/chunks/{bundle-ORLbcTP_.js → bundle-DsxetdDB.js}

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

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

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

package/cjs/chunks/{bundle-C8cnT2au.js → bundle-DvowIJM9.js}

@@ -2,20 +2,20 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Avatar = require('./bundle-BsGXZt6G.js');
+var ui_Avatar = require('./bundle-1Lraxvfp.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-C88DsCNB.js');
-var index = require('./bundle-B1Nml3ap.js');
+var ui_Label = require('./bundle-BvwX2pXU.js');
+var index = require('./bundle-DYH-Fpti.js');
 require('../hooks/useModal.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var ui_Modal = require('./bundle-dNtU9_eg.js');
+var ui_Modal = require('./bundle-DOVeRCEG.js');
 
 var FileViewerView = function (_a) {
-    var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage;
+    var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage, onDownloadClick = _a.onDownloadClick;
     var sender = message.sender, type = message.type, url = message.url, _b = message.name, name = _b === void 0 ? '' : _b, threadInfo = message.threadInfo;
     var profileUrl = sender.profileUrl, nickname = sender.nickname, userId = sender.userId;
     var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    return reactDom.createPortal(React.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0 }), document.getElementById(ui_Modal.MODAL_ROOT));
+    return reactDom.createPortal(React.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0, onDownloadClick: onDownloadClick }), document.getElementById(ui_Modal.MODAL_ROOT));
 };
 var FileViewerComponent = function (_a) {
     var 
@@ -24,7 +24,7 @@ var FileViewerComponent = function (_a) {
     // file
     name = _a.name, type = _a.type, url = _a.url, 
     // others
-    isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete;
+    isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete, onDownloadClick = _a.onDownloadClick;
     return (React.createElement("div", { className: "sendbird-fileviewer" },
         React.createElement("div", { className: "sendbird-fileviewer__header" },
             React.createElement("div", { className: "sendbird-fileviewer__header__left" },
@@ -34,7 +34,7 @@ var FileViewerComponent = function (_a) {
                 React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__sender-name", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, nickname)),
             React.createElement("div", { className: "sendbird-fileviewer__header__right" },
                 index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
-                    React.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
+                    React.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank", onClick: onDownloadClick },
                         React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
                     onDelete && isByMe && (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete" },
                         React.createElement(ui_Icon.default, { className: disableDelete ? 'disabled' : '', type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function () {
@@ -53,4 +53,4 @@ var FileViewerComponent = function (_a) {
 };
 
 exports.FileViewerView = FileViewerView;
-//# sourceMappingURL=bundle-C8cnT2au.js.map
+//# sourceMappingURL=bundle-DvowIJM9.js.map

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

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