@sendbird/uikit-react 3.6.11-beta.3 → 3.7.0-rc.0

package/cjs/consts-54f5c12d.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
+
+exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
+//# sourceMappingURL=consts-54f5c12d.js.map

package/cjs/consts-54f5c12d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts-54f5c12d.js","sources":["../../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":";;AAAO,IAAMA,4BAA4B,GAAG;;;;"}

package/cjs/consts-85cd42fa.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
+
+exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
+//# sourceMappingURL=consts-85cd42fa.js.map

package/cjs/{consts-f2c42e3a.js.map → consts-85cd42fa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-f2c42e3a.js","sources":["../../src/ui/OGMessageItemBody/consts.ts"],"sourcesContent":["export const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';\n"],"names":["OG_MESSAGE_BODY_CLASSNAME"],"mappings":";;AAAO,MAAMA,yBAAyB,GAAG;;;;"}
+{"version":3,"file":"consts-85cd42fa.js","sources":["../../src/ui/OGMessageItemBody/consts.ts"],"sourcesContent":["export const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';\n"],"names":["OG_MESSAGE_BODY_CLASSNAME"],"mappings":";;AAAO,IAAMA,yBAAyB,GAAG;;;;"}

package/cjs/{consts-240f7639.js → consts-95462b21.js}

@@ -1,39 +1,32 @@
 'use strict';
 
-const SCROLL_BUFFER = 10;
-
+var SCROLL_BUFFER = 10;
 // voice message record
-const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
-const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
-const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
-const VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
-const VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
-const BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];
-
+var VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
+var VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
+var VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
+var VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
+var VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
+var BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];
 /**
  * Append Audio element to the root
  * because I can't get the Audio element in the useEffect unmount scope
  */
-const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
-const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
-
+var VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
+var VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
 // voice message file
-const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
-const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
-
+var VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
+var VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
 // meta array
-const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
-const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
-const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
-
+var META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
+var META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
+var META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
 // delivery receipt in feature list
-const DELIVERY_RECEIPT = 'delivery_receipt';
-
+var DELIVERY_RECEIPT = 'delivery_receipt';
 // file viewer slider
-const SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
-
+var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
 // multiple files message file info count limit
-const DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
+var DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
 
 exports.BROWSER_SUPPORT_MIME_TYPE_LIST = BROWSER_SUPPORT_MIME_TYPE_LIST;
 exports.DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT;
@@ -52,4 +45,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=consts-240f7639.js.map
+//# sourceMappingURL=consts-95462b21.js.map

package/cjs/{consts-240f7639.js.map → consts-95462b21.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-240f7639.js","sources":["../../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_AUDIO_BIT_RATE = 12000;\nexport const VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;\nexport const BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/**\n * Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n\n// delivery receipt in feature list\nexport const DELIVERY_RECEIPT = 'delivery_receipt';\n\n// file viewer slider\nexport const SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';\n\n// multiple files message file info count limit\nexport const DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_AUDIO_BIT_RATE","VOICE_RECORDER_AUDIO_SAMPLE_RATE","BROWSER_SUPPORT_MIME_TYPE_LIST","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE","DELIVERY_RECEIPT","SLIDER_BUTTON_ICON_SIDE_LENGTH","DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT"],"mappings":";;AAAO,MAAMA,aAAa,GAAG,GAAE;;AAE/B;AACO,MAAMC,gCAAgC,GAAG,IAAG;AACtCC,MAAAA,0BAA0B,GAAG,KAAK;AAClCC,MAAAA,0BAA0B,GAAG,OAAO;AAC1C,MAAMC,6BAA6B,GAAG,MAAK;AAC3C,MAAMC,gCAAgC,GAAG,MAAK;AAC9C,MAAMC,8BAA8B,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAC;;AAMpG;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAG,sCAAqC;AAClE,MAAMC,qBAAqB,GAAG,kCAAiC;;AAEtE;AACO,MAAMC,uBAAuB,GAAG,oBAAmB;AACnD,MAAMC,uBAAuB,GAAG,2BAA0B;;AAEjE;AACO,MAAMC,6BAA6B,GAAG,6BAA4B;AAClE,MAAMC,2BAA2B,GAAG,4BAA2B;AAC/D,MAAMC,oCAAoC,GAAG,YAAW;;AAE/D;AACO,MAAMC,gBAAgB,GAAG,mBAAkB;;AAElD;AACO,MAAMC,8BAA8B,GAAG,OAAM;;AAEpD;AACO,MAAMC,oCAAoC,GAAG;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"consts-95462b21.js","sources":["../../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_AUDIO_BIT_RATE = 12000;\nexport const VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;\nexport const BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/**\n * Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n\n// delivery receipt in feature list\nexport const DELIVERY_RECEIPT = 'delivery_receipt';\n\n// file viewer slider\nexport const SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';\n\n// multiple files message file info count limit\nexport const DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_AUDIO_BIT_RATE","VOICE_RECORDER_AUDIO_SAMPLE_RATE","BROWSER_SUPPORT_MIME_TYPE_LIST","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE","DELIVERY_RECEIPT","SLIDER_BUTTON_ICON_SIDE_LENGTH","DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT"],"mappings":";;AAAO,IAAMA,aAAa,GAAG,GAAE;AAE/B;AACO,IAAMC,gCAAgC,GAAG,IAAG;AACtCC,IAAAA,0BAA0B,GAAG,KAAK;AAClCC,IAAAA,0BAA0B,GAAG,OAAO;AAC1C,IAAMC,6BAA6B,GAAG,MAAK;AAC3C,IAAMC,gCAAgC,GAAG,MAAK;AAC9C,IAAMC,8BAA8B,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAC;AAMpG;;;AAGG;AACI,IAAMC,oBAAoB,GAAG,sCAAqC;AAClE,IAAMC,qBAAqB,GAAG,kCAAiC;AAEtE;AACO,IAAMC,uBAAuB,GAAG,oBAAmB;AACnD,IAAMC,uBAAuB,GAAG,2BAA0B;AAEjE;AACO,IAAMC,6BAA6B,GAAG,6BAA4B;AAClE,IAAMC,2BAA2B,GAAG,4BAA2B;AAC/D,IAAMC,oCAAoC,GAAG,YAAW;AAE/D;AACO,IAAMC,gBAAgB,GAAG,mBAAkB;AAElD;AACO,IAAMC,8BAA8B,GAAG,OAAM;AAEpD;AACO,IAAMC,oCAAoC,GAAG;;;;;;;;;;;;;;;;;;;;"}

package/cjs/consts-a3b7ae99.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
+
+exports.TEXT_MESSAGE_BODY_CLASSNAME = TEXT_MESSAGE_BODY_CLASSNAME;
+//# sourceMappingURL=consts-a3b7ae99.js.map

package/cjs/{consts-14256e43.js.map → consts-a3b7ae99.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-14256e43.js","sources":["../../src/ui/TextMessageItemBody/consts.ts"],"sourcesContent":["export const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';\n"],"names":["TEXT_MESSAGE_BODY_CLASSNAME"],"mappings":";;AAAO,MAAMA,2BAA2B,GAAG;;;;"}
+{"version":3,"file":"consts-a3b7ae99.js","sources":["../../src/ui/TextMessageItemBody/consts.ts"],"sourcesContent":["export const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';\n"],"names":["TEXT_MESSAGE_BODY_CLASSNAME"],"mappings":";;AAAO,IAAMA,2BAA2B,GAAG;;;;"}

package/cjs/{context-8af95992.js → context-9814fafe.js}

@@ -1,20 +1,19 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./utils-89a0ca39.js');
+var utils = require('./utils-180c6bc8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Context = /*#__PURE__*/React__default["default"].createContext({
+var Context = /*#__PURE__*/React__default["default"].createContext({
   opened: '',
-  // mock default value
   setOpened: utils.noop
 });
-const Consumer = Context.Consumer;
-const Provider = Context.Provider;
+var Consumer = Context.Consumer;
+var Provider = Context.Provider;
 
 exports.Consumer = Consumer;
 exports.Provider = Provider;
-//# sourceMappingURL=context-8af95992.js.map
+//# sourceMappingURL=context-9814fafe.js.map

package/cjs/{context-8af95992.js.map → context-9814fafe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-8af95992.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,MAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAa,CAAe;AAChDC,EAAAA,MAAM,EAAE,EAAE;AAAE;AACZC,EAAAA,SAAS,EAAEC,UAAAA;AACb,CAAC,CAAC,CAAA;AAEWC,MAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAQ;AAC3BC,MAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}
+{"version":3,"file":"context-9814fafe.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAa,CAAe;AAChDC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,SAAS,EAAEC,UAAAA;AACZ,CAAA,CAAC,CAAA;AAEWC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAQ;AAC3BC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}

package/cjs/dist/index.css

@@ -70,6 +70,61 @@
   color: inherit;
   word-break: break-all;
 }
+.sendbird-create-open-channel-ui {
+  position: relative;
+  display: inline-flex;
+}
+
+.sendbird-create-open-channel-ui__profile-input {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
+  position: relative;
+  margin-top: 16px;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+}
+.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
+  background-color: var(--sendbird-light-background-200);
+}
+.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
+  background-color: var(--sendbird-dark-background-400);
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
+  position: relative;
+  margin-left: 18px;
+  display: inline-flex;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
+  position: relative;
+  margin-top: 8px;
+  display: inline-flex;
+  flex-direction: row;
+}
 .sendbird-open-channel-list,
 .sendbird-open-channel-list-ui {
   position: relative;
@@ -164,61 +219,6 @@
 .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
   background-color: var(--sendbird-dark-background-500);
 }
-.sendbird-create-open-channel-ui {
-  position: relative;
-  display: inline-flex;
-}
-
-.sendbird-create-open-channel-ui__profile-input {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
-  position: relative;
-  margin-top: 16px;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 80px;
-  height: 80px;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-}
-.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
-  background-color: var(--sendbird-light-background-200);
-}
-.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
-  background-color: var(--sendbird-dark-background-400);
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
-  position: relative;
-  margin-left: 18px;
-  display: inline-flex;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
-  position: relative;
-  margin-top: 8px;
-  display: inline-flex;
-  flex-direction: row;
-}
 .sendbird-open-channel-preview {
   position: relative;
   display: inline-flex;
@@ -1342,6 +1342,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  z-index: 1;
 }
 .sendbird-multiple-files-image-renderer__icon-wrapper .sendbird-multiple-files-image-renderer__icon-wrapper__icon {
   display: flex;
@@ -1351,6 +1352,7 @@
   height: 56px;
   border-radius: 50%;
   background-color: var(--sendbird-light-ondark-01);
+  z-index: 2;
 }
 .sendbird-avatar {
   display: inline-block;
@@ -1726,6 +1728,9 @@
 .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;
@@ -4508,11 +4513,12 @@ div.sendbird-og-message-item-body__text-bubble {
 }
 
 .sendbird-multiple-files-image-renderer__thumbnail__placeholder {
+  position: absolute;
   display: flex;
   width: 100%;
   height: 100%;
   justify-content: center;
-  border-radius: 12px;
+  border-radius: 16px;
   align-items: center;
 }
 .sendbird-theme--light .sendbird-multiple-files-image-renderer__thumbnail__placeholder {
@@ -4521,6 +4527,15 @@ div.sendbird-og-message-item-body__text-bubble {
 .sendbird-theme--dark .sendbird-multiple-files-image-renderer__thumbnail__placeholder {
   background-color: var(--sendbird-dark-background-400);
 }
+.sendbird-multiple-files-image-renderer__thumbnail__placeholder .sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background-color: var(--sendbird-light-ondark-01);
+}
 .sendbird-fileviewer__header__right__actions__download,
 .sendbird-fileviewer__header__right__actions__delete,
 .sendbird-fileviewer__header__right__actions__close {