@sendbird/uikit-react 3.14.12-rc.0 → 3.14.13-rc.0

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,30 +1,34 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-var index = require('../chunks/bundle-C5OtWVnd.js');
-var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-RonggNhW.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+var index = require('../chunks/bundle-CRHrNWJp.js');
+var LocalizationContext = require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-C0bs5HgC.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function UnknownMessageItemBody(_a) {
     var _b;
     var className = _a.className, message = _a.message, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.mouseHover, mouseHover = _d === void 0 ? false : _d, _e = _a.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: index.getClassName([
+    return (React__default.default.createElement("div", { className: index.getClassName([
             className !== null && className !== void 0 ? className : '',
             'sendbird-unknown-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',
             (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
         ]) },
-        React.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__header", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
-        React.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__description", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE)));
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__header", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__description", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE)));
 }
 
 module.exports = UnknownMessageItemBody;

package/cjs/ui/UnknownMessageItemBody.js.map

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

package/cjs/ui/UserListItem.js

@@ -2,47 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
-require('../chunks/bundle-BVG8wAfm.js');
+require('../chunks/bundle-B2dRfy75.js');
 require('css-vars-ponyfill');
-require('../chunks/bundle-C5OtWVnd.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-var utils = require('../chunks/bundle-CxcGHjPH.js');
-require('../chunks/bundle-B22Ty9Wl.js');
-var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-QmHmrOIH.js');
-var ui_ContextMenu = require('../chunks/bundle-6P-e5JVH.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-Bfd7tojj.js');
+var LocalizationContext = require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-BFb_s1Sk.js');
+var ui_ContextMenu = require('../chunks/bundle-BeTneyYL.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../chunks/bundle-e0O2ux90.js');
-var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var UserProfileContext = require('../chunks/bundle-DBxITwxu.js');
+var ui_Avatar = require('../chunks/bundle-Dqp9uxau.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-var pxToNumber = require('../chunks/bundle-DKmAwp7d.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+var pxToNumber = require('../chunks/bundle-CNV7xlYf.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Button.js');
 require('./Icon.js');
-require('../chunks/bundle-BThLM1G6.js');
-require('../chunks/bundle-UZTd4E_b.js');
+require('../chunks/bundle-Sp2G1sf1.js');
+require('../chunks/bundle-BdulnACZ.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
 require('./SortByRow.js');
 require('./ImageRenderer.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-BTOs4s9G.js');
+require('../chunks/bundle-B1gFRcVr.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function UserListItem(_a) {
-    var user = _a.user, channel = _a.channel, key = _a.key, _b = _a.className, className = _b === void 0 ? undefined : _b, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, action = _a.action, onChange = _a.onChange, _c = _a.avatarSize, avatarSize = _c === void 0 ? '40px' : _c, onClick = _a.onClick, onUserAvatarClick = _a.onUserAvatarClick, renderListItemMenu = _a.renderListItemMenu, _d = _a.size, size = _d === void 0 ? 'normal' : _d;
+    var user = _a.user, channel = _a.channel, _b = _a.className, className = _b === void 0 ? undefined : _b, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, action = _a.action, onChange = _a.onChange, _c = _a.avatarSize, avatarSize = _c === void 0 ? '40px' : _c, onClick = _a.onClick, onUserAvatarClick = _a.onUserAvatarClick, renderListItemMenu = _a.renderListItemMenu, _d = _a.size, size = _d === void 0 ? 'normal' : _d;
     var operator = isOperator !== null && isOperator !== void 0 ? isOperator : (user === null || user === void 0 ? void 0 : user.role) === 'operator';
     var uniqueKey = user.userId;
     var actionRef = React.useRef(null);
@@ -59,33 +63,33 @@ function UserListItem(_a) {
     var checkboxClassName = size === 'small' ? 'sendbird-user-list-item--small__checkbox' : 'sendbird-user-list-item__checkbox';
     var actionClassName = size === 'small' ? 'sendbird-user-list-item--small__action' : 'sendbird-user-list-item__action';
     var operatorClassName = size === 'small' ? 'sendbird-user-list-item--small__operator' : 'sendbird-user-list-item__operator';
-    return (React.createElement("div", { className: utils.classnames.apply(void 0, _tslib.__spreadArray([itemClassName], (Array.isArray(className) ? className : [className]), false)), ref: parentRef, key: key },
-        React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(React.Fragment, null,
-                React.createElement(ui_Avatar.Avatar, { className: avatarClassName, ref: avatarRef, src: (user === null || user === void 0 ? void 0 : user.profileUrl) || (user === null || user === void 0 ? void 0 : user.plainProfileUrl) || '', width: avatarSize, height: avatarSize, onClick: function () {
+    return (React__default.default.createElement("div", { className: utils.classnames.apply(void 0, _tslib.__spreadArray([itemClassName], (Array.isArray(className) ? className : [className]), false)), ref: parentRef },
+        React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.default.createElement(React__default.default.Fragment, null,
+                React__default.default.createElement(ui_Avatar.Avatar, { className: avatarClassName, ref: avatarRef, src: (user === null || user === void 0 ? void 0 : user.profileUrl) || (user === null || user === void 0 ? void 0 : user.plainProfileUrl) || '', width: avatarSize, height: avatarSize, onClick: function () {
                         var _a;
                         if (!disableUserProfile) {
                             toggleDropdown();
                             (_a = (onUserAvatarClick !== null && onUserAvatarClick !== void 0 ? onUserAvatarClick : onClick)) === null || _a === void 0 ? void 0 : _a();
                         }
                     } }),
-                (user === null || user === void 0 ? void 0 : user.isMuted) && (React.createElement(ui_MutedAvatarOverlay, { height: pxToNumber.pxToNumber(avatarSize), width: pxToNumber.pxToNumber(avatarSize) })))); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                (user === null || user === void 0 ? void 0 : user.isMuted) && (React__default.default.createElement(ui_MutedAvatarOverlay, { height: pxToNumber.pxToNumber(avatarSize), width: pxToNumber.pxToNumber(avatarSize) })))); }, menuItems: function (closeDropdown) { return (renderUserProfile
                 ? renderUserProfile({
                     user: user,
                     currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                     close: closeDropdown,
                     avatarRef: avatarRef,
                 })
-                : (React.createElement(ui_ContextMenu.MenuItems, { openLeft: true, parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-                    React.createElement(ui_UserProfile, { disableMessaging: disableMessaging, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
-        React.createElement(ui_Label.Label, { className: titleClassName, type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
+                : (React__default.default.createElement(ui_ContextMenu.MenuItems, { openLeft: true, parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+                    React__default.default.createElement(ui_UserProfile, { disableMessaging: disableMessaging, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
+        React__default.default.createElement(ui_Label.Label, { className: titleClassName, type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
             user.nickname || stringSet.NO_NAME,
             (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)),
-        !user.nickname && (React.createElement(ui_Label.Label, { className: subtitleClassName, type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
-        checkBox && (React.createElement("label", { className: checkboxClassName, htmlFor: uniqueKey },
-            React.createElement(ui_Checkbox, { id: uniqueKey, checked: checked, disabled: disabled, onChange: function (event) { return onChange === null || onChange === void 0 ? void 0 : onChange(event); } }))),
-        operator && (React.createElement(ui_Label.Label, { className: utils.classnames(operatorClassName, checkBox && 'checkbox'), type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.LABEL__OPERATOR)),
-        !checkBox && !renderListItemMenu && action && (React.createElement("div", { className: actionClassName, ref: actionRef }, action({ actionRef: actionRef, parentRef: parentRef }))),
-        !checkBox && renderListItemMenu && (React.createElement("div", { className: actionClassName, ref: actionRef }, renderListItemMenu({ channel: channel, user: user })))));
+        !user.nickname && (React__default.default.createElement(ui_Label.Label, { className: subtitleClassName, type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
+        checkBox && (React__default.default.createElement("label", { className: checkboxClassName, htmlFor: uniqueKey },
+            React__default.default.createElement(ui_Checkbox, { id: uniqueKey, checked: checked, disabled: disabled, onChange: function (event) { return onChange === null || onChange === void 0 ? void 0 : onChange(event); } }))),
+        operator && (React__default.default.createElement(ui_Label.Label, { className: utils.classnames(operatorClassName, checkBox && 'checkbox'), type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.LABEL__OPERATOR)),
+        !checkBox && !renderListItemMenu && action && (React__default.default.createElement("div", { className: actionClassName, ref: actionRef }, action({ actionRef: actionRef, parentRef: parentRef }))),
+        !checkBox && renderListItemMenu && (React__default.default.createElement("div", { className: actionClassName, ref: actionRef }, renderListItemMenu({ channel: channel, user: user })))));
 }
 
 exports.UserListItem = UserListItem;

package/cjs/ui/UserListItem.js.map

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

package/cjs/ui/UserListItemMenu.js

@@ -1,32 +1,35 @@
 'use strict';
 
-var UserListItemMenu = require('../chunks/bundle-BIkirlfD.js');
-require('../chunks/bundle-CJ4C_lQr.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var UserListItemMenu = require('../chunks/bundle-m4DYiLZS.js');
+require('../chunks/bundle-DmCOU0rJ.js');
 require('react');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-6P-e5JVH.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('react-dom');
-require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-CfMyWzdL.js');
 require('./SortByRow.js');
-require('../chunks/bundle-BThLM1G6.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('./IconButton.js');
-require('../chunks/bundle-C5OtWVnd.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
-require('../chunks/bundle-Dq9xVvbD.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-Cmim7RkF.js');
 require('./Icon.js');
 
 
 
 exports.UserListItemMenu = UserListItemMenu.UserListItemMenu;
 exports.UserListItemMenuProvider = UserListItemMenu.UserListItemMenuProvider;
+exports.default = UserListItemMenu.UserListItemMenu;
 exports.useUserListItemMenuContext = UserListItemMenu.useUserListItemMenuContext;
 //# sourceMappingURL=UserListItemMenu.js.map

package/cjs/ui/UserListItemMenu.js.map

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

package/cjs/ui/UserProfile.js

@@ -1,23 +1,27 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
-var UserProfileContext = require('../chunks/bundle-e0O2ux90.js');
+var LocalizationContext = require('../chunks/bundle-CiMvvzt_.js');
+var UserProfileContext = require('../chunks/bundle-DBxITwxu.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
-var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+var ui_Avatar = require('../chunks/bundle-Dqp9uxau.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
-require('../chunks/bundle-BTOs4s9G.js');
-require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-B1gFRcVr.js');
+require('../chunks/bundle-CfMyWzdL.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DKmAwp7d.js');
+require('../chunks/bundle-CNV7xlYf.js');
 require('./Icon.js');
 require('../withSendbird.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function UserProfile(_a) {
     var _b, _c;
     var user = _a.user, currentUserId = _a.currentUserId, _d = _a.disableMessaging, disableMessaging = _d === void 0 ? false : _d, onSuccess = _a.onSuccess;
@@ -27,13 +31,13 @@ function UserProfile(_a) {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var currentUserId_ = currentUserId || ((_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId);
     var onUserProfileMessage = React.useContext(UserProfileContext.UserProfileContext).onUserProfileMessage;
-    return (React.createElement("div", { className: "sendbird__user-profile" },
-        React.createElement("section", { className: "sendbird__user-profile-avatar" },
-            React.createElement(ui_Avatar.Avatar, { height: "80px", width: "80px", src: user === null || user === void 0 ? void 0 : user.profileUrl })),
-        React.createElement("section", { className: "sendbird__user-profile-name" },
-            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, (user === null || user === void 0 ? void 0 : user.nickname) || stringSet.NO_NAME)),
-        ((user === null || user === void 0 ? void 0 : user.userId) !== currentUserId_) && !disableMessaging && (React.createElement("section", { className: "sendbird__user-profile-message" },
-            React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: function () {
+    return (React__default.default.createElement("div", { className: "sendbird__user-profile" },
+        React__default.default.createElement("section", { className: "sendbird__user-profile-avatar" },
+            React__default.default.createElement(ui_Avatar.Avatar, { height: "80px", width: "80px", src: user === null || user === void 0 ? void 0 : user.profileUrl })),
+        React__default.default.createElement("section", { className: "sendbird__user-profile-name" },
+            React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, (user === null || user === void 0 ? void 0 : user.nickname) || stringSet.NO_NAME)),
+        ((user === null || user === void 0 ? void 0 : user.userId) !== currentUserId_) && !disableMessaging && (React__default.default.createElement("section", { className: "sendbird__user-profile-message" },
+            React__default.default.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: function () {
                     // Create 1:1 channel
                     var params = {
                         isDistinct: false,
@@ -49,10 +53,10 @@ function UserProfile(_a) {
                         }
                     });
                 } }, stringSet.USER_PROFILE__MESSAGE))),
-        React.createElement("div", { className: "sendbird__user-profile-separator" }),
-        React.createElement("section", { className: "sendbird__user-profile-userId" },
-            React.createElement(ui_Label.Label, { className: "sendbird__user-profile-userId--label", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.USER_PROFILE__USER_ID),
-            React.createElement(ui_Label.Label, { className: "sendbird__user-profile-userId--value", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, user === null || user === void 0 ? void 0 : user.userId))));
+        React__default.default.createElement("div", { className: "sendbird__user-profile-separator" }),
+        React__default.default.createElement("section", { className: "sendbird__user-profile-userId" },
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird__user-profile-userId--label", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.USER_PROFILE__USER_ID),
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird__user-profile-userId--value", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, user === null || user === void 0 ? void 0 : user.userId))));
 }
 
 module.exports = UserProfile;

package/cjs/ui/UserProfile.js.map

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

package/cjs/ui/VoiceMessageInput.js

@@ -5,15 +5,15 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../chunks/bundle-Dq9xVvbD.js');
-require('../chunks/bundle-DnchMcYp.js');
-var ui_VoiceMessageInput = require('../chunks/bundle-CRUQT_mR.js');
-require('../chunks/bundle-UZTd4E_b.js');
-require('../chunks/bundle-CxcGHjPH.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-CS6Aibfk.js');
-require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-Cmim7RkF.js');
+require('../chunks/bundle-CiMvvzt_.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-lUMAR4iA.js');
+require('../chunks/bundle-BdulnACZ.js');
+require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-CsQg__hd.js');
+require('../chunks/bundle-C0bs5HgC.js');
 
 
 

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,34 +8,38 @@ var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var ui_PlaybackTime = require('./PlaybackTime.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-var VoicePlayer_context = require('../chunks/bundle-B22Ty9Wl.js');
-var utils = require('../chunks/bundle-CxcGHjPH.js');
-require('../chunks/bundle-UZTd4E_b.js');
-require('../chunks/bundle-BVG8wAfm.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-C5OtWVnd.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+var VoicePlayer_context = require('../chunks/bundle-Bfd7tojj.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-BdulnACZ.js');
+require('../chunks/bundle-B2dRfy75.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
 require('react-dom');
-require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
-require('../chunks/bundle-QmHmrOIH.js');
+require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-BFb_s1Sk.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BThLM1G6.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-6P-e5JVH.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('./SortByRow.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var VoiceMessageItemBody = function (_a) {
     var _b;
     var className = _a.className, message = _a.message, channelUrl = _a.channelUrl, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.isReactionEnabled, isReactionEnabled = _d === void 0 ? false : _d;
@@ -68,18 +72,18 @@ var VoiceMessageItemBody = function (_a) {
         }
         return DEFAULT_MAX_SIZE;
     }, [message === null || message === void 0 ? void 0 : message.metaArrays]);
-    return (React.createElement("div", { className: utils.classnames('sendbird-voice-message-item-body', className, usingReaction && 'is-reactions-contained') },
-        React.createElement(ui_ProgressBar.ProgressBar, { className: "sendbird-voice-message-item-body__progress-bar", maxSize: duration || progressBarMaxSize, currentSize: playbackTime, colorType: isByMe ? ui_ProgressBar.ProgressBarColorTypes.PRIMARY : ui_ProgressBar.ProgressBarColorTypes.GRAY }),
-        React.createElement("div", { className: "sendbird-voice-message-item-body__status-button" },
-            (playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.IDLE || playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PAUSED) && (React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: play },
-                React.createElement(ui_Icon.default, { width: "18px", height: "18px", type: ui_Icon.IconTypes.PLAY, fillColor: ui_Icon.IconColors.PRIMARY }))),
-            playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PREPARING && (React.createElement(ui_Loader, { width: "22.2px", height: "22.2px" },
-                React.createElement(ui_Icon.default, { width: "22.2px", height: "22.2px", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY_2 }))),
-            playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PLAYING && (React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: function () { pause(); } },
-                React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause" },
-                    React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }),
-                    React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }))))),
-        React.createElement(ui_PlaybackTime.PlaybackTime, { className: "sendbird-voice-message-item-body__playback-time", time: progressBarMaxSize - playbackTime, labelType: ui_Label.LabelTypography.BODY_1, labelColor: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 })));
+    return (React__default.default.createElement("div", { className: utils.classnames('sendbird-voice-message-item-body', className, usingReaction && 'is-reactions-contained') },
+        React__default.default.createElement(ui_ProgressBar.ProgressBar, { className: "sendbird-voice-message-item-body__progress-bar", maxSize: duration || progressBarMaxSize, currentSize: playbackTime, colorType: isByMe ? ui_ProgressBar.ProgressBarColorTypes.PRIMARY : ui_ProgressBar.ProgressBarColorTypes.GRAY }),
+        React__default.default.createElement("div", { className: "sendbird-voice-message-item-body__status-button" },
+            (playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.IDLE || playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PAUSED) && (React__default.default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: play },
+                React__default.default.createElement(ui_Icon.default, { width: "18px", height: "18px", type: ui_Icon.IconTypes.PLAY, fillColor: ui_Icon.IconColors.PRIMARY }))),
+            playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PREPARING && (React__default.default.createElement(ui_Loader, { width: "22.2px", height: "22.2px" },
+                React__default.default.createElement(ui_Icon.default, { width: "22.2px", height: "22.2px", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY_2 }))),
+            playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PLAYING && (React__default.default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: function () { pause(); } },
+                React__default.default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause" },
+                    React__default.default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }),
+                    React__default.default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }))))),
+        React__default.default.createElement(ui_PlaybackTime.PlaybackTime, { className: "sendbird-voice-message-item-body__playback-time", time: progressBarMaxSize - playbackTime, labelType: ui_Label.LabelTypography.BODY_1, labelColor: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 })));
 };
 
 exports.VoiceMessageItemBody = VoiceMessageItemBody;

package/cjs/ui/VoiceMessageItemBody.js.map

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

package/cjs/ui/Word.js

@@ -1,38 +1,42 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var index = require('../chunks/bundle-C5OtWVnd.js');
+var index = require('../chunks/bundle-CRHrNWJp.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-CfMyWzdL.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-6P-e5JVH.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BThLM1G6.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('../withSendbird.js');
 require('./IconButton.js');
-require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-C0bs5HgC.js');
 require('./UserProfile.js');
-require('../chunks/bundle-e0O2ux90.js');
+require('../chunks/bundle-DBxITwxu.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-BTOs4s9G.js');
-require('../chunks/bundle-BAZ7twtS.js');
+require('../chunks/bundle-B1gFRcVr.js');
+require('../chunks/bundle-Dqp9uxau.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DKmAwp7d.js');
+require('../chunks/bundle-CNV7xlYf.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 /**
  * @deprecated  This component is deprecated and will be removed in the next major version.
  * Use TextFragment instead.
@@ -43,7 +47,7 @@ function Word(props) {
     if (word === '') {
         return null;
     }
-    return (React.createElement("span", { className: "sendbird-word", "data-testid": "sendbird-ui-word" }, (message === null || message === void 0 ? void 0 : message.mentionedUsers) && index.convertWordToStringObj(word, message.mentionedUsers).map(function (stringObj, index$1) {
+    return (React__default.default.createElement("span", { className: "sendbird-word", "data-testid": "sendbird-ui-word" }, (message === null || message === void 0 ? void 0 : message.mentionedUsers) && index.convertWordToStringObj(word, message.mentionedUsers).map(function (stringObj, index$1) {
         var type = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.type) || '';
         var value = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.value) || '';
         var userId = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.userId) || '';
@@ -52,10 +56,10 @@ function Word(props) {
             return renderString(stringObj);
         }
         if (type === index.StringObjType.mention) {
-            return (React.createElement(ui_MentionLabel, { key: key, mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, isByMe: isByMe }));
+            return (React__default.default.createElement(ui_MentionLabel, { key: key, mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, isByMe: isByMe }));
         }
         else if (type === index.StringObjType.url) {
-            return (React.createElement(ui_LinkLabel.default, { key: key, className: "sendbird-word__url", src: word, type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, value));
+            return (React__default.default.createElement(ui_LinkLabel.default, { key: key, className: "sendbird-word__url", src: word, type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, value));
         }
         else {
             return value;

package/cjs/ui/Word.js.map

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

package/cjs/useSendbirdStateContext.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./chunks/bundle-CJ4C_lQr.js');
+require('./chunks/bundle-DmCOU0rJ.js');
 
 /**
  * Example:

package/cjs/utils/message/isVoiceMessage.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('../../chunks/bundle-C5OtWVnd.js');
-require('../../chunks/bundle-CJ4C_lQr.js');
+var index = require('../../chunks/bundle-CRHrNWJp.js');
+require('../../chunks/bundle-DmCOU0rJ.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-CTGjIAK4.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-rgSWvbRw.js');
 
 var isVoiceMessage = index.isVoiceMessage;
 

package/cjs/withSendbird.js

@@ -2,22 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('./chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
 
-var SendbirdSdkContext = React.createContext(null);
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SendbirdSdkContext = React__default.default.createContext(null);
 /**
  * @deprecated This function is deprecated. Use `useSendbirdStateContext` instead.
  * */
 var withSendbirdContext = function (OriginalComponent, mapStoreToProps) {
-    var ContextAwareComponent = function (props) { return (React.createElement(SendbirdSdkContext.Consumer, null, function (context) {
+    var ContextAwareComponent = function (props) { return (React__default.default.createElement(SendbirdSdkContext.Consumer, null, function (context) {
         if (mapStoreToProps && typeof mapStoreToProps !== 'function') {
             // eslint-disable-next-line no-console
             console.warn('Second parameter to withSendbirdContext must be a pure function');
         }
         var mergedProps = (mapStoreToProps && typeof mapStoreToProps === 'function')
             ? _tslib.__assign(_tslib.__assign({}, mapStoreToProps(context)), props) : _tslib.__assign(_tslib.__assign({}, context), props);
-        return React.createElement(OriginalComponent, _tslib.__assign({}, mergedProps));
+        return React__default.default.createElement(OriginalComponent, _tslib.__assign({}, mergedProps));
     })); };
     var componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';
     ContextAwareComponent.displayName = "SendbirdAware".concat(componentName);

package/cjs/withSendbird.js.map

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