@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/cjs/VoiceRecorder/context.js

@@ -3,31 +3,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../chunks/bundle-B7wJ4Hqk.js');
-var ui_Modal = require('../chunks/bundle-DJ9gapN2.js');
-require('../chunks/bundle-Ca7xeBTO.js');
+require('../chunks/bundle-u9XWE6Rm.js');
+var ui_Modal = require('../chunks/bundle-CkSDsWpR.js');
+require('../chunks/bundle-B9KKI197.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('../chunks/bundle-FcnFNV4V.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.js');
+require('../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLte647H.js');
 require('react-dom');
-require('../chunks/bundle-CLNUkVC8.js');
+require('../chunks/bundle-Bsd8mnLE.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-Deao1Upp.js');
+require('../chunks/bundle-DgWaY7S0.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('../chunks/bundle-nJ_H0gk1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-BAqFIbKr.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-DzkRFA4-.js');
+require('../chunks/bundle-K2UuTY_r.js');
 
 
 

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('../chunks/bundle-DJ9gapN2.js');
+var ui_Modal = require('../chunks/bundle-CkSDsWpR.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-C-r9vRgc.js');
-require('../chunks/bundle-Cw7xe6J1.js');
+var utils = require('../chunks/bundle-FcnFNV4V.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLte647H.js');
 require('react-dom');
-require('../chunks/bundle-B7wJ4Hqk.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
-require('../chunks/bundle-CLNUkVC8.js');
+require('../chunks/bundle-u9XWE6Rm.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.js');
+require('../chunks/bundle-Bsd8mnLE.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-Deao1Upp.js');
+require('../chunks/bundle-DgWaY7S0.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('../chunks/bundle-nJ_H0gk1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-BAqFIbKr.js');
-require('../chunks/bundle-Ca7xeBTO.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-DzkRFA4-.js');
+require('../chunks/bundle-B9KKI197.js');
+require('../chunks/bundle-K2UuTY_r.js');
 
 // export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {
 //   /**
@@ -40,9 +40,8 @@ var VoiceRecorderStatus = {
     RECORDING: 'RECORDING',
     COMPLETED: 'COMPLETED',
 };
-var noop = function () { };
 var useVoiceRecorder = function (_a) {
-    var _b = _a.onRecordingStarted, onRecordingStarted = _b === void 0 ? noop : _b, _c = _a.onRecordingEnded, onRecordingEnded = _c === void 0 ? noop : _c;
+    var _b = _a.onRecordingStarted, onRecordingStarted = _b === void 0 ? utils.noop : _b, _c = _a.onRecordingEnded, onRecordingEnded = _c === void 0 ? utils.noop : _c;
     var config = useSendbirdStateContext.useSendbirdStateContext().config;
     var voiceRecord = config.voiceRecord;
     var maxRecordingTime = voiceRecord.maxRecordingTime;
@@ -80,11 +79,11 @@ var useVoiceRecorder = function (_a) {
     }, [voiceRecorder]);
     // Timer
     var _f = React.useState(0), recordingTime = _f[0], setRecordingTime = _f[1];
-    var timer = null;
+    var timer = React.useRef(null);
     function startTimer() {
         stopTimer();
         setRecordingTime(0);
-        var interval = setInterval(function () {
+        timer.current = setInterval(function () {
             setRecordingTime(function (prevTime) {
                 var newTime = prevTime + 100;
                 if (newTime > maxRecordingTime) {
@@ -93,11 +92,12 @@ var useVoiceRecorder = function (_a) {
                 return newTime;
             });
         }, 100);
-        timer = interval;
     }
     function stopTimer() {
-        clearInterval(timer);
-        timer = null;
+        if (timer.current) {
+            clearInterval(timer.current);
+            timer.current = null;
+        }
     }
     React.useEffect(function () {
         if (recordingTime > maxRecordingTime) {

package/cjs/chunks/{bundle-Bv_QMEk2.js → bundle-0CaiAMj2.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
 
 var OpenChannelMessageStatusTypes = {
     NONE: 'none',
@@ -75,24 +75,24 @@ var OpenChannelMobileMenu = function (props) {
     var fileMessage = message;
     return (React.createElement(ui_ContextMenu.default, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
             isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
-                    copyToClipboard();
-                }, dataSbId: "open_channel_mobile_context_menu_copy" },
+                    copyToClipboard === null || copyToClipboard === void 0 ? void 0 : copyToClipboard();
+                }, testID: "open_channel_mobile_context_menu_copy" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
             (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
-                    showEdit();
-                }, dataSbId: "open_channel_mobile_context_menu_edit" },
+                    showEdit === null || showEdit === void 0 ? void 0 : showEdit();
+                }, testID: "open_channel_mobile_context_menu_edit" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
             isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                    resendMessage();
-                }, dataSbId: "open_channel_mobile_context_menu_resend" },
+                    resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage();
+                }, testID: "open_channel_mobile_context_menu_resend" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
             (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                    showRemove();
-                }, dataSbId: "open_channel_mobile_context_menu_delete" },
+                    showRemove === null || showRemove === void 0 ? void 0 : showRemove();
+                }, testID: "open_channel_mobile_context_menu_delete" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
             isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
                     hideMenu();
-                }, dataSbId: "open_channel_mobile_context_menu_download_file" },
+                }, testID: "open_channel_mobile_context_menu_download_file" },
                 React.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
 };
 
@@ -106,4 +106,4 @@ exports.isFineDelete = isFineDelete;
 exports.isFineEdit = isFineEdit;
 exports.isFineResend = isFineResend;
 exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=bundle-Bv_QMEk2.js.map
+//# sourceMappingURL=bundle-0CaiAMj2.js.map

package/cjs/chunks/bundle-0CaiAMj2.js.map

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

package/cjs/chunks/{bundle-dr9zoU1D.js → bundle-0QB2GZ_W.js}

@@ -1,15 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('./bundle-Deao1Upp.js');
+var ui_Label = require('./bundle-DgWaY7S0.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Avatar = require('./bundle-C0ZNrrcl.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
-var uuid = require('./bundle-Ub33KGva.js');
+var ui_Avatar = require('./bundle-BpJxkKab.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
+var uuid = require('./bundle-nJ_H0gk1.js');
+var utils = require('./bundle-FcnFNV4V.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const$1 = require('./bundle-B2KKkvdj.js');
-var _const = require('./bundle-C4UzGGy_.js');
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _const$1 = require('./bundle-Bz2MU4JV.js');
+var _const = require('./bundle-WrRM6A2K.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 
 function SuggestedUserMentionItem(props) {
     var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
@@ -30,10 +31,10 @@ function SuggestedUserMentionItem(props) {
     if (customMentionItem) {
         return customMentionItem;
     }
-    return (React.createElement("div", { className: "sendbird-mention-suggest-list__user-item ".concat(isFocused ? 'focused' : ''), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef },
+    return (React.createElement("div", { className: utils.classnames('sendbird-mention-suggest-list__user-item', isFocused && 'focused'), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef },
         React.createElement(ui_Avatar.Avatar, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__nickname", type: ui_Label.LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__user-id", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
+        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__nickname", testID: "sendbird-mention-suggest-list__user-item__nickname", type: ui_Label.LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
+        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__user-id", testID: "sendbird-mention-suggest-list__user-item__user-id", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
 }
 
 function fetchMembersFromChannel(currentUserId, channel, maxSuggestionCount, searchString) {
@@ -85,29 +86,29 @@ var SuggestedMentionListView = function (props) {
     var _m = React.useState(null), currentFocusedMember = _m[0], setCurrentFocusedMember = _m[1];
     var _o = React.useState([]), currentMemberList = _o[0], setCurrentMemberList = _o[1];
     React.useEffect(function () {
-        clearTimeout(timer);
+        clearTimeout(timer !== null && timer !== void 0 ? timer : undefined);
         setTimer(setTimeout(function () {
             setSearchString(targetNickname);
         }, DEBOUNCING_TIME));
     }, [targetNickname]);
     React.useEffect(function () {
         if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.Enter) {
-            if (currentMemberList.length > 0) {
-                onUserItemClick(currentFocusedMember);
+            if (currentFocusedMember && currentMemberList.length > 0) {
+                onUserItemClick === null || onUserItemClick === void 0 ? void 0 : onUserItemClick(currentFocusedMember);
             }
         }
         if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowUp) {
             var currentUserIndex = currentMemberList.findIndex(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId); });
             if (0 < currentUserIndex) {
                 setCurrentFocusedMember(currentMemberList[currentUserIndex - 1]);
-                onFocusItemChange(currentMemberList[currentUserIndex - 1]);
+                onFocusItemChange === null || onFocusItemChange === void 0 ? void 0 : onFocusItemChange(currentMemberList[currentUserIndex - 1]);
             }
         }
         if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowDown) {
             var currentUserIndex = currentMemberList.findIndex(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId); });
             if (currentUserIndex < currentMemberList.length - 1) {
                 setCurrentFocusedMember(currentMemberList[currentUserIndex + 1]);
-                onFocusItemChange(currentMemberList[currentUserIndex + 1]);
+                onFocusItemChange === null || onFocusItemChange === void 0 ? void 0 : onFocusItemChange(currentMemberList[currentUserIndex + 1]);
             }
         }
     }, [inputEvent]);
@@ -133,7 +134,7 @@ var SuggestedMentionListView = function (props) {
                 setCurrentFocusedMember(suggestingMembers[0]);
             }
             setLastSearchString(searchString);
-            onFetchUsers(suggestingMembers);
+            onFetchUsers === null || onFetchUsers === void 0 ? void 0 : onFetchUsers(suggestingMembers);
             setCurrentMemberList(suggestingMembers);
         })
             .catch(function (error) {
@@ -155,11 +156,11 @@ var SuggestedMentionListView = function (props) {
     if (!ableAddMention && currentMemberList.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: "sendbird-mention-suggest-list ".concat(className), key: "sendbird-mention-suggest-list", ref: scrollRef },
+    return (React.createElement("div", { className: utils.classnames('sendbird-mention-suggest-list', className), "data-testid": "sendbird-mention-suggest-list", key: "sendbird-mention-suggest-list", ref: scrollRef },
         ableAddMention
             && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId), parentScrollRef: scrollRef, onClick: function (_a) {
                     var member = _a.member;
-                    onUserItemClick(member);
+                    onUserItemClick === null || onUserItemClick === void 0 ? void 0 : onUserItemClick(member);
                 }, onMouseOver: function (_a) {
                     var member = _a.member;
                     setCurrentFocusedMember(member);
@@ -170,4 +171,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 exports.SuggestedMentionListView = SuggestedMentionListView;
-//# sourceMappingURL=bundle-dr9zoU1D.js.map
+//# sourceMappingURL=bundle-0QB2GZ_W.js.map

package/cjs/chunks/{bundle-dr9zoU1D.js.map → bundle-0QB2GZ_W.js.map}

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

package/cjs/chunks/{bundle-CpIdIHld.js → bundle-0Re2c8Xv.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('./bundle-Pfx0MBr4.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
-var MediaQueryContext = require('./bundle-CLNUkVC8.js');
-var utils = require('./bundle-CLte647H.js');
-var index = require('./bundle-Cw7xe6J1.js');
-var ui_MessageStatus = require('./bundle-DsrfvJYA.js');
+var useLongPress = require('./bundle-DmfO6_lp.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
+var MediaQueryContext = require('./bundle-Bsd8mnLE.js');
+var utils = require('./bundle-FcnFNV4V.js');
+var index = require('./bundle-CRjV-DLM.js');
+var ui_MessageStatus = require('./bundle-Dur9d2k7.js');
 var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
 var ui_Badge = require('../ui/Badge.js');
 var ui_ChannelAvatar = require('../ui/ChannelAvatar.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-Deao1Upp.js');
+var ui_Label = require('./bundle-DgWaY7S0.js');
 var ui_MentionUserLabel = require('../ui/MentionUserLabel.js');
-var ui_Modal = require('./bundle-DJ9gapN2.js');
+var ui_Modal = require('./bundle-CkSDsWpR.js');
 var ui_TextButton = require('../ui/TextButton.js');
 
 var GroupChannelListItemView = function (_a) {
@@ -48,7 +48,7 @@ var GroupChannelListItemView = function (_a) {
                     React.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
                         (channel.isBroadcast || false) && (React.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
                             React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BROADCAST, fillColor: ui_Icon.IconColors.SECONDARY, height: "16px", width: "16px" }))),
-                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, channelName),
+                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", testID: "sendbird-channel-preview__content__upper__header__channel-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, channelName),
                         React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ui_MessageStatus.getTotalMembers(channel)),
                         (channel.isFrozen) && (React.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
                             React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, height: 12, width: 12 })))),
@@ -86,4 +86,4 @@ var GroupChannelListItemView = function (_a) {
 };
 
 exports.GroupChannelListItemView = GroupChannelListItemView;
-//# sourceMappingURL=bundle-CpIdIHld.js.map
+//# sourceMappingURL=bundle-0Re2c8Xv.js.map

package/cjs/chunks/bundle-0Re2c8Xv.js.map

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

package/cjs/chunks/{bundle-DGJX80zy.js → bundle-3m9OAKfW.js}

@@ -5,9 +5,10 @@ var ui_PlaybackTime = require('../ui/PlaybackTime.js');
 var ui_ProgressBar = require('../ui/ProgressBar.js');
 var ui_TextButton = require('../ui/TextButton.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-Deao1Upp.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
-var consts = require('./bundle-Ca7xeBTO.js');
+var ui_Label = require('./bundle-DgWaY7S0.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
+var consts = require('./bundle-B9KKI197.js');
+var utils = require('./bundle-FcnFNV4V.js');
 
 /* eslint-disable no-redeclare */
 var VoiceMessageInputStatus = {
@@ -35,7 +36,7 @@ var ControlerIcon = function (_a) {
                 React.createElement("div", { className: "sendbird-controler-icon pause-icon-inner" })));
         }
         default:
-            return null;
+            return React.createElement(React.Fragment, null);
     }
 };
 
@@ -59,14 +60,14 @@ var VoiceMessageInput = function (_a) {
     var handleOnCancelClick = function () {
         var currentTime = Date.now();
         if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-            onCancelClick();
+            onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
             setLastClickTime(currentTime);
         }
     };
     var handleOnControlClick = React.useCallback(function () {
         var currentTime = Date.now();
         if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-            onControlClick(currentType);
+            onControlClick === null || onControlClick === void 0 ? void 0 : onControlClick(currentType);
             setLastClickTime(currentTime);
         }
     }, [currentType]);
@@ -74,7 +75,7 @@ var VoiceMessageInput = function (_a) {
         var currentTime = Date.now();
         if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
             if (!isSendButtonDisabled) {
-                onSubmitClick();
+                onSubmitClick === null || onSubmitClick === void 0 ? void 0 : onSubmitClick();
             }
             setLastClickTime(currentTime);
         }
@@ -90,10 +91,10 @@ var VoiceMessageInput = function (_a) {
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.BUTTON__CANCEL))),
             (renderControlButton === null || renderControlButton === void 0 ? void 0 : renderControlButton(currentType)) || (React.createElement("div", { className: "sendbird-voice-message-input__controler__main", onClick: handleOnControlClick },
                 React.createElement(ControlerIcon, { inputState: currentType }))),
-            (renderSubmitButton === null || renderSubmitButton === void 0 ? void 0 : renderSubmitButton()) || (React.createElement("div", { className: "sendbird-voice-message-input__controler__submit ".concat(isSendButtonDisabled ? 'voice-message--disabled' : ''), onClick: handleOnSubmitClick },
+            (renderSubmitButton === null || renderSubmitButton === void 0 ? void 0 : renderSubmitButton()) || (React.createElement("div", { className: utils.classnames('sendbird-voice-message-input__controler__submit', isSendButtonDisabled && 'voice-message--disabled'), onClick: handleOnSubmitClick },
                 React.createElement(ui_Icon.default, { width: "19px", height: "19px", type: ui_Icon.IconTypes.SEND, fillColor: isSendButtonDisabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT }))))));
 };
 
 exports.VoiceMessageInput = VoiceMessageInput;
 exports.VoiceMessageInputStatus = VoiceMessageInputStatus;
-//# sourceMappingURL=bundle-DGJX80zy.js.map
+//# sourceMappingURL=bundle-3m9OAKfW.js.map

package/cjs/chunks/bundle-3m9OAKfW.js.map

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

package/cjs/chunks/{bundle-glVs_8wY.js → bundle-3pFP-c5Y.js}

@@ -19,4 +19,4 @@ var AddGroupChannelView = function (_a) {
 };
 
 exports.AddGroupChannelView = AddGroupChannelView;
-//# sourceMappingURL=bundle-glVs_8wY.js.map
+//# sourceMappingURL=bundle-3pFP-c5Y.js.map

package/cjs/chunks/bundle-3pFP-c5Y.js.map

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

package/cjs/chunks/{bundle-DWBc-Yv7.js → bundle-5FP1wNLB.js}

@@ -138,6 +138,7 @@ var stringSet = {
         // Message Input
         MESSAGE_INPUT__PLACE_HOLDER: 'Enter message',
         MESSAGE_INPUT__PLACE_HOLDER__DISABLED: 'Chat is unavailable in this channel',
+        MESSAGE_INPUT__PLACE_HOLDER__FROZEN: 'Chat is unavailable in this channel',
         MESSAGE_INPUT__PLACE_HOLDER__MUTED: 'Chat is unavailable because you\'re muted',
         MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: 'You\'re muted',
         MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER: 'Reply to message',
@@ -236,4 +237,4 @@ var getStringSet = function (lang) {
 };
 
 exports.getStringSet = getStringSet;
-//# sourceMappingURL=bundle-DWBc-Yv7.js.map
+//# sourceMappingURL=bundle-5FP1wNLB.js.map

package/cjs/chunks/bundle-5FP1wNLB.js.map

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