@sendbird/uikit-react 3.14.3 → 3.14.5

package/Thread/context.js.map

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

package/Thread.js

@@ -1,56 +1,58 @@
 import React__default from 'react';
 import { ThreadProvider } from './Thread/context.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import './chunks/bundle-CXxeDfXV.js';
-import './chunks/bundle-BX_IXLSp.js';
-import './chunks/bundle-DWW0XPV9.js';
-import './chunks/bundle-DZcgZWKq.js';
+import './chunks/bundle-BEbribQZ.js';
+import './chunks/bundle-CtgXJZJt.js';
+import './chunks/bundle-CDMcNani.js';
+import './chunks/bundle-CDy_GVNR.js';
 import '@sendbird/chat/message';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-Dc7E6GJc.js';
-import './chunks/bundle-DGnpw8up.js';
+import './chunks/bundle-thdxvFU8.js';
+import './chunks/bundle-60et0yds.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
-import './chunks/bundle-Bf6VvPhp.js';
+import './chunks/bundle-KmtzKHnJ.js';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-BbeHRXOp.js';
-import './chunks/bundle-DQKxIg_X.js';
-import './chunks/bundle-tIPAQa1P.js';
-import './chunks/bundle-BLGMGsvT.js';
-import './chunks/bundle-Danvz0zD.js';
-import './chunks/bundle-CXtl77MC.js';
-import './chunks/bundle-Dk211z5R.js';
+import './chunks/bundle-8J9SSfIS.js';
+import './chunks/bundle-DwPw_RW5.js';
+import './chunks/bundle-CAdxJnio.js';
+import './chunks/bundle-B621kS6J.js';
+import './chunks/bundle-9Pg6kODx.js';
+import './chunks/bundle-uI-GOX6U.js';
+import './chunks/bundle-q3jyuKU7.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-DZie-lCF.js';
-import './chunks/bundle-DfDCjniq.js';
-import './chunks/bundle-CSOdmQ75.js';
+import './chunks/bundle-DQ3tLeW9.js';
+import './chunks/bundle-BfjOoJk6.js';
+import './chunks/bundle-DiVyB2HD.js';
+import './chunks/bundle-BH5EGLxi.js';
+import './chunks/bundle-DhJuLwLJ.js';
 import 'react-dom';
-import './chunks/bundle-DZl__KhG.js';
-import './chunks/bundle-BlK-fMQm.js';
+import './chunks/bundle-Cj-w5I5i.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Icon.js';
-import './chunks/bundle-BPbwxMIx.js';
-import './chunks/bundle-DwApARpe.js';
-import './chunks/bundle-Bdw6eUSG.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat/openChannel';
+import './chunks/bundle-D2MpL8t0.js';
+import './chunks/bundle-2vhBVWLQ.js';
+import './chunks/bundle-Chn4Xw78.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BMPm6lKq.js';
+import './chunks/bundle-BCuW6lS8.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-BwJTKHEl.js';
+import './chunks/bundle-xHRJMo_A.js';
 import './ui/ContextMenu.js';
-import '@sendbird/chat/openChannel';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
-import './hooks/useModal.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-BPvfVEd8.js';
-import './chunks/bundle-CUd4X5O2.js';
+import './chunks/bundle-C1XVT5qc.js';
+import './chunks/bundle-BQPvwBK8.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -58,82 +60,80 @@ import './sendbirdSelectors.js';
 import './ui/Tooltip.js';
 import './ui/TooltipWrapper.js';
 import './Message/context.js';
-import './chunks/bundle-DfhJ_oFZ.js';
+import './chunks/bundle-BxaysvGU.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-BbusXHy3.js';
-import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-D4x1_hkl.js';
-import './chunks/bundle-DBBVxbFA.js';
+import './chunks/bundle-DEFOjZw9.js';
+import './chunks/bundle-HhDUyQa4.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-DiuoVXwl.js';
-import './chunks/bundle-BiINvVSK.js';
-import './chunks/bundle-BmFbOU4C.js';
-import '@sendbird/uikit-tools';
-import './chunks/bundle-fxTywxQ4.js';
-import './chunks/bundle-CKf9oBLV.js';
-import './chunks/bundle-BTLVyMgj.js';
-import './chunks/bundle-OIgXk-TJ.js';
+import './chunks/bundle-CclWZYVY.js';
+import './chunks/bundle-DYmy2oK3.js';
+import './chunks/bundle-Cw_yF4Vi.js';
+import './chunks/bundle-CLQfFjkS.js';
+import './chunks/bundle-BUMKThPh.js';
+import './chunks/bundle-DudTIr4X.js';
+import './chunks/bundle-C5i4dn9q.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-BPj0X5TA.js';
+import './chunks/bundle-hF8Gurf8.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-B_fxVgAX.js';
+import './chunks/bundle-Dpj_mOs8.js';
 import 'dompurify';
-import './chunks/bundle-COLsFI7t.js';
-import './chunks/bundle-DpkEqNiD.js';
-import './chunks/bundle-D5lQwKgM.js';
-import './chunks/bundle-CwHpV2cp.js';
+import './chunks/bundle-YveljAuC.js';
+import './chunks/bundle-DUVa5cu6.js';
+import './chunks/bundle-C2B-jwQF.js';
+import './chunks/bundle-C6yCDg1g.js';
 import './Message/hooks/useDirtyGetMentions.js';
+import './chunks/bundle-B26G55qN.js';
 import './Thread/components/ThreadHeader.js';
+import './ui/Header.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-Otcx8Wxy.js';
-import './chunks/bundle-BKTUnkiE.js';
-import './chunks/bundle-Bkbg_RQ-.js';
+import './chunks/bundle-B4q4jk6S.js';
+import './chunks/bundle-SI5OarjR.js';
+import './chunks/bundle-DZl5IVWc.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-CY2Lga-4.js';
+import './chunks/bundle-ARb5Lm9T.js';
 import './ui/UnknownMessageItemBody.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-DL_Xts3y.js';
-import './chunks/bundle-C3K7W_E-.js';
+import './chunks/bundle-2jZ-0hKC.js';
+import './chunks/bundle-klvZ-YE5.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-DOG83iYO.js';
-import './chunks/bundle-CVu64-xY.js';
+import './chunks/bundle-C8hyJJ4a.js';
+import './chunks/bundle-DwvN2wPi.js';
 import './GroupChannel/context.js';
-import './chunks/bundle-Y3Y435SA.js';
-import './chunks/bundle-BhkcPTQE.js';
-import './chunks/bundle-CMZVPZeM.js';
-import './chunks/bundle-BLMDgHS-.js';
-import './chunks/bundle-CUPPssXo.js';
+import './chunks/bundle-C8XqVZD9.js';
+import './chunks/bundle-BGTq2aZA.js';
+import './chunks/bundle-HFOQJZAX.js';
+import './chunks/bundle-E4462uBn.js';
 import './Channel/hooks/useHandleUploadFiles.js';
 import './ui/PlaceHolder.js';
 
-var Thread = function (props) {
-    var 
-    // props
-    className = props.className, 
-    // ThreadProviderProps
-    channelUrl = props.channelUrl, message = props.message, onHeaderActionClick = props.onHeaderActionClick, onMoveToParentMessage = props.onMoveToParentMessage, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, 
-    // onBeforeSend~~~Message
-    onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, 
-    // ThreadUIProps
-    renderHeader = props.renderHeader, renderParentMessageInfo = props.renderParentMessageInfo, renderMessage = props.renderMessage, renderMessageInput = props.renderMessageInput, renderCustomSeparator = props.renderCustomSeparator, renderParentMessageInfoPlaceholder = props.renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder = props.renderThreadListPlaceHolder, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon;
-    return (React__default.createElement("div", { className: "sendbird-thread ".concat(className) },
-        React__default.createElement(ThreadProvider, { channelUrl: channelUrl, message: message, onHeaderActionClick: onHeaderActionClick, onMoveToParentMessage: onMoveToParentMessage, onBeforeSendUserMessage: onBeforeSendUserMessage, onBeforeSendFileMessage: onBeforeSendFileMessage, onBeforeSendVoiceMessage: onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled },
-            React__default.createElement(ThreadUI, { renderHeader: renderHeader, renderParentMessageInfo: renderParentMessageInfo, renderMessage: renderMessage, renderMessageInput: renderMessageInput, renderCustomSeparator: renderCustomSeparator, renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder: renderThreadListPlaceHolder, renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
+var Thread = function (props) {
+    var 
+    // props
+    className = props.className, 
+    // ThreadProviderProps
+    channelUrl = props.channelUrl, message = props.message, onHeaderActionClick = props.onHeaderActionClick, onMoveToParentMessage = props.onMoveToParentMessage, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, 
+    // onBeforeSend~~~Message
+    onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, 
+    // ThreadUIProps
+    renderHeader = props.renderHeader, renderParentMessageInfo = props.renderParentMessageInfo, renderMessage = props.renderMessage, renderMessageInput = props.renderMessageInput, renderCustomSeparator = props.renderCustomSeparator, renderParentMessageInfoPlaceholder = props.renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder = props.renderThreadListPlaceHolder, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon;
+    return (React__default.createElement("div", { className: "sendbird-thread ".concat(className) },
+        React__default.createElement(ThreadProvider, { channelUrl: channelUrl, message: message, onHeaderActionClick: onHeaderActionClick, onMoveToParentMessage: onMoveToParentMessage, onBeforeSendUserMessage: onBeforeSendUserMessage, onBeforeSendFileMessage: onBeforeSendFileMessage, onBeforeSendVoiceMessage: onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled },
+            React__default.createElement(ThreadUI, { renderHeader: renderHeader, renderParentMessageInfo: renderParentMessageInfo, renderMessage: renderMessage, renderMessageInput: renderMessageInput, renderCustomSeparator: renderCustomSeparator, renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder: renderThreadListPlaceHolder, renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
 };
 
 export { Thread as default };

package/VoicePlayer/context.js

@@ -1,7 +1,7 @@
 import 'react';
-export { a as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-BbusXHy3.js';
-import '../chunks/bundle-Dc7E6GJc.js';
+export { a as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-D2MpL8t0.js';
+import '../chunks/bundle-thdxvFU8.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import '../chunks/bundle-CDy_GVNR.js';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/VoicePlayer/useVoicePlayer.js

@@ -1,73 +1,81 @@
 import { useState, useEffect } from 'react';
-import { u as useVoicePlayerContext, A as AudioUnitDefaultValue } from '../chunks/bundle-BbusXHy3.js';
-import { f as VOICE_PLAYER_AUDIO_ID } from '../chunks/bundle-Dc7E6GJc.js';
-import { useVoiceRecorderContext } from '../VoiceRecorder/context.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import { u as useVoicePlayerContext, A as AudioUnitDefaultValue } from '../chunks/bundle-D2MpL8t0.js';
+import { c as VOICE_PLAYER_AUDIO_ID } from '../chunks/bundle-thdxvFU8.js';
+import { u as useVoiceRecorderContext } from '../chunks/bundle-DiVyB2HD.js';
+import '../chunks/bundle-CDy_GVNR.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../chunks/bundle-tIPAQa1P.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
-import '../chunks/bundle-CSOdmQ75.js';
+import '../chunks/bundle-BH5EGLxi.js';
+import '@sendbird/chat/groupChannel';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-DhJuLwLJ.js';
 import 'react-dom';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BlK-fMQm.js';
+import '../chunks/bundle-CAdxJnio.js';
+import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-Cj-w5I5i.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-Dk211z5R.js';
+import '../chunks/bundle-q3jyuKU7.js';
 import '../ui/Icon.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import '../chunks/bundle-2vhBVWLQ.js';
 
-var generateGroupKey = function (channelUrl, key) {
-    if (channelUrl === void 0) { channelUrl = ''; }
-    if (key === void 0) { key = ''; }
-    return ("".concat(channelUrl, "-").concat(key));
+var generateGroupKey = function (channelUrl, key) {
+    if (channelUrl === void 0) { channelUrl = ''; }
+    if (key === void 0) { key = ''; }
+    return ("".concat(channelUrl, "-").concat(key));
 };
 
-var useVoicePlayer = function (_a) {
-    var _b;
-    var _c = _a.key, key = _c === void 0 ? '' : _c, _d = _a.channelUrl, channelUrl = _d === void 0 ? '' : _d, _e = _a.audioFile, audioFile = _e === void 0 ? null : _e, _f = _a.audioFileUrl, audioFileUrl = _f === void 0 ? '' : _f;
-    var groupKey = useState(generateGroupKey(channelUrl, key))[0];
-    var _g = useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, voicePlayerStore = _g.voicePlayerStore;
-    var isRecordable = useVoiceRecorderContext().isRecordable;
-    var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || AudioUnitDefaultValue();
-    var playVoicePlayer = function () {
-        if (!isRecordable) {
-            play === null || play === void 0 ? void 0 : play({
-                groupKey: groupKey,
-                audioFile: audioFile,
-                audioFileUrl: audioFileUrl,
-            });
-        }
-    };
-    var pauseVoicePlayer = function () {
-        pause === null || pause === void 0 ? void 0 : pause(groupKey);
-    };
-    var stopVoicePlayer = function (text) {
-        if (text === void 0) { text = ''; }
-        stop === null || stop === void 0 ? void 0 : stop(text);
-    };
-    useEffect(function () {
-        return function () {
-            var _a;
-            if (audioFile || audioFileUrl) {
-                // Can't get the current AudioPlayer through the React hooks(useReducer or useState) in this scope
-                var voiceAudioPlayerElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
-                (_a = voiceAudioPlayerElement === null || voiceAudioPlayerElement === void 0 ? void 0 : voiceAudioPlayerElement.pause) === null || _a === void 0 ? void 0 : _a.call(voiceAudioPlayerElement);
-            }
-        };
-    }, []);
-    return ({
-        play: playVoicePlayer,
-        pause: pauseVoicePlayer,
-        stop: stopVoicePlayer,
-        /**
-         * The reason why we multiply this by *1000 is,
-         * The unit of playbackTime and duration should be millisecond
-         */
-        playbackTime: ((currentAudioUnit === null || currentAudioUnit === void 0 ? void 0 : currentAudioUnit.playbackTime) || 0) * 1000,
-        duration: ((currentAudioUnit === null || currentAudioUnit === void 0 ? void 0 : currentAudioUnit.duration) || 0) * 1000,
-        playingStatus: currentAudioUnit.playingStatus,
-    });
+var useVoicePlayer = function (_a) {
+    var _b;
+    var _c = _a.key, key = _c === void 0 ? '' : _c, _d = _a.channelUrl, channelUrl = _d === void 0 ? '' : _d, _e = _a.audioFile, audioFile = _e === void 0 ? null : _e, _f = _a.audioFileUrl, audioFileUrl = _f === void 0 ? '' : _f;
+    var groupKey = useState(generateGroupKey(channelUrl, key))[0];
+    var _g = useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, voicePlayerStore = _g.voicePlayerStore;
+    var isRecordable = useVoiceRecorderContext().isRecordable;
+    var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || AudioUnitDefaultValue();
+    var playVoicePlayer = function () {
+        if (!isRecordable) {
+            play === null || play === void 0 ? void 0 : play({
+                groupKey: groupKey,
+                audioFile: audioFile,
+                audioFileUrl: audioFileUrl,
+            });
+        }
+    };
+    var pauseVoicePlayer = function () {
+        pause === null || pause === void 0 ? void 0 : pause(groupKey);
+    };
+    var stopVoicePlayer = function (text) {
+        if (text === void 0) { text = ''; }
+        stop === null || stop === void 0 ? void 0 : stop(text);
+    };
+    useEffect(function () {
+        return function () {
+            var _a;
+            if (audioFile || audioFileUrl) {
+                // Can't get the current AudioPlayer through the React hooks(useReducer or useState) in this scope
+                var voiceAudioPlayerElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
+                (_a = voiceAudioPlayerElement === null || voiceAudioPlayerElement === void 0 ? void 0 : voiceAudioPlayerElement.pause) === null || _a === void 0 ? void 0 : _a.call(voiceAudioPlayerElement);
+            }
+        };
+    }, []);
+    return ({
+        play: playVoicePlayer,
+        pause: pauseVoicePlayer,
+        stop: stopVoicePlayer,
+        /**
+         * The reason why we multiply this by *1000 is,
+         * The unit of playbackTime and duration should be millisecond
+         */
+        playbackTime: ((currentAudioUnit === null || currentAudioUnit === void 0 ? void 0 : currentAudioUnit.playbackTime) || 0) * 1000,
+        duration: ((currentAudioUnit === null || currentAudioUnit === void 0 ? void 0 : currentAudioUnit.duration) || 0) * 1000,
+        playingStatus: currentAudioUnit.playingStatus,
+    });
 };
 
 export { useVoicePlayer };

package/VoicePlayer/useVoicePlayer.js.map

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

package/VoiceRecorder/context.js

@@ -1,133 +1,27 @@
-import React__default, { createContext, useState, useEffect, useCallback, useContext } from 'react';
-import { u as useLocalization } from '../chunks/bundle-tIPAQa1P.js';
-import { M as Modal } from '../chunks/bundle-CSOdmQ75.js';
-import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, V as VOICE_RECORDER_AUDIO_BIT_RATE, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-Dc7E6GJc.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import 'react';
+import '../chunks/bundle-CAdxJnio.js';
+export { V as VoiceRecorderProvider, i as default, u as useVoiceRecorderContext } from '../chunks/bundle-DiVyB2HD.js';
+import '../chunks/bundle-thdxvFU8.js';
+import '../useSendbirdStateContext.js';
+import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-CDy_GVNR.js';
+import '../chunks/bundle-BH5EGLxi.js';
+import '@sendbird/chat/groupChannel';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-DhJuLwLJ.js';
 import 'react-dom';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BlK-fMQm.js';
+import '../chunks/bundle-Cj-w5I5i.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-Dk211z5R.js';
+import '../chunks/bundle-q3jyuKU7.js';
 import '../ui/Icon.js';
+import '@sendbird/uikit-tools';
 import '../withSendbird.js';
-
-var noop = function () { };
-var Context = createContext({
-    start: noop,
-    stop: noop,
-    isRecordable: false,
-});
-var VoiceRecorderProvider = function (props) {
-    var _a;
-    var children = props.children;
-    var config = useSendbirdStateContext().config;
-    var logger = config.logger, isVoiceMessageEnabled = config.isVoiceMessageEnabled;
-    var _b = useState(null), mediaRecorder = _b[0], setMediaRecorder = _b[1];
-    var _c = useState(false), isRecordable = _c[0], setIsRecordable = _c[1];
-    var _d = useState(false), permissionWarning = _d[0], setPermissionWarning = _d[1];
-    var stringSet = useLocalization().stringSet;
-    var _e = useState(null), webAudioUtils = _e[0], setWebAudioUtils = _e[1];
-    var browserSupportMimeType = (_a = BROWSER_SUPPORT_MIME_TYPE_LIST.find(function (mimeType) { return MediaRecorder.isTypeSupported(mimeType); })) !== null && _a !== void 0 ? _a : '';
-    if (isVoiceMessageEnabled && !browserSupportMimeType) {
-        logger.error('VoiceRecorder: Browser does not support mimeType', { mimmeTypes: BROWSER_SUPPORT_MIME_TYPE_LIST });
-    }
-    useEffect(function () {
-        if (isVoiceMessageEnabled && !webAudioUtils) {
-            import('../chunks/bundle-WmbZYtqM.js').then(function (data) {
-                setWebAudioUtils(data);
-            });
-        }
-    }, [isVoiceMessageEnabled, webAudioUtils]);
-    var start = useCallback(function (eventHandler) {
-        var _a, _b;
-        if (isVoiceMessageEnabled && !webAudioUtils) {
-            logger.error('VoiceRecorder: Recording audio processor is being loaded.');
-            return;
-        }
-        var checkPermission = function () {
-            try {
-                // Type '"microphone"' is not assignable to type 'PermissionName'.ts(2322)
-                // this is typescript issue
-                // https://github.com/microsoft/TypeScript/issues/33923
-                // @ts-expect-error
-                navigator.permissions.query({ name: 'microphone' }).then(function (result) {
-                    if (result.state === 'denied') {
-                        logger.warning('VoiceRecorder: Permission denied.');
-                        setPermissionWarning(true);
-                    }
-                });
-            }
-            catch (error) {
-                logger.warning('VoiceRecorder: Failed to check permission.', error);
-            }
-        };
-        logger.info('VoiceRecorder: Start recording.');
-        if (mediaRecorder) {
-            stop();
-            logger.info('VoiceRecorder: Previous mediaRecorder is stopped.');
-        }
-        checkPermission();
-        (_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) === null || _b === void 0 ? void 0 : _b.call(_a, { audio: true }).then(function (stream) {
-            var _a;
-            logger.info('VoiceRecorder: Succeeded getting media stream.', stream);
-            setIsRecordable(true);
-            var mediaRecorder = new MediaRecorder(stream, {
-                mimeType: browserSupportMimeType,
-                audioBitsPerSecond: VOICE_RECORDER_AUDIO_BIT_RATE,
-            });
-            mediaRecorder.ondataavailable = function (e) {
-                var _a, _b, _c;
-                logger.info('VoiceRecorder: Succeeded getting an available data.', e.data);
-                var audioFile = new File([e.data], VOICE_MESSAGE_FILE_NAME, {
-                    lastModified: new Date().getTime(),
-                    type: VOICE_MESSAGE_MIME_TYPE,
-                });
-                webAudioUtils === null || webAudioUtils === void 0 ? void 0 : webAudioUtils.downsampleToWav(audioFile, function (buffer) {
-                    var mp3Buffer = webAudioUtils === null || webAudioUtils === void 0 ? void 0 : webAudioUtils.encodeMp3(buffer);
-                    var mp3blob = new Blob(mp3Buffer, { type: VOICE_MESSAGE_MIME_TYPE });
-                    var convertedAudioFile = new File([mp3blob], VOICE_MESSAGE_FILE_NAME, {
-                        lastModified: new Date().getTime(),
-                        type: VOICE_MESSAGE_MIME_TYPE,
-                    });
-                    eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingEnded(convertedAudioFile);
-                    logger.info('VoiceRecorder: Succeeded converting audio file.', convertedAudioFile);
-                });
-                (_c = (_a = stream === null || stream === void 0 ? void 0 : stream.getAudioTracks) === null || _a === void 0 ? void 0 : (_b = _a.call(stream)).forEach) === null || _c === void 0 ? void 0 : _c.call(_b, function (track) { return track === null || track === void 0 ? void 0 : track.stop(); });
-                setIsRecordable(false);
-            };
-            mediaRecorder.onstart = (_a = eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingStarted) !== null && _a !== void 0 ? _a : noop;
-            mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.start();
-            setMediaRecorder(mediaRecorder);
-        }).catch(function (err) {
-            logger.error('VoiceRecorder: Failed getting media stream.', err);
-            setMediaRecorder(null);
-        });
-    }, [mediaRecorder, webAudioUtils]);
-    var stop = useCallback(function () {
-        // Stop recording
-        mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.stop();
-        setMediaRecorder(null);
-        setIsRecordable(false);
-        logger.info('VoiceRecorder: Stop recording.');
-    }, [mediaRecorder]);
-    return (React__default.createElement(Context.Provider, { value: {
-            start: start,
-            stop: stop,
-            isRecordable: isRecordable,
-        } },
-        children,
-        permissionWarning && (React__default.createElement(Modal, { hideFooter: true, onCancel: function () { return setPermissionWarning(false); } },
-            React__default.createElement(React__default.Fragment, null, stringSet.VOICE_RECORDING_PERMISSION_DENIED)))));
-};
-var useVoiceRecorderContext = function () { return useContext(Context); };
-var index = {
-    VoiceRecorderProvider: VoiceRecorderProvider,
-    useVoiceRecorderContext: useVoiceRecorderContext,
-};
-
-export { VoiceRecorderProvider, index as default, useVoiceRecorderContext };
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import '../chunks/bundle-D2MpL8t0.js';
+import '../chunks/bundle-2vhBVWLQ.js';
 //# sourceMappingURL=context.js.map

package/VoiceRecorder/context.js.map

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