@sendbird/uikit-react 3.14.3-rc.1 → 3.14.4

package/Channel/hooks/useHandleUploadFiles.js

@@ -1,133 +1,138 @@
-import { a as __awaiter, b as __generator } from '../../chunks/bundle-Dd7yWAzk.js';
+import { a as __awaiter, b as __generator } from '../../chunks/bundle-7oF7KbGv.js';
 import React__default, { useCallback } from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { k as isImage } from '../../chunks/bundle-Cgpa9xMh.js';
-import { useGlobalModalContext } from '../../hooks/useModal.js';
-import '../../chunks/bundle-DjFflxR1.js';
+import { k as isImage } from '../../chunks/bundle-BWCGFXhj.js';
+import { b as useGlobalModalContext, c as ModalFooter } from '../../chunks/bundle-C4Z-NWqF.js';
+import '../../chunks/bundle-LYAWKk4n.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { u as useLocalization } from '../../chunks/bundle-DW4HEvvh.js';
-import { c as ModalFooter } from '../../chunks/bundle-bTVomhqp.js';
-import { c as compressImages } from '../../chunks/bundle-iSiw-_HL.js';
-import { O as ONE_MiB } from '../../chunks/bundle-B7UQ7Txq.js';
+import { u as useLocalization } from '../../chunks/bundle-Bx5vhTbU.js';
+import { c as compressImages } from '../../chunks/bundle-3amhHjNa.js';
+import { O as ONE_MiB } from '../../chunks/bundle-CD9AzC6s.js';
 import '../../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-58U1RLA2.js';
-import '../../chunks/bundle-ByTQtdFM.js';
+import '../../chunks/bundle-ByvmbZD0.js';
 import 'react-dom';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-BrPQ1xtW.js';
+import '../../chunks/bundle-Diqj6For.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-BCL7kk-0.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-BbWD2VuS.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-CT8ZXUi2.js';
 
-var useHandleUploadFiles = function (_a, _b) {
-    var sendFileMessage = _a.sendFileMessage, sendMultipleFilesMessage = _a.sendMultipleFilesMessage, quoteMessage = _a.quoteMessage;
-    var logger = _b.logger;
-    var stringSet = useLocalization().stringSet;
-    var config = useSendbirdStateContext().config;
-    var imageCompression = config.imageCompression;
-    var uikitUploadSizeLimit = config === null || config === void 0 ? void 0 : config.uikitUploadSizeLimit;
-    var uikitMultipleFilesMessageLimit = config === null || config === void 0 ? void 0 : config.uikitMultipleFilesMessageLimit;
-    var openModal = useGlobalModalContext().openModal;
-    var handleUploadFiles = useCallback(function (files) { return __awaiter(void 0, void 0, void 0, function () {
-        var compressedFiles, sendingFiles, file, imageFiles_1, otherFiles_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    // Validate Parameters
-                    if (!sendFileMessage || !sendMultipleFilesMessage) {
-                        logger.warning('Channel|useHandleUploadFiles: required functions are undefined', { sendFileMessage: sendFileMessage, sendMultipleFilesMessage: sendMultipleFilesMessage });
-                        return [2 /*return*/];
-                    }
-                    if (files.length === 0) {
-                        logger.warning('Channel|useHandleUploadFiles: given file list is empty.', { files: files });
-                        return [2 /*return*/];
-                    }
-                    if (files.length > uikitMultipleFilesMessageLimit) {
-                        logger.info("Channel|useHandleUploadFiles: Cannot upload files more than ".concat(uikitMultipleFilesMessageLimit));
-                        openModal({
-                            modalProps: {
-                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT.replace('%d', "".concat(uikitMultipleFilesMessageLimit)),
-                                hideFooter: true,
-                            },
-                            childElement: function (_a) {
-                                var closeModal = _a.closeModal;
-                                return (React__default.createElement(ModalFooter, { type: ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
-                            },
-                        });
-                        return [2 /*return*/];
-                    }
-                    /**
-                     * Validate file sizes
-                     * The default value of uikitUploadSizeLimit is 25MiB
-                     */
-                    if (files.some(function (file) { return file.size > uikitUploadSizeLimit; })) {
-                        logger.info("Channel|useHandleUploadFiles: Cannot upload file size exceeding ".concat(uikitUploadSizeLimit));
-                        openModal({
-                            modalProps: {
-                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace('%d', "".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB))),
-                                hideFooter: true,
-                            },
-                            childElement: function (_a) {
-                                var closeModal = _a.closeModal;
-                                return (React__default.createElement(ModalFooter, { type: ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
-                            },
-                        });
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, compressImages({
-                            files: files,
-                            imageCompression: imageCompression,
-                            logger: logger,
-                        })];
-                case 1:
-                    compressedFiles = (_a.sent()).compressedFiles;
-                    sendingFiles = compressedFiles;
-                    // Send File Message
-                    if (sendingFiles.length === 1) {
-                        logger.info('Channel|useHandleUploadFiles: sending one file.');
-                        file = sendingFiles[0];
-                        sendFileMessage(file, quoteMessage);
-                    }
-                    else if (sendingFiles.length > 1) {
-                        logger.info('Channel|useHandleUploadFiles: sending multiple files.');
-                        imageFiles_1 = [];
-                        otherFiles_1 = [];
-                        sendingFiles.forEach(function (file) {
-                            if (isImage(file.type)) {
-                                imageFiles_1.push(file);
-                            }
-                            else {
-                                otherFiles_1.push(file);
-                            }
-                        });
-                        return [2 /*return*/, otherFiles_1.reduce(function (previousPromise, item) {
-                                return previousPromise.then(function () {
-                                    return sendFileMessage(item, quoteMessage);
-                                });
-                            }, (function () {
-                                if (imageFiles_1.length === 0) {
-                                    return Promise.resolve();
-                                }
-                                else if (imageFiles_1.length === 1) {
-                                    return sendFileMessage(imageFiles_1[0], quoteMessage);
-                                }
-                                else {
-                                    return sendMultipleFilesMessage(imageFiles_1, quoteMessage);
-                                }
-                            })())];
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [
-        sendFileMessage,
-        sendMultipleFilesMessage,
-        quoteMessage,
-    ]);
-    return handleUploadFiles;
+var useHandleUploadFiles = function (_a, _b) {
+    var sendFileMessage = _a.sendFileMessage, sendMultipleFilesMessage = _a.sendMultipleFilesMessage, quoteMessage = _a.quoteMessage;
+    var logger = _b.logger;
+    var stringSet = useLocalization().stringSet;
+    var config = useSendbirdStateContext().config;
+    var imageCompression = config.imageCompression;
+    var uikitUploadSizeLimit = config === null || config === void 0 ? void 0 : config.uikitUploadSizeLimit;
+    var uikitMultipleFilesMessageLimit = config === null || config === void 0 ? void 0 : config.uikitMultipleFilesMessageLimit;
+    var openModal = useGlobalModalContext().openModal;
+    var handleUploadFiles = useCallback(function (files) { return __awaiter(void 0, void 0, void 0, function () {
+        var compressedFiles, sendingFiles, file, imageFiles_1, otherFiles_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    // Validate Parameters
+                    if (!sendFileMessage || !sendMultipleFilesMessage) {
+                        logger.warning('Channel|useHandleUploadFiles: required functions are undefined', { sendFileMessage: sendFileMessage, sendMultipleFilesMessage: sendMultipleFilesMessage });
+                        return [2 /*return*/];
+                    }
+                    if (files.length === 0) {
+                        logger.warning('Channel|useHandleUploadFiles: given file list is empty.', { files: files });
+                        return [2 /*return*/];
+                    }
+                    if (files.length > uikitMultipleFilesMessageLimit) {
+                        logger.info("Channel|useHandleUploadFiles: Cannot upload files more than ".concat(uikitMultipleFilesMessageLimit));
+                        openModal({
+                            modalProps: {
+                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT.replace('%d', "".concat(uikitMultipleFilesMessageLimit)),
+                                hideFooter: true,
+                            },
+                            childElement: function (_a) {
+                                var closeModal = _a.closeModal;
+                                return (React__default.createElement(ModalFooter, { type: ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
+                            },
+                        });
+                        return [2 /*return*/];
+                    }
+                    /**
+                     * Validate file sizes
+                     * The default value of uikitUploadSizeLimit is 25MiB
+                     */
+                    if (files.some(function (file) { return file.size > uikitUploadSizeLimit; })) {
+                        logger.info("Channel|useHandleUploadFiles: Cannot upload file size exceeding ".concat(uikitUploadSizeLimit));
+                        openModal({
+                            modalProps: {
+                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace('%d', "".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB))),
+                                hideFooter: true,
+                            },
+                            childElement: function (_a) {
+                                var closeModal = _a.closeModal;
+                                return (React__default.createElement(ModalFooter, { type: ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
+                            },
+                        });
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, compressImages({
+                            files: files,
+                            imageCompression: imageCompression,
+                            logger: logger,
+                        })];
+                case 1:
+                    compressedFiles = (_a.sent()).compressedFiles;
+                    sendingFiles = compressedFiles;
+                    // Send File Message
+                    if (sendingFiles.length === 1) {
+                        logger.info('Channel|useHandleUploadFiles: sending one file.');
+                        file = sendingFiles[0];
+                        sendFileMessage(file, quoteMessage);
+                    }
+                    else if (sendingFiles.length > 1) {
+                        logger.info('Channel|useHandleUploadFiles: sending multiple files.');
+                        imageFiles_1 = [];
+                        otherFiles_1 = [];
+                        sendingFiles.forEach(function (file) {
+                            if (isImage(file.type)) {
+                                imageFiles_1.push(file);
+                            }
+                            else {
+                                otherFiles_1.push(file);
+                            }
+                        });
+                        return [2 /*return*/, otherFiles_1.reduce(function (previousPromise, item) {
+                                return previousPromise.then(function () {
+                                    return sendFileMessage(item, quoteMessage);
+                                });
+                            }, (function () {
+                                if (imageFiles_1.length === 0) {
+                                    return Promise.resolve();
+                                }
+                                else if (imageFiles_1.length === 1) {
+                                    return sendFileMessage(imageFiles_1[0], quoteMessage);
+                                }
+                                else {
+                                    return sendMultipleFilesMessage(imageFiles_1, quoteMessage);
+                                }
+                            })())];
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [
+        sendFileMessage,
+        sendMultipleFilesMessage,
+        quoteMessage,
+    ]);
+    return handleUploadFiles;
 };
 
 export { useHandleUploadFiles };

package/Channel/hooks/useHandleUploadFiles.js.map

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

package/Channel/hooks/useInitialMessagesFetch.js

@@ -1,9 +1,9 @@
 import 'react';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-BP5nTWqh.js';
-import '../../chunks/bundle-BV-Kx6li.js';
-export { u as default } from '../../chunks/bundle-Dh8TY5YU.js';
-import '../../chunks/bundle-B7UQ7Txq.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
-import '../../chunks/bundle-1Vgo9VWV.js';
+import '../../chunks/bundle-DDkUg3Os.js';
+import '../../chunks/bundle-C_Vyt_ii.js';
+export { u as default } from '../../chunks/bundle-BTkRy0wv.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-BOSnopxk.js';
 //# sourceMappingURL=useInitialMessagesFetch.js.map

package/Channel/utils/compareMessagesForGrouping.js

@@ -1,57 +1,56 @@
-import { f as format } from '../../chunks/bundle-BCAy5wyj.js';
-import { a as isReadMessage } from '../../chunks/bundle-Cgpa9xMh.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
+import { f as format } from '../../chunks/bundle-C040958G.js';
+import { a as isReadMessage } from '../../chunks/bundle-BWCGFXhj.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-7oF7KbGv.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-58U1RLA2.js';
 
-/**
- * exported, should be backward compatible
- * @returns [chainTop: `boolean`, chainBottom: `boolean`]
- */
-var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage, currentChannel, replyType) {
-    if (!currentChannel || currentChannel.channelType !== 'group') {
-        return [
-            isSameGroup(prevMessage, currMessage),
-            isSameGroup(currMessage, nextMessage),
-        ];
-    }
-    if (replyType === 'THREAD' && (currMessage === null || currMessage === void 0 ? void 0 : currMessage.threadInfo)) {
-        return [false, false];
-    }
-    var sendingStatus = (currMessage === null || currMessage === void 0 ? void 0 : currMessage.sendingStatus) || '';
-    var isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';
-    return [
-        isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable,
-        isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable,
-    ];
-};
-var getMessageCreatedAt = function (message) { return format(message.createdAt, 'p'); };
-var isSameGroup = function (message, comparingMessage, currentChannel) {
-    var _a, _b;
-    if (!(message
-        && comparingMessage
-        && message.messageType
-        && message.messageType !== 'admin'
-        && comparingMessage.messageType
-        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin'
-        && 'sender' in message
-        && 'sender' in comparingMessage
-        && message.createdAt
-        && comparingMessage.createdAt
-        && message.sender.userId
-        && comparingMessage.sender.userId)) {
-        return false;
-    }
-    return ((message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus)
-        && ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _b === void 0 ? void 0 : _b.userId)
-        && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage)) && (currentChannel ? isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage) : true);
-};
-var messages = {
-    compareMessagesForGrouping: compareMessagesForGrouping,
-    getMessageCreatedAt: getMessageCreatedAt,
-    isSameGroup: isSameGroup,
+/**
+ * exported, should be backward compatible
+ * @returns [chainTop: `boolean`, chainBottom: `boolean`]
+ */
+var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage, currentChannel, replyType) {
+    if (!currentChannel || currentChannel.channelType !== 'group') {
+        return [
+            isSameGroup(prevMessage, currMessage),
+            isSameGroup(currMessage, nextMessage),
+        ];
+    }
+    if (replyType === 'THREAD' && (currMessage === null || currMessage === void 0 ? void 0 : currMessage.threadInfo)) {
+        return [false, false];
+    }
+    var sendingStatus = (currMessage === null || currMessage === void 0 ? void 0 : currMessage.sendingStatus) || '';
+    var isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';
+    return [
+        isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable,
+        isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable,
+    ];
+};
+var getMessageCreatedAt = function (message) { return format(message.createdAt, 'p'); };
+var isSameGroup = function (message, comparingMessage, currentChannel) {
+    var _a, _b;
+    if (!(message
+        && comparingMessage
+        && message.messageType
+        && message.messageType !== 'admin'
+        && comparingMessage.messageType
+        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin'
+        && 'sender' in message
+        && 'sender' in comparingMessage
+        && message.createdAt
+        && comparingMessage.createdAt
+        && message.sender.userId
+        && comparingMessage.sender.userId)) {
+        return false;
+    }
+    return ((message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus)
+        && ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _b === void 0 ? void 0 : _b.userId)
+        && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage)) && (currentChannel ? isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage) : true);
+};
+var messages = {
+    compareMessagesForGrouping: compareMessagesForGrouping,
+    getMessageCreatedAt: getMessageCreatedAt,
+    isSameGroup: isSameGroup,
 };
 
 export { compareMessagesForGrouping, messages as default, getMessageCreatedAt, isSameGroup };

package/Channel/utils/compareMessagesForGrouping.js.map

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

package/Channel/utils/getMessagePartsInfo.js

@@ -1,34 +1,33 @@
-import { i as isSameDay } from '../../chunks/bundle-DFyJYJtg.js';
+import { i as isSameDay } from '../../chunks/bundle-CaaUNO3F.js';
 import { compareMessagesForGrouping } from './compareMessagesForGrouping.js';
-import '../../chunks/bundle-BCAy5wyj.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
+import '../../chunks/bundle-C040958G.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-BWCGFXhj.js';
+import '../../chunks/bundle-7oF7KbGv.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-58U1RLA2.js';
 
-/**
- * exported, should be backward compatible
- */
-var getMessagePartsInfo = function (_a) {
-    var _b = _a.allMessages, allMessages = _b === void 0 ? [] : _b, _c = _a.isMessageGroupingEnabled, isMessageGroupingEnabled = _c === void 0 ? true : _c, _d = _a.currentIndex, currentIndex = _d === void 0 ? 0 : _d, _e = _a.currentMessage, currentMessage = _e === void 0 ? null : _e, _f = _a.currentChannel, currentChannel = _f === void 0 ? null : _f, _g = _a.replyType, replyType = _g === void 0 ? '' : _g;
-    var previousMessage = allMessages[currentIndex - 1];
-    var nextMessage = allMessages[currentIndex + 1];
-    var _h = isMessageGroupingEnabled
-        ? compareMessagesForGrouping(previousMessage, currentMessage, nextMessage, currentChannel, replyType)
-        : [false, false], chainTop = _h[0], chainBottom = _h[1];
-    var previousMessageCreatedAt = previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.createdAt;
-    var currentCreatedAt = currentMessage.createdAt;
-    // NOTE: for pending/failed messages
-    var isLocalMessage = 'sendingStatus' in currentMessage && (currentMessage.sendingStatus !== 'succeeded');
-    // https://stackoverflow.com/a/41855608
-    var hasSeparator = isLocalMessage ? false : !(previousMessageCreatedAt && (isSameDay(currentCreatedAt, previousMessageCreatedAt)));
-    return {
-        chainTop: chainTop,
-        chainBottom: chainBottom,
-        hasSeparator: hasSeparator,
-    };
+/**
+ * exported, should be backward compatible
+ */
+var getMessagePartsInfo = function (_a) {
+    var _b = _a.allMessages, allMessages = _b === void 0 ? [] : _b, _c = _a.isMessageGroupingEnabled, isMessageGroupingEnabled = _c === void 0 ? true : _c, _d = _a.currentIndex, currentIndex = _d === void 0 ? 0 : _d, _e = _a.currentMessage, currentMessage = _e === void 0 ? null : _e, _f = _a.currentChannel, currentChannel = _f === void 0 ? null : _f, _g = _a.replyType, replyType = _g === void 0 ? '' : _g;
+    var previousMessage = allMessages[currentIndex - 1];
+    var nextMessage = allMessages[currentIndex + 1];
+    var _h = isMessageGroupingEnabled
+        ? compareMessagesForGrouping(previousMessage, currentMessage, nextMessage, currentChannel, replyType)
+        : [false, false], chainTop = _h[0], chainBottom = _h[1];
+    var previousMessageCreatedAt = previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.createdAt;
+    var currentCreatedAt = currentMessage.createdAt;
+    // NOTE: for pending/failed messages
+    var isLocalMessage = 'sendingStatus' in currentMessage && (currentMessage.sendingStatus !== 'succeeded');
+    // https://stackoverflow.com/a/41855608
+    var hasSeparator = isLocalMessage ? false : !(previousMessageCreatedAt && (isSameDay(currentCreatedAt, previousMessageCreatedAt)));
+    return {
+        chainTop: chainTop,
+        chainBottom: chainBottom,
+        hasSeparator: hasSeparator,
+    };
 };
 
 export { getMessagePartsInfo };

package/Channel/utils/getMessagePartsInfo.js.map

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