@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/ui/TextMessageItemBody.js

@@ -1,50 +1,52 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-aa520474.js';
-import { m as getClassName, E as isEditedMessage } from '../index-5d6a0f12.js';
-import { a as LocalizationContext } from '../LocalizationContext-2463058b.js';
-import { t as tokenizeMessage } from '../tokenize-4b153552.js';
-import { T as TextFragment } from '../index-ae7ef8cf.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-eb77e905.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-12103973.js';
+import { o as getClassName, G as isEditedMessage } from '../index-fc1642cb.js';
+import { a as LocalizationContext } from '../LocalizationContext-d18a86d8.js';
+import { t as tokenizeMessage } from '../tokenize-d17bf862.js';
+import { T as TextFragment } from '../index-3d508585.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-f0ba9b80.js';
 import 'prop-types';
-import '../stringSet-2814bf17.js';
-import '../_rollupPluginBabelHelpers-50c9576f.js';
+import '../stringSet-1106c8ec.js';
+import '../tslib.es6-0c779aab.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-60af77d3.js';
-import '../index-7700a436.js';
+import '../index-c6095960.js';
+import '../index-d3f61405.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-16373bba.js';
+import '../uuid-3c77ef7b.js';
 import './UserProfile.js';
-import '../UserProfileContext-4ae968eb.js';
+import '../UserProfileContext-26e71f9a.js';
 import '../sendbirdSelectors.js';
-import '../topics-5659403d.js';
-import '../utils-407da489.js';
+import '../pubSub/topics.js';
+import '../utils-74c161a0.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
+import '../types-4ffc52f6.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import './LinkLabel.js';
 
-function TextMessageItemBody(_ref) {
-  var _message$mentionedMes, _message$mentionedUse, _message$reactions;
-  let {
-    className = '',
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isMentionEnabled = false,
-    isReactionEnabled = false
-  } = _ref;
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const isMessageMentioned = isMentionEnabled && (message === null || message === void 0 ? void 0 : (_message$mentionedMes = message.mentionedMessageTemplate) === null || _message$mentionedMes === void 0 ? void 0 : _message$mentionedMes.length) > 0 && (message === null || message === void 0 ? void 0 : (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.length) > 0;
-  const tokens = useMemo(() => {
+function TextMessageItemBody(_a) {
+  var _b, _c, _d;
+  var _e = _a.className,
+    className = _e === void 0 ? '' : _e,
+    message = _a.message,
+    _f = _a.isByMe,
+    isByMe = _f === void 0 ? false : _f,
+    _g = _a.mouseHover,
+    mouseHover = _g === void 0 ? false : _g,
+    _h = _a.isMentionEnabled,
+    isMentionEnabled = _h === void 0 ? false : _h,
+    _j = _a.isReactionEnabled,
+    isReactionEnabled = _j === void 0 ? false : _j;
+  var stringSet = useContext(LocalizationContext).stringSet;
+  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 tokens = useMemo(function () {
     if (isMessageMentioned) {
       return tokenizeMessage({
         mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
@@ -59,14 +61,14 @@ function TextMessageItemBody(_ref) {
     type: LabelTypography.BODY_1,
     color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, TEXT_MESSAGE_BODY_CLASSNAME, isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 ? 'reactions' : ''])
+    className: getClassName([className, TEXT_MESSAGE_BODY_CLASSNAME, 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(TextFragment, {
     tokens: tokens
   }), isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-text-message-item-body__message edited",
     type: LabelTypography.BODY_1,
     color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2
-  }, ` ${stringSet.MESSAGE_EDITED} `)));
+  }, " ".concat(stringSet.MESSAGE_EDITED, " "))));
 }
 
 export { TextMessageItemBody as default };

package/ui/TextMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { tokenizeMessage } from '../../modules/Message/utils/tokens/tokenize';\nimport TextFragment from '../../modules/Message/components/TextFragment';\nimport { TEXT_MESSAGE_BODY_CLASSNAME } from './consts';\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 TextMessageItemBody({\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 isMessageMentioned = isMentionEnabled\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n  const tokens = useMemo(() => {\n    if (isMessageMentioned) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: message?.message,\n    });\n  }, [message?.updatedAt]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        TEXT_MESSAGE_BODY_CLASSNAME,\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        <TextFragment tokens={tokens} />\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\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  );\n}\n"],"names":["TextMessageItemBody","_ref","_message$mentionedMes","_message$mentionedUse","_message$reactions","className","message","isByMe","mouseHover","isMentionEnabled","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","createElement","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","TEXT_MESSAGE_BODY_CLASSNAME","reactions","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":"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"}
+{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { tokenizeMessage } from '../../modules/Message/utils/tokens/tokenize';\nimport TextFragment from '../../modules/Message/components/TextFragment';\nimport { TEXT_MESSAGE_BODY_CLASSNAME } from './consts';\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 TextMessageItemBody({\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 isMessageMentioned = isMentionEnabled\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n  const tokens = useMemo(() => {\n    if (isMessageMentioned) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: message?.message,\n    });\n  }, [message?.updatedAt]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        TEXT_MESSAGE_BODY_CLASSNAME,\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        <TextFragment tokens={tokens} />\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\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  );\n}\n"],"names":["TextMessageItemBody","_a","_e","className","message","_f","isByMe","_g","mouseHover","_h","isMentionEnabled","_j","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","_b","mentionedMessageTemplate","length","_c","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","createElement","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","TEXT_MESSAGE_BODY_CLASSNAME","_d","reactions","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED"],"mappings":"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"}

package/ui/ThreadReplies.js

@@ -1,42 +1,38 @@
 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-aa520474.js';
-import { u as useLocalization } from '../LocalizationContext-2463058b.js';
-import { u as uuidv4 } from '../uuid-16373bba.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-12103973.js';
+import { u as useLocalization } from '../LocalizationContext-d18a86d8.js';
+import { u as uuidv4 } from '../uuid-3c77ef7b.js';
+import '../tslib.es6-0c779aab.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-2814bf17.js';
-import '../index-7700a436.js';
+import '../stringSet-1106c8ec.js';
+import '../index-d3f61405.js';
 
-function ThreadReplies(_ref) {
-  var _mostRepliedUsers$;
-  let {
-    className,
-    threadInfo,
-    onClick
-  } = _ref;
-  const {
-    mostRepliedUsers = [],
-    replyCount
-  } = threadInfo;
-  const {
-    stringSet
-  } = useLocalization();
+function ThreadReplies(_a) {
+  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 = useLocalization().stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: `sendbird-ui-thread-replies ${className}`,
+    className: "sendbird-ui-thread-replies ".concat(className),
     role: "button",
-    onClick: e => {
+    onClick: function (e) {
       onClick(e);
       e === null || e === void 0 ? void 0 : e.stopPropagation();
     },
-    onKeyDown: e => {
+    onKeyDown: function (e) {
       onClick(e);
       e === null || e === void 0 ? void 0 : e.stopPropagation();
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-ui-thread-replies__user-profiles"
-  }, mostRepliedUsers.slice(0, 4).map(user => {
+  }, mostRepliedUsers.slice(0, 4).map(function (user) {
     return /*#__PURE__*/React__default.createElement(Avatar, {
       key: uuidv4(),
       className: "sendbird-ui-thread-replies__user-profiles__avatar",
@@ -49,7 +45,7 @@ function ThreadReplies(_ref) {
     className: "sendbird-ui-thread-replies__user-profiles__avatar"
   }, /*#__PURE__*/React__default.createElement(Avatar, {
     className: "sendbird-ui-thread-replies__user-profiles__avatar__image",
-    src: mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : (_mostRepliedUsers$ = mostRepliedUsers[4]) === null || _mostRepliedUsers$ === void 0 ? void 0 : _mostRepliedUsers$.profileUrl,
+    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"
@@ -66,7 +62,7 @@ function ThreadReplies(_ref) {
     className: "sendbird-ui-thread-replies__reply-counts",
     type: LabelTypography.CAPTION_2,
     color: LabelColors.PRIMARY
-  }, replyCount === 1 ? `${replyCount} ${stringSet.CHANNEL__THREAD_REPLY}` : `${replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount} ${stringSet.CHANNEL__THREAD_REPLIES}`), /*#__PURE__*/React__default.createElement(Icon, {
+  }, replyCount === 1 ? "".concat(replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLY) : "".concat(replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLIES)), /*#__PURE__*/React__default.createElement(Icon, {
     className: "sendbird-ui-thread-replies__icon",
     type: IconTypes.CHEVRON_RIGHT,
     fillColor: IconColors.PRIMARY,

package/ui/ThreadReplies.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadReplies.js","sources":["../../src/ui/ThreadReplies/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ThreadInfo } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Avatar from '../Avatar';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\n\nexport interface ThreadRepliesProps {\n  className?: string;\n  threadInfo: ThreadInfo;\n  onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\nexport default function ThreadReplies({\n  className,\n  threadInfo,\n  onClick,\n}: ThreadRepliesProps): React.ReactElement {\n  const {\n    mostRepliedUsers = [],\n    replyCount,\n  } = threadInfo;\n  const { stringSet } = useLocalization();\n  return (\n    <div\n      className={`sendbird-ui-thread-replies ${className}`}\n      role=\"button\"\n      onClick={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n    >\n      <div className=\"sendbird-ui-thread-replies__user-profiles\">\n        {mostRepliedUsers.slice(0, 4).map((user) => {\n          return (\n            <Avatar\n              key={uuidv4()}\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar\"\n              src={user?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n          );\n        })}\n        {mostRepliedUsers?.length >= 5 && (\n          <div className=\"sendbird-ui-thread-replies__user-profiles__avatar\">\n            <Avatar\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar__image\"\n              src={mostRepliedUsers?.[4]?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__cover\" />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__plus\">\n              <Icon\n                type={IconTypes.PLUS}\n                fillColor={IconColors.WHITE}\n                width=\"16px\"\n                height=\"16px\"\n              />\n            </div>\n          </div>\n        )}\n      </div>\n      <Label\n        className=\"sendbird-ui-thread-replies__reply-counts\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.PRIMARY}\n      >\n        {\n          replyCount === 1\n            ? `${replyCount} ${stringSet.CHANNEL__THREAD_REPLY}`\n            : `${replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount} ${stringSet.CHANNEL__THREAD_REPLIES}`\n        }\n      </Label>\n      <Icon\n        className=\"sendbird-ui-thread-replies__icon\"\n        type={IconTypes.CHEVRON_RIGHT}\n        fillColor={IconColors.PRIMARY}\n        width=\"16px\"\n        height=\"16px\"\n      />\n    </div>\n  );\n}\n"],"names":["ThreadReplies","_ref","_mostRepliedUsers$","className","threadInfo","onClick","mostRepliedUsers","replyCount","stringSet","useLocalization","React","createElement","role","e","stopPropagation","onKeyDown","slice","map","user","Avatar","key","uuidv4","src","profileUrl","alt","width","height","length","Icon","type","IconTypes","PLUS","fillColor","IconColors","WHITE","Label","LabelTypography","CAPTION_2","color","LabelColors","PRIMARY","CHANNEL__THREAD_REPLY","CHANNEL__THREAD_OVER_MAX","CHANNEL__THREAD_REPLIES","CHEVRON_RIGHT"],"mappings":"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"}
+{"version":3,"file":"ThreadReplies.js","sources":["../../src/ui/ThreadReplies/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ThreadInfo } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Avatar from '../Avatar';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\n\nexport interface ThreadRepliesProps {\n  className?: string;\n  threadInfo: ThreadInfo;\n  onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\nexport default function ThreadReplies({\n  className,\n  threadInfo,\n  onClick,\n}: ThreadRepliesProps): React.ReactElement {\n  const {\n    mostRepliedUsers = [],\n    replyCount,\n  } = threadInfo;\n  const { stringSet } = useLocalization();\n  return (\n    <div\n      className={`sendbird-ui-thread-replies ${className}`}\n      role=\"button\"\n      onClick={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n    >\n      <div className=\"sendbird-ui-thread-replies__user-profiles\">\n        {mostRepliedUsers.slice(0, 4).map((user) => {\n          return (\n            <Avatar\n              key={uuidv4()}\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar\"\n              src={user?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n          );\n        })}\n        {mostRepliedUsers?.length >= 5 && (\n          <div className=\"sendbird-ui-thread-replies__user-profiles__avatar\">\n            <Avatar\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar__image\"\n              src={mostRepliedUsers?.[4]?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__cover\" />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__plus\">\n              <Icon\n                type={IconTypes.PLUS}\n                fillColor={IconColors.WHITE}\n                width=\"16px\"\n                height=\"16px\"\n              />\n            </div>\n          </div>\n        )}\n      </div>\n      <Label\n        className=\"sendbird-ui-thread-replies__reply-counts\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.PRIMARY}\n      >\n        {\n          replyCount === 1\n            ? `${replyCount} ${stringSet.CHANNEL__THREAD_REPLY}`\n            : `${replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount} ${stringSet.CHANNEL__THREAD_REPLIES}`\n        }\n      </Label>\n      <Icon\n        className=\"sendbird-ui-thread-replies__icon\"\n        type={IconTypes.CHEVRON_RIGHT}\n        fillColor={IconColors.PRIMARY}\n        width=\"16px\"\n        height=\"16px\"\n      />\n    </div>\n  );\n}\n"],"names":["ThreadReplies","_a","className","threadInfo","onClick","_c","mostRepliedUsers","replyCount","stringSet","useLocalization","React","createElement","role","e","stopPropagation","onKeyDown","slice","map","user","Avatar","key","uuidv4","src","profileUrl","alt","width","height","length","_b","Icon","type","IconTypes","PLUS","fillColor","IconColors","WHITE","Label","LabelTypography","CAPTION_2","color","LabelColors","PRIMARY","concat","CHANNEL__THREAD_REPLY","CHANNEL__THREAD_OVER_MAX","CHANNEL__THREAD_REPLIES","CHEVRON_RIGHT"],"mappings":"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"}

package/ui/ThumbnailMessageItemBody.js

@@ -1,52 +1,61 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-50c9576f.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-07dcbc2b.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { m as getClassName, v as isVideoMessage, u as isGifMessage, F as isSentMessage } from '../index-5d6a0f12.js';
-import { n as noop } from '../utils-407da489.js';
-import { u as useLongPress } from '../useLongPress-5e1ad951.js';
-import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType } from '../utils-b97d5113.js';
+import { H as isSentMessage, o as getClassName, t as isVideoMessage, x as isGifMessage } from '../index-fc1642cb.js';
+import { n as noop } from '../utils-74c161a0.js';
+import { u as useLongPress } from '../useLongPress-322bb6a3.js';
+import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType } from '../utils-e98a7f8c.js';
 import 'prop-types';
+import '../tslib.es6-0c779aab.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-60af77d3.js';
-import '../MediaQueryContext-e3429d12.js';
+import '../index-c6095960.js';
+import '../MediaQueryContext-3eeeec4f.js';
 
-function ThumbnailMessageItemBody(_ref) {
-  var _message$reactions$le, _message$reactions;
-  let {
-    className = '',
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isReactionEnabled = false,
-    showFileViewer = noop,
-    style = {}
-  } = _ref;
-  const thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
-  const [imageRendered, setImageRendered] = useState(false);
-  const onClickHandler = useLongPress({
+function ThumbnailMessageItemBody(_a) {
+  var _b, _c;
+  var _d = _a.className,
+    className = _d === void 0 ? '' : _d,
+    message = _a.message,
+    _e = _a.isByMe,
+    isByMe = _e === void 0 ? false : _e,
+    _f = _a.mouseHover,
+    mouseHover = _f === void 0 ? false : _f,
+    _g = _a.isReactionEnabled,
+    isReactionEnabled = _g === void 0 ? false : _g,
+    _h = _a.showFileViewer,
+    showFileViewer = _h === void 0 ? noop : _h,
+    _j = _a.style,
+    style = _j === void 0 ? {} : _j;
+  var thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
+  var _k = useState(false),
+    imageRendered = _k[0],
+    setImageRendered = _k[1];
+  var onClickHandler = useLongPress({
     onLongPress: noop,
-    onClick: () => {
+    onClick: function () {
       if (isSentMessage(message)) {
         showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
       }
     }
   });
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_message$reactions$le = (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) !== null && _message$reactions$le !== void 0 ? _message$reactions$le : 0) > 0 ? 'reactions' : ''])
+    className: 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), /*#__PURE__*/React__default.createElement(ImageRenderer, {
     className: "sendbird-thumbnail-message-item-body__thumbnail",
     url: thumbnailUrl || getMessageFirstFileUrl(message),
     alt: 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: () => {
+    onLoad: function () {
       setImageRendered(true);
     },
-    placeHolder: style_ => /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-thumbnail-message-item-body__placeholder",
-      style: style_
-    })
+    placeHolder: function (style_) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "sendbird-thumbnail-message-item-body__placeholder",
+        style: style_
+      });
+    }
   }), isVideoMessage(message) && !thumbnailUrl && !imageRendered && /*#__PURE__*/React__default.createElement("video", {
     className: "sendbird-thumbnail-message-item-body__video"
   }, /*#__PURE__*/React__default.createElement("source", {

package/ui/ThumbnailMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\nimport { noop } from '../../utils/utils';\nimport useLongPress from '../../hooks/useLongPress';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage | MultipleFilesMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className = '',\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer = noop,\n  style = {},\n}: Props): ReactElement {\n  const thumbnailUrl: string = getMessageFirstFileThumbnailUrl(message);\n  const [imageRendered, setImageRendered] = useState(false);\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick: () => {\n      if (isSentMessage(message)) {\n        showFileViewer?.(true);\n      }\n    },\n  });\n\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && (message.reactions?.length ?? 0) > 0) ? 'reactions' : '',\n      ])}\n      {...onClickHandler}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || getMessageFirstFileUrl(message)}\n        alt={getMessageFirstFileType(message)}\n        width={style?.width || '360px'}\n        height={style?.height || '270px'}\n        onLoad={() => { setImageRendered(true); }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          />\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={getMessageFirstFileUrl(message)} type={getMessageFirstFileType(message)} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.THUMBNAIL_ICON}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_ref","_message$reactions$le","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","showFileViewer","noop","style","thumbnailUrl","getMessageFirstFileThumbnailUrl","imageRendered","setImageRendered","useState","onClickHandler","useLongPress","onLongPress","onClick","isSentMessage","React","createElement","_extends","getClassName","reactions","length","ImageRenderer","url","getMessageFirstFileUrl","alt","getMessageFirstFileType","width","height","onLoad","placeHolder","style_","isVideoMessage","src","type","isGifMessage","Icon","IconTypes","PLAY","GIF","fillColor","IconColors","THUMBNAIL_ICON"],"mappings":"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"}
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\nimport { noop } from '../../utils/utils';\nimport useLongPress from '../../hooks/useLongPress';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage | MultipleFilesMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className = '',\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer = noop,\n  style = {},\n}: Props): ReactElement {\n  const thumbnailUrl: string = getMessageFirstFileThumbnailUrl(message);\n  const [imageRendered, setImageRendered] = useState(false);\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick: () => {\n      if (isSentMessage(message)) {\n        showFileViewer?.(true);\n      }\n    },\n  });\n\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && (message.reactions?.length ?? 0) > 0) ? 'reactions' : '',\n      ])}\n      {...onClickHandler}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || getMessageFirstFileUrl(message)}\n        alt={getMessageFirstFileType(message)}\n        width={style?.width || '360px'}\n        height={style?.height || '270px'}\n        onLoad={() => { setImageRendered(true); }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          />\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={getMessageFirstFileUrl(message)} type={getMessageFirstFileType(message)} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.THUMBNAIL_ICON}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_a","_d","className","message","_e","isByMe","_f","mouseHover","_g","isReactionEnabled","_h","showFileViewer","noop","_j","style","thumbnailUrl","getMessageFirstFileThumbnailUrl","_k","useState","imageRendered","setImageRendered","onClickHandler","useLongPress","onLongPress","onClick","isSentMessage","React","createElement","_extends","getClassName","_c","reactions","_b","length","ImageRenderer","url","getMessageFirstFileUrl","alt","getMessageFirstFileType","width","height","onLoad","placeHolder","style_","isVideoMessage","src","type","isGifMessage","Icon","IconTypes","PLAY","GIF","fillColor","IconColors","THUMBNAIL_ICON"],"mappings":"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"}