@sendbird/uikit-react 3.0.2-beta.1 → 3.1.0-rc.0

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-592b36e8.js');
+var tslib_es6 = require('../tslib.es6-94adc177.js');
 var React = require('react');
-var index = require('../index-802a624a.js');
+var index = require('../index-7efec35e.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-f457d792.js');
+var ui_Label = require('../index-0913b626.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-d4c230c3.js');
-var LocalizationContext = require('../LocalizationContext-baf1fe9b.js');
-var utils = require('../utils-01d5bf79.js');
-var uuid = require('../uuid-5ffba0f8.js');
-var openChannelUtils = require('../openChannelUtils-3b8eec58.js');
-require('../index-d4396be3.js');
+var UserProfileContext = require('../UserProfileContext-f582734c.js');
+var LocalizationContext = require('../LocalizationContext-458c4425.js');
+var utils = require('../utils-50f39987.js');
+var uuid = require('../uuid-54ad2cc3.js');
+var openChannelUtils = require('../openChannelUtils-c190487b.js');
+require('../index-0d759d2f.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
-require('../index-885e6586.js');
+require('../index-1e767390.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../stringSet-f932274f.js');
+require('../stringSet-1e20a383.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-e0269931.js');
-require('../utils-352cb0a5.js');
-require('../index-31de37a9.js');
+require('../topics-fae1bf42.js');
+require('../utils-985f99f7.js');
+require('../index-e61b5129.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -36,6 +36,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function OpenchannelUserMessage(_a) {
   var className = _a.className,
       message = _a.message,
+      isOperator = _a.isOperator,
       userId = _a.userId,
       resendMessage = _a.resendMessage,
       disabled = _a.disabled,
@@ -66,7 +67,6 @@ function OpenchannelUserMessage(_a) {
 
 
   var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-  var isByMe = openChannelUtils.checkIsByMe(message, userId);
   var isPending = openChannelUtils.checkIsPending(status);
   var isFailed = openChannelUtils.checkIsFailed(status);
   var sender = openChannelUtils.getSenderFromMessage(message);
@@ -148,7 +148,7 @@ function OpenchannelUserMessage(_a) {
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-openchannel-user-message__right__top__sender-name",
     type: ui_Label.LabelTypography.CAPTION_2,
-    color: isByMe ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2
+    color: isOperator ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2
   }, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-openchannel-user-message__right__top__sent-at",
     type: ui_Label.LabelTypography.CAPTION_3,

package/cjs/ui/OpenchannelUserMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelUserMessage.js","sources":["../../../src/ui/OpenchannelUserMessage/index.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useRef,\n  useState,\n  ReactElement,\n  useEffect,\n} from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { copyToClipboard } from './utils';\nimport uuidv4 from '../../utils/uuid';\nimport {\n  checkIsByMe,\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  userId: string;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n}\n\nexport default function OpenchannelUserMessage({\n  className,\n  message,\n  userId,\n  resendMessage,\n  disabled,\n  showEdit,\n  showRemove,\n  chainTop,\n}: Props): ReactElement {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  // hooks\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n  const messageRef = useRef(null);\n  const avatarRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const [contextStyle, setContextStyle] = useState({});\n\n  // consts\n  const status = message?.sendingStatus;\n  const isByMe = checkIsByMe(message, userId);\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  const MemoizedMessageText = useMemo(() => () => {\n    const splitMessage = message.message.split(/\\r/);\n    const matchedMessage = splitMessage.map((word) => (word !== '' ? word : <br />));\n    if (message.updatedAt > 0) {\n      matchedMessage.push(\n        <Label\n          key={uuidv4()}\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n          calssName=\"sendbird-openchannel-user-message-word\"\n        >\n          {` ${stringSet.MESSAGE_EDITED} `}\n        </Label>,\n      );\n    }\n    return matchedMessage;\n  }, [message, message.updatedAt]);\n\n  // place context menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-user-message',\n      ].join(' ')}\n      ref={messageRef}\n    >\n      <div className=\"sendbird-openchannel-user-message__left\">\n        {\n          !chainTop && (\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                <Avatar\n                  className=\"sendbird-openchannel-user-message__left__avatar\"\n                  src={sender.profileUrl || ''}\n                  ref={avatarRef}\n                  width=\"28px\"\n                  height=\"28px\"\n                  onClick={() => {\n                    if (!disableUserProfile) {\n                      toggleDropdown();\n                    }\n                  }}\n                />\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={avatarRef}\n                  parentContainRef={avatarRef}\n                  closeDropdown={closeDropdown}\n                  style={{ paddingTop: 0, paddingBottom: 0 }}\n                >\n                  {\n                    renderUserProfile\n                    ? (\n                      renderUserProfile({\n                        user: sender,\n                        close: closeDropdown,\n                      })\n                    )\n                    : (\n                      <UserProfile\n                        user={sender}\n                        onSuccess={closeDropdown}\n                        disableMessaging\n                      />\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-user-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-user-message__right__top\">\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sender-name\"\n                type={LabelTypography.CAPTION_2}\n                color={isByMe ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n              >\n                {\n                  sender && (\n                    sender.friendName\n                    || sender.nickname\n                    || sender.userId\n                  )\n                }\n              </Label>\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sent-at\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {\n                  message?.createdAt && (\n                    format(message?.createdAt, 'p', {\n                      locale: dateLocale,\n                    })\n                  )\n                }\n              </Label>\n            </div>\n          )\n        }\n        <div className=\"sendbird-openchannel-user-message__right__bottom\">\n          <Label\n            className=\"sendbird-openchannel-user-message__right__bottom__message\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {MemoizedMessageText()}\n          </Label>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-user-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-user-message__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-user-message__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        <div\n          className=\"sendbird-openchannel-user-message__context-menu\"\n          ref={contextMenuRef}\n          style={contextStyle}\n        >\n          <ContextMenu\n            menuTrigger={(toggleDropdown) => (\n              showMenuTrigger({ message: message, userId: userId, status: status}) && (\n                <IconButton\n                  className=\"sendbird-openchannel-user-message__context-menu--icon\"\n                  width=\"32px\"\n                  height=\"32px\"\n                  onClick={() => {\n                    toggleDropdown();\n                  }}\n                >\n                  <Icon\n                    type={IconTypes.MORE}\n                    fillColor={IconColors.CONTENT_INVERSE}\n                    width=\"24px\"\n                    height=\"24px\"\n                  />\n                </IconButton>\n              )\n            )}\n            menuItems={(closeDropdown) => (\n              <MenuItems\n                parentRef={contextMenuRef}\n                parentContainRef={contextMenuRef}\n                closeDropdown={closeDropdown}\n                openLeft\n              >\n                {\n                  isFineCopy({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__copy\"\n                      onClick={() => {\n                        copyToClipboard(message.message);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                    </MenuItem>\n                  )\n                }\n                {\n                  isFineEdit({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__edit\"\n                      onClick={() => {\n                        if (disabled) {\n                          return;\n                        }\n                        showEdit(true);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                    </MenuItem>\n                  )\n                }\n                {\n                  isFineResend({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__resend\"\n                      onClick={() => {\n                        resendMessage(message);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                    </MenuItem>\n                  )\n                }\n                {\n                  isFineDelete({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__delete\"\n                      onClick={() => {\n                        if (disabled) {\n                          return;\n                        }\n                        showRemove(true);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                    </MenuItem>\n                  )\n                }\n              </MenuItems>\n            )}\n          />\n        </div>\n      }\n    </div>\n  );\n}\n"],"names":["OpenchannelUserMessage","_a","className","message","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","_b","useLocalization","stringSet","dateLocale","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","messageRef","useRef","avatarRef","contextMenuRef","_d","useState","contextStyle","setContextStyle","status","sendingStatus","isByMe","checkIsByMe","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","MemoizedMessageText","useMemo","splitMessage","split","matchedMessage","map","word","React","updatedAt","push","Label","uuidv4","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","MESSAGE_EDITED","useEffect","current","clientHeight","top","window","innerWidth","__spreadArray","Array","isArray","join","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","user","close","UserProfile","CAPTION_2","SECONDARY_3","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","ONBACKGROUND_1","Loader","Icon","IconTypes","SPINNER","IconColors","PRIMARY","ERROR","showMenuTrigger","IconButton","MORE","CONTENT_INVERSE","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":"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"}
+{"version":3,"file":"OpenchannelUserMessage.js","sources":["../../../src/ui/OpenchannelUserMessage/index.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useRef,\n  useState,\n  ReactElement,\n  useEffect,\n} from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { copyToClipboard } from './utils';\nimport uuidv4 from '../../utils/uuid';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isOperator?: boolean;\n  userId: string;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n}\n\nexport default function OpenchannelUserMessage({\n  className,\n  message,\n  isOperator,\n  userId,\n  resendMessage,\n  disabled,\n  showEdit,\n  showRemove,\n  chainTop,\n}: Props): ReactElement {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  // hooks\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n  const messageRef = useRef(null);\n  const avatarRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const [contextStyle, setContextStyle] = useState({});\n\n  // consts\n  const status = message?.sendingStatus;\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  const MemoizedMessageText = useMemo(() => () => {\n    const splitMessage = message.message.split(/\\r/);\n    const matchedMessage = splitMessage.map((word) => (word !== '' ? word : <br />));\n    if (message.updatedAt > 0) {\n      matchedMessage.push(\n        <Label\n          key={uuidv4()}\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n          calssName=\"sendbird-openchannel-user-message-word\"\n        >\n          {` ${stringSet.MESSAGE_EDITED} `}\n        </Label>,\n      );\n    }\n    return matchedMessage;\n  }, [message, message.updatedAt]);\n\n  // place context menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-user-message',\n      ].join(' ')}\n      ref={messageRef}\n    >\n      <div className=\"sendbird-openchannel-user-message__left\">\n        {\n          !chainTop && (\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                <Avatar\n                  className=\"sendbird-openchannel-user-message__left__avatar\"\n                  src={sender.profileUrl || ''}\n                  ref={avatarRef}\n                  width=\"28px\"\n                  height=\"28px\"\n                  onClick={() => {\n                    if (!disableUserProfile) {\n                      toggleDropdown();\n                    }\n                  }}\n                />\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={avatarRef}\n                  parentContainRef={avatarRef}\n                  closeDropdown={closeDropdown}\n                  style={{ paddingTop: 0, paddingBottom: 0 }}\n                >\n                  {\n                    renderUserProfile\n                    ? (\n                      renderUserProfile({\n                        user: sender,\n                        close: closeDropdown,\n                      })\n                    )\n                    : (\n                      <UserProfile\n                        user={sender}\n                        onSuccess={closeDropdown}\n                        disableMessaging\n                      />\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-user-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-user-message__right__top\">\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sender-name\"\n                type={LabelTypography.CAPTION_2}\n                color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n              >\n                {\n                  sender && (\n                    sender.friendName\n                    || sender.nickname\n                    || sender.userId\n                  )\n                }\n              </Label>\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sent-at\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {\n                  message?.createdAt && (\n                    format(message?.createdAt, 'p', {\n                      locale: dateLocale,\n                    })\n                  )\n                }\n              </Label>\n            </div>\n          )\n        }\n        <div className=\"sendbird-openchannel-user-message__right__bottom\">\n          <Label\n            className=\"sendbird-openchannel-user-message__right__bottom__message\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {MemoizedMessageText()}\n          </Label>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-user-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-user-message__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-user-message__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        <div\n          className=\"sendbird-openchannel-user-message__context-menu\"\n          ref={contextMenuRef}\n          style={contextStyle}\n        >\n          <ContextMenu\n            menuTrigger={(toggleDropdown) => (\n              showMenuTrigger({ message: message, userId: userId, status: status}) && (\n                <IconButton\n                  className=\"sendbird-openchannel-user-message__context-menu--icon\"\n                  width=\"32px\"\n                  height=\"32px\"\n                  onClick={() => {\n                    toggleDropdown();\n                  }}\n                >\n                  <Icon\n                    type={IconTypes.MORE}\n                    fillColor={IconColors.CONTENT_INVERSE}\n                    width=\"24px\"\n                    height=\"24px\"\n                  />\n                </IconButton>\n              )\n            )}\n            menuItems={(closeDropdown) => (\n              <MenuItems\n                parentRef={contextMenuRef}\n                parentContainRef={contextMenuRef}\n                closeDropdown={closeDropdown}\n                openLeft\n              >\n                {\n                  isFineCopy({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__copy\"\n                      onClick={() => {\n                        copyToClipboard(message.message);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                    </MenuItem>\n                  )\n                }\n                {\n                  isFineEdit({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__edit\"\n                      onClick={() => {\n                        if (disabled) {\n                          return;\n                        }\n                        showEdit(true);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                    </MenuItem>\n                  )\n                }\n                {\n                  isFineResend({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__resend\"\n                      onClick={() => {\n                        resendMessage(message);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                    </MenuItem>\n                  )\n                }\n                {\n                  isFineDelete({ message: message, userId: userId, status: status }) && (\n                    <MenuItem\n                      className=\"sendbird-openchannel-user-message__context-menu__delete\"\n                      onClick={() => {\n                        if (disabled) {\n                          return;\n                        }\n                        showRemove(true);\n                        closeDropdown();\n                      }}\n                    >\n                      {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                    </MenuItem>\n                  )\n                }\n              </MenuItems>\n            )}\n          />\n        </div>\n      }\n    </div>\n  );\n}\n"],"names":["OpenchannelUserMessage","_a","className","message","isOperator","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","_b","useLocalization","stringSet","dateLocale","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","messageRef","useRef","avatarRef","contextMenuRef","_d","useState","contextStyle","setContextStyle","status","sendingStatus","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","MemoizedMessageText","useMemo","splitMessage","split","matchedMessage","map","word","React","updatedAt","push","Label","uuidv4","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","MESSAGE_EDITED","useEffect","current","clientHeight","top","window","innerWidth","__spreadArray","Array","isArray","join","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","user","close","UserProfile","CAPTION_2","SECONDARY_3","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","ONBACKGROUND_1","Loader","Icon","IconTypes","SPINNER","IconColors","PRIMARY","ERROR","showMenuTrigger","IconButton","MORE","CONTENT_INVERSE","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":"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"}

package/cjs/ui/PlaceHolder.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_rollupPluginBabelHelpers-29633c69.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('react');
 require('prop-types');
 require('./Icon.js');
 require('./Loader.js');
-require('../LocalizationContext-baf1fe9b.js');
-require('../index-f457d792.js');
-var ui_PlaceHolder = require('../index-4aac2260.js');
-require('../stringSet-f932274f.js');
-require('../index-d4396be3.js');
+require('../LocalizationContext-458c4425.js');
+require('../index-0913b626.js');
+var ui_PlaceHolder = require('../index-c1aa0d36.js');
+require('../stringSet-1e20a383.js');
+require('../index-0d759d2f.js');
 
 
 

package/cjs/ui/QuoteMessage.js

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-f457d792.js');
+var ui_Label = require('../index-0913b626.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-baf1fe9b.js');
-var index = require('../index-885e6586.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+var LocalizationContext = require('../LocalizationContext-458c4425.js');
+var index = require('../index-1e767390.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
-require('../stringSet-f932274f.js');
-require('../index-d4396be3.js');
-require('../tslib.es6-592b36e8.js');
+require('../stringSet-1e20a383.js');
+require('../index-0d759d2f.js');
+require('../tslib.es6-94adc177.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/QuoteMessageInput.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var index = require('../index-885e6586.js');
+var index = require('../index-1e767390.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-f457d792.js');
-var LocalizationContext = require('../LocalizationContext-baf1fe9b.js');
+var ui_Label = require('../index-0913b626.js');
+var LocalizationContext = require('../LocalizationContext-458c4425.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-require('../tslib.es6-592b36e8.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+require('../tslib.es6-94adc177.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
-require('../stringSet-f932274f.js');
-require('../index-d4396be3.js');
+require('../stringSet-1e20a383.js');
+require('../index-0d759d2f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ReactionBadge.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-29633c69.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-f457d792.js');
-require('../stringSet-f932274f.js');
+var ui_Label = require('../index-0913b626.js');
+require('../stringSet-1e20a383.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ReactionButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-29633c69.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/SortByRow.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-29633c69.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/TextButton.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-29633c69.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var color = require('../color-10db49db.js');
+var color = require('../color-7ac0d13b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TextMessageItemBody.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-f457d792.js');
-var index = require('../index-885e6586.js');
-var LocalizationContext = require('../LocalizationContext-baf1fe9b.js');
-var uuid = require('../uuid-5ffba0f8.js');
+var ui_Label = require('../index-0913b626.js');
+var index = require('../index-1e767390.js');
+var LocalizationContext = require('../LocalizationContext-458c4425.js');
+var uuid = require('../uuid-54ad2cc3.js');
 var ui_Word = require('./Word.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
-require('../stringSet-f932274f.js');
-require('../tslib.es6-592b36e8.js');
-require('../index-d4396be3.js');
+require('../stringSet-1e20a383.js');
+require('../tslib.es6-94adc177.js');
+require('../index-0d759d2f.js');
 require('./LinkLabel.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
@@ -19,12 +19,12 @@ require('./SortByRow.js');
 require('./UserProfile.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-e0269931.js');
-require('../utils-352cb0a5.js');
+require('../topics-fae1bf42.js');
+require('../utils-985f99f7.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../index-31de37a9.js');
+require('../index-e61b5129.js');
 require('../useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -3,10 +3,10 @@
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-885e6586.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+var index = require('../index-1e767390.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
-require('../tslib.es6-592b36e8.js');
+require('../tslib.es6-94adc177.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Tooltip.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-29633c69.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-f457d792.js');
-require('../stringSet-f932274f.js');
+var ui_Label = require('../index-0913b626.js');
+require('../stringSet-1e20a383.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TooltipWrapper.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-29633c69.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-f457d792.js');
-var index = require('../index-885e6586.js');
-var LocalizationContext = require('../LocalizationContext-baf1fe9b.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+var ui_Label = require('../index-0913b626.js');
+var index = require('../index-1e767390.js');
+var LocalizationContext = require('../LocalizationContext-458c4425.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
-require('../stringSet-f932274f.js');
-require('../tslib.es6-592b36e8.js');
-require('../index-d4396be3.js');
+require('../stringSet-1e20a383.js');
+require('../tslib.es6-94adc177.js');
+require('../index-0d759d2f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UserListItem.js

@@ -1,61 +1,60 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-29633c69.js');
+var tslib_es6 = require('../tslib.es6-94adc177.js');
 var React = require('react');
-var PropTypes = require('prop-types');
-var UserProfileContext = require('../UserProfileContext-d4c230c3.js');
-var LocalizationContext = require('../LocalizationContext-baf1fe9b.js');
+var UserProfileContext = require('../UserProfileContext-f582734c.js');
+var LocalizationContext = require('../LocalizationContext-458c4425.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-f457d792.js');
-require('../stringSet-f932274f.js');
-require('../index-d4396be3.js');
-require('../tslib.es6-592b36e8.js');
+var ui_Label = require('../index-0913b626.js');
+require('prop-types');
+require('../stringSet-1e20a383.js');
+require('../index-0d759d2f.js');
 require('./ImageRenderer.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('./Icon.js');
-require('../uuid-5ffba0f8.js');
+require('../uuid-54ad2cc3.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-e0269931.js');
-require('../utils-352cb0a5.js');
-require('../index-31de37a9.js');
-require('../index-885e6586.js');
+require('../topics-fae1bf42.js');
+require('../utils-985f99f7.js');
+require('../index-e61b5129.js');
+require('../index-1e767390.js');
 require('react-dom');
 require('./SortByRow.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function UserListItem(_ref) {
-  var className = _ref.className,
-      user = _ref.user,
-      checkBox = _ref.checkBox,
-      disableMessaging = _ref.disableMessaging,
-      currentUser = _ref.currentUser,
-      checked = _ref.checked,
-      _onChange = _ref.onChange,
-      action = _ref.action;
+function UserListItem(_a) {
+  var user = _a.user,
+      className = _a.className,
+      checked = _a.checked,
+      checkBox = _a.checkBox,
+      isOperator = _a.isOperator,
+      disabled = _a.disabled,
+      disableMessaging = _a.disableMessaging,
+      currentUser = _a.currentUser,
+      action = _a.action,
+      _onChange = _a.onChange;
   var uniqueKey = user.userId;
   var actionRef = React__default["default"].useRef(null);
   var parentRef = React__default["default"].useRef(null);
   var avatarRef = React__default["default"].useRef(null);
 
-  var _useContext = React.useContext(UserProfileContext.UserProfileContext),
-      disableUserProfile = _useContext.disableUserProfile,
-      renderUserProfile = _useContext.renderUserProfile;
-
-  var _useContext2 = React.useContext(LocalizationContext.LocalizationContext),
-      stringSet = _useContext2.stringSet;
+  var _b = React.useContext(UserProfileContext.UserProfileContext),
+      disableUserProfile = _b.disableUserProfile,
+      renderUserProfile = _b.renderUserProfile;
 
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-user-list-item']).join(' '),
+    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-user-list-item'], false).join(' '),
     ref: parentRef
-  }, user.isMuted && /*#__PURE__*/React__default["default"].createElement(ui_MutedAvatarOverlay, {
+  }, (user === null || user === void 0 ? void 0 : user.isMuted) && /*#__PURE__*/React__default["default"].createElement(ui_MutedAvatarOverlay, {
     height: 40,
     width: 40
   }), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
@@ -105,20 +104,18 @@ function UserListItem(_ref) {
     className: "sendbird-user-list-item__subtitle",
     type: ui_Label.LabelTypography.CAPTION_3,
     color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, user.userId), checkBox &&
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/label-has-associated-control
-  React__default["default"].createElement("label", {
+  }, user.userId), checkBox && /*#__PURE__*/React__default["default"].createElement("label", {
     className: "sendbird-user-list-item__checkbox",
     htmlFor: uniqueKey
   }, /*#__PURE__*/React__default["default"].createElement(ui_Checkbox, {
     id: uniqueKey,
     checked: checked,
+    disabled: disabled,
     onChange: function onChange(event) {
       return _onChange(event);
     }
-  })), user.role === 'operator' && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-user-list-item__operator",
+  })), isOperator && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: ["sendbird-user-list-item__operator", checkBox ? "checkbox" : ""].join(' '),
     type: ui_Label.LabelTypography.SUBTITLE_2,
     color: ui_Label.LabelColors.ONBACKGROUND_2
   }, "Operator"), action && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -129,31 +126,6 @@ function UserListItem(_ref) {
     parentRef: parentRef
   })));
 }
-UserListItem.propTypes = {
-  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
-  user: PropTypes__default["default"].shape({
-    userId: PropTypes__default["default"].string,
-    role: PropTypes__default["default"].string,
-    isMuted: PropTypes__default["default"].bool,
-    nickname: PropTypes__default["default"].string,
-    profileUrl: PropTypes__default["default"].string
-  }).isRequired,
-  disableMessaging: PropTypes__default["default"].bool,
-  currentUser: PropTypes__default["default"].string,
-  action: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].func]),
-  checkBox: PropTypes__default["default"].bool,
-  checked: PropTypes__default["default"].bool,
-  onChange: PropTypes__default["default"].func
-};
-UserListItem.defaultProps = {
-  className: '',
-  currentUser: '',
-  checkBox: false,
-  disableMessaging: false,
-  checked: false,
-  action: null,
-  onChange: function onChange() {}
-};
 
 module.exports = UserListItem;
 //# sourceMappingURL=UserListItem.js.map

package/cjs/ui/UserListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.js","sources":["../../../src/ui/UserListItem/index.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nimport './index.scss';\n\nexport default function UserListItem({\n  className,\n  user,\n  checkBox,\n  disableMessaging,\n  currentUser,\n  checked,\n  onChange,\n  action,\n}) {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        user.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: 0, paddingBottom: 0 }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          // eslint-disable-next-line jsx-a11y/label-has-associated-control\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        user.role === 'operator' && (\n          <Label\n            className=\"sendbird-user-list-item__operator\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nUserListItem.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  user: PropTypes.shape({\n    userId: PropTypes.string,\n    role: PropTypes.string,\n    isMuted: PropTypes.bool,\n    nickname: PropTypes.string,\n    profileUrl: PropTypes.string,\n  }).isRequired,\n  disableMessaging: PropTypes.bool,\n  currentUser: PropTypes.string,\n  action: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n  ]),\n  checkBox: PropTypes.bool,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nUserListItem.defaultProps = {\n  className: '',\n  currentUser: '',\n  checkBox: false,\n  disableMessaging: false,\n  checked: false,\n  action: null,\n  onChange: () => { },\n};\n"],"names":["UserListItem","className","user","checkBox","disableMessaging","currentUser","checked","onChange","action","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","useContext","UserProfileContext","disableUserProfile","renderUserProfile","LocalizationContext","stringSet","Array","isArray","join","isMuted","MutedAvatarOverlay","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","currentUserId","close","UserProfile","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","Checkbox","event","role","SUBTITLE_2","propTypes","PropTypes","oneOfType","string","arrayOf","shape","bool","isRequired","element","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"UserListItem.js","sources":["../../../src/ui/UserListItem/index.tsx"],"sourcesContent":["import React, { ChangeEvent, MutableRefObject, ReactElement, useContext } from 'react';\nimport { User } from '@sendbird/chat';\nimport { Member } from '@sendbird/chat/groupChannel';\nimport './index.scss';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface UserListItemProps {\n  user: User;\n  className?: string;\n  checked?: boolean;\n  checkBox?: boolean;\n  isOperator?: boolean;\n  disabled?: boolean;\n  disableMessaging?: boolean;\n  currentUser?: string;\n  action?({ actionRef, parentRef }: {\n    actionRef: MutableRefObject<any>,\n    parentRef?: MutableRefObject<any>,\n  }): ReactElement;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function UserListItem({\n  user,\n  className,\n  checked,\n  checkBox,\n  isOperator,\n  disabled,\n  disableMessaging,\n  currentUser,\n  action,\n  onChange,\n}: UserListItemProps): ReactElement {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        (user as Member)?.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: 0, paddingBottom: 0 }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              disabled={disabled}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={[\n              \"sendbird-user-list-item__operator\",\n              checkBox ? \"checkbox\" : \"\",\n            ].join(' ')}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["UserListItem","_a","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","_b","useContext","UserProfileContext","disableUserProfile","renderUserProfile","stringSet","LocalizationContext","__spreadArray","Array","isArray","join","isMuted","MutedAvatarOverlay","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","currentUserId","close","UserProfile","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","Checkbox","event","SUBTITLE_2"],"mappings":"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"}