@sendbird/uikit-react 3.14.11 → 3.14.12-rc.0

package/ui/PlaybackTime.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-DZPdjyt1.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle-Qy7nPeaH.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-65RjZ_9O.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle--6jTPVzP.js';
 
 var PlaybackTime = function (_a) {
     var className = _a.className, _b = _a.time, time = _b === void 0 ? 0 : _b, _c = _a.labelType, labelType = _c === void 0 ? LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? LabelColors.ONCONTENT_1 : _d;

package/ui/ProgressBar.js

@@ -1,5 +1,5 @@
 import React__default, { useMemo } from 'react';
-import { c as classnames } from '../chunks/bundle-DqfiKk6y.js';
+import { c as classnames } from '../chunks/bundle-DcYQjOKO.js';
 
 /* eslint-disable no-redeclare */
 var ProgressBarColorTypes = {

package/ui/QuoteMessage.js

@@ -1,18 +1,18 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
-import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, h as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle--g96ylsl.js';
-import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-BazvqRxz.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.js';
+import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
+import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, h as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-Cbvv0PRz.js';
+import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DQm0X3fe.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
 
 function QuoteMessage(_a) {
     var _b;

package/ui/QuoteMessageInput.js

@@ -1,18 +1,18 @@
 import React__default, { useContext } from 'react';
-import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, L as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle--g96ylsl.js';
+import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, L as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-Cbvv0PRz.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
 import ImageRenderer from './ImageRenderer.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-BazvqRxz.js';
-import '../chunks/bundle-DqCapAeT.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DQm0X3fe.js';
+import '../chunks/bundle-DQSBOtg7.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
+import '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import '../chunks/bundle-Qy7nPeaH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import '../chunks/bundle--6jTPVzP.js';
 
 var ReactionBadge = React__default.forwardRef(function (props, ref) {
     var _a = props.className, className = _a === void 0 ? '' : _a, testID = props.testID, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;

package/ui/ReactionButton.js

@@ -1,8 +1,8 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default from 'react';
-import { u as useLongPress } from '../chunks/bundle-BRnhu3nC.js';
-import { n as noop } from '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-CjWmrMft.js';
+import { u as useLongPress } from '../chunks/bundle-BOBO7Qsp.js';
+import { n as noop } from '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-CzOlpSIQ.js';
 
 var ReactionButton = React__default.forwardRef(function (props, ref) {
     var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, testID = props.testID, onClick = props.onClick, children = props.children;

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../chunks/bundle-BZJwRZ4K.js';
+import { u as uuidv4 } from '../chunks/bundle-K18yplA5.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TemplateMessageItemBody.js

@@ -1,22 +1,22 @@
-import { e as __extends, _ as __assign } from '../chunks/bundle-DqCapAeT.js';
+import { e as __extends, _ as __assign } from '../chunks/bundle-DQSBOtg7.js';
 import React__default, { Component, useState, useEffect } from 'react';
-import { Z as startsWithAtAndEndsWithBraces, _ as removeAtAndBraces, w as getClassName } from '../chunks/bundle--g96ylsl.js';
-import { M as MessageProvider, a as MessageTemplate, C as CompositeComponentType } from '../chunks/bundle-BUVIYyQR.js';
+import { Z as startsWithAtAndEndsWithBraces, _ as removeAtAndBraces, w as getClassName } from '../chunks/bundle-Cbvv0PRz.js';
+import { M as MessageProvider, a as MessageTemplate, C as CompositeComponentType } from '../chunks/bundle-BARe9N-m.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FallbackTemplateMessageItemBody } from './FallbackTemplateMessageItemBody.tsx.js';
 import { LoadingTemplateMessageItemBody } from './LoadingTemplateMessageItemBody.tsx.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
 import '../withSendbird.js';
-import '../chunks/bundle-CtzIZOAD.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.js';
-import '../chunks/bundle-DZPdjyt1.js';
+import '../chunks/bundle-Gdpa0T6A.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.js';
+import '../chunks/bundle-65RjZ_9O.js';
 import './Loader.js';
 import './Icon.js';
-import '../chunks/bundle-DqfiKk6y.js';
+import '../chunks/bundle-DcYQjOKO.js';
 
 var MessageTemplateWrapper = function (_a) {
     var message = _a.message, templateVersion = _a.templateVersion, templateItems = _a.templateItems;

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-BYEyXIlF.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-DyDETZRc.js';
 
 var TextButton = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.color, color = _c === void 0 ? Colors.ONBACKGROUND_1 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.disableUnderline, disableUnderline = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, children = _a.children;

package/ui/TextMessageItemBody.js

@@ -1,37 +1,38 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle--g96ylsl.js';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
-import { t as tokenizeMessage } from '../chunks/bundle-DV1PBDWB.js';
-import { T as TextFragment } from '../chunks/bundle-CQjKo40V.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-BzyPj4Aj.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle-Qy7nPeaH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-Cbvv0PRz.js';
+import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
+import { t as tokenizeMessage } from '../chunks/bundle-ClZVIScP.js';
+import { T as TextFragment } from '../chunks/bundle-Buv5LjNS.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-CQJmhlnP.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle--6jTPVzP.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
-import '../chunks/bundle-BgR4m5uB.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
+import '../chunks/bundle-y21E8nZg.js';
 import '../Message/context.js';
 import './MentionLabel.js';
-import './ContextMenu.js';
+import '../chunks/bundle-CvUmadeB.js';
 import 'react-dom';
-import '../chunks/bundle-DqfiKk6y.js';
+import '../chunks/bundle-DcYQjOKO.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BZJwRZ4K.js';
+import '../chunks/bundle-K18yplA5.js';
+import '../withSendbird.js';
+import './IconButton.js';
 import './UserProfile.js';
-import '../chunks/bundle-X7N3yGkB.js';
+import '../chunks/bundle-CIFV8En7.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CuPeMBUo.js';
-import '../chunks/bundle-C46rfkM4.js';
+import '../chunks/bundle-DTgib7Vc.js';
+import '../chunks/bundle-G3CaEd2_.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-B3I9kUQg.js';
+import '../chunks/bundle-C7NP4Bof.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
-import '../withSendbird.js';
 import './LinkLabel.js';
 
 function TextMessageItemBody(_a) {

package/ui/TextMessageItemBody.js.map

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

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-C46rfkM4.js';
+import { A as Avatar } from '../chunks/bundle-G3CaEd2_.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import { u as useLocalization } from '../chunks/bundle-CtzIZOAD.js';
-import '../chunks/bundle-DqCapAeT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import { u as useLocalization } from '../chunks/bundle-Gdpa0T6A.js';
+import '../chunks/bundle-DQSBOtg7.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-B3I9kUQg.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.js';
+import '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-C7NP4Bof.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.js';
 
 function ThreadReplies(_a, ref) {
     var _b;

package/ui/ThumbnailMessageItemBody.js

@@ -1,16 +1,16 @@
-import { _ as __assign } from '../chunks/bundle-DqCapAeT.js';
+import { _ as __assign } from '../chunks/bundle-DQSBOtg7.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle--g96ylsl.js';
-import { n as noop } from '../chunks/bundle-DqfiKk6y.js';
-import { u as useLongPress } from '../chunks/bundle-BRnhu3nC.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-BazvqRxz.js';
+import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle-Cbvv0PRz.js';
+import { n as noop } from '../chunks/bundle-DcYQjOKO.js';
+import { u as useLongPress } from '../chunks/bundle-BOBO7Qsp.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-DQm0X3fe.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
-import '../chunks/bundle-CjWmrMft.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
+import '../chunks/bundle-CzOlpSIQ.js';
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;

package/ui/Toggle.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useCallback } from 'react';
-import { _ as __assign } from '../chunks/bundle-DqCapAeT.js';
+import { _ as __assign } from '../chunks/bundle-DQSBOtg7.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 

package/ui/Tooltip.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import '../chunks/bundle-Qy7nPeaH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import '../chunks/bundle--6jTPVzP.js';
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;

package/ui/TypingIndicatorBubble.js

@@ -1,9 +1,9 @@
 import React__default, { useLayoutEffect } from 'react';
-import { A as Avatar, a as AvatarDefault } from '../chunks/bundle-C46rfkM4.js';
-import '../chunks/bundle-DqCapAeT.js';
+import { A as Avatar, a as AvatarDefault } from '../chunks/bundle-G3CaEd2_.js';
+import '../chunks/bundle-DQSBOtg7.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-B3I9kUQg.js';
+import '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-C7NP4Bof.js';
 import './Icon.js';
 
 var TypingDots = function () {

package/ui/UnknownMessageItemBody.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import { w as getClassName } from '../chunks/bundle--g96ylsl.js';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle-Qy7nPeaH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import { w as getClassName } from '../chunks/bundle-Cbvv0PRz.js';
+import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle--6jTPVzP.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
-import '../chunks/bundle-BgR4m5uB.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
+import '../chunks/bundle-y21E8nZg.js';
 
 function UnknownMessageItemBody(_a) {
     var _b;

package/ui/UserListItem.js

@@ -1,79 +1,88 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
-import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../chunks/bundle-X7N3yGkB.js';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
-import { A as Avatar } from '../chunks/bundle-C46rfkM4.js';
-import MutedAvatarOverlay from './MutedAvatarOverlay.js';
-import Checkbox from './Checkbox.js';
-import UserProfile from './UserProfile.js';
-import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.js';
-import './ImageRenderer.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-B3I9kUQg.js';
-import './Icon.js';
-import '../sendbirdSelectors.js';
-import '../chunks/bundle-CuPeMBUo.js';
-import './Button.js';
-import '../useSendbirdStateContext.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
+import React__default, { useRef, useContext } from 'react';
+import '@sendbird/uikit-tools';
 import '../withSendbird.js';
-import 'react-dom';
+import '../chunks/bundle-BLM4PZ0X.js';
+import 'css-vars-ponyfill';
+import '../chunks/bundle-Cbvv0PRz.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './SortByRow.js';
-import '../chunks/bundle-BZJwRZ4K.js';
-import '../chunks/bundle--g96ylsl.js';
 import '@sendbird/chat/groupChannel';
+import { c as classnames } from '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-D9r7jFIp.js';
+import { u as useLocalization } from '../chunks/bundle-Gdpa0T6A.js';
+import '../chunks/bundle-CzOlpSIQ.js';
+import { C as ContextMenu, b as MenuItems } from '../chunks/bundle-CvUmadeB.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { a as UserProfileContext } from '../chunks/bundle-CIFV8En7.js';
+import { A as Avatar } from '../chunks/bundle-G3CaEd2_.js';
+import MutedAvatarOverlay from './MutedAvatarOverlay.js';
+import Checkbox from './Checkbox.js';
+import UserProfile from './UserProfile.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import { p as pxToNumber } from '../chunks/bundle-C7NP4Bof.js';
+import 'react-dom';
+import './IconButton.js';
+import './Button.js';
+import './Icon.js';
+import '../chunks/bundle-K18yplA5.js';
+import '../chunks/bundle-CWS6HcnR.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.js';
+import './SortByRow.js';
+import './ImageRenderer.js';
+import '../sendbirdSelectors.js';
+import '../chunks/bundle-DTgib7Vc.js';
 
 function UserListItem(_a) {
-    var user = _a.user, className = _a.className, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, currentUser = _a.currentUser, action = _a.action, onChange = _a.onChange, _b = _a.avatarSize, avatarSize = _b === void 0 ? '40px' : _b, onClick = _a.onClick, onUserAvatarClick = _a.onUserAvatarClick;
+    var user = _a.user, channel = _a.channel, key = _a.key, _b = _a.className, className = _b === void 0 ? undefined : _b, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, action = _a.action, onChange = _a.onChange, _c = _a.avatarSize, avatarSize = _c === void 0 ? '40px' : _c, onClick = _a.onClick, onUserAvatarClick = _a.onUserAvatarClick, renderListItemMenu = _a.renderListItemMenu, _d = _a.size, size = _d === void 0 ? 'normal' : _d;
     var operator = isOperator !== null && isOperator !== void 0 ? isOperator : (user === null || user === void 0 ? void 0 : user.role) === 'operator';
     var uniqueKey = user.userId;
-    var actionRef = React__default.useRef(null);
-    var parentRef = React__default.useRef(null);
-    var avatarRef = React__default.useRef(null);
-    var _c = useContext(UserProfileContext), disableUserProfile = _c.disableUserProfile, renderUserProfile = _c.renderUserProfile;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-user-list-item',
-        ], false).join(' '), ref: parentRef },
-        (user === null || user === void 0 ? void 0 : user.isMuted) && (React__default.createElement(MutedAvatarOverlay, { height: 40, width: 40 })),
-        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(Avatar, { className: "sendbird-user-list-item__avatar", ref: avatarRef, src: (user === null || user === void 0 ? void 0 : user.profileUrl) || (user === null || user === void 0 ? void 0 : user.plainProfileUrl) || '', width: avatarSize, height: avatarSize, onClick: function () {
-                    var _a;
-                    if (!disableUserProfile) {
-                        toggleDropdown();
-                        (_a = (onUserAvatarClick !== null && onUserAvatarClick !== void 0 ? onUserAvatarClick : onClick)) === null || _a === void 0 ? void 0 : _a();
-                    }
-                } })); }, menuItems: function (closeDropdown) { return (renderUserProfile
+    var actionRef = useRef(null);
+    var parentRef = useRef(null);
+    var avatarRef = useRef(null);
+    var _e = useContext(UserProfileContext), disableUserProfile = _e.disableUserProfile, renderUserProfile = _e.renderUserProfile;
+    var stringSet = useLocalization().stringSet;
+    var config = useSendbirdStateContext().config;
+    var currentUser = config.userId;
+    var itemClassName = size === 'small' ? 'sendbird-user-list-item--small' : 'sendbird-user-list-item';
+    var avatarClassName = size === 'small' ? 'sendbird-user-list-item--small__avatar' : 'sendbird-user-list-item__avatar';
+    var titleClassName = size === 'small' ? 'sendbird-user-list-item--small__title' : 'sendbird-user-list-item__title';
+    var subtitleClassName = size === 'small' ? 'sendbird-user-list-item--small__subtitle' : 'sendbird-user-list-item__subtitle';
+    var checkboxClassName = size === 'small' ? 'sendbird-user-list-item--small__checkbox' : 'sendbird-user-list-item__checkbox';
+    var actionClassName = size === 'small' ? 'sendbird-user-list-item--small__action' : 'sendbird-user-list-item__action';
+    var operatorClassName = size === 'small' ? 'sendbird-user-list-item--small__operator' : 'sendbird-user-list-item__operator';
+    return (React__default.createElement("div", { className: classnames.apply(void 0, __spreadArray([itemClassName], (Array.isArray(className) ? className : [className]), false)), ref: parentRef, key: key },
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Avatar, { className: avatarClassName, ref: avatarRef, src: (user === null || user === void 0 ? void 0 : user.profileUrl) || (user === null || user === void 0 ? void 0 : user.plainProfileUrl) || '', width: avatarSize, height: avatarSize, onClick: function () {
+                        var _a;
+                        if (!disableUserProfile) {
+                            toggleDropdown();
+                            (_a = (onUserAvatarClick !== null && onUserAvatarClick !== void 0 ? onUserAvatarClick : onClick)) === null || _a === void 0 ? void 0 : _a();
+                        }
+                    } }),
+                (user === null || user === void 0 ? void 0 : user.isMuted) && (React__default.createElement(MutedAvatarOverlay, { height: pxToNumber(avatarSize), width: pxToNumber(avatarSize) })))); }, menuItems: function (closeDropdown) { return (renderUserProfile
                 ? renderUserProfile({
                     user: user,
                     currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                     close: closeDropdown,
                     avatarRef: avatarRef,
                 })
-                : (React__default.createElement(MenuItems, { openLeft: true, parentRef: avatarRef, 
-                    // for catching location(x, y) of MenuItems
-                    parentContainRef: avatarRef, 
-                    // for toggling more options(menus & reactions)
-                    closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+                : (React__default.createElement(MenuItems, { openLeft: true, parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
                     React__default.createElement(UserProfile, { disableMessaging: disableMessaging, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
-        React__default.createElement(Label, { className: "sendbird-user-list-item__title", type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 },
+        React__default.createElement(Label, { className: titleClassName, type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 },
             user.nickname || stringSet.NO_NAME,
-            (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)), // if there is now nickname, display userId
-        !user.nickname && (React__default.createElement(Label, { className: "sendbird-user-list-item__subtitle", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
-        checkBox && (React__default.createElement("label", { className: "sendbird-user-list-item__checkbox", htmlFor: uniqueKey },
+            (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)),
+        !user.nickname && (React__default.createElement(Label, { className: subtitleClassName, type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
+        checkBox && (React__default.createElement("label", { className: checkboxClassName, htmlFor: uniqueKey },
             React__default.createElement(Checkbox, { id: uniqueKey, checked: checked, disabled: disabled, onChange: function (event) { return onChange === null || onChange === void 0 ? void 0 : onChange(event); } }))),
-        operator && (React__default.createElement(Label, { className: [
-                'sendbird-user-list-item__operator',
-                checkBox ? 'checkbox' : '',
-            ].join(' '), type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.LABEL__OPERATOR)),
-        action && (React__default.createElement("div", { className: "sendbird-user-list-item__action", ref: actionRef }, action({ actionRef: actionRef, parentRef: parentRef })))));
+        operator && (React__default.createElement(Label, { className: classnames(operatorClassName, checkBox && 'checkbox'), type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.LABEL__OPERATOR)),
+        !checkBox && !renderListItemMenu && action && (React__default.createElement("div", { className: actionClassName, ref: actionRef }, action({ actionRef: actionRef, parentRef: parentRef }))),
+        !checkBox && renderListItemMenu && (React__default.createElement("div", { className: actionClassName, ref: actionRef }, renderListItemMenu({ channel: channel, user: user })))));
 }
 
-export { UserListItem as default };
+export { UserListItem, UserListItem as default };
 //# sourceMappingURL=UserListItem.js.map

package/ui/UserListItem.js.map

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

package/ui/UserListItemMenu.js

@@ -0,0 +1,24 @@
+export { U as UserListItemMenu, a as UserListItemMenuProvider, u as useUserListItemMenuContext } from '../chunks/bundle-DBiK-ub4.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import 'react';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
+import '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+import '../chunks/bundle-CvUmadeB.js';
+import 'react-dom';
+import '../chunks/bundle-DcYQjOKO.js';
+import './SortByRow.js';
+import '../chunks/bundle-K18yplA5.js';
+import './IconButton.js';
+import '../chunks/bundle-Cbvv0PRz.js';
+import '@sendbird/chat/groupChannel';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-7DHCXsKX.js';
+import '../chunks/bundle-p1hDqmzG.js';
+import '../chunks/bundle-Gdpa0T6A.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.js';
+import '../chunks/bundle-65RjZ_9O.js';
+import './Icon.js';
+//# sourceMappingURL=UserListItemMenu.js.map

package/ui/UserListItemMenu.js.map

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

package/ui/UserProfile.js

@@ -1,18 +1,18 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
-import { a as UserProfileContext } from '../chunks/bundle-X7N3yGkB.js';
+import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
+import { a as UserProfileContext } from '../chunks/bundle-CIFV8En7.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
-import { A as Avatar } from '../chunks/bundle-C46rfkM4.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
+import { A as Avatar } from '../chunks/bundle-G3CaEd2_.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
 import Button, { ButtonTypes } from './Button.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.js';
-import '../chunks/bundle-CuPeMBUo.js';
-import '../chunks/bundle-DqfiKk6y.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.js';
+import '../chunks/bundle-DTgib7Vc.js';
+import '../chunks/bundle-DcYQjOKO.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-B3I9kUQg.js';
+import '../chunks/bundle-C7NP4Bof.js';
 import './Icon.js';
 import '../withSendbird.js';
 

package/ui/VoiceMessageInput.js

@@ -3,13 +3,13 @@ import './PlaybackTime.js';
 import './ProgressBar.js';
 import './TextButton.js';
 import './Icon.js';
-import '../chunks/bundle-DZPdjyt1.js';
-import '../chunks/bundle-CtzIZOAD.js';
-export { a as VoiceMessageInput } from '../chunks/bundle-RGI-cwuW.js';
-import '../chunks/bundle-DhS_dAXj.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BYEyXIlF.js';
-import '../chunks/bundle-BgR4m5uB.js';
+import '../chunks/bundle-65RjZ_9O.js';
+import '../chunks/bundle-Gdpa0T6A.js';
+export { a as VoiceMessageInput } from '../chunks/bundle-UjnJB9JR.js';
+import '../chunks/bundle-CWS6HcnR.js';
+import '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-DyDETZRc.js';
+import '../chunks/bundle-y21E8nZg.js';
 //# sourceMappingURL=VoiceMessageInput.js.map