@sendbird/uikit-react 3.14.12-rc.0 → 3.14.13-rc.0

package/cjs/ui/IconButton.js

@@ -1,12 +1,16 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
 
-var IconButton = React.forwardRef(function (props, ref) {
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var IconButton = React__default.default.forwardRef(function (props, ref) {
     var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? '56px' : _c, _d = props.height, height = _d === void 0 ? '56px' : _d, _e = props.type, type = _e === void 0 ? 'button' : _e, _f = props.style, style = _f === void 0 ? {} : _f, _g = props.onBlur, onBlur = _g === void 0 ? function () { } : _g, _h = props.onClick, onClick = _h === void 0 ? function () { } : _h, testID = props.testID;
     var _j = React.useState(false), isPressed = _j[0], setIsPressed = _j[1];
-    return (React.createElement("button", { "data-testid": testID, className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+    return (React__default.default.createElement("button", { "data-testid": testID, className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-iconbutton',
             isPressed ? 'sendbird-iconbutton--pressed' : '',
         ], false).join(' '), disabled: disabled, ref: ref, type: type, style: _tslib.__assign(_tslib.__assign({}, style), { height: height, width: width }), onClick: function (e) {
@@ -19,7 +23,7 @@ var IconButton = React.forwardRef(function (props, ref) {
             setIsPressed(false);
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
         } },
-        React.createElement("span", { className: "sendbird-iconbutton__inner" }, children)));
+        React__default.default.createElement("span", { className: "sendbird-iconbutton__inner" }, children)));
 });
 
 module.exports = IconButton;

package/cjs/ui/IconButton.js.map

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

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
-var utils = require('../chunks/bundle-CxcGHjPH.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var numberToPx = (function (value) {
     if (value === null)
@@ -113,10 +117,10 @@ var ImageRenderer = function (_a) {
             backgroundSize: 'cover',
             backgroundImage: "url(".concat(internalUrl, ")"),
         } : {};
-        return (React.createElement("div", { className: "sendbird-image-renderer__image", style: _tslib.__assign({ width: '100%', minWidth: dynamicMinWidth, maxWidth: fixedSize ? dynamicMinWidth : '400px', height: dynamicMinHeight, position: 'absolute', borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, backgroundStyle) }));
+        return (React__default.default.createElement("div", { className: "sendbird-image-renderer__image", style: _tslib.__assign({ width: '100%', minWidth: dynamicMinWidth, maxWidth: fixedSize ? dynamicMinWidth : '400px', height: dynamicMinHeight, position: 'absolute', borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, backgroundStyle) }));
     };
     return (dynamicMinWidth
-        && dynamicMinHeight && (React.createElement("div", { ref: ref, className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), ['sendbird-image-renderer'], false).join(' '), style: {
+        && dynamicMinHeight && (React__default.default.createElement("div", { ref: ref, className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), ['sendbird-image-renderer'], false).join(' '), style: {
             width: '100%',
             minWidth: dynamicMinWidth,
             maxWidth: fixedSize ? dynamicMinWidth : '400px',
@@ -124,8 +128,8 @@ var ImageRenderer = function (_a) {
         } },
         placeholderVisible && renderPlaceholder(),
         (!internalUrl || defaultComponentVisible) ? renderDefault() : renderImage(),
-        shadeOnHover && (React.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: _tslib.__assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })),
-        internalUrl && React.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
+        shadeOnHover && (React__default.default.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: _tslib.__assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })),
+        internalUrl && React__default.default.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
                 setPlaceholderVisible(true);
                 setDefaultComponentVisible(false);
             }, onLoad: function () {
@@ -160,7 +164,7 @@ var HiddenImageLoader = function (props) {
             }
         }
     }, [src, navigator.onLine]);
-    return (React.createElement("img", { className: "sendbird-image-renderer__hidden-image-loader", src: src, alt: alt, onLoad: function () {
+    return (React__default.default.createElement("img", { className: "sendbird-image-renderer__hidden-image-loader", src: src, alt: alt, onLoad: function () {
             reloadCtx.current.loadFailure = false;
             onLoad();
         }, onError: function () {

package/cjs/ui/ImageRenderer.js.map

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

package/cjs/ui/Input.js

@@ -3,22 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-RonggNhW.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InputLabel = function (_a) {
     var children = _a.children;
-    return (React.createElement(ui_Label.Label, { className: "sendbird-input-label", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, children));
+    return (React__default.default.createElement(ui_Label.Label, { className: "sendbird-input-label", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, children));
 };
-var Input = React.forwardRef(function (props, ref) {
+var Input = React__default.default.forwardRef(function (props, ref) {
     var name = props.name, required = props.required, disabled = props.disabled, value = props.value, placeHolder = props.placeHolder, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a;
     var _b = React.useState(value), inputValue = _b[0], setInputValue = _b[1];
-    return (React.createElement("div", { className: "sendbird-input" },
-        React.createElement("input", { className: "sendbird-input__input", ref: ref, name: name, required: required, disabled: disabled, value: inputValue, onChange: function (e) {
+    return (React__default.default.createElement("div", { className: "sendbird-input" },
+        React__default.default.createElement("input", { className: "sendbird-input__input", ref: ref, name: name, required: required, disabled: disabled, value: inputValue, onChange: function (e) {
                 setInputValue(e.target.value);
             }, autoFocus: autoFocus }),
-        (placeHolder && !inputValue) && (React.createElement(ui_Label.Label, { className: "sendbird-input__placeholder", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, placeHolder))));
+        (placeHolder && !inputValue) && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-input__placeholder", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, placeHolder))));
 });
 
 exports.InputLabel = InputLabel;

package/cjs/ui/Input.js.map

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

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-CJ4C_lQr.js');
+require('../chunks/bundle-DmCOU0rJ.js');
 require('react');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-require('../chunks/bundle-RonggNhW.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+require('../chunks/bundle-pcWgzSTZ.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,17 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-var utils = require('../chunks/bundle-CxcGHjPH.js');
-require('../chunks/bundle-RonggNhW.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, src = _a.src, type = _a.type, color = _a.color, children = _a.children;
     var url = http.test(src) ? src : "http://".concat(src);
-    return (React.createElement("a", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+    return (React__default.default.createElement("a", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-link-label',
             ui_Label.changeColorToClassName(color),
         ], false).join(' '), href: url, target: "_blank", rel: "noopener noreferrer", 
@@ -22,7 +26,7 @@ function LinkLabel(_a) {
             e.nativeEvent.stopImmediatePropagation();
             utils.openURL(url);
         } },
-        React.createElement(ui_Label.Label, { className: "sendbird-link-label__label", testID: "sendbird-link-label__label", type: type, color: color }, children)));
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-link-label__label", testID: "sendbird-link-label__label", type: type, color: color }, children)));
 }
 var LinkLabelTypography = ui_Label.LabelTypography;
 var LinkLabelColors = ui_Label.LabelColors;

package/cjs/ui/LinkLabel.js.map

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

package/cjs/ui/Loader.js

@@ -1,19 +1,23 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-CfMyWzdL.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 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;
-    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-loader',
         ], false).join(' '), "data-testid": testID, style: {
             width: typeof width === 'string' ? width : "".concat(width, "px"),
             height: typeof height === 'string' ? height : "".concat(height, "px"),
         } }, children
-        || (React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, width: "26px", height: "26px" }))));
+        || (React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, width: "26px", height: "26px" }))));
 }
 
 module.exports = Loader;

package/cjs/ui/Loader.js.map

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

package/cjs/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -5,15 +5,19 @@ 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-CxcGHjPH.js');
-require('../chunks/bundle-CJ4C_lQr.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {
     var className = _a.className, isByMe = _a.isByMe;
-    return (React.createElement("div", { className: utils.classnames(className, isByMe ? 'outgoing' : 'incoming', 'sendbird-template-loading-message-item-body') },
-        React.createElement(ui_Loader, { className: "sendbird-message-status__icon", testID: "sendbird-message-status-icon", width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE },
-            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.CONTENT_INVERSE_3, width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE }))));
+    return (React__default.default.createElement("div", { className: utils.classnames(className, isByMe ? 'outgoing' : 'incoming', 'sendbird-template-loading-message-item-body') },
+        React__default.default.createElement(ui_Loader, { className: "sendbird-message-status__icon", testID: "sendbird-message-status-icon", width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE },
+            React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.CONTENT_INVERSE_3, width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE }))));
 }
 
 exports.LoadingTemplateMessageItemBody = LoadingTemplateMessageItemBody;

package/cjs/ui/LoadingTemplateMessageItemBody.tsx.js.map

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

package/cjs/ui/MentionLabel.js

@@ -1,36 +1,40 @@
 'use strict';
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-6P-e5JVH.js');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+var ui_ContextMenu = require('../chunks/bundle-BeTneyYL.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-CxcGHjPH.js');
-require('../chunks/bundle-CJ4C_lQr.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-DmCOU0rJ.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BThLM1G6.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('../withSendbird.js');
 require('./IconButton.js');
-require('../chunks/bundle-C5OtWVnd.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
-require('../chunks/bundle-e0O2ux90.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-DBxITwxu.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-BTOs4s9G.js');
-require('../chunks/bundle-BAZ7twtS.js');
+require('../chunks/bundle-B1gFRcVr.js');
+require('../chunks/bundle-Dqp9uxau.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DKmAwp7d.js');
+require('../chunks/bundle-CNV7xlYf.js');
 require('./Icon.js');
 require('./Button.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function MentionLabel(props) {
     var _a, _b, _c;
     var mentionTemplate = props.mentionTemplate, mentionedUserId = props.mentionedUserId, mentionedUserNickname = props.mentionedUserNickname, isByMe = props.isByMe;
@@ -55,8 +59,8 @@ function MentionLabel(props) {
             toggleDropdown();
         });
     }, [sdk, mentionedUserId]);
-    return (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement("a", { className: utils.classnames('sendbird-word__mention', amIBeingMentioned && 'sendbird-word__mention--me'), onClick: function () { return fetchUser(toggleDropdown); }, ref: mentionRef, "data-userid": mentionedUserId, "data-nickname": mentionedUserNickname, "data-sb-mention": true },
-            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, "".concat(mentionTemplate).concat(mentionedUserNickname)))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems
+    return (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.default.createElement("a", { className: utils.classnames('sendbird-word__mention', amIBeingMentioned && 'sendbird-word__mention--me'), onClick: function () { return fetchUser(toggleDropdown); }, ref: mentionRef, "data-userid": mentionedUserId, "data-nickname": mentionedUserNickname, "data-sb-mention": true },
+            React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, "".concat(mentionTemplate).concat(mentionedUserNickname)))); }, menuItems: function (closeDropdown) { return (React__default.default.createElement(ui_ContextMenu.MenuItems
         /**
         * parentRef: For catching location(x, y) of MenuItems
         * parentContainRef: For toggling more options(menus & reactions)
@@ -67,7 +71,7 @@ function MentionLabel(props) {
             * parentContainRef: For toggling more options(menus & reactions)
             */
             parentRef: mentionRef, parentContainRef: mentionRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-            React.createElement(ui_UserProfile, { user: user, onSuccess: closeDropdown, currentUserId: userId }))); } }));
+            React__default.default.createElement(ui_UserProfile, { user: user, onSuccess: closeDropdown, currentUserId: userId }))); } }));
 }
 
 module.exports = MentionLabel;

package/cjs/ui/MentionLabel.js.map

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

package/cjs/ui/MentionUserLabel.js

@@ -1,12 +1,16 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-DAwgW6yl.js');
-var utils = require('../chunks/bundle-CxcGHjPH.js');
+var consts = require('../chunks/bundle-52q2knIq.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 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;
-    return (React.createElement("span", { className: utils.classnames(consts.MENTION_USER_LABEL_CLASSNAME, className, isReverse && 'reverse', color), contentEditable: false, "data-userid": userId, "data-sb-mention": true }, children));
+    return (React__default.default.createElement("span", { className: utils.classnames(consts.MENTION_USER_LABEL_CLASSNAME, className, isReverse && 'reverse', color), contentEditable: false, "data-userid": userId, "data-sb-mention": true }, children));
 }
 
 module.exports = MentionUserLabel;

package/cjs/ui/MentionUserLabel.js.map

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