@sendbird/uikit-react 3.7.0 → 3.8.0

package/cjs/ui/TextMessageItemBody.js

@@ -1,80 +1,64 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-var index = require('../index-dbe8dd84.js');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
-var tokenize = require('../tokenize-d5286fa8.js');
-var index$1 = require('../index-ce07a2a3.js');
-var consts = require('../consts-61d83828.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
-require('../tslib.es6-c74b513f.js');
+var ui_Label = require('../chunks/bundle-6ziaqiUd.js');
+var index = require('../chunks/bundle-FHx0K-3z.js');
+var LocalizationContext = require('../chunks/bundle-QmSa90PC.js');
+var tokenize = require('../chunks/bundle-FLCJVplO.js');
+var index$1 = require('../chunks/bundle-iwsbhMUN.js');
+var consts = require('../chunks/bundle-g0lpRY8_.js');
+require('../chunks/bundle-hK4x7nmG.js');
+require('../chunks/bundle-z-Bvsn0B.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-54279ec2.js');
-require('../index-e8928da6.js');
+require('../chunks/bundle-I_9_5a8a.js');
+require('../chunks/bundle-n1yh-qDb.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-9a117e16.js');
+require('../chunks/bundle-gMxOq93o.js');
 require('./UserProfile.js');
-require('../UserProfileContext-c6d7abb7.js');
+require('../chunks/bundle-4bb_98h6.js');
 require('../sendbirdSelectors.js');
 require('../pubSub/topics.js');
-require('../utils-eb6d90e0.js');
+require('../chunks/bundle-1yOirqug.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('./Button.js');
-require('../types-d0d770c3.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('./LinkLabel.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 = React.useContext(LocalizationContext.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 = React.useMemo(function () {
-    if (isMessageMentioned) {
-      return tokenize.tokenizeMessage({
-        mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
-        messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate
-      });
-    }
-    return tokenize.tokenizeMessage({
-      messageText: message === null || message === void 0 ? void 0 : message.message
-    });
-  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
-  return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, consts.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["default"].createElement(index$1.TextFragment, {
-    tokens: tokens
-  }), index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-text-message-item-body__message edited",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
-  }, " ".concat(stringSet.MESSAGE_EDITED, " "))));
+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 = React.useContext(LocalizationContext.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 = React.useMemo(function () {
+        if (isMessageMentioned) {
+            return tokenize.tokenizeMessage({
+                mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+                messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
+            });
+        }
+        return tokenize.tokenizeMessage({
+            messageText: message === null || message === void 0 ? void 0 : message.message,
+        });
+    }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+    return (React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 },
+        React.createElement("div", { className: index.getClassName([
+                className,
+                consts.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' : '',
+            ]) },
+            React.createElement(index$1.TextFragment, { tokens: tokens }),
+            index.isEditedMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-text-message-item-body__message edited", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))));
 }
 
 module.exports = TextMessageItemBody;

package/cjs/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","_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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"}
+{"version":3,"file":"TextMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/ThreadReplies.js

@@ -3,78 +3,40 @@
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b5a9b4b7.js');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
-var uuid = require('../uuid-9a117e16.js');
-require('../tslib.es6-c74b513f.js');
+var ui_Label = require('../chunks/bundle-6ziaqiUd.js');
+var LocalizationContext = require('../chunks/bundle-QmSa90PC.js');
+var uuid = require('../chunks/bundle-gMxOq93o.js');
+require('../chunks/bundle-hK4x7nmG.js');
 require('./ImageRenderer.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
-require('../index-e8928da6.js');
+require('../chunks/bundle-1yOirqug.js');
+require('../chunks/bundle-z-Bvsn0B.js');
+require('../chunks/bundle-n1yh-qDb.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 = LocalizationContext.useLocalization().stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies ".concat(className),
-    role: "button",
-    onClick: function (e) {
-      onClick(e);
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-    },
-    onKeyDown: function (e) {
-      onClick(e);
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles"
-  }, mostRepliedUsers.slice(0, 4).map(function (user) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-      key: uuid.uuidv4(),
-      className: "sendbird-ui-thread-replies__user-profiles__avatar",
-      src: user === null || user === void 0 ? void 0 : user.profileUrl,
-      alt: "user profile",
-      width: "20px",
-      height: "20px"
-    });
-  }), (mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers.length) >= 5 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__image",
-    src: (_b = mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers[4]) === null || _b === void 0 ? void 0 : _b.profileUrl,
-    alt: "user profile",
-    width: "20px",
-    height: "20px"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__cover"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__plus"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.PLUS,
-    fillColor: ui_Icon.IconColors.WHITE,
-    width: "16px",
-    height: "16px"
-  })))), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-ui-thread-replies__reply-counts",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.PRIMARY
-  }, replyCount === 1 ? "".concat(replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLY) : "".concat(replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLIES)), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-ui-thread-replies__icon",
-    type: ui_Icon.IconTypes.CHEVRON_RIGHT,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "16px",
-    height: "16px"
-  }));
+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 = LocalizationContext.useLocalization().stringSet;
+    return (React.createElement("div", { className: "sendbird-ui-thread-replies ".concat(className), role: "button", onClick: function (e) {
+            onClick(e);
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+        }, onKeyDown: function (e) {
+            onClick(e);
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+        } },
+        React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles" },
+            mostRepliedUsers.slice(0, 4).map(function (user) {
+                return (React.createElement(ui_Avatar.default, { key: uuid.uuidv4(), className: "sendbird-ui-thread-replies__user-profiles__avatar", src: user === null || user === void 0 ? void 0 : user.profileUrl, alt: "user profile", width: "20px", height: "20px" }));
+            }),
+            (mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers.length) >= 5 && (React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar" },
+                React.createElement(ui_Avatar.default, { className: "sendbird-ui-thread-replies__user-profiles__avatar__image", src: (_b = mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers[4]) === null || _b === void 0 ? void 0 : _b.profileUrl, alt: "user profile", width: "20px", height: "20px" }),
+                React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__cover" }),
+                React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__plus" },
+                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.PLUS, fillColor: ui_Icon.IconColors.WHITE, width: "16px", height: "16px" }))))),
+        React.createElement(ui_Label.Label, { className: "sendbird-ui-thread-replies__reply-counts", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.PRIMARY }, replyCount === 1
+            ? "".concat(replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLY)
+            : "".concat(replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount, " ").concat(stringSet.CHANNEL__THREAD_REPLIES)),
+        React.createElement(ui_Icon.default, { className: "sendbird-ui-thread-replies__icon", type: ui_Icon.IconTypes.CHEVRON_RIGHT, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" })));
 }
 
 module.exports = ThreadReplies;

package/cjs/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","_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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"}
+{"version":3,"file":"ThreadReplies.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,84 +1,44 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f5b0dfb9.js');
+var _tslib = require('../chunks/bundle-hK4x7nmG.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-dbe8dd84.js');
-var utils$1 = require('../utils-eb6d90e0.js');
-var useLongPress = require('../useLongPress-18b7af79.js');
-var utils = require('../utils-93ca9d57.js');
-require('prop-types');
-require('../tslib.es6-c74b513f.js');
+var index = require('../chunks/bundle-FHx0K-3z.js');
+var utils$1 = require('../chunks/bundle-1yOirqug.js');
+var useLongPress = require('../chunks/bundle-tywVawyg.js');
+var utils = require('../chunks/bundle-p1cCW0sH.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-54279ec2.js');
-require('../MediaQueryContext-6141d955.js');
+require('../chunks/bundle-I_9_5a8a.js');
+require('../chunks/bundle-Y9TkHVI5.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 ? utils$1.noop : _h,
-    _j = _a.style,
-    style = _j === void 0 ? {} : _j;
-  var thumbnailUrl = utils.getMessageFirstFileThumbnailUrl(message);
-  var _k = React.useState(false),
-    imageRendered = _k[0],
-    setImageRendered = _k[1];
-  var onClickHandler = useLongPress.useLongPress({
-    onLongPress: utils$1.noop,
-    onClick: function () {
-      if (index.isSentMessage(message)) {
-        showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
-      }
-    }
-  });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers._extends({
-    className: index.getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_c = (_b = message.reactions) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0 ? 'reactions' : ''])
-  }, onClickHandler), /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
-    className: "sendbird-thumbnail-message-item-body__thumbnail",
-    url: thumbnailUrl || utils.getMessageFirstFileUrl(message),
-    alt: utils.getMessageFirstFileType(message),
-    width: (style === null || style === void 0 ? void 0 : style.width) || '360px',
-    height: (style === null || style === void 0 ? void 0 : style.height) || '270px',
-    onLoad: function () {
-      setImageRendered(true);
-    },
-    placeHolder: function (style_) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "sendbird-thumbnail-message-item-body__placeholder",
-        style: style_
-      });
-    }
-  }), index.isVideoMessage(message) && !thumbnailUrl && !imageRendered && /*#__PURE__*/React__default["default"].createElement("video", {
-    className: "sendbird-thumbnail-message-item-body__video"
-  }, /*#__PURE__*/React__default["default"].createElement("source", {
-    src: utils.getMessageFirstFileUrl(message),
-    type: utils.getMessageFirstFileType(message)
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__image-cover"
-  }), (index.isVideoMessage(message) || index.isGifMessage(message)) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF,
-    fillColor: ui_Icon.IconColors.THUMBNAIL_ICON,
-    width: "34px",
-    height: "34px"
-  }))));
+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 ? utils$1.noop : _h, _j = _a.style, style = _j === void 0 ? {} : _j;
+    var thumbnailUrl = utils.getMessageFirstFileThumbnailUrl(message);
+    var _k = React.useState(false), imageRendered = _k[0], setImageRendered = _k[1];
+    var onClickHandler = useLongPress.useLongPress({
+        onLongPress: utils$1.noop,
+        onClick: function () {
+            if (index.isSentMessage(message)) {
+                showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
+            }
+        },
+    });
+    return (React.createElement("div", _tslib.__assign({ className: index.getClassName([
+            className,
+            'sendbird-thumbnail-message-item-body',
+            isByMe ? 'outgoing' : 'incoming',
+            mouseHover ? 'mouse-hover' : '',
+            (isReactionEnabled && ((_c = (_b = message.reactions) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0) ? 'reactions' : '',
+        ]) }, onClickHandler),
+        React.createElement(ui_ImageRenderer.default, { className: "sendbird-thumbnail-message-item-body__thumbnail", url: thumbnailUrl || utils.getMessageFirstFileUrl(message), alt: utils.getMessageFirstFileType(message), width: (style === null || style === void 0 ? void 0 : style.width) || '360px', height: (style === null || style === void 0 ? void 0 : style.height) || '270px', onLoad: function () { setImageRendered(true); }, placeHolder: function (style_) { return (React.createElement("div", { className: "sendbird-thumbnail-message-item-body__placeholder", style: style_ })); } }),
+        (index.isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (React.createElement("video", { className: "sendbird-thumbnail-message-item-body__video" },
+            React.createElement("source", { src: utils.getMessageFirstFileUrl(message), type: utils.getMessageFirstFileType(message) }))),
+        React.createElement("div", { className: "sendbird-thumbnail-message-item-body__image-cover" }),
+        (index.isVideoMessage(message) || index.isGifMessage(message)) && (React.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper" },
+            React.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon" },
+                React.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.THUMBNAIL_ICON, width: "34px", height: "34px" }))))));
 }
 
 module.exports = ThumbnailMessageItemBody;

package/cjs/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","_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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"}
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}