@sendbird/uikit-react 3.8.0 → 3.8.2

package/cjs/chunks/{bundle-4DATo50q.js → bundle-4NrBnGEN.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('./bundle-4bb_98h6.js');
+var UserProfileContext = require('./bundle-r81ddDqP.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const = require('./bundle-P_B0eyVT.js');
-var utils = require('./bundle-4q81wd8X.js');
-var _tslib = require('./bundle-hK4x7nmG.js');
-var index$1 = require('./bundle-28p7K0N-.js');
+var _const = require('./bundle-nsOL78qf.js');
+var utils = require('./bundle-5SOWNViS.js');
+var _tslib = require('./bundle-2s7rxLn3.js');
+var index$1 = require('./bundle-KQyVyq1q.js');
 var message = require('@sendbird/chat/message');
-var index_module = require('./bundle-I_9_5a8a.js');
-var actionTypes = require('./bundle-c6O8NjZI.js');
-var compareIds = require('./bundle-tmB_l3Q9.js');
-var index = require('./bundle-FHx0K-3z.js');
+var index_module = require('./bundle-qnGmz8ai.js');
+var actionTypes = require('./bundle-qtVxG8eL.js');
+var compareIds = require('./bundle-QkZHyxSs.js');
+var index = require('./bundle-tFwEElQ4.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./bundle-gMxOq93o.js');
+var uuid = require('./bundle--NEfAH1H.js');
 var Channel_hooks_useInitialMessagesFetch = require('../Channel/hooks/useInitialMessagesFetch.js');
-var pubSub_topics = require('../pubSub/topics.js');
-var useSendMultipleFilesMessage = require('./bundle-6o4fw0w0.js');
-var consts = require('./bundle-L9ushBZQ.js');
-var resolvedReplyType = require('./bundle-g_OXBrgT.js');
+var pubSub_topics = require('./bundle-ONpNGzUN.js');
+var consts = require('./bundle-9GSi_LkG.js');
+var resolvedReplyType = require('./bundle-zNIQydjM.js');
+var useSendMultipleFilesMessage = require('./bundle-L6ZM4yRd.js');
 
 /**
  * This function helps consider the every condition
@@ -58,6 +58,7 @@ var initialState = {
     isInvalid: false,
     readStatus: null,
     messageListParams: null,
+    typingMembers: [],
 };
 
 var getOldestMessageTimeStamp = function (messages) {
@@ -305,6 +306,14 @@ function channelReducer(state, action) {
             fileInfoList[index] = uploadableFileInfo;
         }
         return _tslib.__assign(_tslib.__assign({}, state), { localMessages: localMessages });
+    })
+        .with({ type: actionTypes.ON_TYPING_STATUS_UPDATED }, function (action) {
+        var _a;
+        var _b = action.payload, channel = _b.channel, typingMembers = _b.typingMembers;
+        if (!compareIds.compareIds(channel.url, (_a = state === null || state === void 0 ? void 0 : state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url)) {
+            return state;
+        }
+        return _tslib.__assign(_tslib.__assign({}, state), { typingMembers: typingMembers });
     })
         .otherwise(function () { return state; });
 }
@@ -488,6 +497,19 @@ function useHandleChannelEvents(_a, _b) {
                         }
                     }
                 },
+                onTypingStatusUpdated: function (channel) {
+                    if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+                        logger.info('Channel | onTypingStatusUpdated', { channel: channel });
+                        var typingMembers = channel.getTypingUsers();
+                        messagesDispatcher({
+                            type: actionTypes.ON_TYPING_STATUS_UPDATED,
+                            payload: {
+                                channel: channel,
+                                typingMembers: typingMembers,
+                            },
+                        });
+                    }
+                },
             };
             logger.info('Channel | useHandleChannelEvents: Setup event handler', { channelHandlerId: channelHandlerId, channelHandler: channelHandler });
             // Add this group channel handler to the Sendbird chat instance
@@ -796,10 +818,10 @@ function useUpdateMessageCallback(_a, _b) {
                     message: msg,
                 },
             });
-            pubSub.publish(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, {
+            pubSub.publish(pubSub_topics.pubSubTopics.UPDATE_USER_MESSAGE, {
                 message: msg,
                 channel: currentGroupChannel,
-                publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.CHANNEL],
+                publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
             });
         })
             .catch(function (err) {
@@ -935,12 +957,12 @@ function useSendMessageCallback(_a, _b) {
         currentGroupChannel
             .sendUserMessage(params)
             .onPending(function (pendingMsg) {
-            pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
+            pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, {
                 /* pubSub is used instead of messagesDispatcher
                   to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
                 message: pendingMsg,
                 channel: currentGroupChannel,
-                publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.CHANNEL],
+                publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
             });
             setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); });
         })
@@ -965,152 +987,56 @@ function useSendMessageCallback(_a, _b) {
 function useSendFileMessageCallback(_a, _b) {
     var currentGroupChannel = _a.currentGroupChannel, onBeforeSendFileMessage = _a.onBeforeSendFileMessage, imageCompression = _a.imageCompression;
     var logger = _b.logger, pubSub = _b.pubSub, scrollRef = _b.scrollRef, messagesDispatcher = _b.messagesDispatcher;
-    var sendMessage = React.useCallback(function (file, quoteMessage) {
+    var sendMessage = React.useCallback(function (compressedFile, quoteMessage) {
         if (quoteMessage === void 0) { quoteMessage = null; }
         return new Promise(function (resolve, reject) {
-            var _a = imageCompression !== null && imageCompression !== void 0 ? imageCompression : {}, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
-            var shouldCreateCustomParams = onBeforeSendFileMessage && typeof onBeforeSendFileMessage === 'function';
-            var compressibleFileType = file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg';
-            var compressibleRatio = compressionRate > 0 && compressionRate < 1;
-            // pxToNumber returns null if values are invalid
-            var compressibleDiamensions = utils.pxToNumber(resizingWidth) || utils.pxToNumber(resizingHeight);
-            var canCompressImage = compressibleFileType && (compressibleRatio || compressibleDiamensions);
-            var createParamsDefault = function (fileToSend) {
-                var params = {
-                    file: fileToSend,
-                };
+            // Create FileMessageParams
+            var params = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(compressedFile, quoteMessage);
+            if (!params) {
+                params = { file: compressedFile };
                 if (quoteMessage) {
                     params.isReplyToChannel = true;
                     params.parentMessageId = quoteMessage.messageId;
                 }
-                return params;
-            };
-            if (canCompressImage) {
-                // Using image compression
-                try {
-                    // TODO: Extract image compression logic to utils.
-                    var image_1 = document.createElement('img');
-                    image_1.src = URL.createObjectURL(file);
-                    image_1.onload = function () {
-                        URL.revokeObjectURL(image_1.src);
-                        var canvas = document.createElement('canvas');
-                        var imageWdith = image_1.naturalWidth || image_1.width;
-                        var imageHeight = image_1.naturalHeight || image_1.height;
-                        var targetWidth = utils.pxToNumber(resizingWidth) || imageWdith;
-                        var targetHeight = utils.pxToNumber(resizingHeight) || imageHeight;
-                        // In canvas.toBlob(callback, mimeType, qualityArgument)
-                        // qualityArgument doesnt work
-                        // so in case compressibleDiamensions are not present, we use ratio
-                        if (file.type === 'image/png' && !compressibleDiamensions) {
-                            targetWidth *= compressionRate;
-                            targetHeight *= compressionRate;
-                        }
-                        canvas.width = targetWidth;
-                        canvas.height = targetHeight;
-                        var context = canvas.getContext('2d');
-                        context.drawImage(image_1, 0, 0, targetWidth, targetHeight);
-                        context.canvas.toBlob(function (newImageBlob) {
-                            var compressedFile = new File([newImageBlob], file.name, { type: file.type });
-                            if (shouldCreateCustomParams) {
-                                logger.info('Channel: Creating params using onBeforeSendFileMessage', onBeforeSendFileMessage);
-                            }
-                            var params = shouldCreateCustomParams
-                                ? onBeforeSendFileMessage(compressedFile, quoteMessage)
-                                : createParamsDefault(compressedFile);
-                            logger.info('Channel: Uploading file message start!', params);
-                            currentGroupChannel
-                                .sendFileMessage(params)
-                                .onPending(function (pendingMessage) {
-                                pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
-                                    /* pubSub is used instead of messagesDispatcher
-                                      to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
-                                    message: _tslib.__assign(_tslib.__assign({}, pendingMessage), { url: URL.createObjectURL(compressedFile), 
-                                        // pending thumbnail message seems to be failed
-                                        requestState: 'pending' }),
-                                    channel: currentGroupChannel,
-                                    publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.CHANNEL],
-                                });
-                                setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, 1000);
-                            })
-                                .onFailed(function (err, failedMessage) {
-                                logger.error('Channel: Sending file message failed!', { failedMessage: failedMessage, err: err });
-                                // TODO: v4 - remove logic that modifies the original object.
-                                //  It makes the code difficult to track, likely causing unpredictable side effects.
-                                // @ts-ignore eslint-disable-next-line no-param-reassign
-                                failedMessage.localUrl = URL.createObjectURL(compressedFile);
-                                // @ts-ignore eslint-disable-next-line no-param-reassign
-                                failedMessage.file = compressedFile;
-                                messagesDispatcher({
-                                    type: actionTypes.SEND_MESSAGE_FAILURE,
-                                    payload: failedMessage,
-                                });
-                                reject(err);
-                            })
-                                .onSucceeded(function (succeededMessage) {
-                                logger.info('Channel: Sending file message success!', succeededMessage);
-                                messagesDispatcher({
-                                    type: actionTypes.SEND_MESSAGE_SUCCESS,
-                                    payload: succeededMessage,
-                                });
-                                resolve(succeededMessage);
-                            });
-                        }, file.type, compressionRate);
-                    };
-                }
-                catch (error) {
-                    logger.error('Channel: Sending file message failed!', error);
-                    reject(error);
-                }
             }
-            else {
-                // Not using image compression
-                if (shouldCreateCustomParams) {
-                    logger.info('Channel: creating params using onBeforeSendFileMessage', onBeforeSendFileMessage);
-                }
-                var params = onBeforeSendFileMessage
-                    ? onBeforeSendFileMessage(file, quoteMessage)
-                    : createParamsDefault(file);
-                logger.info('Channel: Uploading file message start!', params);
-                currentGroupChannel
-                    .sendFileMessage(params)
-                    .onPending(function (pendingMsg) {
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
-                        /* pubSub is used instead of messagesDispatcher
-                          to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
-                        message: _tslib.__assign(_tslib.__assign({}, pendingMsg), { 
-                            // TODO: v4 - remove logic that modifies the original object.
-                            //  It makes the code difficult to track, likely causing unpredictable side effects.
-                            url: URL.createObjectURL(file), 
-                            // pending thumbnail message seems to be failed
-                            requestState: 'pending' }),
-                        channel: currentGroupChannel,
-                        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.CHANNEL],
-                    });
-                    setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, 1000);
-                })
-                    .onFailed(function (error, message) {
-                    logger.error('Channel: Sending file message failed!', { message: message, error: error });
-                    // TODO: v4 - remove logic that modifies the original object.
-                    //  It makes the code difficult to track, likely causing unpredictable side effects.
-                    // @ts-ignore eslint-disable-next-line no-param-reassign
-                    message.localUrl = URL.createObjectURL(file);
-                    // @ts-ignore eslint-disable-next-line no-param-reassign
-                    message.file = file;
-                    messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_FAILURE,
-                        payload: message,
-                    });
-                    reject(error);
-                })
-                    .onSucceeded(function (message) {
-                    logger.info('Channel: Sending message success!', message);
-                    messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_SUCCESS,
-                        payload: message,
-                    });
-                    resolve(message);
+            // Send FileMessage
+            logger.info('Channel: Uploading file message start!', params);
+            currentGroupChannel
+                .sendFileMessage(params)
+                .onPending(function (pendingMessage) {
+                pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, {
+                    /* pubSub is used instead of messagesDispatcher
+                      to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
+                    message: _tslib.__assign(_tslib.__assign({}, pendingMessage), { url: URL.createObjectURL(compressedFile), 
+                        // pending thumbnail message seems to be failed
+                        requestState: 'pending' }),
+                    channel: currentGroupChannel,
+                    publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
                 });
-            }
+                setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, 1000);
+            })
+                .onFailed(function (err, failedMessage) {
+                logger.error('Channel: Sending file message failed!', { failedMessage: failedMessage, err: err });
+                // TODO: v4 - remove logic that modifies the original object.
+                //  It makes the code difficult to track, likely causing unpredictable side effects.
+                // @ts-ignore eslint-disable-next-line no-param-reassign
+                failedMessage.localUrl = URL.createObjectURL(compressedFile);
+                // @ts-ignore eslint-disable-next-line no-param-reassign
+                failedMessage.file = compressedFile;
+                messagesDispatcher({
+                    type: actionTypes.SEND_MESSAGE_FAILURE,
+                    payload: failedMessage,
+                });
+                reject(err);
+            })
+                .onSucceeded(function (succeededMessage) {
+                logger.info('Channel: Sending file message success!', succeededMessage);
+                messagesDispatcher({
+                    type: actionTypes.SEND_MESSAGE_SUCCESS,
+                    payload: succeededMessage,
+                });
+                resolve(succeededMessage);
+            });
         });
     }, [currentGroupChannel, onBeforeSendFileMessage, imageCompression]);
     return [sendMessage];
@@ -1226,12 +1152,12 @@ var useSendVoiceMessageCallback = function (_a, _b) {
         logger.info('Channel: Start sending voice message', messageParams);
         currentGroupChannel.sendFileMessage(messageParams)
             .onPending(function (pendingMessage) {
-            pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
+            pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, {
                 /* pubSub is used instead of messagesDispatcher
                   to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
                 message: pendingMessage,
                 channel: currentGroupChannel,
-                publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.CHANNEL],
+                publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
             });
             setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, 1000);
         })
@@ -1272,9 +1198,8 @@ var useHandleChannelPubsubEvents = function (_a) {
                 }
             }));
             subscriber.set(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, function (props) {
-                var _a = props, channel = _a.channel, message = _a.message, publishingModules = _a.publishingModules;
-                if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)
-                    && publishingModules.includes(useSendMultipleFilesMessage.PublishingModuleType.CHANNEL)) {
+                var channel = props.channel, message = props.message, publishingModules = props.publishingModules;
+                if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url) && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                     dispatcher({
                         type: actionTypes.SEND_MESSAGE_START,
                         payload: message,
@@ -1282,8 +1207,8 @@ var useHandleChannelPubsubEvents = function (_a) {
                 }
             }));
             subscriber.set(pubSub_topics.PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, function (props) {
-                var _a = props, response = _a.response, publishingModules = _a.publishingModules;
-                if (channelUrl === response.channelUrl && publishingModules.includes(useSendMultipleFilesMessage.PublishingModuleType.CHANNEL)) {
+                var response = props.response, publishingModules = props.publishingModules;
+                if (channelUrl === response.channelUrl && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                     dispatcher({
                         type: actionTypes.ON_FILE_INFO_UPLOADED,
                         payload: response,
@@ -1291,9 +1216,8 @@ var useHandleChannelPubsubEvents = function (_a) {
                 }
             }));
             subscriber.set(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_FAILED, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_FAILED, function (props) {
-                var _a = props, channel = _a.channel, message = _a.message, publishingModules = _a.publishingModules;
-                if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)
-                    && publishingModules.includes(useSendMultipleFilesMessage.PublishingModuleType.CHANNEL)) {
+                var channel = props.channel, message = props.message, publishingModules = props.publishingModules;
+                if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url) && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                     dispatcher({
                         type: actionTypes.SEND_MESSAGE_FAILURE,
                         payload: message,
@@ -1312,7 +1236,7 @@ var useHandleChannelPubsubEvents = function (_a) {
             }));
             subscriber.set(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, function (props) {
                 var channel = props.channel, message = props.message, fromSelector = props.fromSelector;
-                if (fromSelector && (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url))) {
+                if (fromSelector && (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) && channel.isGroupChannel()) {
                     dispatcher({
                         type: actionTypes.ON_MESSAGE_UPDATED,
                         payload: { channel: channel, message: message },
@@ -1370,7 +1294,7 @@ var ChannelProvider = function (props) {
     var _q = React.useState(false), isScrolled = _q[0], setIsScrolled = _q[1];
     var _r = React.useReducer(channelReducer, initialState), messagesStore = _r[0], messagesDispatcher = _r[1];
     var scrollRef = React.useRef(null);
-    var allMessages = messagesStore.allMessages, localMessages = messagesStore.localMessages, loading = messagesStore.loading, initialized = messagesStore.initialized, unreadSince = messagesStore.unreadSince, unreadSinceDate = messagesStore.unreadSinceDate, isInvalid = messagesStore.isInvalid, currentGroupChannel = messagesStore.currentGroupChannel, hasMorePrev = messagesStore.hasMorePrev, oldestMessageTimeStamp = messagesStore.oldestMessageTimeStamp, hasMoreNext = messagesStore.hasMoreNext, latestMessageTimeStamp = messagesStore.latestMessageTimeStamp, emojiContainer = messagesStore.emojiContainer, readStatus = messagesStore.readStatus;
+    var allMessages = messagesStore.allMessages, localMessages = messagesStore.localMessages, loading = messagesStore.loading, initialized = messagesStore.initialized, unreadSince = messagesStore.unreadSince, unreadSinceDate = messagesStore.unreadSinceDate, isInvalid = messagesStore.isInvalid, currentGroupChannel = messagesStore.currentGroupChannel, hasMorePrev = messagesStore.hasMorePrev, oldestMessageTimeStamp = messagesStore.oldestMessageTimeStamp, hasMoreNext = messagesStore.hasMoreNext, latestMessageTimeStamp = messagesStore.latestMessageTimeStamp, emojiContainer = messagesStore.emojiContainer, readStatus = messagesStore.readStatus, typingMembers = messagesStore.typingMembers;
     var isSuper = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isSuper) || false;
     var isBroadcast = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isBroadcast) || false;
     var usingReaction = getIsReactionEnabled({
@@ -1513,7 +1437,7 @@ var ChannelProvider = function (props) {
     var sendMultipleFilesMessage = useSendMultipleFilesMessage.useSendMultipleFilesMessage({
         currentChannel: currentGroupChannel,
         onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage,
-        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.CHANNEL],
+        publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
     }, {
         logger: logger,
         pubSub: pubSub,
@@ -1558,6 +1482,7 @@ var ChannelProvider = function (props) {
             latestMessageTimeStamp: latestMessageTimeStamp,
             emojiContainer: emojiContainer,
             readStatus: readStatus,
+            typingMembers: typingMembers,
             // utils
             scrollToMessage: scrollToMessage,
             quoteMessage: quoteMessage,
@@ -1595,4 +1520,4 @@ var useChannelContext = function () { return React.useContext(ChannelContext); }
 exports.ChannelProvider = ChannelProvider;
 exports.getIsReactionEnabled = getIsReactionEnabled;
 exports.useChannelContext = useChannelContext;
-//# sourceMappingURL=bundle-4DATo50q.js.map
+//# sourceMappingURL=bundle-4NrBnGEN.js.map

package/cjs/chunks/{bundle-4DATo50q.js.map → bundle-4NrBnGEN.js.map}

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

package/cjs/chunks/{bundle-gS0bojlA.js → bundle-4ajshWV-.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-gS0bojlA.js.map
+//# sourceMappingURL=bundle-4ajshWV-.js.map

package/cjs/chunks/bundle-4ajshWV-.js.map

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

package/cjs/chunks/{bundle-4q81wd8X.js → bundle-5SOWNViS.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-hK4x7nmG.js');
-var index$1 = require('./bundle-28p7K0N-.js');
-var index = require('./bundle-FHx0K-3z.js');
+var _tslib = require('./bundle-2s7rxLn3.js');
+var index$1 = require('./bundle-KQyVyq1q.js');
+var index = require('./bundle-tFwEElQ4.js');
 var message = require('@sendbird/chat/message');
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
@@ -145,18 +145,6 @@ var passUnsuccessfullMessages = function (allMessages, newMessage) {
     }
     return _tslib.__spreadArray(_tslib.__spreadArray([], allMessages, true), [newMessage], false);
 };
-var pxToNumber = function (px) {
-    if (typeof px === 'number') {
-        return px;
-    }
-    if (typeof px === 'string') {
-        var parsed = Number.parseFloat(px);
-        if (!Number.isNaN(parsed)) {
-            return parsed;
-        }
-    }
-    return null;
-};
 var isAboutSame = function (a, b, px) {
     return Math.abs(a - b) <= px;
 };
@@ -170,7 +158,6 @@ exports.isOperator = isOperator;
 exports.isSameGroup = isSameGroup;
 exports.mergeAndSortMessages = mergeAndSortMessages;
 exports.passUnsuccessfullMessages = passUnsuccessfullMessages;
-exports.pxToNumber = pxToNumber;
 exports.scrollIntoLast = scrollIntoLast;
 exports.scrollToRenderedMessage = scrollToRenderedMessage;
-//# sourceMappingURL=bundle-4q81wd8X.js.map
+//# sourceMappingURL=bundle-5SOWNViS.js.map

package/{chunks/bundle-ZmvX8uZ5.js.map → cjs/chunks/bundle-5SOWNViS.js.map}

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

package/cjs/chunks/{bundle-UooP2IDU.js → bundle-6lAqYT4t.js}

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var utils = require('./bundle-1yOirqug.js');
-var LocalizationContext = require('./bundle-QmSa90PC.js');
-var MediaQueryContext = require('./bundle-Y9TkHVI5.js');
+var utils = require('./bundle--OdfDOjY.js');
+var LocalizationContext = require('./bundle-3AvVQDMo.js');
+var MediaQueryContext = require('./bundle-K0D5qG0j.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-6ziaqiUd.js');
+var ui_Label = require('./bundle-1Rk5zlYY.js');
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -66,4 +66,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalRoot = ModalRoot;
-//# sourceMappingURL=bundle-UooP2IDU.js.map
+//# sourceMappingURL=bundle-6lAqYT4t.js.map

package/cjs/chunks/bundle-6lAqYT4t.js.map

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

package/cjs/chunks/{bundle-tywVawyg.js → bundle-6upaSfL9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-hK4x7nmG.js');
+var _tslib = require('./bundle-2s7rxLn3.js');
 var React = require('react');
-var MediaQueryContext = require('./bundle-Y9TkHVI5.js');
+var MediaQueryContext = require('./bundle-K0D5qG0j.js');
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -76,4 +76,4 @@ function useLongPress(_a, _b) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=bundle-tywVawyg.js.map
+//# sourceMappingURL=bundle-6upaSfL9.js.map

package/cjs/chunks/bundle-6upaSfL9.js.map

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

package/cjs/chunks/{bundle-11ybpGNN.js → bundle-7kVSLQPz.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var _tslib = require('./bundle-hK4x7nmG.js');
+var _tslib = require('./bundle-2s7rxLn3.js');
 var React = require('react');
-var index$1 = require('./bundle-28p7K0N-.js');
+var index$1 = require('./bundle-KQyVyq1q.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-6ziaqiUd.js');
+var ui_Label = require('./bundle-1Rk5zlYY.js');
 var ui_Loader = require('../ui/Loader.js');
-var index$2 = require('./bundle-FHx0K-3z.js');
+var index$2 = require('./bundle-tFwEElQ4.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-CUP2x37z.js');
-var LocalizationContext = require('./bundle-QmSa90PC.js');
+var index = require('./bundle-M4KuiFU1.js');
+var LocalizationContext = require('./bundle-3AvVQDMo.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -136,4 +136,4 @@ exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
 exports.getLastMessage = getLastMessage;
 exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
 exports.getTotalMembers = getTotalMembers;
-//# sourceMappingURL=bundle-11ybpGNN.js.map
+//# sourceMappingURL=bundle-7kVSLQPz.js.map

package/cjs/chunks/bundle-7kVSLQPz.js.map

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

package/cjs/chunks/{bundle-cttYM0DR.js → bundle-8YK4BV9m.js}

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

package/cjs/chunks/bundle-8YK4BV9m.js.map

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

package/cjs/chunks/{bundle-L9ushBZQ.js → bundle-9GSi_LkG.js}

@@ -45,4 +45,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-L9ushBZQ.js.map
+//# sourceMappingURL=bundle-9GSi_LkG.js.map

package/cjs/chunks/bundle-9GSi_LkG.js.map

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

package/cjs/chunks/{bundle-YNHu-c84.js → bundle-DFBAN2Mi.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./bundle-1yOirqug.js');
+var utils = require('./bundle--OdfDOjY.js');
 
 var Context = React.createContext({
     opened: '',
@@ -12,4 +12,4 @@ var Provider = Context.Provider;
 
 exports.Consumer = Consumer;
 exports.Provider = Provider;
-//# sourceMappingURL=bundle-YNHu-c84.js.map
+//# sourceMappingURL=bundle-DFBAN2Mi.js.map

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

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

package/cjs/chunks/{bundle-B2MaAm21.js → bundle-DvBNc5Qi.js}

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

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

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

package/cjs/chunks/{bundle-p1cCW0sH.js → bundle-GJqVurdA.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./bundle-FHx0K-3z.js');
-var index_module = require('./bundle-I_9_5a8a.js');
+var index = require('./bundle-tFwEElQ4.js');
+var index_module = require('./bundle-qnGmz8ai.js');
 
 function getMessageFirstFileType(message) {
     return index_module.K(message)
@@ -71,4 +71,4 @@ exports.getMessageFirstFileName = getMessageFirstFileName;
 exports.getMessageFirstFileThumbnailUrl = getMessageFirstFileThumbnailUrl;
 exports.getMessageFirstFileType = getMessageFirstFileType;
 exports.getMessageFirstFileUrl = getMessageFirstFileUrl;
-//# sourceMappingURL=bundle-p1cCW0sH.js.map
+//# sourceMappingURL=bundle-GJqVurdA.js.map

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

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

package/cjs/chunks/{bundle-BN7IOLFq.js → bundle-IZeqjgE7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var consts = require('./bundle-L9ushBZQ.js');
+var consts = require('./bundle-9GSi_LkG.js');
 var lame_all = require('../lame.all.js');
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -125,4 +125,4 @@ function bufferToWav(abuffer, len) {
 
 exports.downsampleToWav = downsampleToWav;
 exports.encodeMp3 = encodeMp3;
-//# sourceMappingURL=bundle-BN7IOLFq.js.map
+//# sourceMappingURL=bundle-IZeqjgE7.js.map

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

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