@sendbird/uikit-react 3.13.0 → 3.13.2-rc.0

package/cjs/ui/BottomSheet.js

@@ -3,17 +3,17 @@
 var React = require('react');
 var reactDom = require('react-dom');
 require('../hooks/useModal.js');
-var ui_Modal = require('../chunks/bundle-Myh0hGtf.js');
-require('../chunks/bundle-9l41IWgC.js');
-require('../chunks/bundle-SWOq3kxG.js');
-require('../chunks/bundle-BdWL3kB4.js');
-require('../chunks/bundle-2dTv415Y.js');
-require('../chunks/bundle-xtUT3duD.js');
-require('../chunks/bundle-qYN98FNj.js');
-require('../chunks/bundle-UOOPIGjG.js');
+var ui_Modal = require('../chunks/bundle-DveQNuEW.js');
+require('../chunks/bundle-Dtsa1X9i.js');
+require('../chunks/bundle-Cf4WLYFa.js');
+require('../chunks/bundle-BOxqoDK2.js');
+require('../chunks/bundle-DiOpJGh-.js');
+require('../chunks/bundle-D6wZDkwJ.js');
+require('../chunks/bundle-BFmEadGJ.js');
+require('../chunks/bundle-BMtAL3gL.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-5i9-ntZ5.js');
+require('../chunks/bundle-Cimaz2Wz.js');
 require('./Icon.js');
 
 var BottomSheet = function (props) {

package/cjs/ui/Button.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-require('../chunks/bundle-xtUT3duD.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+require('../chunks/bundle-D6wZDkwJ.js');
 
 exports.ButtonTypes = void 0;
 (function (ButtonTypes) {

package/cjs/ui/ChannelAvatar.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-Sxjv83JD.js');
+var ui_Avatar = require('../chunks/bundle-Dt0Ehz1U.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../chunks/bundle-3uSGqV8n.js');
-require('../chunks/bundle-9l41IWgC.js');
+var utils = require('../chunks/bundle-CYl2v3wW.js');
+require('../chunks/bundle-Dtsa1X9i.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BdWL3kB4.js');
-require('../chunks/bundle-xbuS1NJI.js');
+require('../chunks/bundle-BOxqoDK2.js');
+require('../chunks/bundle-BfU270mH.js');
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;

package/cjs/ui/ConnectionStatus.js

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-var LocalizationContext = require('../chunks/bundle-2dTv415Y.js');
-require('../chunks/bundle-9l41IWgC.js');
-require('../chunks/bundle-BdWL3kB4.js');
-require('../chunks/bundle-xtUT3duD.js');
-require('../chunks/bundle-qYN98FNj.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+var LocalizationContext = require('../chunks/bundle-DiOpJGh-.js');
+require('../chunks/bundle-Dtsa1X9i.js');
+require('../chunks/bundle-BOxqoDK2.js');
+require('../chunks/bundle-D6wZDkwJ.js');
+require('../chunks/bundle-BFmEadGJ.js');
 
 function ConnectionStatus() {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/ui/ContextMenu.js

@@ -3,16 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var reactDom = require('react-dom');
+var SendbirdChat = require('@sendbird/chat');
+var openChannel = require('@sendbird/chat/openChannel');
 var ui_SortByRow = require('./SortByRow.js');
-var index = require('../chunks/bundle-Gw-7KmmG.js');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-require('../chunks/bundle-5zZ25-q8.js');
+var index = require('../chunks/bundle-CsTxv_Ia.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+require('../chunks/bundle-0q_scAND.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-SWOq3kxG.js');
-require('../chunks/bundle-xtUT3duD.js');
+require('../chunks/bundle-Cf4WLYFa.js');
+require('../chunks/bundle-D6wZDkwJ.js');
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;
@@ -101,6 +103,80 @@ var MenuItems$1 = /** @class */ (function (_super) {
     return MenuItems;
 }(React.Component));
 
+var MuteMenuItem = function (_a) {
+    var channel = _a.channel, user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onError, onError = _f === void 0 ? function () { } : _f;
+    var _g = React.useState(user.isMuted), isMuted = _g[0], setIsMuted = _g[1];
+    var isProcessing = React.useRef(false);
+    var onClickHandler = React.useCallback(function () {
+        if (!isProcessing.current) {
+            isProcessing.current = true;
+            if (isMuted) {
+                channel.unmuteUser(user)
+                    .then(function () {
+                    setIsMuted(false);
+                    onChange(channel, user, false);
+                    isProcessing.current = false;
+                })
+                    .catch(function (err) {
+                    onError(err);
+                    isProcessing.current = false;
+                });
+            }
+            else {
+                channel.muteUser(user)
+                    .then(function () {
+                    setIsMuted(true);
+                    onChange(channel, user, true);
+                    isProcessing.current = false;
+                })
+                    .catch(function (err) {
+                    onError(err);
+                    isProcessing.current = false;
+                });
+            }
+        }
+    }, [isProcessing, isMuted]);
+    return (React.createElement(MenuItem, { className: className, disable: disable, dataSbId: dataSbId, onClick: onClickHandler }, children));
+};
+
+var OperatorMenuItem = function (_a) {
+    var channel = _a.channel, user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onError, onError = _f === void 0 ? function () { } : _f;
+    var _g = React.useState(channel instanceof openChannel.OpenChannel
+        ? channel.isOperator(user)
+        : user.role === SendbirdChat.Role.OPERATOR), isOperator = _g[0], setIsOperator = _g[1];
+    var isProcessing = React.useRef(false);
+    var onClickHandler = React.useCallback(function () {
+        if (!isProcessing.current) {
+            isProcessing.current = true;
+            if (isOperator) {
+                channel.removeOperators([user.userId])
+                    .then(function () {
+                    setIsOperator(false);
+                    onChange(channel, user, false);
+                    isProcessing.current = false;
+                })
+                    .catch(function (err) {
+                    onError(err);
+                    isProcessing.current = false;
+                });
+            }
+            else {
+                channel.addOperators([user.userId])
+                    .then(function () {
+                    setIsOperator(true);
+                    onChange(channel, user, true);
+                    isProcessing.current = false;
+                })
+                    .catch(function (err) {
+                    onError(err);
+                    isProcessing.current = false;
+                });
+            }
+        }
+    }, [isProcessing, isOperator]);
+    return (React.createElement(MenuItem, { className: className, disable: disable, dataSbId: dataSbId, onClick: onClickHandler }, children));
+};
+
 var defaultParentRect = { x: 0, y: 0, left: 0, top: 0, height: 0 };
 var EmojiListItems$1 = function (_a) {
     var children = _a.children, parentRef = _a.parentRef, parentContainRef = _a.parentContainRef, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, closeDropdown = _a.closeDropdown;
@@ -213,5 +289,7 @@ exports.EmojiReactionListRoot = EmojiReactionListRoot;
 exports.MenuItem = MenuItem;
 exports.MenuItems = MenuItems;
 exports.MenuRoot = MenuRoot;
+exports.MuteMenuItem = MuteMenuItem;
+exports.OperatorMenuItem = OperatorMenuItem;
 exports.default = ContextMenu;
 //# sourceMappingURL=ContextMenu.js.map

package/cjs/ui/ContextMenu.js.map

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

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var React = require('react');
-var color = require('../chunks/bundle-yQR_oAnV.js');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-require('../chunks/bundle-xtUT3duD.js');
+var color = require('../chunks/bundle-CaSblzTL.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+require('../chunks/bundle-D6wZDkwJ.js');
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? color.Colors.ONBACKGROUND_4 : _d;

package/cjs/ui/EmojiReactions.js

@@ -6,39 +6,41 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../chunks/bundle-Gw-7KmmG.js');
+var index = require('../chunks/bundle-CsTxv_Ia.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
 var ui_UserListItem = require('./UserListItem.js');
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../chunks/bundle-UOOPIGjG.js');
-var useLongPress = require('../chunks/bundle-eVmdXbX4.js');
-var LocalizationContext = require('../chunks/bundle-2dTv415Y.js');
+var MediaQueryContext = require('../chunks/bundle-BMtAL3gL.js');
+var useLongPress = require('../chunks/bundle-BGHVt4pv.js');
+var LocalizationContext = require('../chunks/bundle-DiOpJGh-.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-require('../chunks/bundle-xtUT3duD.js');
-require('../chunks/bundle-BdWL3kB4.js');
+require('../chunks/bundle-D6wZDkwJ.js');
+require('../chunks/bundle-BOxqoDK2.js');
 require('react-dom');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-5zZ25-q8.js');
+require('../chunks/bundle-0q_scAND.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-SWOq3kxG.js');
+require('../chunks/bundle-Cf4WLYFa.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-Myh0hGtf.js');
+require('../chunks/bundle-DveQNuEW.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-qYN98FNj.js');
-require('../chunks/bundle-bOij3dXU.js');
-require('../chunks/bundle-Sxjv83JD.js');
-require('../chunks/bundle-xbuS1NJI.js');
+require('../chunks/bundle-BFmEadGJ.js');
+require('../chunks/bundle-BeKLq9sl.js');
+require('../chunks/bundle-Dt0Ehz1U.js');
+require('../chunks/bundle-BfU270mH.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-1BET8ZYY.js');
+require('../chunks/bundle-B9IeOTau.js');
 require('../withSendbird.js');
 
 var ReactedMembersBottomSheet = function (_a) {
@@ -68,7 +70,7 @@ var ReactedMembersBottomSheet = function (_a) {
             })),
             React.createElement("div", { className: "sendbird-message__bottomsheet__reactor-list" }, // making a member list who reacted to the message with the `selectedEmoji`
             ((_d = (_c = message.reactions) === null || _c === void 0 ? void 0 : _c.find(function (reaction) { return reaction.key === selectedEmoji; })) === null || _d === void 0 ? void 0 : _d.userIds.map(function (userId) { return members.find(function (member) { return member.userId === userId; }); }).filter(function (member) { return member !== undefined; }))
-                .map(function (member) { return (React.createElement(ui_UserListItem, { key: member.userId, className: "sendbird-message__bottomsheet__reactor-list__item", user: member, avatarSize: "36px", onClick: onPressUserProfileCallBack })); })))));
+                .map(function (member) { return (React.createElement(ui_UserListItem, { key: member.userId, className: "sendbird-message__bottomsheet__reactor-list__item", user: member, avatarSize: "36px", onUserAvatarClick: onPressUserProfileCallBack })); })))));
 };
 
 function ReactionItem(_a) {

package/cjs/ui/EmojiReactions.js.map

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

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-2dTv415Y.js');
-var index = require('../chunks/bundle-Gw-7KmmG.js');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-require('../chunks/bundle-xtUT3duD.js');
-require('../chunks/bundle-qYN98FNj.js');
-require('../chunks/bundle-9l41IWgC.js');
+var LocalizationContext = require('../chunks/bundle-DiOpJGh-.js');
+var index = require('../chunks/bundle-CsTxv_Ia.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+require('../chunks/bundle-D6wZDkwJ.js');
+require('../chunks/bundle-BFmEadGJ.js');
+require('../chunks/bundle-Dtsa1X9i.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-SWOq3kxG.js');
+require('../chunks/bundle-Cf4WLYFa.js');
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/cjs/ui/FileMessageItemBody.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-Gw-7KmmG.js');
-var color = require('../chunks/bundle-yQR_oAnV.js');
-var MediaQueryContext = require('../chunks/bundle-UOOPIGjG.js');
-require('../chunks/bundle-9l41IWgC.js');
-require('../chunks/bundle-xtUT3duD.js');
-require('../chunks/bundle-BdWL3kB4.js');
+var index = require('../chunks/bundle-CsTxv_Ia.js');
+var color = require('../chunks/bundle-CaSblzTL.js');
+var MediaQueryContext = require('../chunks/bundle-BMtAL3gL.js');
+require('../chunks/bundle-Dtsa1X9i.js');
+require('../chunks/bundle-D6wZDkwJ.js');
+require('../chunks/bundle-BOxqoDK2.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-SWOq3kxG.js');
+require('../chunks/bundle-Cf4WLYFa.js');
 
 function FileMessageItemBody(_a) {
     var _b;

package/cjs/ui/FileViewer.js

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-9l41IWgC.js');
+require('../chunks/bundle-Dtsa1X9i.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-2dTv415Y.js');
+require('../chunks/bundle-DiOpJGh-.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-Gw-7KmmG.js');
-require('../chunks/bundle-BdWL3kB4.js');
-require('../chunks/bundle-Sxjv83JD.js');
-require('../chunks/bundle-5i9-ntZ5.js');
+require('../chunks/bundle-CsTxv_Ia.js');
+require('../chunks/bundle-BOxqoDK2.js');
+require('../chunks/bundle-Dt0Ehz1U.js');
+require('../chunks/bundle-Cimaz2Wz.js');
 require('./Icon.js');
-var ui_FileViewer = require('../chunks/bundle-M7S2ba5_.js');
-require('../chunks/bundle-nvUhM4Jt.js');
-require('../chunks/bundle-Myh0hGtf.js');
-require('../chunks/bundle-xtUT3duD.js');
-require('../chunks/bundle-qYN98FNj.js');
-require('../chunks/bundle-SWOq3kxG.js');
-require('../chunks/bundle-UOOPIGjG.js');
+var ui_FileViewer = require('../chunks/bundle-a-KJqpeY.js');
+require('../chunks/bundle-iA0z-oXP.js');
+require('../chunks/bundle-DveQNuEW.js');
+require('../chunks/bundle-D6wZDkwJ.js');
+require('../chunks/bundle-BFmEadGJ.js');
+require('../chunks/bundle-Cf4WLYFa.js');
+require('../chunks/bundle-BMtAL3gL.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-xbuS1NJI.js');
-require('../chunks/bundle-qD5w2tyR.js');
+require('../chunks/bundle-BfU270mH.js');
+require('../chunks/bundle-BNyi-HLe.js');
 require('@sendbird/uikit-tools');
 
 

package/cjs/ui/Icon.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var React = require('react');
-var utils = require('../chunks/bundle-BdWL3kB4.js');
+var utils = require('../chunks/bundle-BOxqoDK2.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var React = require('react');
 
 var IconButton = React.forwardRef(function (props, ref) {

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var React = require('react');
-var utils = require('../chunks/bundle-BdWL3kB4.js');
+var utils = require('../chunks/bundle-BOxqoDK2.js');
 
 var numberToPx = (function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-require('../chunks/bundle-9l41IWgC.js');
-require('../chunks/bundle-xtUT3duD.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+require('../chunks/bundle-Dtsa1X9i.js');
+require('../chunks/bundle-D6wZDkwJ.js');
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-9l41IWgC.js');
+require('../chunks/bundle-Dtsa1X9i.js');
 require('react');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-require('../chunks/bundle-xtUT3duD.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+require('../chunks/bundle-D6wZDkwJ.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
-require('../chunks/bundle-xtUT3duD.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
+require('../chunks/bundle-D6wZDkwJ.js');
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-9l41IWgC.js');
+var _tslib = require('../chunks/bundle-Dtsa1X9i.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-BdWL3kB4.js');
+require('../chunks/bundle-BOxqoDK2.js');
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;

package/cjs/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../chunks/bundle-Gw-7KmmG.js');
+var index = require('../chunks/bundle-CsTxv_Ia.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-9l41IWgC.js');
+require('../chunks/bundle-Dtsa1X9i.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-SWOq3kxG.js');
-require('../chunks/bundle-BdWL3kB4.js');
+require('../chunks/bundle-Cf4WLYFa.js');
+require('../chunks/bundle-BOxqoDK2.js');
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/cjs/ui/MentionLabel.js

@@ -2,27 +2,29 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-5i9-ntZ5.js');
+var ui_Label = require('../chunks/bundle-Cimaz2Wz.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-9l41IWgC.js');
+require('../chunks/bundle-Dtsa1X9i.js');
 require('react-dom');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-5zZ25-q8.js');
-require('../chunks/bundle-Gw-7KmmG.js');
+require('../chunks/bundle-0q_scAND.js');
+require('../chunks/bundle-CsTxv_Ia.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-SWOq3kxG.js');
-require('../chunks/bundle-xtUT3duD.js');
-require('../chunks/bundle-2dTv415Y.js');
-require('../chunks/bundle-qYN98FNj.js');
-require('../chunks/bundle-bOij3dXU.js');
+require('../chunks/bundle-Cf4WLYFa.js');
+require('../chunks/bundle-D6wZDkwJ.js');
+require('../chunks/bundle-DiOpJGh-.js');
+require('../chunks/bundle-BFmEadGJ.js');
+require('../chunks/bundle-BeKLq9sl.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-1BET8ZYY.js');
-require('../chunks/bundle-BdWL3kB4.js');
-require('../chunks/bundle-Sxjv83JD.js');
+require('../chunks/bundle-B9IeOTau.js');
+require('../chunks/bundle-BOxqoDK2.js');
+require('../chunks/bundle-Dt0Ehz1U.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-xbuS1NJI.js');
+require('../chunks/bundle-BfU270mH.js');
 require('./Icon.js');
 require('./Button.js');
 require('../withSendbird.js');

package/cjs/ui/MentionLabel.js.map

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

package/cjs/ui/MentionUserLabel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-ctM9C4Ol.js');
+var consts = require('../chunks/bundle-Bj5uGit3.js');
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;