@sendbird/uikit-react 3.11.0 → 3.11.2-alpha.0

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-RVs527mS.js');
+var _tslib = require('../chunks/bundle-iqHS1VZc.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../chunks/bundle-fnv2bNo-.js');
-var utils$1 = require('../chunks/bundle-nQDclaWr.js');
-var useLongPress = require('../chunks/bundle-rmOQxjwa.js');
-var utils = require('../chunks/bundle-JVylXDBB.js');
+var index = require('../chunks/bundle-FjYeNDtC.js');
+var utils$1 = require('../chunks/bundle-hxTc8i2-.js');
+var useLongPress = require('../chunks/bundle-ZRoIbdW4.js');
+var utils = require('../chunks/bundle-n_VfrAmp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle--RWWGoZo.js');
-require('../chunks/bundle-2ToiwW-_.js');
+require('../chunks/bundle-jHz-YSnt.js');
+require('../chunks/bundle-2m4xB52E.js');
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;

package/cjs/ui/Toggle.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('../chunks/bundle-RVs527mS.js');
+var _tslib = require('../chunks/bundle-iqHS1VZc.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 

package/cjs/ui/Tooltip.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-RVs527mS.js');
+var _tslib = require('../chunks/bundle-iqHS1VZc.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
-require('../chunks/bundle-OBj337Le.js');
+var ui_Label = require('../chunks/bundle-llF5F-TZ.js');
+require('../chunks/bundle-2wmQkgT-.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-RVs527mS.js');
+var _tslib = require('../chunks/bundle-iqHS1VZc.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-rUpy0DGt.js');
-require('../chunks/bundle-RVs527mS.js');
+var ui_Avatar = require('../chunks/bundle-KJFaLE9x.js');
+require('../chunks/bundle-iqHS1VZc.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-nQDclaWr.js');
-require('../chunks/bundle-wU4qxzey.js');
+require('../chunks/bundle-hxTc8i2-.js');
+require('../chunks/bundle-cQ--EsIE.js');
 require('./Icon.js');
 
 var TypingDots = function () {

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
-var index = require('../chunks/bundle-fnv2bNo-.js');
-var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
-require('../chunks/bundle-RVs527mS.js');
-require('../chunks/bundle-OBj337Le.js');
+var ui_Label = require('../chunks/bundle-llF5F-TZ.js');
+var index = require('../chunks/bundle-FjYeNDtC.js');
+var LocalizationContext = require('../chunks/bundle-hOvUwVfn.js');
+require('../chunks/bundle-iqHS1VZc.js');
+require('../chunks/bundle-2wmQkgT-.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle--RWWGoZo.js');
-require('../chunks/bundle-ZL4COF6I.js');
+require('../chunks/bundle-jHz-YSnt.js');
+require('../chunks/bundle-ZpjyJiE2.js');
 
 function UnknownMessageItemBody(_a) {
     var _b;

package/cjs/ui/UserListItem.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-RVs527mS.js');
+var _tslib = require('../chunks/bundle-iqHS1VZc.js');
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-3S8jBmCV.js');
-var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
-var ui_Avatar = require('../chunks/bundle-rUpy0DGt.js');
+var UserProfileContext = require('../chunks/bundle-vTP0lM0K.js');
+var LocalizationContext = require('../chunks/bundle-hOvUwVfn.js');
+var ui_Avatar = require('../chunks/bundle-KJFaLE9x.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-JaD2Ao-u.js');
-require('../chunks/bundle-OBj337Le.js');
-require('../chunks/bundle-ZL4COF6I.js');
+var ui_Label = require('../chunks/bundle-llF5F-TZ.js');
+require('../chunks/bundle-2wmQkgT-.js');
+require('../chunks/bundle-ZpjyJiE2.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-nQDclaWr.js');
-require('../chunks/bundle-wU4qxzey.js');
+require('../chunks/bundle-hxTc8i2-.js');
+require('../chunks/bundle-cQ--EsIE.js');
 require('./Icon.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-K8ngPNTR.js');
+require('../chunks/bundle-76dF9zQG.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-sW6CpN9W.js');
-require('../chunks/bundle-fnv2bNo-.js');
+require('../chunks/bundle-X91TChia.js');
+require('../chunks/bundle-FjYeNDtC.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle--RWWGoZo.js');
+require('../chunks/bundle-jHz-YSnt.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;

package/cjs/ui/UserProfile.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-WLD9KKbn.js');
-var UserProfileContext = require('../chunks/bundle-3S8jBmCV.js');
+var LocalizationContext = require('../chunks/bundle-hOvUwVfn.js');
+var UserProfileContext = require('../chunks/bundle-vTP0lM0K.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
-var ui_Avatar = require('../chunks/bundle-rUpy0DGt.js');
-var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
+var ui_Avatar = require('../chunks/bundle-KJFaLE9x.js');
+var ui_Label = require('../chunks/bundle-llF5F-TZ.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-OBj337Le.js');
-require('../chunks/bundle-ZL4COF6I.js');
-require('../chunks/bundle-K8ngPNTR.js');
-require('../chunks/bundle-nQDclaWr.js');
-require('../chunks/bundle-RVs527mS.js');
+require('../chunks/bundle-2wmQkgT-.js');
+require('../chunks/bundle-ZpjyJiE2.js');
+require('../chunks/bundle-76dF9zQG.js');
+require('../chunks/bundle-hxTc8i2-.js');
+require('../chunks/bundle-iqHS1VZc.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-wU4qxzey.js');
+require('../chunks/bundle-cQ--EsIE.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-JaD2Ao-u.js');
-require('../chunks/bundle-WLD9KKbn.js');
-var ui_VoiceMessageInput = require('../chunks/bundle-Z-IXQ2N3.js');
-require('../chunks/bundle-SggLEV_z.js');
-require('../chunks/bundle-RVs527mS.js');
-require('../chunks/bundle-OBj337Le.js');
-require('../chunks/bundle-Og0K_sLb.js');
-require('../chunks/bundle-nQDclaWr.js');
-require('../chunks/bundle-ZL4COF6I.js');
+require('../chunks/bundle-llF5F-TZ.js');
+require('../chunks/bundle-hOvUwVfn.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-5q9EbjK_.js');
+require('../chunks/bundle-wJ2ptD6A.js');
+require('../chunks/bundle-iqHS1VZc.js');
+require('../chunks/bundle-2wmQkgT-.js');
+require('../chunks/bundle-P0CpwOO3.js');
+require('../chunks/bundle-hxTc8i2-.js');
+require('../chunks/bundle-ZpjyJiE2.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-JaD2Ao-u.js');
-var VoicePlayer_context = require('../chunks/bundle-_apVcG-_.js');
-require('../chunks/bundle-SggLEV_z.js');
+var ui_Label = require('../chunks/bundle-llF5F-TZ.js');
+var VoicePlayer_context = require('../chunks/bundle-67Mi7efX.js');
+require('../chunks/bundle-wJ2ptD6A.js');
 require('../VoiceRecorder/context.js');
-require('../chunks/bundle-WLD9KKbn.js');
-require('../chunks/bundle-OBj337Le.js');
-require('../chunks/bundle-ZL4COF6I.js');
-require('../chunks/bundle-lnLwvZ7H.js');
-require('../chunks/bundle-RVs527mS.js');
+require('../chunks/bundle-hOvUwVfn.js');
+require('../chunks/bundle-2wmQkgT-.js');
+require('../chunks/bundle-ZpjyJiE2.js');
+require('../chunks/bundle-QU0jnoP-.js');
+require('../chunks/bundle-iqHS1VZc.js');
 require('react-dom');
-require('../chunks/bundle-nQDclaWr.js');
-require('../chunks/bundle-2ToiwW-_.js');
+require('../chunks/bundle-hxTc8i2-.js');
+require('../chunks/bundle-2m4xB52E.js');
 require('./IconButton.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

package/cjs/ui/Word.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-JaD2Ao-u.js');
+var ui_Label = require('../chunks/bundle-llF5F-TZ.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var uuid = require('../chunks/bundle-sW6CpN9W.js');
-var index = require('../chunks/bundle-fnv2bNo-.js');
+var uuid = require('../chunks/bundle-X91TChia.js');
+var index = require('../chunks/bundle-FjYeNDtC.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-RVs527mS.js');
-require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-iqHS1VZc.js');
+require('../chunks/bundle-2wmQkgT-.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle--RWWGoZo.js');
+require('../chunks/bundle-jHz-YSnt.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./UserProfile.js');
-require('../chunks/bundle-WLD9KKbn.js');
-require('../chunks/bundle-ZL4COF6I.js');
-require('../chunks/bundle-3S8jBmCV.js');
+require('../chunks/bundle-hOvUwVfn.js');
+require('../chunks/bundle-ZpjyJiE2.js');
+require('../chunks/bundle-vTP0lM0K.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-K8ngPNTR.js');
-require('../chunks/bundle-nQDclaWr.js');
-require('../chunks/bundle-rUpy0DGt.js');
+require('../chunks/bundle-76dF9zQG.js');
+require('../chunks/bundle-hxTc8i2-.js');
+require('../chunks/bundle-KJFaLE9x.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-wU4qxzey.js');
+require('../chunks/bundle-cQ--EsIE.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-RVs527mS.js');
+require('./chunks/bundle-iqHS1VZc.js');
 
 /**
  * Example:

package/cjs/utils/message/isVoiceMessage.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('../../chunks/bundle-fnv2bNo-.js');
-require('../../chunks/bundle-RVs527mS.js');
+var index = require('../../chunks/bundle-FjYeNDtC.js');
+require('../../chunks/bundle-iqHS1VZc.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
-require('../../chunks/bundle--RWWGoZo.js');
+require('../../chunks/bundle-jHz-YSnt.js');
 
 var isVoiceMessage = index.isVoiceMessage;
 

package/cjs/withSendbird.js

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

package/dist/index.css

@@ -1,74 +1,3 @@
-.sendbird-openchannel-conversation-header {
-  position: relative;
-  min-height: 64px;
-  box-sizing: border-box;
-}
-.sendbird-theme--light .sendbird-openchannel-conversation-header {
-  border-bottom: 1px solid var(--sendbird-light-onlight-04);
-}
-.sendbird-theme--dark .sendbird-openchannel-conversation-header {
-  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
-}
-.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
-  white-space: nowrap;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  max-width: calc(100% - 120px);
-}
-.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
-  position: absolute;
-  left: 20px;
-  top: 16px;
-}
-.sendbird-openchannel-conversation-header__left__title {
-  position: absolute;
-  left: 60px;
-  top: 12px;
-}
-.sendbird-openchannel-conversation-header__left__sub-title {
-  position: absolute;
-  left: 60px;
-  top: 36px;
-}
-.sendbird-openchannel-conversation-header__right {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 64px;
-  height: 64px;
-}
-.sendbird-openchannel-conversation-header__right__trigger {
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.sendbird-openchannel-conversation-header__left__cover-image--icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-}
-.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
-  background-color: var(--sendbird-light-background-300);
-}
-.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
-  background-color: var(--sendbird-dark-background-300);
-}
-.sendbird-word {
-  display: inline;
-  height: -moz-fit-content;
-  height: fit-content;
-}
-
-.sendbird-word__url {
-  display: inline;
-  color: inherit;
-  word-break: break-all;
-}
 .sendbird-open-channel-preview {
   position: relative;
   display: inline-flex;
@@ -196,6 +125,77 @@
 .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
   overflow-y: hidden;
 }
+.sendbird-openchannel-conversation-header {
+  position: relative;
+  min-height: 64px;
+  box-sizing: border-box;
+}
+.sendbird-theme--light .sendbird-openchannel-conversation-header {
+  border-bottom: 1px solid var(--sendbird-light-onlight-04);
+}
+.sendbird-theme--dark .sendbird-openchannel-conversation-header {
+  border-bottom: 1px solid var(--sendbird-dark-ondark-04);
+}
+.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title {
+  white-space: nowrap;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  max-width: calc(100% - 120px);
+}
+.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] {
+  position: absolute;
+  left: 20px;
+  top: 16px;
+}
+.sendbird-openchannel-conversation-header__left__title {
+  position: absolute;
+  left: 60px;
+  top: 12px;
+}
+.sendbird-openchannel-conversation-header__left__sub-title {
+  position: absolute;
+  left: 60px;
+  top: 36px;
+}
+.sendbird-openchannel-conversation-header__right {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 64px;
+  height: 64px;
+}
+.sendbird-openchannel-conversation-header__right__trigger {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sendbird-openchannel-conversation-header__left__cover-image--icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+}
+.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon {
+  background-color: var(--sendbird-light-background-300);
+}
+.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
+  background-color: var(--sendbird-dark-background-300);
+}
+.sendbird-word {
+  display: inline;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+
+.sendbird-word__url {
+  display: inline;
+  color: inherit;
+  word-break: break-all;
+}
 .sendbird-create-open-channel-ui {
   position: relative;
   display: inline-flex;
@@ -1423,6 +1423,86 @@
   margin-left: 24px;
   margin-right: 10px;
 }
+.sendbird-connection-status {
+  display: flex;
+  align-items: center;
+  padding-top: 5px;
+}
+.sendbird-place-holder {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+.sendbird-place-holder .sendbird-place-holder__body {
+  display: flex;
+  flex-direction: column;
+  height: 104px;
+  align-items: center;
+}
+.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__icon {
+  margin-bottom: 10px;
+}
+.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__text {
+  margin-top: 10px;
+}
+.sendbird-place-holder .sendbird-place-holder__body__reconnect {
+  margin-top: 18px;
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+}
+.sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
+  margin-right: 4px;
+}
+.sendbird-place-holder .sendbird-place-holder__body--align-top {
+  position: absolute;
+  top: 24px;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: center;
+}
+.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
+  display: flex;
+  min-width: 60px;
+  margin-right: 2px;
+}
+.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__channel-name {
+  display: block;
+  max-width: calc(100% - 62px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__searching,
+.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__no-result {
+  display: flex;
+  justify-content: center;
+}
+.sendbird-loader {
+  display: inline-block;
+  animation: 1s infinite linear;
+  animation-name: rotate;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 /**
  * 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.
@@ -1697,81 +1777,6 @@
 .sendbird-conversation__scroll-bottom-button:focus {
   outline: none;
 }
-.sendbird-place-holder {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-}
-.sendbird-place-holder .sendbird-place-holder__body {
-  display: flex;
-  flex-direction: column;
-  height: 104px;
-  align-items: center;
-}
-.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__icon {
-  margin-bottom: 10px;
-}
-.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__text {
-  margin-top: 10px;
-}
-.sendbird-place-holder .sendbird-place-holder__body__reconnect {
-  margin-top: 18px;
-  display: flex;
-  flex-direction: row;
-  cursor: pointer;
-}
-.sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon {
-  margin-right: 4px;
-}
-.sendbird-place-holder .sendbird-place-holder__body--align-top {
-  position: absolute;
-  top: 24px;
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: center;
-}
-.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in {
-  display: flex;
-  min-width: 60px;
-  margin-right: 2px;
-}
-.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__channel-name {
-  display: block;
-  max-width: calc(100% - 62px);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__searching,
-.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__no-result {
-  display: flex;
-  justify-content: center;
-}
-.sendbird-loader {
-  display: inline-block;
-  animation: 1s infinite linear;
-  animation-name: rotate;
-}
-
-@keyframes rotate {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
 .sendbird-separator {
   width: 100%;
   display: flex;
@@ -4722,11 +4727,6 @@ div.sendbird-text-message-item-body {
     transform: scale(1);
   }
 }
-.sendbird-connection-status {
-  display: flex;
-  align-items: center;
-  padding-top: 5px;
-}
 /**
  * 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.