@sendbird/uikit-react 3.14.7 → 3.14.8

package/cjs/ui/ConnectionStatus.js

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-var LocalizationContext = require('../chunks/bundle-DYbO_oXV.js');
-require('../chunks/bundle-D9N8KrxA.js');
-require('../chunks/bundle-CRP682Gi.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-BY5s-qT9.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+var LocalizationContext = require('../chunks/bundle-p170d_Dm.js');
+require('../chunks/bundle-BkBiKwX_.js');
+require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-_xFWpqul.js');
+require('../chunks/bundle-D32sNS2H.js');
 
 function ConnectionStatus() {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/ui/ContextMenu.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var MenuItems$1 = require('../chunks/bundle-Chc5G_aB.js');
+var MenuItems$1 = require('../chunks/bundle-DXMtP0MH.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-DEla2qKT.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-require('../chunks/bundle-D9N8KrxA.js');
-require('../chunks/bundle-QWa0vH14.js');
+var index = require('../chunks/bundle-26FjC_SS.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+require('../chunks/bundle-BkBiKwX_.js');
+require('../chunks/bundle-C1UPwWAI.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CnhM4zaO.js');
+require('../chunks/bundle-_xFWpqul.js');
 
 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;

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var React = require('react');
-var color = require('../chunks/bundle-BqkkN8Hd.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-require('../chunks/bundle-CnhM4zaO.js');
+var color = require('../chunks/bundle-DrbRl6zb.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+require('../chunks/bundle-_xFWpqul.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,46 +6,46 @@ 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-DEla2qKT.js');
+var index = require('../chunks/bundle-26FjC_SS.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
 var ui_UserListItem = require('./UserListItem.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
-var _tslib = require('../chunks/bundle-D9N8KrxA.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../chunks/bundle-DO-5yXpA.js');
-var useLongPress = require('../chunks/bundle-1umCar_C.js');
-var LocalizationContext = require('../chunks/bundle-DYbO_oXV.js');
+var MediaQueryContext = require('../chunks/bundle-Da5vrzgE.js');
+var useLongPress = require('../chunks/bundle-CU9cRoLR.js');
+var LocalizationContext = require('../chunks/bundle-p170d_Dm.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-var getIsReactionEnabled = require('../chunks/bundle-DiG50pEN.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-Chc5G_aB.js');
+var getIsReactionEnabled = require('../chunks/bundle-AYo_NmGM.js');
+require('../chunks/bundle-_xFWpqul.js');
+require('../chunks/bundle-DXMtP0MH.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-QWa0vH14.js');
+require('../chunks/bundle-C1UPwWAI.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CJnXp2Fg.js');
+require('../chunks/bundle-XAzxBt_1.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
-require('../chunks/bundle-Dou4gnTV.js');
-require('../chunks/bundle-B7FwoCjb.js');
-require('../chunks/bundle-BY5s-qT9.js');
-require('../chunks/bundle-CwGxHBAp.js');
-require('../chunks/bundle-CXIABZn6.js');
-require('../chunks/bundle-DhvyOcFh.js');
+require('../chunks/bundle-qGk2QXFu.js');
+require('../chunks/bundle-DzwQ-6pw.js');
+require('../chunks/bundle-D32sNS2H.js');
+require('../chunks/bundle-BdymdNGG.js');
+require('../chunks/bundle-BvBQd-ZB.js');
+require('../chunks/bundle-DGsWxwDq.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-AtflmvNi.js');
+require('../chunks/bundle-CQuNuJRD.js');
 
 var ReactedMembersBottomSheet = function (_a) {
     var _b, _c, _d;

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DYbO_oXV.js');
-var index = require('../chunks/bundle-DEla2qKT.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-require('../chunks/bundle-D9N8KrxA.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-BY5s-qT9.js');
+var LocalizationContext = require('../chunks/bundle-p170d_Dm.js');
+var index = require('../chunks/bundle-26FjC_SS.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+require('../chunks/bundle-BkBiKwX_.js');
+require('../chunks/bundle-_xFWpqul.js');
+require('../chunks/bundle-D32sNS2H.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 

package/cjs/ui/FileMessageItemBody.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-DEla2qKT.js');
-var color = require('../chunks/bundle-BqkkN8Hd.js');
-var MediaQueryContext = require('../chunks/bundle-DO-5yXpA.js');
+var index = require('../chunks/bundle-26FjC_SS.js');
+var color = require('../chunks/bundle-DrbRl6zb.js');
+var MediaQueryContext = require('../chunks/bundle-Da5vrzgE.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
-require('../chunks/bundle-CnhM4zaO.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-_xFWpqul.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');

package/cjs/ui/FileViewer.js

@@ -2,40 +2,149 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-D9N8KrxA.js');
-require('react');
-require('react-dom');
-require('../chunks/bundle-DYbO_oXV.js');
-require('../chunks/bundle-CJnXp2Fg.js');
-require('../chunks/bundle-DEla2qKT.js');
-require('../chunks/bundle-CRP682Gi.js');
-require('../chunks/bundle-CXIABZn6.js');
-require('../chunks/bundle-Cc3t5fnL.js');
-require('./Icon.js');
-var ui_FileViewer = require('../chunks/bundle-D3fSHkuL.js');
-require('../chunks/bundle-DPt5go78.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-BY5s-qT9.js');
-require('../chunks/bundle-DO-5yXpA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
+var React = require('react');
+var reactDom = require('react-dom');
+var LocalizationContext = require('../chunks/bundle-p170d_Dm.js');
+var ui_Modal = require('../chunks/bundle-XAzxBt_1.js');
+var index = require('../chunks/bundle-26FjC_SS.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.js');
+var ui_Avatar = require('../chunks/bundle-BvBQd-ZB.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+var ui_Icon = require('./Icon.js');
+var consts = require('../chunks/bundle-DzwQ-6pw.js');
+var useKeyDown = require('../chunks/bundle-CEwpRDg4.js');
+require('../chunks/bundle-_xFWpqul.js');
+require('../chunks/bundle-D32sNS2H.js');
+require('../chunks/bundle-Da5vrzgE.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-QWa0vH14.js');
+require('../chunks/bundle-C1UPwWAI.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-Dou4gnTV.js');
-require('../chunks/bundle-B7FwoCjb.js');
+require('../chunks/bundle-qGk2QXFu.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Chc5G_aB.js');
+require('../chunks/bundle-DXMtP0MH.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DhvyOcFh.js');
+require('../chunks/bundle-DGsWxwDq.js');
 
+// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
+var ViewerTypes = {
+    SINGLE: 'SINGLE',
+    MULTI: 'MULTI',
+};
 
+function mapFileViewerComponentProps(_a) {
+    var props = _a.props;
+    if (props.viewerType === ViewerTypes.MULTI) {
+        var _b = props, fileInfoList = _b.fileInfoList, currentIndex = _b.currentIndex;
+        return fileInfoList[currentIndex];
+    }
+    var fileInfo = props;
+    return {
+        name: fileInfo.name,
+        type: fileInfo.type,
+        url: fileInfo.url,
+    };
+}
 
-exports.FileViewerComponent = ui_FileViewer.FileViewerComponent;
-exports.default = ui_FileViewer.FileViewer;
+function DeleteButton(props) {
+    if (props.viewerType !== ViewerTypes.MULTI) {
+        var onDelete_1 = props.onDelete, isByMe = props.isByMe, disableDelete_1 = props.disableDelete, className = props.className;
+        return (isByMe)
+            ? (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete ".concat(className) },
+                React.createElement(ui_Icon.default, { className: disableDelete_1 ? 'disabled' : '', type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete_1 ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { if (!disableDelete_1) {
+                        onDelete_1 === null || onDelete_1 === void 0 ? void 0 : onDelete_1(e);
+                    } } })))
+            : React.createElement(React.Fragment, null);
+    }
+    return React.createElement(React.Fragment, null);
+}
+
+// this is a slider component that is used to navigate between images
+function Slider(props) {
+    if (props.viewerType === ViewerTypes.MULTI) {
+        var onClickLeft_1 = props.onClickLeft, onClickRight_1 = props.onClickRight;
+        return (React.createElement("div", { className: "sendbird-file-viewer-slider" },
+            React.createElement("div", { className: "sendbird-file-viewer-arrow--left" },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SLIDE_LEFT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
+                        onClickLeft_1 === null || onClickLeft_1 === void 0 ? void 0 : onClickLeft_1();
+                        e.stopPropagation();
+                    } })),
+            React.createElement("div", { className: "sendbird-file-viewer-arrow--right" },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SLIDE_LEFT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH, onClick: function (e) {
+                        e.stopPropagation();
+                        onClickRight_1 === null || onClickRight_1 === void 0 ? void 0 : onClickRight_1();
+                    } }))));
+    }
+    // return empty fragment if viewerType is not ViewerTypes.MULTI
+    return React.createElement(React.Fragment, null);
+}
+
+var FileViewerComponent = function (props) {
+    var profileUrl = props.profileUrl, nickname = props.nickname, onClose = props.onClose, onDownloadClick = props.onDownloadClick;
+    var _a = props, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight;
+    var ref = React.useRef(null);
+    var onKeyDown = useKeyDown.useKeyDown(ref, {
+        Escape: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); },
+        ArrowLeft: function () { return onClickLeft === null || onClickLeft === void 0 ? void 0 : onClickLeft(); },
+        ArrowRight: function () { return onClickRight === null || onClickRight === void 0 ? void 0 : onClickRight(); },
+    });
+    var _b = mapFileViewerComponentProps({ props: props }), name = _b.name, type = _b.type, url = _b.url;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: "sendbird-fileviewer", "data-testid": "sendbird-fileviewer", onKeyDown: onKeyDown, 
+        // to focus
+        tabIndex: 1, ref: ref },
+        React.createElement("div", { className: "sendbird-fileviewer__header" },
+            React.createElement("div", { className: "sendbird-fileviewer__header__left" },
+                React.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
+                    React.createElement(ui_Avatar.Avatar, { height: "32px", width: "32px", src: profileUrl })),
+                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__filename", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, name),
+                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__sender-name", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, nickname)),
+            React.createElement("div", { className: "sendbird-fileviewer__header__right" },
+                index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
+                    React.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank", onClick: onDownloadClick },
+                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
+                    React.createElement(DeleteButton, _tslib.__assign({ className: 'sendbird-fileviewer__header__right__actions__delete' }, props)))),
+                React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
+                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); } })))),
+        React.createElement("div", { className: "sendbird-fileviewer__content" },
+            index.isVideo(type) && (React.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
+                React.createElement("source", { src: url, type: type }))),
+            index.isImage(type) && (React.createElement("img", { src: url, alt: name, className: props.viewerType === ViewerTypes.MULTI
+                    ? 'sendbird-fileviewer__content__img__multi'
+                    : 'sendbird-fileviewer__content__img' })),
+            !index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message'))),
+            React.createElement(Slider, _tslib.__assign({}, props)))));
+};
+function FileViewer(_a) {
+    var _b, _c, _d;
+    var message = _a.message, _e = _a.statefulFileInfoList, statefulFileInfoList = _e === void 0 ? [] : _e, onClose = _a.onClose, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, onDelete = _a.onDelete, currentIndex = _a.currentIndex, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight, onDownloadClick = _a.onDownloadClick;
+    if (index.isMultipleFilesMessage(message)) {
+        var castedMessage = message;
+        return (React.createElement(FileViewerComponent, { profileUrl: castedMessage.sender.profileUrl, nickname: castedMessage.sender.nickname, viewerType: ViewerTypes.MULTI, fileInfoList: statefulFileInfoList.filter(function (fileInfo) {
+                return fileInfo.url; // Caution: This assumes that defined url means file upload has completed.
+            }).map(function (fileInfo) {
+                return {
+                    name: fileInfo.fileName || '',
+                    type: fileInfo.mimeType || '',
+                    url: fileInfo.url || '',
+                };
+            }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || utils.noop, onClickRight: onClickRight || utils.noop, onClose: onClose, onDownloadClick: onDownloadClick }));
+    }
+    else if (index.isFileMessage(message)) {
+        var castedMessage = message;
+        return reactDom.createPortal((React.createElement(FileViewerComponent, { profileUrl: (_b = castedMessage.sender) === null || _b === void 0 ? void 0 : _b.profileUrl, nickname: (_c = castedMessage.sender) === null || _c === void 0 ? void 0 : _c.nickname, name: castedMessage.name, type: castedMessage.type, url: castedMessage === null || castedMessage === void 0 ? void 0 : castedMessage.url, isByMe: isByMe, disableDelete: (((_d = castedMessage.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) || 0) > 0, onClose: onClose, onDelete: onDelete || utils.noop, onDownloadClick: onDownloadClick })), document.getElementById(ui_Modal.MODAL_ROOT));
+    }
+    return React.createElement(React.Fragment, null);
+}
+
+exports.FileViewerComponent = FileViewerComponent;
+exports.default = FileViewer;
 //# sourceMappingURL=FileViewer.js.map

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-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-var MediaQueryContext = require('../chunks/bundle-DO-5yXpA.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+var MediaQueryContext = require('../chunks/bundle-Da5vrzgE.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-BqkkN8Hd.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-_xFWpqul.js');
+require('../chunks/bundle-DrbRl6zb.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-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var React = require('react');
-var utils = require('../chunks/bundle-CRP682Gi.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.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-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.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-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var React = require('react');
-var utils = require('../chunks/bundle-CRP682Gi.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.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-Cc3t5fnL.js');
-require('../chunks/bundle-D9N8KrxA.js');
-require('../chunks/bundle-CnhM4zaO.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+require('../chunks/bundle-BkBiKwX_.js');
+require('../chunks/bundle-_xFWpqul.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-D9N8KrxA.js');
+require('../chunks/bundle-BkBiKwX_.js');
 require('react');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-require('../chunks/bundle-CnhM4zaO.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+require('../chunks/bundle-_xFWpqul.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
-require('../chunks/bundle-CnhM4zaO.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-_xFWpqul.js');
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-BkBiKwX_.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-CRP682Gi.js');
+require('../chunks/bundle-Dw4KxRSR.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-CRP682Gi.js');
-require('../chunks/bundle-D9N8KrxA.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-BkBiKwX_.js');
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/cjs/ui/MentionLabel.js

@@ -2,29 +2,29 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
+var ui_Label = require('../chunks/bundle-5gsiNZ6i.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
-require('../chunks/bundle-Chc5G_aB.js');
-require('../chunks/bundle-D9N8KrxA.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.js');
+require('../chunks/bundle-DXMtP0MH.js');
+require('../chunks/bundle-BkBiKwX_.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-QWa0vH14.js');
-require('../chunks/bundle-DEla2qKT.js');
+require('../chunks/bundle-C1UPwWAI.js');
+require('../chunks/bundle-26FjC_SS.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-DYbO_oXV.js');
-require('../chunks/bundle-BY5s-qT9.js');
-require('../chunks/bundle-CwGxHBAp.js');
+require('../chunks/bundle-_xFWpqul.js');
+require('../chunks/bundle-p170d_Dm.js');
+require('../chunks/bundle-D32sNS2H.js');
+require('../chunks/bundle-BdymdNGG.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-AtflmvNi.js');
-require('../chunks/bundle-CXIABZn6.js');
+require('../chunks/bundle-CQuNuJRD.js');
+require('../chunks/bundle-BvBQd-ZB.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DhvyOcFh.js');
+require('../chunks/bundle-DGsWxwDq.js');
 require('./Icon.js');
 require('./Button.js');
 require('../withSendbird.js');

package/cjs/ui/MentionUserLabel.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-B9_wwLxc.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
+var consts = require('../chunks/bundle-BL7sqL5a.js');
+var utils = require('../chunks/bundle-Dw4KxRSR.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;