@sendbird/uikit-react 3.14.7 → 3.14.8-rc-0

package/cjs/ui/FileMessageItemBody.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-Dqn3X7Tg.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
+var ui_Label = require('../chunks/bundle-Co4U4haB.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-Cp-MEdSw.js');
+var color = require('../chunks/bundle-57Y7t0LY.js');
+var MediaQueryContext = require('../chunks/bundle-BzAHagEn.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
-require('../chunks/bundle-CnhM4zaO.js');
+var utils = require('../chunks/bundle-pjvhXvH4.js');
+require('../chunks/bundle-CO3So4tJ.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-Dqn3X7Tg.js');
+var React = require('react');
+var reactDom = require('react-dom');
+var LocalizationContext = require('../chunks/bundle-BUF949wK.js');
+var ui_Modal = require('../chunks/bundle-Bci4jdUO.js');
+var index = require('../chunks/bundle-Cp-MEdSw.js');
+var utils = require('../chunks/bundle-pjvhXvH4.js');
+var ui_Avatar = require('../chunks/bundle-C_Qyq-RE.js');
+var ui_Label = require('../chunks/bundle-Co4U4haB.js');
+var ui_Icon = require('./Icon.js');
+var consts = require('../chunks/bundle-CzDs25YL.js');
+var useKeyDown = require('../chunks/bundle-BTia11m0.js');
+require('../chunks/bundle-CO3So4tJ.js');
+require('../chunks/bundle-BWp3kE0W.js');
+require('../chunks/bundle-BzAHagEn.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-52g79HoL.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-Dou4gnTV.js');
-require('../chunks/bundle-B7FwoCjb.js');
+require('../chunks/bundle-nhkXoGk9.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Chc5G_aB.js');
+require('../chunks/bundle-BF9wIOuV.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DhvyOcFh.js');
+require('../chunks/bundle-CPebQOps.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-Dqn3X7Tg.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-Co4U4haB.js');
+var MediaQueryContext = require('../chunks/bundle-BzAHagEn.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-pjvhXvH4.js');
+require('../chunks/bundle-CO3So4tJ.js');
+require('../chunks/bundle-57Y7t0LY.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-Dqn3X7Tg.js');
 var React = require('react');
-var utils = require('../chunks/bundle-CRP682Gi.js');
+var utils = require('../chunks/bundle-pjvhXvH4.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-Dqn3X7Tg.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-Dqn3X7Tg.js');
 var React = require('react');
-var utils = require('../chunks/bundle-CRP682Gi.js');
+var utils = require('../chunks/bundle-pjvhXvH4.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-Co4U4haB.js');
+require('../chunks/bundle-Dqn3X7Tg.js');
+require('../chunks/bundle-CO3So4tJ.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-Dqn3X7Tg.js');
 require('react');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-require('../chunks/bundle-CnhM4zaO.js');
+var ui_Label = require('../chunks/bundle-Co4U4haB.js');
+require('../chunks/bundle-CO3So4tJ.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-Dqn3X7Tg.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-Co4U4haB.js');
+var utils = require('../chunks/bundle-pjvhXvH4.js');
+require('../chunks/bundle-CO3So4tJ.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-Dqn3X7Tg.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-CRP682Gi.js');
+require('../chunks/bundle-pjvhXvH4.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-pjvhXvH4.js');
+require('../chunks/bundle-Dqn3X7Tg.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-Co4U4haB.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-pjvhXvH4.js');
+require('../chunks/bundle-BF9wIOuV.js');
+require('../chunks/bundle-Dqn3X7Tg.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-52g79HoL.js');
+require('../chunks/bundle-Cp-MEdSw.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-CO3So4tJ.js');
+require('../chunks/bundle-BUF949wK.js');
+require('../chunks/bundle-BWp3kE0W.js');
+require('../chunks/bundle-C3F4xuE2.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-AtflmvNi.js');
-require('../chunks/bundle-CXIABZn6.js');
+require('../chunks/bundle-hPHtqbWu.js');
+require('../chunks/bundle-C_Qyq-RE.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DhvyOcFh.js');
+require('../chunks/bundle-CPebQOps.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-yLUNbXCm.js');
+var utils = require('../chunks/bundle-pjvhXvH4.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;

package/cjs/ui/MessageContent.js

@@ -1,34 +1,34 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-D9N8KrxA.js');
+var _tslib = require('../chunks/bundle-Dqn3X7Tg.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-DRWZgHKS.js');
-var ui_MessageStatus = require('../chunks/bundle-CL_LoBQK.js');
+var index$1 = require('../chunks/bundle-D2irej82.js');
+var ui_MessageStatus = require('../chunks/bundle-iAm6iFY0.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
+var ui_Label = require('../chunks/bundle-Co4U4haB.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-DEla2qKT.js');
-var LocalizationContext = require('../chunks/bundle-DYbO_oXV.js');
+var index = require('../chunks/bundle-Cp-MEdSw.js');
+var LocalizationContext = require('../chunks/bundle-BUF949wK.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-1umCar_C.js');
-var index$2 = require('../chunks/bundle-D5So3grK.js');
-var MediaQueryContext = require('../chunks/bundle-DO-5yXpA.js');
+var useLongPress = require('../chunks/bundle-Cz82URUd.js');
+var index$2 = require('../chunks/bundle-BcaHNbDR.js');
+var MediaQueryContext = require('../chunks/bundle-BzAHagEn.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-CcT5ih1Q.js');
-var utils = require('../chunks/bundle-CRP682Gi.js');
+var _const = require('../chunks/bundle-DAnCaLtv.js');
+var utils = require('../chunks/bundle-pjvhXvH4.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-CXIABZn6.js');
+var ui_Avatar = require('../chunks/bundle-C_Qyq-RE.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-CwGxHBAp.js');
+var UserProfileContext = require('../chunks/bundle-C3F4xuE2.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-D8DkydFE.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-2MM5sxqk.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
@@ -38,56 +38,56 @@ var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-require('../chunks/bundle-BY5s-qT9.js');
+require('../chunks/bundle-BWp3kE0W.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-cmISjk2t.js');
-require('../chunks/bundle-gE2gmzOH.js');
+require('../chunks/bundle-B5Gva6QQ.js');
+require('../chunks/bundle-DnncNZpr.js');
 require('./IconButton.js');
-require('../chunks/bundle-CfVPoPw5.js');
-require('../chunks/bundle-Chc5G_aB.js');
+require('../chunks/bundle-Dn3Coq1P.js');
+require('../chunks/bundle-BF9wIOuV.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-QWa0vH14.js');
-require('../chunks/bundle-CnhM4zaO.js');
+require('../chunks/bundle-52g79HoL.js');
+require('../chunks/bundle-CO3So4tJ.js');
 require('@sendbird/chat/groupChannel');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-CJnXp2Fg.js');
+require('../chunks/bundle-Bci4jdUO.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-nhkXoGk9.js');
+require('../chunks/bundle-CzDs25YL.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-DhvyOcFh.js');
+require('../chunks/bundle-CPebQOps.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-AtflmvNi.js');
+require('../chunks/bundle-hPHtqbWu.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-DiG50pEN.js');
-require('../chunks/bundle-D5L_Pb1Q.js');
-require('../chunks/bundle-CQ_927rg.js');
-require('../chunks/bundle-DUMwI7ry.js');
+require('../chunks/bundle-vEV6lbs4.js');
+require('../chunks/bundle-CVRkNNru.js');
+require('../chunks/bundle-7SGmEgzC.js');
+require('../chunks/bundle-ysAC5VeD.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-D2PlzBBC.js');
-require('../chunks/bundle-yQRJTrAg.js');
+require('../chunks/bundle-DHKa0_7P.js');
+require('../chunks/bundle-D5AnKiNl.js');
 require('./TextButton.js');
-require('../chunks/bundle-BqkkN8Hd.js');
-require('../chunks/bundle-D3fSHkuL.js');
-require('../chunks/bundle-DPt5go78.js');
+require('../chunks/bundle-57Y7t0LY.js');
+require('./FileViewer.js');
+require('../chunks/bundle-BTia11m0.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-QRIyRSAl.js');
+require('../chunks/bundle-Dk1o2AEN.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
 require('./Input.js');

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,32 +1,32 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DYbO_oXV.js');
-var ui_Modal = require('../chunks/bundle-CJnXp2Fg.js');
+var LocalizationContext = require('../chunks/bundle-BUF949wK.js');
+var ui_Modal = require('../chunks/bundle-Bci4jdUO.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-var useKeyDown = require('../chunks/bundle-DPt5go78.js');
-require('../chunks/bundle-D9N8KrxA.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-BY5s-qT9.js');
-require('../chunks/bundle-DEla2qKT.js');
+var ui_Label = require('../chunks/bundle-Co4U4haB.js');
+var useKeyDown = require('../chunks/bundle-BTia11m0.js');
+require('../chunks/bundle-Dqn3X7Tg.js');
+require('../chunks/bundle-CO3So4tJ.js');
+require('../chunks/bundle-BWp3kE0W.js');
+require('../chunks/bundle-Cp-MEdSw.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CRP682Gi.js');
+require('../chunks/bundle-pjvhXvH4.js');
 require('react-dom');
-require('../chunks/bundle-DO-5yXpA.js');
+require('../chunks/bundle-BzAHagEn.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-QWa0vH14.js');
+require('../chunks/bundle-52g79HoL.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-Dou4gnTV.js');
-require('../chunks/bundle-B7FwoCjb.js');
+require('../chunks/bundle-nhkXoGk9.js');
+require('../chunks/bundle-CzDs25YL.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Chc5G_aB.js');
+require('../chunks/bundle-BF9wIOuV.js');
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/cjs/ui/MessageFeedbackModal.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DYbO_oXV.js');
-var ui_Modal = require('../chunks/bundle-CJnXp2Fg.js');
+var LocalizationContext = require('../chunks/bundle-BUF949wK.js');
+var ui_Modal = require('../chunks/bundle-Bci4jdUO.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-Cc3t5fnL.js');
-var MediaQueryContext = require('../chunks/bundle-DO-5yXpA.js');
-var useKeyDown = require('../chunks/bundle-DPt5go78.js');
-require('../chunks/bundle-D9N8KrxA.js');
-require('../chunks/bundle-CnhM4zaO.js');
-require('../chunks/bundle-BY5s-qT9.js');
-require('../chunks/bundle-DEla2qKT.js');
+var ui_Label = require('../chunks/bundle-Co4U4haB.js');
+var MediaQueryContext = require('../chunks/bundle-BzAHagEn.js');
+var useKeyDown = require('../chunks/bundle-BTia11m0.js');
+require('../chunks/bundle-Dqn3X7Tg.js');
+require('../chunks/bundle-CO3So4tJ.js');
+require('../chunks/bundle-BWp3kE0W.js');
+require('../chunks/bundle-Cp-MEdSw.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CRP682Gi.js');
+require('../chunks/bundle-pjvhXvH4.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Icon.js');
@@ -22,12 +22,12 @@ require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-QWa0vH14.js');
+require('../chunks/bundle-52g79HoL.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-Dou4gnTV.js');
-require('../chunks/bundle-B7FwoCjb.js');
+require('../chunks/bundle-nhkXoGk9.js');
+require('../chunks/bundle-CzDs25YL.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Chc5G_aB.js');
+require('../chunks/bundle-BF9wIOuV.js');
 
 function MessageFeedbackModal(props) {
     var _a, _b;