@sendbird/uikit-react 3.7.0 → 3.8.0

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

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

package/cjs/chunks/bundle-4bb_98h6.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * user profile goes deep inside the component tree
+ * use this context as a short circuit to send in values
+ */
+var UserProfileContext = React.createContext({
+    disableUserProfile: true,
+    isOpenChannel: false,
+    renderUserProfile: null,
+    onUserProfileMessage: null,
+});
+var UserProfileProvider = function (_a) {
+    var _b = _a.isOpenChannel, isOpenChannel = _b === void 0 ? false : _b, _c = _a.disableUserProfile, disableUserProfile = _c === void 0 ? false : _c, _d = _a.renderUserProfile, renderUserProfile = _d === void 0 ? null : _d, _e = _a.onUserProfileMessage, onUserProfileMessage = _e === void 0 ? null : _e, children = _a.children;
+    return (React.createElement(UserProfileContext.Provider, { value: {
+            isOpenChannel: isOpenChannel,
+            disableUserProfile: disableUserProfile,
+            renderUserProfile: renderUserProfile,
+            onUserProfileMessage: onUserProfileMessage,
+        } }, children));
+};
+
+exports.UserProfileContext = UserProfileContext;
+exports.UserProfileProvider = UserProfileProvider;
+//# sourceMappingURL=bundle-4bb_98h6.js.map

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

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

package/cjs/chunks/bundle-4q81wd8X.js

@@ -0,0 +1,176 @@
+'use strict';
+
+var _tslib = require('./bundle-hK4x7nmG.js');
+var index$1 = require('./bundle-28p7K0N-.js');
+var index = require('./bundle-FHx0K-3z.js');
+var message = require('@sendbird/chat/message');
+
+var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
+    var _a;
+    try {
+        var container = scrollRef.current;
+        // scroll into the message with initialTimeStamp
+        var element = (_a = container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
+        if (element instanceof HTMLElement) {
+            // Calculate the offset of the element from the top of the container
+            var containerHeight = container.offsetHeight;
+            var elementHeight = element.offsetHeight;
+            var elementOffset = (containerHeight - elementHeight) / 2;
+            // Set the scroll position of the container to bring the element to the middle
+            container.scrollTop = element.offsetTop - elementOffset;
+        }
+    }
+    catch (_b) {
+        // do nothing
+    }
+    finally {
+        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
+    }
+};
+/* eslint-disable default-param-last */
+var scrollIntoLast = function (initialTry, scrollRef, setIsScrolled) {
+    if (initialTry === void 0) { initialTry = 0; }
+    var MAX_TRIES = 10;
+    var currentTry = initialTry;
+    if (currentTry > MAX_TRIES) {
+        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
+        return;
+    }
+    try {
+        var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
+        scrollDOM.scrollTop = scrollDOM.scrollHeight;
+        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
+    }
+    catch (error) {
+        setTimeout(function () {
+            scrollIntoLast(currentTry + 1, scrollRef, setIsScrolled);
+        }, 500 * currentTry);
+    }
+};
+var isOperator = function (groupChannel) {
+    var myRole = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myRole;
+    return myRole === 'operator';
+};
+var isDisabledBecauseFrozen = function (groupChannel) {
+    var isFrozen = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen;
+    return isFrozen && !isOperator(groupChannel);
+};
+var isDisabledBecauseMuted = function (groupChannel) {
+    var myMutedState = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myMutedState;
+    return myMutedState === 'muted';
+};
+var getAllEmojisMapFromEmojiContainer = function (emojiContainer) {
+    var _a = emojiContainer.emojiCategories, emojiCategories = _a === void 0 ? [] : _a;
+    var allEmojisMap = new Map();
+    for (var categoryIndex = 0; categoryIndex < emojiCategories.length; categoryIndex += 1) {
+        var emojis = emojiCategories[categoryIndex].emojis;
+        for (var emojiIndex = 0; emojiIndex < emojis.length; emojiIndex += 1) {
+            var _b = emojis[emojiIndex], key = _b.key, url = _b.url;
+            allEmojisMap.set(key, url);
+        }
+    }
+    return allEmojisMap;
+};
+var getNicknamesMapFromMembers = function (members) {
+    if (members === void 0) { members = []; }
+    var nicknamesMap = new Map();
+    for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
+        var _a = members[memberIndex], userId = _a.userId, nickname = _a.nickname;
+        nicknamesMap.set(userId, nickname);
+    }
+    return nicknamesMap;
+};
+var getUniqueListBy = function (arr, key) {
+    var entries = arr.map(function (item) { return [item[key], item]; });
+    return Array.from(new Map(entries).values());
+};
+var getUniqueListByMessageId = function (arr) {
+    return getUniqueListBy(arr, 'messageId');
+};
+var sortByCreatedAt = function (messages) {
+    return messages.sort(function (a, b) { return a.createdAt - b.createdAt; });
+};
+var mergeAndSortMessages = function (oldMessages, newMessages) {
+    var lastOldMessage = oldMessages[oldMessages.length - 1];
+    var firstNewMessage = newMessages[0];
+    // If the last message of oldMessages is older than the first message of newMessages,
+    // then we can safely append newMessages to oldMessages.
+    if ((lastOldMessage === null || lastOldMessage === void 0 ? void 0 : lastOldMessage.createdAt) < (firstNewMessage === null || firstNewMessage === void 0 ? void 0 : firstNewMessage.createdAt)) {
+        return _tslib.__spreadArray(_tslib.__spreadArray([], oldMessages, true), newMessages, true);
+    }
+    // todo: optimize this
+    // If the last message of oldMessages is newer than the first message of newMessages,
+    // then we need to merge the two arrays and sort them by createdAt.
+    var mergedMessages = _tslib.__spreadArray(_tslib.__spreadArray([], oldMessages, true), newMessages, true);
+    var unique = getUniqueListByMessageId(mergedMessages);
+    return sortByCreatedAt(unique);
+};
+var getMessageCreatedAt = function (message) { return index$1.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)
+        && index.isReadMessage(currentChannel, message) === index.isReadMessage(currentChannel, comparingMessage));
+};
+var passUnsuccessfullMessages = function (allMessages, newMessage) {
+    if ('sendingStatus' in newMessage
+        && (newMessage.sendingStatus === message.SendingStatus.SUCCEEDED || newMessage.sendingStatus === message.SendingStatus.PENDING)) {
+        var lastIndexOfSucceededMessage = allMessages
+            .map(function (message$1) {
+            if ('sendingStatus' in message$1 && message$1.sendingStatus)
+                return message$1.sendingStatus;
+            return message$1.isAdminMessage() ? message.SendingStatus.SUCCEEDED : null;
+        })
+            .lastIndexOf(message.SendingStatus.SUCCEEDED);
+        if (lastIndexOfSucceededMessage + 1 < allMessages.length) {
+            var messages = _tslib.__spreadArray([], allMessages, true);
+            messages.splice(lastIndexOfSucceededMessage + 1, 0, newMessage);
+            return messages;
+        }
+    }
+    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;
+};
+
+exports.getAllEmojisMapFromEmojiContainer = getAllEmojisMapFromEmojiContainer;
+exports.getNicknamesMapFromMembers = getNicknamesMapFromMembers;
+exports.isAboutSame = isAboutSame;
+exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
+exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
+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

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

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

package/cjs/{index-134e9852.js → chunks/bundle-4rFcKXQa.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-3448df64.js');
+var index = require('./bundle-28p7K0N-.js');
 
 /**
  * @name startOfDay
@@ -20,6 +20,7 @@ var index = require('./index-3448df64.js');
  * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 00:00:00
  */
+
 function startOfDay(dirtyDate) {
   index.requiredArgs(1, arguments);
   var date = index.toDate(dirtyDate);
@@ -55,6 +56,7 @@ function startOfDay(dirtyDate) {
  * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
  * //=> false
  */
+
 function isSameDay(dirtyDateLeft, dirtyDateRight) {
   index.requiredArgs(2, arguments);
   var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
@@ -63,4 +65,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=index-134e9852.js.map
+//# sourceMappingURL=bundle-4rFcKXQa.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-4rFcKXQa.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/bundle-6OOGDxxE.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./bundle-FHx0K-3z.js');
+var index_module = require('./bundle-I_9_5a8a.js');
+
+function getModalDeleteMessageTitle(stringSet, message) {
+    return index_module.K(message)
+        .when(index.isMultipleFilesMessage, function () {
+        var filesCount = message.fileInfoList.length;
+        return "Do you want to delete all ".concat(filesCount, " photos?");
+    })
+        .otherwise(function () {
+        return stringSet.MODAL__DELETE_MESSAGE__TITLE;
+    });
+}
+
+exports.getModalDeleteMessageTitle = getModalDeleteMessageTitle;
+//# sourceMappingURL=bundle-6OOGDxxE.js.map

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

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

package/cjs/chunks/bundle-6o4fw0w0.js

@@ -0,0 +1,234 @@
+'use strict';
+
+var React = require('react');
+var pubSub_topics = require('../pubSub/topics.js');
+var utils = require('./bundle-4q81wd8X.js');
+var index = require('./bundle-28p7K0N-.js');
+var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
+
+exports.PublishingModuleType = void 0;
+(function (PublishingModuleType) {
+    PublishingModuleType["CHANNEL"] = "CHANNEL";
+    PublishingModuleType["THREAD"] = "THREAD";
+})(exports.PublishingModuleType || (exports.PublishingModuleType = {}));
+
+var getNicknamesMapFromMembers = function (members) {
+    if (members === void 0) { members = []; }
+    var nicknamesMap = new Map();
+    for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
+        var _a = members[memberIndex], userId = _a.userId, nickname = _a.nickname;
+        nicknamesMap.set(userId, nickname);
+    }
+    return nicknamesMap;
+};
+var getParentMessageFrom = function (message) {
+    if (!message) {
+        return null;
+    }
+    if (isParentMessage(message)) {
+        return message;
+    }
+    if (isThreadMessage(message)) {
+        return (message === null || message === void 0 ? void 0 : message.parentMessage) || null;
+    }
+    return null;
+};
+var isParentMessage = function (message) {
+    return ((message === null || message === void 0 ? void 0 : message.parentMessage) === null
+        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
+        && !(message === null || message === void 0 ? void 0 : message.parentMessageId));
+};
+var isThreadMessage = function (message) {
+    return ((message === null || message === void 0 ? void 0 : message.parentMessage) !== null
+        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
+        && (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0
+        && (message === null || message === void 0 ? void 0 : message.threadInfo) === null);
+};
+var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
+var isEmpty = function (val) { return (val === null || val === undefined); };
+// Some Ids return string and number inconsistently
+// only use to comapre IDs
+function compareIds(a, b) {
+    if (isEmpty(a) || isEmpty(b)) {
+        return false;
+    }
+    var aString = a.toString();
+    var bString = b.toString();
+    return aString === bString;
+}
+var getMessageCreatedAt = function (message) { return index.format(message.createdAt, 'p'); };
+var isReadMessage = function (channel, message) { return (utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message) === utils_message_getOutgoingMessageState.OutgoingMessageStates.READ); };
+var isSameGroup = function (message, comparingMessage, currentChannel) {
+    var _a, _b, _c, _d;
+    if (!(message
+        && comparingMessage
+        && message.messageType
+        && message.messageType !== 'admin'
+        && comparingMessage.messageType
+        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin'
+        && (message === null || message === void 0 ? void 0 : message.sender)
+        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender)
+        && (message === null || message === void 0 ? void 0 : message.createdAt)
+        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.createdAt)
+        && ((_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))) {
+        return false;
+    }
+    return ((message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus)
+        && ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId) === ((_d = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _d === void 0 ? void 0 : _d.userId)
+        && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage)
+        && isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage));
+};
+var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage, currentChannel, replyType) {
+    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 scrollIntoLast = function (intialTry) {
+    if (intialTry === void 0) { intialTry = 0; }
+    var MAX_TRIES = 10;
+    var currentTry = intialTry;
+    if (currentTry > MAX_TRIES) {
+        return;
+    }
+    try {
+        var scrollDOM = document.querySelector('.sendbird-thread-ui--scroll');
+        // eslint-disable-next-line no-multi-assign
+        scrollDOM.scrollTop = scrollDOM.scrollHeight;
+    }
+    catch (error) {
+        setTimeout(function () {
+            scrollIntoLast(currentTry + 1);
+        }, 500 * currentTry);
+    }
+};
+
+/**
+ * pubSub is used instead of messagesDispatcher to avoid redundantly calling
+ * because this useSendMultipleFilesMessage is used in the Channel and Thread both
+ */
+var useSendMultipleFilesMessage = function (_a, _b) {
+    var currentChannel = _a.currentChannel, onBeforeSendMultipleFilesMessage = _a.onBeforeSendMultipleFilesMessage, publishingModules = _a.publishingModules;
+    var logger = _b.logger, pubSub = _b.pubSub, scrollRef = _b.scrollRef;
+    var sendMessage = React.useCallback(function (files, quoteMessage) {
+        return new Promise(function (resolve, reject) {
+            if (!currentChannel) {
+                logger.warning('Channel: Sending MFm failed, because currentChannel is null.', { currentChannel: currentChannel });
+                reject();
+            }
+            if (files.length <= 1) {
+                logger.warning('Channel: Sending MFM failed, because there are no multiple files.', { files: files });
+                reject();
+            }
+            var messageParams = {
+                fileInfoList: files.map(function (file) { return ({
+                    file: file,
+                    fileName: file.name,
+                    fileSize: file.size,
+                    mimeType: file.type,
+                }); }),
+            };
+            if (quoteMessage) {
+                messageParams.isReplyToChannel = true;
+                messageParams.parentMessageId = quoteMessage.messageId;
+            }
+            if (typeof onBeforeSendMultipleFilesMessage === 'function') {
+                messageParams = onBeforeSendMultipleFilesMessage(files, quoteMessage);
+            }
+            logger.info('Channel: Start sending MFM', { messageParams: messageParams });
+            try {
+                currentChannel.sendMultipleFilesMessage(messageParams)
+                    /**
+                     * We don't operate the onFileUploaded event for now
+                     * until we will add UI/UX for it
+                     */
+                    .onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
+                    logger.info('Channel: onFileUploaded during sending MFM', {
+                        requestId: requestId,
+                        index: index,
+                        error: error,
+                        uploadableFileInfo: uploadableFileInfo,
+                    });
+                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, {
+                        response: {
+                            channelUrl: currentChannel.url,
+                            requestId: requestId,
+                            index: index,
+                            uploadableFileInfo: uploadableFileInfo,
+                            error: error,
+                        },
+                        publishingModules: publishingModules,
+                    });
+                })
+                    .onPending(function (pendingMessage) {
+                    logger.info('Channel: in progress of sending MFM', { pendingMessage: pendingMessage, fileInfoList: messageParams.fileInfoList });
+                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
+                        message: pendingMessage,
+                        channel: currentChannel,
+                        publishingModules: publishingModules,
+                    });
+                    // We need this delay because rendering MFM takes time due to large image files.
+                    setTimeout(function () {
+                        if (scrollRef && publishingModules.includes(exports.PublishingModuleType.CHANNEL)) {
+                            utils.scrollIntoLast(0, scrollRef);
+                        }
+                        if (publishingModules.includes(exports.PublishingModuleType.THREAD)) {
+                            scrollIntoLast(0);
+                        }
+                    }, 100);
+                })
+                    .onFailed(function (error, failedMessage) {
+                    logger.error('Channel: Sending MFM failed.', { error: error, failedMessage: failedMessage });
+                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_FAILED, {
+                        channel: currentChannel,
+                        message: failedMessage,
+                        publishingModules: publishingModules,
+                    });
+                    reject(error);
+                })
+                    .onSucceeded(function (succeededMessage) {
+                    logger.info('Channel: Sending voice message success!', { succeededMessage: succeededMessage });
+                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                        channel: currentChannel,
+                        message: succeededMessage,
+                        publishingModules: publishingModules,
+                    });
+                    // We need this delay because rendering MFM takes time due to large image files.
+                    setTimeout(function () {
+                        if (scrollRef && publishingModules.includes(exports.PublishingModuleType.CHANNEL)) {
+                            utils.scrollIntoLast(0, scrollRef);
+                        }
+                        if (publishingModules.includes(exports.PublishingModuleType.THREAD)) {
+                            scrollIntoLast(0);
+                        }
+                    }, 100);
+                    resolve(succeededMessage);
+                });
+            }
+            catch (error) {
+                logger.error('Channel: Sending MFM failed.', { error: error });
+                reject(error);
+            }
+        });
+    }, [
+        currentChannel,
+        onBeforeSendMultipleFilesMessage,
+        publishingModules,
+    ]);
+    return [sendMessage];
+};
+
+exports.compareIds = compareIds;
+exports.compareMessagesForGrouping = compareMessagesForGrouping;
+exports.getNicknamesMapFromMembers = getNicknamesMapFromMembers;
+exports.getParentMessageFrom = getParentMessageFrom;
+exports.isAboutSame = isAboutSame;
+exports.scrollIntoLast = scrollIntoLast;
+exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
+//# sourceMappingURL=bundle-6o4fw0w0.js.map

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

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

package/cjs/chunks/bundle-6ziaqiUd.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var _tslib = require('./bundle-hK4x7nmG.js');
+var React = require('react');
+var stringSet = require('./bundle-z-Bvsn0B.js');
+
+var Typography = {
+    H_1: 'H_1',
+    H_2: 'H_2',
+    SUBTITLE_1: 'SUBTITLE_1',
+    SUBTITLE_2: 'SUBTITLE_2',
+    BODY_1: 'BODY_1',
+    BODY_2: 'BODY_2',
+    BUTTON_1: 'BUTTON_1',
+    BUTTON_2: 'BUTTON_2',
+    CAPTION_1: 'CAPTION_1',
+    CAPTION_2: 'CAPTION_2',
+    CAPTION_3: 'CAPTION_3',
+};
+var Colors = {
+    ONBACKGROUND_1: 'ONBACKGROUND_1',
+    ONBACKGROUND_2: 'ONBACKGROUND_2',
+    ONBACKGROUND_3: 'ONBACKGROUND_3',
+    ONBACKGROUND_4: 'ONBACKGROUND_4',
+    ONCONTENT_1: 'ONCONTENT_1',
+    ONCONTENT_2: 'ONCONTENT_2',
+    PRIMARY: 'PRIMARY',
+    ERROR: 'ERROR',
+    SECONDARY_3: 'SECONDARY_3',
+};
+
+function changeTypographyToClassName(type) {
+    switch (type) {
+        case Typography.H_1: return 'sendbird-label--h-1';
+        case Typography.H_2: return 'sendbird-label--h-2';
+        case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';
+        case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';
+        case Typography.BODY_1: return 'sendbird-label--body-1';
+        case Typography.BODY_2: return 'sendbird-label--body-2';
+        case Typography.BUTTON_1: return 'sendbird-label--button-1';
+        case Typography.BUTTON_2: return 'sendbird-label--button-2';
+        case Typography.CAPTION_1: return 'sendbird-label--caption-1';
+        case Typography.CAPTION_2: return 'sendbird-label--caption-2';
+        case Typography.CAPTION_3: return 'sendbird-label--caption-3';
+        default: return '';
+    }
+}
+function changeColorToClassName(color) {
+    switch (color) {
+        case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';
+        case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';
+        case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';
+        case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';
+        case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';
+        case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';
+        case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me
+        case Colors.ERROR: return 'sendbird-label--color-error';
+        case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';
+        default: return '';
+    }
+}
+
+function Label(_a) {
+    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c;
+    return (
+    // Donot make this into div
+    // Mention uses Label. If we use div, it would break the mention detection on Paste
+    // https://github.com/sendbird/sendbird-uikit-react/pull/479
+    React.createElement("span", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-label',
+            changeTypographyToClassName(type),
+            changeColorToClassName(color),
+        ], false).join(' ') }, children));
+}
+var LabelTypography = Typography;
+var LabelColors = Colors;
+var LabelStringSet = stringSet.getStringSet('en');
+
+exports.Label = Label;
+exports.LabelColors = LabelColors;
+exports.LabelStringSet = LabelStringSet;
+exports.LabelTypography = LabelTypography;
+exports.changeColorToClassName = changeColorToClassName;
+//# sourceMappingURL=bundle-6ziaqiUd.js.map

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

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

package/cjs/chunks/bundle-B2MaAm21.js

@@ -0,0 +1,28 @@
+'use strict';
+
+exports.Colors = void 0;
+(function (Colors) {
+    Colors["ONBACKGROUND_1"] = "ONBACKGROUND_1";
+    Colors["ONBACKGROUND_2"] = "ONBACKGROUND_2";
+    Colors["ONBACKGROUND_3"] = "ONBACKGROUND_3";
+    Colors["ONBACKGROUND_4"] = "ONBACKGROUND_4";
+    Colors["ONCONTENT_1"] = "ONCONTENT_1";
+    Colors["ONCONTENT_2"] = "ONCONTENT_2";
+    Colors["PRIMARY"] = "PRIMARY";
+    Colors["ERROR"] = "ERROR";
+})(exports.Colors || (exports.Colors = {}));
+var changeColorToClassName = function (color) {
+    switch (color) {
+        case exports.Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';
+        case exports.Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';
+        case exports.Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';
+        case exports.Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';
+        case exports.Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';
+        case exports.Colors.PRIMARY: return 'sendbird-color--primary';
+        case exports.Colors.ERROR: return 'sendbird-color--error';
+        default: return null;
+    }
+};
+
+exports.changeColorToClassName = changeColorToClassName;
+//# sourceMappingURL=bundle-B2MaAm21.js.map

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

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