@sendbird/uikit-react 3.3.4 → 3.3.5

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { a as __spreadArray } from '../tslib.es6-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-ea477498.js';
 import React__default from 'react';
-import { f as format } from '../index-837130fb.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../index-589ef7e7.js';
+import { f as format } from '../index-a8115de7.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-856dc0bd.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
-import '../index-a682dd0a.js';
-import '../index-53f9dbdb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
+import { u as useLocalization } from '../LocalizationContext-299b1d45.js';
+import '../index-14786153.js';
+import '../index-58485e08.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-1f647558.js';
-import '../stringSet-522716ae.js';
+import '../uuid-2d756af4.js';
+import '../stringSet-8039f73a.js';
 
 function getCreatedAt (_a) {
   var createdAt = _a.createdAt,

package/ui/MessageStatus.js

@@ -1,16 +1,16 @@
-import '../tslib.es6-1d845c73.js';
+import '../tslib.es6-ea477498.js';
 import 'react';
-import '../index-837130fb.js';
+import '../index-a8115de7.js';
 import './Icon.js';
-import '../index-4052efb0.js';
+import '../index-256d00f1.js';
 import './Loader.js';
-import '../index-75c6845d.js';
+import '../index-b16ab63e.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../index-3e13540c.js';
-import '../LocalizationContext-0a81b301.js';
-import '../index-a682dd0a.js';
+export { e as MessageStatusTypes, M as default } from '../index-098867a9.js';
+import '../LocalizationContext-299b1d45.js';
+import '../index-14786153.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../index-589ef7e7.js';
-import '../index-53f9dbdb.js';
+import '../stringSet-8039f73a.js';
+import '../index-856dc0bd.js';
+import '../index-58485e08.js';
 //# sourceMappingURL=MessageStatus.js.map

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-22146748.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
+import { M as MODAL_ROOT } from '../index-f0cb5427.js';
+import { a as LocalizationContext } from '../LocalizationContext-299b1d45.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-4052efb0.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
-import '../tslib.es6-1d845c73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-84b087e0.js';
+import '../stringSet-8039f73a.js';
+import '../index-14786153.js';
+import '../tslib.es6-ea477498.js';
 import 'prop-types';
 
 var ModalHeader = function (_a) {

package/ui/OGMessageItemBody.js

@@ -1,31 +1,31 @@
-import React__default, { useContext } from 'react';
+import React__default, { useContext, useMemo } 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-4052efb0.js';
-import { u as uuidv4 } from '../uuid-1f647558.js';
-import { h as getClassName, d as isEditedMessage } from '../index-75c6845d.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
+import { u as uuidv4 } from '../uuid-2d756af4.js';
+import { h as getClassName, d as isEditedMessage } from '../index-b16ab63e.js';
+import { a as LocalizationContext } from '../LocalizationContext-299b1d45.js';
 import './LinkLabel.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../tslib.es6-1d845c73.js';
+import '../tslib.es6-ea477498.js';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-522716ae.js';
+import '../stringSet-8039f73a.js';
 import './UserProfile.js';
-import '../UserProfileContext-8cec4652.js';
+import '../UserProfileContext-53d89b5e.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-948f8346.js';
+import '../utils-437f34f2.js';
 import './Avatar.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-1596259a.js';
-import '../index-a682dd0a.js';
+import '../_rollupPluginBabelHelpers-d746227b.js';
+import '../index-14786153.js';
 
 function OGMessageItemBody(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -49,6 +49,19 @@ function OGMessageItemBody(_a) {
   };
 
   var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
+  var sentences = useMemo(function () {
+    var _a, _b;
+
+    if (isMessageMentioned) {
+      return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
+        return sentence.split(/\s/);
+      });
+    }
+
+    return (_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.split(/\n/).map(function (sentence) {
+      return sentence.split(/\s/);
+    });
+  }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: getClassName([className, 'sendbird-og-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
   }, /*#__PURE__*/React__default.createElement(Label, {
@@ -57,20 +70,15 @@ function OGMessageItemBody(_a) {
     color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-og-message-item-body__text-bubble"
-  }, isMessageMentioned ? message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate.split(' ').map(function (word) {
-    return /*#__PURE__*/React__default.createElement(Word, {
-      key: uuidv4(),
-      word: word,
-      message: message,
-      isByMe: isByMe
-    });
-  }) : message === null || message === void 0 ? void 0 : message.message.split(' ').map(function (word) {
-    return /*#__PURE__*/React__default.createElement(Word, {
-      key: uuidv4(),
-      word: word,
-      message: message,
-      isByMe: isByMe
-    });
+  }, sentences === null || sentences === void 0 ? void 0 : sentences.map(function (sentence, index) {
+    return [sentence === null || sentence === void 0 ? void 0 : sentence.map(function (word) {
+      return /*#__PURE__*/React__default.createElement(Word, {
+        key: uuidv4(),
+        word: word,
+        message: message,
+        isByMe: isByMe
+      });
+    }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default.createElement("br", null) : null];
   }), isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-og-message-item-body__text-bubble__message",
     type: LabelTypography.BODY_1,

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","React","getClassName","_d","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","_f","_e","defaultImage","_g","_h","alt","IconTypes","THUMBNAIL_NONE","_j","title","SUBTITLE_2","_k","description","BODY_2","_l","CAPTION_3"],"mappings":"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"}
+{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            sentences?.map((sentence, index) => {\n              return [\n                sentence?.map((word) => {\n                  return (\n                    <Word\n                      key={uuidv4()}\n                      word={word}\n                      message={message}\n                      isByMe={isByMe}\n                    />\n                  );\n                }),\n                sentences?.[index + 1] ? <br /> : null,\n              ]\n            })\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","getClassName","_d","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","index","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","_f","_e","defaultImage","_g","_h","alt","IconTypes","THUMBNAIL_NONE","_j","title","SUBTITLE_2","_k","description","BODY_2","_l","CAPTION_3"],"mappings":"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"}

package/ui/OpenChannelAdminMessage.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-ea477498.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
+import '../stringSet-8039f73a.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-0a81b301.js';
-import { b as getOpenChannelAvatar } from '../utils-c7097024.js';
-import '../tslib.es6-1d845c73.js';
+import { a as LocalizationContext } from '../LocalizationContext-299b1d45.js';
+import { b as getOpenChannelAvatar } from '../utils-9b75cf2c.js';
+import '../tslib.es6-ea477498.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-1f647558.js';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../uuid-2d756af4.js';
+import '../stringSet-8039f73a.js';
+import '../index-14786153.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-4052efb0.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
-import '../tslib.es6-1d845c73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
+import { a as LocalizationContext } from '../LocalizationContext-299b1d45.js';
+import '../tslib.es6-ea477498.js';
 import './ImageRenderer.js';
-import '../uuid-1f647558.js';
+import '../uuid-2d756af4.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-8039f73a.js';
+import '../index-14786153.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,33 +1,33 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d746227b.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-ea477498.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../index-837130fb.js';
+import { f as format } from '../index-a8115de7.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.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-8cec4652.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.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-11069e08.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import '../index-a682dd0a.js';
+import { a as UserProfileContext } from '../UserProfileContext-53d89b5e.js';
+import { u as useLocalization } from '../LocalizationContext-299b1d45.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-4da1ff3b.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-84b087e0.js';
+import { u as useLongPress } from '../useLongPress-2fbbada1.js';
+import '../index-14786153.js';
 import './ImageRenderer.js';
-import '../uuid-1f647558.js';
+import '../uuid-2d756af4.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-75c6845d.js';
+import '../index-b16ab63e.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-522716ae.js';
-import '../color-bf0c20dc.js';
+import '../stringSet-8039f73a.js';
+import '../color-a6ad5b2f.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-948f8346.js';
+import '../utils-437f34f2.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelOGMessage.js

@@ -1,35 +1,35 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d746227b.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-ea477498.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-837130fb.js';
+import { f as format } from '../index-a8115de7.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
 import Word from './Word.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
-import { u as uuidv4 } from '../uuid-1f647558.js';
-import { c as copyToClipboard } from '../utils-355daaf8.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.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-11069e08.js';
+import { a as UserProfileContext } from '../UserProfileContext-53d89b5e.js';
+import { u as uuidv4 } from '../uuid-2d756af4.js';
+import { c as copyToClipboard } from '../utils-51dfc7e7.js';
+import { u as useLocalization } from '../LocalizationContext-299b1d45.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-4da1ff3b.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import '../index-a682dd0a.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-84b087e0.js';
+import { u as useLongPress } from '../useLongPress-2fbbada1.js';
+import '../index-14786153.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-75c6845d.js';
+import '../index-b16ab63e.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-522716ae.js';
+import '../stringSet-8039f73a.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-948f8346.js';
+import '../utils-437f34f2.js';
 import './Button.js';
 import './MentionLabel.js';
 import '../withSendbird.js';

package/ui/OpenchannelThumbnailMessage.js

@@ -1,31 +1,31 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d746227b.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-ea477498.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-837130fb.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
+import { f as format } from '../index-a8115de7.js';
+import { u as useLocalization } from '../LocalizationContext-299b1d45.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.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-11069e08.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import '../index-a682dd0a.js';
-import '../stringSet-522716ae.js';
-import '../uuid-1f647558.js';
+import { a as UserProfileContext } from '../UserProfileContext-53d89b5e.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-4da1ff3b.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-84b087e0.js';
+import { u as useLongPress } from '../useLongPress-2fbbada1.js';
+import '../index-14786153.js';
+import '../stringSet-8039f73a.js';
+import '../uuid-2d756af4.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-75c6845d.js';
+import '../index-b16ab63e.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-948f8346.js';
+import '../utils-437f34f2.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelUserMessage.js

@@ -1,32 +1,32 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-d746227b.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-ea477498.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-837130fb.js';
+import { f as format } from '../index-a8115de7.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
-import { c as copyToClipboard } from '../utils-355daaf8.js';
-import { u as uuidv4 } from '../uuid-1f647558.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-11069e08.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import { d as isEditedMessage } from '../index-75c6845d.js';
-import '../index-a682dd0a.js';
+import { a as UserProfileContext } from '../UserProfileContext-53d89b5e.js';
+import { u as useLocalization } from '../LocalizationContext-299b1d45.js';
+import { c as copyToClipboard } from '../utils-51dfc7e7.js';
+import { u as uuidv4 } from '../uuid-2d756af4.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-4da1ff3b.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-84b087e0.js';
+import { u as useLongPress } from '../useLongPress-2fbbada1.js';
+import { d as isEditedMessage } from '../index-b16ab63e.js';
+import '../index-14786153.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-522716ae.js';
+import '../stringSet-8039f73a.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-948f8346.js';
+import '../utils-437f34f2.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../tslib.es6-1d845c73.js';
+import '../tslib.es6-ea477498.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-c4124d52.js';
-import '../LocalizationContext-0a81b301.js';
+export { a as PlaceHolderTypes, P as default } from '../index-924f6629.js';
+import '../LocalizationContext-299b1d45.js';
 import './Icon.js';
-import '../index-4052efb0.js';
+import '../index-256d00f1.js';
 import './Loader.js';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-8039f73a.js';
+import '../index-14786153.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.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-75c6845d.js';
+import { a as LocalizationContext } from '../LocalizationContext-299b1d45.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-b16ab63e.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../tslib.es6-1d845c73.js';
-import '../index-a682dd0a.js';
+import '../stringSet-8039f73a.js';
+import '../tslib.es6-ea477498.js';
+import '../index-14786153.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-75c6845d.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-b16ab63e.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
+import { a as LocalizationContext } from '../LocalizationContext-299b1d45.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-1d845c73.js';
+import '../tslib.es6-ea477498.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-8039f73a.js';
+import '../index-14786153.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-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-ea477498.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-256d00f1.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
+import '../stringSet-8039f73a.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-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-ea477498.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-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-ea477498.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-1f647558.js';
+import { u as uuidv4 } from '../uuid-2d756af4.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-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-ea477498.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-bf0c20dc.js';
+import { C as Colors, c as changeColorToClassName } from '../color-a6ad5b2f.js';
 
 var TextButton = function (_a) {
   var _b = _a.className,