@sendbird/uikit-react 3.14.12 → 3.14.13

package/cjs/ui/OGMessageItemBody.js

@@ -3,41 +3,45 @@
 var React = require('react');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BM95N32D.js');
-var index = require('../chunks/bundle-VyDwmxN4.js');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
-var index$1 = require('../chunks/bundle-rXt3MgU-.js');
-var tokenize = require('../chunks/bundle-auAyIyjy.js');
-var consts = require('../chunks/bundle-BKID5CS2.js');
-var MediaQueryContext = require('../chunks/bundle-D0U-xAFE.js');
-var utils = require('../chunks/bundle-CO52Wsr3.js');
-require('../chunks/bundle-Cu2j1EmN.js');
-require('../chunks/bundle-CrkUdg03.js');
+var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
+var index = require('../chunks/bundle-E1Tkj9Pc.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var index$1 = require('../chunks/bundle-D58niGxd.js');
+var tokenize = require('../chunks/bundle-B0yVr4jS.js');
+var consts = require('../chunks/bundle-CwwjS2wm.js');
+var MediaQueryContext = require('../chunks/bundle-DW5WyVEg.js');
+var utils = require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-BSZgogl8.js');
+require('../chunks/bundle-CqS517qU.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-_xb0mhf9.js');
-require('../chunks/bundle-DQG6eG4l.js');
+require('../chunks/bundle-BafSf9GJ.js');
+require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-B9Jxp8fA.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
-require('../chunks/bundle-B_eF_lLw.js');
+require('../chunks/bundle-5SGoePaQ.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-DAzWBBxC.js');
 require('../withSendbird.js');
 require('./IconButton.js');
 require('./UserProfile.js');
-require('../chunks/bundle-_cqjcInH.js');
+require('../chunks/bundle-C0HSA_B2.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CI9mjpa7.js');
-require('../chunks/bundle-B56LqPOh.js');
-require('../chunks/bundle-CQbuVhqz.js');
+require('../chunks/bundle-B8eM_7mB.js');
+require('../chunks/bundle-Cq7gxYWj.js');
+require('../chunks/bundle-CGBazQAC.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('./LinkLabel.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function OGMessageItemBody(_a) {
     var _b, _c, _d, _e;
     var className = _a.className, message = _a.message, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, _g = _a.mouseHover, mouseHover = _g === void 0 ? false : _g, _h = _a.isMentionEnabled, isMentionEnabled = _h === void 0 ? false : _h, _j = _a.isReactionEnabled, isReactionEnabled = _j === void 0 ? false : _j, _k = _a.isMarkdownEnabled, isMarkdownEnabled = _k === void 0 ? false : _k, _l = _a.onMessageHeightChange, onMessageHeightChange = _l === void 0 ? function () {
@@ -60,27 +64,27 @@ function OGMessageItemBody(_a) {
         });
     }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
     var openOpenGraphURL = function () { var _a; return utils.openURL((_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url); };
-    return (React.createElement("div", { className: index.getClassName([
+    return (React__default.default.createElement("div", { className: index.getClassName([
             className !== null && className !== void 0 ? className : '',
             'sendbird-og-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',
             isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : '',
         ]) },
-        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 },
-            React.createElement("div", { className: consts.OG_MESSAGE_BODY_CLASSNAME },
-                React.createElement(index$1.TextFragment, { tokens: tokens }),
-                index.isEditedMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__text-bubble__message", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
-        ((_e = message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) && (React.createElement(OGImageSection, { onClick: openOpenGraphURL, ogImage: message.ogMetaData.defaultImage, onMessageHeightChange: onMessageHeightChange })),
-        message.ogMetaData && (React.createElement(OGDescriptionSection, { onClick: openOpenGraphURL, ogMetaData: message.ogMetaData, onMessageHeightChange: onMessageHeightChange })),
-        React.createElement("div", { className: "sendbird-og-message-item-body__cover" })));
+        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 },
+            React__default.default.createElement("div", { className: consts.OG_MESSAGE_BODY_CLASSNAME },
+                React__default.default.createElement(index$1.TextFragment, { tokens: tokens }),
+                index.isEditedMessage(message) && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__text-bubble__message", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
+        ((_e = message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) && (React__default.default.createElement(OGImageSection, { onClick: openOpenGraphURL, ogImage: message.ogMetaData.defaultImage, onMessageHeightChange: onMessageHeightChange })),
+        message.ogMetaData && (React__default.default.createElement(OGDescriptionSection, { onClick: openOpenGraphURL, ogMetaData: message.ogMetaData, onMessageHeightChange: onMessageHeightChange })),
+        React__default.default.createElement("div", { className: "sendbird-og-message-item-body__cover" })));
 }
 var OGImageSection = function (props) {
     var onClick = props.onClick, ogImage = props.ogImage, onMessageHeightChange = props.onMessageHeightChange;
     var imageRef = React.useRef(null);
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    return (React.createElement("div", { ref: imageRef, className: utils.classnames('sendbird-og-message-item-body__og-thumbnail', !ogImage.url && 'sendbird-og-message-item-body__og-thumbnail__empty'), onClick: function () { return onClick(); } },
-        React.createElement(ui_ImageRenderer.default, { className: "sendbird-og-message-item-body__og-thumbnail__image", url: ogImage.url || '', alt: ogImage.alt || '', width: "100%", height: isMobile ? '136px' : '240px', onLoad: onMessageHeightChange, onError: function () {
+    return (React__default.default.createElement("div", { ref: imageRef, className: utils.classnames('sendbird-og-message-item-body__og-thumbnail', !ogImage.url && 'sendbird-og-message-item-body__og-thumbnail__empty'), onClick: function () { return onClick(); } },
+        React__default.default.createElement(ui_ImageRenderer.default, { className: "sendbird-og-message-item-body__og-thumbnail__image", url: ogImage.url || '', alt: ogImage.alt || '', width: "100%", height: isMobile ? '136px' : '240px', onLoad: onMessageHeightChange, onError: function () {
                 var _a, _b;
                 try {
                     (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');
@@ -88,18 +92,18 @@ var OGImageSection = function (props) {
                 catch (error) {
                     // do nothing
                 }
-            }, defaultComponent: React.createElement("div", { className: "sendbird-og-message-item-body__og-thumbnail__place-holder" },
-                React.createElement(ui_Icon.default, { className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon", type: ui_Icon.IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" })) })));
+            }, defaultComponent: React__default.default.createElement("div", { className: "sendbird-og-message-item-body__og-thumbnail__place-holder" },
+                React__default.default.createElement(ui_Icon.default, { className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon", type: ui_Icon.IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" })) })));
 };
 var OGDescriptionSection = function (props) {
     var onClick = props.onClick, ogMetaData = props.ogMetaData, onMessageHeightChange = props.onMessageHeightChange;
     React.useEffect(function () {
         onMessageHeightChange();
     }, [ogMetaData.title, ogMetaData.description, ogMetaData.url]);
-    return (React.createElement("div", { className: "sendbird-og-message-item-body__description", onClick: function () { return onClick(); } },
-        ogMetaData.title && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__title", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, ogMetaData.title)),
-        ogMetaData.description && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__description", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, ogMetaData.description)),
-        ogMetaData.url && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__url", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ogMetaData.url))));
+    return (React__default.default.createElement("div", { className: "sendbird-og-message-item-body__description", onClick: function () { return onClick(); } },
+        ogMetaData.title && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__title", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, ogMetaData.title)),
+        ogMetaData.description && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__description", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, ogMetaData.description)),
+        ogMetaData.url && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__url", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ogMetaData.url))));
 };
 
 module.exports = OGMessageItemBody;

package/cjs/ui/OGMessageItemBody.js.map

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

package/cjs/ui/OpenChannelAdminMessage.js

@@ -1,16 +1,20 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../chunks/bundle-BSZgogl8.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BM95N32D.js');
-require('../chunks/bundle-CrkUdg03.js');
+var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
+require('../chunks/bundle-CqS517qU.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function OpenChannelAdminMessage(_a) {
     var className = _a.className, message = _a.message;
-    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+    return (React__default.default.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-openchannel-admin-message',
         ], false).join(' ') },
-        React.createElement(ui_Label.Label, { className: "sendbird-openchannel-admin-message__text", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, message.message || '')));
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-openchannel-admin-message__text", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, message.message || '')));
 }
 
 module.exports = OpenChannelAdminMessage;

package/cjs/ui/OpenChannelAdminMessage.js.map

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

package/cjs/ui/OpenChannelAvatar.js

@@ -1,24 +1,28 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-B56LqPOh.js');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
-var utils = require('../chunks/bundle-CI7ddAUC.js');
-require('../chunks/bundle-Cu2j1EmN.js');
+var ui_Avatar = require('../chunks/bundle-Cq7gxYWj.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var utils = require('../chunks/bundle-CAofXETX.js');
+require('../chunks/bundle-BSZgogl8.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CO52Wsr3.js');
-require('../chunks/bundle-CQbuVhqz.js');
+require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-CGBazQAC.js');
 require('./Icon.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B9Jxp8fA.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, theme = _a.theme, _b = _a.height, height = _b === void 0 ? 56 : _b, _c = _a.width, width = _c === void 0 ? 56 : _c;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var memoizedAvatar = React.useMemo(function () {
-        return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-chat-header__avatar--open-channel", src: utils.getOpenChannelAvatar(channel), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: (channel === null || channel === void 0 ? void 0 : channel.name) || stringSet.OPEN_CHANNEL_SETTINGS__NO_TITLE }));
+        return (React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-chat-header__avatar--open-channel", src: utils.getOpenChannelAvatar(channel), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: (channel === null || channel === void 0 ? void 0 : channel.name) || stringSet.OPEN_CHANNEL_SETTINGS__NO_TITLE }));
     }, [channel === null || channel === void 0 ? void 0 : channel.coverUrl, theme]);
-    return (React.createElement(React.Fragment, null, memoizedAvatar));
+    return (React__default.default.createElement(React__default.default.Fragment, null, memoizedAvatar));
 }
 
 module.exports = ChannelAvatar;

package/cjs/ui/OpenChannelAvatar.js.map

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

package/cjs/ui/OpenchannelConversationHeader.js

@@ -1,30 +1,34 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-B56LqPOh.js');
+var ui_Avatar = require('../chunks/bundle-Cq7gxYWj.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../chunks/bundle-BM95N32D.js');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
-require('../chunks/bundle-Cu2j1EmN.js');
+var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+require('../chunks/bundle-BSZgogl8.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CO52Wsr3.js');
-require('../chunks/bundle-CQbuVhqz.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-DQG6eG4l.js');
+require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-CGBazQAC.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B9Jxp8fA.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function OpenchannelConversationHeader(_a) {
     var coverImage = _a.coverImage, title = _a.title, subTitle = _a.subTitle, amIOperator = _a.amIOperator, onActionClick = _a.onActionClick;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: "sendbird-openchannel-conversation-header" },
-        React.createElement("div", { className: "sendbird-openchannel-conversation-header__left" },
-            coverImage ? (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-conversation-header__left__cover-image", src: coverImage, alt: "channel cover image", width: "32px", height: "32px" })) : (React.createElement("div", { className: "sendbird-openchannel-conversation-header__left__cover-image--icon", style: { width: 32, height: 32 } },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CHANNELS, fillColor: ui_Icon.IconColors.CONTENT, width: "18px", height: "18px" }))),
-            React.createElement(ui_Label.Label, { className: "sendbird-openchannel-conversation-header__left__title", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, title || stringSet.NO_TITLE),
-            React.createElement(ui_Label.Label, { className: "sendbird-openchannel-conversation-header__left__sub-title", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, subTitle || stringSet.NO_TITLE)),
-        React.createElement("div", { className: "sendbird-openchannel-conversation-header__right" },
-            React.createElement(ui_IconButton, { className: "sendbird-openchannel-conversation-header__right__trigger", width: "32px", height: "32px", onClick: onActionClick },
-                React.createElement(ui_Icon.default, { type: (amIOperator
+    return (React__default.default.createElement("div", { className: "sendbird-openchannel-conversation-header" },
+        React__default.default.createElement("div", { className: "sendbird-openchannel-conversation-header__left" },
+            coverImage ? (React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-conversation-header__left__cover-image", src: coverImage, alt: "channel cover image", width: "32px", height: "32px" })) : (React__default.default.createElement("div", { className: "sendbird-openchannel-conversation-header__left__cover-image--icon", style: { width: 32, height: 32 } },
+                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CHANNELS, fillColor: ui_Icon.IconColors.CONTENT, width: "18px", height: "18px" }))),
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird-openchannel-conversation-header__left__title", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, title || stringSet.NO_TITLE),
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird-openchannel-conversation-header__left__sub-title", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, subTitle || stringSet.NO_TITLE)),
+        React__default.default.createElement("div", { className: "sendbird-openchannel-conversation-header__right" },
+            React__default.default.createElement(ui_IconButton, { className: "sendbird-openchannel-conversation-header__right__trigger", width: "32px", height: "32px", onClick: onActionClick },
+                React__default.default.createElement(ui_Icon.default, { type: (amIOperator
                         ? ui_Icon.IconTypes.INFO
                         : ui_Icon.IconTypes.MEMBERS), fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
 }

package/cjs/ui/OpenchannelConversationHeader.js.map

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

package/cjs/ui/OpenchannelFileMessage.js

@@ -1,43 +1,47 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../chunks/bundle-BSZgogl8.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-Di0c83Tp.js');
-var ui_Avatar = require('../chunks/bundle-B56LqPOh.js');
-var ui_ContextMenu = require('../chunks/bundle-B_eF_lLw.js');
-var ui_Label = require('../chunks/bundle-BM95N32D.js');
+var index$1 = require('../chunks/bundle-Cmc_F-zF.js');
+var ui_Avatar = require('../chunks/bundle-Cq7gxYWj.js');
+var ui_ContextMenu = require('../chunks/bundle-5SGoePaQ.js');
+var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-_cqjcInH.js');
-var LocalizationContext = require('../chunks/bundle-Bq4FcvTF.js');
-var index = require('../chunks/bundle-B1Cp-EAM.js');
-var MediaQueryContext = require('../chunks/bundle-D0U-xAFE.js');
-var useLongPress = require('../chunks/bundle-BHieBSdL.js');
-var utils = require('../chunks/bundle-CO52Wsr3.js');
-require('../chunks/bundle-_xb0mhf9.js');
-require('../chunks/bundle-DQG6eG4l.js');
+var UserProfileContext = require('../chunks/bundle-C0HSA_B2.js');
+var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var index = require('../chunks/bundle-Cf7poviO.js');
+var MediaQueryContext = require('../chunks/bundle-DW5WyVEg.js');
+var useLongPress = require('../chunks/bundle-CteyVr3n.js');
+var utils = require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-B9Jxp8fA.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CQbuVhqz.js');
+require('../chunks/bundle-CGBazQAC.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BkKs2HEQ.js');
+require('../chunks/bundle-DAzWBBxC.js');
 require('../withSendbird.js');
-require('../chunks/bundle-VyDwmxN4.js');
+require('../chunks/bundle-E1Tkj9Pc.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CTW4jbtw.js');
-require('../chunks/bundle-CrkUdg03.js');
-require('../chunks/bundle-8gOOVKMq.js');
+require('../chunks/bundle-BafSf9GJ.js');
+require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-ikSCkayP.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CI9mjpa7.js');
+require('../chunks/bundle-B8eM_7mB.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var checkFileType = function (fileUrl) {
     var audioFile = /(\.mp3)$/i;
     var gifFile = /(\.gif)$/i;
@@ -84,11 +88,11 @@ function OpenChannelFileMessage(_a) {
         },
         onClick: openFileUrl,
     }, { delay: 300 });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
                 'sendbird-openchannel-file-message',
             ], false).join(' '), ref: mobileMenuRef },
-            React.createElement("div", { className: "sendbird-openchannel-file-message__left" }, !chainTop && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-file-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
+            React__default.default.createElement("div", { className: "sendbird-openchannel-file-message__left" }, !chainTop && (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-file-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
                         if (!disableUserProfile) {
                             toggleDropdown();
                         }
@@ -99,41 +103,41 @@ function OpenChannelFileMessage(_a) {
                         currentUserId: userId,
                         avatarRef: avatarRef,
                     }))
-                    : (React.createElement(ui_ContextMenu.MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-                        React.createElement(ui_UserProfile, { user: sender, onSuccess: closeDropdown, disableMessaging: true })))); } }))),
-            React.createElement("div", { className: "sendbird-openchannel-file-message__right" },
-                !chainTop && (React.createElement("div", { className: "sendbird-openchannel-file-message__right__title" },
-                    React.createElement(ui_Label.Label, { className: "sendbird-openchannel-file-message__right__title__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: isOperator ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2 }, sender && (sender.friendName
+                    : (React__default.default.createElement(ui_ContextMenu.MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+                        React__default.default.createElement(ui_UserProfile, { user: sender, onSuccess: closeDropdown, disableMessaging: true })))); } }))),
+            React__default.default.createElement("div", { className: "sendbird-openchannel-file-message__right" },
+                !chainTop && (React__default.default.createElement("div", { className: "sendbird-openchannel-file-message__right__title" },
+                    React__default.default.createElement(ui_Label.Label, { className: "sendbird-openchannel-file-message__right__title__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: isOperator ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2 }, sender && (sender.friendName
                         || sender.nickname
                         || sender.userId)),
-                    React.createElement(ui_Label.Label, { className: "sendbird-openchannel-file-message__right__title__sent-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_3 }, (message === null || message === void 0 ? void 0 : message.createdAt) && (index$1.format(message.createdAt, 'p', {
+                    React__default.default.createElement(ui_Label.Label, { className: "sendbird-openchannel-file-message__right__title__sent-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_3 }, (message === null || message === void 0 ? void 0 : message.createdAt) && (index$1.format(message.createdAt, 'p', {
                         locale: dateLocale,
                     }))))),
-                React.createElement("div", _tslib.__assign({ className: "sendbird-openchannel-file-message__right__body" }, (isMobile ? _tslib.__assign({}, longPress) : {})),
-                    checkFileType(message.url) && (React.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__body__icon", type: checkFileType(message.url), fillColor: ui_Icon.IconColors.PRIMARY, width: "48px", height: "48px" })),
-                    React.createElement(ui_TextButton, { className: "sendbird-openchannel-file-message__right__body__file-name", onClick: openFileUrl },
-                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, truncate(message.name || message.url, 40)))),
-                (isPending || isFailed) && (React.createElement("div", { className: "sendbird-openchannel-file-message__right__tail" },
-                    isPending && (React.createElement(ui_Loader, { width: "16px", height: "16px" },
-                        React.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__tail__pending", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))),
-                    isFailed && (React.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__tail__failed", type: ui_Icon.IconTypes.ERROR, fillColor: ui_Icon.IconColors.ERROR, width: "16px", height: "16px" }))))),
-            !isMobile && (React.createElement("div", { className: "sendbird-openchannel-file-message__context-menu", ref: contextMenuRef }, (index.isFineResend({ message: message, userId: userId, status: status }) || !isEphemeral) && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-file-message__context-menu__icon", width: "32px", height: "32px", onClick: toggleDropdown },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, width: "24px", height: "24px" })))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: contextMenuRef, parentContainRef: contextMenuRef, closeDropdown: closeDropdown, openLeft: true },
-                    index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
+                React__default.default.createElement("div", _tslib.__assign({ className: "sendbird-openchannel-file-message__right__body" }, (isMobile ? _tslib.__assign({}, longPress) : {})),
+                    checkFileType(message.url) && (React__default.default.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__body__icon", type: checkFileType(message.url), fillColor: ui_Icon.IconColors.PRIMARY, width: "48px", height: "48px" })),
+                    React__default.default.createElement(ui_TextButton, { className: "sendbird-openchannel-file-message__right__body__file-name", onClick: openFileUrl },
+                        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, truncate(message.name || message.url, 40)))),
+                (isPending || isFailed) && (React__default.default.createElement("div", { className: "sendbird-openchannel-file-message__right__tail" },
+                    isPending && (React__default.default.createElement(ui_Loader, { width: "16px", height: "16px" },
+                        React__default.default.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__tail__pending", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))),
+                    isFailed && (React__default.default.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__tail__failed", type: ui_Icon.IconTypes.ERROR, fillColor: ui_Icon.IconColors.ERROR, width: "16px", height: "16px" }))))),
+            !isMobile && (React__default.default.createElement("div", { className: "sendbird-openchannel-file-message__context-menu", ref: contextMenuRef }, (index.isFineResend({ message: message, userId: userId, status: status }) || !isEphemeral) && (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React__default.default.createElement(ui_IconButton, { className: "sendbird-openchannel-file-message__context-menu__icon", width: "32px", height: "32px", onClick: toggleDropdown },
+                    React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, width: "24px", height: "24px" })))); }, menuItems: function (closeDropdown) { return (React__default.default.createElement(ui_ContextMenu.MenuItems, { parentRef: contextMenuRef, parentContainRef: contextMenuRef, closeDropdown: closeDropdown, openLeft: true },
+                    index.isFineResend({ message: message, userId: userId, status: status }) && (React__default.default.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                             if (disabled) {
                                 return;
                             }
                             resendMessage(message);
                             closeDropdown();
                         }, testID: "open_channel_file_message_context_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
-                    (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
+                    (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React__default.default.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                             if (disabled) {
                                 return;
                             }
                             showRemove(true);
                             closeDropdown();
                         }, testID: "open_channel_file_message_context_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } }))))),
-        contextMenu && (React.createElement(index.OpenChannelMobileMenu, { message: message, hideMenu: function () {
+        contextMenu && (React__default.default.createElement(index.OpenChannelMobileMenu, { message: message, hideMenu: function () {
                 setContextMenu(false);
             }, parentRef: mobileMenuRef, showRemove: function () {
                 setContextMenu(false);

package/cjs/ui/OpenchannelFileMessage.js.map

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