@sendbird/uikit-react 3.13.2 → 3.14.0-beta

package/cjs/ui/ThreadReplies.js

@@ -1,18 +1,20 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var ui_Avatar = require('../chunks/bundle-Di5APzpg.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-BC16qA15.js');
+var ui_Label = require('../chunks/bundle-CidVlBMl.js');
+var LocalizationContext = require('../chunks/bundle-CSfRc5hY.js');
+require('../chunks/bundle-BmOkcO1e.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CxuGQxaT.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
+require('../chunks/bundle-6RaeE_-7.js');
+require('../chunks/bundle-Bd5-Auhd.js');
+require('../chunks/bundle-BZyYPaEv.js');
+require('../chunks/bundle-FDJnhm3r.js');
 
-function ThreadReplies(_a) {
+function ThreadReplies(_a, ref) {
     var _b;
     var className = _a.className, threadInfo = _a.threadInfo, onClick = _a.onClick;
     var _c = threadInfo.mostRepliedUsers, mostRepliedUsers = _c === void 0 ? [] : _c, replyCount = threadInfo.replyCount;
@@ -23,7 +25,7 @@ function ThreadReplies(_a) {
         }, onKeyDown: function (e) {
             onClick(e);
             e === null || e === void 0 ? void 0 : e.stopPropagation();
-        } },
+        }, ref: ref },
         React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles" },
             mostRepliedUsers.slice(0, 4).map(function (user) {
                 return (React.createElement(ui_Avatar.Avatar, { key: user.userId, className: "sendbird-ui-thread-replies__user-profiles__avatar", src: user === null || user === void 0 ? void 0 : user.profileUrl, alt: "user profile", width: "20px", height: "20px" }));
@@ -37,7 +39,9 @@ function ThreadReplies(_a) {
             ? "".concat(replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLY)
             : "".concat(replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLIES)),
         React.createElement(ui_Icon.default, { className: "sendbird-ui-thread-replies__icon", type: ui_Icon.IconTypes.CHEVRON_RIGHT, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" })));
-}
+}
+var ThreadReplies$1 = React.forwardRef(ThreadReplies);
 
-module.exports = ThreadReplies;
+exports.ThreadReplies = ThreadReplies;
+exports.default = ThreadReplies$1;
 //# sourceMappingURL=ThreadReplies.js.map

package/cjs/ui/ThreadReplies.js.map

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

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-BmOkcO1e.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var utils$1 = require('../chunks/bundle-BQtI4UIy.js');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-var utils = require('../chunks/bundle-7Mbs7JEn.js');
+var index = require('../chunks/bundle-B3gE4-sg.js');
+var utils$1 = require('../chunks/bundle-6RaeE_-7.js');
+var useLongPress = require('../chunks/bundle-0dm-rZLh.js');
+var utils = require('../chunks/bundle-NgDLJ4XU.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-CD82WkIi.js');
+require('../chunks/bundle-wwwDjH0w.js');
+require('../chunks/bundle-DhbE_hFO.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-BC16qA15.js');
+var _tslib = require('../chunks/bundle-BmOkcO1e.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-BC16qA15.js');
+var _tslib = require('../chunks/bundle-BmOkcO1e.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-CidVlBMl.js');
+require('../chunks/bundle-BZyYPaEv.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-BC16qA15.js');
+var _tslib = require('../chunks/bundle-BmOkcO1e.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-VqK6Sgiy.js');
-require('../chunks/bundle-BC16qA15.js');
+var ui_Avatar = require('../chunks/bundle-Di5APzpg.js');
+require('../chunks/bundle-BmOkcO1e.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-6RaeE_-7.js');
+require('../chunks/bundle-Bd5-Auhd.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-BgCtP7V4.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-CidVlBMl.js');
+var index = require('../chunks/bundle-B3gE4-sg.js');
+var LocalizationContext = require('../chunks/bundle-CSfRc5hY.js');
+require('../chunks/bundle-BmOkcO1e.js');
+require('../chunks/bundle-BZyYPaEv.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-B-wprLUV.js');
+require('../chunks/bundle-wwwDjH0w.js');
+require('../chunks/bundle-FDJnhm3r.js');
 
 function UnknownMessageItemBody(_a) {
     var _b;

package/cjs/ui/UserListItem.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-BmOkcO1e.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-Crhw0Zu1.js');
+var LocalizationContext = require('../chunks/bundle-CSfRc5hY.js');
+var ui_Avatar = require('../chunks/bundle-Di5APzpg.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-CidVlBMl.js');
+require('../chunks/bundle-BZyYPaEv.js');
+require('../chunks/bundle-FDJnhm3r.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-6RaeE_-7.js');
+require('../chunks/bundle-Bd5-Auhd.js');
 require('./Icon.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-BkrtMQxo.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
@@ -25,11 +25,11 @@ 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-BZByKaLs.js');
+require('../chunks/bundle-B3gE4-sg.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-wwwDjH0w.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/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-CSfRc5hY.js');
+var UserProfileContext = require('../chunks/bundle-Crhw0Zu1.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-Di5APzpg.js');
+var ui_Label = require('../chunks/bundle-CidVlBMl.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-BZyYPaEv.js');
+require('../chunks/bundle-FDJnhm3r.js');
+require('../chunks/bundle-BkrtMQxo.js');
+require('../chunks/bundle-6RaeE_-7.js');
+require('../chunks/bundle-BmOkcO1e.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-Bd5-Auhd.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-CidVlBMl.js');
+require('../chunks/bundle-CSfRc5hY.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-2pxnOYL4.js');
+require('../chunks/bundle-BPcaLWyG.js');
+require('../chunks/bundle-BmOkcO1e.js');
+require('../chunks/bundle-BZyYPaEv.js');
+require('../chunks/bundle-viPU2Zrj.js');
+require('../chunks/bundle-6RaeE_-7.js');
+require('../chunks/bundle-FDJnhm3r.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-CidVlBMl.js');
+var VoicePlayer_context = require('../chunks/bundle-Bc_3JLZG.js');
+require('../chunks/bundle-BPcaLWyG.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-CSfRc5hY.js');
+require('../chunks/bundle-BZyYPaEv.js');
+require('../chunks/bundle-FDJnhm3r.js');
+require('../chunks/bundle-XHpUo2d5.js');
+require('../chunks/bundle-BmOkcO1e.js');
 require('react-dom');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CD82WkIi.js');
+require('../chunks/bundle-6RaeE_-7.js');
+require('../chunks/bundle-DhbE_hFO.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-CidVlBMl.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
+var index = require('../chunks/bundle-B3gE4-sg.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
+require('../chunks/bundle-BmOkcO1e.js');
+require('../chunks/bundle-BZyYPaEv.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-wwwDjH0w.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-BZByKaLs.js');
 require('./UserProfile.js');
-require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-DQM5RZ7p.js');
+require('../chunks/bundle-CSfRc5hY.js');
+require('../chunks/bundle-FDJnhm3r.js');
+require('../chunks/bundle-Crhw0Zu1.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-VqK6Sgiy.js');
+require('../chunks/bundle-BkrtMQxo.js');
+require('../chunks/bundle-6RaeE_-7.js');
+require('../chunks/bundle-Di5APzpg.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-Bd5-Auhd.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-BmOkcO1e.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-B3gE4-sg.js');
+require('../../chunks/bundle-BmOkcO1e.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
-require('../../chunks/bundle-Dj2Oa2F6.js');
+require('../../chunks/bundle-wwwDjH0w.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-BmOkcO1e.js');
 var React = require('react');
 
 var SendbirdSdkContext = React.createContext(null);

package/dist/index.css

@@ -1677,8 +1677,6 @@
 }
 .sendbird-conversation__messages .sendbird-conversation__messages-padding {
   position: relative;
-  padding-left: 24px;
-  padding-right: 24px;
   height: 100%;
   overflow-x: hidden;
   overflow-y: scroll;
@@ -1983,19 +1981,17 @@
   color: var(--sendbird-dark-ondark-04);
   border: 1px solid var(--sendbird-dark-ondark-04);
 }
-:root {
-  --sendbird-feedback-buttons-container-height: 36px;
-  --sendbird-feedback-buttons-container-margin-top: 4px;
-  --sendbird-thread-replies-height: 28px;
-  --sendbird-thread-replies-margin-top: 4px;
-  --sendbird-feedback-buttons-container-margin-bottom: 4px;
+.sendbird--mobile-mode .sendbird-msg-hoc > .ui_container_type__full {
+  padding: 0;
+  width: 100%;
 }
 
 .sendbird-message-content {
   display: inline-flex;
   flex-direction: row;
   position: relative;
-  width: 100%;
+  width: calc(100% - 48px);
+  padding: 0 24px;
 }
 .sendbird-message-content.incoming {
   justify-content: flex-start;
@@ -2009,15 +2005,17 @@
 .sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle {
   max-width: calc(100vw - 140px);
 }
+.sendbird--mobile-mode .sendbird-message-content .ui_container_type__wide {
+  max-width: 100%;
+}
+.sendbird--mobile-mode .sendbird-message-content .ui_container_type__full {
+  max-width: 100%;
+}
 .sendbird-message-content .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.use-quote {
   bottom: -8px;
   margin-top: -8px;
 }
 
-.sendbird-message-content__feedback {
-  margin-bottom: calc(var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top) + var(--sendbird-feedback-buttons-container-margin-bottom));
-}
-
 .sendbird-message-content__middle__quote-message__quote {
   width: 100%;
 }
@@ -2062,6 +2060,24 @@
 .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover {
   display: none;
 }
+.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  bottom: -16px;
+  right: 0px;
+}
+.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  bottom: -16px;
+  right: 0px;
+}
+.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__full {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  bottom: -16px;
+  right: 0px;
+}
 .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
   margin-bottom: 4px;
   margin-left: 12px;
@@ -2118,6 +2134,9 @@
 .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
   display: none;
 }
+.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
+  display: flex;
+}
 
 .sendbird-message-content.outgoing .sendbird-message-content__left {
   box-sizing: border-box;
@@ -2181,6 +2200,24 @@
   display: inline-flex;
   position: relative;
 }
+.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default-carousel {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  bottom: -20px;
+  left: 0px;
+}
+.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__wide {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  bottom: -20px;
+  left: 0px;
+}
+.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__full {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  bottom: -20px;
+  left: 0px;
+}
 .sendbird-message-content.outgoing .sendbird-message-content__right {
   display: none;
 }
@@ -2247,22 +2284,22 @@
   margin-top: 4px;
 }
 
+.sendbird-message-content__middle__feedback-buttons {
+  margin-top: 4px;
+}
+
 .sendbird-voice-message-item-body.sendbird-message-content__middle__message-item-body {
   height: 50px;
   min-width: 136px;
 }
 
 .sendbird-message-content__middle__body-container__feedback-buttons-container {
-  position: absolute;
-  bottom: calc(-1 * (var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top)));
+  margin-top: 4px;
+  position: relative;
   display: flex;
   gap: 4px;
 }
 
-.sendbird-message-content__middle__body-container__feedback-buttons-container_with-thread-replies {
-  bottom: calc(-1 * (var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top) + var(--sendbird-thread-replies-height) + var(--sendbird-thread-replies-margin-top)));
-}
-
 .sendbird-message-content__middle__for_template_message {
   width: 100%;
 }
@@ -4243,6 +4280,14 @@ div.sendbird-text-message-item-body {
 .sendbird-message-template__root * {
   box-sizing: border-box;
 }
+
+.sendbird-message-template__root {
+  border-radius: 0;
+}
+.sendbird-carousel-items-wrapper {
+  display: flex;
+  box-sizing: border-box;
+}
 .sendbird-iconbutton__feedback {
   display: flex;
   justify-content: center;