@sendbird/uikit-react 3.14.3 → 3.14.4

package/ui/QuoteMessage.js

@@ -1,79 +1,78 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LYAWKk4n.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as LocalizationContext } from '../chunks/bundle-tIPAQa1P.js';
-import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, j as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-DwApARpe.js';
-import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-CY2Lga-4.js';
-import '../chunks/bundle-DZcgZWKq.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
+import { L as LocalizationContext } from '../chunks/bundle-Bx5vhTbU.js';
+import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, j as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-BWCGFXhj.js';
+import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DDhhxSv0.js';
+import '../chunks/bundle-7oF7KbGv.js';
+import '../chunks/bundle-ByvmbZD0.js';
+import '../chunks/bundle-C8im5l9B.js';
+import '../chunks/bundle-C1ds4cil.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Bdw6eUSG.js';
 
-function QuoteMessage(_a) {
-    var _b;
-    var _c, _d, _e, _f, _g, _h;
-    var message = _a.message, _j = _a.userId, userId = _j === void 0 ? '' : _j, _k = _a.isByMe, isByMe = _k === void 0 ? false : _k, _l = _a.className, className = _l === void 0 ? '' : _l, _m = _a.isUnavailable, isUnavailable = _m === void 0 ? false : _m, onClick = _a.onClick;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var parentMessage = message.parentMessage;
-    var parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
-    var parentMessageSenderNickname = (userId === (parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.userId)) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.nickname;
-    var parentMessageUrl = getMessageFirstFileUrl(parentMessage);
-    var parentMessageType = getMessageFirstFileType(parentMessage);
-    var currentMessageSenderNickname = (userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId)) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : (_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.nickname;
-    var _o = useState(false), isThumbnailLoaded = _o[0], setThumbnailLoaded = _o[1];
-    var uikitFileTypes = getUIKitFileTypes();
-    var splitFileName = (_f = (_e = getMessageFirstFileName(parentMessage)) === null || _e === void 0 ? void 0 : _e.split('/')) !== null && _f !== void 0 ? _f : parentMessageUrl.split('/');
-    return (React__default.createElement("div", { className: getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : '']), key: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId, onClick: function () {
-            if (!isUnavailable && onClick) {
-                onClick();
-            }
-        }, onTouchEnd: function () {
-            if (!isUnavailable && onClick) {
-                onClick();
-            }
-        } },
-        React__default.createElement("div", { className: "sendbird-quote-message__replied-to" },
-            React__default.createElement(Icon, { className: "sendbird-quote-message__replied-to__icon", type: IconTypes.REPLY, fillColor: IconColors.ON_BACKGROUND_3, width: "12px", height: "12px" }),
-            React__default.createElement(Label, { className: "sendbird-quote-message__replied-to__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_3 },
-                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, currentMessageSenderNickname),
-                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__text" }, stringSet.QUOTED_MESSAGE__REPLIED_TO),
-                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, parentMessageSenderNickname))),
-        React__default.createElement("div", { className: "sendbird-quote-message__replied-message" },
-            isUnavailable && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
-            ((isUserMessage(parentMessage) && ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _g === void 0 ? void 0 : _g.length) > 0) && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
-            (isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
-            ((isThumbnailMessage(parentMessage)
-                || isMultipleFilesMessage(parentMessage))
-                && parentMessageUrl
-                && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message" },
-                React__default.createElement(ImageRenderer, { className: "sendbird-quote-message__replied-message__thumbnail-message__image", url: parentMessageUrl, alt: parentMessageType, width: "144px", height: "108px", onLoad: function () { return setThumbnailLoaded(true); }, defaultComponent: (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder" },
-                        React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon" },
-                            React__default.createElement(Icon, { type: isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "22px", height: "22px" })))) }),
-                (isVideo(parentMessageType) && !(((_h = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0)) && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement("video", { className: "sendbird-quote-message__replied-message__thumbnail-message__video" },
-                        React__default.createElement("source", { src: parentMessageUrl, type: parentMessageType })),
-                    React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
-                        React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
-                            React__default.createElement(Icon, { type: IconTypes.PLAY, fillColor: IconColors.ON_BACKGROUND_2, width: "14px", height: "14px" }))))),
-                (isThumbnailLoaded && isGif(parentMessageType)) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
-                    React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
-                        React__default.createElement(Icon, { type: IconTypes.GIF, fillColor: IconColors.THUMBNAIL_ICON, width: "14px", height: "14px" })))))),
-            (getUIKitMessageType(parentMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__file-message" },
-                React__default.createElement(Icon, { className: "sendbird-quote-message__replied-message__file-message__type-icon", type: (_b = {},
-                        _b[uikitFileTypes.IMAGE] = IconTypes.PHOTO,
-                        _b[uikitFileTypes.VIDEO] = IconTypes.PLAY,
-                        _b[uikitFileTypes.AUDIO] = IconTypes.FILE_AUDIO,
-                        _b[uikitFileTypes.GIF] = IconTypes.GIF,
-                        _b[uikitFileTypes.OTHERS] = IconTypes.FILE_DOCUMENT,
-                        _b)[getUIKitFileType(parentMessageType)], fillColor: IconColors.ON_BACKGROUND_3, width: "16px", height: "16px" }),
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__file-message__file-name", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 }, truncateString(splitFileName[splitFileName.length - 1])))))));
+function QuoteMessage(_a) {
+    var _b;
+    var _c, _d, _e, _f, _g, _h;
+    var message = _a.message, _j = _a.userId, userId = _j === void 0 ? '' : _j, _k = _a.isByMe, isByMe = _k === void 0 ? false : _k, _l = _a.className, className = _l === void 0 ? '' : _l, _m = _a.isUnavailable, isUnavailable = _m === void 0 ? false : _m, onClick = _a.onClick;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var parentMessage = message.parentMessage;
+    var parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
+    var parentMessageSenderNickname = (userId === (parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.userId)) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.nickname;
+    var parentMessageUrl = getMessageFirstFileUrl(parentMessage);
+    var parentMessageType = getMessageFirstFileType(parentMessage);
+    var currentMessageSenderNickname = (userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId)) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : (_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.nickname;
+    var _o = useState(false), isThumbnailLoaded = _o[0], setThumbnailLoaded = _o[1];
+    var uikitFileTypes = getUIKitFileTypes();
+    var splitFileName = (_f = (_e = getMessageFirstFileName(parentMessage)) === null || _e === void 0 ? void 0 : _e.split('/')) !== null && _f !== void 0 ? _f : parentMessageUrl.split('/');
+    return (React__default.createElement("div", { className: getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : '']), key: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId, onClick: function () {
+            if (!isUnavailable && onClick) {
+                onClick();
+            }
+        }, onTouchEnd: function () {
+            if (!isUnavailable && onClick) {
+                onClick();
+            }
+        } },
+        React__default.createElement("div", { className: "sendbird-quote-message__replied-to" },
+            React__default.createElement(Icon, { className: "sendbird-quote-message__replied-to__icon", type: IconTypes.REPLY, fillColor: IconColors.ON_BACKGROUND_3, width: "12px", height: "12px" }),
+            React__default.createElement(Label, { className: "sendbird-quote-message__replied-to__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_3 },
+                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, currentMessageSenderNickname),
+                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__text" }, stringSet.QUOTED_MESSAGE__REPLIED_TO),
+                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, parentMessageSenderNickname))),
+        React__default.createElement("div", { className: "sendbird-quote-message__replied-message" },
+            isUnavailable && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
+            ((isUserMessage(parentMessage) && ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _g === void 0 ? void 0 : _g.length) > 0) && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
+            (isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
+            ((isThumbnailMessage(parentMessage)
+                || isMultipleFilesMessage(parentMessage))
+                && parentMessageUrl
+                && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message" },
+                React__default.createElement(ImageRenderer, { className: "sendbird-quote-message__replied-message__thumbnail-message__image", url: parentMessageUrl, alt: parentMessageType, width: "144px", height: "108px", onLoad: function () { return setThumbnailLoaded(true); }, defaultComponent: (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder" },
+                        React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon" },
+                            React__default.createElement(Icon, { type: isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "22px", height: "22px" })))) }),
+                (isVideo(parentMessageType) && !(((_h = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0)) && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("video", { className: "sendbird-quote-message__replied-message__thumbnail-message__video" },
+                        React__default.createElement("source", { src: parentMessageUrl, type: parentMessageType })),
+                    React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
+                        React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
+                            React__default.createElement(Icon, { type: IconTypes.PLAY, fillColor: IconColors.ON_BACKGROUND_2, width: "14px", height: "14px" }))))),
+                (isThumbnailLoaded && isGif(parentMessageType)) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
+                    React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
+                        React__default.createElement(Icon, { type: IconTypes.GIF, fillColor: IconColors.THUMBNAIL_ICON, width: "14px", height: "14px" })))))),
+            (getUIKitMessageType(parentMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__file-message" },
+                React__default.createElement(Icon, { className: "sendbird-quote-message__replied-message__file-message__type-icon", type: (_b = {},
+                        _b[uikitFileTypes.IMAGE] = IconTypes.PHOTO,
+                        _b[uikitFileTypes.VIDEO] = IconTypes.PLAY,
+                        _b[uikitFileTypes.AUDIO] = IconTypes.FILE_AUDIO,
+                        _b[uikitFileTypes.GIF] = IconTypes.GIF,
+                        _b[uikitFileTypes.OTHERS] = IconTypes.FILE_DOCUMENT,
+                        _b)[getUIKitFileType(parentMessageType)], fillColor: IconColors.ON_BACKGROUND_3, width: "16px", height: "16px" }),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__file-message__file-name", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 }, truncateString(splitFileName[splitFileName.length - 1])))))));
 }
 
 export { QuoteMessage as default };

package/ui/QuoteMessage.js.map

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

package/ui/QuoteMessageInput.js

@@ -1,78 +1,77 @@
 import React__default, { useContext } from 'react';
-import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, K as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-DwApARpe.js';
+import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, L as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-BWCGFXhj.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import { L as LocalizationContext } from '../chunks/bundle-tIPAQa1P.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LYAWKk4n.js';
+import { L as LocalizationContext } from '../chunks/bundle-Bx5vhTbU.js';
 import ImageRenderer from './ImageRenderer.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-CY2Lga-4.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DDhhxSv0.js';
+import '../chunks/bundle-7oF7KbGv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Bdw6eUSG.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
+import '../chunks/bundle-ByvmbZD0.js';
+import '../chunks/bundle-C8im5l9B.js';
+import '../chunks/bundle-C1ds4cil.js';
 
-var componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_a) {
-    var _b;
-    var message = _a.message;
-    if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message)) {
-        return null;
-    }
-    var thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
-    if (!thumbnailUrl) {
-        if (isImageMessage(message) || isVideoMessage(message)) {
-            thumbnailUrl = getMessageFirstFileUrl(message);
-        }
-        else if (isMultipleFilesMessage(message) && isImageFileInfo((_b = message.fileInfoList) === null || _b === void 0 ? void 0 : _b[0])) {
-            thumbnailUrl = message.fileInfoList[0].url;
-        }
-    }
-    if (isVideoMessage(message) && thumbnailUrl) {
-        return (React__default.createElement("div", { className: componentClassname },
-            React__default.createElement("video", { style: {
-                    width: '44px',
-                    height: '44px',
-                }, src: thumbnailUrl })));
-    }
-    else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {
-        return (React__default.createElement(ImageRenderer, { className: componentClassname, url: thumbnailUrl, alt: getMessageFirstFileType(message), width: "44px", height: "44px", fixedSize: true }));
-    }
-    else if (isAudioMessage(message)) {
-        return (React__default.createElement("div", { className: componentClassname },
-            React__default.createElement(Icon, { type: IconTypes.FILE_AUDIO, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
-    }
-    else {
-        return (React__default.createElement("div", { className: componentClassname },
-            React__default.createElement(Icon, { type: IconTypes.FILE_DOCUMENT, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
-    }
+var componentClassname = 'sendbird-quote_message_input__avatar';
+function QuoteMessageThumbnail(_a) {
+    var _b;
+    var message = _a.message;
+    if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message)) {
+        return null;
+    }
+    var thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
+    if (!thumbnailUrl) {
+        if (isImageMessage(message) || isVideoMessage(message)) {
+            thumbnailUrl = getMessageFirstFileUrl(message);
+        }
+        else if (isMultipleFilesMessage(message) && isImageFileInfo((_b = message.fileInfoList) === null || _b === void 0 ? void 0 : _b[0])) {
+            thumbnailUrl = message.fileInfoList[0].url;
+        }
+    }
+    if (isVideoMessage(message) && thumbnailUrl) {
+        return (React__default.createElement("div", { className: componentClassname },
+            React__default.createElement("video", { style: {
+                    width: '44px',
+                    height: '44px',
+                }, src: thumbnailUrl })));
+    }
+    else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {
+        return (React__default.createElement(ImageRenderer, { className: componentClassname, url: thumbnailUrl, alt: getMessageFirstFileType(message), width: "44px", height: "44px", fixedSize: true }));
+    }
+    else if (isAudioMessage(message)) {
+        return (React__default.createElement("div", { className: componentClassname },
+            React__default.createElement(Icon, { type: IconTypes.FILE_AUDIO, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
+    }
+    else {
+        return (React__default.createElement("div", { className: componentClassname },
+            React__default.createElement(Icon, { type: IconTypes.FILE_DOCUMENT, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
+    }
 }
 
-function QuoteMessageInput(_a) {
-    var className = _a.className, replyingMessage = _a.replyingMessage, onClose = _a.onClose;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var fileMessage = replyingMessage;
-    var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-    var displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))
-        && !isVoiceMessage(replyingMessage);
-    return (React__default.createElement("div", { className: getClassName(['sendbird-quote_message_input', className]) },
-        displayFileIcon && (React__default.createElement(QuoteMessageThumbnail, { message: fileMessage })),
-        React__default.createElement("div", { className: "sendbird-quote_message_input__body", style: {
-                width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
-                left: displayFileIcon ? '92px' : '40px',
-            } },
-            React__default.createElement(Label, { className: "sendbird-quote_message_input__body__sender-name", type: LabelTypography.CAPTION_1, color: LabelColors.ONBACKGROUND_1 }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat((sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME)),
-            React__default.createElement(Label, { className: "sendbird-quote_message_input__body__message-content", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 },
-                isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE,
-                isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO,
-                isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF,
-                isUserMessage(replyingMessage) && replyingMessage.message,
-                getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage),
-                isMultipleFilesMessage(replyingMessage)
-                    && "".concat(fileMessage.fileInfoList.length, " Photos"),
-                isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)),
-        React__default.createElement(Icon, { className: "sendbird-quote_message_input__close-button", type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose(replyingMessage); } })));
+function QuoteMessageInput(_a) {
+    var className = _a.className, replyingMessage = _a.replyingMessage, onClose = _a.onClose;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var fileMessage = replyingMessage;
+    var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
+    var displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))
+        && !isVoiceMessage(replyingMessage);
+    return (React__default.createElement("div", { className: getClassName(['sendbird-quote_message_input', className]) },
+        displayFileIcon && (React__default.createElement(QuoteMessageThumbnail, { message: fileMessage })),
+        React__default.createElement("div", { className: "sendbird-quote_message_input__body", style: {
+                width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
+                left: displayFileIcon ? '92px' : '40px',
+            } },
+            React__default.createElement(Label, { className: "sendbird-quote_message_input__body__sender-name", type: LabelTypography.CAPTION_1, color: LabelColors.ONBACKGROUND_1 }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat((sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME)),
+            React__default.createElement(Label, { className: "sendbird-quote_message_input__body__message-content", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 },
+                isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE,
+                isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO,
+                isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF,
+                isUserMessage(replyingMessage) && replyingMessage.message,
+                getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage),
+                isMultipleFilesMessage(replyingMessage)
+                    && "".concat(fileMessage.fileInfoList.length, " Photos"),
+                isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)),
+        React__default.createElement(Icon, { className: "sendbird-quote_message_input__close-button", type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose(replyingMessage); } })));
 }
 
 export { QuoteMessageInput as default };

package/ui/QuoteMessageInput.js.map

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

package/ui/ReactionBadge.js

@@ -1,25 +1,25 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-7oF7KbGv.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import '../chunks/bundle-BLGMGsvT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LYAWKk4n.js';
+import '../chunks/bundle-C8im5l9B.js';
 
-var ReactionBadge = React__default.forwardRef(function (props, ref) {
-    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
-    var getClassNameTail = function () {
-        if (selected && !isAdd) {
-            return '--selected';
-        }
-        if (isAdd) {
-            return '--is-add';
-        }
-        return '';
-    };
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            "sendbird-reaction-badge".concat(getClassNameTail()),
-        ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
-        React__default.createElement("div", { className: "sendbird-reaction-badge__inner" },
-            React__default.createElement("div", { className: "sendbird-reaction-badge__inner__icon" }, children),
-            React__default.createElement(Label, { className: (children && count) && 'sendbird-reaction-badge__inner__count', type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, count))));
+var ReactionBadge = React__default.forwardRef(function (props, ref) {
+    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
+    var getClassNameTail = function () {
+        if (selected && !isAdd) {
+            return '--selected';
+        }
+        if (isAdd) {
+            return '--is-add';
+        }
+        return '';
+    };
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            "sendbird-reaction-badge".concat(getClassNameTail()),
+        ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
+        React__default.createElement("div", { className: "sendbird-reaction-badge__inner" },
+            React__default.createElement("div", { className: "sendbird-reaction-badge__inner__icon" }, children),
+            React__default.createElement(Label, { className: (children && count) && 'sendbird-reaction-badge__inner__count', type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, count))));
 });
 
 export { ReactionBadge as default };

package/ui/ReactionButton.js

@@ -1,22 +1,22 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-7oF7KbGv.js';
 import React__default from 'react';
-import { u as useLongPress } from '../chunks/bundle-BwJTKHEl.js';
-import { n as noop } from '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BlK-fMQm.js';
+import { u as useLongPress } from '../chunks/bundle-Gx0ryc_f.js';
+import { n as noop } from '../chunks/bundle-ByvmbZD0.js';
+import '../chunks/bundle-Diqj6For.js';
 
-var ReactionButton = React__default.forwardRef(function (props, ref) {
-    var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;
-    var onClickHandler = useLongPress({
-        onLongPress: noop,
-        onClick: onClick,
-    }, {
-        shouldPreventDefault: true,
-        shouldStopPropagation: true,
-    });
-    return (React__default.createElement("div", __assign({ className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            "sendbird-reaction-button".concat(selected ? '--selected' : ''),
-        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": dataSbId }),
-        React__default.createElement("div", { className: "sendbird-reaction-button__inner" }, children)));
+var ReactionButton = React__default.forwardRef(function (props, ref) {
+    var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;
+    var onClickHandler = useLongPress({
+        onLongPress: noop,
+        onClick: onClick,
+    }, {
+        shouldPreventDefault: true,
+        shouldStopPropagation: true,
+    });
+    return (React__default.createElement("div", __assign({ className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            "sendbird-reaction-button".concat(selected ? '--selected' : ''),
+        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": dataSbId }),
+        React__default.createElement("div", { className: "sendbird-reaction-button__inner" }, children)));
 });
 
 export { ReactionButton as default };

package/ui/SortByRow.js

@@ -1,28 +1,28 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-7oF7KbGv.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../chunks/bundle-BbeHRXOp.js';
+import { u as uuidv4 } from '../chunks/bundle-BJ46V6XQ.js';
 
-var componentClassName = 'sendbird-sort-by-row';
-function SortByRow(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, maxItemCount = _a.maxItemCount, itemWidth = _a.itemWidth, itemHeight = _a.itemHeight, children = _a.children;
-    if (Array.isArray(children) && children.length > maxItemCount) {
-        var result = [];
-        for (var i = 0; i < children.length; i += maxItemCount) {
-            result.push(React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-                    componentClassName,
-                ], false).join(' '), key: uuidv4(), style: {
-                    width: itemWidth * maxItemCount,
-                    height: itemHeight,
-                } }, children.slice(i, i + maxItemCount)));
-        }
-        return React__default.createElement(React__default.Fragment, null, result);
-    }
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            componentClassName,
-        ], false).join(' '), style: {
-            width: itemWidth * (Array.isArray(children) ? children.length : 1),
-            height: itemHeight,
-        } }, children));
+var componentClassName = 'sendbird-sort-by-row';
+function SortByRow(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, maxItemCount = _a.maxItemCount, itemWidth = _a.itemWidth, itemHeight = _a.itemHeight, children = _a.children;
+    if (Array.isArray(children) && children.length > maxItemCount) {
+        var result = [];
+        for (var i = 0; i < children.length; i += maxItemCount) {
+            result.push(React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+                    componentClassName,
+                ], false).join(' '), key: uuidv4(), style: {
+                    width: itemWidth * maxItemCount,
+                    height: itemHeight,
+                } }, children.slice(i, i + maxItemCount)));
+        }
+        return React__default.createElement(React__default.Fragment, null, result);
+    }
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            componentClassName,
+        ], false).join(' '), style: {
+            width: itemWidth * (Array.isArray(children) ? children.length : 1),
+            height: itemHeight,
+        } }, children));
 }
 
 export { SortByRow as default };