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

package/ui/OpenchannelUserMessage.js

@@ -1,35 +1,36 @@
-import { a as __spreadArray } from '../tslib.es6-5a2250f9.js';
+import { a as __spreadArray } from '../tslib.es6-7a52c497.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect } from 'react';
-import { f as format } from '../index-89c172fc.js';
+import { f as format } from '../index-1984c852.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-c72e5006.js';
-import { u as useLocalization } from '../LocalizationContext-1417e9d3.js';
-import { c as copyToClipboard } from '../utils-ad16f26f.js';
-import { u as uuidv4 } from '../uuid-9ac267fb.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-588d2978.js';
-import '../index-097f4b78.js';
+import { a as UserProfileContext } from '../UserProfileContext-5bc5ff98.js';
+import { u as useLocalization } from '../LocalizationContext-bed38f81.js';
+import { c as copyToClipboard } from '../utils-43a00393.js';
+import { u as uuidv4 } from '../uuid-b7da2ddf.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-e69f8484.js';
+import '../index-6e02fc15.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import '../index-e647d770.js';
+import '../index-c67f2f3b.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-adf0eb59.js';
+import '../stringSet-07d51930.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-29b13da4.js';
-import '../utils-e6f6eb1b.js';
-import '../index-ff084076.js';
+import '../topics-a5f3f0e9.js';
+import '../utils-af217adb.js';
+import '../index-a3d218da.js';
 
 function OpenchannelUserMessage(_a) {
   var className = _a.className,
       message = _a.message,
+      isOperator = _a.isOperator,
       userId = _a.userId,
       resendMessage = _a.resendMessage,
       disabled = _a.disabled,
@@ -60,7 +61,6 @@ function OpenchannelUserMessage(_a) {
 
 
   var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-  var isByMe = checkIsByMe(message, userId);
   var isPending = checkIsPending(status);
   var isFailed = checkIsFailed(status);
   var sender = getSenderFromMessage(message);
@@ -142,7 +142,7 @@ function OpenchannelUserMessage(_a) {
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-openchannel-user-message__right__top__sender-name",
     type: LabelTypography.CAPTION_2,
-    color: isByMe ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2
+    color: isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2
   }, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-openchannel-user-message__right__top__sent-at",
     type: LabelTypography.CAPTION_3,

package/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","uuidv4","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","MESSAGE_EDITED","useEffect","current","clientHeight","top","window","innerWidth","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","CAPTION_2","SECONDARY_3","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","ONBACKGROUND_1","IconTypes","SPINNER","IconColors","PRIMARY","ERROR","showMenuTrigger","MORE","CONTENT_INVERSE","isFineCopy","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","uuidv4","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","MESSAGE_EDITED","useEffect","current","clientHeight","top","window","innerWidth","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","CAPTION_2","SECONDARY_3","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","ONBACKGROUND_1","IconTypes","SPINNER","IconColors","PRIMARY","ERROR","showMenuTrigger","MORE","CONTENT_INVERSE","isFineCopy","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgDwBA,uBAAuBC;MAC7CC,SAAS;MACTC,OAAO;MACPC,UAAU;MACVC,MAAM;MACNC,aAAa;MACbC,QAAQ;MACRC,QAAQ;MACRC,UAAU;MACVC,QAAQ;;AAER,MAAI,CAACP,OAAD,IAAYA,OAAO,CAACQ,WAAR,KAAwB,MAAxC,EAAgD;AAC9C,WAAO,IAAP;AACD;;;AAGK,MAAAC,KAA4BC,eAAe,EAA3C;AAAA,MAAEC,SAAS,eAAX;AAAA,MAAaC,UAAU,gBAAvB;;AACA,MAAAC,KAA4CC,UAAU,CAACC,kBAAD,CAAtD;AAAA,MAAEC,kBAAkB,wBAApB;AAAA,MAAsBC,iBAAiB,uBAAvC;;AACN,MAAMC,UAAU,GAAGC,MAAM,CAAC,IAAD,CAAzB;AACA,MAAMC,SAAS,GAAGD,MAAM,CAAC,IAAD,CAAxB;AACA,MAAME,cAAc,GAAGF,MAAM,CAAC,IAAD,CAA7B;;AACM,MAAAG,KAAkCC,QAAQ,CAAC,EAAD,CAA1C;AAAA,MAACC,YAAY,QAAb;AAAA,MAAeC,eAAe,QAA9B;;;AAGN,MAAMC,MAAM,GAAG1B,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,aAAxB;AACA,MAAMC,SAAS,GAAGC,cAAc,CAACH,MAAD,CAAhC;AACA,MAAMI,QAAQ,GAAGC,aAAa,CAACL,MAAD,CAA9B;AACA,MAAMM,MAAM,GAAGC,oBAAoB,CAACjC,OAAD,CAAnC;AAEA,MAAMkC,mBAAmB,GAAGC,OAAO,CAAC;AAAM,WAAA;AACxC,UAAMC,YAAY,GAAGpC,OAAO,CAACA,OAAR,CAAgBqC,KAAhB,CAAsB,IAAtB,CAArB;AACA,UAAMC,cAAc,GAAGF,YAAY,CAACG,GAAb,CAAiB,UAACC,IAAD;AAAU,eAACA,IAAI,KAAK,EAAT,GAAcA,IAAd,gBAAqBC,wCAAtB;AAA6B,OAAxD,CAAvB;;AACA,UAAIzC,OAAO,CAAC0C,SAAR,GAAoB,CAAxB,EAA2B;AACzBJ,QAAAA,cAAc,CAACK,IAAf,eACEF,6BAAC,KAAD;AACE,UAAA,GAAG,EAAEG,MAAM,EADb;AAEE,UAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,UAAA,KAAK,EAAEC,WAAW,CAACC,cAHrB;AAIE,UAAA,SAAS,EAAC;AAJZ,WAMG,UAAA,CAAIrC,SAAS,CAACsC,cAAd,KAAA,CANH,CADF;AAUD;;AACD,aAAOX,cAAP;AACD,KAhByC;AAgBzC,GAhBkC,EAgBhC,CAACtC,OAAD,EAAUA,OAAO,CAAC0C,SAAlB,CAhBgC,CAAnC;;AAmBAQ,EAAAA,SAAS,CAAC;;;AACR,QAAI,CAAA,MAAAhC,UAAU,SAAV,IAAAA,UAAU,WAAV,SAAA,GAAAA,UAAU,CAAEiC,OAAZ,UAAA,iBAAA,SAAA,MAAqBC,YAArB,IAAoC,EAAxC,EAA4C;AAC1C3B,MAAAA,eAAe,CAAC;AAAE4B,QAAAA,GAAG,EAAE;AAAP,OAAD,CAAf;AACD,KAFD,MAEO;AACL5B,MAAAA,eAAe,CAAC;AAAE4B,QAAAA,GAAG,EAAE;AAAP,OAAD,CAAf;AACD;AACF,GANQ,EAMN,CAACC,MAAM,CAACC,UAAR,CANM,CAAT;AAQA,sBACEd;AACE,IAAA,SAAS,EAAEe,gCACLC,KAAK,CAACC,OAAN,CAAc3D,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,4CAFS,CAGT4D,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,GAAG,EAAEzC;AALP,kBAOEuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAEI,CAAClC,QAAD,iBACEkC,6BAAC,WAAD;AACE,IAAA,WAAW,EAAE,qBAACmB,cAAD;AAAoB,0BAC/BnB,6BAAC,MAAD;AACE,QAAA,SAAS,EAAC,iDADZ;AAEE,QAAA,GAAG,EAAET,MAAM,CAAC6B,UAAP,IAAqB,EAF5B;AAGE,QAAA,GAAG,EAAEzC,SAHP;AAIE,QAAA,KAAK,EAAC,MAJR;AAKE,QAAA,MAAM,EAAC,MALT;AAME,QAAA,OAAO,EAAE;AACP,cAAI,CAACJ,kBAAL,EAAyB;AACvB4C,YAAAA,cAAc;AACf;AACF;AAVH,QAD+B;AAahC,KAdH;AAeE,IAAA,SAAS,EAAE,mBAACE,aAAD;AAAmB,0BAC5BrB,6BAAC,SAAD;AACE,QAAA,SAAS,EAAErB,SADb;AAEE,QAAA,gBAAgB,EAAEA,SAFpB;AAGE,QAAA,aAAa,EAAE0C,aAHjB;AAIE,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE;AAAhC;AAJT,SAOI/C,iBAAiB,GAEfA,iBAAiB,CAAC;AAChBgD,QAAAA,IAAI,EAAEjC,MADU;AAEhBkC,QAAAA,KAAK,EAAEJ;AAFS,OAAD,CAFF,gBAQfrB,6BAAC0B,oBAAD;AACE,QAAA,IAAI,EAAEnC,MADR;AAEE,QAAA,SAAS,EAAE8B,aAFb;AAGE,QAAA,gBAAgB;AAHlB,QAfN,CAD4B;AAwB7B;AAvCH,IAHN,CAPF,eAsDErB;AAAK,IAAA,SAAS,EAAC;AAAf,KAEI,CAAClC,QAAD,iBACEkC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,4DADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACuB,SAFxB;AAGE,IAAA,KAAK,EAAEnE,UAAU,GAAG8C,WAAW,CAACsB,WAAf,GAA6BtB,WAAW,CAACC;AAH5D,KAMIhB,MAAM,KACJA,MAAM,CAACsC,UAAP,IACGtC,MAAM,CAACuC,QADV,IAEGvC,MAAM,CAAC9B,MAHN,CANV,CADF,eAcEuC,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,wDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAAC2B,SAFxB;AAGE,IAAA,KAAK,EAAEzB,WAAW,CAAC0B;AAHrB,KAMI,CAAAzE,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE0E,SAAT,KACEC,MAAM,CAAC3E,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE0E,SAAV,EAAqB,GAArB,EAA0B;AAC9BE,IAAAA,MAAM,EAAEhE;AADsB,GAA1B,CAPZ,CAdF,CAHN,eAiCE6B;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAAC8B;AAHrB,KAKG3C,mBAAmB,EALtB,CADF,CAjCF,EA2CI,CAACN,SAAS,IAAIE,QAAd,kBACEW;AAAK,IAAA,SAAS,EAAC;AAAf,KAEIb,SAAS,iBACPa,6BAAC,MAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC;AAFT,kBAIEA,6BAAC,IAAD;AACE,IAAA,SAAS,EAAC,yDADZ;AAEE,IAAA,IAAI,EAAEqC,SAAS,CAACC,OAFlB;AAGE,IAAA,SAAS,EAAEC,UAAU,CAACC,OAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IAJF,CAHN,EAkBInD,QAAQ,iBACNW,6BAAC,IAAD;AACE,IAAA,SAAS,EAAC,wDADZ;AAEE,IAAA,IAAI,EAAEqC,SAAS,CAACI,KAFlB;AAGE,IAAA,SAAS,EAAEF,UAAU,CAACE,KAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IAnBN,CA5CN,CAtDF,eAmIIzC;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,GAAG,EAAEpB,cAFP;AAGE,IAAA,KAAK,EAAEG;AAHT,kBAKEiB,6BAAC,WAAD;AACE,IAAA,WAAW,EAAE,qBAACmB,cAAD;AAAoB,aAC/BuB,eAAe,CAAC;AAAEnF,QAAAA,OAAO,EAAEA,OAAX;AAAoBE,QAAAA,MAAM,EAAEA,MAA5B;AAAoCwB,QAAAA,MAAM,EAAEA;AAA5C,OAAD,CAAf,iBACEe,6BAAC,UAAD;AACE,QAAA,SAAS,EAAC,uDADZ;AAEE,QAAA,KAAK,EAAC,MAFR;AAGE,QAAA,MAAM,EAAC,MAHT;AAIE,QAAA,OAAO,EAAE;AACPmB,UAAAA,cAAc;AACf;AANH,sBAQEnB,6BAAC,IAAD;AACE,QAAA,IAAI,EAAEqC,SAAS,CAACM,IADlB;AAEE,QAAA,SAAS,EAAEJ,UAAU,CAACK,eAFxB;AAGE,QAAA,KAAK,EAAC,MAHR;AAIE,QAAA,MAAM,EAAC;AAJT,QARF,CAF6B;AAkBhC,KAnBH;AAoBE,IAAA,SAAS,EAAE,mBAACvB,aAAD;AAAmB,0BAC5BrB,6BAAC,SAAD;AACE,QAAA,SAAS,EAAEpB,cADb;AAEE,QAAA,gBAAgB,EAAEA,cAFpB;AAGE,QAAA,aAAa,EAAEyC,aAHjB;AAIE,QAAA,QAAQ;AAJV,SAOIwB,UAAU,CAAC;AAAEtF,QAAAA,OAAO,EAAEA,OAAX;AAAoBE,QAAAA,MAAM,EAAEA,MAA5B;AAAoCwB,QAAAA,MAAM,EAAEA;AAA5C,OAAD,CAAV,iBACEe,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,uDADZ;AAEE,QAAA,OAAO,EAAE;AACP8C,UAAAA,eAAe,CAACvF,OAAO,CAACA,OAAT,CAAf;AACA8D,UAAAA,aAAa;AACd;AALH,SAOGnD,SAAS,CAAC6E,2BAPb,CARN,EAoBIC,UAAU,CAAC;AAAEzF,QAAAA,OAAO,EAAEA,OAAX;AAAoBE,QAAAA,MAAM,EAAEA,MAA5B;AAAoCwB,QAAAA,MAAM,EAAEA;AAA5C,OAAD,CAAV,iBACEe,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,uDADZ;AAEE,QAAA,OAAO,EAAE;AACP,cAAIrC,QAAJ,EAAc;AACZ;AACD;;AACDC,UAAAA,QAAQ,CAAC,IAAD,CAAR;AACAyD,UAAAA,aAAa;AACd;AARH,SAUGnD,SAAS,CAAC+E,2BAVb,CArBN,EAoCIC,YAAY,CAAC;AAAE3F,QAAAA,OAAO,EAAEA,OAAX;AAAoBE,QAAAA,MAAM,EAAEA,MAA5B;AAAoCwB,QAAAA,MAAM,EAAEA;AAA5C,OAAD,CAAZ,iBACEe,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,yDADZ;AAEE,QAAA,OAAO,EAAE;AACPtC,UAAAA,aAAa,CAACH,OAAD,CAAb;AACA8D,UAAAA,aAAa;AACd;AALH,SAOGnD,SAAS,CAACiF,6BAPb,CArCN,EAiDIC,YAAY,CAAC;AAAE7F,QAAAA,OAAO,EAAEA,OAAX;AAAoBE,QAAAA,MAAM,EAAEA,MAA5B;AAAoCwB,QAAAA,MAAM,EAAEA;AAA5C,OAAD,CAAZ,iBACEe,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,yDADZ;AAEE,QAAA,OAAO,EAAE;AACP,cAAIrC,QAAJ,EAAc;AACZ;AACD;;AACDE,UAAAA,UAAU,CAAC,IAAD,CAAV;AACAwD,UAAAA,aAAa;AACd;AARH,SAUGnD,SAAS,CAACmF,6BAVb,CAlDN,CAD4B;AAkE7B;AAtFH,IALF,CAnIJ,CADF;AAqOD;;;;"}

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import 'react';
 import 'prop-types';
 import './Icon.js';
 import './Loader.js';
-import '../LocalizationContext-1417e9d3.js';
-import '../index-fdcc4a92.js';
-export { a as PlaceHolderTypes, P as default } from '../index-12f6f771.js';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
+import '../LocalizationContext-bed38f81.js';
+import '../index-33456100.js';
+export { a as PlaceHolderTypes, P as default } from '../index-dfc65ccf.js';
+import '../stringSet-07d51930.js';
+import '../index-6e02fc15.js';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/QuoteMessage.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
-import { M as getUIKitFileTypes, k as getClassName, u as isUserMessage, p as isThumbnailMessage, B as isVideo, N as isGif, n as isFileMessage, A as isSupportedFileView, L as getUIKitFileType, t as truncateString } from '../index-e647d770.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { a as LocalizationContext } from '../LocalizationContext-bed38f81.js';
+import { M as getUIKitFileTypes, k as getClassName, u as isUserMessage, p as isThumbnailMessage, B as isVideo, N as isGif, n as isFileMessage, A as isSupportedFileView, L as getUIKitFileType, t as truncateString } from '../index-c67f2f3b.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
-import '../tslib.es6-5a2250f9.js';
+import '../stringSet-07d51930.js';
+import '../index-6e02fc15.js';
+import '../tslib.es6-7a52c497.js';
 
 function QuoteMessage(_a) {
   var _b;

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { n as isFileMessage, o as isImageMessage, p as isThumbnailMessage, q as isAudioMessage, k as getClassName, r as isGifMessage, s as isVideoMessage, u as isUserMessage } from '../index-e647d770.js';
+import { n as isFileMessage, o as isImageMessage, p as isThumbnailMessage, q as isAudioMessage, k as getClassName, r as isGifMessage, s as isVideoMessage, u as isUserMessage } from '../index-c67f2f3b.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
+import { a as LocalizationContext } from '../LocalizationContext-bed38f81.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-5a2250f9.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../tslib.es6-7a52c497.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
+import '../stringSet-07d51930.js';
+import '../index-6e02fc15.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,8 +1,8 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-51451000.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import '../stringSet-adf0eb59.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
+import '../stringSet-07d51930.js';
 
 var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var className = props.className,

package/ui/ReactionButton.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-51451000.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 

package/ui/SortByRow.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-51451000.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 

package/ui/TextButton.js

@@ -1,7 +1,7 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-51451000.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as changeColorToClassName, C as Colors } from '../color-32ee546e.js';
+import { c as changeColorToClassName, C as Colors } from '../color-04ed392d.js';
 
 function TextButton(_ref) {
   var className = _ref.className,

package/ui/TextMessageItemBody.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { k as getClassName, e as isEditedMessage } from '../index-e647d770.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
-import { u as uuidv4 } from '../uuid-9ac267fb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
+import { k as getClassName, e as isEditedMessage } from '../index-c67f2f3b.js';
+import { a as LocalizationContext } from '../LocalizationContext-bed38f81.js';
+import { u as uuidv4 } from '../uuid-b7da2ddf.js';
 import Word from './Word.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import '../stringSet-adf0eb59.js';
-import '../tslib.es6-5a2250f9.js';
-import '../index-097f4b78.js';
+import '../stringSet-07d51930.js';
+import '../tslib.es6-7a52c497.js';
+import '../index-6e02fc15.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
@@ -17,12 +17,12 @@ import './SortByRow.js';
 import './UserProfile.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-29b13da4.js';
-import '../utils-e6f6eb1b.js';
+import '../topics-a5f3f0e9.js';
+import '../utils-af217adb.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../index-ff084076.js';
+import '../index-a3d218da.js';
 import '../useSendbirdStateContext.js';
 
 function TextMessageItemBody(_a) {

package/ui/ThumbnailMessageItemBody.js

@@ -1,10 +1,10 @@
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { k as getClassName, D as isSentMessage, s as isVideoMessage, r as isGifMessage } from '../index-e647d770.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { k as getClassName, D as isSentMessage, s as isVideoMessage, r as isGifMessage } from '../index-c67f2f3b.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import '../tslib.es6-5a2250f9.js';
+import '../tslib.es6-7a52c497.js';
 
 function ThumbnailMessageItemBody(_a) {
   var _b, _c;

package/ui/Tooltip.js

@@ -1,8 +1,8 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-51451000.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import '../stringSet-adf0eb59.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
+import '../stringSet-07d51930.js';
 
 function Tooltip(_ref) {
   var className = _ref.className,

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-51451000.js';
 import React__default, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 

package/ui/UnknownMessageItemBody.js

@@ -1,12 +1,12 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { k as getClassName } from '../index-e647d770.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
+import { k as getClassName } from '../index-c67f2f3b.js';
+import { a as LocalizationContext } from '../LocalizationContext-bed38f81.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import '../stringSet-adf0eb59.js';
-import '../tslib.es6-5a2250f9.js';
-import '../index-097f4b78.js';
+import '../stringSet-07d51930.js';
+import '../tslib.es6-7a52c497.js';
+import '../index-6e02fc15.js';
 
 function UnknownMessageItemBody(_a) {
   var _b;

package/ui/UserListItem.js

@@ -1,54 +1,54 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { a as __spreadArray } from '../tslib.es6-7a52c497.js';
 import React__default, { useContext } from 'react';
-import PropTypes from 'prop-types';
-import { a as UserProfileContext } from '../UserProfileContext-c72e5006.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
+import { a as UserProfileContext } from '../UserProfileContext-5bc5ff98.js';
+import { a as LocalizationContext } from '../LocalizationContext-bed38f81.js';
 import Avatar from './Avatar.js';
 import MutedAvatarOverlay from './MutedAvatarOverlay.js';
 import Checkbox from './Checkbox.js';
 import ConnectedUserProfile from './UserProfile.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
-import '../tslib.es6-5a2250f9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
+import 'prop-types';
+import '../stringSet-07d51930.js';
+import '../index-6e02fc15.js';
 import './ImageRenderer.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 import './Icon.js';
-import '../uuid-9ac267fb.js';
+import '../uuid-b7da2ddf.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-29b13da4.js';
-import '../utils-e6f6eb1b.js';
-import '../index-ff084076.js';
-import '../index-e647d770.js';
+import '../topics-a5f3f0e9.js';
+import '../utils-af217adb.js';
+import '../index-a3d218da.js';
+import '../index-c67f2f3b.js';
 import 'react-dom';
 import './SortByRow.js';
 
-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.useRef(null);
   var parentRef = React__default.useRef(null);
   var avatarRef = React__default.useRef(null);
 
-  var _useContext = useContext(UserProfileContext),
-      disableUserProfile = _useContext.disableUserProfile,
-      renderUserProfile = _useContext.renderUserProfile;
-
-  var _useContext2 = useContext(LocalizationContext),
-      stringSet = _useContext2.stringSet;
+  var _b = useContext(UserProfileContext),
+      disableUserProfile = _b.disableUserProfile,
+      renderUserProfile = _b.renderUserProfile;
 
+  var stringSet = useContext(LocalizationContext).stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: [].concat(_toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-user-list-item']).join(' '),
+    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-user-list-item'], false).join(' '),
     ref: parentRef
-  }, user.isMuted && /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, {
+  }, (user === null || user === void 0 ? void 0 : user.isMuted) && /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, {
     height: 40,
     width: 40
   }), /*#__PURE__*/React__default.createElement(ContextMenu, {
@@ -98,20 +98,18 @@ function UserListItem(_ref) {
     className: "sendbird-user-list-item__subtitle",
     type: LabelTypography.CAPTION_3,
     color: LabelColors.ONBACKGROUND_2
-  }, user.userId), checkBox &&
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/label-has-associated-control
-  React__default.createElement("label", {
+  }, user.userId), checkBox && /*#__PURE__*/React__default.createElement("label", {
     className: "sendbird-user-list-item__checkbox",
     htmlFor: uniqueKey
   }, /*#__PURE__*/React__default.createElement(Checkbox, {
     id: uniqueKey,
     checked: checked,
+    disabled: disabled,
     onChange: function onChange(event) {
       return _onChange(event);
     }
-  })), user.role === 'operator' && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-user-list-item__operator",
+  })), isOperator && /*#__PURE__*/React__default.createElement(Label, {
+    className: ["sendbird-user-list-item__operator", checkBox ? "checkbox" : ""].join(' '),
     type: LabelTypography.SUBTITLE_2,
     color: LabelColors.ONBACKGROUND_2
   }, "Operator"), action && /*#__PURE__*/React__default.createElement("div", {
@@ -122,31 +120,6 @@ function UserListItem(_ref) {
     parentRef: parentRef
   })));
 }
-UserListItem.propTypes = {
-  className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  user: PropTypes.shape({
-    userId: PropTypes.string,
-    role: PropTypes.string,
-    isMuted: PropTypes.bool,
-    nickname: PropTypes.string,
-    profileUrl: PropTypes.string
-  }).isRequired,
-  disableMessaging: PropTypes.bool,
-  currentUser: PropTypes.string,
-  action: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  checkBox: PropTypes.bool,
-  checked: PropTypes.bool,
-  onChange: PropTypes.func
-};
-UserListItem.defaultProps = {
-  className: '',
-  currentUser: '',
-  checkBox: false,
-  disableMessaging: false,
-  checked: false,
-  action: null,
-  onChange: function onChange() {}
-};
 
 export { UserListItem as default };
 //# sourceMappingURL=UserListItem.js.map

package/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","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","currentUserId","close","UserProfile","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","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","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","currentUserId","close","UserProfile","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","event","SUBTITLE_2"],"mappings":"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"}

package/ui/UserProfile.js

@@ -1,20 +1,20 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
+import { a as LocalizationContext } from '../LocalizationContext-bed38f81.js';
 import withSendbirdContext from '../withSendbird.js';
 import { getSdk, getCreateGroupChannel } from '../sendbirdSelectors.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { B as Button, a as ButtonTypes } from '../index-ff084076.js';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
-import '../topics-29b13da4.js';
-import '../utils-e6f6eb1b.js';
-import '../tslib.es6-5a2250f9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-33456100.js';
+import { B as Button, a as ButtonTypes } from '../index-a3d218da.js';
+import '../stringSet-07d51930.js';
+import '../index-6e02fc15.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
+import '../topics-a5f3f0e9.js';
+import '../utils-af217adb.js';
+import '../tslib.es6-7a52c497.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-9ac267fb.js';
+import '../uuid-b7da2ddf.js';
 
 function UserProfile(_a) {
   var user = _a.user,