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

package/cjs/ui/ContextMenu.js

@@ -3,20 +3,109 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var MenuItems$1 = require('../chunks/bundle-CNLhvQ5S.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
+var reactDom = require('react-dom');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var reactDom = require('react-dom');
 var ui_SortByRow = require('./SortByRow.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-require('../chunks/bundle-oQe6hXee.js');
-require('../chunks/bundle-BDK2QCjs.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+require('../chunks/bundle-Boc_dyK4.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
-require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
+require('../chunks/bundle-D-RACIZM.js');
+
+// padding to handle height of last item in message-list
+var HEIGHT_PADDING = 60;
+var MenuItems$1 = /** @class */ (function (_super) {
+    _tslib.__extends(MenuItems, _super);
+    function MenuItems(props) {
+        var _this = _super.call(this, props) || this;
+        _this.menuRef = React.createRef();
+        _this.setupEvents = function () {
+            var closeDropdown = _this.props.closeDropdown;
+            var menuRef = _this.menuRef;
+            var handleClickOutside = function (event) {
+                var _a, _b;
+                if ((menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) && !((_b = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, event.target))) {
+                    closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
+                }
+            };
+            _this.setState({
+                handleClickOutside: handleClickOutside,
+            });
+            document.addEventListener('mousedown', handleClickOutside);
+        };
+        _this.cleanUpEvents = function () {
+            var handleClickOutside = _this.state.handleClickOutside;
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+        _this.getMenuPosition = function () {
+            var _a, _b;
+            var _c = _this.props, parentRef = _c.parentRef, openLeft = _c.openLeft;
+            var parentRect = (_b = (_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a);
+            var x = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.x) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.left) || 0;
+            var y = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.y) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.top) || 0;
+            var menuStyle = {
+                top: y,
+                left: x,
+            };
+            if (!_this.menuRef.current)
+                return menuStyle;
+            var innerWidth = window.innerWidth, innerHeight = window.innerHeight;
+            var rect = _this.menuRef.current.getBoundingClientRect();
+            if (y + rect.height + HEIGHT_PADDING > innerHeight) {
+                menuStyle.top -= rect.height;
+            }
+            if (x + rect.width > innerWidth && !openLeft) {
+                menuStyle.left -= rect.width;
+            }
+            if (menuStyle.top < 0) {
+                menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;
+            }
+            menuStyle.top += 32;
+            if (openLeft) {
+                var padding = Number.isNaN(rect.width - 30)
+                    ? 108 // default
+                    : rect.width - 30;
+                menuStyle.left -= padding;
+            }
+            // warning: this section has to be executed after the openLeft is calculated
+            // menu is outside viewport
+            if (menuStyle.left < 0) {
+                menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;
+            }
+            _this.setState({ menuStyle: menuStyle });
+            return menuStyle;
+        };
+        _this.state = {
+            menuStyle: { top: 0, left: 0 },
+            handleClickOutside: function () { },
+        };
+        return _this;
+    }
+    MenuItems.prototype.componentDidMount = function () {
+        this.setupEvents();
+        this.getMenuPosition();
+    };
+    MenuItems.prototype.componentWillUnmount = function () {
+        this.cleanUpEvents();
+    };
+    MenuItems.prototype.render = function () {
+        var portalElement = document.getElementById('sendbird-dropdown-portal');
+        if (!portalElement)
+            return React.createElement(React.Fragment, null);
+        var menuStyle = this.state.menuStyle;
+        var _a = this.props, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? '' : _b, testID = _a.testID, id = _a.id;
+        return (reactDom.createPortal((React.createElement("div", { className: utils.classnames(MENU_OBSERVING_CLASS_NAME, className), "data-testid": testID, id: id },
+            React.createElement("div", { className: "sendbird-dropdown__menu-backdrop" }),
+            React.createElement("ul", { className: "".concat(className, " sendbird-dropdown__menu"), ref: this.menuRef, style: _tslib.__assign({ display: 'inline-block', position: 'fixed', left: "".concat(Math.round(menuStyle.left), "px"), top: "".concat(Math.round(menuStyle.top), "px") }, style), "data-testid": "sendbird-dropdown-menu" }, children))), portalElement));
+    };
+    return MenuItems;
+}(React.Component));
 
 var MuteMenuItem = function (_a) {
     var channel = _a.channel, user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, testID = _a.testID, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onError, onError = _f === void 0 ? function () { } : _f;
@@ -94,7 +183,7 @@ var OperatorMenuItem = function (_a) {
 
 var defaultParentRect = { x: 0, y: 0, left: 0, top: 0, height: 0 };
 var EmojiListItems$1 = function (_a) {
-    var children = _a.children, parentRef = _a.parentRef, parentContainRef = _a.parentContainRef, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, closeDropdown = _a.closeDropdown;
+    var id = _a.id, children = _a.children, parentRef = _a.parentRef, parentContainRef = _a.parentContainRef, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, closeDropdown = _a.closeDropdown;
     var _c = React.useState({ left: 0, top: 0 }), reactionStyle = _c[0], setReactionStyle = _c[1];
     var reactionRef = React.useRef(null);
     /* showParent & hideParent */
@@ -159,9 +248,9 @@ var EmojiListItems$1 = function (_a) {
             setReactionStyle(reactionStyle);
         }
     }, []);
-    var rootElement = document.getElementById('sendbird-emoji-list-portal');
+    var rootElement = document.getElementById(EMOJI_MENU_ROOT_ID);
     if (rootElement) {
-        return (reactDom.createPortal(React.createElement(React.Fragment, null,
+        return (reactDom.createPortal(React.createElement("div", { className: MENU_OBSERVING_CLASS_NAME, id: id },
             React.createElement("div", { className: "sendbird-dropdown__menu-backdrop" }),
             React.createElement("ul", { className: "sendbird-dropdown__reaction-bar", "data-testid": "sendbird-dropdown__reaction-bar", ref: reactionRef, style: {
                     display: 'inline-block',
@@ -175,7 +264,10 @@ var EmojiListItems$1 = function (_a) {
 };
 
 var ENTER_KEY = 13;
-var MenuItems = MenuItems$1.MenuItems;
+// # useElementObserve
+var MENU_OBSERVING_CLASS_NAME = 'sendbird-observing-message-menu';
+var getObservingId = function (txt) { return "m_".concat(txt); };
+var MenuItems = MenuItems$1;
 var EmojiListItems = EmojiListItems$1;
 var MenuItem = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, onClick = _a.onClick, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, testID = _a.testID;
@@ -188,9 +280,11 @@ var MenuItem = function (_a) {
             handleClickEvent(e); }, tabIndex: 0, "data-sb-id": testID !== null && testID !== void 0 ? testID : dataSbId, "data-testid": testID !== null && testID !== void 0 ? testID : dataSbId },
         React.createElement(ui_Label.Label, { className: "sendbird-dropdown__menu-item__text", type: ui_Label.LabelTypography.SUBTITLE_2, color: disable ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_1 }, children)));
 };
-var MenuRoot = function () { return (React.createElement("div", { id: "sendbird-dropdown-portal", className: "sendbird-dropdown-portal" })); };
+var MENU_ROOT_ID = 'sendbird-dropdown-portal';
+var MenuRoot = function () { return (React.createElement("div", { id: MENU_ROOT_ID, className: MENU_ROOT_ID })); };
 // For the test environment
-var EmojiReactionListRoot = function () { return React.createElement("div", { id: "sendbird-emoji-list-portal" }); };
+var EMOJI_MENU_ROOT_ID = 'sendbird-emoji-list-portal';
+var EmojiReactionListRoot = function () { return React.createElement("div", { id: EMOJI_MENU_ROOT_ID }); };
 function ContextMenu(_a) {
     var menuTrigger = _a.menuTrigger, menuItems = _a.menuItems, isOpen = _a.isOpen, onClick = _a.onClick;
     var _b = React.useState(false), showMenu = _b[0], setShowMenu = _b[1];
@@ -199,12 +293,16 @@ function ContextMenu(_a) {
         (showMenu || isOpen) && menuItems(function () { return setShowMenu(false); })));
 }
 
+exports.EMOJI_MENU_ROOT_ID = EMOJI_MENU_ROOT_ID;
 exports.EmojiListItems = EmojiListItems;
 exports.EmojiReactionListRoot = EmojiReactionListRoot;
+exports.MENU_OBSERVING_CLASS_NAME = MENU_OBSERVING_CLASS_NAME;
+exports.MENU_ROOT_ID = MENU_ROOT_ID;
 exports.MenuItem = MenuItem;
 exports.MenuItems = MenuItems;
 exports.MenuRoot = MenuRoot;
 exports.MuteMenuItem = MuteMenuItem;
 exports.OperatorMenuItem = OperatorMenuItem;
 exports.default = ContextMenu;
+exports.getObservingId = getObservingId;
 //# sourceMappingURL=ContextMenu.js.map

package/cjs/ui/ContextMenu.js.map

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

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var color = require('../chunks/bundle-ChVQ484N.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-require('../chunks/bundle-ClGYZFGc.js');
+var color = require('../chunks/bundle-6kGpS9J5.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+require('../chunks/bundle-D-RACIZM.js');
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? color.Colors.ONBACKGROUND_4 : _d;

package/cjs/ui/EmojiReactions.js

@@ -6,48 +6,47 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
 var ui_UserListItem = require('./UserListItem.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../chunks/bundle-B_TBDUIo.js');
-var useLongPress = require('../chunks/bundle-BLMQTUu9.js');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
+var MediaQueryContext = require('../chunks/bundle-BplDq0mq.js');
+var useLongPress = require('../chunks/bundle-DgmZoB_W.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-var getIsReactionEnabled = require('../chunks/bundle-CBRLDy3Y.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-CNLhvQ5S.js');
+var getIsReactionEnabled = require('../chunks/bundle-DH_1RL2d.js');
+require('../chunks/bundle-D-RACIZM.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BDK2QCjs.js');
+require('../chunks/bundle-Boc_dyK4.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
-require('../chunks/bundle-DxUgagG2.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
+require('../chunks/bundle-COyzsE6d.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
-require('../chunks/bundle-61s5Z4d7.js');
-require('../chunks/bundle-BrwM1NMi.js');
-require('../chunks/bundle-Cbv_awE2.js');
-require('../chunks/bundle-BfJXjRdq.js');
-require('../chunks/bundle-DeWZBEt-.js');
-require('../chunks/bundle-DjpWffuA.js');
+require('../chunks/bundle-B1HrIqoy.js');
+require('../chunks/bundle-vMl-hjKf.js');
+require('../chunks/bundle-CWoHu9t0.js');
+require('../chunks/bundle-DCTSWuu7.js');
+require('../chunks/bundle-BVK4ppI2.js');
+require('../chunks/bundle-V3A8AaNp.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CvRdW9yw.js');
+require('../chunks/bundle-8BvxeS8W.js');
 
 var ReactedMembersBottomSheet = function (_a) {
     var _b, _c, _d;

package/cjs/ui/EmojiReactions.js.map

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

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-require('../chunks/bundle-oQe6hXee.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-Cbv_awE2.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+require('../chunks/bundle-CVwB8G1I.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('../chunks/bundle-CWoHu9t0.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/cjs/ui/FileMessageItemBody.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
-var color = require('../chunks/bundle-ChVQ484N.js');
-var MediaQueryContext = require('../chunks/bundle-B_TBDUIo.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
+var color = require('../chunks/bundle-6kGpS9J5.js');
+var MediaQueryContext = require('../chunks/bundle-BplDq0mq.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-require('../chunks/bundle-ClGYZFGc.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+require('../chunks/bundle-D-RACIZM.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
 require('../withSendbird.js');
 
 function FileMessageItemBody(_a) {

package/cjs/ui/FileViewer.js

@@ -2,38 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
-var ui_Modal = require('../chunks/bundle-DxUgagG2.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-var ui_Avatar = require('../chunks/bundle-DeWZBEt-.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
+var ui_Modal = require('../chunks/bundle-COyzsE6d.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+var ui_Avatar = require('../chunks/bundle-BVK4ppI2.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
 var ui_Icon = require('./Icon.js');
-var consts = require('../chunks/bundle-BrwM1NMi.js');
-var useKeyDown = require('../chunks/bundle-CyTIW0JZ.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-Cbv_awE2.js');
-require('../chunks/bundle-B_TBDUIo.js');
+var consts = require('../chunks/bundle-vMl-hjKf.js');
+var useKeyDown = require('../chunks/bundle-Du4-Q-XI.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('../chunks/bundle-CWoHu9t0.js');
+require('../chunks/bundle-BplDq0mq.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BDK2QCjs.js');
+require('../chunks/bundle-Boc_dyK4.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-61s5Z4d7.js');
+require('../chunks/bundle-B1HrIqoy.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-CNLhvQ5S.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('./ContextMenu.js');
+require('./SortByRow.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DbH3qyAG.js');
+require('../chunks/bundle-BhClvZOU.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DjpWffuA.js');
+require('../chunks/bundle-V3A8AaNp.js');
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var ViewerTypes = {

package/cjs/ui/FileViewer.js.map

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

package/cjs/ui/Header.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-var MediaQueryContext = require('../chunks/bundle-B_TBDUIo.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+var MediaQueryContext = require('../chunks/bundle-BplDq0mq.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-ChVQ484N.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('../chunks/bundle-6kGpS9J5.js');
 
 var Header = function (_a) {
     var _b;

package/cjs/ui/Icon.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
 
 var IconButton = React.forwardRef(function (props, ref) {

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
 
 var numberToPx = (function (value) {
     if (value === null)

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-UPXtcgsM.js');
-require('../chunks/bundle-oQe6hXee.js');
-require('../chunks/bundle-ClGYZFGc.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+require('../chunks/bundle-CVwB8G1I.js');
+require('../chunks/bundle-D-RACIZM.js');
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-oQe6hXee.js');
+require('../chunks/bundle-CVwB8G1I.js');
 require('react');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-require('../chunks/bundle-ClGYZFGc.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+require('../chunks/bundle-D-RACIZM.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-require('../chunks/bundle-ClGYZFGc.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+require('../chunks/bundle-D-RACIZM.js');
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-DsFiTdM1.js');
+require('../chunks/bundle-Ck6xvF19.js');
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children, testID = _a.testID;

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-DsFiTdM1.js');
-require('../chunks/bundle-oQe6hXee.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+require('../chunks/bundle-CVwB8G1I.js');
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/cjs/ui/MentionLabel.js

@@ -2,31 +2,30 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-require('../chunks/bundle-CNLhvQ5S.js');
-require('../chunks/bundle-oQe6hXee.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+require('../chunks/bundle-CVwB8G1I.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BDK2QCjs.js');
-require('../chunks/bundle-j2NTrunF.js');
+require('../chunks/bundle-Boc_dyK4.js');
+require('../chunks/bundle-BoVc1U1a.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-DYfOAYVw.js');
-require('../chunks/bundle-Cbv_awE2.js');
-require('../chunks/bundle-BfJXjRdq.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('../chunks/bundle-D47V4Obt.js');
+require('../chunks/bundle-CWoHu9t0.js');
+require('../chunks/bundle-DCTSWuu7.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CvRdW9yw.js');
-require('../chunks/bundle-DeWZBEt-.js');
+require('../chunks/bundle-8BvxeS8W.js');
+require('../chunks/bundle-BVK4ppI2.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DjpWffuA.js');
+require('../chunks/bundle-V3A8AaNp.js');
 require('./Icon.js');
 require('./Button.js');
 require('../withSendbird.js');

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-BygoI0yo.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
+var consts = require('../chunks/bundle-Ch_pAI0r.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;