@sendbird/uikit-react 3.14.3 → 3.14.4

package/cjs/chunks/{bundle-Df0cAbH6.js → bundle-C3DKUT4Q.js}

@@ -1,38 +1,38 @@
 'use strict';
 
 var React = require('react');
-var index = require('./bundle-Bka-H9ks.js');
-var tokenize = require('./bundle-SdH24Cv9.js');
+var index = require('./bundle-wl1uuzU7.js');
+var tokenize = require('./bundle-CLOaQmX9.js');
 var Message_context = require('../Message/context.js');
 var ui_MentionLabel = require('../ui/MentionLabel.js');
 var ui_LinkLabel = require('../ui/LinkLabel.js');
-var ui_Label = require('./bundle-BuYf2Pa8.js');
+var ui_Label = require('./bundle-5_kPn4wU.js');
 
-// this function is used to generate a unique key for token in message
-// it changes with updated time and index
-// messageUpdatedAt is the key part of this key generator
-function keyGenerator(createdAt, messageUpdatedAt, index) {
-    return "sb-msg_".concat(createdAt, "_").concat(messageUpdatedAt, "_").concat(index);
+// this function is used to generate a unique key for token in message
+// it changes with updated time and index
+// messageUpdatedAt is the key part of this key generator
+function keyGenerator(createdAt, messageUpdatedAt, index) {
+    return "sb-msg_".concat(createdAt, "_").concat(messageUpdatedAt, "_").concat(index);
 }
 
-function TextFragment(_a) {
-    var tokens = _a.tokens;
-    var messageStore = Message_context.useMessageContext();
-    var message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
-    var isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
-    var updatedAt = message.updatedAt, createdAt = message.createdAt;
-    return (React.createElement(React.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
-        var key = keyGenerator(createdAt, updatedAt, idx);
-        return index.K(token.type)
-            .with(tokenize.TOKEN_TYPES.mention, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
-            React.createElement(ui_MentionLabel, { mentionTemplate: tokenize.USER_MENTION_PREFIX, 
-                // @ts-ignore
-                mentionedUserId: token.userId, mentionedUserNickname: token.value, isByMe: isByMe }))); })
-            .with(tokenize.TOKEN_TYPES.url, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
-            React.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", src: token.value, type: ui_Label.LabelTypography.BODY_1 }, token.value))); })
-            .otherwise(function () { return React.createElement(React.Fragment, { key: key }, tokenize.getWhiteSpacePreservedText(token.value)); });
-    })));
+function TextFragment(_a) {
+    var tokens = _a.tokens;
+    var messageStore = Message_context.useMessageContext();
+    var message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
+    var isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
+    var updatedAt = message.updatedAt, createdAt = message.createdAt;
+    return (React.createElement(React.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
+        var key = keyGenerator(createdAt, updatedAt, idx);
+        return index.K(token.type)
+            .with(tokenize.TOKEN_TYPES.mention, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_MentionLabel, { mentionTemplate: tokenize.USER_MENTION_PREFIX, 
+                // @ts-ignore
+                mentionedUserId: token.userId, mentionedUserNickname: token.value, isByMe: isByMe }))); })
+            .with(tokenize.TOKEN_TYPES.url, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", src: token.value, type: ui_Label.LabelTypography.BODY_1 }, token.value))); })
+            .otherwise(function () { return React.createElement(React.Fragment, { key: key }, tokenize.getWhiteSpacePreservedText(token.value)); });
+    })));
 }
 
 exports.TextFragment = TextFragment;
-//# sourceMappingURL=bundle-Df0cAbH6.js.map
+//# sourceMappingURL=bundle-C3DKUT4Q.js.map

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

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

package/cjs/chunks/{bundle-ZuDe6I0q.js → bundle-C3RFfU6_.js}

@@ -3,97 +3,97 @@
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-E9H8fQL4.js');
+var LocalizationContext = require('./bundle-oeWNUdCB.js');
 
-var OpenChannelMessageStatusTypes = {
-    NONE: 'none',
-    PENDING: 'pending',
-    FAILED: 'failed',
-    CANCELED: 'canceled',
-    SUCCEEDED: 'succeeded',
-};
-var getSenderFromMessage = function (message) {
-    // @ts-ignore
-    return message.sender || message._sender;
-};
-var checkIsSent = function (status) { return (status === OpenChannelMessageStatusTypes.SUCCEEDED); };
-var checkIsPending = function (status) { return (status === OpenChannelMessageStatusTypes.PENDING); };
-var checkIsFailed = function (status) { return (status === OpenChannelMessageStatusTypes.FAILED); };
-var checkIsByMe = function (message, userId) { return (getSenderFromMessage(message).userId === userId); };
-var isFineCopy = function (_a) {
-    var _b;
-    var message = _a.message;
-    return ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && ((_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.length) > 0);
-};
-var isFineResend = function (_a) {
-    var message = _a.message, status = _a.status, userId = _a.userId;
-    return checkIsByMe(message, userId)
-        && checkIsFailed(status)
-        // @ts-ignore
-        && (message === null || message === void 0 ? void 0 : message.isResendable);
-};
-var isFineEdit = function (_a) {
-    var _b;
-    var message = _a.message, status = _a.status, userId = _a.userId;
-    return checkIsByMe(message, userId) && checkIsSent(status) && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message));
-};
-var isFineDelete = function (_a) {
-    var message = _a.message, userId = _a.userId;
-    return checkIsByMe(message, userId);
-};
-var isFineDownload = function (_a) {
-    var _b;
-    var message = _a.message, status = _a.status;
-    if (((_b = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && checkIsSent(status)) {
-        return true;
-    }
-    return false;
-};
-var showMenuTrigger = function (props) {
-    var message = props.message, status = props.status, userId = props.userId;
-    // @ts-ignore
-    if (message.messageType === 'user') {
-        return (isFineDelete({ message: message, status: status, userId: userId })
-            || isFineEdit({ message: message, status: status, userId: userId })
-            // @ts-ignore
-            || isFineCopy({ message: message, status: status, userId: userId })
-            || isFineResend({ message: message, status: status, userId: userId }));
-    }
-    else {
-        return (isFineDelete({ message: message, status: status, userId: userId })
-            || isFineResend({ message: message, status: status, userId: userId }));
-    }
+var OpenChannelMessageStatusTypes = {
+    NONE: 'none',
+    PENDING: 'pending',
+    FAILED: 'failed',
+    CANCELED: 'canceled',
+    SUCCEEDED: 'succeeded',
+};
+var getSenderFromMessage = function (message) {
+    // @ts-ignore
+    return message.sender || message._sender;
+};
+var checkIsSent = function (status) { return (status === OpenChannelMessageStatusTypes.SUCCEEDED); };
+var checkIsPending = function (status) { return (status === OpenChannelMessageStatusTypes.PENDING); };
+var checkIsFailed = function (status) { return (status === OpenChannelMessageStatusTypes.FAILED); };
+var checkIsByMe = function (message, userId) { return (getSenderFromMessage(message).userId === userId); };
+var isFineCopy = function (_a) {
+    var _b;
+    var message = _a.message;
+    return ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && ((_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.length) > 0);
+};
+var isFineResend = function (_a) {
+    var message = _a.message, status = _a.status, userId = _a.userId;
+    return checkIsByMe(message, userId)
+        && checkIsFailed(status)
+        // @ts-ignore
+        && (message === null || message === void 0 ? void 0 : message.isResendable);
+};
+var isFineEdit = function (_a) {
+    var _b;
+    var message = _a.message, status = _a.status, userId = _a.userId;
+    return checkIsByMe(message, userId) && checkIsSent(status) && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message));
+};
+var isFineDelete = function (_a) {
+    var message = _a.message, userId = _a.userId;
+    return checkIsByMe(message, userId);
+};
+var isFineDownload = function (_a) {
+    var _b;
+    var message = _a.message, status = _a.status;
+    if (((_b = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && checkIsSent(status)) {
+        return true;
+    }
+    return false;
+};
+var showMenuTrigger = function (props) {
+    var message = props.message, status = props.status, userId = props.userId;
+    // @ts-ignore
+    if (message.messageType === 'user') {
+        return (isFineDelete({ message: message, status: status, userId: userId })
+            || isFineEdit({ message: message, status: status, userId: userId })
+            // @ts-ignore
+            || isFineCopy({ message: message, status: status, userId: userId })
+            || isFineResend({ message: message, status: status, userId: userId }));
+    }
+    else {
+        return (isFineDelete({ message: message, status: status, userId: userId })
+            || isFineResend({ message: message, status: status, userId: userId }));
+    }
 };
 
-var OpenChannelMobileMenu = function (props) {
-    var _a, _b;
-    var message = props.message, parentRef = props.parentRef, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, copyToClipboard = props.copyToClipboard, hideMenu = props.hideMenu, _c = props.isEphemeral, isEphemeral = _c === void 0 ? false : _c;
-    var userMessage = message;
-    var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var userId = (_b = (_a = useSendbirdStateContext.useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var fileMessage = message;
-    return (React.createElement(ui_ContextMenu.default, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
-            isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
-                    copyToClipboard();
-                }, dataSbId: "open_channel_mobile_context_menu_copy" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
-            (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
-                    showEdit();
-                }, dataSbId: "open_channel_mobile_context_menu_edit" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
-            isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                    resendMessage();
-                }, dataSbId: "open_channel_mobile_context_menu_resend" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
-            (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                    showRemove();
-                }, dataSbId: "open_channel_mobile_context_menu_delete" },
-                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
-            isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                    hideMenu();
-                }, dataSbId: "open_channel_mobile_context_menu_download_file" },
-                React.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
+var OpenChannelMobileMenu = function (props) {
+    var _a, _b;
+    var message = props.message, parentRef = props.parentRef, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, copyToClipboard = props.copyToClipboard, hideMenu = props.hideMenu, _c = props.isEphemeral, isEphemeral = _c === void 0 ? false : _c;
+    var userMessage = message;
+    var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var userId = (_b = (_a = useSendbirdStateContext.useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var fileMessage = message;
+    return (React.createElement(ui_ContextMenu.default, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
+            isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
+                    copyToClipboard();
+                }, dataSbId: "open_channel_mobile_context_menu_copy" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
+            (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
+                    showEdit();
+                }, dataSbId: "open_channel_mobile_context_menu_edit" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
+            isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    resendMessage();
+                }, dataSbId: "open_channel_mobile_context_menu_resend" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
+            (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    showRemove();
+                }, dataSbId: "open_channel_mobile_context_menu_delete" },
+                React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
+            isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    hideMenu();
+                }, dataSbId: "open_channel_mobile_context_menu_download_file" },
+                React.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
 };
 
 exports.OpenChannelMobileMenu = OpenChannelMobileMenu;
@@ -106,4 +106,4 @@ exports.isFineDelete = isFineDelete;
 exports.isFineEdit = isFineEdit;
 exports.isFineResend = isFineResend;
 exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=bundle-ZuDe6I0q.js.map
+//# sourceMappingURL=bundle-C3RFfU6_.js.map

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

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

package/cjs/chunks/{bundle-C8aAwUsg.js → bundle-C51HeaX4.js}

@@ -1,30 +1,30 @@
 'use strict';
 
-var copyToClipboard = function (text) {
-    // @ts-ignore: Unreachable code error
-    if (window.clipboardData && window.clipboardData.setData) {
-        // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
-        // @ts-ignore: Unreachable code error
-        return window.clipboardData.setData('Text', text);
-    }
-    if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
-        var textarea = document.createElement('textarea');
-        textarea.textContent = text;
-        textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.
-        document.body.appendChild(textarea);
-        textarea.select();
-        try {
-            return document.execCommand('copy'); // Security exception may be thrown by some browsers.
-        }
-        catch (ex) {
-            return false;
-        }
-        finally {
-            document.body.removeChild(textarea);
-        }
-    }
-    return false;
+var copyToClipboard = function (text) {
+    // @ts-ignore: Unreachable code error
+    if (window.clipboardData && window.clipboardData.setData) {
+        // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
+        // @ts-ignore: Unreachable code error
+        return window.clipboardData.setData('Text', text);
+    }
+    if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
+        var textarea = document.createElement('textarea');
+        textarea.textContent = text;
+        textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.
+        document.body.appendChild(textarea);
+        textarea.select();
+        try {
+            return document.execCommand('copy'); // Security exception may be thrown by some browsers.
+        }
+        catch (ex) {
+            return false;
+        }
+        finally {
+            document.body.removeChild(textarea);
+        }
+    }
+    return false;
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=bundle-C8aAwUsg.js.map
+//# sourceMappingURL=bundle-C51HeaX4.js.map

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

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

package/cjs/chunks/{bundle-D9hSjP4_.js → bundle-C6a-umLQ.js}

@@ -1,152 +1,151 @@
 'use strict';
 
-var _tslib = require('./bundle-CY1bUkfG.js');
+var _tslib = require('./bundle-HGbi-rCv.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('./bundle-E9H8fQL4.js');
-require('../hooks/useModal.js');
-var index = require('./bundle-D3Gxy8S0.js');
-var utils = require('./bundle-BDbnsPGF.js');
-var ui_Avatar = require('./bundle-oUs61pbv.js');
-var ui_Label = require('./bundle-BuYf2Pa8.js');
+var LocalizationContext = require('./bundle-oeWNUdCB.js');
+var ui_Modal = require('./bundle-CZfcXYaX.js');
+var index = require('./bundle-wl1uuzU7.js');
+var utils = require('./bundle-BoLhr7Ko.js');
+var ui_Avatar = require('./bundle-DxSB9NRz.js');
+var ui_Label = require('./bundle-5_kPn4wU.js');
 var ui_Icon = require('../ui/Icon.js');
-var consts = require('./bundle-DnXNmdmw.js');
-var useKeyDown = require('./bundle-CEueJUxG.js');
-var ui_Modal = require('./bundle-fG1bRzYE.js');
+var consts = require('./bundle-DfcEln0Z.js');
+var useKeyDown = require('./bundle-bqRlVm3u.js');
 
-// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
-var SUPPORTED_MIMES = {
-    IMAGE: [
-        'image/jpeg',
-        'image/jpg',
-        'image/png',
-        'image/gif',
-        'image/svg+xml',
-        'image/webp',
-    ],
-    VIDEO: [
-        'video/mpeg',
-        'video/ogg',
-        'video/webm',
-        'video/mp4',
-    ],
-};
-var isImage = function (type) { return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0; };
-var isVideo = function (type) { return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0; };
-_tslib.__assign({}, SUPPORTED_MIMES);
-var ViewerTypes = {
-    SINGLE: 'SINGLE',
-    MULTI: 'MULTI',
+// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
+var SUPPORTED_MIMES = {
+    IMAGE: [
+        'image/jpeg',
+        'image/jpg',
+        'image/png',
+        'image/gif',
+        'image/svg+xml',
+        'image/webp',
+    ],
+    VIDEO: [
+        'video/mpeg',
+        'video/ogg',
+        'video/webm',
+        'video/mp4',
+    ],
+};
+var isImage = function (type) { return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0; };
+var isVideo = function (type) { return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0; };
+_tslib.__assign({}, SUPPORTED_MIMES);
+var ViewerTypes = {
+    SINGLE: 'SINGLE',
+    MULTI: 'MULTI',
 };
 
-function mapFileViewerComponentProps(_a) {
-    var props = _a.props;
-    if (props.viewerType === ViewerTypes.MULTI) {
-        var _b = props, fileInfoList = _b.fileInfoList, currentIndex = _b.currentIndex;
-        return fileInfoList[currentIndex];
-    }
-    var fileInfo = props;
-    return {
-        name: fileInfo.name,
-        type: fileInfo.type,
-        url: fileInfo.url,
-    };
+function mapFileViewerComponentProps(_a) {
+    var props = _a.props;
+    if (props.viewerType === ViewerTypes.MULTI) {
+        var _b = props, fileInfoList = _b.fileInfoList, currentIndex = _b.currentIndex;
+        return fileInfoList[currentIndex];
+    }
+    var fileInfo = props;
+    return {
+        name: fileInfo.name,
+        type: fileInfo.type,
+        url: fileInfo.url,
+    };
 }
 
-function DeleteButton(props) {
-    if (props.viewerType !== ViewerTypes.MULTI) {
-        var onDelete_1 = props.onDelete, isByMe = props.isByMe, disableDelete_1 = props.disableDelete, className = props.className;
-        return (isByMe)
-            ? (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete ".concat(className) },
-                React.createElement(ui_Icon.default, { className: disableDelete_1 ? 'disabled' : '', type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete_1 ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { if (!disableDelete_1) {
-                        onDelete_1 === null || onDelete_1 === void 0 ? void 0 : onDelete_1(e);
-                    } } })))
-            : React.createElement(React.Fragment, null);
-    }
-    return React.createElement(React.Fragment, null);
+function DeleteButton(props) {
+    if (props.viewerType !== ViewerTypes.MULTI) {
+        var onDelete_1 = props.onDelete, isByMe = props.isByMe, disableDelete_1 = props.disableDelete, className = props.className;
+        return (isByMe)
+            ? (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete ".concat(className) },
+                React.createElement(ui_Icon.default, { className: disableDelete_1 ? 'disabled' : '', type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete_1 ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { if (!disableDelete_1) {
+                        onDelete_1 === null || onDelete_1 === void 0 ? void 0 : onDelete_1(e);
+                    } } })))
+            : React.createElement(React.Fragment, null);
+    }
+    return React.createElement(React.Fragment, null);
 }
 
-// this is a slider component that is used to navigate between images
-function Slider(props) {
-    if (props.viewerType === ViewerTypes.MULTI) {
-        var onClickLeft_1 = props.onClickLeft, onClickRight_1 = props.onClickRight;
-        return (React.createElement("div", { className: "sendbird-file-viewer-slider" },
-            React.createElement("div", { className: "sendbird-file-viewer-arrow--left" },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SLIDE_LEFT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
-                        onClickLeft_1 === null || onClickLeft_1 === void 0 ? void 0 : onClickLeft_1();
-                        e.stopPropagation();
-                    } })),
-            React.createElement("div", { className: "sendbird-file-viewer-arrow--right" },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SLIDE_LEFT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
-                        e.stopPropagation();
-                        onClickRight_1 === null || onClickRight_1 === void 0 ? void 0 : onClickRight_1();
-                    } }))));
-    }
-    // return empty fragment if viewerType is not ViewerTypes.MULTI
-    return React.createElement(React.Fragment, null);
+// this is a slider component that is used to navigate between images
+function Slider(props) {
+    if (props.viewerType === ViewerTypes.MULTI) {
+        var onClickLeft_1 = props.onClickLeft, onClickRight_1 = props.onClickRight;
+        return (React.createElement("div", { className: "sendbird-file-viewer-slider" },
+            React.createElement("div", { className: "sendbird-file-viewer-arrow--left" },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SLIDE_LEFT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
+                        onClickLeft_1 === null || onClickLeft_1 === void 0 ? void 0 : onClickLeft_1();
+                        e.stopPropagation();
+                    } })),
+            React.createElement("div", { className: "sendbird-file-viewer-arrow--right" },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SLIDE_LEFT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
+                        e.stopPropagation();
+                        onClickRight_1 === null || onClickRight_1 === void 0 ? void 0 : onClickRight_1();
+                    } }))));
+    }
+    // return empty fragment if viewerType is not ViewerTypes.MULTI
+    return React.createElement(React.Fragment, null);
 }
 
-var FileViewerComponent = function (props) {
-    var profileUrl = props.profileUrl, nickname = props.nickname, onClose = props.onClose, onDownloadClick = props.onDownloadClick;
-    var _a = props, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight;
-    var ref = React.useRef(null);
-    var onKeyDown = useKeyDown.useKeyDown(ref, {
-        Escape: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); },
-        ArrowLeft: function () { return onClickLeft === null || onClickLeft === void 0 ? void 0 : onClickLeft(); },
-        ArrowRight: function () { return onClickRight === null || onClickRight === void 0 ? void 0 : onClickRight(); },
-    });
-    var _b = mapFileViewerComponentProps({ props: props }), name = _b.name, type = _b.type, url = _b.url;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: "sendbird-fileviewer", onKeyDown: onKeyDown, 
-        // to focus
-        tabIndex: 1, ref: ref },
-        React.createElement("div", { className: "sendbird-fileviewer__header" },
-            React.createElement("div", { className: "sendbird-fileviewer__header__left" },
-                React.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
-                    React.createElement(ui_Avatar.Avatar, { height: "32px", width: "32px", src: profileUrl })),
-                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__filename", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, name),
-                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", onClick: onDownloadClick },
-                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
-                    React.createElement(DeleteButton, _tslib.__assign({ className: 'sendbird-fileviewer__header__right__actions__delete' }, props)))),
-                React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); } })))),
-        React.createElement("div", { className: "sendbird-fileviewer__content" },
-            index.isVideo(type) && (React.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
-                React.createElement("source", { src: url, type: type }))),
-            index.isImage(type) && (React.createElement("img", { src: url, alt: name, className: props.viewerType === ViewerTypes.MULTI
-                    ? 'sendbird-fileviewer__content__img__multi'
-                    : 'sendbird-fileviewer__content__img' })),
-            !index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message'))),
-            React.createElement(Slider, _tslib.__assign({}, props)))));
-};
-function FileViewer(_a) {
-    var _b, _c, _d;
-    var message = _a.message, _e = _a.statefulFileInfoList, statefulFileInfoList = _e === void 0 ? [] : _e, onClose = _a.onClose, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, onDelete = _a.onDelete, currentIndex = _a.currentIndex, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight, onDownloadClick = _a.onDownloadClick;
-    if (index.isMultipleFilesMessage(message)) {
-        var castedMessage = message;
-        return (React.createElement(FileViewerComponent, { profileUrl: castedMessage.sender.profileUrl, nickname: castedMessage.sender.nickname, viewerType: ViewerTypes.MULTI, fileInfoList: statefulFileInfoList.filter(function (fileInfo) {
-                return fileInfo.url; // Caution: This assumes that defined url means file upload has completed.
-            }).map(function (fileInfo) {
-                return {
-                    name: fileInfo.fileName || '',
-                    type: fileInfo.mimeType || '',
-                    url: fileInfo.url,
-                };
-            }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || utils.noop, onClickRight: onClickRight || utils.noop, onClose: onClose, onDownloadClick: onDownloadClick }));
-    }
-    else if (index.isFileMessage(message)) {
-        var castedMessage = message;
-        return reactDom.createPortal((React.createElement(FileViewerComponent, { profileUrl: (_b = castedMessage.sender) === null || _b === void 0 ? void 0 : _b.profileUrl, nickname: (_c = castedMessage.sender) === null || _c === void 0 ? void 0 : _c.nickname, name: castedMessage.name, type: castedMessage.type, url: castedMessage === null || castedMessage === void 0 ? void 0 : castedMessage.url, isByMe: isByMe, disableDelete: (((_d = castedMessage.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) || 0) > 0, onClose: onClose, onDelete: onDelete || utils.noop, onDownloadClick: onDownloadClick })), document.getElementById(ui_Modal.MODAL_ROOT));
-    }
-    return React.createElement(React.Fragment, null);
+var FileViewerComponent = function (props) {
+    var profileUrl = props.profileUrl, nickname = props.nickname, onClose = props.onClose, onDownloadClick = props.onDownloadClick;
+    var _a = props, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight;
+    var ref = React.useRef(null);
+    var onKeyDown = useKeyDown.useKeyDown(ref, {
+        Escape: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); },
+        ArrowLeft: function () { return onClickLeft === null || onClickLeft === void 0 ? void 0 : onClickLeft(); },
+        ArrowRight: function () { return onClickRight === null || onClickRight === void 0 ? void 0 : onClickRight(); },
+    });
+    var _b = mapFileViewerComponentProps({ props: props }), name = _b.name, type = _b.type, url = _b.url;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: "sendbird-fileviewer", onKeyDown: onKeyDown, 
+        // to focus
+        tabIndex: 1, ref: ref },
+        React.createElement("div", { className: "sendbird-fileviewer__header" },
+            React.createElement("div", { className: "sendbird-fileviewer__header__left" },
+                React.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
+                    React.createElement(ui_Avatar.Avatar, { height: "32px", width: "32px", src: profileUrl })),
+                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__filename", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, name),
+                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", onClick: onDownloadClick },
+                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
+                    React.createElement(DeleteButton, _tslib.__assign({ className: 'sendbird-fileviewer__header__right__actions__delete' }, props)))),
+                React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
+                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); } })))),
+        React.createElement("div", { className: "sendbird-fileviewer__content" },
+            index.isVideo(type) && (React.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
+                React.createElement("source", { src: url, type: type }))),
+            index.isImage(type) && (React.createElement("img", { src: url, alt: name, className: props.viewerType === ViewerTypes.MULTI
+                    ? 'sendbird-fileviewer__content__img__multi'
+                    : 'sendbird-fileviewer__content__img' })),
+            !index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message'))),
+            React.createElement(Slider, _tslib.__assign({}, props)))));
+};
+function FileViewer(_a) {
+    var _b, _c, _d;
+    var message = _a.message, _e = _a.statefulFileInfoList, statefulFileInfoList = _e === void 0 ? [] : _e, onClose = _a.onClose, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, onDelete = _a.onDelete, currentIndex = _a.currentIndex, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight, onDownloadClick = _a.onDownloadClick;
+    if (index.isMultipleFilesMessage(message)) {
+        var castedMessage = message;
+        return (React.createElement(FileViewerComponent, { profileUrl: castedMessage.sender.profileUrl, nickname: castedMessage.sender.nickname, viewerType: ViewerTypes.MULTI, fileInfoList: statefulFileInfoList.filter(function (fileInfo) {
+                return fileInfo.url; // Caution: This assumes that defined url means file upload has completed.
+            }).map(function (fileInfo) {
+                return {
+                    name: fileInfo.fileName || '',
+                    type: fileInfo.mimeType || '',
+                    url: fileInfo.url,
+                };
+            }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || utils.noop, onClickRight: onClickRight || utils.noop, onClose: onClose, onDownloadClick: onDownloadClick }));
+    }
+    else if (index.isFileMessage(message)) {
+        var castedMessage = message;
+        return reactDom.createPortal((React.createElement(FileViewerComponent, { profileUrl: (_b = castedMessage.sender) === null || _b === void 0 ? void 0 : _b.profileUrl, nickname: (_c = castedMessage.sender) === null || _c === void 0 ? void 0 : _c.nickname, name: castedMessage.name, type: castedMessage.type, url: castedMessage === null || castedMessage === void 0 ? void 0 : castedMessage.url, isByMe: isByMe, disableDelete: (((_d = castedMessage.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) || 0) > 0, onClose: onClose, onDelete: onDelete || utils.noop, onDownloadClick: onDownloadClick })), document.getElementById(ui_Modal.MODAL_ROOT));
+    }
+    return React.createElement(React.Fragment, null);
 }
 
 exports.FileViewer = FileViewer;
 exports.FileViewerComponent = FileViewerComponent;
 exports.isImage = isImage;
 exports.isVideo = isVideo;
-//# sourceMappingURL=bundle-D9hSjP4_.js.map
+//# sourceMappingURL=bundle-C6a-umLQ.js.map

package/{chunks/bundle-BiINvVSK.js.map → cjs/chunks/bundle-C6a-umLQ.js.map}

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