@sendbird/uikit-react 3.14.3 → 3.14.5

package/cjs/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/cjs/Thread.js

@@ -3,56 +3,58 @@
 var React = require('react');
 var Thread_context = require('./Thread/context.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-require('./chunks/bundle-DbS-u43Y.js');
-require('./chunks/bundle-0W_w8lRK.js');
-require('./chunks/bundle-u8pJrzSP.js');
-require('./chunks/bundle-CY1bUkfG.js');
+require('./chunks/bundle-Cc89qdjT.js');
+require('./chunks/bundle-DpK1fr1j.js');
+require('./chunks/bundle-D1X4MKLh.js');
+require('./chunks/bundle-C-r9vRgc.js');
 require('@sendbird/chat/message');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-DnXNmdmw.js');
-require('./chunks/bundle-C7_tieEZ.js');
+require('./chunks/bundle-Ca7xeBTO.js');
+require('./chunks/bundle-D7v4i_Ae.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
-require('./chunks/bundle-C-noHeKZ.js');
+require('./chunks/bundle-IE4yQ0qq.js');
 require('@sendbird/chat/groupChannel');
-require('./chunks/bundle-BRjBigtB.js');
-require('./chunks/bundle-DbykvtHO.js');
-require('./chunks/bundle-E9H8fQL4.js');
-require('./chunks/bundle-DvWHV-PM.js');
-require('./chunks/bundle-BwvM-P29.js');
-require('./chunks/bundle-CBmExSEr.js');
-require('./chunks/bundle-BuYf2Pa8.js');
+require('./chunks/bundle-Ub33KGva.js');
+require('./chunks/bundle-CcmMvK6l.js');
+require('./chunks/bundle-B7wJ4Hqk.js');
+require('./chunks/bundle-DWBc-Yv7.js');
+require('./chunks/bundle-CDJXrIVC.js');
+require('./chunks/bundle-B2h5VMZ6.js');
+require('./chunks/bundle-Deao1Upp.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-BmEl3iIW.js');
-require('./chunks/bundle-CVSpiKNJ.js');
-require('./chunks/bundle-fG1bRzYE.js');
+require('./chunks/bundle-CjYhSLRD.js');
+require('./chunks/bundle-Bc92JuA7.js');
+require('./chunks/bundle-DJ9gapN2.js');
+require('./chunks/bundle-Cw7xe6J1.js');
+require('./chunks/bundle-CLte647H.js');
 require('react-dom');
-require('./chunks/bundle-BDbnsPGF.js');
-require('./chunks/bundle-BwEcnJDm.js');
+require('./chunks/bundle-CLNUkVC8.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-q2tBQOdq.js');
-require('./chunks/bundle-D3Gxy8S0.js');
-require('./chunks/bundle-Bka-H9ks.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('@sendbird/chat/openChannel');
+require('./chunks/bundle-BAqFIbKr.js');
+require('./chunks/bundle-Bpy7IQta.js');
+require('./chunks/bundle-Bw_LvbLk.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DI-qrtXL.js');
+require('./chunks/bundle-DWGp201o.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-D4pqJjg-.js');
+require('./chunks/bundle-Pfx0MBr4.js');
 require('./ui/ContextMenu.js');
-require('@sendbird/chat/openChannel');
 require('./ui/SortByRow.js');
 require('./ui/BottomSheet.js');
-require('./hooks/useModal.js');
 require('./ui/UserListItem.js');
-require('./chunks/bundle-oUs61pbv.js');
-require('./chunks/bundle-C-zGGOpz.js');
+require('./chunks/bundle-C0ZNrrcl.js');
+require('./chunks/bundle-CxNGVWIy.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
@@ -60,82 +62,80 @@ require('./sendbirdSelectors.js');
 require('./ui/Tooltip.js');
 require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
-require('./chunks/bundle-C-gA8UhR.js');
+require('./chunks/bundle-30fh5iPx.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./chunks/bundle-DlPLp6fm.js');
-require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-Df0cAbH6.js');
-require('./chunks/bundle-SdH24Cv9.js');
+require('./chunks/bundle-BCt-Rzil.js');
+require('./chunks/bundle-DFVUnSWq.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-ChIhNCh1.js');
-require('./chunks/bundle-D9hSjP4_.js');
-require('./chunks/bundle-CEueJUxG.js');
-require('@sendbird/uikit-tools');
-require('./chunks/bundle-DLdV8LNR.js');
-require('./chunks/bundle-D3tBia0F.js');
-require('./chunks/bundle-B6uiunjG.js');
-require('./chunks/bundle-BoCS4RH3.js');
+require('./chunks/bundle-B1uXZFKP.js');
+require('./chunks/bundle-IZLtKe6R.js');
+require('./chunks/bundle-D9UFa9yx.js');
+require('./chunks/bundle-DOUm656A.js');
+require('./chunks/bundle-dr9zoU1D.js');
+require('./chunks/bundle-B2KKkvdj.js');
+require('./chunks/bundle-C4UzGGy_.js');
 require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-DdSNUhSn.js');
+require('./chunks/bundle-Ci6F_UQc.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-C0LFi1ur.js');
+require('./chunks/bundle-BOrMDMdN.js');
 require('dompurify');
-require('./chunks/bundle-DPoAoYEl.js');
-require('./chunks/bundle-DessEmBr.js');
-require('./chunks/bundle-DIxulCCm.js');
-require('./chunks/bundle-66eVSkB5.js');
+require('./chunks/bundle-ClBBhzU-.js');
+require('./chunks/bundle-SfusZfMJ.js');
+require('./chunks/bundle-D4e0UT-6.js');
+require('./chunks/bundle-BvhC4El1.js');
 require('./Message/hooks/useDirtyGetMentions.js');
+require('./chunks/bundle-BG8qs_3y.js');
 require('./Thread/components/ThreadHeader.js');
+require('./ui/Header.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle-DHuWzY0s.js');
-require('./chunks/bundle-juHuQ6-V.js');
-require('./chunks/bundle--yYCgVRq.js');
+require('./chunks/bundle-DsrfvJYA.js');
+require('./chunks/bundle-CgOafeY_.js');
+require('./chunks/bundle-CL-vjR4o.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-DDmTdnuT.js');
+require('./chunks/bundle-DmVeFWB4.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-DR-T3oW9.js');
-require('./chunks/bundle-BzR58JaC.js');
+require('./chunks/bundle-BiTKgXrx.js');
+require('./chunks/bundle-DvpCzVKY.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-BRUrQgUE.js');
-require('./chunks/bundle-ti18J4ii.js');
+require('./chunks/bundle-DGJX80zy.js');
+require('./chunks/bundle-cl2q8NwQ.js');
 require('./GroupChannel/context.js');
-require('./chunks/bundle-CZObcUAk.js');
-require('./chunks/bundle-D8-ob9Ia.js');
-require('./chunks/bundle-Dn17aH6v.js');
-require('./chunks/bundle-DsKL-Ede.js');
-require('./chunks/bundle-XEpryGfs.js');
+require('./chunks/bundle-xADAFEo0.js');
+require('./chunks/bundle-hXD0NDZt.js');
+require('./chunks/bundle-BMN1aDia.js');
+require('./chunks/bundle-BCQxFX-W.js');
 require('./Channel/hooks/useHandleUploadFiles.js');
 require('./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.createElement("div", { className: "sendbird-thread ".concat(className) },
-        React.createElement(Thread_context.ThreadProvider, { channelUrl: channelUrl, message: message, onHeaderActionClick: onHeaderActionClick, onMoveToParentMessage: onMoveToParentMessage, onBeforeSendUserMessage: onBeforeSendUserMessage, onBeforeSendFileMessage: onBeforeSendFileMessage, onBeforeSendVoiceMessage: onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled },
-            React.createElement(Thread_components_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.createElement("div", { className: "sendbird-thread ".concat(className) },
+        React.createElement(Thread_context.ThreadProvider, { channelUrl: channelUrl, message: message, onHeaderActionClick: onHeaderActionClick, onMoveToParentMessage: onMoveToParentMessage, onBeforeSendUserMessage: onBeforeSendUserMessage, onBeforeSendFileMessage: onBeforeSendFileMessage, onBeforeSendVoiceMessage: onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled },
+            React.createElement(Thread_components_ThreadUI, { renderHeader: renderHeader, renderParentMessageInfo: renderParentMessageInfo, renderMessage: renderMessage, renderMessageInput: renderMessageInput, renderCustomSeparator: renderCustomSeparator, renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder: renderThreadListPlaceHolder, renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
 };
 
 module.exports = Thread;

package/cjs/VoicePlayer/context.js

@@ -1,10 +1,10 @@
 'use strict';
 
 require('react');
-var VoicePlayer_context = require('../chunks/bundle-DlPLp6fm.js');
-require('../chunks/bundle-DnXNmdmw.js');
+var VoicePlayer_context = require('../chunks/bundle-BAqFIbKr.js');
+require('../chunks/bundle-Ca7xeBTO.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CY1bUkfG.js');
+require('../chunks/bundle-C-r9vRgc.js');
 require('../withSendbird.js');
 
 

package/cjs/VoicePlayer/useVoicePlayer.js

@@ -1,75 +1,83 @@
 'use strict';
 
 var React = require('react');
-var VoicePlayer_context = require('../chunks/bundle-DlPLp6fm.js');
-var consts = require('../chunks/bundle-DnXNmdmw.js');
-var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../chunks/bundle-CY1bUkfG.js');
+var VoicePlayer_context = require('../chunks/bundle-BAqFIbKr.js');
+var consts = require('../chunks/bundle-Ca7xeBTO.js');
+var ui_Modal = require('../chunks/bundle-DJ9gapN2.js');
+require('../chunks/bundle-C-r9vRgc.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-E9H8fQL4.js');
-require('../chunks/bundle-DvWHV-PM.js');
-require('../chunks/bundle-BwvM-P29.js');
-require('../chunks/bundle-fG1bRzYE.js');
+require('../chunks/bundle-Cw7xe6J1.js');
+require('@sendbird/chat/groupChannel');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-CLte647H.js');
 require('react-dom');
-require('../chunks/bundle-BDbnsPGF.js');
-require('../chunks/bundle-BwEcnJDm.js');
+require('../chunks/bundle-B7wJ4Hqk.js');
+require('../chunks/bundle-DWBc-Yv7.js');
+require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-CLNUkVC8.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-BuYf2Pa8.js');
+require('../chunks/bundle-Deao1Upp.js');
 require('../ui/Icon.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('../chunks/bundle-Ub33KGva.js');
+require('@sendbird/chat/openChannel');
+require('../chunks/bundle-Bpy7IQta.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 = React.useState(generateGroupKey(channelUrl, key))[0];
-    var _g = VoicePlayer_context.useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, voicePlayerStore = _g.voicePlayerStore;
-    var isRecordable = VoiceRecorder_context.useVoiceRecorderContext().isRecordable;
-    var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || VoicePlayer_context.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);
-    };
-    React.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(consts.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 = React.useState(generateGroupKey(channelUrl, key))[0];
+    var _g = VoicePlayer_context.useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, voicePlayerStore = _g.voicePlayerStore;
+    var isRecordable = ui_Modal.useVoiceRecorderContext().isRecordable;
+    var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || VoicePlayer_context.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);
+    };
+    React.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(consts.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,
+    });
 };
 
 exports.useVoicePlayer = useVoicePlayer;

package/cjs/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/cjs/VoiceRecorder/context.js

@@ -2,138 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var LocalizationContext = require('../chunks/bundle-E9H8fQL4.js');
-var ui_Modal = require('../chunks/bundle-fG1bRzYE.js');
-var consts = require('../chunks/bundle-DnXNmdmw.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-DvWHV-PM.js');
-require('../chunks/bundle-BwvM-P29.js');
-require('../chunks/bundle-CY1bUkfG.js');
+require('react');
+require('../chunks/bundle-B7wJ4Hqk.js');
+var ui_Modal = require('../chunks/bundle-DJ9gapN2.js');
+require('../chunks/bundle-Ca7xeBTO.js');
+require('../useSendbirdStateContext.js');
+require('../chunks/bundle-DWBc-Yv7.js');
+require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-C-r9vRgc.js');
+require('../chunks/bundle-Cw7xe6J1.js');
+require('@sendbird/chat/groupChannel');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-CLte647H.js');
 require('react-dom');
-require('../chunks/bundle-BDbnsPGF.js');
-require('../chunks/bundle-BwEcnJDm.js');
+require('../chunks/bundle-CLNUkVC8.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-BuYf2Pa8.js');
+require('../chunks/bundle-Deao1Upp.js');
 require('../ui/Icon.js');
+require('@sendbird/uikit-tools');
 require('../withSendbird.js');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('../chunks/bundle-Ub33KGva.js');
+require('@sendbird/chat/openChannel');
+require('../chunks/bundle-BAqFIbKr.js');
+require('../chunks/bundle-Bpy7IQta.js');
 
-var noop = function () { };
-var Context = React.createContext({
-    start: noop,
-    stop: noop,
-    isRecordable: false,
-});
-var VoiceRecorderProvider = function (props) {
-    var _a;
-    var children = props.children;
-    var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var logger = config.logger, isVoiceMessageEnabled = config.isVoiceMessageEnabled;
-    var _b = React.useState(null), mediaRecorder = _b[0], setMediaRecorder = _b[1];
-    var _c = React.useState(false), isRecordable = _c[0], setIsRecordable = _c[1];
-    var _d = React.useState(false), permissionWarning = _d[0], setPermissionWarning = _d[1];
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var _e = React.useState(null), webAudioUtils = _e[0], setWebAudioUtils = _e[1];
-    var browserSupportMimeType = (_a = consts.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: consts.BROWSER_SUPPORT_MIME_TYPE_LIST });
-    }
-    React.useEffect(function () {
-        if (isVoiceMessageEnabled && !webAudioUtils) {
-            Promise.resolve().then(function () { return require('../chunks/bundle-BrD0IuOc.js'); }).then(function (data) {
-                setWebAudioUtils(data);
-            });
-        }
-    }, [isVoiceMessageEnabled, webAudioUtils]);
-    var start = React.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: consts.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], consts.VOICE_MESSAGE_FILE_NAME, {
-                    lastModified: new Date().getTime(),
-                    type: consts.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: consts.VOICE_MESSAGE_MIME_TYPE });
-                    var convertedAudioFile = new File([mp3blob], consts.VOICE_MESSAGE_FILE_NAME, {
-                        lastModified: new Date().getTime(),
-                        type: consts.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 = React.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.createElement(Context.Provider, { value: {
-            start: start,
-            stop: stop,
-            isRecordable: isRecordable,
-        } },
-        children,
-        permissionWarning && (React.createElement(ui_Modal.Modal, { hideFooter: true, onCancel: function () { return setPermissionWarning(false); } },
-            React.createElement(React.Fragment, null, stringSet.VOICE_RECORDING_PERMISSION_DENIED)))));
-};
-var useVoiceRecorderContext = function () { return React.useContext(Context); };
-var index = {
-    VoiceRecorderProvider: VoiceRecorderProvider,
-    useVoiceRecorderContext: useVoiceRecorderContext,
-};
 
-exports.VoiceRecorderProvider = VoiceRecorderProvider;
-exports.default = index;
-exports.useVoiceRecorderContext = useVoiceRecorderContext;
+
+exports.VoiceRecorderProvider = ui_Modal.VoiceRecorderProvider;
+exports.default = ui_Modal.index;
+exports.useVoiceRecorderContext = ui_Modal.useVoiceRecorderContext;
 //# sourceMappingURL=context.js.map

package/cjs/VoiceRecorder/context.js.map

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