@sendbird/uikit-react 3.3.3 → 3.3.4-rc.0

package/ui/MessageStatus.js

@@ -1,55 +1,16 @@
-import { a as __spreadArray } from '../tslib.es6-a9347cf5.js';
-import React__default from 'react';
-import { f as format } from '../index-e4add1e4.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
-import Loader from './Loader.js';
-import { e as isSentStatus } from '../index-9f471c3f.js';
-import { getOutgoingMessageState, OutgoingMessageStates } from '../utils/message/getOutgoingMessageState.js';
-import { u as useLocalization } from '../LocalizationContext-aa7dfc3f.js';
-import '../index-192ae483.js';
+import '../tslib.es6-f50787d7.js';
+import 'react';
+import '../index-a8c4c1b2.js';
+import './Icon.js';
+import '../index-80430ff9.js';
+import './Loader.js';
+import '../index-e70498ba.js';
+import '../utils/message/getOutgoingMessageState.js';
+export { e as MessageStatusTypes, M as default } from '../index-ba80e5d1.js';
+import '../LocalizationContext-9e280cc1.js';
+import '../index-0f714477.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
-
-var MessageStatusTypes = OutgoingMessageStates;
-function MessageStatus(_a) {
-  var _b, _c;
-
-  var _d;
-
-  var className = _a.className,
-      message = _a.message,
-      channel = _a.channel;
-  var dateLocale = useLocalization().dateLocale;
-  var status = getOutgoingMessageState(channel, message);
-  var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && (channel.isSuper || channel.isPublic || channel.isBroadcast) && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED);
-  var iconType = (_b = {}, _b[OutgoingMessageStates.SENT] = IconTypes.DONE, _b[OutgoingMessageStates.DELIVERED] = IconTypes.DONE_ALL, _b[OutgoingMessageStates.READ] = IconTypes.DONE_ALL, _b[OutgoingMessageStates.FAILED] = IconTypes.ERROR, _b);
-  var iconColor = (_c = {}, _c[OutgoingMessageStates.SENT] = IconColors.SENT, _c[OutgoingMessageStates.DELIVERED] = IconColors.SENT, _c[OutgoingMessageStates.READ] = IconColors.READ, _c[OutgoingMessageStates.FAILED] = IconColors.ERROR, _c);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-status'], false).join(' ')
-  }, status === OutgoingMessageStates.PENDING ? /*#__PURE__*/React__default.createElement(Loader, {
-    className: "sendbird-message-status__icon",
-    width: "16px",
-    height: "16px"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.SPINNER,
-    fillColor: IconColors.PRIMARY,
-    width: "16px",
-    height: "16px"
-  })) : /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'),
-    type: iconType[status] || IconTypes.ERROR,
-    fillColor: iconColor[status],
-    width: "16px",
-    height: "16px"
-  }), isSentStatus(status) && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-status__text",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
-    locale: dateLocale
-  })));
-}
-
-export { MessageStatusTypes, MessageStatus as default };
+import '../stringSet-c5fd1352.js';
+import '../index-b5cbfe3a.js';
+import '../index-28789af8.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/MessageStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageStatus.js","sources":["../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n  getOutgoingMessageState,\n  OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n}: MessageStatusProps): React.ReactElement {\n  const { dateLocale } = useLocalization();\n  const status = getOutgoingMessageState(channel, message);\n  const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n  );\n  const iconType = {\n    [OutgoingMessageStates.SENT]: IconTypes.DONE,\n    [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [OutgoingMessageStates.SENT]: IconColors.SENT,\n    [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n    [OutgoingMessageStates.READ]: IconColors.READ,\n    [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === OutgoingMessageStates.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${\n            status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n          }`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {format(message?.createdAt || 0, 'p', {\n            locale: dateLocale,\n          })}\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","message","channel","dateLocale","useLocalization","status","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","__spreadArray","Array","isArray","join","SPINNER","PRIMARY","concat","isSentStatus","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_2","format","createdAt","locale"],"mappings":"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"}
+{"version":3,"file":"MessageStatus.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/ui/Modal.js

@@ -1,15 +1,15 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-a623d99a.js';
-import { a as LocalizationContext } from '../LocalizationContext-aa7dfc3f.js';
+import { M as MODAL_ROOT } from '../index-42ff00d0.js';
+import { a as LocalizationContext } from '../LocalizationContext-9e280cc1.js';
 import Button, { ButtonTypes } from './Button.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-038f7f88.js';
-import '../stringSet-8218c0cc.js';
-import '../index-192ae483.js';
-import '../tslib.es6-a9347cf5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-eeba1d65.js';
+import '../stringSet-c5fd1352.js';
+import '../index-0f714477.js';
+import '../tslib.es6-f50787d7.js';
 import 'prop-types';
 
 var ModalHeader = function (_a) {

package/ui/OGMessageItemBody.js

@@ -2,30 +2,30 @@ import React__default, { useContext } from 'react';
 import Word from './Word.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
-import { u as uuidv4 } from '../uuid-47b7ac05.js';
-import { h as getClassName, d as isEditedMessage } from '../index-9f471c3f.js';
-import { a as LocalizationContext } from '../LocalizationContext-aa7dfc3f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
+import { u as uuidv4 } from '../uuid-09a35405.js';
+import { h as getClassName, d as isEditedMessage } from '../index-e70498ba.js';
+import { a as LocalizationContext } from '../LocalizationContext-9e280cc1.js';
 import './LinkLabel.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../tslib.es6-a9347cf5.js';
+import '../tslib.es6-f50787d7.js';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-8218c0cc.js';
+import '../stringSet-c5fd1352.js';
 import './UserProfile.js';
-import '../UserProfileContext-ac550461.js';
+import '../UserProfileContext-48b501e8.js';
 import '../sendbirdSelectors.js';
-import '../topics-79ac549c.js';
-import '../utils-628f2c1b.js';
+import '../topics-f54a338a.js';
+import '../utils-4b7f7007.js';
 import './Avatar.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-34d80a3b.js';
-import '../index-192ae483.js';
+import '../_rollupPluginBabelHelpers-d5956adc.js';
+import '../index-0f714477.js';
 
 function OGMessageItemBody(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;

package/ui/OpenChannelAdminMessage.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-a9347cf5.js';
+import { a as __spreadArray } from '../tslib.es6-f50787d7.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
+import '../stringSet-c5fd1352.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAvatar.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-aa7dfc3f.js';
-import { b as getOpenChannelAvatar } from '../utils-69bbeb3a.js';
-import '../tslib.es6-a9347cf5.js';
+import { a as LocalizationContext } from '../LocalizationContext-9e280cc1.js';
+import { b as getOpenChannelAvatar } from '../utils-60a776bd.js';
+import '../tslib.es6-f50787d7.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-47b7ac05.js';
-import '../stringSet-8218c0cc.js';
-import '../index-192ae483.js';
+import '../uuid-09a35405.js';
+import '../stringSet-c5fd1352.js';
+import '../index-0f714477.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenchannelConversationHeader.js

@@ -2,14 +2,14 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
-import { a as LocalizationContext } from '../LocalizationContext-aa7dfc3f.js';
-import '../tslib.es6-a9347cf5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
+import { a as LocalizationContext } from '../LocalizationContext-9e280cc1.js';
+import '../tslib.es6-f50787d7.js';
 import './ImageRenderer.js';
-import '../uuid-47b7ac05.js';
+import '../uuid-09a35405.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
-import '../index-192ae483.js';
+import '../stringSet-c5fd1352.js';
+import '../index-0f714477.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,33 +1,33 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-34d80a3b.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-a9347cf5.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d5956adc.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-f50787d7.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../index-e4add1e4.js';
+import { f as format } from '../index-a8c4c1b2.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-ac550461.js';
-import { u as useLocalization } from '../LocalizationContext-aa7dfc3f.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-d27b45b3.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-038f7f88.js';
-import { u as useLongPress } from '../useLongPress-383a5348.js';
-import '../index-192ae483.js';
+import { a as UserProfileContext } from '../UserProfileContext-48b501e8.js';
+import { u as useLocalization } from '../LocalizationContext-9e280cc1.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-cec58cdb.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-eeba1d65.js';
+import { u as useLongPress } from '../useLongPress-98699cc5.js';
+import '../index-0f714477.js';
 import './ImageRenderer.js';
-import '../uuid-47b7ac05.js';
+import '../uuid-09a35405.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-9f471c3f.js';
+import '../index-e70498ba.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-8218c0cc.js';
-import '../color-57e4b878.js';
+import '../stringSet-c5fd1352.js';
+import '../color-391a0b09.js';
 import '../sendbirdSelectors.js';
-import '../topics-79ac549c.js';
-import '../utils-628f2c1b.js';
+import '../topics-f54a338a.js';
+import '../utils-4b7f7007.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelOGMessage.js

@@ -1,35 +1,35 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-34d80a3b.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-a9347cf5.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d5956adc.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-f50787d7.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-e4add1e4.js';
+import { f as format } from '../index-a8c4c1b2.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
 import Word from './Word.js';
-import { a as UserProfileContext } from '../UserProfileContext-ac550461.js';
-import { u as uuidv4 } from '../uuid-47b7ac05.js';
-import { c as copyToClipboard } from '../utils-bced60ca.js';
-import { u as useLocalization } from '../LocalizationContext-aa7dfc3f.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-d27b45b3.js';
+import { a as UserProfileContext } from '../UserProfileContext-48b501e8.js';
+import { u as uuidv4 } from '../uuid-09a35405.js';
+import { c as copyToClipboard } from '../utils-c6ff3453.js';
+import { u as useLocalization } from '../LocalizationContext-9e280cc1.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-cec58cdb.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-038f7f88.js';
-import { u as useLongPress } from '../useLongPress-383a5348.js';
-import '../index-192ae483.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-eeba1d65.js';
+import { u as useLongPress } from '../useLongPress-98699cc5.js';
+import '../index-0f714477.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-9f471c3f.js';
+import '../index-e70498ba.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-8218c0cc.js';
+import '../stringSet-c5fd1352.js';
 import '../sendbirdSelectors.js';
-import '../topics-79ac549c.js';
-import '../utils-628f2c1b.js';
+import '../topics-f54a338a.js';
+import '../utils-4b7f7007.js';
 import './Button.js';
 import './MentionLabel.js';
 import '../withSendbird.js';

package/ui/OpenchannelThumbnailMessage.js

@@ -1,31 +1,31 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-34d80a3b.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-a9347cf5.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d5956adc.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-f50787d7.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-e4add1e4.js';
-import { u as useLocalization } from '../LocalizationContext-aa7dfc3f.js';
+import { f as format } from '../index-a8c4c1b2.js';
+import { u as useLocalization } from '../LocalizationContext-9e280cc1.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-ac550461.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-d27b45b3.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-038f7f88.js';
-import { u as useLongPress } from '../useLongPress-383a5348.js';
-import '../index-192ae483.js';
-import '../stringSet-8218c0cc.js';
-import '../uuid-47b7ac05.js';
+import { a as UserProfileContext } from '../UserProfileContext-48b501e8.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-cec58cdb.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-eeba1d65.js';
+import { u as useLongPress } from '../useLongPress-98699cc5.js';
+import '../index-0f714477.js';
+import '../stringSet-c5fd1352.js';
+import '../uuid-09a35405.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-9f471c3f.js';
+import '../index-e70498ba.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../sendbirdSelectors.js';
-import '../topics-79ac549c.js';
-import '../utils-628f2c1b.js';
+import '../topics-f54a338a.js';
+import '../utils-4b7f7007.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelUserMessage.js

@@ -1,32 +1,32 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-34d80a3b.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-a9347cf5.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d5956adc.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-f50787d7.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-e4add1e4.js';
+import { f as format } from '../index-a8c4c1b2.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-ac550461.js';
-import { u as useLocalization } from '../LocalizationContext-aa7dfc3f.js';
-import { c as copyToClipboard } from '../utils-bced60ca.js';
-import { u as uuidv4 } from '../uuid-47b7ac05.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-d27b45b3.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-038f7f88.js';
-import { u as useLongPress } from '../useLongPress-383a5348.js';
-import { d as isEditedMessage } from '../index-9f471c3f.js';
-import '../index-192ae483.js';
+import { a as UserProfileContext } from '../UserProfileContext-48b501e8.js';
+import { u as useLocalization } from '../LocalizationContext-9e280cc1.js';
+import { c as copyToClipboard } from '../utils-c6ff3453.js';
+import { u as uuidv4 } from '../uuid-09a35405.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-cec58cdb.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-eeba1d65.js';
+import { u as useLongPress } from '../useLongPress-98699cc5.js';
+import { d as isEditedMessage } from '../index-e70498ba.js';
+import '../index-0f714477.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-8218c0cc.js';
+import '../stringSet-c5fd1352.js';
 import '../sendbirdSelectors.js';
-import '../topics-79ac549c.js';
-import '../utils-628f2c1b.js';
+import '../topics-f54a338a.js';
+import '../utils-4b7f7007.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../tslib.es6-a9347cf5.js';
+import '../tslib.es6-f50787d7.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-030bd260.js';
-import '../LocalizationContext-aa7dfc3f.js';
+export { a as PlaceHolderTypes, P as default } from '../index-5e9be824.js';
+import '../LocalizationContext-9e280cc1.js';
 import './Icon.js';
-import '../index-c87f7f73.js';
+import '../index-80430ff9.js';
 import './Loader.js';
-import '../stringSet-8218c0cc.js';
-import '../index-192ae483.js';
+import '../stringSet-c5fd1352.js';
+import '../index-0f714477.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/QuoteMessage.js

@@ -1,13 +1,13 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-aa7dfc3f.js';
-import { K as getUIKitFileTypes, h as getClassName, r as isUserMessage, n as isThumbnailMessage, E as isVideo, L as isGif, l as isFileMessage, D as isSupportedFileView, J as getUIKitFileType, t as truncateString } from '../index-9f471c3f.js';
+import { a as LocalizationContext } from '../LocalizationContext-9e280cc1.js';
+import { K as getUIKitFileTypes, h as getClassName, r as isUserMessage, n as isThumbnailMessage, E as isVideo, L as isGif, l as isFileMessage, D as isSupportedFileView, J as getUIKitFileType, t as truncateString } from '../index-e70498ba.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
-import '../tslib.es6-a9347cf5.js';
-import '../index-192ae483.js';
+import '../stringSet-c5fd1352.js';
+import '../tslib.es6-f50787d7.js';
+import '../index-0f714477.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function QuoteMessage(_a) {

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { l as isFileMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, h as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage } from '../index-9f471c3f.js';
+import { l as isFileMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, h as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage } from '../index-e70498ba.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
-import { a as LocalizationContext } from '../LocalizationContext-aa7dfc3f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
+import { a as LocalizationContext } from '../LocalizationContext-9e280cc1.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-a9347cf5.js';
+import '../tslib.es6-f50787d7.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
-import '../index-192ae483.js';
+import '../stringSet-c5fd1352.js';
+import '../index-0f714477.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-a9347cf5.js';
+import { a as __spreadArray } from '../tslib.es6-f50787d7.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
+import '../stringSet-c5fd1352.js';
 
 var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _a = props.className,

package/ui/ReactionButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-a9347cf5.js';
+import { a as __spreadArray } from '../tslib.es6-f50787d7.js';
 import React__default from 'react';
 
 var ReactionButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-a9347cf5.js';
+import { a as __spreadArray } from '../tslib.es6-f50787d7.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-47b7ac05.js';
+import { u as uuidv4 } from '../uuid-09a35405.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-a9347cf5.js';
+import { a as __spreadArray } from '../tslib.es6-f50787d7.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-57e4b878.js';
+import { C as Colors, c as changeColorToClassName } from '../color-391a0b09.js';
 
 var TextButton = function (_a) {
   var _b = _a.className,

package/ui/TextMessageItemBody.js

@@ -1,31 +1,31 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
-import { h as getClassName, d as isEditedMessage } from '../index-9f471c3f.js';
-import { a as LocalizationContext } from '../LocalizationContext-aa7dfc3f.js';
-import { u as uuidv4 } from '../uuid-47b7ac05.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
+import { h as getClassName, d as isEditedMessage } from '../index-e70498ba.js';
+import { a as LocalizationContext } from '../LocalizationContext-9e280cc1.js';
+import { u as uuidv4 } from '../uuid-09a35405.js';
 import Word from './Word.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
-import '../tslib.es6-a9347cf5.js';
+import '../stringSet-c5fd1352.js';
+import '../tslib.es6-f50787d7.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-192ae483.js';
+import '../index-0f714477.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../UserProfileContext-ac550461.js';
+import '../UserProfileContext-48b501e8.js';
 import '../sendbirdSelectors.js';
-import '../topics-79ac549c.js';
-import '../utils-628f2c1b.js';
+import '../topics-f54a338a.js';
+import '../utils-4b7f7007.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-34d80a3b.js';
+import '../_rollupPluginBabelHelpers-d5956adc.js';
 
 function TextMessageItemBody(_a) {
   var _b, _c, _d;

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
-import { u as useLocalization } from '../LocalizationContext-aa7dfc3f.js';
-import { u as uuidv4 } from '../uuid-47b7ac05.js';
-import '../tslib.es6-a9347cf5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
+import { u as useLocalization } from '../LocalizationContext-9e280cc1.js';
+import { u as uuidv4 } from '../uuid-09a35405.js';
+import '../tslib.es6-f50787d7.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
-import '../index-192ae483.js';
+import '../stringSet-c5fd1352.js';
+import '../index-0f714477.js';
 
 function ThreadReplies(_a) {
   var _b;

package/ui/ThumbnailMessageItemBody.js

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { h as getClassName, s as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-9f471c3f.js';
+import { h as getClassName, s as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-e70498ba.js';
 import 'prop-types';
-import '../tslib.es6-a9347cf5.js';
+import '../tslib.es6-f50787d7.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function ThumbnailMessageItemBody(_a) {

package/ui/Tooltip.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-a9347cf5.js';
+import { a as __spreadArray } from '../tslib.es6-f50787d7.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c87f7f73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-80430ff9.js';
 import 'prop-types';
-import '../stringSet-8218c0cc.js';
+import '../stringSet-c5fd1352.js';
 
 function Tooltip(_a) {
   var _b = _a.className,