@sendbird/uikit-react 3.7.0 → 3.8.0

package/ui/TextMessageItemBody.js

@@ -1,74 +1,62 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
-import { o as getClassName, G as isEditedMessage } from '../index-776554c0.js';
-import { a as LocalizationContext } from '../LocalizationContext-287ee149.js';
-import { t as tokenizeMessage } from '../tokenize-eae44765.js';
-import { T as TextFragment } from '../index-a0638563.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-4ec7d640.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../tslib.es6-c2fb729e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { d as getClassName, p as isEditedMessage } from '../chunks/bundle-EHReigfD.js';
+import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
+import { t as tokenizeMessage } from '../chunks/bundle-cviP1IM2.js';
+import { T as TextFragment } from '../chunks/bundle-Zl1hrCWc.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-kp1MMNMf.js';
+import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-5yKxJk_M.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
-import '../index-e4277f9c.js';
+import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-FTgSGiKe.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-c15b8b3b.js';
+import '../chunks/bundle-bofQNMJb.js';
 import './UserProfile.js';
-import '../UserProfileContext-2001a468.js';
+import '../chunks/bundle-ubky9D9H.js';
 import '../sendbirdSelectors.js';
 import '../pubSub/topics.js';
-import '../utils-6c50a6d1.js';
+import '../chunks/bundle-v9a1_z0P.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
-import '../types-9d43ac6e.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import './LinkLabel.js';
 
-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,
-        messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate
-      });
-    }
-    return tokenizeMessage({
-      messageText: message === null || message === void 0 ? void 0 : message.message
-    });
-  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
-  return /*#__PURE__*/React__default.createElement(Label, {
-    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 && ((_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
-  }, " ".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 = 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,
+                messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
+            });
+        }
+        return tokenizeMessage({
+            messageText: message === null || message === void 0 ? void 0 : message.message,
+        });
+    }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+    return (React__default.createElement(Label, { type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 },
+        React__default.createElement("div", { 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' : '',
+            ]) },
+            React__default.createElement(TextFragment, { tokens: tokens }),
+            isEditedMessage(message) && (React__default.createElement(Label, { className: "sendbird-text-message-item-body__message edited", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2 }, " ".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","_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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBwB,SAAAA,mBAAmBA,CAACC,EAOpC,EAAA;;AANN,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACdE,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,cAAc;IAAdC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IACdE,EAAA,GAAAN,EAAA,CAAAO,UAAkB;IAAlBA,UAAU,mBAAG,KAAK,GAAAD,EAAA;IAClBE,EAAA,GAAAR,EAAA,CAAAS,gBAAwB;IAAxBA,gBAAgB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACxBE,EAAyB,GAAAV,EAAA,CAAAW,iBAAA;IAAzBA,iBAAiB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA,CAAA;AAEjB,EAAA,IAAAE,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;AACjB,EAAA,IAAMC,kBAAkB,GAAGN,gBAAgB,IACtC,CAAA,CAAAO,EAAA,GAAAb,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEc,wBAAwB,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEE,MAAM,IAAG,CAAC,IAC7C,CAAA,CAAAC,EAAA,GAAAhB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiB,cAAc,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,MAAM,IAAG,CAAC,CAAA;AACxC,EAAA,IAAMG,MAAM,GAAGC,OAAO,CAAC,YAAA;AACrB,IAAA,IAAIP,kBAAkB,EAAE;AACtB,MAAA,OAAOQ,eAAe,CAAC;AACrBH,QAAAA,cAAc,EAAEjB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiB,cAAc;AACvCI,QAAAA,WAAW,EAAErB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEc,wBAAAA;AACvB,OAAA,CAAC,CAAA;AACH,KAAA;AACD,IAAA,OAAOM,eAAe,CAAC;AACrBC,MAAAA,WAAW,EAAErB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEA,OAAAA;AACvB,KAAA,CAAC,CAAA;AACJ,GAAC,EAAE,CAACA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEsB,SAAS,CAAC,CAAC,CAAA;AACxB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAE3B,MAAM,GAAG4B,WAAW,CAACC,WAAW,GAAGD,WAAW,CAACE,cAAAA;GAEtDT,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKzB,IAAAA,SAAS,EAAEkC,YAAY,CAAC,CAC3BlC,SAAS,EACTmC,2BAA2B,EAC3BhC,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCE,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BI,iBAAiB,IAAI,CAAA,CAAA2B,EAAA,GAAAnC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEoC,SAAS,0CAAErB,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDQ,cAAA,CAAAC,aAAA,CAACa,YAAY,EAAA;AAACnB,IAAAA,MAAM,EAAEA,MAAAA;GACtB,CAAA,EACEoB,eAAe,CAACtC,OAAO,CAAC,iBACtBuB,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AACJ1B,IAAAA,SAAS,EAAC,iDAAiD;IAC3D2B,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAE3B,MAAM,GAAG4B,WAAW,CAACS,WAAW,GAAGT,WAAW,CAACU,cAAAA;AAAe,GAAA,EAEpE,GAAI,CAAAC,MAAA,CAAAhC,SAAS,CAACiC,cAAc,MACxB,CAGR,CACA,CAAC,CAAA;AAEZ;;;;"}
+{"version":3,"file":"TextMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/ThreadReplies.js

@@ -1,74 +1,40 @@
 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-92741c7e.js';
-import { u as useLocalization } from '../LocalizationContext-287ee149.js';
-import { u as uuidv4 } from '../uuid-c15b8b3b.js';
-import '../tslib.es6-c2fb729e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
+import { u as uuidv4 } from '../chunks/bundle-bofQNMJb.js';
+import '../chunks/bundle-hKtwSqbO.js';
 import './ImageRenderer.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../index-e4277f9c.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FTgSGiKe.js';
 
-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 ".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.createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles"
-  }, mostRepliedUsers.slice(0, 4).map(function (user) {
-    return /*#__PURE__*/React__default.createElement(Avatar, {
-      key: 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.createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__image",
-    src: (_b = mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers[4]) === null || _b === void 0 ? void 0 : _b.profileUrl,
-    alt: "user profile",
-    width: "20px",
-    height: "20px"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__cover"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__plus"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.PLUS,
-    fillColor: IconColors.WHITE,
-    width: "16px",
-    height: "16px"
-  })))), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-ui-thread-replies__reply-counts",
-    type: LabelTypography.CAPTION_2,
-    color: 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.createElement(Icon, {
-    className: "sendbird-ui-thread-replies__icon",
-    type: IconTypes.CHEVRON_RIGHT,
-    fillColor: 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 = useLocalization().stringSet;
+    return (React__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();
+        } },
+        React__default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles" },
+            mostRepliedUsers.slice(0, 4).map(function (user) {
+                return (React__default.createElement(Avatar, { key: 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__default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar" },
+                React__default.createElement(Avatar, { className: "sendbird-ui-thread-replies__user-profiles__avatar__image", src: (_b = mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers[4]) === null || _b === void 0 ? void 0 : _b.profileUrl, alt: "user profile", width: "20px", height: "20px" }),
+                React__default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__cover" }),
+                React__default.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles__avatar__plus" },
+                    React__default.createElement(Icon, { type: IconTypes.PLUS, fillColor: IconColors.WHITE, width: "16px", height: "16px" }))))),
+        React__default.createElement(Label, { className: "sendbird-ui-thread-replies__reply-counts", type: LabelTypography.CAPTION_2, color: 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__default.createElement(Icon, { className: "sendbird-ui-thread-replies__icon", type: IconTypes.CHEVRON_RIGHT, fillColor: IconColors.PRIMARY, width: "16px", height: "16px" })));
 }
 
 export { ThreadReplies as default };

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","_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/ui/ThumbnailMessageItemBody.js

@@ -1,78 +1,42 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-e92eb032.js';
+import { _ as __assign } from '../chunks/bundle-hKtwSqbO.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { H as isSentMessage, o as getClassName, t as isVideoMessage, x as isGifMessage } from '../index-776554c0.js';
-import { n as noop } from '../utils-6c50a6d1.js';
-import { u as useLongPress } from '../useLongPress-f8655a14.js';
-import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType } from '../utils-bfc0ab3b.js';
-import 'prop-types';
-import '../tslib.es6-c2fb729e.js';
+import { r as isSentMessage, d as getClassName, y as isVideoMessage, z as isGifMessage } from '../chunks/bundle-EHReigfD.js';
+import { n as noop } from '../chunks/bundle-v9a1_z0P.js';
+import { u as useLongPress } from '../chunks/bundle-btDN-R-c.js';
+import { g as getMessageFirstFileThumbnailUrl, a as getMessageFirstFileUrl, b as getMessageFirstFileType } from '../chunks/bundle-M2ljBW6p.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
-import '../MediaQueryContext-114ca049.js';
+import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-x-4ukZm_.js';
 
-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: 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 && ((_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: function () {
-      setImageRendered(true);
-    },
-    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", {
-    src: getMessageFirstFileUrl(message),
-    type: getMessageFirstFileType(message)
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__image-cover"
-  }), (isVideoMessage(message) || isGifMessage(message)) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF,
-    fillColor: 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 ? 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: function () {
+            if (isSentMessage(message)) {
+                showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
+            }
+        },
+    });
+    return (React__default.createElement("div", __assign({ 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),
+        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: function () { setImageRendered(true); }, placeHolder: function (style_) { return (React__default.createElement("div", { className: "sendbird-thumbnail-message-item-body__placeholder", style: style_ })); } }),
+        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (React__default.createElement("video", { className: "sendbird-thumbnail-message-item-body__video" },
+            React__default.createElement("source", { src: getMessageFirstFileUrl(message), type: getMessageFirstFileType(message) }))),
+        React__default.createElement("div", { className: "sendbird-thumbnail-message-item-body__image-cover" }),
+        (isVideoMessage(message) || isGifMessage(message)) && (React__default.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper" },
+            React__default.createElement("div", { className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon" },
+                React__default.createElement(Icon, { type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF, fillColor: IconColors.THUMBNAIL_ICON, width: "34px", height: "34px" }))))));
 }
 
 export { ThumbnailMessageItemBody as default };

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","_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":";;;;;;;;;;;;;;AAsBwB,SAAAA,wBAAwBA,CAACC,EAQzC,EAAA;;AAPN,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,cAAc;IAAdC,MAAM,mBAAG,KAAK,GAAAD,EAAA;IACdE,EAAkB,GAAAN,EAAA,CAAAO,UAAA;IAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IAClBE,yBAAyB;IAAzBC,iBAAiB,mBAAG,KAAK,GAAAD,EAAA;IACzBE,EAAqB,GAAAV,EAAA,CAAAW,cAAA;IAArBA,cAAc,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,KAAA;IACrBC,EAAA,GAAAb,EAAA,CAAAc,KAAU;IAAVA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEV,EAAA,IAAME,YAAY,GAAWC,+BAA+B,CAACb,OAAO,CAAC,CAAA;AAC/D,EAAA,IAAAc,EAAA,GAAoCC,QAAQ,CAAC,KAAK,CAAC;AAAlDC,IAAAA,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;EAEzD,IAAMI,cAAc,GAAGC,YAAY,CAAC;AAClCC,IAAAA,WAAW,EAAEX,IAAI;IACjBY,OAAO,EAAE,YAAA;AACP,MAAA,IAAIC,aAAa,CAACtB,OAAO,CAAC,EAAE;AAC1BQ,QAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAG,IAAI,CAAC,CAAA;AACvB,OAAA;AACH,KAAA;AACD,GAAA,CAAC,CAAA;AAEF,EAAA,oBACEe,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACE1B,IAAAA,SAAS,EAAE2B,YAAY,CAAC,CACtB3B,SAAS,EACT,sCAAsC,EACtCG,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCE,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BE,iBAAiB,IAAI,CAAC,CAAAqB,EAAA,GAAA,MAAA3B,OAAO,CAAC4B,SAAS,MAAA,IAAA,IAAAC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,MAAM,MAAA,IAAA,IAAAH,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAI,CAAC,IAAI,CAAC,GAAI,WAAW,GAAG,EAAE,CAC/E,CAAA;AAAE,GAAA,EACCT,cAAc,CAElBK,eAAAA,cAAA,CAAAC,aAAA,CAACO,aAAa,EAAA;AACZhC,IAAAA,SAAS,EAAC,iDAAiD;AAC3DiC,IAAAA,GAAG,EAAEpB,YAAY,IAAIqB,sBAAsB,CAACjC,OAAO,CAAE;AACrDkC,IAAAA,GAAG,EAAEC,uBAAuB,CAACnC,OAAO,CAAE;AACtCoC,IAAAA,KAAK,EAAE,CAAAzB,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEyB,KAAK,KAAI,OAAQ;AAC/BC,IAAAA,MAAM,EAAE,CAAA1B,KAAK,KAAA,IAAA,IAALA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAE0B,MAAM,KAAI,OAAQ;IACjCC,MAAM,EAAE;MAAQrB,gBAAgB,CAAC,IAAI,CAAC,CAAA;KAAI;AAC1CsB,IAAAA,WAAW,EAAE,UAACC,MAA2B;MAAK,oBAC5CjB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEzB,QAAAA,SAAS,EAAC,mDAAmD;AAC7DY,QAAAA,KAAK,EAAE6B,MAAAA;AAAO,QACd,CAAA;AAJ0C,KAAA;AAK5C,GAEJ,CAAA,EACGC,cAAc,CAACzC,OAAO,CAAC,IAAI,CAACY,YAAY,IAAK,CAACI,aAAa,iBAC1DO,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOzB,IAAAA,SAAS,EAAC,6CAAA;GACfwB,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQkB,IAAAA,GAAG,EAAET,sBAAsB,CAACjC,OAAO,CAAE;IAAC2C,IAAI,EAAER,uBAAuB,CAACnC,OAAO,CAAA;AAAE,GACvF,CAAO,CACR,eAEHuB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKzB,IAAAA,SAAS,EAAC,mDAAA;AAAmD,GAClE,CAAA,EACE,CAAC0C,cAAc,CAACzC,OAAO,CAAC,IAAI4C,YAAY,CAAC5C,OAAO,CAAC,kBAC/CuB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKzB,IAAAA,SAAS,EAAC,oDAAA;GACbwB,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKzB,IAAAA,SAAS,EAAC,0DAAA;AAA0D,GAAA,eACvEwB,cAAA,CAAAC,aAAA,CAACqB,IAAI,EAAA;AACHF,IAAAA,IAAI,EAAEF,cAAc,CAACzC,OAAO,CAAC,GAAG8C,SAAS,CAACC,IAAI,GAAGD,SAAS,CAACE,GAAI;IAC/DC,SAAS,EAAEC,UAAU,CAACC,cAAe;AACrCf,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAK,CACF,CAGN,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}