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

package/ui/MessageInput.js

@@ -1,18 +1,18 @@
-import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-87a4819d.js';
+import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-31a1bb40.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-7b1f25aa.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-c2efe3b4.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-6d03d727.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-58f24b74.js';
 import IconButton from './IconButton.js';
-import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-ff084076.js';
+import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-64bbdf03.js';
 import MentionUserLabel from './MentionUserLabel.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 convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-e647d770.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-3b997158.js';
+import { a as LocalizationContext } from '../LocalizationContext-9ecb0a32.js';
+import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-8cd47fe5.js';
+import '../stringSet-8f56c095.js';
+import '../index-526e1c2f.js';
+import '../tslib.es6-70020af6.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/ui/MessageItemMenu.js

@@ -2,16 +2,16 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-e647d770.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-8cd47fe5.js';
+import { a as LocalizationContext } from '../LocalizationContext-9ecb0a32.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../index-fdcc4a92.js';
-import '../stringSet-adf0eb59.js';
+import '../index-3b997158.js';
+import '../stringSet-8f56c095.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-5a2250f9.js';
-import '../index-097f4b78.js';
+import '../tslib.es6-70020af6.js';
+import '../index-526e1c2f.js';
 
 function MessageItemMenu(_a) {
   var className = _a.className,

package/ui/MessageItemReactionMenu.js

@@ -4,14 +4,14 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-e647d770.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-8cd47fe5.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../index-fdcc4a92.js';
-import '../stringSet-adf0eb59.js';
+import '../index-3b997158.js';
+import '../stringSet-8f56c095.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-5a2250f9.js';
+import '../tslib.es6-70020af6.js';
 
 function MessageItemReactionMenu(_a) {
   var className = _a.className,

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-5a2250f9.js';
+import { a as __spreadArray } from '../tslib.es6-70020af6.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { u as useLocalization } from '../LocalizationContext-1417e9d3.js';
-import { f as format } from '../index-89c172fc.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-f457e0cd.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3b997158.js';
+import { u as useLocalization } from '../LocalizationContext-9ecb0a32.js';
+import { f as format } from '../index-fd29af9b.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-5751f53d.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../uuid-9ac267fb.js';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
-import '../index-f9e25c08.js';
+import '../uuid-118d6514.js';
+import '../stringSet-8f56c095.js';
+import '../index-526e1c2f.js';
+import '../index-1cb86f16.js';
 
 function getCreatedAt(createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-5a2250f9.js';
+import { a as __spreadArray } from '../tslib.es6-70020af6.js';
 import React__default from 'react';
-import { f as format } from '../index-89c172fc.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-f457e0cd.js';
+import { f as format } from '../index-fd29af9b.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-5751f53d.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { u as useLocalization } from '../LocalizationContext-1417e9d3.js';
-import '../index-097f4b78.js';
-import '../index-f9e25c08.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3b997158.js';
+import { u as useLocalization } from '../LocalizationContext-9ecb0a32.js';
+import '../index-526e1c2f.js';
+import '../index-1cb86f16.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-9ac267fb.js';
-import '../stringSet-adf0eb59.js';
+import '../uuid-118d6514.js';
+import '../stringSet-8f56c095.js';
 
 function getCreatedAt (createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageStatus.js

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-5a2250f9.js';
+import { a as __spreadArray } from '../tslib.es6-70020af6.js';
 import React__default, { useMemo } from 'react';
-import { f as format } from '../index-89c172fc.js';
+import { f as format } from '../index-fd29af9b.js';
 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-3b997158.js';
 import Loader from './Loader.js';
-import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-e647d770.js';
-import { u as useLocalization } from '../LocalizationContext-1417e9d3.js';
-import '../index-097f4b78.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-8cd47fe5.js';
+import { u as useLocalization } from '../LocalizationContext-9ecb0a32.js';
+import '../index-526e1c2f.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../stringSet-adf0eb59.js';
+import '../stringSet-8f56c095.js';
 
 var MessageStatusTypes = getOutgoingMessageStates();
 function MessageStatus(_a) {

package/ui/Modal.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
-import { M as MODAL_ROOT } from '../index-b9a5ff91.js';
+import { a as LocalizationContext } from '../LocalizationContext-9ecb0a32.js';
+import { M as MODAL_ROOT } from '../index-a6ed3522.js';
 import IconButton from './IconButton.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { B as Button, a as ButtonTypes } from '../index-ff084076.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { n as noop } from '../utils-e6f6eb1b.js';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { B as Button, a as ButtonTypes } from '../index-64bbdf03.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3b997158.js';
+import { n as noop } from '../utils-e5523522.js';
+import '../stringSet-8f56c095.js';
+import '../index-526e1c2f.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 
 var ModalHeader = function ModalHeader(_ref) {
   var titleText = _ref.titleText;
@@ -28,7 +28,10 @@ var ModalBody = function ModalBody(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__body"
-  }, children);
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_2
+  }, children));
 };
 ModalBody.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.arrayOf(PropTypes.element.isRequired)])

package/ui/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/ui/Modal/index.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport IconButton from '../IconButton';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Button, { ButtonTypes } from '../Button';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { noop } from '../../utils/utils';\n\nexport const ModalHeader = ({ titleText }) => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\nModalHeader.propTypes = {\n  titleText: PropTypes.string.isRequired,\n};\n\nexport const ModalBody = ({ children }) => (\n  <div className=\"sendbird-modal__body\">{children}</div>\n);\nModalBody.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element.isRequired,\n    PropTypes.arrayOf(PropTypes.element.isRequired),\n  ]),\n};\nModalBody.defaultProps = {\n  children: null,\n};\n\nexport const ModalFooter = ({\n  onSubmit,\n  onCancel,\n  disabled = false,\n  submitText,\n  type,\n}) => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nModalFooter.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitText: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\nModalFooter.defaultProps = {\n  disabled: false,\n  type: ButtonTypes.DANGER,\n};\n\nexport default function Modal(props) {\n  const {\n    children,\n    onCancel,\n    onSubmit = noop,\n    disabled,\n    submitText,\n    titleText,\n    hideFooter,\n    type,\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\n      <div className=\"sendbird-modal__content\">\n        <ModalHeader titleText={titleText} />\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n\nModal.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]),\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func,\n  hideFooter: PropTypes.bool,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\nModal.defaultProps = {\n  children: null,\n  hideFooter: false,\n  disabled: false,\n  type: ButtonTypes.DANGER,\n};\n"],"names":["ModalHeader","titleText","React","LabelTypography","H_1","LabelColors","ONBACKGROUND_1","propTypes","PropTypes","string","isRequired","ModalBody","children","oneOfType","element","arrayOf","defaultProps","ModalFooter","onSubmit","onCancel","disabled","submitText","type","useContext","LocalizationContext","stringSet","ButtonTypes","SECONDARY","BUTTON_1","BUTTON__CANCEL","func","bool","DANGER","Modal","props","noop","hideFooter","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/ui/Modal/index.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport IconButton from '../IconButton';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Button, { ButtonTypes } from '../Button';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { noop } from '../../utils/utils';\n\nexport const ModalHeader = ({ titleText }) => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\nModalHeader.propTypes = {\n  titleText: PropTypes.string.isRequired,\n};\n\nexport const ModalBody = ({ children }) => (\n  <div className=\"sendbird-modal__body\">\n    <Label\n      type={LabelTypography.SUBTITLE_1}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      {children}\n    </Label>\n  </div>\n);\nModalBody.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element.isRequired,\n    PropTypes.arrayOf(PropTypes.element.isRequired),\n  ]),\n};\nModalBody.defaultProps = {\n  children: null,\n};\n\nexport const ModalFooter = ({\n  onSubmit,\n  onCancel,\n  disabled = false,\n  submitText,\n  type,\n}) => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nModalFooter.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitText: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\nModalFooter.defaultProps = {\n  disabled: false,\n  type: ButtonTypes.DANGER,\n};\n\nexport default function Modal(props) {\n  const {\n    children,\n    onCancel,\n    onSubmit = noop,\n    disabled,\n    submitText,\n    titleText,\n    hideFooter,\n    type,\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\n      <div className=\"sendbird-modal__content\">\n        <ModalHeader titleText={titleText} />\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n\nModal.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]),\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func,\n  hideFooter: PropTypes.bool,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\nModal.defaultProps = {\n  children: null,\n  hideFooter: false,\n  disabled: false,\n  type: ButtonTypes.DANGER,\n};\n"],"names":["ModalHeader","titleText","React","LabelTypography","H_1","LabelColors","ONBACKGROUND_1","propTypes","PropTypes","string","isRequired","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","oneOfType","element","arrayOf","defaultProps","ModalFooter","onSubmit","onCancel","disabled","submitText","type","useContext","LocalizationContext","stringSet","ButtonTypes","SECONDARY","BUTTON_1","BUTTON__CANCEL","func","bool","DANGER","Modal","props","noop","hideFooter","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
 
 function MutedAvatarOverlay(props) {

package/ui/OGMessageItemBody.js

@@ -2,27 +2,27 @@ import React__default, { useContext } from 'react';
 import Word from './Word.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import { u as uuidv4 } from '../uuid-9ac267fb.js';
-import { k as getClassName, e as isEditedMessage } from '../index-e647d770.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3b997158.js';
+import { u as uuidv4 } from '../uuid-118d6514.js';
+import { k as getClassName, e as isEditedMessage } from '../index-8cd47fe5.js';
+import { a as LocalizationContext } from '../LocalizationContext-9ecb0a32.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-adf0eb59.js';
-import '../tslib.es6-5a2250f9.js';
+import '../stringSet-8f56c095.js';
+import '../tslib.es6-70020af6.js';
 import './UserProfile.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-29b13da4.js';
-import '../utils-e6f6eb1b.js';
+import '../topics-27c99fc7.js';
+import '../utils-e5523522.js';
 import './Avatar.js';
-import '../index-ff084076.js';
-import '../index-097f4b78.js';
+import '../index-64bbdf03.js';
+import '../index-526e1c2f.js';
 import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-5a2250f9.js';
+import { a as __spreadArray } from '../tslib.es6-70020af6.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fdcc4a92.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3b997158.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../stringSet-adf0eb59.js';
+import '../stringSet-8f56c095.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAvatar.js

@@ -1,15 +1,15 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
-import { b as getOpenChannelAvatar } from '../utils-3702c3d4.js';
-import '../tslib.es6-5a2250f9.js';
+import { a as LocalizationContext } from '../LocalizationContext-9ecb0a32.js';
+import { b as getOpenChannelAvatar } from '../utils-c7599c37.js';
+import '../tslib.es6-70020af6.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-9ac267fb.js';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
+import '../uuid-118d6514.js';
+import '../stringSet-8f56c095.js';
+import '../index-526e1c2f.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenchannelConversationHeader.js

@@ -2,15 +2,15 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.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 { a as LocalizationContext } from '../LocalizationContext-1417e9d3.js';
-import '../tslib.es6-5a2250f9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3b997158.js';
+import { a as LocalizationContext } from '../LocalizationContext-9ecb0a32.js';
+import '../tslib.es6-70020af6.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../uuid-9ac267fb.js';
-import '../stringSet-adf0eb59.js';
-import '../index-097f4b78.js';
+import '../uuid-118d6514.js';
+import '../stringSet-8f56c095.js';
+import '../index-526e1c2f.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,32 +1,32 @@
-import { a as __spreadArray } from '../tslib.es6-5a2250f9.js';
+import { a as __spreadArray } from '../tslib.es6-70020af6.js';
 import React__default, { useRef, useContext } from 'react';
-import { f as format } from '../index-89c172fc.js';
+import { f as format } from '../index-fd29af9b.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.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-3b997158.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.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 checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, 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-c1834696.js';
+import { u as useLocalization } from '../LocalizationContext-9ecb0a32.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-d942de1a.js';
+import '../index-526e1c2f.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-87a4819d.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../uuid-9ac267fb.js';
-import '../index-e647d770.js';
+import '../uuid-118d6514.js';
+import '../index-8cd47fe5.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-adf0eb59.js';
-import '../color-32ee546e.js';
+import '../stringSet-8f56c095.js';
+import '../color-0d32d75b.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-29b13da4.js';
-import '../utils-e6f6eb1b.js';
-import '../index-ff084076.js';
+import '../topics-27c99fc7.js';
+import '../utils-e5523522.js';
+import '../index-64bbdf03.js';
 
 var checkFileType = function checkFileType(fileUrl) {
   var audioFile = /(\.mp3)$/i;
@@ -56,6 +56,7 @@ var truncate = function truncate(fullStr, strLen) {
 function OpenchannelFileMessage(_a) {
   var className = _a.className,
       message = _a.message,
+      isOperator = _a.isOperator,
       userId = _a.userId,
       disabled = _a.disabled,
       chainTop = _a.chainTop,
@@ -78,7 +79,6 @@ function OpenchannelFileMessage(_a) {
     window.open(message.url);
   };
 
-  var isByMe = checkIsByMe(message, userId);
   var isPending = checkIsPending(status);
   var isFailed = checkIsFailed(status);
   var sender = getSenderFromMessage(message);
@@ -126,7 +126,7 @@ function OpenchannelFileMessage(_a) {
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-openchannel-file-message__right__title__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-file-message__right__title__sent-at",
     type: LabelTypography.CAPTION_3,

package/ui/OpenchannelFileMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelFileMessage.js","sources":["../../src/ui/OpenchannelFileMessage/utils.ts","../../src/ui/OpenchannelFileMessage/index.tsx"],"sourcesContent":["import { IconTypes } from '../Icon';\n\nexport const checkFileType = (fileUrl: string): string => {\n  const audioFile = /(\\.mp3)$/i;\n  const gifFile = /(\\.gif)$/i;\n  if (audioFile.test(fileUrl)) {\n    return IconTypes.FILE_AUDIO;\n  }\n  if (gifFile.test(fileUrl)) {\n    return IconTypes.GIF\n  }\n  return IconTypes.FILE_DOCUMENT;\n}\n\nexport const truncate = (fullStr:string, strLen: number): string => {\n  if (fullStr === null || fullStr === undefined) return '';\n  if (fullStr.length <= strLen) return fullStr;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = strLen - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);\n};\n","import React, { useContext, useRef } from 'react';\nimport { FileMessage } 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 Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkFileType, truncate } from './utils';\nimport {\n  checkIsByMe,\n  checkIsPending,\n  checkIsFailed,\n  isFineDelete,\n  isFineResend,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  userId: string;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  showRemove(bool: boolean): void;\n  resendMessage(message: FileMessage): void;\n}\n\nexport default function OpenchannelFileMessage({\n  className,\n  message,\n  userId,\n  disabled,\n  chainTop,\n  showRemove,\n  resendMessage,\n}: Props): JSX.Element {\n  const status = message?.sendingStatus;\n  const { dateLocale, stringSet } = useLocalization();\n  const contextMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n\n  const openFileUrl = () => { window.open(message.url); };\n\n  const isByMe = checkIsByMe(message, userId);\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-file-message',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-openchannel-file-message__left\">\n        {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-file-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-file-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-file-message__right__title\">\n              <Label\n                className=\"sendbird-openchannel-file-message__right__title__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-file-message__right__title__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-file-message__right__body\">\n          {\n            checkFileType(message.url) && (\n              <Icon\n                className=\"sendbird-openchannel-file-message__right__body__icon\"\n                type={checkFileType(message.url)}\n                fillColor={IconColors.PRIMARY}\n                width=\"48px\"\n                height=\"48px\"\n              />\n            )\n          }\n          <TextButton\n            className=\"sendbird-openchannel-file-message__right__body__file-name\"\n            onClick={openFileUrl}\n          >\n            <Label\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {truncate(message.name || message.url, 40)}\n            </Label>\n          </TextButton>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-file-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-file-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-file-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      <div\n        className=\"sendbird-openchannel-file-message__context-menu\"\n        ref={contextMenuRef}\n      >\n        {\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                showMenuTrigger({ message, userId, status }) && (\n                  <IconButton\n                    className=\"sendbird-openchannel-file-message__context-menu__icon\"\n                    width=\"32px\"\n                    height=\"32px\"\n                    onClick={toggleDropdown}\n                  >\n                    <Icon\n                      type={IconTypes.MORE}\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                    isFineResend({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          resendMessage(message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    isFineDelete({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          showRemove(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                      </MenuItem>\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n        }\n      </div>\n    </div>\n  );\n}\n"],"names":["checkFileType","fileUrl","audioFile","gifFile","test","IconTypes","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullStr","strLen","undefined","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","OpenchannelFileMessage","_a","className","message","userId","disabled","chainTop","showRemove","resendMessage","status","sendingStatus","_b","useLocalization","dateLocale","stringSet","contextMenuRef","useRef","avatarRef","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","openFileUrl","window","open","url","isByMe","checkIsByMe","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","React","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","IconColors","PRIMARY","BODY_1","ONBACKGROUND_1","name","SPINNER","ERROR","showMenuTrigger","MORE","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":"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"}
+{"version":3,"file":"OpenchannelFileMessage.js","sources":["../../src/ui/OpenchannelFileMessage/utils.ts","../../src/ui/OpenchannelFileMessage/index.tsx"],"sourcesContent":["import { IconTypes } from '../Icon';\n\nexport const checkFileType = (fileUrl: string): string => {\n  const audioFile = /(\\.mp3)$/i;\n  const gifFile = /(\\.gif)$/i;\n  if (audioFile.test(fileUrl)) {\n    return IconTypes.FILE_AUDIO;\n  }\n  if (gifFile.test(fileUrl)) {\n    return IconTypes.GIF\n  }\n  return IconTypes.FILE_DOCUMENT;\n}\n\nexport const truncate = (fullStr:string, strLen: number): string => {\n  if (fullStr === null || fullStr === undefined) return '';\n  if (fullStr.length <= strLen) return fullStr;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = strLen - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);\n};\n","import React, { useContext, useRef } from 'react';\nimport { FileMessage } 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 Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkFileType, truncate } from './utils';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineDelete,\n  isFineResend,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isOperator?: boolean;\n  userId: string;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  showRemove(bool: boolean): void;\n  resendMessage(message: FileMessage): void;\n}\n\nexport default function OpenchannelFileMessage({\n  className,\n  message,\n  isOperator,\n  userId,\n  disabled,\n  chainTop,\n  showRemove,\n  resendMessage,\n}: Props): JSX.Element {\n  const status = message?.sendingStatus;\n  const { dateLocale, stringSet } = useLocalization();\n  const contextMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n\n  const openFileUrl = () => { window.open(message.url); };\n\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-file-message',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-openchannel-file-message__left\">\n        {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-file-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-file-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-file-message__right__title\">\n              <Label\n                className=\"sendbird-openchannel-file-message__right__title__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-file-message__right__title__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-file-message__right__body\">\n          {\n            checkFileType(message.url) && (\n              <Icon\n                className=\"sendbird-openchannel-file-message__right__body__icon\"\n                type={checkFileType(message.url)}\n                fillColor={IconColors.PRIMARY}\n                width=\"48px\"\n                height=\"48px\"\n              />\n            )\n          }\n          <TextButton\n            className=\"sendbird-openchannel-file-message__right__body__file-name\"\n            onClick={openFileUrl}\n          >\n            <Label\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {truncate(message.name || message.url, 40)}\n            </Label>\n          </TextButton>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-file-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-file-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-file-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      <div\n        className=\"sendbird-openchannel-file-message__context-menu\"\n        ref={contextMenuRef}\n      >\n        {\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                showMenuTrigger({ message, userId, status }) && (\n                  <IconButton\n                    className=\"sendbird-openchannel-file-message__context-menu__icon\"\n                    width=\"32px\"\n                    height=\"32px\"\n                    onClick={toggleDropdown}\n                  >\n                    <Icon\n                      type={IconTypes.MORE}\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                    isFineResend({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          resendMessage(message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    isFineDelete({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          showRemove(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                      </MenuItem>\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n        }\n      </div>\n    </div>\n  );\n}\n"],"names":["checkFileType","fileUrl","audioFile","gifFile","test","IconTypes","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullStr","strLen","undefined","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","OpenchannelFileMessage","_a","className","message","isOperator","userId","disabled","chainTop","showRemove","resendMessage","status","sendingStatus","_b","useLocalization","dateLocale","stringSet","contextMenuRef","useRef","avatarRef","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","openFileUrl","window","open","url","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","React","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","IconColors","PRIMARY","BODY_1","ONBACKGROUND_1","name","SPINNER","ERROR","showMenuTrigger","MORE","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":"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"}

package/ui/OpenchannelOGMessage.js

@@ -1,32 +1,32 @@
-import { a as __spreadArray } from '../tslib.es6-5a2250f9.js';
+import { a as __spreadArray } from '../tslib.es6-70020af6.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-89c172fc.js';
+import { f as format } from '../index-fd29af9b.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 ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-fdcc4a92.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-3b997158.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-c72e5006.js';
-import { u as uuidv4 } from '../uuid-9ac267fb.js';
-import { c as copyToClipboard } from '../utils-ad16f26f.js';
-import { u as useLocalization } from '../LocalizationContext-1417e9d3.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 '../_rollupPluginBabelHelpers-87a4819d.js';
+import { a as UserProfileContext } from '../UserProfileContext-c1834696.js';
+import { u as uuidv4 } from '../uuid-118d6514.js';
+import { c as copyToClipboard } from '../utils-e3bda5a7.js';
+import { u as useLocalization } from '../LocalizationContext-9ecb0a32.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-d942de1a.js';
+import '../index-526e1c2f.js';
+import '../_rollupPluginBabelHelpers-31a1bb40.js';
 import 'prop-types';
-import '../index-e647d770.js';
+import '../index-8cd47fe5.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-adf0eb59.js';
+import '../stringSet-8f56c095.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-29b13da4.js';
-import '../utils-e6f6eb1b.js';
-import '../index-ff084076.js';
+import '../topics-27c99fc7.js';
+import '../utils-e5523522.js';
+import '../index-64bbdf03.js';
 
 var URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 var createUrlTester = function createUrlTester(regexp) {
@@ -52,6 +52,7 @@ var checkOGIsEnalbed = function checkOGIsEnalbed(message) {
 
 function OpenchannelOGMessage(_a) {
   var message = _a.message,
+      isOperator = _a.isOperator,
       className = _a.className,
       disabled = _a.disabled,
       showEdit = _a.showEdit,
@@ -84,7 +85,6 @@ function OpenchannelOGMessage(_a) {
   var contextMenuRef = useRef(null);
   var avatarRef = useRef(null);
   var isUrl = createUrlTester(URL_REG);
-  var isByMe = checkIsByMe(message, userId);
   var isPending = checkIsPending(status);
   var isFailed = checkIsFailed(status);
   var sender = getSenderFromMessage(message);
@@ -188,7 +188,7 @@ function OpenchannelOGMessage(_a) {
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-openchannel-og-message__top__right__title__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-og-message__top__right__title__sent-at",
     type: LabelTypography.CAPTION_3,