@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/ui/QuoteMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessage.js","sources":["../../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  SendableMessageType,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\nimport { getMessageFirstFileName, getMessageFirstFileType, getMessageFirstFileUrl } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: SendableMessageType;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className = '',\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as SendableMessageType)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = getMessageFirstFileUrl(parentMessage as CoreMessageType);\n  const parentMessageType = getMessageFirstFileType(parentMessage as CoreMessageType);\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = getMessageFirstFileName(parentMessage as CoreMessageType)?.split('/') ?? parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message or multiple files message */}\n        {(\n          (\n            isThumbnailMessage(parentMessage as FileMessage)\n            || isMultipleFilesMessage(parentMessage as CoreMessageType)\n          )\n          && parentMessageUrl\n          && !isUnavailable\n        ) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.THUMBNAIL_ICON}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_a","message","_j","userId","_k","isByMe","_l","className","_m","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","getMessageFirstFileUrl","parentMessageType","getMessageFirstFileType","currentMessageSenderNickname","_c","_d","_o","useState","isThumbnailLoaded","setThumbnailLoaded","uikitFileTypes","getUIKitFileTypes","splitFileName","_f","_e","getMessageFirstFileName","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","type","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","_g","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","isMultipleFilesMessage","ImageRenderer","url","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","_h","thumbnails","Fragment","src","isGif","GIF","THUMBNAIL_ICON","getUIKitMessageType","UIKitMessageTypes","FILE","_b","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}
+{"version":3,"file":"QuoteMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/QuoteMessageInput.js

@@ -1,114 +1,83 @@
 'use strict';
 
 var React = require('react');
-var index = require('../index-dbe8dd84.js');
+var index = require('../chunks/bundle-BUF_nc4Q.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b5a9b4b7.js');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
+var LocalizationContext = require('../chunks/bundle-80bw1Z-w.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var utils = require('../utils-93ca9d57.js');
-require('../tslib.es6-c74b513f.js');
+var utils = require('../chunks/bundle-lkluBCYi.js');
+require('../chunks/bundle-mc8PQfi_.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-54279ec2.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
-require('../index-e8928da6.js');
+require('../chunks/bundle-RG3ZDmvE.js');
+require('../chunks/bundle-viTxhrPr.js');
+require('../chunks/bundle-5l7POen0.js');
+require('../chunks/bundle-EVv3xRW8.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_a) {
-  var _b, _c;
-  var message = _a.message;
-  if (!index.isFileMessage(message) && !index.isMultipleFilesMessage(message) || index.isVoiceMessage(message)) {
-    return null;
-  }
-  var thumbnailUrl = utils.getMessageFirstFileThumbnailUrl(message);
-  if (!thumbnailUrl) {
-    if (((_b = message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && (index.isImageMessage(message) || index.isVideoMessage(message))) {
-      thumbnailUrl = utils.getMessageFirstFileUrl(message);
-    } else if (((_c = message.isMultipleFilesMessage) === null || _c === void 0 ? void 0 : _c.call(message)) && message.fileInfoList.length > 0 && index.isImageFileInfo(message.fileInfoList[0])) {
-      thumbnailUrl = message.fileInfoList[0].url;
-    }
-  }
-  if (index.isVideoMessage(message) && thumbnailUrl) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default["default"].createElement("video", {
-      style: {
-        width: '44px',
-        height: '44px'
-      },
-      src: thumbnailUrl
-    }));
-  } else if ((index.isThumbnailMessage(message) || index.isMultipleFilesMessage(message)) && thumbnailUrl) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
-      className: componentClassname,
-      url: thumbnailUrl,
-      alt: utils.getMessageFirstFileType(message),
-      width: "44px",
-      height: "44px",
-      fixedSize: true
-    });
-  } else if (index.isAudioMessage(message)) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.FILE_AUDIO,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  } else {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.FILE_DOCUMENT,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  }
+var componentClassname = 'sendbird-quote_message_input__avatar';
+function QuoteMessageThumbnail(_a) {
+    var _b, _c;
+    var message = _a.message;
+    if (!index.isFileMessage(message) && !index.isMultipleFilesMessage(message) || index.isVoiceMessage(message)) {
+        return null;
+    }
+    var thumbnailUrl = utils.getMessageFirstFileThumbnailUrl(message);
+    if (!thumbnailUrl) {
+        if (((_b = message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message))
+            && (index.isImageMessage(message)
+                || index.isVideoMessage(message))) {
+            thumbnailUrl = utils.getMessageFirstFileUrl(message);
+        }
+        else if (((_c = message.isMultipleFilesMessage) === null || _c === void 0 ? void 0 : _c.call(message))
+            && (message.fileInfoList.length > 0
+                && index.isImageFileInfo((message).fileInfoList[0]))) {
+            thumbnailUrl = message.fileInfoList[0].url;
+        }
+    }
+    if (index.isVideoMessage(message) && thumbnailUrl) {
+        return (React.createElement("div", { className: componentClassname },
+            React.createElement("video", { style: {
+                    width: '44px',
+                    height: '44px',
+                }, src: thumbnailUrl })));
+    }
+    else if ((index.isThumbnailMessage(message) || index.isMultipleFilesMessage(message)) && thumbnailUrl) {
+        return (React.createElement(ui_ImageRenderer.default, { className: componentClassname, url: thumbnailUrl, alt: utils.getMessageFirstFileType(message), width: "44px", height: "44px", fixedSize: true }));
+    }
+    else if (index.isAudioMessage(message)) {
+        return (React.createElement("div", { className: componentClassname },
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FILE_AUDIO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
+    }
+    else {
+        return (React.createElement("div", { className: componentClassname },
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FILE_DOCUMENT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })));
+    }
 }
 
-function QuoteMessageInput(_a) {
-  var className = _a.className,
-    replyingMessage = _a.replyingMessage,
-    onClose = _a.onClose;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var fileMessage = replyingMessage;
-  var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-  var displayFileIcon = (index.isFileMessage(replyingMessage) || index.isMultipleFilesMessage(replyingMessage)) && !index.isVoiceMessage(replyingMessage);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName(['sendbird-quote_message_input', className])
-  }, displayFileIcon && /*#__PURE__*/React__default["default"].createElement(QuoteMessageThumbnail, {
-    message: fileMessage
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote_message_input__body",
-    style: {
-      width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
-      left: displayFileIcon ? '92px' : '40px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote_message_input__body__sender-name",
-    type: ui_Label.LabelTypography.CAPTION_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat(sender && sender.nickname ? sender.nickname : stringSet.NO_NAME)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote_message_input__body__message-content",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, index.isImageMessage(fileMessage) && !index.isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, index.isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, index.isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, index.isUserMessage(replyingMessage) && replyingMessage.message, index.getUIKitMessageType(replyingMessage) === index.UIKitMessageTypes.FILE && utils.getMessageFirstFileName(fileMessage), index.isMultipleFilesMessage(replyingMessage) && "".concat(fileMessage.fileInfoList.length, " Photos"), index.isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-quote_message_input__close-button",
-    type: ui_Icon.IconTypes.CLOSE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-    width: "24px",
-    height: "24px",
-    onClick: function () {
-      return onClose(replyingMessage);
-    }
-  }));
+function QuoteMessageInput(_a) {
+    var className = _a.className, replyingMessage = _a.replyingMessage, onClose = _a.onClose;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var fileMessage = replyingMessage;
+    var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
+    var displayFileIcon = (index.isFileMessage(replyingMessage) || index.isMultipleFilesMessage(replyingMessage))
+        && !index.isVoiceMessage(replyingMessage);
+    return (React.createElement("div", { className: index.getClassName(['sendbird-quote_message_input', className]) },
+        displayFileIcon && (React.createElement(QuoteMessageThumbnail, { message: fileMessage })),
+        React.createElement("div", { className: "sendbird-quote_message_input__body", style: {
+                width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
+                left: displayFileIcon ? '92px' : '40px',
+            } },
+            React.createElement(ui_Label.Label, { className: "sendbird-quote_message_input__body__sender-name", type: ui_Label.LabelTypography.CAPTION_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat((sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME)),
+            React.createElement(ui_Label.Label, { className: "sendbird-quote_message_input__body__message-content", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_3 },
+                index.isImageMessage(fileMessage) && !index.isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE,
+                index.isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO,
+                index.isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF,
+                index.isUserMessage(replyingMessage) && replyingMessage.message,
+                index.getUIKitMessageType(replyingMessage) === index.UIKitMessageTypes.FILE && utils.getMessageFirstFileName(fileMessage),
+                index.isMultipleFilesMessage(replyingMessage)
+                    && "".concat(fileMessage.fileInfoList.length, " Photos"),
+                index.isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)),
+        React.createElement(ui_Icon.default, { className: "sendbird-quote_message_input__close-button", type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose(replyingMessage); } })));
 }
 
 module.exports = QuoteMessageInput;

package/cjs/ui/QuoteMessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessageInput.js","sources":["../../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport {\n  isAudioMessage,\n  isFileMessage, isImageFileInfo,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isVideoMessage,\n  isVoiceMessage,\n} from '../../utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  message: FileMessage | MultipleFilesMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message as FileMessage)) {\n    return null;\n  }\n  let thumbnailUrl = getMessageFirstFileThumbnailUrl(message);\n  if (!thumbnailUrl) {\n    if (\n      message.isFileMessage?.()\n      && (\n        isImageMessage(message)\n        || isVideoMessage(message)\n      )\n    ) {\n      thumbnailUrl = getMessageFirstFileUrl(message);\n    } else if (\n      message.isMultipleFilesMessage?.()\n      && (\n        message.fileInfoList.length > 0\n        && isImageFileInfo((message).fileInfoList[0])\n      )\n    ) {\n      thumbnailUrl = message.fileInfoList[0].url;\n    }\n  }\n  if (isVideoMessage(message as FileMessage) && thumbnailUrl) {\n    return (\n      <div className={componentClassname}>\n        <video\n          style={{\n            width: '44px',\n            height: '44px',\n          }}\n          src={thumbnailUrl}\n        />\n      </div>\n    );\n  } else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={getMessageFirstFileType(message)}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message as FileMessage)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage, SendableMessageType,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport { getMessageFirstFileName } from '../QuoteMessage/utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: SendableMessageType;\n  onClose?: (message: SendableMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage | MultipleFilesMessage;\n  const sender = (replyingMessage as SendableMessageType)?.sender;\n  const displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))\n    && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage)}\n          {\n            isMultipleFilesMessage(replyingMessage as CoreMessageType)\n            && `${(fileMessage as MultipleFilesMessage).fileInfoList.length} Photos`}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_a","message","isFileMessage","isMultipleFilesMessage","isVoiceMessage","thumbnailUrl","getMessageFirstFileThumbnailUrl","_b","call","isImageMessage","isVideoMessage","getMessageFirstFileUrl","_c","fileInfoList","length","isImageFileInfo","url","React","createElement","className","style","width","height","src","isThumbnailMessage","ImageRenderer","alt","getMessageFirstFileType","fixedSize","isAudioMessage","Icon","type","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","concat","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","getMessageFirstFileName","VOICE_MESSAGE","CLOSE","onClick"],"mappings":"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"}
+{"version":3,"file":"QuoteMessageInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/ReactionBadge.js

@@ -1,53 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
+require('../chunks/bundle-5l7POen0.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ReactionBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var _a = props.className,
-    className = _a === void 0 ? '' : _a,
-    children = props.children,
-    _b = props.count,
-    count = _b === void 0 ? '' : _b,
-    _c = props.isAdd,
-    isAdd = _c === void 0 ? false : _c,
-    _d = props.selected,
-    selected = _d === void 0 ? false : _d,
-    _e = props.onClick,
-    onClick = _e === void 0 ? function () {} : _e;
-  var getClassNameTail = function () {
-    if (selected && !isAdd) {
-      return '--selected';
-    }
-    if (isAdd) {
-      return '--is-add';
-    }
-    return '';
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ["sendbird-reaction-badge".concat(getClassNameTail())], false).join(' '),
-    role: "button",
-    ref: ref,
-    onClick: onClick,
-    onKeyDown: onClick,
-    onTouchEnd: onClick,
-    tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-reaction-badge__inner"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-reaction-badge__inner__icon"
-  }, children), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: children && count && 'sendbird-reaction-badge__inner__count',
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, count)));
+var ReactionBadge = React.forwardRef(function (props, ref) {
+    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
+    var getClassNameTail = function () {
+        if (selected && !isAdd) {
+            return '--selected';
+        }
+        if (isAdd) {
+            return '--is-add';
+        }
+        return '';
+    };
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            "sendbird-reaction-badge".concat(getClassNameTail()),
+        ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
+        React.createElement("div", { className: "sendbird-reaction-badge__inner" },
+            React.createElement("div", { className: "sendbird-reaction-badge__inner__icon" }, children),
+            React.createElement(ui_Label.Label, { className: (children && count) && 'sendbird-reaction-badge__inner__count', type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, count))));
 });
 
 module.exports = ReactionBadge;

package/cjs/ui/ReactionBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionBadge.js","sources":["../../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => { /* noop */ },\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","_a","className","children","_b","count","_c","isAdd","_d","selected","_e","onClick","getClassNameTail","createElement","__spreadArray","Array","isArray","concat","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;;;;;;;;AAsBMA,IAAAA,aAAa,gBAAGC,yBAAK,CAACC,UAAU,CAAC,UAACC,KAAyB,EAAEC,GAA8B,EAAA;AAE7F,EAAA,IAAAC,EAAA,GAMEF,KAAK,CANOG,SAAA;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAKNJ,KAAK,CALCI,QAAA;IACRC,EAIE,GAAAL,KAAK,CAJGM,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACVE,EAGE,GAAAP,KAAK,MAHM;IAAbQ,KAAK,mBAAG,KAAK,GAAAD,EAAA;IACbE,EAEE,GAAAT,KAAK,CAFSU,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EACE,GAAAX,KAAK,CADuBY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA,CAAA;AAGhC,EAAA,IAAME,gBAAgB,GAAG,YAAA;AACvB,IAAA,IAAIH,QAAQ,IAAI,CAACF,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACpB,KAAA;AACD,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AAClB,KAAA;AACD,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEV,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEX,IAAAA,SAAS,EAAEY,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,yBAA0B,CAAAe,MAAA,CAAAL,gBAAgB,EAAE,CAAE,CAC9C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbnB,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,OAAO,EAAEA,OAAQ;AACjBS,IAAAA,SAAS,EAAET,OAAQ;AACnBU,IAAAA,UAAU,EAAEV,OAAQ;AACpBW,IAAAA,QAAQ,EAAE,CAAA;GAEVzB,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,gCAAA;GACbL,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QACE,CACL,eAAAN,yBAAA,CAAAgB,aAAA,CAACU,cAAK,EAAA;AACJrB,IAAAA,SAAS,EAAGC,QAAQ,IAAIE,KAAK,IAAK,uCAAwC;IAC1EmB,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBxB,EAAAA,KACI,CACJ,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/ReactionButton.js

@@ -1,46 +1,24 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f5b0dfb9.js');
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var React = require('react');
-var useLongPress = require('../useLongPress-18b7af79.js');
-var utils = require('../utils-eb6d90e0.js');
-require('../MediaQueryContext-6141d955.js');
+var useLongPress = require('../chunks/bundle-FCrfVx0P.js');
+var utils = require('../chunks/bundle-viTxhrPr.js');
+require('../chunks/bundle-kkxTVcGD.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ReactionButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var className = props.className,
-    width = props.width,
-    height = props.height,
-    selected = props.selected,
-    _a = props.dataSbId,
-    dataSbId = _a === void 0 ? '' : _a,
-    onClick = props.onClick,
-    children = props.children;
-  var onClickHandler = useLongPress.useLongPress({
-    onLongPress: utils.noop,
-    onClick: onClick
-  }, {
-    shouldPreventDefault: true,
-    shouldStopPropagation: true
-  });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers._extends({
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ["sendbird-reaction-button".concat(selected ? '--selected' : '')], false).join(' '),
-    ref: ref,
-    role: "button",
-    style: {
-      width: width,
-      height: height
-    }
-  }, onClickHandler, {
-    tabIndex: 0,
-    "data-sb-id": dataSbId
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-reaction-button__inner"
-  }, children));
+var ReactionButton = React.forwardRef(function (props, ref) {
+    var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;
+    var onClickHandler = useLongPress.useLongPress({
+        onLongPress: utils.noop,
+        onClick: onClick,
+    }, {
+        shouldPreventDefault: true,
+        shouldStopPropagation: true,
+    });
+    return (React.createElement("div", _tslib.__assign({ className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            "sendbird-reaction-button".concat(selected ? '--selected' : ''),
+        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": dataSbId }),
+        React.createElement("div", { className: "sendbird-reaction-button__inner" }, children)));
 });
 
 module.exports = ReactionButton;

package/cjs/ui/ReactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionButton.js","sources":["../../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\nimport useLongPress from '../../hooks/useLongPress';\nimport { noop } from '../../utils/utils';\n\nexport interface ReactionButtonProps {\n  children: ReactElement;\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  selected?: boolean;\n  dataSbId?: string;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\n\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const {\n    className,\n    width,\n    height,\n    selected,\n    dataSbId = '',\n    onClick,\n    children,\n  } = props;\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick,\n  }, {\n    shouldPreventDefault: true,\n    shouldStopPropagation: true,\n  });\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-button${selected ? '--selected' : ''}`,\n      ].join(' ')}\n      ref={ref}\n      role=\"button\"\n      style={{ width, height }}\n      {...onClickHandler}\n      tabIndex={0}\n      data-sb-id={dataSbId}\n    >\n      <div className=\"sendbird-reaction-button__inner\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","_a","dataSbId","onClick","children","onClickHandler","useLongPress","onLongPress","noop","shouldPreventDefault","shouldStopPropagation","createElement","_extends","__spreadArray","Array","isArray","concat","join","role","style","tabIndex"],"mappings":";;;;;;;;;;;;;AAwBMA,IAAAA,cAAc,gBAAGC,yBAAK,CAACC,UAAU,CAAC,UAACC,KAA0B,EAAEC,GAAiC,EAAA;AAElG,EAAA,IAAAC,SAAS,GAOPF,KAAK,CAPEE,SAAA;IACTC,KAAK,GAMHH,KAAK,CANFG,KAAA;IACLC,MAAM,GAKJJ,KAAK,OALD;IACNK,QAAQ,GAINL,KAAK,CAAAK,QAJC;IACRC,EAAA,GAGEN,KAAK,CAHMO,QAAA;IAAbA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACbE,OAAO,GAELR,KAAK,CAFAQ,OAAA;IACPC,QAAQ,GACNT,KAAK,SADC,CAAA;EAGV,IAAMU,cAAc,GAAGC,yBAAY,CAAC;AAClCC,IAAAA,WAAW,EAAEC,UAAI;AACjBL,IAAAA,OAAO,EAAAA,OAAAA;GACR,EAAE;AACDM,IAAAA,oBAAoB,EAAE,IAAI;AAC1BC,IAAAA,qBAAqB,EAAE,IAAA;AACxB,GAAA,CAAC,CAAA;AAEF,EAAA,oBACEjB,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAAC,kCAAA,CAAA;AACEf,IAAAA,SAAS,EAAEgB,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAClB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,0BAA2B,CAAAmB,MAAA,CAAAhB,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAE,CACzD,EAAA,KAAA,CAAA,CAAAiB,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,GAAG,EAAEA,GAAI;AACTsB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;AAAErB,MAAAA,KAAK,EAAAA,KAAA;AAAEC,MAAAA,MAAM;AAAE,KAAA;AAAC,GAAA,EACrBM,cAAc,EAAA;AAClBe,IAAAA,QAAQ,EAAE,CAAE;IACZ,YAAYlB,EAAAA,QAAAA;GAEZT,CAAAA,eAAAA,yBAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,iCAAA;GACZO,EAAAA,QACE,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/SortByRow.js

@@ -1,42 +1,30 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var React = require('react');
-var uuid = require('../uuid-9a117e16.js');
+var uuid = require('../chunks/bundle-Z8uBiYyS.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var componentClassName = 'sendbird-sort-by-row';
-function SortByRow(_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    maxItemCount = _a.maxItemCount,
-    itemWidth = _a.itemWidth,
-    itemHeight = _a.itemHeight,
-    children = _a.children;
-  if (Array.isArray(children) && children.length > maxItemCount) {
-    var result = [];
-    for (var i = 0; i < children.length; i += maxItemCount) {
-      result.push( /*#__PURE__*/React__default["default"].createElement("div", {
-        className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), [componentClassName], false).join(' '),
-        key: uuid.uuidv4(),
-        style: {
-          width: itemWidth * maxItemCount,
-          height: itemHeight
-        }
-      }, children.slice(i, i + maxItemCount)));
-    }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, result);
-  }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), [componentClassName], false).join(' '),
-    style: {
-      width: itemWidth * (Array.isArray(children) ? children.length : 1),
-      height: itemHeight
-    }
-  }, children);
+var componentClassName = 'sendbird-sort-by-row';
+function SortByRow(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, maxItemCount = _a.maxItemCount, itemWidth = _a.itemWidth, itemHeight = _a.itemHeight, children = _a.children;
+    if (Array.isArray(children) && children.length > maxItemCount) {
+        var result = [];
+        for (var i = 0; i < children.length; i += maxItemCount) {
+            result.push(React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+                    componentClassName,
+                ], false).join(' '), key: uuid.uuidv4(), style: {
+                    width: itemWidth * maxItemCount,
+                    height: itemHeight,
+                } }, children.slice(i, i + maxItemCount)));
+        }
+        return React.createElement(React.Fragment, null, result);
+    }
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            componentClassName,
+        ], false).join(' '), style: {
+            width: itemWidth * (Array.isArray(children) ? children.length : 1),
+            height: itemHeight,
+        } }, children));
 }
 
 module.exports = SortByRow;

package/cjs/ui/SortByRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortByRow.js","sources":["../../../src/ui/SortByRow/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport uuidv4 from '../../utils/uuid';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\n\nexport interface SortByRowProps {\n  className?: string | Array<string>;\n  maxItemCount: number;\n  itemWidth: number;\n  itemHeight: number;\n  children: ReactNode;\n}\nexport default function SortByRow({\n  className = '',\n  maxItemCount,\n  itemWidth,\n  itemHeight,\n  children,\n}: SortByRowProps): ReactElement {\n  if (Array.isArray(children) && children.length > maxItemCount) {\n    const result = [];\n\n    for (let i = 0; i < children.length; i += maxItemCount) {\n      result.push(\n        <div\n          className={[\n            ...(Array.isArray(className) ? className : [className]),\n            componentClassName,\n          ].join(' ')}\n          key={uuidv4()}\n          style={{\n            width: itemWidth * maxItemCount,\n            height: itemHeight,\n          }}\n        >\n          {\n            children.slice(i, i + maxItemCount)\n          }\n        </div>,\n      );\n    }\n    return <>{result}</>;\n  }\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        componentClassName,\n      ].join(' ')}\n      style={{\n        width: itemWidth * (Array.isArray(children) ? children.length : 1),\n        height: itemHeight,\n      }}\n    >\n      {children as ReactElement}\n    </div>\n  );\n}\n"],"names":["componentClassName","SortByRow","_a","_b","className","maxItemCount","itemWidth","itemHeight","children","Array","isArray","length","result","i","push","React","createElement","__spreadArray","join","key","uuidv4","style","width","height","slice","Fragment"],"mappings":";;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAG,sBAAsB,CAAA;AASzB,SAAAC,SAASA,CAACC,EAMjB,EAAA;AALf,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,YAAY,GAAAH,EAAA,CAAAG,YAAA;IACZC,SAAS,eAAA;IACTC,UAAU,GAAAL,EAAA,CAAAK,UAAA;IACVC,QAAQ,GAAAN,EAAA,CAAAM,QAAA,CAAA;AAER,EAAA,IAAIC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAIA,QAAQ,CAACG,MAAM,GAAGN,YAAY,EAAE;IAC7D,IAAMO,MAAM,GAAG,EAAE,CAAA;AAEjB,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,CAACG,MAAM,EAAEE,CAAC,IAAIR,YAAY,EAAE;AACtDO,MAAAA,MAAM,CAACE,IAAI,eACTC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEZ,QAAAA,SAAS,EAAEa,uBACN,CAAAA,uBAAA,CAAA,EAAA,EAACR,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDJ,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAkB,IAAI,CAAC,GAAG,CAAE;QACZC,GAAG,EAAEC,WAAM,EAAG;AACdC,QAAAA,KAAK,EAAE;UACLC,KAAK,EAAEhB,SAAS,GAAGD,YAAY;AAC/BkB,UAAAA,MAAM,EAAEhB,UAAAA;AACT,SAAA;OAGCC,EAAAA,QAAQ,CAACgB,KAAK,CAACX,CAAC,EAAEA,CAAC,GAAGR,YAAY,CAEjC,CAAC,CACP,CAAA;AACF,KAAA;IACD,oBAAOU,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAU,QAAA,EAAGb,IAAAA,EAAAA,OAAU,CAAA;AACrB,GAAA;EAED,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEZ,IAAAA,SAAS,EAAEa,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLR,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDJ,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAkB,IAAI,CAAC,GAAG,CAAE;AACZG,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEhB,SAAS,IAAIG,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAAGA,QAAQ,CAACG,MAAM,GAAG,CAAC,CAAC;AAClEY,MAAAA,MAAM,EAAEhB,UAAAA;AACT,KAAA;AAAC,GAAA,EAEDC,QACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"SortByRow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/TextButton.js

@@ -1,36 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var React = require('react');
-var color = require('../color-5bf5a8f5.js');
+var color = require('../chunks/bundle-oISd80pA.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var TextButton = function (_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    _c = _a.color,
-    color$1 = _c === void 0 ? color.Colors.ONBACKGROUND_1 : _c,
-    _d = _a.disabled,
-    disabled = _d === void 0 ? false : _d,
-    _e = _a.disableUnderline,
-    disableUnderline = _e === void 0 ? false : _e,
-    _f = _a.onClick,
-    onClick = _f === void 0 ? function () {} : _f,
-    children = _a.children;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), [color.changeColorToClassName(color$1), disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : ''], false).join(' '),
-    role: "button",
-    tabIndex: 0,
-    onClick: function (e) {
-      return onClick(e);
-    },
-    onKeyPress: function (e) {
-      return onClick(e);
-    }
-  }, children);
+var TextButton = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.color, color$1 = _c === void 0 ? color.Colors.ONBACKGROUND_1 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.disableUnderline, disableUnderline = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, children = _a.children;
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            color.changeColorToClassName(color$1),
+            disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',
+            disabled ? 'sendbird-textbutton--disabled' : '',
+        ], false).join(' '), role: "button", tabIndex: 0, onClick: function (e) { return onClick(e); }, onKeyPress: function (e) { return onClick(e); } }, children));
 };
 
 module.exports = TextButton;

package/cjs/ui/TextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.js","sources":["../../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => { /* noop */ },\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_a","_b","className","_c","color","Colors","ONBACKGROUND_1","_d","disabled","_e","disableUnderline","_f","onClick","children","React","createElement","__spreadArray","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;;;;;;;;AAkBA,IAAMA,UAAU,GAAG,UAACC,EAOF,EAAA;AANhB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAA6B,GAAAH,EAAA,CAAAI,KAAA;IAA7BA,OAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,YAAM,CAACC,cAAc,KAAA;IAC7BC,EAAA,GAAAP,EAAA,CAAAQ,QAAgB;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAAwB,GAAAT,EAAA,CAAAU,gBAAA;IAAxBA,gBAAgB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACxBE,EAA8B,GAAAX,EAAA,CAAAY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA;IAC9BE,QAAQ,GAAAb,EAAA,CAAAa,QAAA,CAAA;EAER,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEb,SAAS,EAAEc,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDiB,4BAAsB,CAACf,OAAK,CAAC,EAC7BM,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/EF,QAAQ,GAAG,+BAA+B,GAAG,EAAE,UAC/CY,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZV,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;KAAC;AAC3BC,IAAAA,UAAU,EAAE,UAACD,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;AAAV,KAAA;AAAW,GAAA,EAE7BV,QACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TextButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}