@sendbird/uikit-react 3.0.0-beta → 3.0.0-beta.4

package/cjs/ui/MessageInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageInput.js","sources":["../../../src/ui/MessageInput/index.jsx"],"sourcesContent":["import React, {\n  useState,\n  useRef,\n  useEffect,\n  useContext,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nimport IconButton from '../IconButton';\nimport Button, { ButtonTypes, ButtonSizes } from '../Button';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { getClassName } from '../../utils';\n\nconst LINE_HEIGHT = 76;\nconst noop = () => { };\nconst KeyCode = {\n  SHIFT: 16,\n  ENTER: 13,\n};\n\nconst handleUploadFile = (callback) => (event) => {\n  if (event.target.files && event.target.files[0]) {\n    callback(event.target.files[0]);\n  }\n  // eslint-disable-next-line no-param-reassign\n  event.target.value = '';\n};\n\nconst MessageInput = React.forwardRef((props, ref) => {\n  const {\n    className,\n    isEdit,\n    disabled,\n    value,\n    name,\n    placeholder,\n    maxLength,\n    onFileUpload,\n    onSendMessage,\n    onCancelEdit,\n    onStartTyping,\n    channelUrl,\n  } = props;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const fileInputRef = useRef(null);\n  const [inputValue, setInputValue] = useState(value);\n  const [isShiftPressed, setIsShiftPressed] = useState(false);\n\n  const setHeight = () => {\n    try {\n      const elem = ref.current;\n      const MAX_HEIGHT = window.document.body.offsetHeight * 0.6;\n      if (elem && elem.scrollHeight >= LINE_HEIGHT) {\n        if (MAX_HEIGHT < elem.scrollHeight) {\n          elem.style.height = 'auto';\n          elem.style.height = `${MAX_HEIGHT}px`;\n        } else {\n          elem.style.height = 'auto';\n          elem.style.height = `${elem.scrollHeight}px`;\n        }\n      } else {\n        elem.style.height = '';\n      }\n    } catch (error) {\n      // error\n    }\n  };\n\n  // after setHeight called twice, the textarea goes to the initialized\n  useEffect(() => {\n    setHeight();\n    return setHeight;\n  }, [inputValue]);\n  // clear input value when channel changes\n  useEffect(() => {\n    if (!isEdit) {\n      setInputValue('');\n    }\n  }, [channelUrl]);\n\n  const sendMessage = () => {\n    if (inputValue && inputValue.trim().length > 0) {\n      const trimmedInputValue = inputValue.trim();\n      if (isEdit) {\n        // useUpdateMessageCallback\n        onSendMessage(name, trimmedInputValue, () => {\n          onCancelEdit();\n        });\n      } else {\n        // useSendMessageCallback\n        onSendMessage();\n        setInputValue('');\n      }\n    }\n  };\n\n  return (\n    <form\n      className={getClassName([\n        className,\n        isEdit ? 'sendbird-message-input__edit' : '',\n        disabled ? 'sendbird-message-input-form__disabled' : '',\n      ])}\n    >\n      <div\n        className={getClassName([\n          'sendbird-message-input',\n          disabled ? 'sendbird-message-input__disabled' : '',\n        ])}\n      >\n        <textarea\n          className=\"sendbird-message-input--textarea\"\n          disabled={disabled}\n          ref={ref}\n          name={name}\n          value={inputValue}\n          maxLength={maxLength}\n          onChange={(e) => {\n            setInputValue(e.target.value);\n            onStartTyping();\n          }}\n          onKeyDown={(e) => {\n            if (e.keyCode === KeyCode.SHIFT) {\n              setIsShiftPressed(true);\n            }\n            if (!isShiftPressed && e.keyCode === KeyCode.ENTER) {\n              e.preventDefault();\n              sendMessage();\n            }\n          }}\n          onKeyUp={(e) => {\n            if (e.keyCode === KeyCode.SHIFT) {\n              setIsShiftPressed(false);\n            }\n          }}\n        />\n        {/* placeholder */}\n        {!inputValue && (\n          <Label\n            className=\"sendbird-message-input--placeholder\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_3}\n          >\n            {placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER}\n          </Label>\n        )}\n        {/* send icon */}\n        {\n          (!isEdit && inputValue && inputValue.trim().length > 0) && (\n            <IconButton\n              className=\"sendbird-message-input--send\"\n              height=\"32px\"\n              width=\"32px\"\n              onClick={sendMessage}\n            >\n              <Icon type={IconTypes.SEND} fillColor={IconColors.PRIMARY} width=\"20px\" height=\"20px\" />\n            </IconButton>\n          )\n        }\n        {/* upload icon */}\n        {\n          (!isEdit && (!inputValue || !(inputValue.trim().length > 0))) && (\n            <IconButton\n              className=\"sendbird-message-input--attach\"\n              height=\"32px\"\n              width=\"32px\"\n              onClick={() => {\n                // todo: clear previous input\n                fileInputRef.current.click();\n              }}\n            >\n              <Icon\n                type={IconTypes.ATTACH}\n                fillColor={IconColors.CONTENT_INVERSE}\n                width=\"20px\"\n                height=\"20px\"\n              />\n              <input\n                className=\"sendbird-message-input--attach-input\"\n                type=\"file\"\n                ref={fileInputRef}\n                onChange={handleUploadFile(onFileUpload)}\n              />\n            </IconButton>\n          )\n        }\n      </div>\n      {/* Edit */}\n      {\n        isEdit && (\n          <div className=\"sendbird-message-input--edit-action\">\n            <Button\n              className=\"sendbird-message-input--edit-action__cancel\"\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={onCancelEdit}\n            >\n              {stringSet.BUTTON__CANCEL}\n            </Button>\n            <Button\n              className=\"sendbird-message-input--edit-action__save\"\n              type={ButtonTypes.PRIMARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => {\n                if (inputValue) {\n                  const trimmedInputValue = inputValue.trim();\n                  onSendMessage(name, trimmedInputValue, () => {\n                    onCancelEdit();\n                  });\n                }\n              }}\n            >\n              {stringSet.BUTTON__SAVE}\n            </Button>\n          </div>\n        )\n      }\n    </form>\n  );\n});\n\nMessageInput.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  placeholder: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  isEdit: PropTypes.bool,\n  name: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  value: PropTypes.string,\n  disabled: PropTypes.bool,\n  maxLength: PropTypes.number,\n  onFileUpload: PropTypes.func,\n  onSendMessage: PropTypes.func,\n  onStartTyping: PropTypes.func,\n  onCancelEdit: PropTypes.func,\n  channelUrl: PropTypes.string,\n};\n\nMessageInput.defaultProps = {\n  className: '',\n  value: '',\n  channelUrl: '',\n  onSendMessage: noop,\n  name: 'sendbird-message-input',\n  isEdit: false,\n  disabled: false,\n  placeholder: '',\n  maxLength: 5000,\n  onFileUpload: noop,\n  onCancelEdit: noop,\n  onStartTyping: noop,\n};\n\nexport default MessageInput;\n"],"names":["LINE_HEIGHT","noop","KeyCode","SHIFT","ENTER","handleUploadFile","callback","event","target","files","value","MessageInput","React","forwardRef","props","ref","className","isEdit","disabled","name","placeholder","maxLength","onFileUpload","onSendMessage","onCancelEdit","onStartTyping","channelUrl","useContext","LocalizationContext","stringSet","fileInputRef","useRef","useState","inputValue","setInputValue","isShiftPressed","setIsShiftPressed","setHeight","elem","current","MAX_HEIGHT","window","document","body","offsetHeight","scrollHeight","style","height","error","useEffect","sendMessage","trim","length","trimmedInputValue","getClassName","e","keyCode","preventDefault","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_3","MESSAGE_INPUT__PLACE_HOLDER","IconButton","Icon","IconTypes","SEND","IconColors","PRIMARY","click","ATTACH","CONTENT_INVERSE","Button","ButtonTypes","SECONDARY","ButtonSizes","SMALL","BUTTON__CANCEL","BUTTON__SAVE","propTypes","PropTypes","oneOfType","string","arrayOf","bool","number","func","defaultProps"],"mappings":"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"}

package/cjs/ui/MessageItemMenu.js

@@ -1,141 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Icon = require('./Icon.js');
-var ui_IconButton = require('./IconButton.js');
-var index = require('../index-d4880236.js');
-var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
-require('../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('../index-1468d245.js');
-require('../stringSet-aa544ce5.js');
-require('react-dom');
-require('./SortByRow.js');
-require('../tslib.es6-4a281a05.js');
-require('../index-e2bb862c.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function MessageItemMenu(_a) {
-  var _b, _c;
-
-  var className = _a.className,
-      message = _a.message,
-      channel = _a.channel,
-      _d = _a.isByMe,
-      isByMe = _d === void 0 ? false : _d,
-      _e = _a.disabled,
-      disabled = _e === void 0 ? false : _e,
-      replyType = _a.replyType,
-      showEdit = _a.showEdit,
-      showRemove = _a.showRemove,
-      resendMessage = _a.resendMessage,
-      setQuoteMessage = _a.setQuoteMessage,
-      setSupposedHover = _a.setSupposedHover;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var triggerRef = React.useRef(null);
-  var containerRef = React.useRef(null);
-  var showMenuItemCopy = index.isUserMessage(message);
-  var showMenuItemEdit = index.isUserMessage(message) && index.isSentMessage(message) && isByMe;
-  var showMenuItemResend = index.isFailedMessage(message) && ((_b = message === null || message === void 0 ? void 0 : message.isResendable) === null || _b === void 0 ? void 0 : _b.call(message)) && isByMe;
-  var showMenuItemDelete = !index.isPendingMessage(message) && isByMe;
-  /**
-   * TODO: Manage timing issue
-   * User delete pending message -> Sending message success
-   */
-
-  var showMenuItemReply = replyType === 'QUOTE_REPLY' && !index.isFailedMessage(message) && !index.isPendingMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !((_c = channel) === null || _c === void 0 ? void 0 : _c.isBroadcast);
-
-  if (!(showMenuItemCopy || showMenuItemReply || showMenuItemEdit || showMenuItemResend || showMenuItemDelete)) {
-    return null;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-message-item-menu']),
-    ref: containerRef
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: function menuTrigger(toggleDropdown) {
-      return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-        className: "sendbird-message-item-menu__trigger",
-        ref: triggerRef,
-        width: "32px",
-        height: "32px",
-        onClick: function onClick() {
-          toggleDropdown();
-          setSupposedHover(true);
-        },
-        onBlur: function onBlur() {
-          setSupposedHover(false);
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-        className: "sendbird-message-item-menu__trigger__icon",
-        type: ui_Icon.IconTypes.MORE,
-        fillColor: ui_Icon.IconColors.CONTENT_INVERSE,
-        width: "24px",
-        height: "24px"
-      }));
-    },
-    menuItems: function menuItems(close) {
-      var _a;
-
-      var closeDropdown = function closeDropdown() {
-        close();
-        setSupposedHover(false);
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
-        className: "sendbird-message-item-menu__list",
-        parentRef: triggerRef,
-        parentContainRef: containerRef,
-        closeDropdown: closeDropdown,
-        openLeft: isByMe
-      }, showMenuItemCopy && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-        className: "sendbird-message-item-menu__list__menu-item menu-item-copy",
-        onClick: function onClick() {
-          var _a;
-
-          index.copyToClipboard((_a = message) === null || _a === void 0 ? void 0 : _a.message);
-          closeDropdown();
-        }
-      }, stringSet.MESSAGE_MENU__COPY), showMenuItemReply && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-        className: "sendbird-message-item-menu__list__menu-item menu-item-reply",
-        onClick: function onClick() {
-          setQuoteMessage(message);
-          closeDropdown();
-        },
-        disable: (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0
-      }, stringSet.MESSAGE_MENU__REPLY), showMenuItemEdit && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-        className: "sendbird-message-item-menu__list__menu-item menu-item-edit",
-        onClick: function onClick() {
-          if (!disabled) {
-            showEdit(true);
-            closeDropdown();
-          }
-        }
-      }, stringSet.MESSAGE_MENU__EDIT), showMenuItemResend && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-        className: "sendbird-message-item-menu__list__menu-item menu-item-resend",
-        onClick: function onClick() {
-          if (!disabled) {
-            resendMessage(message);
-            closeDropdown();
-          }
-        }
-      }, stringSet.MESSAGE_MENU__RESEND), showMenuItemDelete && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-        className: "sendbird-message-item-menu__list__menu-item menu-item-delete",
-        onClick: function onClick() {
-          if (!disabled) {
-            showRemove(true);
-            closeDropdown();
-          }
-        },
-        disable: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0
-      }, stringSet.MESSAGE_MENU__DELETE));
-    }
-  }));
-}
-
-module.exports = MessageItemMenu;
-//# sourceMappingURL=MessageItemMenu.js.map

package/cjs/ui/MessageItemMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageItemMenu.js","sources":["../../../src/ui/MessageItemMenu/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext, useRef } from 'react';\nimport { FileMessage, GroupChannel, OpenChannel, UserMessage } from 'sendbird';\nimport './index.scss';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport {\n  getClassName,\n  copyToClipboard,\n  isUserMessage,\n  isSentMessage,\n  isFailedMessage,\n  isPendingMessage,\n} from '../../utils/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { ReplyType } from '../../index';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel | OpenChannel;\n  isByMe?: boolean;\n  disabled?: boolean;\n  replyType?: ReplyType;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemMenu({\n  className,\n  message,\n  channel,\n  isByMe = false,\n  disabled = false,\n  replyType,\n  showEdit,\n  showRemove,\n  resendMessage,\n  setQuoteMessage,\n  setSupposedHover,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable?.() && isByMe);\n  const showMenuItemDelete: boolean = !isPendingMessage(message) && isByMe;\n  /**\n   * TODO: Manage timing issue\n   * User delete pending message -> Sending message success\n   */\n  const showMenuItemReply: boolean = (replyType === 'QUOTE_REPLY')\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel() && !(channel as GroupChannel)?.isBroadcast);\n\n  if (!(showMenuItemCopy || showMenuItemReply || showMenuItemEdit || showMenuItemResend || showMenuItemDelete)) {\n    return null;\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-menu__trigger__icon\"\n              type={IconTypes.MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <MenuItems\n              className=\"sendbird-message-item-menu__list\"\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              openLeft={isByMe}\n            >\n              {showMenuItemCopy && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-copy\"\n                  onClick={() => {\n                    copyToClipboard((message as UserMessage)?.message);\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__COPY}\n                </MenuItem>\n              )}\n              {showMenuItemReply && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-reply\"\n                  onClick={() => {\n                    setQuoteMessage(message);\n                    closeDropdown();\n                  }}\n                  disable={message?.parentMessageId > 0}\n                >\n                  {stringSet.MESSAGE_MENU__REPLY}\n                </MenuItem>\n              )}\n              {showMenuItemEdit && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-edit\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showEdit(true);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__EDIT}\n                </MenuItem>\n              )}\n              {showMenuItemResend && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-resend\"\n                  onClick={() => {\n                    if (!disabled) {\n                      resendMessage(message);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__RESEND}\n                </MenuItem>\n              )}\n              {showMenuItemDelete && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-delete\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showRemove(true);\n                      closeDropdown();\n                    }\n                  }}\n                  disable={message?.threadInfo?.replyCount > 0}\n                >\n                  {stringSet.MESSAGE_MENU__DELETE}\n                </MenuItem>\n              )}\n            </MenuItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemMenu","_a","className","message","channel","_d","isByMe","_e","disabled","replyType","showEdit","showRemove","resendMessage","setQuoteMessage","setSupposedHover","stringSet","useContext","LocalizationContext","triggerRef","useRef","containerRef","showMenuItemCopy","isUserMessage","showMenuItemEdit","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemReply","isGroupChannel","isBroadcast","React","getClassName","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","MenuItems","MenuItem","copyToClipboard","MESSAGE_MENU__COPY","parentMessageId","MESSAGE_MENU__REPLY","MESSAGE_MENU__EDIT","MESSAGE_MENU__RESEND","threadInfo","replyCount","MESSAGE_MENU__DELETE"],"mappings":"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"}

package/cjs/ui/MessageItemReactionMenu.js

@@ -1,112 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Icon = require('./Icon.js');
-var ui_IconButton = require('./IconButton.js');
-var ui_ImageRenderer = require('./ImageRenderer.js');
-var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../index-d4880236.js');
-require('../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('../index-1468d245.js');
-require('../stringSet-aa544ce5.js');
-require('react-dom');
-require('./SortByRow.js');
-require('../tslib.es6-4a281a05.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function MessageItemReactionMenu(_a) {
-  var className = _a.className,
-      message = _a.message,
-      userId = _a.userId,
-      _b = _a.spaceFromTrigger,
-      spaceFromTrigger = _b === void 0 ? {} : _b,
-      emojiContainer = _a.emojiContainer,
-      toggleReaction = _a.toggleReaction,
-      setSupposedHover = _a.setSupposedHover;
-  var triggerRef = React.useRef(null);
-  var containerRef = React.useRef(null);
-
-  if (index.isPendingMessage(message) || index.isFailedMessage(message)) {
-    return null;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-message-item-reaction-menu']),
-    ref: containerRef
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: function menuTrigger(toggleDropdown) {
-      return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-        className: "sendbird-message-item-reaction-menu__trigger",
-        ref: triggerRef,
-        width: "32px",
-        height: "32px",
-        onClick: function onClick() {
-          toggleDropdown();
-          setSupposedHover(true);
-        },
-        onBlur: function onBlur() {
-          setSupposedHover(false);
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-        className: "sendbird-message-item-reaction-menu__trigger__icon",
-        type: ui_Icon.IconTypes.EMOJI_MORE,
-        fillColor: ui_Icon.IconColors.CONTENT_INVERSE,
-        width: "24px",
-        height: "24px"
-      }));
-    },
-    menuItems: function menuItems(close) {
-      var closeDropdown = function closeDropdown() {
-        close();
-        setSupposedHover(false);
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.EmojiListItems, {
-        parentRef: triggerRef,
-        parentContainRef: containerRef,
-        closeDropdown: closeDropdown,
-        spaceFromTrigger: spaceFromTrigger
-      }, index.getEmojiListAll(emojiContainer).map(function (emoji) {
-        var _a, _b, _c;
-
-        var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) {
-          return reaction.key === emoji.key;
-        })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) {
-          return reactorId === userId;
-        });
-        return /*#__PURE__*/React__default["default"].createElement(ui_ReactionButton, {
-          key: emoji.key,
-          width: "36px",
-          height: "36px",
-          selected: isReacted,
-          onClick: function onClick() {
-            closeDropdown();
-            toggleReaction(message, emoji.key, isReacted);
-          }
-        }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
-          url: emoji.url,
-          width: "28px",
-          height: "28px",
-          placeHolder: function placeHolder(style) {
-            return /*#__PURE__*/React__default["default"].createElement("div", {
-              style: style
-            }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-              type: ui_Icon.IconTypes.QUESTION,
-              fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-              width: "28px",
-              height: "28px"
-            }));
-          }
-        }));
-      }));
-    }
-  }));
-}
-
-module.exports = MessageItemReactionMenu;
-//# sourceMappingURL=MessageItemReactionMenu.js.map

package/cjs/ui/MessageItemReactionMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import React, { ReactElement, useRef } from 'react';\nimport { FileMessage, UserMessage, Emoji, Reaction, EmojiContainer } from 'sendbird';\nimport './index.scss';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  userId: string;\n  spaceFromTrigger?: Record<string, unknown>;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = {},\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if(isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style) => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","getClassName","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","EmojiListItems","getEmojiListAll","map","emoji","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","ReactionButton","ImageRenderer","url","style","QUESTION","ON_BACKGROUND_3"],"mappings":"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"}

package/cjs/ui/MessageSearchFileItem.js

@@ -1,130 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../tslib.es6-4a281a05.js');
-var React = require('react');
-var ui_Avatar = require('./Avatar.js');
-var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-1468d245.js');
-var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
-var index$1 = require('../index-905331fa.js');
-var index = require('../index-8becccd8.js');
-require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('../uuid-1d5ec8b2.js');
-require('../stringSet-aa544ce5.js');
-require('../index-e2bb862c.js');
-require('../index-9dc3863f.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function getCreatedAt(createdAt, locale) {
-  var optionalParam = locale ? {
-    locale: locale
-  } : null;
-
-  if (!createdAt) {
-    return '';
-  }
-
-  if (index.isToday(createdAt)) {
-    return index$1.format(createdAt, 'p', optionalParam);
-  }
-
-  if (index.isYesterday(createdAt)) {
-    return index.formatRelative(createdAt, new Date(), optionalParam);
-  }
-
-  return index$1.format(createdAt, 'MMM dd', optionalParam);
-}
-function getIconOfFileType(message) {
-  var url = message.url;
-  var fileMessageUrl = url;
-  var fileExtension = fileMessageUrl.match(/\.([^.]*?)(?=\?|#|$)/)[1];
-
-  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {
-    return ui_Icon.IconTypes.PHOTO;
-  } else if (/mp4$/i.test(fileExtension)) {
-    return ui_Icon.IconTypes.PLAY;
-  } else if (/mp3/i.test(fileExtension)) {
-    return ui_Icon.IconTypes.FILE_AUDIO;
-  } else if (/gif/i.test(fileExtension)) {
-    return ui_Icon.IconTypes.GIF;
-  } else {
-    return ui_Icon.IconTypes.FILE_DOCUMENT;
-  }
-}
-function truncate(fullText, textLimit) {
-  if (fullText.length <= textLimit) return fullText;
-  var separator = '...';
-  var sepLen = separator.length;
-  var charsToShow = textLimit - sepLen;
-  var frontChars = Math.ceil(charsToShow / 2);
-  var backChars = Math.floor(charsToShow / 2);
-  return fullText.substr(0, frontChars) + separator + fullText.substr(fullText.length - backChars);
-}
-
-function MessageSearchFileItem(props) {
-  var className = props.className,
-      message = props.message,
-      selected = props.selected,
-      _onClick = props.onClick;
-  var createdAt = message.createdAt,
-      url = message.url,
-      name = message.name;
-  var fileMessageUrl = url;
-  var sender = message.sender || message._sender;
-  var profileUrl = sender.profileUrl,
-      nickname = sender.nickname;
-
-  var _a = LocalizationContext.useLocalization(),
-      stringSet = _a.stringSet,
-      dateLocale = _a.dateLocale;
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-search-file-item', selected ? 'sendbird-message-search-file-item--selected' : ''], false).join(' '),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-
-      _onClick(message);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-file-item__left"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    className: "sendbird-message-search-file-item__left__sender-avatar",
-    src: profileUrl,
-    alt: "profile image",
-    width: "56px",
-    height: "56px"
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-file-item__right"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-message-search-file-item__right__sender-name",
-    type: ui_Label.LabelTypography.SUBTITLE_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, nickname || stringSet.NO_NAME), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-file-item__right__content"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-file-item__right__content__type-icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: getIconOfFileType(message),
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "18px",
-    height: "18px"
-  })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-message-search-file-item__right__content__url",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, truncate(name || fileMessageUrl, 28)))), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-message-search-file-item__message-created-at",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, getCreatedAt(createdAt, dateLocale)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-file-item__right-footer"
-  }));
-}
-
-module.exports = MessageSearchFileItem;
-//# sourceMappingURL=MessageSearchFileItem.js.map

package/cjs/ui/MessageSearchFileItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSearchFileItem.js","sources":["../../../src/ui/MessageSearchFileItem/utils.ts","../../../src/ui/MessageSearchFileItem/index.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\nimport { IconTypes } from '../Icon';\n\nexport function getCreatedAt(createdAt: number, locale: Locale): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n}\n\nexport function getIconOfFileType(message: SendbirdUIKit.ClientFileMessage): string {\n  const { url } = message;\n  const fileMessageUrl = url;\n  const fileExtension = (fileMessageUrl.match(/\\.([^.]*?)(?=\\?|#|$)/))[1];\n\n  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {\n    return IconTypes.PHOTO;\n  } else if (/mp4$/i.test(fileExtension)) {\n    return IconTypes.PLAY;\n  } else if (/mp3/i.test(fileExtension)) {\n    return IconTypes.FILE_AUDIO;\n  } else if (/gif/i.test(fileExtension)) {\n    return IconTypes.GIF;\n  } else {\n    return IconTypes.FILE_DOCUMENT;\n  }\n}\n\nexport function truncate(fullText: string, textLimit: number): string {\n  if (fullText.length <= textLimit) return fullText;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = textLimit - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullText.substr(0, frontChars) + separator + fullText.substr(fullText.length - backChars);\n}\n","import React, { ReactElement } from 'react';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { getCreatedAt, getIconOfFileType, truncate } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: SendbirdUIKit.ClientFileMessage;\n  selected?: boolean;\n  onClick?: (message: SendbirdUIKit.ClientFileMessage) => void;\n}\n\nexport default function MessageSearchFileItem(props: Props): ReactElement {\n  const {\n    className,\n    message,\n    selected,\n    onClick,\n  } = props;\n  const { createdAt, url, name } = message;\n  const fileMessageUrl = url;\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-file-item',\n        selected ? 'sendbird-message-search-file-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-file-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-file-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-file-item__right\">\n        <Label\n          className=\"sendbird-message-search-file-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <div className=\"sendbird-message-search-file-item__right__content\">\n          <div className=\"sendbird-message-search-file-item__right__content__type-icon\">\n            <Icon\n              type={getIconOfFileType(message)}\n              fillColor={IconColors.PRIMARY}\n              width=\"18px\"\n              height=\"18px\"\n            />\n          </div>\n          <Label\n            className=\"sendbird-message-search-file-item__right__content__url\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {truncate(name || fileMessageUrl, 28)}\n          </Label>\n        </div>\n      </div>\n      <Label\n        className=\"sendbird-message-search-file-item__message-created-at\"\n        type={LabelTypography.CAPTION_3}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {getCreatedAt(createdAt, dateLocale)}\n      </Label>\n      <div className=\"sendbird-message-search-file-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["getCreatedAt","createdAt","locale","optionalParam","isToday","format","isYesterday","formatRelative","Date","getIconOfFileType","message","url","fileMessageUrl","fileExtension","match","test","IconTypes","PHOTO","PLAY","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullText","textLimit","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","MessageSearchFileItem","props","className","selected","onClick","name","sender","_sender","profileUrl","nickname","_a","useLocalization","stringSet","dateLocale","React","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","Icon","IconColors","PRIMARY","BODY_2","CAPTION_3","ONBACKGROUND_2"],"mappings":"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"}

package/cjs/ui/MessageSearchItem.js

@@ -1,93 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../tslib.es6-4a281a05.js');
-var React = require('react');
-var index$1 = require('../index-905331fa.js');
-var index = require('../index-8becccd8.js');
-var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-1468d245.js');
-var LocalizationContext = require('../LocalizationContext-68e55e2a.js');
-require('../index-e2bb862c.js');
-require('../index-9dc3863f.js');
-require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('./Icon.js');
-require('../uuid-1d5ec8b2.js');
-require('../stringSet-aa544ce5.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function getCreatedAt (createdAt, locale) {
-  var optionalParam = locale ? {
-    locale: locale
-  } : null;
-
-  if (!createdAt) {
-    return '';
-  }
-
-  if (index.isToday(createdAt)) {
-    return index$1.format(createdAt, 'p', optionalParam);
-  }
-
-  if (index.isYesterday(createdAt)) {
-    return index.formatRelative(createdAt, new Date(), optionalParam);
-  }
-
-  return index$1.format(createdAt, 'MMM dd', optionalParam);
-}
-
-function MessageSearchItem(_a) {
-  var className = _a.className,
-      message = _a.message,
-      selected = _a.selected,
-      _onClick = _a.onClick;
-  var createdAt = message.createdAt;
-  var messageText = message.message;
-  var sender = message.sender || message._sender;
-  var profileUrl = sender.profileUrl,
-      nickname = sender.nickname;
-
-  var _b = LocalizationContext.useLocalization(),
-      stringSet = _b.stringSet,
-      dateLocale = _b.dateLocale;
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-search-item', selected ? 'sendbird-message-search-item--selected' : ''], false).join(' '),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-
-      _onClick(message);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-item__left"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    className: "sendbird-message-search-item__left__sender-avatar",
-    src: profileUrl,
-    alt: "profile image",
-    width: "56px",
-    height: "56px"
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-item__right"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-message-search-item__right__sender-name",
-    type: ui_Label.LabelTypography.SUBTITLE_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, nickname || stringSet.NO_NAME), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-message-search-item__right__message-text",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, messageText), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-message-search-item__right__message-created-at",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, getCreatedAt(createdAt, dateLocale))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-message-search-item__right-footer"
-  }));
-}
-
-module.exports = MessageSearchItem;
-//# sourceMappingURL=MessageSearchItem.js.map

package/cjs/ui/MessageSearchItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSearchItem.js","sources":["../../../src/ui/MessageSearchItem/getCreatedAt.ts","../../../src/ui/MessageSearchItem/index.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\n\n// getCreatedAt\nexport default function (createdAt: number, locale: Locale): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n}\n","import React from 'react';\nimport './index.scss';\nimport getCreatedAt from './getCreatedAt';\n\nimport Avatar from '../Avatar';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: SendbirdUIKit.ClientUserMessage;\n  selected?: boolean;\n  onClick?: (message: SendbirdUIKit.ClientMessage) => void;\n}\n\nexport default function MessageSearchItem({\n  className,\n  message,\n  selected,\n  onClick,\n}: Props): JSX.Element {\n  const { createdAt } = message;\n  const messageText = message.message;\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-item',\n        selected ? 'sendbird-message-search-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-item__right\">\n        <Label\n          className=\"sendbird-message-search-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-text\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {messageText}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-created-at\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {getCreatedAt(createdAt, dateLocale)}\n        </Label>\n      </div>\n      <div className=\"sendbird-message-search-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["createdAt","locale","optionalParam","isToday","format","isYesterday","formatRelative","Date","MessageSearchItem","_a","className","message","selected","onClick","messageText","sender","_sender","profileUrl","nickname","_b","useLocalization","stringSet","dateLocale","React","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_3","CAPTION_3","ONBACKGROUND_2","getCreatedAt"],"mappings":";;;;;;;;;;;;;;;;;;;;;;uBAOyBA,WAAmBC;AAC1C,MAAMC,aAAa,GAAGD,MAAM,GAAG;AAAEA,IAAAA,MAAM;AAAR,GAAH,GAAgB,IAA5C;;AACA,MAAI,CAACD,SAAL,EAAgB;AACd,WAAO,EAAP;AACD;;AACD,MAAIG,aAAO,CAACH,SAAD,CAAX,EAAwB;AACtB,WAAOI,cAAM,CAACJ,SAAD,EAAY,GAAZ,EAAiBE,aAAjB,CAAb;AACD;;AACD,MAAIG,iBAAW,CAACL,SAAD,CAAf,EAA4B;AAC1B,WAAOM,oBAAc,CAACN,SAAD,EAAY,IAAIO,IAAJ,EAAZ,EAAwBL,aAAxB,CAArB;AACD;;AACD,SAAOE,cAAM,CAACJ,SAAD,EAAY,QAAZ,EAAsBE,aAAtB,CAAb;AACD;;SCJuBM,kBAAkBC;MACxCC,SAAS;MACTC,OAAO;MACPC,QAAQ;MACRC,QAAO;AAEC,MAAAb,SAAS,GAAKW,OAAO,UAArB;AACR,MAAMG,WAAW,GAAGH,OAAO,CAACA,OAA5B;AACA,MAAMI,MAAM,GAAGJ,OAAO,CAACI,MAAR,IAAkBJ,OAAO,CAACK,OAAzC;AACQ,MAAAC,UAAU,GAAeF,MAAM,WAA/B;AAAA,MAAYG,QAAQ,GAAKH,MAAM,SAA/B;;AACF,MAAAI,KAA4BC,mCAAe,EAA3C;AAAA,MAAEC,SAAS,eAAX;AAAA,MAAaC,UAAU,gBAAvB;;AAEN,sBACEC;AACE,IAAA,SAAS,EAAEC,oDACLC,KAAK,CAACC,OAAN,CAAchB,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,gCACAE,QAAQ,GAAG,wCAAH,GAA8C,WAH7C,CAITe,IAJS,CAIJ,GAJI,CADb;AAME,IAAA,OAAO,EAAE,iBAACC,CAAD;AACPA,MAAAA,CAAC,CAACC,eAAF;;AACAhB,MAAAA,QAAO,CAACF,OAAD,CAAP;AACD;AATH,kBAWEY;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACO,oBAAD;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,GAAG,EAAEb,UAFP;AAGE,IAAA,GAAG,EAAC,eAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADF,CAXF,eAoBEM;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACQ,cAAD;AACE,IAAA,SAAS,EAAC,kDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,UAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGjB,QAAQ,IAAIG,SAAS,CAACe,OALzB,CADF,eAQEb,wCAACQ,cAAD;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACK,MAFxB;AAGE,IAAA,KAAK,EAAEH,oBAAW,CAACI;AAHrB,KAKGxB,WALH,CARF,eAeES,wCAACQ,cAAD;AACE,IAAA,SAAS,EAAC,yDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACO,SAFxB;AAGE,IAAA,KAAK,EAAEL,oBAAW,CAACM;AAHrB,KAKGC,YAAY,CAACzC,SAAD,EAAYsB,UAAZ,CALf,CAfF,CApBF,eA2CEC;AAAK,IAAA,SAAS,EAAC;AAAf,IA3CF,CADF;AA+CD;;;;"}