@sendbird/uikit-react 3.14.10 → 3.14.11-rc-1

package/cjs/ui/Tooltip.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Cj28CPZo.js');
+var _tslib = require('../chunks/bundle-CbIfUIJv.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Sd-aNKBP.js');
-require('../chunks/bundle-gMLusDcA.js');
+var ui_Label = require('../chunks/bundle-B29cJtnW.js');
+require('../chunks/bundle-B4XgwPxR.js');
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;

package/cjs/ui/TooltipWrapper.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Cj28CPZo.js');
+var _tslib = require('../chunks/bundle-CbIfUIJv.js');
 var React = require('react');
 
 var SPACE_FROM_TRIGGER = 8;

package/cjs/ui/TypingIndicatorBubble.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-P59hALmY.js');
-require('../chunks/bundle-Cj28CPZo.js');
+var ui_Avatar = require('../chunks/bundle-tW_wXgse.js');
+require('../chunks/bundle-CbIfUIJv.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-omkWL_yx.js');
-require('../chunks/bundle-yfvZEtYq.js');
+require('../chunks/bundle-LQkWlTFn.js');
+require('../chunks/bundle-BROCwlcL.js');
 require('./Icon.js');
 
 var TypingDots = function () {

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Sd-aNKBP.js');
-var index = require('../chunks/bundle-BY8BAZNm.js');
-var LocalizationContext = require('../chunks/bundle-C1_VEq6O.js');
-require('../chunks/bundle-Cj28CPZo.js');
-require('../chunks/bundle-gMLusDcA.js');
+var ui_Label = require('../chunks/bundle-B29cJtnW.js');
+var index = require('../chunks/bundle-CyLMhpqo.js');
+var LocalizationContext = require('../chunks/bundle-BQJ2pBeY.js');
+require('../chunks/bundle-CbIfUIJv.js');
+require('../chunks/bundle-B4XgwPxR.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BPTY00aT.js');
-require('../chunks/bundle-Czhss6xB.js');
-require('../chunks/bundle-DeU1C8Ho.js');
+require('../chunks/bundle-5CYM-4Nj.js');
+require('../chunks/bundle-fbjL3lGb.js');
+require('../chunks/bundle-DCu-C04d.js');
 
 function UnknownMessageItemBody(_a) {
     var _b;

package/cjs/ui/UserListItem.js

@@ -1,37 +1,36 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Cj28CPZo.js');
+var _tslib = require('../chunks/bundle-CbIfUIJv.js');
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-CV7G8_Ga.js');
-var LocalizationContext = require('../chunks/bundle-C1_VEq6O.js');
-var ui_Avatar = require('../chunks/bundle-P59hALmY.js');
+var UserProfileContext = require('../chunks/bundle-DJBAE4JA.js');
+var LocalizationContext = require('../chunks/bundle-BQJ2pBeY.js');
+var ui_Avatar = require('../chunks/bundle-tW_wXgse.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-Sd-aNKBP.js');
-require('../chunks/bundle-gMLusDcA.js');
-require('../chunks/bundle-DeU1C8Ho.js');
+var ui_Label = require('../chunks/bundle-B29cJtnW.js');
+require('../chunks/bundle-B4XgwPxR.js');
+require('../chunks/bundle-DCu-C04d.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-omkWL_yx.js');
-require('../chunks/bundle-yfvZEtYq.js');
+require('../chunks/bundle-LQkWlTFn.js');
+require('../chunks/bundle-BROCwlcL.js');
 require('./Icon.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-JQ5xow8l.js');
+require('../chunks/bundle-Ct18Bbck.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-CTbmyNxr.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BlS2bdI-.js');
-require('../chunks/bundle-BY8BAZNm.js');
+require('../chunks/bundle-CAgaD1eo.js');
+require('../chunks/bundle-CyLMhpqo.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BPTY00aT.js');
-require('../chunks/bundle-Czhss6xB.js');
+require('../chunks/bundle-5CYM-4Nj.js');
+require('../chunks/bundle-fbjL3lGb.js');
 
 function UserListItem(_a) {
     var user = _a.user, className = _a.className, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, currentUser = _a.currentUser, action = _a.action, onChange = _a.onChange, _b = _a.avatarSize, avatarSize = _b === void 0 ? '40px' : _b, onClick = _a.onClick, onUserAvatarClick = _a.onUserAvatarClick;

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/UserProfile.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-C1_VEq6O.js');
-var UserProfileContext = require('../chunks/bundle-CV7G8_Ga.js');
+var LocalizationContext = require('../chunks/bundle-BQJ2pBeY.js');
+var UserProfileContext = require('../chunks/bundle-DJBAE4JA.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
-var ui_Avatar = require('../chunks/bundle-P59hALmY.js');
-var ui_Label = require('../chunks/bundle-Sd-aNKBP.js');
+var ui_Avatar = require('../chunks/bundle-tW_wXgse.js');
+var ui_Label = require('../chunks/bundle-B29cJtnW.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Cj28CPZo.js');
-require('../chunks/bundle-gMLusDcA.js');
-require('../chunks/bundle-DeU1C8Ho.js');
-require('../chunks/bundle-JQ5xow8l.js');
-require('../chunks/bundle-omkWL_yx.js');
+require('../chunks/bundle-CbIfUIJv.js');
+require('../chunks/bundle-B4XgwPxR.js');
+require('../chunks/bundle-DCu-C04d.js');
+require('../chunks/bundle-Ct18Bbck.js');
+require('../chunks/bundle-LQkWlTFn.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-yfvZEtYq.js');
+require('../chunks/bundle-BROCwlcL.js');
 require('./Icon.js');
 require('../withSendbird.js');
 

package/cjs/ui/VoiceMessageInput.js

@@ -5,15 +5,15 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../chunks/bundle-Sd-aNKBP.js');
-require('../chunks/bundle-C1_VEq6O.js');
-var ui_VoiceMessageInput = require('../chunks/bundle-DVyMctAJ.js');
-require('../chunks/bundle-Bbf2DLSP.js');
-require('../chunks/bundle-omkWL_yx.js');
-require('../chunks/bundle-Cj28CPZo.js');
-require('../chunks/bundle-gMLusDcA.js');
-require('../chunks/bundle-DyvEE0Lk.js');
-require('../chunks/bundle-DeU1C8Ho.js');
+require('../chunks/bundle-B29cJtnW.js');
+require('../chunks/bundle-BQJ2pBeY.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-BFjSSjLi.js');
+require('../chunks/bundle-pCrudoBO.js');
+require('../chunks/bundle-LQkWlTFn.js');
+require('../chunks/bundle-CbIfUIJv.js');
+require('../chunks/bundle-B4XgwPxR.js');
+require('../chunks/bundle-BayztW9F.js');
+require('../chunks/bundle-DCu-C04d.js');
 
 
 

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,32 +8,33 @@ 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-Sd-aNKBP.js');
-var VoicePlayer_context = require('../chunks/bundle-B53D04fr.js');
-var utils = require('../chunks/bundle-omkWL_yx.js');
-require('../chunks/bundle-Bbf2DLSP.js');
-require('../chunks/bundle-D5ESahgs.js');
-require('../chunks/bundle-Cj28CPZo.js');
-require('../chunks/bundle-BY8BAZNm.js');
+var ui_Label = require('../chunks/bundle-B29cJtnW.js');
+var VoicePlayer_context = require('../chunks/bundle-BGT4FTje.js');
+var utils = require('../chunks/bundle-LQkWlTFn.js');
+require('../chunks/bundle-pCrudoBO.js');
+require('../chunks/bundle-D0idj-We.js');
+require('../chunks/bundle-CbIfUIJv.js');
+require('../chunks/bundle-CyLMhpqo.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BPTY00aT.js');
-require('../chunks/bundle-Czhss6xB.js');
+require('../chunks/bundle-5CYM-4Nj.js');
+require('../chunks/bundle-fbjL3lGb.js');
 require('react-dom');
-require('../chunks/bundle-C1_VEq6O.js');
-require('../chunks/bundle-gMLusDcA.js');
-require('../chunks/bundle-DeU1C8Ho.js');
-require('../chunks/bundle-DyVsDCif.js');
+require('../chunks/bundle-BQJ2pBeY.js');
+require('../chunks/bundle-B4XgwPxR.js');
+require('../chunks/bundle-DCu-C04d.js');
+require('../chunks/bundle-C0fHiZY-.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BlS2bdI-.js');
+require('../chunks/bundle-CAgaD1eo.js');
 require('@sendbird/chat/openChannel');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CTbmyNxr.js');
+require('./ContextMenu.js');
+require('./SortByRow.js');
 
 var VoiceMessageItemBody = function (_a) {
     var _b;

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,33 +1,32 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Sd-aNKBP.js');
+var ui_Label = require('../chunks/bundle-B29cJtnW.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var index = require('../chunks/bundle-BY8BAZNm.js');
+var index = require('../chunks/bundle-CyLMhpqo.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-Cj28CPZo.js');
-require('../chunks/bundle-gMLusDcA.js');
-require('../chunks/bundle-omkWL_yx.js');
+require('../chunks/bundle-CbIfUIJv.js');
+require('../chunks/bundle-B4XgwPxR.js');
+require('../chunks/bundle-LQkWlTFn.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BPTY00aT.js');
-require('../chunks/bundle-Czhss6xB.js');
+require('../chunks/bundle-5CYM-4Nj.js');
+require('../chunks/bundle-fbjL3lGb.js');
 require('./ContextMenu.js');
-require('../chunks/bundle-CTbmyNxr.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BlS2bdI-.js');
+require('../chunks/bundle-CAgaD1eo.js');
 require('./UserProfile.js');
-require('../chunks/bundle-C1_VEq6O.js');
-require('../chunks/bundle-DeU1C8Ho.js');
-require('../chunks/bundle-CV7G8_Ga.js');
+require('../chunks/bundle-BQJ2pBeY.js');
+require('../chunks/bundle-DCu-C04d.js');
+require('../chunks/bundle-DJBAE4JA.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-JQ5xow8l.js');
-require('../chunks/bundle-P59hALmY.js');
+require('../chunks/bundle-Ct18Bbck.js');
+require('../chunks/bundle-tW_wXgse.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-yfvZEtYq.js');
+require('../chunks/bundle-BROCwlcL.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
@@ -55,7 +54,7 @@ function Word(props) {
             return (React.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 }, value));
+            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));
         }
         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-Cj28CPZo.js');
+require('./chunks/bundle-CbIfUIJv.js');
 
 /**
  * Example:

package/cjs/utils/message/isVoiceMessage.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('../../chunks/bundle-BY8BAZNm.js');
-require('../../chunks/bundle-Cj28CPZo.js');
+var index = require('../../chunks/bundle-CyLMhpqo.js');
+require('../../chunks/bundle-CbIfUIJv.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
-require('../../chunks/bundle-BPTY00aT.js');
-require('../../chunks/bundle-Czhss6xB.js');
+require('../../chunks/bundle-5CYM-4Nj.js');
+require('../../chunks/bundle-fbjL3lGb.js');
 
 var isVoiceMessage = index.isVoiceMessage;
 

package/cjs/withSendbird.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./chunks/bundle-Cj28CPZo.js');
+var _tslib = require('./chunks/bundle-CbIfUIJv.js');
 var React = require('react');
 
 var SendbirdSdkContext = React.createContext(null);

package/dist/index.css

@@ -2492,8 +2492,37 @@
 .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover {
   cursor: pointer;
 }
-.sendbird-message-item-menu__list__menu-item:focus-visible {
-  outline: none;
+.sendbird__offline .sendbird-menu-item {
+  cursor: not-allowed;
+}
+
+.sendbird-menu-item {
+  cursor: pointer;
+  white-space: nowrap;
+  padding: 8px 16px;
+  display: flex;
+}
+.sendbird-menu-item.disable {
+  cursor: not-allowed;
+}
+.sendbird-theme--light .sendbird-menu-item.disable:hover {
+  background-color: var(--sendbird-light-background-50);
+}
+.sendbird-theme--dark .sendbird-menu-item.disable:hover {
+  background-color: var(--sendbird-dark-background-500);
+}
+.sendbird-theme--light .sendbird-menu-item:hover {
+  background-color: var(--sendbird-light-background-100);
+}
+.sendbird-theme--dark .sendbird-menu-item:hover {
+  background-color: var(--sendbird-dark-background-400);
+}
+
+.sendbird-menu-item > * {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 .sendbird-text {
   color: var(--primary-1);
@@ -6923,6 +6952,9 @@ div.sendbird-text-message-item-body {
   height: 50px;
   min-width: 136px;
 }
+.sendbird-message-item-menu__list__menu-item:focus-visible {
+  outline: none;
+}
 .sendbird-thread-list-item .sendbird-separator {
   margin: 4px 0px;
 }

package/hooks/useModal.js

@@ -1,29 +1,30 @@
-import '../chunks/bundle-qivrTGrV.js';
+import '../chunks/bundle-CFPctvMY.js';
 import 'react';
-import '../chunks/bundle-C9dq6ZD4.js';
-import '../chunks/bundle-CymNo3WD.js';
-export { G as GlobalModalProvider, a as MODAL_ROOT, d as ModalRoot, b as useGlobalModalContext } from '../chunks/bundle-ZiboK-fO.js';
+import '../chunks/bundle-Ci5HsRTf.js';
+import '../chunks/bundle-D_-SsVPb.js';
+export { G as GlobalModalProvider, a as MODAL_ROOT, d as ModalRoot, b as useGlobalModalContext } from '../chunks/bundle-Fw4J4vYE.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Cj5JMK7Q.js';
-import '../chunks/bundle-CP4szzas.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
+import '../chunks/bundle-LFWpEfNl.js';
 import 'react-dom';
-import '../chunks/bundle-DLSqJtw7.js';
-import '../chunks/bundle-BPtW84KW.js';
-import '../chunks/bundle-CJ0gnHtN.js';
-import '../chunks/bundle-D3QfP61V.js';
+import '../chunks/bundle-QidoK1d-.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-BGyFQLds.js';
+import '../chunks/bundle-Ddmh-CSA.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-6WkrZ6GC.js';
+import '../chunks/bundle-C5ry_tLy.js';
 import '../ui/Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-C7f1DHyg.js';
+import '../chunks/bundle-DBI4R6Wl.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BRMIsbFP.js';
-import '../chunks/bundle-DExTOIEC.js';
+import '../chunks/bundle-B--KSVZl.js';
+import '../chunks/bundle-Das_HcJY.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-D4w7NQSK.js';
+import '../ui/ContextMenu.js';
+import '../ui/SortByRow.js';
 //# sourceMappingURL=useModal.js.map

package/hooks/useModal.js.map

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