@sendbird/uikit-react 3.18.3 → 3.19.0

package/cjs/ui/EmojiReactions.js

@@ -5,47 +5,47 @@ var ui_ReactionBadge = require('./ReactionBadge.js');
 var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_ContextMenu = require('../chunks/bundle-BXv74z8H.js');
-var index = require('../chunks/bundle-B2X1DIz7.js');
+var ui_ContextMenu = require('../chunks/bundle-D2-CTT-l.js');
+var index = require('../chunks/bundle-IiaDOxN6.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
 var ui_UserListItem = require('./UserListItem.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../chunks/bundle-L4FAt7Cn.js');
-var useLongPress = require('../chunks/bundle-uLseimjn.js');
-var LocalizationContext = require('../chunks/bundle-gK1bSKqR.js');
+var MediaQueryContext = require('../chunks/bundle-8bzXq37f.js');
+var useLongPress = require('../chunks/bundle-DiVBUvxh.js');
+var LocalizationContext = require('../chunks/bundle-DJ-JijOD.js');
 var Message_context = require('../Message/context.js');
-var ui_Modal = require('../chunks/bundle-BNBSN8J4.js');
+var ui_Modal = require('../chunks/bundle-CLX5eMdj.js');
 var ui_Button = require('./Button.js');
 var hooks_useModal = require('../hooks/useModal.js');
-var useSendbird = require('../chunks/bundle-ZMriK7oQ.js');
-var getIsReactionEnabled = require('../chunks/bundle-LTOPY_d-.js');
-require('../chunks/bundle-CNOpIwsK.js');
+var useSendbird = require('../chunks/bundle-4i_6rq-O.js');
+var getIsReactionEnabled = require('../chunks/bundle-DeMFSFP0.js');
+require('../chunks/bundle-lU2ZVgMf.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CtNsx3WQ.js');
+require('../chunks/bundle-Bb8Gf8D6.js');
 require('./IconButton.js');
-require('../chunks/bundle-CIRlgPaD.js');
-require('../chunks/bundle-tSDh-1k7.js');
+require('../chunks/bundle-1o4tJ2ll.js');
+require('../chunks/bundle-DET4Uytg.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DJ5AMm3J.js');
-require('../chunks/bundle-C-JicQq3.js');
-require('../chunks/bundle-C7PwJ9iE.js');
-require('../chunks/bundle-DThpfa4v.js');
-require('../chunks/bundle-LzK214OE.js');
-require('../chunks/bundle-CyGPqsX6.js');
-require('../chunks/bundle-DiZUQHh6.js');
+require('../chunks/bundle-DLSJ78UY.js');
+require('../chunks/bundle-D0OvVO0x.js');
+require('../chunks/bundle-QVbNnUxt.js');
+require('../chunks/bundle-tEdNP0PQ.js');
+require('../chunks/bundle-CBsIaz1F.js');
+require('../chunks/bundle-BtEpJHeW.js');
+require('../chunks/bundle-DNNJJIuz.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-ofAyqBnL.js');
+require('../chunks/bundle-DuVexw6o.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-gK1bSKqR.js');
-var index = require('../chunks/bundle-B2X1DIz7.js');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
-require('../chunks/bundle-BGe3zkmE.js');
-require('../chunks/bundle-CNOpIwsK.js');
-require('../chunks/bundle-DThpfa4v.js');
+var LocalizationContext = require('../chunks/bundle-DJ-JijOD.js');
+var index = require('../chunks/bundle-IiaDOxN6.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
+require('../chunks/bundle-Cy2hoAU0.js');
+require('../chunks/bundle-lU2ZVgMf.js');
+require('../chunks/bundle-tEdNP0PQ.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DJ5AMm3J.js');
-require('../chunks/bundle-C-JicQq3.js');
-require('../chunks/bundle-C7PwJ9iE.js');
-require('../chunks/bundle-tSDh-1k7.js');
+require('../chunks/bundle-DLSJ78UY.js');
+require('../chunks/bundle-D0OvVO0x.js');
+require('../chunks/bundle-QVbNnUxt.js');
+require('../chunks/bundle-DET4Uytg.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/FileMessageItemBody.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-B2X1DIz7.js');
-var color = require('../chunks/bundle-DJWXXWcb.js');
-var MediaQueryContext = require('../chunks/bundle-L4FAt7Cn.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-var useSendbird = require('../chunks/bundle-ZMriK7oQ.js');
-require('../chunks/bundle-CNOpIwsK.js');
+var index = require('../chunks/bundle-IiaDOxN6.js');
+var color = require('../chunks/bundle-CAh0LY0Y.js');
+var MediaQueryContext = require('../chunks/bundle-8bzXq37f.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+var useSendbird = require('../chunks/bundle-4i_6rq-O.js');
+require('../chunks/bundle-lU2ZVgMf.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DJ5AMm3J.js');
-require('../chunks/bundle-C-JicQq3.js');
-require('../chunks/bundle-C7PwJ9iE.js');
-require('../chunks/bundle-tSDh-1k7.js');
-require('../chunks/bundle-CIRlgPaD.js');
+require('../chunks/bundle-DLSJ78UY.js');
+require('../chunks/bundle-D0OvVO0x.js');
+require('../chunks/bundle-QVbNnUxt.js');
+require('../chunks/bundle-DET4Uytg.js');
+require('../chunks/bundle-1o4tJ2ll.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 

package/cjs/ui/FileViewer.js

@@ -2,36 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../chunks/bundle-gK1bSKqR.js');
+var LocalizationContext = require('../chunks/bundle-DJ-JijOD.js');
 require('../hooks/useModal.js');
-var index = require('../chunks/bundle-B2X1DIz7.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-var ui_Avatar = require('../chunks/bundle-CyGPqsX6.js');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
+var index = require('../chunks/bundle-IiaDOxN6.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+var ui_Avatar = require('../chunks/bundle-BtEpJHeW.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
 var ui_Icon = require('./Icon.js');
-var consts = require('../chunks/bundle-tSDh-1k7.js');
-var useKeyDown = require('../chunks/bundle-DgcXqKef.js');
-var ui_Modal = require('../chunks/bundle-BNBSN8J4.js');
-require('../chunks/bundle-CNOpIwsK.js');
-require('../chunks/bundle-DThpfa4v.js');
-require('../chunks/bundle-C-JicQq3.js');
-require('../chunks/bundle-L4FAt7Cn.js');
+var consts = require('../chunks/bundle-DET4Uytg.js');
+var useKeyDown = require('../chunks/bundle-DlL8ypz8.js');
+var ui_Modal = require('../chunks/bundle-CLX5eMdj.js');
+require('../chunks/bundle-lU2ZVgMf.js');
+require('../chunks/bundle-tEdNP0PQ.js');
+require('../chunks/bundle-D0OvVO0x.js');
+require('../chunks/bundle-8bzXq37f.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-CtNsx3WQ.js');
-require('../chunks/bundle-ZMriK7oQ.js');
-require('../chunks/bundle-CIRlgPaD.js');
+require('../chunks/bundle-Bb8Gf8D6.js');
+require('../chunks/bundle-4i_6rq-O.js');
+require('../chunks/bundle-1o4tJ2ll.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DJ5AMm3J.js');
-require('../chunks/bundle-C7PwJ9iE.js');
+require('../chunks/bundle-DLSJ78UY.js');
+require('../chunks/bundle-QVbNnUxt.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DiZUQHh6.js');
+require('../chunks/bundle-DNNJJIuz.js');
 require('@sendbird/uikit-tools');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/Header.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
-var MediaQueryContext = require('../chunks/bundle-L4FAt7Cn.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
+var MediaQueryContext = require('../chunks/bundle-8bzXq37f.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-require('../chunks/bundle-CNOpIwsK.js');
-require('../chunks/bundle-DJWXXWcb.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+require('../chunks/bundle-lU2ZVgMf.js');
+require('../chunks/bundle-CAh0LY0Y.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/Icon.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
-var utils = require('../chunks/bundle-D7y7huIH.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
 
 function _interopNamespaceCompat(e) {
   if (e && typeof e === 'object' && 'default' in e) return e;

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
-var utils = require('../chunks/bundle-D7y7huIH.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
-require('../chunks/bundle-BGe3zkmE.js');
-require('../chunks/bundle-CNOpIwsK.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
+require('../chunks/bundle-Cy2hoAU0.js');
+require('../chunks/bundle-lU2ZVgMf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-BGe3zkmE.js');
+require('../chunks/bundle-Cy2hoAU0.js');
 require('react');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
-require('../chunks/bundle-CNOpIwsK.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
+require('../chunks/bundle-lU2ZVgMf.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-require('../chunks/bundle-CNOpIwsK.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+require('../chunks/bundle-lU2ZVgMf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-D7y7huIH.js');
+require('../chunks/bundle-Dl83958K.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-require('../chunks/bundle-BGe3zkmE.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+require('../chunks/bundle-Cy2hoAU0.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MentionLabel.js

@@ -1,35 +1,35 @@
 'use strict';
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-BXv74z8H.js');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
+var ui_ContextMenu = require('../chunks/bundle-D2-CTT-l.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
 var ui_UserProfile = require('./UserProfile.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-var useSendbird = require('../chunks/bundle-ZMriK7oQ.js');
-require('../chunks/bundle-BGe3zkmE.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+var useSendbird = require('../chunks/bundle-4i_6rq-O.js');
+var UserProfileContext = require('../chunks/bundle-CBsIaz1F.js');
+require('../chunks/bundle-Cy2hoAU0.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CtNsx3WQ.js');
+require('../chunks/bundle-Bb8Gf8D6.js');
 require('./IconButton.js');
-require('../chunks/bundle-B2X1DIz7.js');
+require('../chunks/bundle-IiaDOxN6.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DJ5AMm3J.js');
-require('../chunks/bundle-C-JicQq3.js');
-require('../chunks/bundle-C7PwJ9iE.js');
-require('../chunks/bundle-tSDh-1k7.js');
-require('../chunks/bundle-gK1bSKqR.js');
-require('../chunks/bundle-CNOpIwsK.js');
-require('../chunks/bundle-DThpfa4v.js');
-require('../chunks/bundle-CIRlgPaD.js');
-require('../chunks/bundle-LzK214OE.js');
+require('../chunks/bundle-DLSJ78UY.js');
+require('../chunks/bundle-D0OvVO0x.js');
+require('../chunks/bundle-QVbNnUxt.js');
+require('../chunks/bundle-DET4Uytg.js');
+require('../chunks/bundle-DJ-JijOD.js');
+require('../chunks/bundle-lU2ZVgMf.js');
+require('../chunks/bundle-tEdNP0PQ.js');
+require('../chunks/bundle-1o4tJ2ll.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-ofAyqBnL.js');
-require('../chunks/bundle-CyGPqsX6.js');
+require('../chunks/bundle-DuVexw6o.js');
+require('../chunks/bundle-BtEpJHeW.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DiZUQHh6.js');
+require('../chunks/bundle-DNNJJIuz.js');
 require('./Icon.js');
 require('./Button.js');
 
@@ -42,6 +42,7 @@ function MentionLabel(props) {
     var mentionTemplate = props.mentionTemplate, mentionedUserId = props.mentionedUserId, mentionedUserNickname = props.mentionedUserNickname, isByMe = props.isByMe;
     var mentionRef = React.useRef();
     var state = useSendbird.useSendbird().state;
+    var renderUserProfile = UserProfileContext.useUserProfileContext().renderUserProfile;
     var userId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
     var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
     var amIBeingMentioned = userId === mentionedUserId;
@@ -62,7 +63,12 @@ function MentionLabel(props) {
         });
     }, [sdk, mentionedUserId]);
     return (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.default.createElement("a", { className: utils.classnames('sendbird-word__mention', amIBeingMentioned && 'sendbird-word__mention--me'), onClick: function () { return fetchUser(toggleDropdown); }, ref: mentionRef, "data-userid": mentionedUserId, "data-nickname": mentionedUserNickname, "data-sb-mention": true },
-            React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, "".concat(mentionTemplate).concat(mentionedUserNickname)))); }, menuItems: function (closeDropdown) { return (React__default.default.createElement(ui_ContextMenu.MenuItems
+            React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, "".concat(mentionTemplate).concat(mentionedUserNickname)))); }, menuItems: function (closeDropdown) { return (renderUserProfile && user ? (renderUserProfile({
+            user: user,
+            close: closeDropdown,
+            currentUserId: userId,
+            avatarRef: mentionRef,
+        })) : (React__default.default.createElement(ui_ContextMenu.MenuItems
         /**
         * parentRef: For catching location(x, y) of MenuItems
         * parentContainRef: For toggling more options(menus & reactions)
@@ -73,7 +79,7 @@ function MentionLabel(props) {
             * parentContainRef: For toggling more options(menus & reactions)
             */
             parentRef: mentionRef, parentContainRef: mentionRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-            React__default.default.createElement(ui_UserProfile, { user: user, onSuccess: closeDropdown, currentUserId: userId }))); } }));
+            React__default.default.createElement(ui_UserProfile, { user: user, onSuccess: closeDropdown, currentUserId: userId })))); } }));
 }
 
 module.exports = MentionLabel;

package/cjs/ui/MentionLabel.js.map

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

package/cjs/ui/MentionUserLabel.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-Cm36xrFZ.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
+var consts = require('../chunks/bundle-4I9fGR16.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageContent.js

@@ -2,101 +2,101 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BGe3zkmE.js');
+var _tslib = require('../chunks/bundle-Cy2hoAU0.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-C7ydXcs7.js');
-var ui_MessageStatus = require('../chunks/bundle-wGMyy96z.js');
-var MessageMenu = require('../chunks/bundle-025yc0FO.js');
-var ui_ContextMenu = require('../chunks/bundle-BXv74z8H.js');
-var utils = require('../chunks/bundle-D7y7huIH.js');
-var ui_Label = require('../chunks/bundle-C4xnXl2z.js');
+var index$2 = require('../chunks/bundle-D2NdV2-5.js');
+var ui_MessageStatus = require('../chunks/bundle-Bg44GO5k.js');
+var MessageMenu = require('../chunks/bundle-DbvepoG8.js');
+var ui_ContextMenu = require('../chunks/bundle-D2-CTT-l.js');
+var utils = require('../chunks/bundle-Dl83958K.js');
+var ui_Label = require('../chunks/bundle-DE8Y9-kK.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index$1 = require('../chunks/bundle-B2X1DIz7.js');
-var LocalizationContext = require('../chunks/bundle-gK1bSKqR.js');
+var index$1 = require('../chunks/bundle-IiaDOxN6.js');
+var LocalizationContext = require('../chunks/bundle-DJ-JijOD.js');
 require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-uLseimjn.js');
+var useLongPress = require('../chunks/bundle-DiVBUvxh.js');
 var ui_MobileMenu = require('./MobileMenu.js');
-var MediaQueryContext = require('../chunks/bundle-L4FAt7Cn.js');
+var MediaQueryContext = require('../chunks/bundle-8bzXq37f.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-Ciqscdyw.js');
-var index = require('../chunks/bundle-04JB7_jp.js');
+var _const = require('../chunks/bundle-BasyRNED.js');
+var index = require('../chunks/bundle-GLtfkvCC.js');
 require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-var useElementObserver = require('../chunks/bundle-DBCy8WKM.js');
-var consts = require('../chunks/bundle-tSDh-1k7.js');
-var useSendbird = require('../chunks/bundle-ZMriK7oQ.js');
-require('../chunks/bundle-C7PwJ9iE.js');
-require('../chunks/bundle-DThpfa4v.js');
+var useElementObserver = require('../chunks/bundle-CHgynCYR.js');
+var consts = require('../chunks/bundle-DET4Uytg.js');
+var useSendbird = require('../chunks/bundle-4i_6rq-O.js');
+require('../chunks/bundle-QVbNnUxt.js');
+require('../chunks/bundle-tEdNP0PQ.js');
 require('./Icon.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BGhaZvuO.js');
-require('../chunks/bundle-BgiQlW2N.js');
+require('../chunks/bundle-DQwJ8EZ0.js');
+require('../chunks/bundle-jELCEMtO.js');
 require('./IconButton.js');
 require('@sendbird/chat');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CtNsx3WQ.js');
-require('../chunks/bundle-CIRlgPaD.js');
+require('../chunks/bundle-Bb8Gf8D6.js');
+require('../chunks/bundle-1o4tJ2ll.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-CNOpIwsK.js');
+require('../chunks/bundle-lU2ZVgMf.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
-require('../chunks/bundle-DJ5AMm3J.js');
-require('../chunks/bundle-C-JicQq3.js');
+require('../chunks/bundle-DLSJ78UY.js');
+require('../chunks/bundle-D0OvVO0x.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-BNBSN8J4.js');
+require('../chunks/bundle-CLX5eMdj.js');
 require('./Button.js');
 require('./UserListItem.js');
-require('../chunks/bundle-LzK214OE.js');
-require('../chunks/bundle-CyGPqsX6.js');
-require('../chunks/bundle-DiZUQHh6.js');
+require('../chunks/bundle-CBsIaz1F.js');
+require('../chunks/bundle-BtEpJHeW.js');
+require('../chunks/bundle-DNNJJIuz.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-ofAyqBnL.js');
+require('../chunks/bundle-DuVexw6o.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-LTOPY_d-.js');
-require('../chunks/bundle-DbRRMbCK.js');
+require('../chunks/bundle-DeMFSFP0.js');
+require('../chunks/bundle-BaJ-XDQm.js');
 require('./OGMessageItemBody.js');
-require('../chunks/bundle-NFa3L9w6.js');
-require('../chunks/bundle-DOiYaA95.js');
+require('../chunks/bundle-GfKQFt73.js');
+require('../chunks/bundle-88VWLiNu.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-x7xygn9r.js');
+require('../chunks/bundle-Cv0v1FEB.js');
 require('./TextMessageItemBody.js');
-require('../chunks/bundle-BXiW6k4J.js');
+require('../chunks/bundle-BRlDLBbF.js');
 require('./FileMessageItemBody.js');
 require('./TextButton.js');
-require('../chunks/bundle-DJWXXWcb.js');
-require('../chunks/bundle-CJ0UXnTP.js');
+require('../chunks/bundle-CAh0LY0Y.js');
+require('../chunks/bundle-9zR07pOD.js');
 require('./FileViewer.js');
-require('../chunks/bundle-DgcXqKef.js');
+require('../chunks/bundle-DlL8ypz8.js');
 require('@sendbird/uikit-tools');
 require('./VoiceMessageItemBody.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../chunks/bundle-BvfggZui.js');
+require('../chunks/bundle-Ccu4i69d.js');
 require('../VoiceRecorder/context.js');
 require('./PlaybackTime.js');
 require('./ThumbnailMessageItemBody.js');
 require('./UnknownMessageItemBody.js');
 require('./TemplateMessageItemBody.js');
-require('../chunks/bundle-DK5Wyeut.js');
+require('../chunks/bundle-D-PNjajj.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
-require('../chunks/bundle-AEYqPyQc.js');
+require('../chunks/bundle-ClzJAsVK.js');
 require('./Input.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -181,6 +181,11 @@ function MessageContent(props) {
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending')
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'failed');
     var isByMeClassName = isByMe ? 'outgoing' : 'incoming';
+    // A message that has not settled must always show its status. chainTop/chainBottom are
+    // public props, so a custom MessageList can chain one and silently remove the only
+    // indication that the message never went out.
+    var isUnsettled = index$1.isSendableMessage(message)
+        && (index$1.isPendingMessage(message) || index$1.isFailedMessage(message));
     var chainTopClassName = chainTop ? 'chain-top' : '';
     var isReactionEnabledInChannel = isReactionEnabled && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral);
     var isReactionEnabledClassName = isReactionEnabledInChannel ? 'use-reactions' : '';
@@ -308,7 +313,7 @@ function MessageContent(props) {
                         }
                     } }))) : null,
             React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index$1.isThumbnailMessage(message) && 'sendbird-message-content__middle__body-container--thumbnail') },
-                (isByMe && !chainBottom) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName) },
+                (isByMe && (!chainBottom || isUnsettled)) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName) },
                     React__default.default.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React__default.default.createElement(ui_MessageStatus.MessageStatus, { message: message, channel: channel })))),
                 renderMessageBody({

package/cjs/ui/MessageContent.js.map

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