@sendbird/uikit-react 3.14.7 → 3.14.8

package/ui/MessageFeedbackFailedModal.js

@@ -1,30 +1,30 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-B_rOpfwf.js';
-import { M as Modal } from '../chunks/bundle-CXddjat5.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import { M as Modal } from '../chunks/bundle-b-FYiCDP.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { u as useKeyDown } from '../chunks/bundle-ef1bGpRZ.js';
-import '../chunks/bundle-CtnlbyqE.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
-import '../chunks/bundle-CuDWL8gy.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { u as useKeyDown } from '../chunks/bundle-CKAOqUX1.js';
+import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
+import '../chunks/bundle-Lg46FDnz.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-cy2fD3AD.js';
+import '../chunks/bundle-C8qp8u68.js';
 import 'react-dom';
-import '../chunks/bundle-CKOMqv9E.js';
+import '../chunks/bundle-CfzNjGmr.js';
 import './IconButton.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-hYgEdA4x.js';
+import '../chunks/bundle-AnT7R0wX.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-Bzt7n3-D.js';
-import '../chunks/bundle-B2PCbkKa.js';
+import '../chunks/bundle-D70fpWll.js';
+import '../chunks/bundle-021cIMZ5.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-BNiQPnk5.js';
+import '../chunks/bundle-CYpEvsrY.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-B_rOpfwf.js';
-import { M as Modal } from '../chunks/bundle-CXddjat5.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import { M as Modal } from '../chunks/bundle-b-FYiCDP.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-B87nIGEb.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CKOMqv9E.js';
-import { u as useKeyDown } from '../chunks/bundle-ef1bGpRZ.js';
-import '../chunks/bundle-CtnlbyqE.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
-import '../chunks/bundle-CuDWL8gy.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CfzNjGmr.js';
+import { u as useKeyDown } from '../chunks/bundle-CKAOqUX1.js';
+import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
+import '../chunks/bundle-Lg46FDnz.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-cy2fD3AD.js';
+import '../chunks/bundle-C8qp8u68.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-hYgEdA4x.js';
+import '../chunks/bundle-AnT7R0wX.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-Bzt7n3-D.js';
-import '../chunks/bundle-B2PCbkKa.js';
+import '../chunks/bundle-D70fpWll.js';
+import '../chunks/bundle-021cIMZ5.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-BNiQPnk5.js';
+import '../chunks/bundle-CYpEvsrY.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-CXbjstQ6.js';
-import '../../../chunks/bundle-BTxU0pki.js';
-import '../../../chunks/bundle-CVd7O0k2.js';
-import '../../../chunks/bundle-CtnlbyqE.js';
-import '../../../chunks/bundle-BuwN5WEP.js';
-import '../../../chunks/bundle-rix7smxF.js';
-import '../../../chunks/bundle-CbgzPP_n.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-DqnsVA96.js';
+import '../../../chunks/bundle-ZA_TsLfg.js';
+import '../../../chunks/bundle-C3fQOaL6.js';
+import '../../../chunks/bundle-DlFdSxvC.js';
+import '../../../chunks/bundle-Cdo_FpIC.js';
+import '../../../chunks/bundle-jsjTDN7O.js';
+import '../../../chunks/bundle-ByyxrO7x.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,23 +1,23 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CtnlbyqE.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
-import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-BTxU0pki.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-CVd7O0k2.js';
+import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-ZA_TsLfg.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-C3fQOaL6.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-CXbjstQ6.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-DqnsVA96.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { u as useLocalization } from '../chunks/bundle-B_rOpfwf.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { u as useLocalization } from '../chunks/bundle-D-emSqoh.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, G as arrayEqual, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-CuDWL8gy.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-DE7fSRle.js';
-import { c as classnames, i as isMobileIOS } from '../chunks/bundle-cy2fD3AD.js';
+import { K, G as arrayEqual, H as isMobileIOS, I as getMimeTypesUIKitAccepts } from '../chunks/bundle-Lg46FDnz.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-r28gqNc0.js';
+import { c as classnames } from '../chunks/bundle-C8qp8u68.js';
 import 'dompurify';
-import '../chunks/bundle-BuwN5WEP.js';
-import '../chunks/bundle-rix7smxF.js';
-import '../chunks/bundle-CbgzPP_n.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import '../chunks/bundle-Cdo_FpIC.js';
+import '../chunks/bundle-jsjTDN7O.js';
+import '../chunks/bundle-ByyxrO7x.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.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-CtnlbyqE.js';
+import { _ as __assign } from '../chunks/bundle-DlFdSxvC.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-CuDWL8gy.js';
-import { L as LocalizationContext } from '../chunks/bundle-B_rOpfwf.js';
-import { R as Role } from '../chunks/bundle-DIFem4s5.js';
-import { d as deleteNullish } from '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-BNiQPnk5.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-Lg46FDnz.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import { R as Role } from '../chunks/bundle-BhFWIfjd.js';
+import { d as deleteNullish } from '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CYpEvsrY.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-hYgEdA4x.js';
-import '../chunks/bundle-B87nIGEb.js';
-import '../chunks/bundle-jnlxpEwT.js';
+import '../chunks/bundle-AnT7R0wX.js';
+import '../chunks/bundle-CJm78NeA.js';
+import '../chunks/bundle-BBNNCVgD.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import '../chunks/bundle-Chh1lOPn.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-CuDWL8gy.js';
-import '../chunks/bundle-BNiQPnk5.js';
-import '../chunks/bundle-CtnlbyqE.js';
+import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-Lg46FDnz.js';
+import '../chunks/bundle-CYpEvsrY.js';
+import '../chunks/bundle-DlFdSxvC.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-hYgEdA4x.js';
-import '../chunks/bundle-B87nIGEb.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-NPIazOH5.js';
-import '../chunks/bundle-CKOMqv9E.js';
+import '../chunks/bundle-AnT7R0wX.js';
+import '../chunks/bundle-CJm78NeA.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-D8vfKzAs.js';
+import '../chunks/bundle-CfzNjGmr.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-CtnlbyqE.js';
+import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-BZoyVX3J.js';
+import { A as Avatar } from '../chunks/bundle-ob8tFv61.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { u as useLocalization } from '../chunks/bundle-B_rOpfwf.js';
-import { f as format } from '../chunks/bundle-BWndmYTX.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BI62XQLq.js';
-import { i as isVoiceMessage } from '../chunks/bundle-CuDWL8gy.js';
-import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-cldO4GYf.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { u as useLocalization } from '../chunks/bundle-D-emSqoh.js';
+import { f as format } from '../chunks/bundle-ByhXcncY.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-CeffBU0n.js';
+import { i as isVoiceMessage } from '../chunks/bundle-Lg46FDnz.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-qV7-WZhl.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-DOKEfD_R.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
-import '../chunks/bundle-BbaL20Cw.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CpOZ-vVg.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
+import '../chunks/bundle-_bdwbH50.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-CtnlbyqE.js';
+import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-BWndmYTX.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BI62XQLq.js';
-import { A as Avatar } from '../chunks/bundle-BZoyVX3J.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { u as useLocalization } from '../chunks/bundle-B_rOpfwf.js';
-import '../chunks/bundle-B0LnLbQA.js';
-import '../chunks/bundle-BbaL20Cw.js';
+import { f as format } from '../chunks/bundle-ByhXcncY.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-CeffBU0n.js';
+import { A as Avatar } from '../chunks/bundle-ob8tFv61.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { u as useLocalization } from '../chunks/bundle-D-emSqoh.js';
+import '../chunks/bundle-Chh1lOPn.js';
+import '../chunks/bundle-_bdwbH50.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-DOKEfD_R.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CpOZ-vVg.js';
 import './Icon.js';
-import '../chunks/bundle-jnlxpEwT.js';
+import '../chunks/bundle-BBNNCVgD.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/ui/MessageStatus.js

@@ -1,17 +1,17 @@
-import '../chunks/bundle-CtnlbyqE.js';
+import '../chunks/bundle-DlFdSxvC.js';
 import 'react';
-import '../chunks/bundle-BWndmYTX.js';
+import '../chunks/bundle-ByhXcncY.js';
 import './Icon.js';
-import '../chunks/bundle-B87nIGEb.js';
+import '../chunks/bundle-CJm78NeA.js';
 import './Loader.js';
-import '../chunks/bundle-CuDWL8gy.js';
+import '../chunks/bundle-Lg46FDnz.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../chunks/bundle-Bv2FvQvj.js';
-import '../chunks/bundle-B_rOpfwf.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-B0LnLbQA.js';
-import '../chunks/bundle-jnlxpEwT.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-DaSr9tmm.js';
+import '../chunks/bundle-D-emSqoh.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-Chh1lOPn.js';
+import '../chunks/bundle-BBNNCVgD.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BI62XQLq.js';
-import '../chunks/bundle-BbaL20Cw.js';
+import '../chunks/bundle-CeffBU0n.js';
+import '../chunks/bundle-_bdwbH50.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-CTKTyDhD.js';
+export { a as MessageTemplate, a as default } from '../chunks/bundle-Dx5z32-k.js';
 //# sourceMappingURL=MessageTemplate.js.map

package/ui/MobileFeedbackMenu.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { u as useLocalization } from '../chunks/bundle-B_rOpfwf.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { u as useLocalization } from '../chunks/bundle-D-emSqoh.js';
 import 'react-dom';
-import '../chunks/bundle-CXddjat5.js';
-import '../chunks/bundle-CtnlbyqE.js';
-import '../chunks/bundle-CuDWL8gy.js';
+import '../chunks/bundle-b-FYiCDP.js';
+import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-Lg46FDnz.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-CKOMqv9E.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CfzNjGmr.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
@@ -17,14 +17,14 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-hYgEdA4x.js';
+import '../chunks/bundle-AnT7R0wX.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-Bzt7n3-D.js';
-import '../chunks/bundle-B2PCbkKa.js';
+import '../chunks/bundle-D70fpWll.js';
+import '../chunks/bundle-021cIMZ5.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-BNiQPnk5.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import '../chunks/bundle-CYpEvsrY.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;

package/ui/Modal.js

@@ -1,27 +1,27 @@
-import '../chunks/bundle-CtnlbyqE.js';
+import '../chunks/bundle-DlFdSxvC.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-cy2fD3AD.js';
-export { M as Modal, f as ModalBody, c as ModalFooter, e as ModalHeader, M as default } from '../chunks/bundle-CXddjat5.js';
-import '../chunks/bundle-B_rOpfwf.js';
-import '../chunks/bundle-CKOMqv9E.js';
+import '../chunks/bundle-C8qp8u68.js';
+export { M as Modal, f as ModalBody, c as ModalFooter, e as ModalHeader, M as default } from '../chunks/bundle-b-FYiCDP.js';
+import '../chunks/bundle-D-emSqoh.js';
+import '../chunks/bundle-CfzNjGmr.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-B87nIGEb.js';
+import '../chunks/bundle-CJm78NeA.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-CuDWL8gy.js';
+import '../chunks/bundle-Lg46FDnz.js';
 import '@sendbird/chat';
-import '../chunks/bundle-hYgEdA4x.js';
+import '../chunks/bundle-AnT7R0wX.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-Bzt7n3-D.js';
-import '../chunks/bundle-BNiQPnk5.js';
+import '../chunks/bundle-D70fpWll.js';
+import '../chunks/bundle-CYpEvsrY.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-B2PCbkKa.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import '../chunks/bundle-021cIMZ5.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
 import '../utils/message/getOutgoingMessageState.js';
 //# sourceMappingURL=Modal.js.map

package/ui/MutedAvatarOverlay.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-CtnlbyqE.js';
-import '../chunks/bundle-cy2fD3AD.js';
+import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-C8qp8u68.js';
 
 function MutedAvatarOverlay(props) {
     var _a = props.height, height = _a === void 0 ? 24 : _a, _b = props.width, width = _b === void 0 ? 24 : _b;

package/ui/OGMessageItemBody.js

@@ -1,34 +1,34 @@
 import React__default, { useContext, useMemo, useRef, useEffect } from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-CuDWL8gy.js';
-import { L as LocalizationContext } from '../chunks/bundle-B_rOpfwf.js';
-import { T as TextFragment } from '../chunks/bundle-BRK8g8DU.js';
-import { t as tokenizeMessage } from '../chunks/bundle-DE7fSRle.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-CbgzPP_n.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CKOMqv9E.js';
-import { o as openURL, c as classnames } from '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-CtnlbyqE.js';
-import '../chunks/bundle-jnlxpEwT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-Lg46FDnz.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import { T as TextFragment } from '../chunks/bundle-BfC8BXO3.js';
+import { t as tokenizeMessage } from '../chunks/bundle-r28gqNc0.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-ByyxrO7x.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CfzNjGmr.js';
+import { o as openURL, c as classnames } from '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-BBNNCVgD.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import '../chunks/bundle-Chh1lOPn.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../chunks/bundle-BNiQPnk5.js';
+import '../chunks/bundle-CYpEvsrY.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-hYgEdA4x.js';
+import '../chunks/bundle-AnT7R0wX.js';
 import './UserProfile.js';
-import '../chunks/bundle-D2-qqcCQ.js';
+import '../chunks/bundle-BQIouDdf.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DBe-a7XX.js';
-import '../chunks/bundle-BZoyVX3J.js';
-import '../chunks/bundle-DOKEfD_R.js';
+import '../chunks/bundle-DcWxk5a4.js';
+import '../chunks/bundle-ob8tFv61.js';
+import '../chunks/bundle-CpOZ-vVg.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenChannelAdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CtnlbyqE.js';
+import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import '../chunks/bundle-jnlxpEwT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import '../chunks/bundle-BBNNCVgD.js';
 
 function OpenChannelAdminMessage(_a) {
     var className = _a.className, message = _a.message;

package/ui/OpenChannelAvatar.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-BZoyVX3J.js';
-import { L as LocalizationContext } from '../chunks/bundle-B_rOpfwf.js';
-import { b as getOpenChannelAvatar } from '../chunks/bundle-D07dmf-d.js';
-import '../chunks/bundle-CtnlbyqE.js';
+import { A as Avatar } from '../chunks/bundle-ob8tFv61.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import { b as getOpenChannelAvatar } from '../chunks/bundle-DDIr59rJ.js';
+import '../chunks/bundle-DlFdSxvC.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-DOKEfD_R.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CpOZ-vVg.js';
 import './Icon.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, theme = _a.theme, _b = _a.height, height = _b === void 0 ? 56 : _b, _c = _a.width, width = _c === void 0 ? 56 : _c;

package/ui/OpenchannelConversationHeader.js

@@ -1,15 +1,15 @@
 import React__default, { useContext } from 'react';
-import { A as Avatar } from '../chunks/bundle-BZoyVX3J.js';
+import { A as Avatar } from '../chunks/bundle-ob8tFv61.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { L as LocalizationContext } from '../chunks/bundle-B_rOpfwf.js';
-import '../chunks/bundle-CtnlbyqE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import '../chunks/bundle-DlFdSxvC.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-DOKEfD_R.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CpOZ-vVg.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
 
 function OpenchannelConversationHeader(_a) {
     var coverImage = _a.coverImage, title = _a.title, subTitle = _a.subTitle, amIOperator = _a.amIOperator, onActionClick = _a.onActionClick;