@sendbird/uikit-react 3.14.8 → 3.14.10-rc.0

package/cjs/ui/TooltipWrapper.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BkBiKwX_.js');
+var _tslib = require('../chunks/bundle-oQe6hXee.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-BvBQd-ZB.js');
-require('../chunks/bundle-BkBiKwX_.js');
+var ui_Avatar = require('../chunks/bundle-DeWZBEt-.js');
+require('../chunks/bundle-oQe6hXee.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Dw4KxRSR.js');
-require('../chunks/bundle-DGsWxwDq.js');
+require('../chunks/bundle-DsFiTdM1.js');
+require('../chunks/bundle-DjpWffuA.js');
 require('./Icon.js');
 
 var TypingDots = function () {

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,14 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
-var index = require('../chunks/bundle-26FjC_SS.js');
-var LocalizationContext = require('../chunks/bundle-p170d_Dm.js');
-require('../chunks/bundle-BkBiKwX_.js');
-require('../chunks/bundle-_xFWpqul.js');
+var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
+var index = require('../chunks/bundle-j2NTrunF.js');
+var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
+require('../chunks/bundle-oQe6hXee.js');
+require('../chunks/bundle-ClGYZFGc.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-D32sNS2H.js');
+require('../chunks/bundle-CLRPURXv.js');
+require('../chunks/bundle-DbH3qyAG.js');
+require('../chunks/bundle-Cbv_awE2.js');
 
 function UnknownMessageItemBody(_a) {
     var _b;

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

@@ -1,35 +1,37 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BkBiKwX_.js');
+var _tslib = require('../chunks/bundle-oQe6hXee.js');
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-BdymdNGG.js');
-var LocalizationContext = require('../chunks/bundle-p170d_Dm.js');
-var ui_Avatar = require('../chunks/bundle-BvBQd-ZB.js');
+var UserProfileContext = require('../chunks/bundle-BfJXjRdq.js');
+var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
+var ui_Avatar = require('../chunks/bundle-DeWZBEt-.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-5gsiNZ6i.js');
-require('../chunks/bundle-_xFWpqul.js');
-require('../chunks/bundle-D32sNS2H.js');
+var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
+require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-Cbv_awE2.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Dw4KxRSR.js');
-require('../chunks/bundle-DGsWxwDq.js');
+require('../chunks/bundle-DsFiTdM1.js');
+require('../chunks/bundle-DjpWffuA.js');
 require('./Icon.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CQuNuJRD.js');
+require('../chunks/bundle-CvRdW9yw.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-DXMtP0MH.js');
+require('../chunks/bundle-CNLhvQ5S.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-C1UPwWAI.js');
-require('../chunks/bundle-26FjC_SS.js');
+require('../chunks/bundle-BDK2QCjs.js');
+require('../chunks/bundle-j2NTrunF.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-CLRPURXv.js');
+require('../chunks/bundle-DbH3qyAG.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-p170d_Dm.js');
-var UserProfileContext = require('../chunks/bundle-BdymdNGG.js');
+var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
+var UserProfileContext = require('../chunks/bundle-BfJXjRdq.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
-var ui_Avatar = require('../chunks/bundle-BvBQd-ZB.js');
-var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+var ui_Avatar = require('../chunks/bundle-DeWZBEt-.js');
+var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-BkBiKwX_.js');
-require('../chunks/bundle-_xFWpqul.js');
-require('../chunks/bundle-D32sNS2H.js');
-require('../chunks/bundle-CQuNuJRD.js');
-require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-oQe6hXee.js');
+require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-Cbv_awE2.js');
+require('../chunks/bundle-CvRdW9yw.js');
+require('../chunks/bundle-DsFiTdM1.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DGsWxwDq.js');
+require('../chunks/bundle-DjpWffuA.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-5gsiNZ6i.js');
-require('../chunks/bundle-p170d_Dm.js');
-var ui_VoiceMessageInput = require('../chunks/bundle-DhrYYS0O.js');
-require('../chunks/bundle-DzwQ-6pw.js');
-require('../chunks/bundle-Dw4KxRSR.js');
-require('../chunks/bundle-BkBiKwX_.js');
-require('../chunks/bundle-_xFWpqul.js');
-require('../chunks/bundle-DrbRl6zb.js');
-require('../chunks/bundle-D32sNS2H.js');
+require('../chunks/bundle-UPXtcgsM.js');
+require('../chunks/bundle-DYfOAYVw.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-DnGEUKrZ.js');
+require('../chunks/bundle-BrwM1NMi.js');
+require('../chunks/bundle-DsFiTdM1.js');
+require('../chunks/bundle-oQe6hXee.js');
+require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-ChVQ484N.js');
+require('../chunks/bundle-Cbv_awE2.js');
 
 
 

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,30 +8,32 @@ 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-5gsiNZ6i.js');
-var VoicePlayer_context = require('../chunks/bundle-qGk2QXFu.js');
-var utils = require('../chunks/bundle-Dw4KxRSR.js');
-require('../chunks/bundle-DzwQ-6pw.js');
-require('../chunks/bundle-XAzxBt_1.js');
-require('../chunks/bundle-BkBiKwX_.js');
-require('../chunks/bundle-26FjC_SS.js');
+var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
+var VoicePlayer_context = require('../chunks/bundle-61s5Z4d7.js');
+var utils = require('../chunks/bundle-DsFiTdM1.js');
+require('../chunks/bundle-BrwM1NMi.js');
+require('../chunks/bundle-DxUgagG2.js');
+require('../chunks/bundle-oQe6hXee.js');
+require('../chunks/bundle-j2NTrunF.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-CLRPURXv.js');
+require('../chunks/bundle-DbH3qyAG.js');
 require('react-dom');
-require('../chunks/bundle-p170d_Dm.js');
-require('../chunks/bundle-_xFWpqul.js');
-require('../chunks/bundle-D32sNS2H.js');
-require('../chunks/bundle-Da5vrzgE.js');
+require('../chunks/bundle-DYfOAYVw.js');
+require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-Cbv_awE2.js');
+require('../chunks/bundle-B_TBDUIo.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-C1UPwWAI.js');
+require('../chunks/bundle-BDK2QCjs.js');
 require('@sendbird/chat/openChannel');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-DXMtP0MH.js');
+require('../chunks/bundle-CNLhvQ5S.js');
 
 var VoiceMessageItemBody = function (_a) {
     var _b;
@@ -41,6 +43,7 @@ var VoiceMessageItemBody = function (_a) {
         channelUrl: channelUrl,
         key: "".concat(message === null || message === void 0 ? void 0 : message.messageId),
         audioFileUrl: message === null || message === void 0 ? void 0 : message.url,
+        audioFileMimeType: message === null || message === void 0 ? void 0 : message.type,
     }), play = _f.play, 
     // do not pause on unmount, because on desktop layout
     // the component can be paused when it is played from

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,31 +1,33 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var index = require('../chunks/bundle-26FjC_SS.js');
+var index = require('../chunks/bundle-j2NTrunF.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-BkBiKwX_.js');
-require('../chunks/bundle-_xFWpqul.js');
-require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-oQe6hXee.js');
+require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-DsFiTdM1.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-CLRPURXv.js');
+require('../chunks/bundle-DbH3qyAG.js');
 require('./ContextMenu.js');
-require('../chunks/bundle-DXMtP0MH.js');
+require('../chunks/bundle-CNLhvQ5S.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-C1UPwWAI.js');
+require('../chunks/bundle-BDK2QCjs.js');
 require('./UserProfile.js');
-require('../chunks/bundle-p170d_Dm.js');
-require('../chunks/bundle-D32sNS2H.js');
-require('../chunks/bundle-BdymdNGG.js');
+require('../chunks/bundle-DYfOAYVw.js');
+require('../chunks/bundle-Cbv_awE2.js');
+require('../chunks/bundle-BfJXjRdq.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CQuNuJRD.js');
-require('../chunks/bundle-BvBQd-ZB.js');
+require('../chunks/bundle-CvRdW9yw.js');
+require('../chunks/bundle-DeWZBEt-.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DGsWxwDq.js');
+require('../chunks/bundle-DjpWffuA.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

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

package/cjs/utils/message/isVoiceMessage.js

@@ -1,9 +1,11 @@
 'use strict';
 
-var index = require('../../chunks/bundle-26FjC_SS.js');
-require('../../chunks/bundle-BkBiKwX_.js');
+var index = require('../../chunks/bundle-j2NTrunF.js');
+require('../../chunks/bundle-oQe6hXee.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
+require('../../chunks/bundle-CLRPURXv.js');
+require('../../chunks/bundle-DbH3qyAG.js');
 
 var isVoiceMessage = index.isVoiceMessage;
 

package/cjs/utils/message/isVoiceMessage.js.map

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

package/cjs/withSendbird.js

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

package/dist/index.css

@@ -379,7 +379,6 @@
   --sendbird-light-onlight-02: rgba(0, 0, 0, 0.50);
   --sendbird-light-onlight-03: rgba(0, 0, 0, 0.38);
   --sendbird-light-onlight-04: rgba(0, 0, 0, 0.12);
-  --sendbird-light-onlight-05: rgba(0, 0, 0, 0.44);
   --sendbird-light-ondark-01: rgba(255, 255, 255, 0.88);
   --sendbird-light-ondark-02: rgba(255, 255, 255, 0.50);
   --sendbird-light-ondark-03: rgba(255, 255, 255, 0.38);
@@ -428,7 +427,6 @@
   --sendbird-dark-ondark-02: rgba(255, 255, 255, 0.50);
   --sendbird-dark-ondark-03: rgba(255, 255, 255, 0.38);
   --sendbird-dark-ondark-04: rgba(255, 255, 255, 0.12);
-  --sendbird-dark-ondark-05: rgba(255, 255, 255, 0.44);
   --sendbird-dark-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
   --sendbird-dark-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12);
   --sendbird-dark-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12);
@@ -1143,11 +1141,11 @@
   color: var(--sendbird-dark-ondark-01);
 }
 
-.sendbird-theme--light .sendbird-label--color-oncontent-inverse-5 {
-  color: var(--sendbird-light-onlight-05);
+.sendbird-theme--light .sendbird-label--color-oncontent-inverse-3 {
+  color: var(--sendbird-light-onlight-03);
 }
-.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-5 {
-  color: var(--sendbird-dark-ondark-05);
+.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-3 {
+  color: var(--sendbird-dark-ondark-03);
 }
 
 .sendbird-theme--light .sendbird-label--color-primary {
@@ -1223,11 +1221,11 @@
   fill: var(--sendbird-dark-ondark-01);
 }
 
-.sendbird-theme--light .sendbird-icon-color--content-inverse-5 [class*=fill] {
-  fill: var(--sendbird-light-onlight-05);
+.sendbird-theme--light .sendbird-icon-color--content-inverse-3 [class*=fill] {
+  fill: var(--sendbird-light-onlight-03);
 }
-.sendbird-theme--dark .sendbird-icon-color--content-inverse-5 [class*=fill] {
-  fill: var(--sendbird-dark-ondark-05);
+.sendbird-theme--dark .sendbird-icon-color--content-inverse-3 [class*=fill] {
+  fill: var(--sendbird-dark-ondark-03);
 }
 
 .sendbird-icon-color--white [class*=fill] {

package/hooks/useModal.js

@@ -1,27 +1,29 @@
-import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-DdIo_zFs.js';
 import 'react';
-import '../chunks/bundle-Lg46FDnz.js';
-import '../chunks/bundle-C8qp8u68.js';
-export { G as GlobalModalProvider, a as MODAL_ROOT, d as ModalRoot, b as useGlobalModalContext } from '../chunks/bundle-b-FYiCDP.js';
+import '../chunks/bundle-VXXJZkam.js';
+import '../chunks/bundle-BPHZWcCv.js';
+export { G as GlobalModalProvider, a as MODAL_ROOT, d as ModalRoot, b as useGlobalModalContext } from '../chunks/bundle-C7vkuHMJ.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-DI7rfz5k.js';
+import '../chunks/bundle-BOBvB-6E.js';
 import 'react-dom';
-import '../chunks/bundle-D-emSqoh.js';
-import '../chunks/bundle-BBNNCVgD.js';
-import '../chunks/bundle-Chh1lOPn.js';
-import '../chunks/bundle-CfzNjGmr.js';
+import '../chunks/bundle-DT4DSBZo.js';
+import '../chunks/bundle-DDmvUZXC.js';
+import '../chunks/bundle-D66A0jl2.js';
+import '../chunks/bundle-ByOz6UaI.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-CJm78NeA.js';
+import '../chunks/bundle-DEtCTxPD.js';
 import '../ui/Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-AnT7R0wX.js';
+import '../chunks/bundle-BJuiDRhf.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-D70fpWll.js';
-import '../chunks/bundle-021cIMZ5.js';
+import '../chunks/bundle-DEc9jVCz.js';
+import '../chunks/bundle-B9jaULeT.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-CYpEvsrY.js';
+import '../chunks/bundle-p7o7XIwK.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}