@sendbird/uikit-react 3.14.3 → 3.14.4

package/cjs/chunks/{bundle-DHuWzY0s.js → bundle-N_CwOE5a.js}

@@ -1,135 +1,135 @@
 'use strict';
 
-var _tslib = require('./bundle-CY1bUkfG.js');
+var _tslib = require('./bundle-HGbi-rCv.js');
 var React = require('react');
-var index$1 = require('./bundle-BmEl3iIW.js');
+var index$1 = require('./bundle-DAj-1QVM.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-BuYf2Pa8.js');
+var ui_Label = require('./bundle-5_kPn4wU.js');
 var ui_Loader = require('../ui/Loader.js');
-var index$2 = require('./bundle-D3Gxy8S0.js');
+var index$2 = require('./bundle-wl1uuzU7.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-juHuQ6-V.js');
-var LocalizationContext = require('./bundle-E9H8fQL4.js');
+var index = require('./bundle-B_51Svr9.js');
+var LocalizationContext = require('./bundle-oeWNUdCB.js');
 
-var getChannelTitle = function (channel, currentUserId, stringSet) {
-    var _a;
-    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
-    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
-        return stringSet.NO_TITLE;
-    }
-    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
-        return channel.name;
-    }
-    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
-        return stringSet.NO_MEMBERS;
-    }
-    return ((channel === null || channel === void 0 ? void 0 : channel.members) || [])
-        .filter(function (_a) {
-        var userId = _a.userId;
-        return userId !== currentUserId;
-    })
-        .map(function (_a) {
-        var nickname = _a.nickname;
-        return nickname || stringSet.NO_NAME;
-    })
-        .join(', ');
-};
-var getLastMessageCreatedAt = function (_a) {
-    var _b;
-    var channel = _a.channel, locale = _a.locale, _c = _a.stringSet, stringSet = _c === void 0 ? ui_Label.LabelStringSet : _c;
-    var createdAt = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.createdAt;
-    var optionalParam = locale ? { locale: locale } : null;
-    if (!createdAt) {
-        return '';
-    }
-    if (index.isToday(createdAt)) {
-        return index$1.format(createdAt, 'p', optionalParam);
-    }
-    if (index.isYesterday(createdAt)) {
-        return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';
-    }
-    if (index.isThisYear(createdAt)) {
-        return index$1.format(createdAt, 'MMM d', optionalParam);
-    }
-    return index$1.format(createdAt, 'yyyy/M/d', optionalParam);
-};
-var getTotalMembers = function (channel) { return ((channel === null || channel === void 0 ? void 0 : channel.memberCount) ? channel.memberCount : 0); };
-var getChannelPreviewFileDisplayString = function (mimeType, stringSet) {
-    var _a, _b, _c, _d, _e, _f;
-    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
-    if (index$2.isGif(mimeType)) {
-        return (_a = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF) !== null && _a !== void 0 ? _a : '';
-    }
-    if (index$2.isImage(mimeType)) {
-        return (_b = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _b !== void 0 ? _b : '';
-    }
-    if (index$2.isVideo(mimeType)) {
-        return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO) !== null && _c !== void 0 ? _c : '';
-    }
-    if (index$2.isAudio(mimeType)) {
-        return (_d = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO) !== null && _d !== void 0 ? _d : '';
-    }
-    if (index$2.isVoiceMessageMimeType(mimeType)) {
-        return (_e = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE) !== null && _e !== void 0 ? _e : '';
-    }
-    return (_f = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL) !== null && _f !== void 0 ? _f : '';
-};
-var getPrettyLastMessage = function (message, stringSet) {
-    var _a, _b, _c, _d;
-    if (message === void 0) { message = null; }
-    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
-    if (!message)
-        return '';
-    if (index$2.isTemplateMessage(message)) {
-        return stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_TEMPLATE_MESSAGE;
-    }
-    if (message.isFileMessage()) {
-        return getChannelPreviewFileDisplayString(message.type, stringSet);
-    }
-    if (message.isMultipleFilesMessage()) {
-        var mimeType = (_b = (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.mimeType;
-        if (index$2.isImage(mimeType) || index$2.isGif(mimeType)) {
-            return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _c !== void 0 ? _c : '';
-        }
-        return getChannelPreviewFileDisplayString(mimeType, stringSet);
-    }
-    return (_d = message.message) !== null && _d !== void 0 ? _d : '';
-};
-var getLastMessage = function (channel, stringSet) {
-    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
-    return (channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage, stringSet) : '';
-};
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+    var _a;
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+        return stringSet.NO_TITLE;
+    }
+    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
+        return channel.name;
+    }
+    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+        return stringSet.NO_MEMBERS;
+    }
+    return ((channel === null || channel === void 0 ? void 0 : channel.members) || [])
+        .filter(function (_a) {
+        var userId = _a.userId;
+        return userId !== currentUserId;
+    })
+        .map(function (_a) {
+        var nickname = _a.nickname;
+        return nickname || stringSet.NO_NAME;
+    })
+        .join(', ');
+};
+var getLastMessageCreatedAt = function (_a) {
+    var _b;
+    var channel = _a.channel, locale = _a.locale, _c = _a.stringSet, stringSet = _c === void 0 ? ui_Label.LabelStringSet : _c;
+    var createdAt = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.createdAt;
+    var optionalParam = locale ? { locale: locale } : null;
+    if (!createdAt) {
+        return '';
+    }
+    if (index.isToday(createdAt)) {
+        return index$1.format(createdAt, 'p', optionalParam);
+    }
+    if (index.isYesterday(createdAt)) {
+        return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';
+    }
+    if (index.isThisYear(createdAt)) {
+        return index$1.format(createdAt, 'MMM d', optionalParam);
+    }
+    return index$1.format(createdAt, 'yyyy/M/d', optionalParam);
+};
+var getTotalMembers = function (channel) { return ((channel === null || channel === void 0 ? void 0 : channel.memberCount) ? channel.memberCount : 0); };
+var getChannelPreviewFileDisplayString = function (mimeType, stringSet) {
+    var _a, _b, _c, _d, _e, _f;
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    if (index$2.isGif(mimeType)) {
+        return (_a = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF) !== null && _a !== void 0 ? _a : '';
+    }
+    if (index$2.isImage(mimeType)) {
+        return (_b = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _b !== void 0 ? _b : '';
+    }
+    if (index$2.isVideo(mimeType)) {
+        return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO) !== null && _c !== void 0 ? _c : '';
+    }
+    if (index$2.isAudio(mimeType)) {
+        return (_d = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO) !== null && _d !== void 0 ? _d : '';
+    }
+    if (index$2.isVoiceMessageMimeType(mimeType)) {
+        return (_e = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE) !== null && _e !== void 0 ? _e : '';
+    }
+    return (_f = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL) !== null && _f !== void 0 ? _f : '';
+};
+var getPrettyLastMessage = function (message, stringSet) {
+    var _a, _b, _c, _d;
+    if (message === void 0) { message = null; }
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    if (!message)
+        return '';
+    if (index$2.isTemplateMessage(message)) {
+        return stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_TEMPLATE_MESSAGE;
+    }
+    if (message.isFileMessage()) {
+        return getChannelPreviewFileDisplayString(message.type, stringSet);
+    }
+    if (message.isMultipleFilesMessage()) {
+        var mimeType = (_b = (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.mimeType;
+        if (index$2.isImage(mimeType) || index$2.isGif(mimeType)) {
+            return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _c !== void 0 ? _c : '';
+        }
+        return getChannelPreviewFileDisplayString(mimeType, stringSet);
+    }
+    return (_d = message.message) !== null && _d !== void 0 ? _d : '';
+};
+var getLastMessage = function (channel, stringSet) {
+    if (stringSet === void 0) { stringSet = ui_Label.LabelStringSet; }
+    return (channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage, stringSet) : '';
+};
 var getChannelUnreadMessageCount = function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) ? channel.unreadMessageCount : 0; };
 
-var MessageStatusTypes = utils_message_getOutgoingMessageState.OutgoingMessageStates;
-function MessageStatus(_a) {
-    var _b, _c;
-    var _d;
-    var className = _a.className, message = _a.message, channel = _a.channel, _e = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _e === void 0 ? true : _e;
-    var _f = LocalizationContext.useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
-    var status = utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message);
-    var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
-        && !(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING || status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED));
-    var iconType = (_b = {},
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR,
-        _b);
-    var iconColor = (_c = {},
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR,
-        _c);
-    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-message-status',
-        ], false).join(' ') },
-        (status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING) ? (React.createElement(ui_Loader, { className: "sendbird-message-status__icon", width: "16px", height: "16px" },
-            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React.createElement(ui_Icon.default, { className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'), type: iconType[status] || ui_Icon.IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
-        index$2.isSentStatus(status) && (React.createElement(ui_Label.Label, { className: "sendbird-message-status__text", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
-            ? index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', { locale: dateLocale })
-            : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
+var MessageStatusTypes = utils_message_getOutgoingMessageState.OutgoingMessageStates;
+function MessageStatus(_a) {
+    var _b, _c;
+    var _d;
+    var className = _a.className, message = _a.message, channel = _a.channel, _e = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _e === void 0 ? true : _e;
+    var _f = LocalizationContext.useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
+    var status = utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message);
+    var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
+        && !(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING || status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED));
+    var iconType = (_b = {},
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE,
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL,
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL,
+        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR,
+        _b);
+    var iconColor = (_c = {},
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT,
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT,
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ,
+        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR,
+        _c);
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-message-status',
+        ], false).join(' ') },
+        (status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING) ? (React.createElement(ui_Loader, { className: "sendbird-message-status__icon", width: "16px", height: "16px" },
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React.createElement(ui_Icon.default, { className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'), type: iconType[status] || ui_Icon.IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
+        index$2.isSentStatus(status) && (React.createElement(ui_Label.Label, { className: "sendbird-message-status__text", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
+            ? index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', { locale: dateLocale })
+            : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
 }
 
 exports.MessageStatus = MessageStatus;
@@ -139,4 +139,4 @@ exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
 exports.getLastMessage = getLastMessage;
 exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
 exports.getTotalMembers = getTotalMembers;
-//# sourceMappingURL=bundle-DHuWzY0s.js.map
+//# sourceMappingURL=bundle-N_CwOE5a.js.map

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

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

package/cjs/chunks/bundle-Q4icQ1qH.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var _tslib = require('./bundle-HGbi-rCv.js');
+var pxToNumber = require('./bundle-C93-onMF.js');
+
+var compressImage = function (_a) {
+    var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight, outputFormat = _a.outputFormat;
+    var image = document.createElement('img');
+    return new Promise(function (resolve, reject) {
+        image.src = URL.createObjectURL(imageFile);
+        image.onerror = reject;
+        image.onload = function () {
+            URL.revokeObjectURL(image.src);
+            var canvas = document.createElement('canvas');
+            var originWidth = image.width;
+            var originHeight = image.height;
+            var targetResizingWidth = (!resizingWidth || resizingWidth > originWidth) ? originWidth : resizingWidth;
+            var targetResizingHeight = (!resizingHeight || resizingHeight > originHeight) ? originHeight : resizingHeight;
+            var widthRatio = originWidth / targetResizingWidth;
+            var heightRatio = originHeight / targetResizingHeight;
+            /**
+             * Set the target resizing values again with the calculated ratios
+             * to use the impactful value, so the original images' ratio won't be broken.
+             */
+            if (widthRatio > heightRatio) {
+                targetResizingHeight = originHeight / (resizingWidth ? widthRatio : 1);
+            }
+            else if (heightRatio > widthRatio) {
+                targetResizingWidth = originWidth / (resizingHeight ? heightRatio : 1);
+            }
+            canvas.width = targetResizingWidth;
+            canvas.height = targetResizingHeight;
+            var ctx = canvas.getContext('2d');
+            if (!ctx) {
+                reject(new Error('Failed to get canvas 2d context'));
+                return;
+            }
+            ctx.drawImage(image, 0, 0, targetResizingWidth, targetResizingHeight);
+            // Change the file.name & file.type for converting file type
+            var targetFileType = outputFormat === 'preserve' ? imageFile.type : "image/".concat(outputFormat);
+            var targetSubtype = targetFileType.split('/').pop();
+            var dotIndex = imageFile.name.lastIndexOf('.');
+            // targetName = `fileName.targetSubtype`
+            var targetName = "".concat(dotIndex === -1 ? imageFile.name : imageFile.name.substring(0, dotIndex), ".").concat(targetSubtype);
+            ctx.canvas.toBlob(function (blob) {
+                if (blob) {
+                    var file = new File([blob], targetName, { type: targetFileType });
+                    resolve(file);
+                }
+                else {
+                    reject(new Error('Failed to compress image'));
+                }
+            }, targetFileType, compressionRate);
+        };
+    });
+};
+var compressImages = function (_a) { return _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
+    var compressionRate, _c, outputFormat, resizingWidth, resizingHeight, result;
+    var files = _b.files, logger = _b.logger, imageCompression = _b.imageCompression;
+    return _tslib.__generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                compressionRate = imageCompression.compressionRate, _c = imageCompression.outputFormat, outputFormat = _c === void 0 ? 'preserve' : _c;
+                resizingWidth = pxToNumber.pxToNumber(imageCompression.resizingWidth);
+                resizingHeight = pxToNumber.pxToNumber(imageCompression.resizingHeight);
+                result = {
+                    failedIndexes: [],
+                    compressedFiles: [],
+                };
+                if (!(Array.isArray(files) && files.length > 0)) {
+                    logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: There are no files.', files);
+                    return [2 /*return*/, result];
+                }
+                if (compressionRate < 0 || 1 < compressionRate) {
+                    logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: The compressionRate is not acceptable.', compressionRate);
+                    return [2 /*return*/, result];
+                }
+                return [4 /*yield*/, Promise.all(files
+                        .map(function (file, index) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+                        var compressedImage, err_1;
+                        return _tslib.__generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    if (!(file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg')) {
+                                        logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: The fileType is not compressible.', { file: file, index: index });
+                                        result.failedIndexes.push(index);
+                                        result.compressedFiles.push(file);
+                                        return [2 /*return*/];
+                                    }
+                                    _a.label = 1;
+                                case 1:
+                                    _a.trys.push([1, 3, , 4]);
+                                    return [4 /*yield*/, compressImage({
+                                            imageFile: file,
+                                            compressionRate: compressionRate,
+                                            resizingWidth: resizingWidth,
+                                            resizingHeight: resizingHeight,
+                                            outputFormat: outputFormat,
+                                        })];
+                                case 2:
+                                    compressedImage = _a.sent();
+                                    result.compressedFiles.push(compressedImage);
+                                    return [3 /*break*/, 4];
+                                case 3:
+                                    err_1 = _a.sent();
+                                    result.failedIndexes.push(index);
+                                    logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: Failed to compress image file', { file: file, err: err_1 });
+                                    return [3 /*break*/, 4];
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    }); }))];
+            case 1:
+                _d.sent();
+                logger === null || logger === void 0 ? void 0 : logger.info('utils - compressImages: Finished compressing images', result);
+                return [2 /*return*/, result];
+        }
+    });
+}); };
+
+exports.compressImages = compressImages;
+//# sourceMappingURL=bundle-Q4icQ1qH.js.map

package/{chunks/bundle-CVu64-xY.js.map → cjs/chunks/bundle-Q4icQ1qH.js.map}

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

package/cjs/chunks/{bundle-C-noHeKZ.js → bundle-T4lp5F85.js}

@@ -1,29 +1,29 @@
 'use strict';
 
-var RESET_MESSAGES = 'RESET_MESSAGES';
-var FETCH_INITIAL_MESSAGES_START = 'FETCH_INITIAL_MESSAGES_START';
-var FETCH_INITIAL_MESSAGES_SUCCESS = 'FETCH_INITIAL_MESSAGES_SUCCESS';
-var FETCH_INITIAL_MESSAGES_FAILURE = 'FETCH_INITIAL_MESSAGES_FAILURE';
-var FETCH_PREV_MESSAGES_SUCCESS = 'FETCH_PREV_MESSAGES_SUCCESS';
-var FETCH_PREV_MESSAGES_FAILURE = 'FETCH_PREV_MESSAGES_FAILURE';
-var FETCH_NEXT_MESSAGES_SUCCESS = 'FETCH_NEXT_MESSAGES_SUCCESS';
-var FETCH_NEXT_MESSAGES_FAILURE = 'FETCH_NEXT_MESSAGES_FAILURE';
-var SEND_MESSAGE_START = 'SEND_MESSAGE_START';
-var SEND_MESSAGE_SUCCESS = 'SEND_MESSAGE_SUCCESS';
-var SEND_MESSAGE_FAILURE = 'SEND_MESSAGE_FAILURE';
-var RESEND_MESSAGE_START = 'RESEND_MESSAGE_START';
-var ON_MESSAGE_RECEIVED = 'ON_MESSAGE_RECEIVED';
-var ON_MESSAGE_UPDATED = 'ON_MESSAGE_UPDATED';
-var ON_MESSAGE_THREAD_INFO_UPDATED = 'ON_MESSAGE_THREAD_INFO_UPDATED';
-var ON_MESSAGE_DELETED = 'ON_MESSAGE_DELETED';
-var ON_MESSAGE_DELETED_BY_REQ_ID = 'ON_MESSAGE_DELETED_BY_REQ_ID';
-var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
-var SET_CHANNEL_INVALID = 'SET_CHANNEL_INVALID';
-var MARK_AS_READ = 'MARK_AS_READ';
-var ON_REACTION_UPDATED = 'ON_REACTION_UPDATED';
-var SET_EMOJI_CONTAINER = 'SET_EMOJI_CONTAINER';
-var MESSAGE_LIST_PARAMS_CHANGED = 'MESSAGE_LIST_PARAMS_CHANGED';
-var ON_FILE_INFO_UPLOADED = 'ON_FILE_INFO_UPLOADED';
+var RESET_MESSAGES = 'RESET_MESSAGES';
+var FETCH_INITIAL_MESSAGES_START = 'FETCH_INITIAL_MESSAGES_START';
+var FETCH_INITIAL_MESSAGES_SUCCESS = 'FETCH_INITIAL_MESSAGES_SUCCESS';
+var FETCH_INITIAL_MESSAGES_FAILURE = 'FETCH_INITIAL_MESSAGES_FAILURE';
+var FETCH_PREV_MESSAGES_SUCCESS = 'FETCH_PREV_MESSAGES_SUCCESS';
+var FETCH_PREV_MESSAGES_FAILURE = 'FETCH_PREV_MESSAGES_FAILURE';
+var FETCH_NEXT_MESSAGES_SUCCESS = 'FETCH_NEXT_MESSAGES_SUCCESS';
+var FETCH_NEXT_MESSAGES_FAILURE = 'FETCH_NEXT_MESSAGES_FAILURE';
+var SEND_MESSAGE_START = 'SEND_MESSAGE_START';
+var SEND_MESSAGE_SUCCESS = 'SEND_MESSAGE_SUCCESS';
+var SEND_MESSAGE_FAILURE = 'SEND_MESSAGE_FAILURE';
+var RESEND_MESSAGE_START = 'RESEND_MESSAGE_START';
+var ON_MESSAGE_RECEIVED = 'ON_MESSAGE_RECEIVED';
+var ON_MESSAGE_UPDATED = 'ON_MESSAGE_UPDATED';
+var ON_MESSAGE_THREAD_INFO_UPDATED = 'ON_MESSAGE_THREAD_INFO_UPDATED';
+var ON_MESSAGE_DELETED = 'ON_MESSAGE_DELETED';
+var ON_MESSAGE_DELETED_BY_REQ_ID = 'ON_MESSAGE_DELETED_BY_REQ_ID';
+var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
+var SET_CHANNEL_INVALID = 'SET_CHANNEL_INVALID';
+var MARK_AS_READ = 'MARK_AS_READ';
+var ON_REACTION_UPDATED = 'ON_REACTION_UPDATED';
+var SET_EMOJI_CONTAINER = 'SET_EMOJI_CONTAINER';
+var MESSAGE_LIST_PARAMS_CHANGED = 'MESSAGE_LIST_PARAMS_CHANGED';
+var ON_FILE_INFO_UPLOADED = 'ON_FILE_INFO_UPLOADED';
 var ON_TYPING_STATUS_UPDATED = 'ON_TYPING_STATUS_UPDATED';
 
 var channelActions = /*#__PURE__*/Object.freeze({
@@ -81,4 +81,4 @@ exports.SET_CHANNEL_INVALID = SET_CHANNEL_INVALID;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
-//# sourceMappingURL=bundle-C-noHeKZ.js.map
+//# sourceMappingURL=bundle-T4lp5F85.js.map

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

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

package/cjs/chunks/{bundle-CBmExSEr.js → bundle-Tjx9wNAv.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var ui_Label = require('./bundle-BuYf2Pa8.js');
+var ui_Label = require('./bundle-5_kPn4wU.js');
 
-var getChannelTitle = function (channel, currentUserId, stringSet) {
-    var _a;
-    var LABEL_STRING_SET = stringSet || ui_Label.LabelStringSet;
-    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
-        return LABEL_STRING_SET.NO_TITLE;
-    }
-    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
-        return channel.name;
-    }
-    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
-        return LABEL_STRING_SET.NO_MEMBERS;
-    }
-    return channel === null || channel === void 0 ? void 0 : channel.members.filter(function (_a) {
-        var userId = _a.userId;
-        return userId !== currentUserId;
-    }).map(function (_a) {
-        var nickname = _a.nickname;
-        return (nickname || LABEL_STRING_SET.NO_NAME);
-    }).join(', ');
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+    var _a;
+    var LABEL_STRING_SET = stringSet || ui_Label.LabelStringSet;
+    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+        return LABEL_STRING_SET.NO_TITLE;
+    }
+    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
+        return channel.name;
+    }
+    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+        return LABEL_STRING_SET.NO_MEMBERS;
+    }
+    return channel === null || channel === void 0 ? void 0 : channel.members.filter(function (_a) {
+        var userId = _a.userId;
+        return userId !== currentUserId;
+    }).map(function (_a) {
+        var nickname = _a.nickname;
+        return (nickname || LABEL_STRING_SET.NO_NAME);
+    }).join(', ');
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-CBmExSEr.js.map
+//# sourceMappingURL=bundle-Tjx9wNAv.js.map

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

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

package/cjs/chunks/{bundle-CZz2cvTG.js → bundle-X03vJTEw.js}

@@ -2,55 +2,54 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Avatar = require('./bundle-oUs61pbv.js');
+var ui_Avatar = require('./bundle-DxSB9NRz.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-BuYf2Pa8.js');
-var index = require('./bundle-D3Gxy8S0.js');
-require('../hooks/useModal.js');
+var ui_Label = require('./bundle-5_kPn4wU.js');
+var index = require('./bundle-wl1uuzU7.js');
+var ui_Modal = require('./bundle-CZfcXYaX.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var ui_Modal = require('./bundle-fG1bRzYE.js');
 
-var FileViewerView = function (_a) {
-    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, onDownloadClick: onDownloadClick }), document.getElementById(ui_Modal.MODAL_ROOT));
-};
-var FileViewerComponent = function (_a) {
-    var 
-    // sender
-    profileUrl = _a.profileUrl, nickname = _a.nickname, 
-    // file
-    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.createElement("div", { className: "sendbird-fileviewer" },
-        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" })),
-                    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 () {
-                                if (!disableDelete) {
-                                    onDelete();
-                                }
-                            } }))))),
-                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: onCancel })))),
-        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: "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 }, "Unsupoprted message"))))));
+var FileViewerView = function (_a) {
+    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, onDownloadClick: onDownloadClick }), document.getElementById(ui_Modal.MODAL_ROOT));
+};
+var FileViewerComponent = function (_a) {
+    var 
+    // sender
+    profileUrl = _a.profileUrl, nickname = _a.nickname, 
+    // file
+    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.createElement("div", { className: "sendbird-fileviewer" },
+        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" })),
+                    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 () {
+                                if (!disableDelete) {
+                                    onDelete();
+                                }
+                            } }))))),
+                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: onCancel })))),
+        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: "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 }, "Unsupoprted message"))))));
 };
 
 exports.FileViewerView = FileViewerView;
-//# sourceMappingURL=bundle-CZz2cvTG.js.map
+//# sourceMappingURL=bundle-X03vJTEw.js.map

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

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