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

package/cjs/ui/TemplateMessageItemBody.js

@@ -2,30 +2,34 @@
 
 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 index = require('../chunks/bundle-C5OtWVnd.js');
-var ui_MessageTemplate = require('../chunks/bundle-CRj_Q9L0.js');
+var index = require('../chunks/bundle-CRHrNWJp.js');
+var ui_MessageTemplate = require('../chunks/bundle-CtvBjy26.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var ui_FallbackTemplateMessageItemBody_tsx = require('./FallbackTemplateMessageItemBody.tsx.js');
 var ui_LoadingTemplateMessageItemBody_tsx = require('./LoadingTemplateMessageItemBody.tsx.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
 require('../withSendbird.js');
-require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
-require('../chunks/bundle-Dq9xVvbD.js');
+require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-Cmim7RkF.js');
 require('./Loader.js');
 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);
 
 var MessageTemplateWrapper = function (_a) {
     var message = _a.message, templateVersion = _a.templateVersion, templateItems = _a.templateItems;
-    return React.createElement(ui_MessageTemplate.MessageProvider, { message: message },
-        React.createElement(ui_MessageTemplate.MessageTemplate, { templateVersion: templateVersion, templateItems: templateItems }));
+    return React__default.default.createElement(ui_MessageTemplate.MessageProvider, { message: message },
+        React__default.default.createElement(ui_MessageTemplate.MessageTemplate, { templateVersion: templateVersion, templateItems: templateItems }));
 };
 
 var NumberValueKeys = [
@@ -216,7 +220,7 @@ function TemplateMessageItemBody(_a) {
     var templateData = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b['template'];
     var getFailedBody = function () {
         onTemplateMessageRenderedCallback('failed');
-        return React.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe });
+        return React__default.default.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe });
     };
     if (!(templateData === null || templateData === void 0 ? void 0 : templateData.key)) {
         return getFailedBody();
@@ -442,15 +446,15 @@ function TemplateMessageItemBody(_a) {
         return getFailedBody();
     }
     if (renderData.filledMessageTemplateItemsList.length === 0) {
-        return React.createElement(ui_LoadingTemplateMessageItemBody_tsx.LoadingTemplateMessageItemBody, { className: className, isByMe: isByMe });
+        return React__default.default.createElement(ui_LoadingTemplateMessageItemBody_tsx.LoadingTemplateMessageItemBody, { className: className, isByMe: isByMe });
     }
-    return (React.createElement("div", { className: index.getClassName([
+    return (React__default.default.createElement("div", { className: index.getClassName([
             className,
             isByMe ? 'outgoing' : 'incoming',
             'sendbird-template-message-item-body',
         ]) },
-        React.createElement(MessageTemplateErrorBoundary, { fallbackMessage: React.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe }), onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback, isComposite: renderData.isComposite, logger: logger },
-            React.createElement(MessageTemplateWrapper, { message: message, templateVersion: (_c = renderData.templateVersion) !== null && _c !== void 0 ? _c : 0, templateItems: renderData.filledMessageTemplateItemsList }))));
+        React__default.default.createElement(MessageTemplateErrorBoundary, { fallbackMessage: React__default.default.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe }), onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback, isComposite: renderData.isComposite, logger: logger },
+            React__default.default.createElement(MessageTemplateWrapper, { message: message, templateVersion: (_c = renderData.templateVersion) !== null && _c !== void 0 ? _c : 0, templateItems: renderData.filledMessageTemplateItemsList }))));
 }
 
 exports.TemplateMessageItemBody = TemplateMessageItemBody;

package/cjs/ui/TemplateMessageItemBody.js.map

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

package/cjs/ui/TextButton.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 color = require('../chunks/bundle-CS6Aibfk.js');
+var color = require('../chunks/bundle-CsQg__hd.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var TextButton = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.color, color$1 = _c === void 0 ? color.Colors.ONBACKGROUND_1 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.disableUnderline, disableUnderline = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, children = _a.children;
-    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), [
             color.changeColorToClassName(color$1),
             disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',
             disabled ? 'sendbird-textbutton--disabled' : '',

package/cjs/ui/TextButton.js.map

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

package/cjs/ui/TextMessageItemBody.js

@@ -1,42 +1,46 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-var index = require('../chunks/bundle-C5OtWVnd.js');
-var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
-var tokenize = require('../chunks/bundle-DITjC1Le.js');
-var index$1 = require('../chunks/bundle-DroX83jz.js');
-var consts = require('../chunks/bundle-DP_BgK40.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-RonggNhW.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+var index = require('../chunks/bundle-CRHrNWJp.js');
+var LocalizationContext = require('../chunks/bundle-CiMvvzt_.js');
+var tokenize = require('../chunks/bundle-Jev4e8GC.js');
+var index$1 = require('../chunks/bundle-k2YcpSmh.js');
+var consts = require('../chunks/bundle-BjFlNAEh.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-C0bs5HgC.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
-require('../chunks/bundle-6P-e5JVH.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('react-dom');
-require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-CfMyWzdL.js');
 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('./UserProfile.js');
-require('../chunks/bundle-e0O2ux90.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');
 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 TextMessageItemBody(_a) {
     var _b;
     var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message, _d = _a.isByMe, isByMe = _d === void 0 ? false : _d, _e = _a.mouseHover, mouseHover = _e === void 0 ? false : _e, _f = _a.isMentionEnabled, isMentionEnabled = _f === void 0 ? false : _f, _g = _a.isReactionEnabled, isReactionEnabled = _g === void 0 ? false : _g, _h = _a.isMarkdownEnabled, isMarkdownEnabled = _h === void 0 ? false : _h;
@@ -60,16 +64,16 @@ function TextMessageItemBody(_a) {
             includeMarkdown: isMarkdownEnabled,
         });
     }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
-    return (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: index.getClassName([
+    return (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: index.getClassName([
                 className,
                 consts.TEXT_MESSAGE_BODY_CLASSNAME,
                 isByMe ? 'outgoing' : 'incoming',
                 mouseHover ? 'mouse-hover' : '',
                 (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
             ]) },
-            React.createElement(index$1.TextFragment, { tokens: tokens }),
-            index.isEditedMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-text-message-item-body__message edited", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))));
+            React__default.default.createElement(index$1.TextFragment, { tokens: tokens }),
+            index.isEditedMessage(message) && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-text-message-item-body__message edited", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))));
 }
 
 module.exports = TextMessageItemBody;

package/cjs/ui/TextMessageItemBody.js.map

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

package/cjs/ui/ThreadReplies.js

@@ -3,44 +3,48 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var ui_Avatar = require('../chunks/bundle-Dqp9uxau.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
-require('../chunks/bundle-CJ4C_lQr.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+var LocalizationContext = require('../chunks/bundle-CiMvvzt_.js');
+require('../chunks/bundle-DmCOU0rJ.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxcGHjPH.js');
-require('../chunks/bundle-DKmAwp7d.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-CNV7xlYf.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function ThreadReplies(_a, ref) {
     var _b;
     var className = _a.className, threadInfo = _a.threadInfo, onClick = _a.onClick;
     var _c = threadInfo.mostRepliedUsers, mostRepliedUsers = _c === void 0 ? [] : _c, replyCount = threadInfo.replyCount;
     var stringSet = LocalizationContext.useLocalization().stringSet;
-    return (React.createElement("div", { className: "sendbird-ui-thread-replies ".concat(className), role: "button", onClick: function (e) {
+    return (React__default.default.createElement("div", { className: "sendbird-ui-thread-replies ".concat(className), role: "button", onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e === null || e === void 0 ? void 0 : e.stopPropagation();
         }, onKeyDown: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e === null || e === void 0 ? void 0 : e.stopPropagation();
         }, ref: ref },
-        React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles" },
+        React__default.default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles" },
             mostRepliedUsers.slice(0, 4).map(function (user) {
-                return (React.createElement(ui_Avatar.Avatar, { key: user.userId, className: "sendbird-ui-thread-replies__user-profiles__avatar", src: user === null || user === void 0 ? void 0 : user.profileUrl, alt: "user profile", width: "20px", height: "20px" }));
+                return (React__default.default.createElement(ui_Avatar.Avatar, { key: user.userId, className: "sendbird-ui-thread-replies__user-profiles__avatar", src: user === null || user === void 0 ? void 0 : user.profileUrl, alt: "user profile", width: "20px", height: "20px" }));
             }),
-            (mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers.length) >= 5 && (React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar" },
-                React.createElement(ui_Avatar.Avatar, { className: "sendbird-ui-thread-replies__user-profiles__avatar__image", src: (_b = mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers[4]) === null || _b === void 0 ? void 0 : _b.profileUrl, alt: "user profile", width: "20px", height: "20px" }),
-                React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__cover" }),
-                React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__plus" },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.PLUS, fillColor: ui_Icon.IconColors.WHITE, width: "16px", height: "16px" }))))),
-        React.createElement(ui_Label.Label, { className: "sendbird-ui-thread-replies__reply-counts", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.PRIMARY }, replyCount === 1
+            (mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers.length) >= 5 && (React__default.default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar" },
+                React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-ui-thread-replies__user-profiles__avatar__image", src: (_b = mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers[4]) === null || _b === void 0 ? void 0 : _b.profileUrl, alt: "user profile", width: "20px", height: "20px" }),
+                React__default.default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__cover" }),
+                React__default.default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__plus" },
+                    React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.PLUS, fillColor: ui_Icon.IconColors.WHITE, width: "16px", height: "16px" }))))),
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-ui-thread-replies__reply-counts", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.PRIMARY }, replyCount === 1
             ? "".concat(replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLY)
             : "".concat(replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLIES)),
-        React.createElement(ui_Icon.default, { className: "sendbird-ui-thread-replies__icon", type: ui_Icon.IconTypes.CHEVRON_RIGHT, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" })));
+        React__default.default.createElement(ui_Icon.default, { className: "sendbird-ui-thread-replies__icon", type: ui_Icon.IconTypes.CHEVRON_RIGHT, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" })));
 }
-var ThreadReplies$1 = React.forwardRef(ThreadReplies);
+var ThreadReplies$1 = React__default.default.forwardRef(ThreadReplies);
 
 exports.ThreadReplies = ThreadReplies;
 exports.default = ThreadReplies$1;

package/cjs/ui/ThreadReplies.js.map

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

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,18 +1,22 @@
 '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');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../chunks/bundle-C5OtWVnd.js');
-var utils$1 = require('../chunks/bundle-CxcGHjPH.js');
-var useLongPress = require('../chunks/bundle-Bur_syFT.js');
-var utils = require('../chunks/bundle-DpylOTew.js');
+var index = require('../chunks/bundle-CRHrNWJp.js');
+var utils$1 = require('../chunks/bundle-CfMyWzdL.js');
+var useLongPress = require('../chunks/bundle-CflLBf1e.js');
+var utils = require('../chunks/bundle-Dm_m9Mqo.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-QmHmrOIH.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-BFb_s1Sk.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;
@@ -27,23 +31,23 @@ function ThumbnailMessageItemBody(_a) {
             }
         },
     });
-    return (React.createElement("div", _tslib.__assign({ className: index.getClassName([
+    return (React__default.default.createElement("div", _tslib.__assign({ className: index.getClassName([
             className,
             'sendbird-thumbnail-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',
             (isReactionEnabled && ((_c = (_b = message.reactions) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0) ? 'reactions' : '',
         ]) }, onClickHandler),
-        React.createElement(ui_ImageRenderer.default, { className: "sendbird-thumbnail-message-item-body__thumbnail", url: thumbnailUrl || utils.getMessageFirstFileUrl(message), alt: utils.getMessageFirstFileType(message), width: (style === null || style === void 0 ? void 0 : style.width) || '360px', height: (style === null || style === void 0 ? void 0 : style.height) || '270px', onLoad: function () { setImageRendered(true); }, placeHolder: function (_a) {
+        React__default.default.createElement(ui_ImageRenderer.default, { className: "sendbird-thumbnail-message-item-body__thumbnail", url: thumbnailUrl || utils.getMessageFirstFileUrl(message), alt: utils.getMessageFirstFileType(message), width: (style === null || style === void 0 ? void 0 : style.width) || '360px', height: (style === null || style === void 0 ? void 0 : style.height) || '270px', onLoad: function () { setImageRendered(true); }, placeHolder: function (_a) {
                 var style = _a.style;
-                return (React.createElement("div", { className: "sendbird-thumbnail-message-item-body__placeholder", style: style }));
+                return (React__default.default.createElement("div", { className: "sendbird-thumbnail-message-item-body__placeholder", style: style }));
             } }),
-        (index.isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (React.createElement("video", { className: "sendbird-thumbnail-message-item-body__video" },
-            React.createElement("source", { src: utils.getMessageFirstFileUrl(message), type: utils.getMessageFirstFileType(message) }))),
-        React.createElement("div", { className: "sendbird-thumbnail-message-item-body__image-cover" }),
-        (index.isVideoMessage(message) || index.isGifMessage(message)) && (React.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper" },
-            React.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon" },
-                React.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.THUMBNAIL_ICON, width: "34px", height: "34px" }))))));
+        (index.isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (React__default.default.createElement("video", { className: "sendbird-thumbnail-message-item-body__video" },
+            React__default.default.createElement("source", { src: utils.getMessageFirstFileUrl(message), type: utils.getMessageFirstFileType(message) }))),
+        React__default.default.createElement("div", { className: "sendbird-thumbnail-message-item-body__image-cover" }),
+        (index.isVideoMessage(message) || index.isGifMessage(message)) && (React__default.default.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper" },
+            React__default.default.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon" },
+                React__default.default.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.THUMBNAIL_ICON, width: "34px", height: "34px" }))))));
 }
 
 module.exports = ThumbnailMessageItemBody;

package/cjs/ui/ThumbnailMessageItemBody.js.map

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

package/cjs/ui/Toggle.js

@@ -1,10 +1,14 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 /**
  * The default value of `checked` should be null
  * to support both case of controlled and uncontrolled component
@@ -19,9 +23,9 @@ var TOGGLE_DEFAULT_VALUE = {
     onFocus: noop,
     onBlur: noop,
 };
-var ToggleContext = React.createContext(TOGGLE_DEFAULT_VALUE);
+var ToggleContext = React__default.default.createContext(TOGGLE_DEFAULT_VALUE);
 function useToggleContext() {
-    var context = React.useContext(ToggleContext);
+    var context = React__default.default.useContext(ToggleContext);
     if (context === undefined) {
         throw new Error('@sendbird/uikit-react/ui/Toggle: useToggleContext must be used within a ToggleContainer.');
     }
@@ -43,7 +47,7 @@ function ToggleContainer(_a) {
         }
         onChange(e);
     }, [onChange, checked]);
-    return (React.createElement(ToggleContext.Provider, { value: {
+    return (React__default.default.createElement(ToggleContext.Provider, { value: {
             checked: checked !== null ? checked : isChecked,
             disabled: disabled,
             onChange: handleChange,
@@ -88,14 +92,14 @@ function ToggleUI(props) {
     var toggleHeight = toggleWidth / 2;
     // The size of dot should be 60% of toggle height
     var dotSize = toggleHeight * 0.6;
-    return (React.createElement("label", { className: [
+    return (React__default.default.createElement("label", { className: [
             'sendbird-input-toggle-button',
             animatedClassName,
             checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked',
             disabled ? 'sendbird-input-toggle-button--disabled' : [],
             reversed ? 'sendbird-input-toggle-button--reversed' : [],
         ].flat().join(' '), "data-testid": "sendbird-input-toggle-button", style: _tslib.__assign({ width: "".concat(toggleWidth, "px"), height: "".concat(toggleHeight, "px"), borderRadius: "".concat(dotSize, "px") }, style) },
-        React.createElement("div", { className: [
+        React__default.default.createElement("div", { className: [
                 'sendbird-input-toggle-button__inner-dot',
                 checked
                     ? 'sendbird-input-toggle-button__inner-dot--activate'
@@ -105,7 +109,7 @@ function ToggleUI(props) {
                 height: "".concat(dotSize, "px"),
                 animationDuration: animationDuration,
             } }),
-        React.createElement("input", { type: "checkbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, name: name, id: id, checked: checked !== null && checked !== void 0 ? checked : undefined, disabled: disabled, onChange: function (e) {
+        React__default.default.createElement("input", { type: "checkbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, name: name, id: id, checked: checked !== null && checked !== void 0 ? checked : undefined, disabled: disabled, onChange: function (e) {
                 onChange === null || onChange === void 0 ? void 0 : onChange(e);
                 setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');
             }, onFocus: onFocus, onBlur: onBlur })));
@@ -119,9 +123,9 @@ function Toggle(props) {
     className = props.className, reversed = props.reversed, width = props.width, 
     // height will be half of width
     animationDuration = props.animationDuration, style = props.style, name = props.name, id = props.id, ariaLabel = props.ariaLabel, ariaLabelledby = props.ariaLabelledby;
-    return (React.createElement("div", { className: "sendbird-ui-toggle ".concat(className) },
-        React.createElement(ToggleContainer, { checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur },
-            React.createElement(ToggleUI, { reversed: reversed, width: width, animationDuration: animationDuration, style: style, name: name, id: id, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby }))));
+    return (React__default.default.createElement("div", { className: "sendbird-ui-toggle ".concat(className) },
+        React__default.default.createElement(ToggleContainer, { checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur },
+            React__default.default.createElement(ToggleUI, { reversed: reversed, width: width, animationDuration: animationDuration, style: style, name: name, id: id, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby }))));
 }
 
 exports.Toggle = Toggle;

package/cjs/ui/Toggle.js.map

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

package/cjs/ui/Tooltip.js

@@ -1,16 +1,20 @@
 'use strict';
 
-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');
-require('../chunks/bundle-RonggNhW.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.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);
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;
-    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-tooltip',
         ], false).join(' ') },
-        React.createElement(ui_Label.Label, { className: "sendbird-tooltip__text", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONCONTENT_1 }, children)));
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-tooltip__text", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONCONTENT_1 }, children)));
 }
 
 module.exports = Tooltip;

package/cjs/ui/Tooltip.js.map

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

package/cjs/ui/TooltipWrapper.js

@@ -1,20 +1,24 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var SPACE_FROM_TRIGGER = 8;
 function TooltipWrapper(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, hoverTooltip = _a.hoverTooltip;
     var _c = React.useState(false), showHoverTooltip = _c[0], setShowHoverTooltip = _c[1];
     var childrenRef = React.useRef();
-    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-tooltip-wrapper',
         ], false).join(' '), onMouseOver: function () { setShowHoverTooltip(true); }, onFocus: function () { setShowHoverTooltip(true); }, onMouseOut: function () { setShowHoverTooltip(false); }, onBlur: function () { setShowHoverTooltip(false); } },
-        React.createElement("div", { className: "sendbird-tooltip-wrapper__children", ref: childrenRef }, children),
-        showHoverTooltip && (React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip", style: { bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)") } },
-            React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner" },
-                React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container", style: { left: childrenRef.current ? "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)") : undefined } }, hoverTooltip))))));
+        React__default.default.createElement("div", { className: "sendbird-tooltip-wrapper__children", ref: childrenRef }, children),
+        showHoverTooltip && (React__default.default.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip", style: { bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)") } },
+            React__default.default.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner" },
+                React__default.default.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container", style: { left: childrenRef.current ? "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)") : undefined } }, hoverTooltip))))));
 }
 
 module.exports = TooltipWrapper;

package/cjs/ui/TooltipWrapper.js.map

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

package/cjs/ui/TypingIndicatorBubble.js

@@ -1,18 +1,22 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
-require('../chunks/bundle-CJ4C_lQr.js');
+var ui_Avatar = require('../chunks/bundle-Dqp9uxau.js');
+require('../chunks/bundle-DmCOU0rJ.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxcGHjPH.js');
-require('../chunks/bundle-DKmAwp7d.js');
+require('../chunks/bundle-CfMyWzdL.js');
+require('../chunks/bundle-CNV7xlYf.js');
 require('./Icon.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var TypingDots = function () {
-    return (React.createElement("div", { className: 'typing-dots-container' },
-        React.createElement("span", null),
-        React.createElement("span", null),
-        React.createElement("span", null)));
+    return (React__default.default.createElement("div", { className: 'typing-dots-container' },
+        React__default.default.createElement("span", null),
+        React__default.default.createElement("span", null),
+        React__default.default.createElement("span", null)));
 };
 
 var AVATAR_BORDER_SIZE = 2;
@@ -23,9 +27,9 @@ var MAX_PROFILES_COUNT = 3;
 var LEFT_FOR_BORDER = AVATAR_BORDER_SIZE;
 var AvatarStack = function (props) {
     var sources = props.sources, max = props.max;
-    return (React.createElement(React.Fragment, null,
+    return (React__default.default.createElement(React__default.default.Fragment, null,
         " ",
-        sources.slice(0, max).map(function (src, index) { return (React.createElement(ui_Avatar.Avatar, { className: 'sendbird-message-content__left__avatar multiple', src: src || '', key: "avatar_stack_item_".concat(src), 
+        sources.slice(0, max).map(function (src, index) { return (React__default.default.createElement(ui_Avatar.Avatar, { className: 'sendbird-message-content__left__avatar multiple', src: src || '', key: "avatar_stack_item_".concat(src), 
             // TODO: Divide getting profileUrl logic to utils
             width: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), height: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), zIndex: index, left: "".concat(index * LEFT_GAP - LEFT_FOR_BORDER, "px") })); }),
         " "));
@@ -37,16 +41,16 @@ var TypingIndicatorBubbleAvatar = function (props) {
     var hiddenCount = membersCount - MAX_PROFILES_COUNT;
     var superImposedWidth = ((displayCount - 1) * (AVATAR_DIAMETER - LEFT_GAP));
     var rightPaddingSize = 12;
-    return (React.createElement("div", { className: 'sendbird-message-content__left incoming', style: {
+    return (React__default.default.createElement("div", { className: 'sendbird-message-content__left incoming', style: {
             minWidth: (displayCount * AVATAR_DIAMETER) - superImposedWidth + rightPaddingSize,
         } },
-        React.createElement(AvatarStack, { sources: typingMembers.map(function (member) { return member.profileUrl; }), max: MAX_PROFILES_COUNT }),
+        React__default.default.createElement(AvatarStack, { sources: typingMembers.map(function (member) { return member.profileUrl; }), max: MAX_PROFILES_COUNT }),
         hiddenCount > 0
-            ? React.createElement(ui_Avatar.Avatar, { className: 'sendbird-message-content__left__avatar multiple', 
+            ? React__default.default.createElement(ui_Avatar.Avatar, { className: 'sendbird-message-content__left__avatar multiple', 
                 // TODO: Divide getting profileUrl logic to utils
                 width: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), height: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), zIndex: MAX_PROFILES_COUNT, left: "".concat(MAX_PROFILES_COUNT * LEFT_GAP, "px"), customDefaultComponent: function (_a) {
                     var width = _a.width, height = _a.height;
-                    return (React.createElement(ui_Avatar.AvatarDefault, { width: width, height: height, text: "+".concat(hiddenCount) }));
+                    return (React__default.default.createElement(ui_Avatar.AvatarDefault, { width: width, height: height, text: "+".concat(hiddenCount) }));
                 } })
             : null));
 };
@@ -58,10 +62,10 @@ var TypingIndicatorBubble = function (props) {
         // Keep the scrollBottom value after fetching new message list
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
     }, []);
-    return React.createElement("div", { className: 'sendbird-message-content incoming', style: { marginBottom: '2px' } },
-        React.createElement(TypingIndicatorBubbleAvatar, { typingMembers: typingMembers }),
-        React.createElement("div", { className: 'sendbird-message-content__middle' },
-            React.createElement(TypingDots, null)));
+    return React__default.default.createElement("div", { className: 'sendbird-message-content incoming', style: { marginBottom: '2px' } },
+        React__default.default.createElement(TypingIndicatorBubbleAvatar, { typingMembers: typingMembers }),
+        React__default.default.createElement("div", { className: 'sendbird-message-content__middle' },
+            React__default.default.createElement(TypingDots, null)));
 };
 
 module.exports = TypingIndicatorBubble;

package/cjs/ui/TypingIndicatorBubble.js.map

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