@sendbird/uikit-react 3.14.12 → 3.14.13

package/cjs/ui/MessageFeedbackModal.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
-var ui_Modal = require('../chunks/bundle-1dGjBLMq.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var ui_Modal = require('../chunks/bundle-BCx4TP9R.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-BM95N32D.js');
-var MediaQueryContext = require('../chunks/bundle-D0U-xAFE.js');
-var useKeyDown = require('../chunks/bundle-QTX1PYil.js');
-require('../chunks/bundle-Cu2j1EmN.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
-require('../chunks/bundle-VyDwmxN4.js');
+var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
+var MediaQueryContext = require('../chunks/bundle-DW5WyVEg.js');
+var useKeyDown = require('../chunks/bundle-BTdldoB1.js');
+require('../chunks/bundle-BSZgogl8.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B9Jxp8fA.js');
+require('../chunks/bundle-E1Tkj9Pc.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-_xb0mhf9.js');
-require('../chunks/bundle-CO52Wsr3.js');
+require('../chunks/bundle-BafSf9GJ.js');
+require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-BsUVmQmx.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Icon.js');
@@ -24,14 +24,18 @@ require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-DAzWBBxC.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-D60dip73.js');
-require('../chunks/bundle-DsscLs3k.js');
+require('../chunks/bundle-BimZhXdJ.js');
+require('../chunks/bundle-COzM5cWS.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-B_eF_lLw.js');
+require('../chunks/bundle-5SGoePaQ.js');
 require('./SortByRow.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function MessageFeedbackModal(props) {
     var _a, _b;
     var selectedFeedback = props.selectedFeedback, message = props.message, onClose = props.onClose, onSubmit = props.onSubmit, onUpdate = props.onUpdate, onRemove = props.onRemove;
@@ -62,21 +66,21 @@ function MessageFeedbackModal(props) {
         Enter: function () { return onSubmitWrapper(); },
         Escape: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); },
     });
-    return (React.createElement("div", { onKeyDown: onKeyDown },
-        React.createElement(ui_Modal.Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ui_Button.ButtonTypes.PRIMARY, onCancel: onClose, onSubmit: function () {
+    return (React__default.default.createElement("div", { onKeyDown: onKeyDown },
+        React__default.default.createElement(ui_Modal.Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ui_Button.ButtonTypes.PRIMARY, onCancel: onClose, onSubmit: function () {
                 onSubmitWrapper();
-            }, submitText: stringSet.BUTTON__SUBMIT, renderHeader: function () { return (React.createElement("div", { className: 'sendbird-modal__header' },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, stringSet.FEEDBACK_MODAL_TITLE))); }, customFooter: React.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root' },
+            }, submitText: stringSet.BUTTON__SUBMIT, renderHeader: function () { return (React__default.default.createElement("div", { className: 'sendbird-modal__header' },
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, stringSet.FEEDBACK_MODAL_TITLE))); }, customFooter: React__default.default.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root' },
                 !isMobile && (message === null || message === void 0 ? void 0 : message.myFeedback) && selectedFeedback === message.myFeedback.rating
-                    ? React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.WARNING, onClick: onRemove, labelType: ui_Label.LabelTypography.BUTTON_3 }, stringSet.BUTTON__REMOVE_FEEDBACK)
-                    : React.createElement("div", null),
-                React.createElement("div", { className: 'sendbird-message-feedback-modal-footer__right-content' },
-                    React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: onClose },
-                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.BUTTON__CANCEL)),
-                    React.createElement(ui_Button.default, { onClick: function () { return onSubmitWrapper(); } },
-                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONCONTENT_1 }, hasComment ? stringSet.BUTTON__SAVE : stringSet.BUTTON__SUBMIT)))) },
-            React.createElement("div", { className: 'sendbird-message-feedback-modal-body__root' },
-                React.createElement(ui_Input.default, { name: 'sendbird-message-feedback-modal-body__root', ref: inputRef, value: isEdit ? (_b = message.myFeedback) === null || _b === void 0 ? void 0 : _b.comment : undefined, placeHolder: stringSet.FEEDBACK_CONTENT_PLACEHOLDER, autoFocus: true })))));
+                    ? React__default.default.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.WARNING, onClick: onRemove, labelType: ui_Label.LabelTypography.BUTTON_3 }, stringSet.BUTTON__REMOVE_FEEDBACK)
+                    : React__default.default.createElement("div", null),
+                React__default.default.createElement("div", { className: 'sendbird-message-feedback-modal-footer__right-content' },
+                    React__default.default.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: onClose },
+                        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.BUTTON__CANCEL)),
+                    React__default.default.createElement(ui_Button.default, { onClick: function () { return onSubmitWrapper(); } },
+                        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONCONTENT_1 }, hasComment ? stringSet.BUTTON__SAVE : stringSet.BUTTON__SUBMIT)))) },
+            React__default.default.createElement("div", { className: 'sendbird-message-feedback-modal-body__root' },
+                React__default.default.createElement(ui_Input.default, { name: 'sendbird-message-feedback-modal-body__root', ref: inputRef, value: isEdit ? (_b = message.myFeedback) === null || _b === void 0 ? void 0 : _b.comment : undefined, placeHolder: stringSet.FEEDBACK_CONTENT_PLACEHOLDER, autoFocus: true })))));
 }
 
 module.exports = MessageFeedbackModal;

package/cjs/ui/MessageFeedbackModal.js.map

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

package/cjs/ui/MessageInput/hooks/usePaste.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-bgI8QY8V.js');
-require('../../../chunks/bundle-CWAjZyWA.js');
-require('../../../chunks/bundle-BIlOa8cH.js');
-require('../../../chunks/bundle-Cu2j1EmN.js');
-require('../../../chunks/bundle-BqL8lmhl.js');
-require('../../../chunks/bundle-CiIb5etk.js');
-require('../../../chunks/bundle-BKID5CS2.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-Db2msOTT.js');
+require('../../../chunks/bundle-B8BijbtU.js');
+require('../../../chunks/bundle-BhgTi0HE.js');
+require('../../../chunks/bundle-BSZgogl8.js');
+require('../../../chunks/bundle-DPZ5pgOH.js');
+require('../../../chunks/bundle-CC7ewM-Z.js');
+require('../../../chunks/bundle-CwwjS2wm.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,30 +1,34 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../chunks/bundle-BSZgogl8.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-CWAjZyWA.js');
-var _const = require('../chunks/bundle-BIlOa8cH.js');
+var _const$1 = require('../chunks/bundle-B8BijbtU.js');
+var _const = require('../chunks/bundle-BhgTi0HE.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-bgI8QY8V.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-Db2msOTT.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BM95N32D.js');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
+var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('../chunks/bundle-VyDwmxN4.js');
-var tokenize = require('../chunks/bundle-auAyIyjy.js');
-var utils = require('../chunks/bundle-CO52Wsr3.js');
-var browser = require('../chunks/bundle-CTW4jbtw.js');
+var index = require('../chunks/bundle-E1Tkj9Pc.js');
+var tokenize = require('../chunks/bundle-B0yVr4jS.js');
+var utils = require('../chunks/bundle-BsUVmQmx.js');
+var browser = require('../chunks/bundle-BafSf9GJ.js');
 require('dompurify');
-require('../chunks/bundle-BqL8lmhl.js');
-require('../chunks/bundle-CiIb5etk.js');
-require('../chunks/bundle-BKID5CS2.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
+require('../chunks/bundle-DPZ5pgOH.js');
+require('../chunks/bundle-CC7ewM-Z.js');
+require('../chunks/bundle-CwwjS2wm.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B9Jxp8fA.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-_xb0mhf9.js');
+require('../chunks/bundle-C6bh_Eny.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /**
  * FIXME:
@@ -83,7 +87,7 @@ var initialTargetStringInfo = {
     endNodeIndex: null,
     endOffsetIndex: null,
 };
-var MessageInput = React.forwardRef(function (props, externalRef) {
+var MessageInput = React__default.default.forwardRef(function (props, externalRef) {
     var _a, _b, _c, _d, _e;
     var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.isMobile, isMobile = _j === void 0 ? false : _j, _k = props.isMentionEnabled, isMentionEnabled = _k === void 0 ? false : _k, _l = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _l === void 0 ? true : _l, _m = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _m === void 0 ? false : _m, _o = props.disabled, disabled = _o === void 0 ? false : _o, _p = props.message, message = _p === void 0 ? null : _p, _q = props.placeholder, placeholder = _q === void 0 ? '' : _q, _r = props.maxLength, maxLength = _r === void 0 ? 5000 : _r, _s = props.onFileUpload, onFileUpload = _s === void 0 ? noop : _s, _t = props.onSendMessage, onSendMessage = _t === void 0 ? noop : _t, _u = props.onUpdateMessage, onUpdateMessage = _u === void 0 ? noop : _u, _v = props.onCancelEdit, onCancelEdit = _v === void 0 ? noop : _v, _w = props.onStartTyping, onStartTyping = _w === void 0 ? noop : _w, _x = props.channelUrl, channelUrl = _x === void 0 ? '' : _x, _y = props.mentionSelectedUser, mentionSelectedUser = _y === void 0 ? null : _y, _z = props.onUserMentioned, onUserMentioned = _z === void 0 ? noop : _z, _0 = props.onMentionStringChange, onMentionStringChange = _0 === void 0 ? noop : _0, _1 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _1 === void 0 ? noop : _1, _2 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _2 === void 0 ? noop : _2, _3 = props.onKeyUp, onKeyUp = _3 === void 0 ? noop : _3, _4 = props.onKeyDown, onKeyDown = _4 === void 0 ? noop : _4, _5 = props.renderFileUploadIcon, renderFileUploadIcon = _5 === void 0 ? noop : _5, _6 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _6 === void 0 ? noop : _6, _7 = props.renderSendMessageIcon, renderSendMessageIcon = _7 === void 0 ? noop : _7, _8 = props.setMentionedUsers, setMentionedUsers = _8 === void 0 ? noop : _8, acceptableMimeTypes = props.acceptableMimeTypes;
     var internalRef = (externalRef && 'current' in externalRef) ? externalRef : null;
@@ -381,11 +385,11 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
         setIsInput: setIsInput,
         setHeight: setHeight,
     });
-    return (React.createElement("form", { className: utils.classnames.apply(void 0, _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), false), [isEdit && 'sendbird-message-input__edit',
+    return (React__default.default.createElement("form", { className: utils.classnames.apply(void 0, _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), false), [isEdit && 'sendbird-message-input__edit',
             disabled && 'sendbird-message-input-form__disabled'], false)) },
-        React.createElement("div", { className: utils.classnames('sendbird-message-input', disabled && 'sendbird-message-input__disabled'), "data-testid": "sendbird-message-input" },
-            browser.isMobileIOS(navigator.userAgent) && (React.createElement("input", { id: 'ghost-input-reset-ime-cjk', ref: ghostInputRef, style: { opacity: 0, padding: 0, margin: 0, height: 0, border: 'none', position: 'absolute', top: -9999 }, defaultValue: '_' })),
-            React.createElement("div", { id: "".concat(textFieldId).concat(isEdit ? message === null || message === void 0 ? void 0 : message.messageId : ''), className: "sendbird-message-input--textarea ".concat(textFieldId), contentEditable: !disabled, role: "textbox", "aria-label": "Text Input", ref: externalRef, 
+        React__default.default.createElement("div", { className: utils.classnames('sendbird-message-input', disabled && 'sendbird-message-input__disabled'), "data-testid": "sendbird-message-input" },
+            browser.isMobileIOS(navigator.userAgent) && (React__default.default.createElement("input", { id: 'ghost-input-reset-ime-cjk', ref: ghostInputRef, style: { opacity: 0, padding: 0, margin: 0, height: 0, border: 'none', position: 'absolute', top: -9999 }, defaultValue: '_' })),
+            React__default.default.createElement("div", { id: "".concat(textFieldId).concat(isEdit ? message === null || message === void 0 ? void 0 : message.messageId : ''), className: "sendbird-message-input--textarea ".concat(textFieldId), contentEditable: !disabled, role: "textbox", "aria-label": "Text Input", ref: externalRef, 
                 // @ts-ignore
                 disabled: disabled, maxLength: maxLength, onKeyDown: function (e) {
                     var _a, _b, _c, _d;
@@ -434,20 +438,20 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
                     setIsInput(((_a = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _a === void 0 ? void 0 : _a.textContent) ? internalRef.current.textContent.trim().length > 0 : false);
                     useMentionedLabelDetection();
                 }, onPaste: onPaste }),
-            ((_e = (_d = (_c = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) === 0 && (React.createElement(ui_Label.Label, { className: "sendbird-message-input--placeholder", type: ui_Label.LabelTypography.BODY_1, color: disabled ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
-            !isEdit && isInput && (React.createElement(ui_IconButton, { className: "sendbird-message-input--send", height: "32px", width: "32px", onClick: function () { return sendMessage(); }, testID: "sendbird-message-input-send-button" }, (renderSendMessageIcon === null || renderSendMessageIcon === void 0 ? void 0 : renderSendMessageIcon()) || (React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SEND, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.PRIMARY, width: "20px", height: "20px" })))),
+            ((_e = (_d = (_c = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) === 0 && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-message-input--placeholder", type: ui_Label.LabelTypography.BODY_1, color: disabled ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
+            !isEdit && isInput && (React__default.default.createElement(ui_IconButton, { className: "sendbird-message-input--send", height: "32px", width: "32px", onClick: function () { return sendMessage(); }, testID: "sendbird-message-input-send-button" }, (renderSendMessageIcon === null || renderSendMessageIcon === void 0 ? void 0 : renderSendMessageIcon()) || (React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SEND, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.PRIMARY, width: "20px", height: "20px" })))),
             !isEdit
                 && !isInput
                 && ((renderFileUploadIcon === null || renderFileUploadIcon === void 0 ? void 0 : renderFileUploadIcon())
                     // UIKit Dashboard configuration should have lower priority than
                     // renderFileUploadIcon which is set in code level
-                    || (isFileUploadEnabled && (React.createElement(ui_IconButton, { className: utils.classnames('sendbird-message-input--attach', isVoiceMessageEnabled && 'is-voice-message-enabled'), height: "32px", width: "32px", onClick: function () {
+                    || (isFileUploadEnabled && (React__default.default.createElement(ui_IconButton, { className: utils.classnames('sendbird-message-input--attach', isVoiceMessageEnabled && 'is-voice-message-enabled'), height: "32px", width: "32px", onClick: function () {
                             var _a, _b;
                             // todo: clear previous input
                             (_b = (_a = fileInputRef === null || fileInputRef === void 0 ? void 0 : fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click) === null || _b === void 0 ? void 0 : _b.call(_a);
                         } },
-                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.ATTACH, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT_INVERSE, width: "20px", height: "20px" }),
-                        React.createElement("input", { className: "sendbird-message-input--attach-input", type: "file", ref: fileInputRef, 
+                        React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.ATTACH, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT_INVERSE, width: "20px", height: "20px" }),
+                        React__default.default.createElement("input", { className: "sendbird-message-input--attach-input", type: "file", ref: fileInputRef, 
                             // It will affect to <Channel /> and <Thread />
                             onChange: function (event) {
                                 var files = event.currentTarget.files;
@@ -456,10 +460,10 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
                                 }
                                 event.target.value = '';
                             }, accept: index.getMimeTypesUIKitAccepts(acceptableMimeTypes), multiple: isSelectingMultipleFilesEnabled && ui_MessageInput_hooks_usePaste.isChannelTypeSupportsMultipleFilesMessage(channel) }))))),
-            isVoiceMessageEnabled && !isEdit && !isInput && (React.createElement(ui_IconButton, { className: "sendbird-message-input--voice-message", width: "32px", height: "32px", onClick: onVoiceMessageIconClick }, (renderVoiceMessageIcon === null || renderVoiceMessageIcon === void 0 ? void 0 : renderVoiceMessageIcon()) || (React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.AUDIO_ON_LINED, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT_INVERSE, width: "20px", height: "20px" }))))),
-        isEdit && (React.createElement("div", { className: "sendbird-message-input--edit-action", "data-testid": "sendbird-message-input--edit-action" },
-            React.createElement(ui_Button.default, { className: "sendbird-message-input--edit-action__cancel", type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: onCancelEdit }, stringSet.BUTTON__CANCEL),
-            React.createElement(ui_Button.default, { className: "sendbird-message-input--edit-action__save", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.SMALL, disabled: isEditDisabled, onClick: function () { return editMessage(); } }, stringSet.BUTTON__SAVE)))));
+            isVoiceMessageEnabled && !isEdit && !isInput && (React__default.default.createElement(ui_IconButton, { className: "sendbird-message-input--voice-message", width: "32px", height: "32px", onClick: onVoiceMessageIconClick }, (renderVoiceMessageIcon === null || renderVoiceMessageIcon === void 0 ? void 0 : renderVoiceMessageIcon()) || (React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.AUDIO_ON_LINED, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT_INVERSE, width: "20px", height: "20px" }))))),
+        isEdit && (React__default.default.createElement("div", { className: "sendbird-message-input--edit-action", "data-testid": "sendbird-message-input--edit-action" },
+            React__default.default.createElement(ui_Button.default, { className: "sendbird-message-input--edit-action__cancel", type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: onCancelEdit }, stringSet.BUTTON__CANCEL),
+            React__default.default.createElement(ui_Button.default, { className: "sendbird-message-input--edit-action__save", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.SMALL, disabled: isEditDisabled, onClick: function () { return editMessage(); } }, stringSet.BUTTON__SAVE)))));
 });
 
 module.exports = MessageInput;

package/cjs/ui/MessageInput.js.map

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

package/cjs/ui/MessageItemMenu.js

@@ -2,33 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../chunks/bundle-BSZgogl8.js');
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-B_eF_lLw.js');
+var ui_ContextMenu = require('../chunks/bundle-5SGoePaQ.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-VyDwmxN4.js');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
-var types = require('../chunks/bundle-CqDaqTbt.js');
-var utils = require('../chunks/bundle-CO52Wsr3.js');
+var index = require('../chunks/bundle-E1Tkj9Pc.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var types = require('../chunks/bundle-D1D4kiAc.js');
+var utils = require('../chunks/bundle-BsUVmQmx.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-DAzWBBxC.js');
 require('../withSendbird.js');
-require('../chunks/bundle-BM95N32D.js');
-require('../chunks/bundle-CrkUdg03.js');
+require('../chunks/bundle-CLsH2CaE.js');
+require('../chunks/bundle-CqS517qU.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-_xb0mhf9.js');
-require('../chunks/bundle-DQG6eG4l.js');
+require('../chunks/bundle-BafSf9GJ.js');
+require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-B9Jxp8fA.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function MessageMenu(props) {
     var _a;
     var className = props.className, message = props.message, channel = props.channel, _b = props.isByMe, isByMe = _b === void 0 ? false : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, replyType = props.replyType, _d = props.disableDeleteMessage, disableDeleteMessage = _d === void 0 ? null : _d, showEdit = props.showEdit, showRemove = props.showRemove, deleteMessage = props.deleteMessage, resendMessage = props.resendMessage, setQuoteMessage = props.setQuoteMessage, setSupposedHover = props.setSupposedHover, onReplyInThread = props.onReplyInThread, _e = props.onMoveToParentMessage, onMoveToParentMessage = _e === void 0 ? null : _e;
-    var _f = utils.deleteNullish(props).renderMenuItem, renderMenuItem = _f === void 0 ? function (props) { return React.createElement(ui_ContextMenu.MenuItem$1, _tslib.__assign({}, props), props.text); } : _f;
+    var _f = utils.deleteNullish(props).renderMenuItem, renderMenuItem = _f === void 0 ? function (props) { return React__default.default.createElement(ui_ContextMenu.MenuItem$1, _tslib.__assign({}, props), props.text); } : _f;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var triggerRef = React.useRef(null);
     var containerRef = React.useRef(null);
@@ -58,20 +62,20 @@ function MessageMenu(props) {
         || showMenuItemDelete)) {
         return null;
     }
-    return (React.createElement("div", { className: index.getClassName([className !== null && className !== void 0 ? className : '', 'sendbird-message-item-menu']), ref: containerRef },
-        React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-message-item-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
+    return (React__default.default.createElement("div", { className: index.getClassName([className !== null && className !== void 0 ? className : '', 'sendbird-message-item-menu']), ref: containerRef },
+        React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.default.createElement(ui_IconButton, { className: "sendbird-message-item-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
                     toggleDropdown();
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(true);
                 }, onBlur: function () {
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
                 } },
-                React.createElement(ui_Icon.default, { className: "sendbird-message-item-menu__trigger__icon", testID: "sendbird-message-item-menu__trigger__icon", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                React__default.default.createElement(ui_Icon.default, { className: "sendbird-message-item-menu__trigger__icon", testID: "sendbird-message-item-menu__trigger__icon", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
                 var _a, _b;
                 var closeDropdown = function () {
                     close();
                     setSupposedHover === null || setSupposedHover === void 0 ? void 0 : setSupposedHover(false);
                 };
-                return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-message-item-menu__list", testID: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
+                return (React__default.default.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-message-item-menu__list", testID: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
                     showMenuItemCopy && (renderMenuItem({
                         className: 'sendbird-message-item-menu__list__menu-item menu-item-copy',
                         onClick: function () {

package/cjs/ui/MessageItemMenu.js.map

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

package/cjs/ui/MessageItemReactionMenu.js

@@ -3,30 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-B_eF_lLw.js');
+var ui_ContextMenu = require('../chunks/bundle-5SGoePaQ.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../chunks/bundle-VyDwmxN4.js');
-require('../chunks/bundle-Cu2j1EmN.js');
+var index = require('../chunks/bundle-E1Tkj9Pc.js');
+require('../chunks/bundle-BSZgogl8.js');
 require('react-dom');
-require('../chunks/bundle-CO52Wsr3.js');
+require('../chunks/bundle-BsUVmQmx.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-DAzWBBxC.js');
 require('../withSendbird.js');
-require('../chunks/bundle-Bq4FcvTF.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
-require('../chunks/bundle-BM95N32D.js');
-require('../chunks/bundle-BHieBSdL.js');
-require('../chunks/bundle-D0U-xAFE.js');
+require('../chunks/bundle-BZCLEq3c.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B9Jxp8fA.js');
+require('../chunks/bundle-CLsH2CaE.js');
+require('../chunks/bundle-CteyVr3n.js');
+require('../chunks/bundle-DW5WyVEg.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-_xb0mhf9.js');
+require('../chunks/bundle-BafSf9GJ.js');
+require('../chunks/bundle-C6bh_Eny.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function MessageEmojiMenu(_a) {
     var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction;
@@ -35,22 +39,22 @@ function MessageEmojiMenu(_a) {
     if (index.isPendingMessage(message) || index.isFailedMessage(message)) {
         return null;
     }
-    return (React.createElement("div", { className: index.getClassName([className !== null && className !== void 0 ? className : '', 'sendbird-message-item-reaction-menu']), ref: containerRef },
-        React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-message-item-reaction-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
+    return (React__default.default.createElement("div", { className: index.getClassName([className !== null && className !== void 0 ? className : '', 'sendbird-message-item-reaction-menu']), ref: containerRef },
+        React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.default.createElement(ui_IconButton, { className: "sendbird-message-item-reaction-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
                     toggleDropdown();
                 } },
-                React.createElement(ui_Icon.default, { className: "sendbird-message-item-reaction-menu__trigger__icon", testID: "sendbird-message-item-reaction-menu__trigger__icon", type: ui_Icon.IconTypes.EMOJI_MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (closeDropdown) {
-                return (React.createElement(ui_ContextMenu.EmojiListItems, { id: ui_ContextMenu.getObservingId(message.messageId), parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, spaceFromTrigger: spaceFromTrigger }, emojiContainer && index.getEmojiListAll(emojiContainer).map(function (emoji) {
+                React__default.default.createElement(ui_Icon.default, { className: "sendbird-message-item-reaction-menu__trigger__icon", testID: "sendbird-message-item-reaction-menu__trigger__icon", type: ui_Icon.IconTypes.EMOJI_MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (closeDropdown) {
+                return (React__default.default.createElement(ui_ContextMenu.EmojiListItems, { id: ui_ContextMenu.getObservingId(message.messageId), parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, spaceFromTrigger: spaceFromTrigger }, emojiContainer && index.getEmojiListAll(emojiContainer).map(function (emoji) {
                     var _a, _b, _c;
                     var isReacted = ((_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.find(function (reaction) { return reaction.key === emoji.key; })) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; })) || false;
-                    return (React.createElement(ui_ReactionButton, { key: emoji.key, width: "36px", height: "36px", selected: isReacted, onClick: function () {
+                    return (React__default.default.createElement(ui_ReactionButton, { key: emoji.key, width: "36px", height: "36px", selected: isReacted, onClick: function () {
                             closeDropdown();
                             toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
                         }, testID: "ui_emoji_reactions_menu_".concat(emoji.key) },
-                        React.createElement(ui_ImageRenderer.default, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (_a) {
+                        React__default.default.createElement(ui_ImageRenderer.default, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (_a) {
                                 var style = _a.style;
-                                return (React.createElement("div", { style: style },
-                                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.QUESTION, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                                return (React__default.default.createElement("div", { style: style },
+                                    React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.QUESTION, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
                             } })));
                 })));
             } })));

package/cjs/ui/MessageItemReactionMenu.js.map

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

package/cjs/ui/MessageMenu.js

@@ -1,28 +1,28 @@
 'use strict';
 
-var MessageMenu = require('../chunks/bundle-CxhOA6gq.js');
-var ui_ContextMenu = require('../chunks/bundle-B_eF_lLw.js');
+var MessageMenu = require('../chunks/bundle-DFDL4gbf.js');
+var ui_ContextMenu = require('../chunks/bundle-5SGoePaQ.js');
 require('react');
-require('../chunks/bundle-CO52Wsr3.js');
+require('../chunks/bundle-BsUVmQmx.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-Cu2j1EmN.js');
+require('../chunks/bundle-BSZgogl8.js');
 require('./IconButton.js');
 require('./Icon.js');
-require('../chunks/bundle-VyDwmxN4.js');
+require('../chunks/bundle-E1Tkj9Pc.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-_xb0mhf9.js');
-require('../chunks/bundle-Bq4FcvTF.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
+require('../chunks/bundle-BafSf9GJ.js');
+require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-BZCLEq3c.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B9Jxp8fA.js');
 require('@sendbird/chat');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BkKs2HEQ.js');
-require('../chunks/bundle-BM95N32D.js');
+require('../chunks/bundle-DAzWBBxC.js');
+require('../chunks/bundle-CLsH2CaE.js');
 
 
 

package/cjs/ui/MessageSearchFileItem.js

@@ -1,25 +1,29 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../chunks/bundle-BSZgogl8.js');
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-B56LqPOh.js');
+var ui_Avatar = require('../chunks/bundle-Cq7gxYWj.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BM95N32D.js');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
-var index$1 = require('../chunks/bundle-Di0c83Tp.js');
-var index = require('../chunks/bundle-C4CtpUvD.js');
-var index$2 = require('../chunks/bundle-VyDwmxN4.js');
-var utils = require('../chunks/bundle-BV4k8A-L.js');
+var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var index$1 = require('../chunks/bundle-Cmc_F-zF.js');
+var index = require('../chunks/bundle-B8d4gIYz.js');
+var index$2 = require('../chunks/bundle-E1Tkj9Pc.js');
+var utils = require('../chunks/bundle-BInYg-47.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CO52Wsr3.js');
-require('../chunks/bundle-CQbuVhqz.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
-require('../chunks/bundle-_xb0mhf9.js');
-require('../chunks/bundle-DAJdesda.js');
+require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-CGBazQAC.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B9Jxp8fA.js');
+require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-DBvrEPDQ.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
+require('../chunks/bundle-BafSf9GJ.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;
@@ -70,23 +74,23 @@ function MessageSearchFileItem(props) {
     var _a = LocalizationContext.useLocalization(), stringSet = _a.stringSet, dateLocale = _a.dateLocale;
     var isVoiceMsg = index$2.isVoiceMessage(message);
     var prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : (name || url);
-    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+    return (React__default.default.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-message-search-file-item',
             selected ? 'sendbird-message-search-file-item--selected' : '',
         ], false).join(' '), onClick: function (e) {
             e.stopPropagation();
             onClick === null || onClick === void 0 ? void 0 : onClick(message);
         } },
-        React.createElement("div", { className: "sendbird-message-search-file-item__left" },
-            React.createElement(ui_Avatar.Avatar, { className: "sendbird-message-search-file-item__left__sender-avatar", src: profileUrl, alt: "profile image", width: "56px", height: "56px" })),
-        React.createElement("div", { className: "sendbird-message-search-file-item__right" },
-            React.createElement(ui_Label.Label, { className: "sendbird-message-search-file-item__right__sender-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, nickname || stringSet.NO_NAME),
-            React.createElement("div", { className: "sendbird-message-search-file-item__right__content" },
-                !isVoiceMsg && (React.createElement("div", { className: 'sendbird-message-search-file-item__right__content__type-icon' },
-                    React.createElement(ui_Icon.default, { type: getIconOfFileType(message), fillColor: ui_Icon.IconColors.PRIMARY, width: "18px", height: "18px" }))),
-                React.createElement(ui_Label.Label, { className: "sendbird-message-search-file-item__right__content__url", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, prettyFilename))),
-        React.createElement(ui_Label.Label, { className: "sendbird-message-search-file-item__message-created-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, getCreatedAt({ createdAt: createdAt, locale: dateLocale, stringSet: stringSet })),
-        React.createElement("div", { className: "sendbird-message-search-file-item__right-footer" })));
+        React__default.default.createElement("div", { className: "sendbird-message-search-file-item__left" },
+            React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-message-search-file-item__left__sender-avatar", src: profileUrl, alt: "profile image", width: "56px", height: "56px" })),
+        React__default.default.createElement("div", { className: "sendbird-message-search-file-item__right" },
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird-message-search-file-item__right__sender-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, nickname || stringSet.NO_NAME),
+            React__default.default.createElement("div", { className: "sendbird-message-search-file-item__right__content" },
+                !isVoiceMsg && (React__default.default.createElement("div", { className: 'sendbird-message-search-file-item__right__content__type-icon' },
+                    React__default.default.createElement(ui_Icon.default, { type: getIconOfFileType(message), fillColor: ui_Icon.IconColors.PRIMARY, width: "18px", height: "18px" }))),
+                React__default.default.createElement(ui_Label.Label, { className: "sendbird-message-search-file-item__right__content__url", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, prettyFilename))),
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-message-search-file-item__message-created-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, getCreatedAt({ createdAt: createdAt, locale: dateLocale, stringSet: stringSet })),
+        React__default.default.createElement("div", { className: "sendbird-message-search-file-item__right-footer" })));
 }
 
 module.exports = MessageSearchFileItem;

package/cjs/ui/MessageSearchFileItem.js.map

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