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

package/cjs/ui/UserListItem.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-2reRLh0Z.js');
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var UserProfileContext = require('../chunks/bundle-C7U0khPf.js');
+var LocalizationContext = require('../chunks/bundle-CaEowufh.js');
+var ui_Avatar = require('../chunks/bundle-BANgPmax.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-BgCtP7V4.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
+var ui_Label = require('../chunks/bundle-Cse4am5b.js');
+require('../chunks/bundle-DB92inio.js');
+require('../chunks/bundle-B21dx33o.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-D98gyQCw.js');
+require('../chunks/bundle-C-Pbefnh.js');
 require('./Icon.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-DOD1PhSm.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
@@ -25,14 +25,15 @@ require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
-require('../chunks/bundle-DLgX_uIA.js');
+require('../chunks/bundle-D7M5mSdn.js');
+require('../chunks/bundle-SK7Moc76.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-Bvt7-98T.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;
+    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);
     var parentRef = React.useRef(null);
@@ -64,11 +65,11 @@ function UserListItem(_a) {
                     React.createElement(ui_UserProfile, { disableMessaging: disableMessaging, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
         React.createElement(ui_Label.Label, { className: "sendbird-user-list-item__title", type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
             user.nickname || stringSet.NO_NAME,
-            (currentUser === user.userId) && (' (You)')),
+            (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)),
         !user.nickname && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item__subtitle", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
         checkBox && (React.createElement("label", { className: "sendbird-user-list-item__checkbox", htmlFor: uniqueKey },
             React.createElement(ui_Checkbox, { id: uniqueKey, checked: checked, disabled: disabled, onChange: function (event) { return onChange(event); } }))),
-        isOperator && (React.createElement(ui_Label.Label, { className: [
+        operator && (React.createElement(ui_Label.Label, { className: [
                 'sendbird-user-list-item__operator',
                 checkBox ? 'checkbox' : '',
             ].join(' '), type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.LABEL__OPERATOR)),

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-BEQWEQgH.js');
-var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
+var LocalizationContext = require('../chunks/bundle-CaEowufh.js');
+var UserProfileContext = require('../chunks/bundle-C7U0khPf.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Avatar = require('../chunks/bundle-BANgPmax.js');
+var ui_Label = require('../chunks/bundle-Cse4am5b.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-DgX9o5Mt.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-BC16qA15.js');
+require('../chunks/bundle-DB92inio.js');
+require('../chunks/bundle-B21dx33o.js');
+require('../chunks/bundle-DOD1PhSm.js');
+require('../chunks/bundle-D98gyQCw.js');
+require('../chunks/bundle-2reRLh0Z.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-C-Pbefnh.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-BgCtP7V4.js');
-require('../chunks/bundle-BEQWEQgH.js');
-var ui_VoiceMessageInput = require('../chunks/bundle-CHVN5sv2.js');
-require('../chunks/bundle-DWp3JSCd.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-UDIPXpOV.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-B-wprLUV.js');
+require('../chunks/bundle-Cse4am5b.js');
+require('../chunks/bundle-CaEowufh.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-C-pBrVph.js');
+require('../chunks/bundle-C4sIJSvk.js');
+require('../chunks/bundle-2reRLh0Z.js');
+require('../chunks/bundle-DB92inio.js');
+require('../chunks/bundle-BrHJysNQ.js');
+require('../chunks/bundle-D98gyQCw.js');
+require('../chunks/bundle-B21dx33o.js');
 
 
 

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,18 +8,18 @@ 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-BgCtP7V4.js');
-var VoicePlayer_context = require('../chunks/bundle-qJ5-0bqN.js');
-require('../chunks/bundle-DWp3JSCd.js');
+var ui_Label = require('../chunks/bundle-Cse4am5b.js');
+var VoicePlayer_context = require('../chunks/bundle-DYVejIVZ.js');
+require('../chunks/bundle-C4sIJSvk.js');
 require('../VoiceRecorder/context.js');
-require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-D8ubAia5.js');
-require('../chunks/bundle-BC16qA15.js');
+require('../chunks/bundle-CaEowufh.js');
+require('../chunks/bundle-DB92inio.js');
+require('../chunks/bundle-B21dx33o.js');
+require('../chunks/bundle-COj1aep9.js');
+require('../chunks/bundle-2reRLh0Z.js');
 require('react-dom');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CD82WkIi.js');
+require('../chunks/bundle-D98gyQCw.js');
+require('../chunks/bundle-D6AviDBu.js');
 require('./IconButton.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

package/cjs/ui/Word.js

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-Cse4am5b.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
+var index = require('../chunks/bundle-SK7Moc76.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
+require('../chunks/bundle-2reRLh0Z.js');
+require('../chunks/bundle-DB92inio.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-Bvt7-98T.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
+require('../chunks/bundle-D7M5mSdn.js');
 require('./UserProfile.js');
-require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-DQM5RZ7p.js');
+require('../chunks/bundle-CaEowufh.js');
+require('../chunks/bundle-B21dx33o.js');
+require('../chunks/bundle-C7U0khPf.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-VqK6Sgiy.js');
+require('../chunks/bundle-DOD1PhSm.js');
+require('../chunks/bundle-D98gyQCw.js');
+require('../chunks/bundle-BANgPmax.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-C-Pbefnh.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

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-BC16qA15.js');
+require('./chunks/bundle-2reRLh0Z.js');
 
 /**
  * Example:

package/cjs/utils/message/isVoiceMessage.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('../../chunks/bundle-DLgX_uIA.js');
-require('../../chunks/bundle-BC16qA15.js');
+var index = require('../../chunks/bundle-SK7Moc76.js');
+require('../../chunks/bundle-2reRLh0Z.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
-require('../../chunks/bundle-Dj2Oa2F6.js');
+require('../../chunks/bundle-Bvt7-98T.js');
 
 var isVoiceMessage = index.isVoiceMessage;
 

package/cjs/withSendbird.js

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

package/dist/index.css

@@ -1297,6 +1297,95 @@
 .sendbird-theme--dark .sendbird-icon-color--error [class*=fill] {
   fill: var(--sendbird-dark-error-200);
 }
+.sendbird-context-menu {
+  display: inline;
+}
+
+.sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item {
+  cursor: not-allowed;
+}
+.sendbird__offline .sendbird-message-item-menu__list__menu-item.menu-item-delete {
+  cursor: pointer;
+}
+
+.sendbird-dropdown__menu {
+  z-index: 99999;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  min-width: 140px;
+  margin: 0px;
+  padding: 8px 0px;
+  border-radius: 4px;
+  list-style: none;
+}
+.sendbird-theme--light .sendbird-dropdown__menu {
+  box-shadow: var(--sendbird-light-shadow-02);
+  background-color: var(--sendbird-light-background-50);
+}
+.sendbird-theme--dark .sendbird-dropdown__menu {
+  box-shadow: var(--sendbird-dark-shadow-02);
+  background-color: var(--sendbird-dark-background-500);
+}
+.sendbird-dropdown__menu .sendbird-dropdown__menu-item {
+  cursor: pointer;
+  white-space: nowrap;
+  padding: 8px 16px;
+}
+.sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable {
+  cursor: not-allowed;
+}
+.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
+  background-color: var(--sendbird-light-background-50);
+}
+.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
+  background-color: var(--sendbird-dark-background-500);
+}
+.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
+  background-color: var(--sendbird-light-background-100);
+}
+.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
+  background-color: var(--sendbird-dark-background-400);
+}
+
+.sendbird-dropdown__reaction-bar {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  min-width: 44px;
+  max-width: 352px;
+  max-height: 208px;
+  overflow-y: scroll;
+  margin: 0px;
+  padding: 8px;
+  border-radius: 8px;
+  list-style: none;
+}
+.sendbird-theme--light .sendbird-dropdown__reaction-bar {
+  box-shadow: var(--sendbird-light-shadow-02);
+  background-color: var(--sendbird-light-background-50);
+}
+.sendbird-theme--dark .sendbird-dropdown__reaction-bar {
+  box-shadow: var(--sendbird-dark-shadow-02);
+  background-color: var(--sendbird-dark-background-500);
+}
+.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button, .sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button--selected {
+  margin: 4px;
+}
+
+.sendbird-dropdown__menu-backdrop {
+  background-color: transparent;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.sendbird-sort-by-row {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
 /**
  * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel.
  * So keep in mind that you should consider both components when you make changes in this file.
@@ -2301,95 +2390,6 @@
 .sendbird-message-item-menu__list__menu-item:focus-visible {
   outline: none;
 }
-.sendbird-context-menu {
-  display: inline;
-}
-
-.sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item {
-  cursor: not-allowed;
-}
-.sendbird__offline .sendbird-message-item-menu__list__menu-item.menu-item-delete {
-  cursor: pointer;
-}
-
-.sendbird-dropdown__menu {
-  z-index: 99999;
-  position: absolute;
-  top: 100%;
-  left: 0;
-  min-width: 140px;
-  margin: 0px;
-  padding: 8px 0px;
-  border-radius: 4px;
-  list-style: none;
-}
-.sendbird-theme--light .sendbird-dropdown__menu {
-  box-shadow: var(--sendbird-light-shadow-02);
-  background-color: var(--sendbird-light-background-50);
-}
-.sendbird-theme--dark .sendbird-dropdown__menu {
-  box-shadow: var(--sendbird-dark-shadow-02);
-  background-color: var(--sendbird-dark-background-500);
-}
-.sendbird-dropdown__menu .sendbird-dropdown__menu-item {
-  cursor: pointer;
-  white-space: nowrap;
-  padding: 8px 16px;
-}
-.sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable {
-  cursor: not-allowed;
-}
-.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
-  background-color: var(--sendbird-light-background-50);
-}
-.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover {
-  background-color: var(--sendbird-dark-background-500);
-}
-.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
-  background-color: var(--sendbird-light-background-100);
-}
-.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover {
-  background-color: var(--sendbird-dark-background-400);
-}
-
-.sendbird-dropdown__reaction-bar {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  min-width: 44px;
-  max-width: 352px;
-  max-height: 208px;
-  overflow-y: scroll;
-  margin: 0px;
-  padding: 8px;
-  border-radius: 8px;
-  list-style: none;
-}
-.sendbird-theme--light .sendbird-dropdown__reaction-bar {
-  box-shadow: var(--sendbird-light-shadow-02);
-  background-color: var(--sendbird-light-background-50);
-}
-.sendbird-theme--dark .sendbird-dropdown__reaction-bar {
-  box-shadow: var(--sendbird-dark-shadow-02);
-  background-color: var(--sendbird-dark-background-500);
-}
-.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button, .sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button--selected {
-  margin: 4px;
-}
-
-.sendbird-dropdown__menu-backdrop {
-  background-color: transparent;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.sendbird-sort-by-row {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
 .sendbird-text {
   color: var(--primary-1);
 }
@@ -2658,12 +2658,14 @@
   top: 8px;
   left: 0px;
   cursor: pointer;
+  z-index: 0;
 }
 .sendbird-user-list-item .sendbird-muted-avatar {
   position: absolute;
   top: 8px;
   left: 0px;
   pointer-events: none;
+  z-index: 1;
 }
 .sendbird-user-list-item .sendbird-user-list-item__title {
   position: absolute;
@@ -3317,9 +3319,9 @@
 .sendbird-og-message-item-body {
   position: relative;
   display: inline-block;
-  width: 100%;
+  width: 320px;
   min-width: 320px;
-  max-width: 400px;
+  max-width: 320px;
 }
 .sendbird--mobile-mode .sendbird-og-message-item-body {
   min-width: 160px;