@sendbird/uikit-react 3.14.7-rc.0 → 3.14.8-rc-0

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
+import { c as __spreadArray } from '../chunks/bundle-DZGTQbIQ.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
-import { o as openURL } from '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle-CqhNkmsl.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
+import { o as openURL } from '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-2-kqCUYe.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
+import { c as __spreadArray } from '../chunks/bundle-DZGTQbIQ.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-DRWAxAQV.js';
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children, testID = _a.testID;

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { c as classnames } from '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle-CCRwOILr.js';
+import { c as classnames } from '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-DZGTQbIQ.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/ui/MentionLabel.js

@@ -1,28 +1,28 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as classnames } from '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle-CM2t7eH3.js';
-import '../chunks/bundle-CCRwOILr.js';
+import { c as classnames } from '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-D4e9r_5E.js';
+import '../chunks/bundle-DZGTQbIQ.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BR1kJOcI.js';
-import '../chunks/bundle-CIHtPXyv.js';
+import '../chunks/bundle-DgHm7Q7u.js';
+import '../chunks/bundle-Dep7yb3u.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CqhNkmsl.js';
-import '../chunks/bundle-BhpRDUCv.js';
-import '../chunks/bundle-144DoI9L.js';
-import '../chunks/bundle-nDjk3-Gt.js';
+import '../chunks/bundle-2-kqCUYe.js';
+import '../chunks/bundle-DscXzkZp.js';
+import '../chunks/bundle-C_0PkSLz.js';
+import '../chunks/bundle-B4S7eiiS.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-ScIM6mz0.js';
-import '../chunks/bundle-DnCl_muj.js';
+import '../chunks/bundle-CnRkOCeA.js';
+import '../chunks/bundle-Cp__-su1.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CkVEsYYj.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';

package/ui/MentionUserLabel.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-DdlWQflQ.js';
-import { c as classnames } from '../chunks/bundle-C5cPwfl7.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-DTtFsf9v.js';
+import { c as classnames } from '../chunks/bundle-DRWAxAQV.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;

package/ui/MessageContent.js

@@ -1,32 +1,32 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CCRwOILr.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-DZGTQbIQ.js';
 import React__default, { useRef, useContext, useState, useMemo } from 'react';
-import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
-import { M as MessageStatus } from '../chunks/bundle-B3G0tTKZ.js';
+import { f as format } from '../chunks/bundle--NHUePTc.js';
+import { M as MessageStatus } from '../chunks/bundle-LwyYu_Fj.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { e as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, P as getMessageContentMiddleClassNameByContainerType, Q as isAdminMessage, w as getClassName, R as UI_CONTAINER_TYPES } from '../chunks/bundle-CIHtPXyv.js';
-import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { e as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, N as isOGMessage, O as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, Q as getMessageContentMiddleClassNameByContainerType, R as isAdminMessage, w as getClassName, V as UI_CONTAINER_TYPES } from '../chunks/bundle-Dep7yb3u.js';
+import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-DscXzkZp.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { EmojiContainer } from '@sendbird/chat';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
-import { M as MobileMenu } from '../chunks/bundle-Bwc4fZzt.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
+import { u as useLongPress } from '../chunks/bundle-CscOrsFl.js';
+import { M as MobileMenu } from '../chunks/bundle-DmlDbpMb.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CONGgsDe.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-Dx-khVyG.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-C5cPwfl7.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-q73cMxSD.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-DRWAxAQV.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-DnCl_muj.js';
+import { A as Avatar } from '../chunks/bundle-Cp__-su1.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-nDjk3-Gt.js';
+import { a as UserProfileContext } from '../chunks/bundle-B4S7eiiS.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-B3Cfr39D.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-a5UowuGG.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
@@ -36,56 +36,56 @@ import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-C_0PkSLz.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BPZfkUNt.js';
-import '../chunks/bundle-Brfb9sy_.js';
+import '../chunks/bundle-DjDbq6q_.js';
+import '../chunks/bundle-Deb0VL8i.js';
 import './IconButton.js';
-import '../chunks/bundle-ZIevlLlV.js';
-import '../chunks/bundle-CM2t7eH3.js';
+import '../chunks/bundle-CBu6zpgN.js';
+import '../chunks/bundle-D4e9r_5E.js';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BR1kJOcI.js';
-import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-DgHm7Q7u.js';
+import '../chunks/bundle-2-kqCUYe.js';
 import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../chunks/bundle-BkNi-A4T.js';
+import '../chunks/bundle-BbEchf9w.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-DZRXYe29.js';
-import '../chunks/bundle-hHUThi_g.js';
+import '../chunks/bundle-l5I18rBj.js';
+import '../chunks/bundle-BePR9e3Z.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CkVEsYYj.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-ScIM6mz0.js';
+import '../chunks/bundle-CnRkOCeA.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-D8YkcooO.js';
-import '../chunks/bundle-Dbcnuh2P.js';
-import '../chunks/bundle-D8FnCo6L.js';
-import '../chunks/bundle-XNbFC3cL.js';
+import '../chunks/bundle-Bfq-8HBA.js';
+import '../chunks/bundle-CfZ4siz1.js';
+import '../chunks/bundle-CDekr0TP.js';
+import '../chunks/bundle-24nHOgOa.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-Cb1XOWfn.js';
-import '../chunks/bundle-BUF13B_d.js';
+import '../chunks/bundle-DLR8HU_J.js';
+import '../chunks/bundle-B51a3wc8.js';
 import './TextButton.js';
-import '../chunks/bundle-ThfYP9g9.js';
-import '../chunks/bundle-LkO70XqN.js';
-import '../chunks/bundle-CEKJ0RSH.js';
+import '../chunks/bundle-D7oF64FT.js';
+import './FileViewer.js';
+import '../chunks/bundle-I9UlaUZV.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-CvjZy952.js';
+import '../chunks/bundle-D_59IOhv.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
 import './Input.js';

package/ui/MessageFeedbackFailedModal.js

@@ -1,30 +1,30 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
-import { M as Modal } from '../chunks/bundle-BkNi-A4T.js';
+import { L as LocalizationContext } from '../chunks/bundle-DscXzkZp.js';
+import { M as Modal } from '../chunks/bundle-BbEchf9w.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
-import { u as useKeyDown } from '../chunks/bundle-CEKJ0RSH.js';
-import '../chunks/bundle-CCRwOILr.js';
-import '../chunks/bundle-CqhNkmsl.js';
-import '../chunks/bundle-144DoI9L.js';
-import '../chunks/bundle-CIHtPXyv.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
+import { u as useKeyDown } from '../chunks/bundle-I9UlaUZV.js';
+import '../chunks/bundle-DZGTQbIQ.js';
+import '../chunks/bundle-2-kqCUYe.js';
+import '../chunks/bundle-C_0PkSLz.js';
+import '../chunks/bundle-Dep7yb3u.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-DRWAxAQV.js';
 import 'react-dom';
-import '../chunks/bundle-BU6Qpz93.js';
+import '../chunks/bundle-CONGgsDe.js';
 import './IconButton.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-BR1kJOcI.js';
+import '../chunks/bundle-DgHm7Q7u.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DZRXYe29.js';
-import '../chunks/bundle-hHUThi_g.js';
+import '../chunks/bundle-l5I18rBj.js';
+import '../chunks/bundle-BePR9e3Z.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-CM2t7eH3.js';
+import '../chunks/bundle-D4e9r_5E.js';
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/ui/MessageFeedbackModal.js

@@ -1,18 +1,18 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
-import { M as Modal } from '../chunks/bundle-BkNi-A4T.js';
+import { L as LocalizationContext } from '../chunks/bundle-DscXzkZp.js';
+import { M as Modal } from '../chunks/bundle-BbEchf9w.js';
 import Button, { ButtonTypes } from './Button.js';
 import Input from './Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
-import { u as useKeyDown } from '../chunks/bundle-CEKJ0RSH.js';
-import '../chunks/bundle-CCRwOILr.js';
-import '../chunks/bundle-CqhNkmsl.js';
-import '../chunks/bundle-144DoI9L.js';
-import '../chunks/bundle-CIHtPXyv.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CONGgsDe.js';
+import { u as useKeyDown } from '../chunks/bundle-I9UlaUZV.js';
+import '../chunks/bundle-DZGTQbIQ.js';
+import '../chunks/bundle-2-kqCUYe.js';
+import '../chunks/bundle-C_0PkSLz.js';
+import '../chunks/bundle-Dep7yb3u.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-DRWAxAQV.js';
 import 'react-dom';
 import './IconButton.js';
 import './Icon.js';
@@ -20,12 +20,12 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-BR1kJOcI.js';
+import '../chunks/bundle-DgHm7Q7u.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DZRXYe29.js';
-import '../chunks/bundle-hHUThi_g.js';
+import '../chunks/bundle-l5I18rBj.js';
+import '../chunks/bundle-BePR9e3Z.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-CM2t7eH3.js';
+import '../chunks/bundle-D4e9r_5E.js';
 
 function MessageFeedbackModal(props) {
     var _a, _b;

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-CP23reH8.js';
-import '../../../chunks/bundle-BzT1IYfR.js';
-import '../../../chunks/bundle-Dx-khVyG.js';
-import '../../../chunks/bundle-CCRwOILr.js';
-import '../../../chunks/bundle-DdlWQflQ.js';
-import '../../../chunks/bundle-BUF13B_d.js';
-import '../../../chunks/bundle-Cb1XOWfn.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-7dXR81Y-.js';
+import '../../../chunks/bundle-CI5ZSpNp.js';
+import '../../../chunks/bundle-q73cMxSD.js';
+import '../../../chunks/bundle-DZGTQbIQ.js';
+import '../../../chunks/bundle-DTtFsf9v.js';
+import '../../../chunks/bundle-B51a3wc8.js';
+import '../../../chunks/bundle-DLR8HU_J.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,23 +1,23 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DZGTQbIQ.js';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
-import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-BzT1IYfR.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-Dx-khVyG.js';
+import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-CI5ZSpNp.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-q73cMxSD.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
-import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-CP23reH8.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-7dXR81Y-.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
-import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
+import { u as useLocalization } from '../chunks/bundle-DscXzkZp.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, G as arrayEqual, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-CIHtPXyv.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-XNbFC3cL.js';
-import { c as classnames, i as isMobileIOS } from '../chunks/bundle-C5cPwfl7.js';
+import { K, G as arrayEqual, H as isMobileIOS, I as getMimeTypesUIKitAccepts } from '../chunks/bundle-Dep7yb3u.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-24nHOgOa.js';
+import { c as classnames } from '../chunks/bundle-DRWAxAQV.js';
 import 'dompurify';
-import '../chunks/bundle-DdlWQflQ.js';
-import '../chunks/bundle-BUF13B_d.js';
-import '../chunks/bundle-Cb1XOWfn.js';
-import '../chunks/bundle-CqhNkmsl.js';
-import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-DTtFsf9v.js';
+import '../chunks/bundle-B51a3wc8.js';
+import '../chunks/bundle-DLR8HU_J.js';
+import '../chunks/bundle-2-kqCUYe.js';
+import '../chunks/bundle-C_0PkSLz.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
@@ -83,6 +83,7 @@ var MessageInput = React__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;
+    var ghostInputRef = useRef(null);
     var textFieldId = messageFieldId || TEXT_FIELD_ID;
     var stringSet = useLocalization().stringSet;
     var config = useSendbirdStateContext().config;
@@ -340,8 +341,19 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
             var params = { message: messageText, mentionTemplate: mentionTemplate };
             onSendMessage(params);
             resetInput(internalRef);
-            // important: keeps the keyboard open -> must add test on refactor
-            textField.focus();
+            /**
+             * Note: contentEditable does not work as expected in mobile WebKit (Safari).
+             * @see https://github.com/sendbird/sendbird-uikit-react/pull/1108
+             */
+            if (isMobileIOS(navigator.userAgent)) {
+                if (ghostInputRef.current)
+                    ghostInputRef.current.focus();
+                requestAnimationFrame(function () { return textField.focus(); });
+            }
+            else {
+                // important: keeps the keyboard open -> must add test on refactor
+                textField.focus();
+            }
             setIsInput(false);
             setHeight();
         }
@@ -367,6 +379,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
     return (React__default.createElement("form", { className: classnames.apply(void 0, __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), false), [isEdit && 'sendbird-message-input__edit',
             disabled && 'sendbird-message-input-form__disabled'], false)) },
         React__default.createElement("div", { className: classnames('sendbird-message-input', disabled && 'sendbird-message-input__disabled'), "data-testid": "sendbird-message-input" },
+            isMobileIOS(navigator.userAgent) && (React__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.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) {
@@ -389,16 +402,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                          * Prevents executing the code while the user is still composing characters.
                          */
                         ) {
-                            /**
-                             * NOTE: contentEditable does not work as expected in mobile WebKit(Safari).
-                             * Events and properties related to composing, necessary for combining characters like Hangul, also seem to be not handled properly.
-                             * When calling e.preventDefault(), it appears that string composition-related behaviors, in addition to the default actions, are also prevented. (maybe)
-                             *
-                             * Due to this issue, even though reset the input with innerHTML, incomplete text compositions from the previous input are displayed in the next input.
-                             * */
-                            if (!isMobileIOS(navigator.userAgent)) {
-                                e.preventDefault();
-                            }
+                            e.preventDefault();
                             sendMessage();
                         }
                         if (e.key === MessageInputKeys.Backspace

package/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/ui/MessageItemMenu.js

@@ -1,23 +1,23 @@
-import { _ as __assign } from '../chunks/bundle-CCRwOILr.js';
+import { _ as __assign } from '../chunks/bundle-DZGTQbIQ.js';
 import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-CIHtPXyv.js';
-import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
-import { R as Role } from '../chunks/bundle-ZIevlLlV.js';
-import { d as deleteNullish } from '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle-CM2t7eH3.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-Dep7yb3u.js';
+import { L as LocalizationContext } from '../chunks/bundle-DscXzkZp.js';
+import { R as Role } from '../chunks/bundle-CBu6zpgN.js';
+import { d as deleteNullish } from '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-D4e9r_5E.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BR1kJOcI.js';
-import '../chunks/bundle-rmCgpYl2.js';
-import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-DgHm7Q7u.js';
+import '../chunks/bundle-zMFwTPRJ.js';
+import '../chunks/bundle-2-kqCUYe.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-C_0PkSLz.js';
 
 function MessageMenu(props) {
     var _a;

package/ui/MessageItemReactionMenu.js

@@ -4,19 +4,19 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-CIHtPXyv.js';
-import '../chunks/bundle-CM2t7eH3.js';
-import '../chunks/bundle-CCRwOILr.js';
+import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-Dep7yb3u.js';
+import '../chunks/bundle-D4e9r_5E.js';
+import '../chunks/bundle-DZGTQbIQ.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BR1kJOcI.js';
-import '../chunks/bundle-rmCgpYl2.js';
-import '../chunks/bundle-CqhNkmsl.js';
-import '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle--dzeu7GZ.js';
-import '../chunks/bundle-BU6Qpz93.js';
+import '../chunks/bundle-DgHm7Q7u.js';
+import '../chunks/bundle-zMFwTPRJ.js';
+import '../chunks/bundle-2-kqCUYe.js';
+import '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-CscOrsFl.js';
+import '../chunks/bundle-CONGgsDe.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 

package/ui/MessageSearchFileItem.js

@@ -1,19 +1,19 @@
-import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
+import { c as __spreadArray } from '../chunks/bundle-DZGTQbIQ.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-DnCl_muj.js';
+import { A as Avatar } from '../chunks/bundle-Cp__-su1.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
-import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
-import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BPZfkUNt.js';
-import { i as isVoiceMessage } from '../chunks/bundle-CIHtPXyv.js';
-import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-Dbcnuh2P.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
+import { u as useLocalization } from '../chunks/bundle-DscXzkZp.js';
+import { f as format } from '../chunks/bundle--NHUePTc.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-DjDbq6q_.js';
+import { i as isVoiceMessage } from '../chunks/bundle-Dep7yb3u.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-CfZ4siz1.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle-BsBFjLW0.js';
-import '../chunks/bundle-CqhNkmsl.js';
-import '../chunks/bundle-144DoI9L.js';
-import '../chunks/bundle-Brfb9sy_.js';
+import '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-CkVEsYYj.js';
+import '../chunks/bundle-2-kqCUYe.js';
+import '../chunks/bundle-C_0PkSLz.js';
+import '../chunks/bundle-Deb0VL8i.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
+import { c as __spreadArray } from '../chunks/bundle-DZGTQbIQ.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BPZfkUNt.js';
-import { A as Avatar } from '../chunks/bundle-DnCl_muj.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
-import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
-import '../chunks/bundle-144DoI9L.js';
-import '../chunks/bundle-Brfb9sy_.js';
+import { f as format } from '../chunks/bundle--NHUePTc.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-DjDbq6q_.js';
+import { A as Avatar } from '../chunks/bundle-Cp__-su1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-zMFwTPRJ.js';
+import { u as useLocalization } from '../chunks/bundle-DscXzkZp.js';
+import '../chunks/bundle-C_0PkSLz.js';
+import '../chunks/bundle-Deb0VL8i.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-CkVEsYYj.js';
 import './Icon.js';
-import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-2-kqCUYe.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/ui/MessageStatus.js

@@ -1,17 +1,17 @@
-import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-DZGTQbIQ.js';
 import 'react';
-import '../chunks/bundle-Bb8eZMFx.js';
+import '../chunks/bundle--NHUePTc.js';
 import './Icon.js';
-import '../chunks/bundle-rmCgpYl2.js';
+import '../chunks/bundle-zMFwTPRJ.js';
 import './Loader.js';
-import '../chunks/bundle-CIHtPXyv.js';
+import '../chunks/bundle-Dep7yb3u.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../chunks/bundle-B3G0tTKZ.js';
-import '../chunks/bundle-BhpRDUCv.js';
-import '../chunks/bundle-C5cPwfl7.js';
-import '../chunks/bundle-144DoI9L.js';
-import '../chunks/bundle-CqhNkmsl.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-LwyYu_Fj.js';
+import '../chunks/bundle-DscXzkZp.js';
+import '../chunks/bundle-DRWAxAQV.js';
+import '../chunks/bundle-C_0PkSLz.js';
+import '../chunks/bundle-2-kqCUYe.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BPZfkUNt.js';
-import '../chunks/bundle-Brfb9sy_.js';
+import '../chunks/bundle-DjDbq6q_.js';
+import '../chunks/bundle-Deb0VL8i.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/MessageTemplate.js

@@ -1,3 +1,3 @@
 import 'react';
-export { a as MessageTemplate, a as default } from '../chunks/bundle-CvjZy952.js';
+export { a as MessageTemplate, a as default } from '../chunks/bundle-D_59IOhv.js';
 //# sourceMappingURL=MessageTemplate.js.map