@sendbird/uikit-react 3.8.2 → 3.9.0

package/chunks/{bundle-BgGUA_Do.js.map → bundle-QO9wq7-1.js.map}

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

package/chunks/{bundle-fRhlDZge.js → bundle-Sk3SXXP7.js}

@@ -26,5 +26,5 @@ var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
 // multiple files message file info count limit
 var DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
 
-export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_BIT_RATE as V, VOICE_MESSAGE_FILE_NAME as a, VOICE_MESSAGE_MIME_TYPE as b, VOICE_RECORDER_AUDIO_SAMPLE_RATE as c, VOICE_PLAYER_AUDIO_ID as d, VOICE_RECORDER_DEFAULT_MIN as e, VOICE_RECORDER_CLICK_BUFFER_TIME as f, VOICE_PLAYER_ROOT_ID as g, SLIDER_BUTTON_ICON_SIDE_LENGTH as h, META_ARRAY_MESSAGE_TYPE_KEY as i, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as j, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as k, VOICE_RECORDER_DEFAULT_MAX as l };
-//# sourceMappingURL=bundle-fRhlDZge.js.map
+export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_BIT_RATE as V, VOICE_MESSAGE_FILE_NAME as a, VOICE_MESSAGE_MIME_TYPE as b, VOICE_RECORDER_DEFAULT_MIN as c, VOICE_RECORDER_AUDIO_SAMPLE_RATE as d, VOICE_PLAYER_AUDIO_ID as e, VOICE_RECORDER_CLICK_BUFFER_TIME as f, VOICE_PLAYER_ROOT_ID as g, SLIDER_BUTTON_ICON_SIDE_LENGTH as h, META_ARRAY_MESSAGE_TYPE_KEY as i, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as j, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as k, VOICE_RECORDER_DEFAULT_MAX as l };
+//# sourceMappingURL=bundle-Sk3SXXP7.js.map

package/chunks/bundle-Sk3SXXP7.js.map

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

package/chunks/{bundle-cTKDcBXH.js → bundle-Tep20T57.js}

@@ -1,25 +1,12 @@
-import { a as __spreadArray } from './bundle-HUCZoqot.js';
+import { a as __spreadArray } from './bundle-Y6TqPszM.js';
 import React__default from 'react';
 import ImageRenderer from '../ui/ImageRenderer.js';
+import { u as uuidv4 } from './bundle-8VA5hO1c.js';
+import { p as pxToNumber } from './bundle-2AUp3oeN.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { u as uuidv4 } from './bundle-LutukB6f.js';
 
-var pxToNumber = function (px) {
-    if (typeof px === 'number') {
-        return px;
-    }
-    if (typeof px === 'string') {
-        var parsed = Number.parseFloat(px);
-        if (!Number.isNaN(parsed)) {
-            return parsed;
-        }
-    }
-    return NaN;
-};
-
-var imageRendererClassName = 'sendbird-avatar-img';
-var DefaultComponent = function (_a) {
-    var width = _a.width, height = _a.height;
+var AvatarDefault = function (props) {
+    var width = props.width, height = props.height, text = props.text;
     var iconWidth = pxToNumber(width);
     var iconHeight = pxToNumber(height);
     if (typeof iconWidth === 'number' && !Number.isNaN(iconWidth)) {
@@ -28,16 +15,17 @@ var DefaultComponent = function (_a) {
     if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
         iconHeight *= 0.575;
     }
-    return (React__default.createElement("div", { className: "sendbird-avatar-img--default", style: { width: width, height: height } },
-        React__default.createElement(Icon, { type: IconTypes.USER, fillColor: IconColors.CONTENT, width: iconWidth, height: iconHeight })));
-};
-var _defaultComponent = function (_a) {
-    var width = _a.width, height = _a.height;
-    return (React__default.createElement(DefaultComponent, { width: width, height: height }));
-};
+    return (React__default.createElement("div", { className: "sendbird-avatar-img--default ".concat(text ? 'text' : ''), style: { width: width, height: height } }, text
+        ? React__default.createElement("div", { className: 'sendbird-avatar-text' }, text)
+        : React__default.createElement(Icon, { type: IconTypes.USER, fillColor: IconColors.CONTENT, width: iconWidth, height: iconHeight })));
+};
+
+var imageRendererClassName = 'sendbird-avatar-img';
 var AvatarInner = function (_a) {
     var _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.alt, alt = _c === void 0 ? '' : _c, height = _a.height, width = _a.width, customDefaultComponent = _a.customDefaultComponent;
-    var defaultComponent = function () { return customDefaultComponent ? customDefaultComponent({ width: width, height: height }) : _defaultComponent({ width: width, height: height }); };
+    var defaultComponent = function () { return customDefaultComponent
+        ? customDefaultComponent({ width: width, height: height })
+        : React__default.createElement(AvatarDefault, { width: width, height: height }); };
     if (typeof src === 'string') {
         return (React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: src, height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
     }
@@ -65,13 +53,18 @@ var AvatarInner = function (_a) {
     return (React__default.createElement(ImageRenderer, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
 };
 function Avatar(_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 0 : _g, _h = _a.left, left = _h === void 0 ? '0px' : _h, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
     return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-avatar',
-        ], false).join(' '), role: "button", ref: ref, style: { height: height, width: width }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
+        ], false).join(' '), role: "button", ref: ref, style: {
+            height: height,
+            width: width,
+            zIndex: zIndex,
+            left: left,
+        }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
         React__default.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
 }
 var Avatar$1 = React__default.forwardRef(Avatar);
 
-export { Avatar$1 as A, AvatarInner as a, pxToNumber as p };
-//# sourceMappingURL=bundle-cTKDcBXH.js.map
+export { Avatar$1 as A, AvatarDefault as a, AvatarInner as b };
+//# sourceMappingURL=bundle-Tep20T57.js.map

package/chunks/bundle-Tep20T57.js.map

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

package/chunks/{bundle-9AVOtanU.js → bundle-WZvwkbYN.js}

@@ -1,5 +1,5 @@
-import { c as isFileMessage, b as isMultipleFilesMessage } from './bundle-UW-TqfsF.js';
-import { K } from './bundle-qReOreYH.js';
+import { c as isFileMessage, b as isMultipleFilesMessage } from './bundle-ZT6XnGSN.js';
+import { K } from './bundle-zz1eCYds.js';
 
 function getMessageFirstFileType(message) {
     return K(message)
@@ -66,4 +66,4 @@ function getMessageFirstFileThumbnailUrl(message) {
 }
 
 export { getMessageFirstFileType as a, getMessageFirstFileName as b, getMessageFirstFileThumbnailUrl as c, getMessageFirstFileUrl as g };
-//# sourceMappingURL=bundle-9AVOtanU.js.map
+//# sourceMappingURL=bundle-WZvwkbYN.js.map

package/chunks/bundle-WZvwkbYN.js.map

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

package/chunks/{bundle-1O7rPYFy.js → bundle-Xly_X4hP.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './bundle-JGL7ecyE.js';
-import { d as defaultLocale } from './bundle-FxBVAeu9.js';
+import { g as getStringSet } from './bundle-JuKER7D_.js';
+import { d as defaultLocale } from './bundle-xgxXEKxk.js';
 
 var LocalizationContext = React__default.createContext({
     stringSet: getStringSet('en'),
@@ -13,4 +13,4 @@ var LocalizationProvider = function (props) {
 var useLocalization = function () { return React__default.useContext(LocalizationContext); };
 
 export { LocalizationContext as L, LocalizationProvider as a, useLocalization as u };
-//# sourceMappingURL=bundle-1O7rPYFy.js.map
+//# sourceMappingURL=bundle-Xly_X4hP.js.map

package/chunks/bundle-Xly_X4hP.js.map

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

package/chunks/{bundle-50blTGht.js → bundle-Xq25cpwP.js}

@@ -1,14 +1,14 @@
-import { _ as __assign, a as __spreadArray, c as __awaiter, d as __generator } from './bundle-HUCZoqot.js';
+import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-Y6TqPszM.js';
 import React__default, { useEffect, useCallback, useReducer, useState, useMemo, useContext } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { p as pubSubTopics } from './bundle-Ey2KFn-R.js';
-import { u as uuidv4 } from './bundle-LutukB6f.js';
-import { n as noop } from './bundle-fBRojj0w.js';
-import { D as DELIVERY_RECEIPT$1 } from './bundle-fRhlDZge.js';
-import { U as UserProfileProvider } from './bundle-5WxplyP9.js';
+import { p as pubSubTopics } from './bundle-7x4clnC7.js';
+import { u as uuidv4 } from './bundle-8VA5hO1c.js';
+import { n as noop } from './bundle-JhG5BHdE.js';
+import { D as DELIVERY_RECEIPT$1 } from './bundle-Sk3SXXP7.js';
+import { U as UserProfileProvider } from './bundle-3WQuaADd.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, S } from './bundle-qReOreYH.js';
-import { T as filterChannelListParams, V as getChannelsWithUpsertedChannel } from './bundle-UW-TqfsF.js';
+import { K, S } from './bundle-zz1eCYds.js';
+import { T as filterChannelListParams, V as getChannelsWithUpsertedChannel } from './bundle-ZT6XnGSN.js';
 
 var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 var CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -823,4 +823,4 @@ function useChannelListContext() {
 }
 
 export { ChannelListProvider as C, LEAVE_CHANNEL_SUCCESS as L, SET_CURRENT_CHANNEL as S, useChannelListContext as u };
-//# sourceMappingURL=bundle-50blTGht.js.map
+//# sourceMappingURL=bundle-Xq25cpwP.js.map

package/chunks/{bundle-50blTGht.js.map → bundle-Xq25cpwP.js.map}

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

package/chunks/{bundle-HUCZoqot.js → bundle-Y6TqPszM.js}

@@ -93,5 +93,5 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __spreadArray as a, __extends as b, __awaiter as c, __generator as d };
-//# sourceMappingURL=bundle-HUCZoqot.js.map
+export { __assign as _, __spreadArray as a, __awaiter as b, __generator as c, __extends as d };
+//# sourceMappingURL=bundle-Y6TqPszM.js.map

package/chunks/{bundle-HUCZoqot.js.map → bundle-Y6TqPszM.js.map}

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

package/chunks/{bundle-sTNKynXj.js → bundle-YQkYq090.js}

@@ -10,4 +10,4 @@ var ThreadReplySelectType;
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
 export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=bundle-sTNKynXj.js.map
+//# sourceMappingURL=bundle-YQkYq090.js.map

package/chunks/bundle-YQkYq090.js.map

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

package/chunks/{bundle-6Opy_RV-.js → bundle-YdRy5sj8.js}

@@ -1,7 +1,7 @@
 import React__default, { useCallback, useEffect, useContext, useMemo, useReducer } from 'react';
-import { p as pubSubTopics } from './bundle-Ey2KFn-R.js';
+import { p as pubSubTopics } from './bundle-7x4clnC7.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from './bundle-HUCZoqot.js';
+import { _ as __assign, a as __spreadArray } from './bundle-Y6TqPszM.js';
 
 var OpenChannelListFetchingStatus;
 (function (OpenChannelListFetchingStatus) {
@@ -352,4 +352,4 @@ var OpenChannelListProvider$1 = {
 };
 
 export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes$1 as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
-//# sourceMappingURL=bundle-6Opy_RV-.js.map
+//# sourceMappingURL=bundle-YdRy5sj8.js.map

package/chunks/{bundle-6Opy_RV-.js.map → bundle-YdRy5sj8.js.map}

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

package/chunks/{bundle-5asq-E-v.js → bundle-ZNwxfYJx.js}

@@ -1,11 +1,11 @@
 import React__default, { useContext } from 'react';
-import { M as Modal } from './bundle-mg_7Exot.js';
-import './bundle-HUCZoqot.js';
-import './bundle-qJVzRD5Y.js';
+import { M as Modal } from './bundle-5JvP07dI.js';
+import './bundle-Y6TqPszM.js';
+import './bundle-0IelBspE.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { L as LocalizationContext } from './bundle-1O7rPYFy.js';
+import { L as LocalizationContext } from './bundle-Xly_X4hP.js';
 import { useThreadContext } from '../Thread/context.js';
-import { g as getModalDeleteMessageTitle } from './bundle-atKtJDZx.js';
+import { g as getModalDeleteMessageTitle } from './bundle-JSlDfYOF.js';
 
 var RemoveMessage = function (props) {
     var _a;
@@ -21,4 +21,4 @@ var RemoveMessage = function (props) {
 };
 
 export { RemoveMessage as R };
-//# sourceMappingURL=bundle-5asq-E-v.js.map
+//# sourceMappingURL=bundle-ZNwxfYJx.js.map

package/chunks/bundle-ZNwxfYJx.js.map

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

package/chunks/{bundle-UW-TqfsF.js → bundle-ZT6XnGSN.js}

@@ -1,6 +1,6 @@
-import { _ as __assign, a as __spreadArray } from './bundle-HUCZoqot.js';
+import { _ as __assign, a as __spreadArray } from './bundle-Y6TqPszM.js';
 import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
-import { K } from './bundle-qReOreYH.js';
+import { K } from './bundle-zz1eCYds.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -654,4 +654,4 @@ var isSendableMessage = function (message) {
 };
 
 export { isAudio as A, isVoiceMessageMimeType as B, isSentStatus as C, arrayEqual as D, getMimeTypesUIKitAccepts as E, isImageMessage as F, isImageFileInfo as G, isAudioMessage as H, isOGMessage as I, isTextMessage as J, getSuggestedReplies as K, isUrl as L, isThreadMessage as M, isSendableMessage as N, getEmojiUrl as O, isReactedBy as P, getEmojiTooltipString as Q, getEmojiMapAll as R, StringObjType as S, filterChannelListParams as T, UIKitMessageTypes as U, getChannelsWithUpsertedChannel as V, filterMessageListParams as W, isTextuallyNull as X, isReadMessage as a, isMultipleFilesMessage as b, isFileMessage as c, isSupportedFileView as d, isVideo as e, isImage as f, isEditedMessage as g, getSenderName as h, isVoiceMessage as i, isUserMessage as j, isSentMessage as k, isFailedMessage as l, isPendingMessage as m, getClassName as n, copyToClipboard as o, getEmojiListAll as p, getUIKitFileTypes as q, isThumbnailMessage as r, isGif as s, getUIKitMessageType as t, getUIKitFileType as u, truncateString as v, getUIKitMessageTypes as w, isVideoMessage as x, isGifMessage as y, convertWordToStringObj as z };
-//# sourceMappingURL=bundle-UW-TqfsF.js.map
+//# sourceMappingURL=bundle-ZT6XnGSN.js.map

package/chunks/{bundle-UW-TqfsF.js.map → bundle-ZT6XnGSN.js.map}

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

package/chunks/{bundle-HTP_W562.js → bundle-cJc3JBZb.js}

@@ -1,6 +1,6 @@
-import { _ as __assign } from './bundle-HUCZoqot.js';
+import { _ as __assign } from './bundle-Y6TqPszM.js';
 import { useState, useRef, useCallback } from 'react';
-import { u as useMediaQueryContext } from './bundle-nB9Rk0Vg.js';
+import { u as useMediaQueryContext } from './bundle-Mn36ivpf.js';
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -74,4 +74,4 @@ function useLongPress(_a, _b) {
 }
 
 export { useLongPress as u };
-//# sourceMappingURL=bundle-HTP_W562.js.map
+//# sourceMappingURL=bundle-cJc3JBZb.js.map

package/chunks/bundle-cJc3JBZb.js.map

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

package/chunks/{bundle-ybonwZPt.js → bundle-dJBzT033.js}

@@ -28,4 +28,4 @@ var generateDefaultAvatar = function (channel) {
 };
 
 export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
-//# sourceMappingURL=bundle-ybonwZPt.js.map
+//# sourceMappingURL=bundle-dJBzT033.js.map

package/chunks/bundle-dJBzT033.js.map

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

package/chunks/{bundle-kdRMkp9s.js → bundle-h4Ck6NLh.js}

@@ -1,4 +1,4 @@
-import { c as LabelStringSet } from './bundle-qJVzRD5Y.js';
+import { c as LabelStringSet } from './bundle-0IelBspE.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -22,4 +22,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 export { getChannelTitle as g };
-//# sourceMappingURL=bundle-kdRMkp9s.js.map
+//# sourceMappingURL=bundle-h4Ck6NLh.js.map

package/chunks/bundle-h4Ck6NLh.js.map

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

package/chunks/{bundle-KkDaqYo6.js → bundle-hGeYEXGB.js}

@@ -1,4 +1,4 @@
-import { c as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-fRhlDZge.js';
+import { d as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-Sk3SXXP7.js';
 import { WavHeader as $dd7ee3788d91dcb8$export$cb948f2d6837f136, Mp3Encoder as $dd7ee3788d91dcb8$export$9ca5d136ebf61cf2 } from '../lame.all.js';
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -122,4 +122,4 @@ function bufferToWav(abuffer, len) {
 }
 
 export { downsampleToWav, encodeMp3 };
-//# sourceMappingURL=bundle-KkDaqYo6.js.map
+//# sourceMappingURL=bundle-hGeYEXGB.js.map

package/chunks/{bundle-KkDaqYo6.js.map → bundle-hGeYEXGB.js.map}

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

package/chunks/{bundle-0QcaQ8yA.js → bundle-jw3t70tT.js}

@@ -1,23 +1,23 @@
-import { a as __spreadArray } from './bundle-HUCZoqot.js';
+import { a as __spreadArray } from './bundle-Y6TqPszM.js';
 import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-qJVzRD5Y.js';
-import { L as LocalizationContext } from './bundle-1O7rPYFy.js';
-import { a as UserProfileContext } from './bundle-5WxplyP9.js';
-import './bundle-2zaLibl-.js';
-import { A as Avatar } from './bundle-cTKDcBXH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-0IelBspE.js';
+import { L as LocalizationContext } from './bundle-Xly_X4hP.js';
+import { a as UserProfileContext } from './bundle-3WQuaADd.js';
+import './bundle-967zXkjf.js';
+import { A as Avatar } from './bundle-Tep20T57.js';
 import 'react-dom';
-import './bundle-nB9Rk0Vg.js';
+import './bundle-Mn36ivpf.js';
 import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
 import UserProfile from '../ui/UserProfile.js';
 import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
 import '../withSendbird.js';
-import { M as Modal } from './bundle-mg_7Exot.js';
+import { M as Modal } from './bundle-5JvP07dI.js';
 import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-fBRojj0w.js';
+import { n as noop } from './bundle-JhG5BHdE.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 function ParticipantsModal(_a) {
@@ -230,4 +230,4 @@ function ParticipantList(_a) {
 }
 
 export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-0QcaQ8yA.js.map
+//# sourceMappingURL=bundle-jw3t70tT.js.map

package/chunks/{bundle-0QcaQ8yA.js.map → bundle-jw3t70tT.js.map}

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

package/chunks/bundle-jyTJAjUy.js

@@ -0,0 +1,134 @@
+import React__default, { useRef, useState, useEffect } from 'react';
+import { u as useLocalization } from './bundle-Xly_X4hP.js';
+import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
+import { useVoiceRecorder, VoiceRecorderStatus } from '../VoiceRecorder/useVoiceRecorder.js';
+import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from './bundle-menQ38z9.js';
+import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './bundle-nHhZeAVb.js';
+import { M as Modal } from './bundle-5JvP07dI.js';
+import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { c as VOICE_RECORDER_DEFAULT_MIN } from './bundle-Sk3SXXP7.js';
+import { V as VOICE_PLAYER_STATUS } from './bundle-Ku1a64TD.js';
+import { u as uuidv4 } from './bundle-8VA5hO1c.js';
+
+var VoiceMessageInputWrapper = function (_a) {
+    var _b;
+    var channel = _a.channel, onCancelClick = _a.onCancelClick, onSubmitClick = _a.onSubmitClick;
+    var uuid = useRef(uuidv4()).current;
+    var _c = useState(null), audioFile = _c[0], setAudioFile = _c[1];
+    var _d = useState(VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _d[0], setVoiceInputState = _d[1];
+    var _e = useState(false), isSubmitted = _e[0], setSubmit = _e[1];
+    var _f = useState(false), isDisabled = _f[0], setDisabled = _f[1];
+    var _g = useState(false), showModal = _g[0], setShowModal = _g[1];
+    var stringSet = useLocalization().stringSet;
+    var config = useSendbirdStateContext().config;
+    var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || VOICE_RECORDER_DEFAULT_MIN;
+    var _h = useVoiceRecorder({
+        onRecordingStarted: function () {
+            setVoiceInputState(VoiceMessageInputStatus.RECORDING);
+        },
+        onRecordingEnded: function (audioFile) {
+            setAudioFile(audioFile);
+        },
+    }), start = _h.start, stop = _h.stop, cancel = _h.cancel, recordingTime = _h.recordingTime, recordingStatus = _h.recordingStatus, recordingLimit = _h.recordingLimit;
+    var voicePlayer = useVoicePlayer({
+        channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
+        key: uuid,
+        audioFile: audioFile,
+    });
+    var play = voicePlayer.play, pause = voicePlayer.pause, playbackTime = voicePlayer.playbackTime, playingStatus = voicePlayer.playingStatus;
+    var stopVoicePlayer = voicePlayer.stop;
+    // disabled state: muted & frozen
+    useEffect(function () {
+        if (isDisabledBecauseFrozen(channel) || isDisabledBecauseMuted(channel)) {
+            setDisabled(true);
+        }
+        else {
+            setDisabled(false);
+        }
+    }, [channel === null || channel === void 0 ? void 0 : channel.myRole, channel === null || channel === void 0 ? void 0 : channel.isFrozen, channel === null || channel === void 0 ? void 0 : channel.myMutedState]);
+    // call onSubmitClick when submit button is clicked and recorded audio file is created
+    useEffect(function () {
+        if (isSubmitted && audioFile) {
+            onSubmitClick(audioFile, recordingTime);
+            setSubmit(false);
+            setAudioFile(null);
+        }
+    }, [isSubmitted, audioFile, recordingTime]);
+    // operate which control button should be displayed
+    useEffect(function () {
+        if (audioFile) {
+            if (recordingTime < minRecordingTime) {
+                setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
+                setAudioFile(null);
+            }
+            else if (playingStatus === VOICE_PLAYER_STATUS.PLAYING) {
+                setVoiceInputState(VoiceMessageInputStatus.PLAYING);
+            }
+            else {
+                setVoiceInputState(VoiceMessageInputStatus.READY_TO_PLAY);
+            }
+        }
+    }, [audioFile, recordingTime, playingStatus]);
+    return (React__default.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
+        React__default.createElement(VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
+                onCancelClick();
+                cancel();
+                stopVoicePlayer();
+            }, onSubmitClick: function () {
+                if (isDisabled) {
+                    setShowModal(true);
+                    setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
+                }
+                else {
+                    stop();
+                    pause();
+                    setSubmit(true);
+                }
+            }, onControlClick: function (type) {
+                switch (type) {
+                    case VoiceMessageInputStatus.READY_TO_RECORD: {
+                        stopVoicePlayer();
+                        start();
+                        break;
+                    }
+                    case VoiceMessageInputStatus.RECORDING: {
+                        if (recordingTime >= minRecordingTime && !isDisabled) {
+                            stop();
+                        }
+                        else if (isDisabled) {
+                            cancel();
+                            setShowModal(true);
+                            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
+                        }
+                        else {
+                            cancel();
+                            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
+                        }
+                        break;
+                    }
+                    case VoiceMessageInputStatus.READY_TO_PLAY: {
+                        play();
+                        break;
+                    }
+                    case VoiceMessageInputStatus.PLAYING: {
+                        pause();
+                        break;
+                    }
+                }
+            } }),
+        showModal && (React__default.createElement(Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: isDisabledBecauseMuted(channel)
+                ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED
+                : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () {
+                setShowModal(false);
+                onCancelClick();
+            } },
+            React__default.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
+                React__default.createElement(Button, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ButtonTypes.PRIMARY, size: ButtonSizes.BIG, onClick: function () {
+                        setShowModal(false);
+                        onCancelClick();
+                    } }, stringSet.BUTTON__OK))))));
+};
+
+export { VoiceMessageInputWrapper as V };
+//# sourceMappingURL=bundle-jyTJAjUy.js.map

package/chunks/bundle-jyTJAjUy.js.map

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

package/chunks/{bundle-9YazFOHk.js → bundle-k4WuO78S.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
-import { j as isUserMessage, k as isSentMessage, l as isFailedMessage, m as isPendingMessage, c as isFileMessage, i as isVoiceMessage, M as isThreadMessage, o as copyToClipboard, p as getEmojiListAll } from './bundle-UW-TqfsF.js';
-import { u as useLocalization } from './bundle-1O7rPYFy.js';
+import { j as isUserMessage, k as isSentMessage, l as isFailedMessage, m as isPendingMessage, c as isFileMessage, i as isVoiceMessage, M as isThreadMessage, o as copyToClipboard, p as getEmojiListAll } from './bundle-ZT6XnGSN.js';
+import { u as useLocalization } from './bundle-Xly_X4hP.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-qJVzRD5Y.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-0IelBspE.js';
 import BottomSheet from '../ui/BottomSheet.js';
 import ImageRenderer from '../ui/ImageRenderer.js';
 import ReactionButton from '../ui/ReactionButton.js';
@@ -219,4 +219,4 @@ var MobileMenu = function (props) {
 };
 
 export { MobileMenu as M };
-//# sourceMappingURL=bundle-9YazFOHk.js.map
+//# sourceMappingURL=bundle-k4WuO78S.js.map

package/chunks/{bundle-9YazFOHk.js.map → bundle-k4WuO78S.js.map}

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

package/chunks/{bundle-iTeulylJ.js → bundle-l0M5nN1Q.js}

@@ -1,13 +1,13 @@
-import { a as __spreadArray } from './bundle-HUCZoqot.js';
+import { a as __spreadArray } from './bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { f as format } from './bundle-o_MR5zP9.js';
+import { f as format } from './bundle-pmVgESW3.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-qJVzRD5Y.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-0IelBspE.js';
 import Loader from '../ui/Loader.js';
-import { f as isImage, s as isGif, e as isVideo, A as isAudio, B as isVoiceMessageMimeType, C as isSentStatus } from './bundle-UW-TqfsF.js';
+import { f as isImage, s as isGif, e as isVideo, A as isAudio, B as isVoiceMessageMimeType, C as isSentStatus } from './bundle-ZT6XnGSN.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-0--XgUA7.js';
-import { u as useLocalization } from './bundle-1O7rPYFy.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-oghsyfOE.js';
+import { u as useLocalization } from './bundle-Xly_X4hP.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -128,4 +128,4 @@ function MessageStatus(_a) {
 }
 
 export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=bundle-iTeulylJ.js.map
+//# sourceMappingURL=bundle-l0M5nN1Q.js.map

package/chunks/{bundle-iTeulylJ.js.map → bundle-l0M5nN1Q.js.map}

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

package/chunks/{bundle-EaGyVrR8.js → bundle-lSKfBDuq.js}

@@ -1,5 +1,5 @@
-import { a as __spreadArray } from './bundle-HUCZoqot.js';
-import { L as isUrl } from './bundle-UW-TqfsF.js';
+import { a as __spreadArray } from './bundle-Y6TqPszM.js';
+import { L as isUrl } from './bundle-ZT6XnGSN.js';
 
 var USER_MENTION_PREFIX = '@';
 
@@ -129,4 +129,4 @@ function getWhiteSpacePreservedText(text) {
 }
 
 export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as g, tokenizeMessage as t };
-//# sourceMappingURL=bundle-EaGyVrR8.js.map
+//# sourceMappingURL=bundle-lSKfBDuq.js.map

package/chunks/{bundle-EaGyVrR8.js.map → bundle-lSKfBDuq.js.map}

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