@sendbird/uikit-react 3.8.2 → 3.9.0

package/ui/QuoteMessageInput.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
-import { c as isFileMessage, b as isMultipleFilesMessage, i as isVoiceMessage, F as isImageMessage, x as isVideoMessage, G as isImageFileInfo, r as isThumbnailMessage, H as isAudioMessage, n as getClassName, y as isGifMessage, j as isUserMessage, t as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-UW-TqfsF.js';
+import { c as isFileMessage, b as isMultipleFilesMessage, i as isVoiceMessage, F as isImageMessage, x as isVideoMessage, G as isImageFileInfo, r as isThumbnailMessage, H as isAudioMessage, n as getClassName, y as isGifMessage, j as isUserMessage, t as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-ZT6XnGSN.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
 import ImageRenderer from './ImageRenderer.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-9AVOtanU.js';
-import '../chunks/bundle-HUCZoqot.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-WZvwkbYN.js';
+import '../chunks/bundle-Y6TqPszM.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-zz1eCYds.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-JuKER7D_.js';
 
 var ReactionBadge = React__default.forwardRef(function (props, ref) {
     var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;

package/ui/ReactionButton.js

@@ -1,8 +1,8 @@
-import { _ as __assign, a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { _ as __assign, a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { u as useLongPress } from '../chunks/bundle-HTP_W562.js';
-import { n as noop } from '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-nB9Rk0Vg.js';
+import { u as useLongPress } from '../chunks/bundle-cJc3JBZb.js';
+import { n as noop } from '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-Mn36ivpf.js';
 
 var ReactionButton = React__default.forwardRef(function (props, ref) {
     var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../chunks/bundle-LutukB6f.js';
+import { u as uuidv4 } from '../chunks/bundle-8VA5hO1c.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-8Ct4JuXG.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-LhtrqZSE.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,28 +1,29 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import { n as getClassName, g as isEditedMessage } from '../chunks/bundle-UW-TqfsF.js';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
-import { t as tokenizeMessage } from '../chunks/bundle-EaGyVrR8.js';
-import { T as TextFragment } from '../chunks/bundle-grxc9ClY.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-WiQweU5U.js';
-import '../chunks/bundle-HUCZoqot.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import { n as getClassName, g as isEditedMessage } from '../chunks/bundle-ZT6XnGSN.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
+import { t as tokenizeMessage } from '../chunks/bundle-lSKfBDuq.js';
+import { T as TextFragment } from '../chunks/bundle-GiSLT4lG.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-zCWUhqT2.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import '../chunks/bundle-JuKER7D_.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
-import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-zz1eCYds.js';
+import '../chunks/bundle-xgxXEKxk.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-LutukB6f.js';
+import '../chunks/bundle-8VA5hO1c.js';
 import './UserProfile.js';
-import '../chunks/bundle-5WxplyP9.js';
+import '../chunks/bundle-3WQuaADd.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Ey2KFn-R.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-cTKDcBXH.js';
+import '../chunks/bundle-7x4clnC7.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-Tep20T57.js';
 import './ImageRenderer.js';
+import '../chunks/bundle-2AUp3oeN.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';

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,15 @@
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-cTKDcBXH.js';
+import { A as Avatar } from '../chunks/bundle-Tep20T57.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import { u as useLocalization } from '../chunks/bundle-1O7rPYFy.js';
-import { u as uuidv4 } from '../chunks/bundle-LutukB6f.js';
-import '../chunks/bundle-HUCZoqot.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import { u as useLocalization } from '../chunks/bundle-Xly_X4hP.js';
+import { u as uuidv4 } from '../chunks/bundle-8VA5hO1c.js';
+import '../chunks/bundle-Y6TqPszM.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-2AUp3oeN.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
 
 function ThreadReplies(_a) {
     var _b;

package/ui/ThreadReplies.js.map

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

package/ui/ThumbnailMessageItemBody.js

@@ -1,14 +1,14 @@
-import { _ as __assign } from '../chunks/bundle-HUCZoqot.js';
+import { _ as __assign } from '../chunks/bundle-Y6TqPszM.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { k as isSentMessage, n as getClassName, x as isVideoMessage, y as isGifMessage } from '../chunks/bundle-UW-TqfsF.js';
-import { n as noop } from '../chunks/bundle-fBRojj0w.js';
-import { u as useLongPress } from '../chunks/bundle-HTP_W562.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-9AVOtanU.js';
+import { k as isSentMessage, n as getClassName, x as isVideoMessage, y as isGifMessage } from '../chunks/bundle-ZT6XnGSN.js';
+import { n as noop } from '../chunks/bundle-JhG5BHdE.js';
+import { u as useLongPress } from '../chunks/bundle-cJc3JBZb.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-WZvwkbYN.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
-import '../chunks/bundle-nB9Rk0Vg.js';
+import '../chunks/bundle-zz1eCYds.js';
+import '../chunks/bundle-Mn36ivpf.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-HUCZoqot.js';
+import { _ as __assign } from '../chunks/bundle-Y6TqPszM.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 

package/ui/Tooltip.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-JuKER7D_.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 { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;

package/ui/TypingIndicatorBubble.js

@@ -0,0 +1,67 @@
+import React__default, { useLayoutEffect } from 'react';
+import { A as Avatar, a as AvatarDefault } from '../chunks/bundle-Tep20T57.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import './ImageRenderer.js';
+import '../chunks/bundle-8VA5hO1c.js';
+import '../chunks/bundle-2AUp3oeN.js';
+import './Icon.js';
+import '../chunks/bundle-JhG5BHdE.js';
+
+var TypingDots = function () {
+    return (React__default.createElement("div", { className: 'typing-dots-container' },
+        React__default.createElement("span", null),
+        React__default.createElement("span", null),
+        React__default.createElement("span", null)));
+};
+
+var AVATAR_BORDER_SIZE = 2;
+var AVATAR_DIAMETER_WITHOUT_BORDER = 28;
+var AVATAR_DIAMETER = AVATAR_DIAMETER_WITHOUT_BORDER + (AVATAR_BORDER_SIZE * 2);
+var LEFT_GAP = 24;
+var MAX_PROFILES_COUNT = 3;
+var LEFT_FOR_BORDER = AVATAR_BORDER_SIZE;
+var AvatarStack = function (props) {
+    var sources = props.sources, max = props.max;
+    return (React__default.createElement(React__default.Fragment, null,
+        " ",
+        sources.slice(0, max).map(function (src, index) { return (React__default.createElement(Avatar, { className: 'sendbird-message-content__left__avatar multiple', src: src || '', key: "avatar_stack_item_".concat(src), 
+            // TODO: Divide getting profileUrl logic to utils
+            width: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), height: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), zIndex: index, left: "".concat(index * LEFT_GAP - LEFT_FOR_BORDER, "px") })); }),
+        " "));
+};
+var TypingIndicatorBubbleAvatar = function (props) {
+    var typingMembers = props.typingMembers;
+    var membersCount = typingMembers.length;
+    var displayCount = Math.min(membersCount, 4);
+    var hiddenCount = membersCount - MAX_PROFILES_COUNT;
+    var superImposedWidth = ((displayCount - 1) * (AVATAR_DIAMETER - LEFT_GAP));
+    var rightPaddingSize = 12;
+    return (React__default.createElement("div", { className: 'sendbird-message-content__left incoming', style: {
+            minWidth: (displayCount * AVATAR_DIAMETER) - superImposedWidth + rightPaddingSize,
+        } },
+        React__default.createElement(AvatarStack, { sources: typingMembers.map(function (member) { return member.profileUrl; }), max: MAX_PROFILES_COUNT }),
+        hiddenCount > 0
+            ? React__default.createElement(Avatar, { className: 'sendbird-message-content__left__avatar multiple', 
+                // TODO: Divide getting profileUrl logic to utils
+                width: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), height: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), zIndex: MAX_PROFILES_COUNT, left: "".concat(MAX_PROFILES_COUNT * LEFT_GAP, "px"), customDefaultComponent: function (_a) {
+                    var width = _a.width, height = _a.height;
+                    return (React__default.createElement(AvatarDefault, { width: width, height: height, text: "+".concat(hiddenCount) }));
+                } })
+            : null));
+};
+var TypingIndicatorBubble = function (props) {
+    var typingMembers = props.typingMembers, handleScroll = props.handleScroll;
+    if (typingMembers.length === 0)
+        return null;
+    useLayoutEffect(function () {
+        // Keep the scrollBottom value after fetching new message list
+        handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
+    }, []);
+    return React__default.createElement("div", { className: 'sendbird-message-content incoming', style: { marginBottom: '2px' } },
+        React__default.createElement(TypingIndicatorBubbleAvatar, { typingMembers: typingMembers }),
+        React__default.createElement("div", { className: 'sendbird-message-content__middle' },
+            React__default.createElement(TypingDots, null)));
+};
+
+export { TypingIndicatorBubble as default };
+//# sourceMappingURL=TypingIndicatorBubble.js.map

package/ui/TypingIndicatorBubble.js.map

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

package/ui/UnknownMessageItemBody.js

@@ -1,12 +1,12 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import { n as getClassName } from '../chunks/bundle-UW-TqfsF.js';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
-import '../chunks/bundle-HUCZoqot.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import { n as getClassName } from '../chunks/bundle-ZT6XnGSN.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import '../chunks/bundle-JuKER7D_.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
-import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-zz1eCYds.js';
+import '../chunks/bundle-xgxXEKxk.js';
 
 function UnknownMessageItemBody(_a) {
     var _b;

package/ui/UserListItem.js

@@ -1,29 +1,30 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../chunks/bundle-5WxplyP9.js';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
-import { A as Avatar } from '../chunks/bundle-cTKDcBXH.js';
+import { a as UserProfileContext } from '../chunks/bundle-3WQuaADd.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
+import { A as Avatar } from '../chunks/bundle-Tep20T57.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-qJVzRD5Y.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
 import './ImageRenderer.js';
+import '../chunks/bundle-8VA5hO1c.js';
+import '../chunks/bundle-2AUp3oeN.js';
 import './Icon.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-LutukB6f.js';
+import '../chunks/bundle-JhG5BHdE.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Ey2KFn-R.js';
+import '../chunks/bundle-7x4clnC7.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-UW-TqfsF.js';
+import '../chunks/bundle-ZT6XnGSN.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-zz1eCYds.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;

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/UserProfile.js

@@ -1,19 +1,20 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
-import { a as UserProfileContext } from '../chunks/bundle-5WxplyP9.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
+import { a as UserProfileContext } from '../chunks/bundle-3WQuaADd.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
-import { A as Avatar } from '../chunks/bundle-cTKDcBXH.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import { A as Avatar } from '../chunks/bundle-Tep20T57.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
 import Button, { ButtonTypes } from './Button.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
-import '../chunks/bundle-Ey2KFn-R.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
+import '../chunks/bundle-7x4clnC7.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-Y6TqPszM.js';
 import './ImageRenderer.js';
+import '../chunks/bundle-8VA5hO1c.js';
+import '../chunks/bundle-2AUp3oeN.js';
 import './Icon.js';
-import '../chunks/bundle-LutukB6f.js';
 import '../withSendbird.js';
 
 function UserProfile(_a) {

package/ui/UserProfile.js.map

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

package/ui/VoiceMessageInput.js

@@ -0,0 +1,15 @@
+import 'react';
+import './PlaybackTime.js';
+import './ProgressBar.js';
+import './TextButton.js';
+import './Icon.js';
+import '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-Xly_X4hP.js';
+export { a as VoiceMessageInput } from '../chunks/bundle-nHhZeAVb.js';
+import '../chunks/bundle-Sk3SXXP7.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-LhtrqZSE.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-xgxXEKxk.js';
+//# sourceMappingURL=VoiceMessageInput.js.map

package/ui/VoiceMessageInput.js.map

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

package/ui/VoiceMessageItemBody.js

@@ -4,19 +4,19 @@ import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
 import { PlaybackTime } from './PlaybackTime.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import { V as VOICE_PLAYER_STATUS } from '../chunks/bundle-fiU7Tho8.js';
-import '../chunks/bundle-fRhlDZge.js';
+import { a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import { V as VOICE_PLAYER_STATUS } from '../chunks/bundle-Ku1a64TD.js';
+import '../chunks/bundle-Sk3SXXP7.js';
 import '../VoiceRecorder/context.js';
-import '../chunks/bundle-1O7rPYFy.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
-import '../chunks/bundle-mg_7Exot.js';
+import '../chunks/bundle-Xly_X4hP.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
+import '../chunks/bundle-5JvP07dI.js';
 import 'react-dom';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-nB9Rk0Vg.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-Mn36ivpf.js';
 import './IconButton.js';
-import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-Y6TqPszM.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/Word.js

@@ -1,25 +1,26 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../chunks/bundle-qJVzRD5Y.js';
+import { a as LabelTypography } from '../chunks/bundle-0IelBspE.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../chunks/bundle-LutukB6f.js';
-import { z as convertWordToStringObj, S as StringObjType } from '../chunks/bundle-UW-TqfsF.js';
+import { u as uuidv4 } from '../chunks/bundle-8VA5hO1c.js';
+import { z as convertWordToStringObj, S as StringObjType } from '../chunks/bundle-ZT6XnGSN.js';
 import MentionLabel from './MentionLabel.js';
-import '../chunks/bundle-HUCZoqot.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import '../chunks/bundle-JuKER7D_.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-zz1eCYds.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../chunks/bundle-1O7rPYFy.js';
-import '../chunks/bundle-FxBVAeu9.js';
-import '../chunks/bundle-5WxplyP9.js';
+import '../chunks/bundle-Xly_X4hP.js';
+import '../chunks/bundle-xgxXEKxk.js';
+import '../chunks/bundle-3WQuaADd.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Ey2KFn-R.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-cTKDcBXH.js';
+import '../chunks/bundle-7x4clnC7.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-Tep20T57.js';
 import './ImageRenderer.js';
+import '../chunks/bundle-2AUp3oeN.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';

package/ui/Word.js.map

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

package/useSendbirdStateContext.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
-import './chunks/bundle-HUCZoqot.js';
+import './chunks/bundle-Y6TqPszM.js';
 
 /**
  * Example:

package/utils/message/isVoiceMessage.js

@@ -1,7 +1,7 @@
-import { i as isVoiceMessage$1 } from '../../chunks/bundle-UW-TqfsF.js';
-import '../../chunks/bundle-HUCZoqot.js';
+import { i as isVoiceMessage$1 } from '../../chunks/bundle-ZT6XnGSN.js';
+import '../../chunks/bundle-Y6TqPszM.js';
 import './getOutgoingMessageState.js';
-import '../../chunks/bundle-qReOreYH.js';
+import '../../chunks/bundle-zz1eCYds.js';
 
 var isVoiceMessage = isVoiceMessage$1;
 

package/withSendbird.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './chunks/bundle-HUCZoqot.js';
+import { _ as __assign } from './chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
 
 var SendbirdSdkContext = React__default.createContext(null);

package/chunks/bundle-1O7rPYFy.js.map

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

package/chunks/bundle-2zaLibl-.js.map

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

package/chunks/bundle-4yQvKOnq.js.map

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

package/chunks/bundle-5WxplyP9.js.map

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

package/chunks/bundle-5asq-E-v.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-5asq-E-v.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/bundle-8Ct4JuXG.js.map

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

package/chunks/bundle-9AVOtanU.js.map

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

package/chunks/bundle-EoW7JC-6.js.map

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

package/chunks/bundle-Ey2KFn-R.js.map

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

package/chunks/bundle-GaBLtZQZ.js.map

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

package/chunks/bundle-HTP_W562.js.map

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

package/chunks/bundle-I0NSP9ei.js.map

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

package/chunks/bundle-L1jL1HlF.js.map

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

package/chunks/bundle-LutukB6f.js.map

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

package/chunks/bundle-NRuB0VyT.js.map

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

package/chunks/bundle-UvPIovuO.js.map

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

package/chunks/bundle-WiQweU5U.js.map

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

package/chunks/bundle-atKtJDZx.js.map

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

package/chunks/bundle-cTKDcBXH.js.map

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

package/chunks/bundle-dGdUFeGw.js.map

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

package/chunks/bundle-fBRojj0w.js.map

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

package/chunks/bundle-fRhlDZge.js.map

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

package/chunks/bundle-grxc9ClY.js.map

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

package/chunks/bundle-iI1ssAAJ.js.map

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

package/chunks/bundle-kdRMkp9s.js.map

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