@sendbird/uikit-react 3.7.0-rc.1 → 3.8.0

package/ui/Modal.js

@@ -1,127 +1,14 @@
-import React__default, { useContext } from 'react';
-import { createPortal } from 'react-dom';
-import { n as noop } from '../utils-dc677a86.js';
-import '../tslib.es6-353b1a8e.js';
-import '../index-4ff8441f.js';
-import { M as MODAL_ROOT } from '../index-7c8bbc47.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dd8dd71.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-e7425227.js';
-import IconButton from './IconButton.js';
-import Button from './Button.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-72a8436a.js';
-import { B as ButtonTypes } from '../types-9a224810.js';
-import '../stringSet-82c00996.js';
-import '../index-de4364e8.js';
-import 'prop-types';
-
-var ModalHeader = function (_a) {
-  var titleText = _a.titleText;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-modal__header"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.H_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, titleText));
-};
-var ModalBody = function (_a) {
-  var children = _a.children;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-modal__body"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.SUBTITLE_1,
-    color: LabelColors.ONBACKGROUND_2
-  }, children));
-};
-var ModalFooter = function (_a) {
-  var submitText = _a.submitText,
-    _b = _a.disabled,
-    disabled = _b === void 0 ? false : _b,
-    _c = _a.hideCancelButton,
-    hideCancelButton = _c === void 0 ? false : _c,
-    _d = _a.type,
-    type = _d === void 0 ? ButtonTypes.DANGER : _d,
-    onSubmit = _a.onSubmit,
-    onCancel = _a.onCancel;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-modal__footer"
-  }, !hideCancelButton && /*#__PURE__*/React__default.createElement(Button, {
-    type: ButtonTypes.SECONDARY,
-    onClick: onCancel
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.BUTTON_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, stringSet.BUTTON__CANCEL)), /*#__PURE__*/React__default.createElement(Button, {
-    type: type,
-    disabled: disabled,
-    onClick: onSubmit
-  }, submitText));
-};
-function Modal(props) {
-  var _a = props.children,
-    children = _a === void 0 ? null : _a,
-    _b = props.className,
-    className = _b === void 0 ? '' : _b,
-    _c = props.isCloseOnClickOutside,
-    isCloseOnClickOutside = _c === void 0 ? false : _c,
-    _d = props.isFullScreenOnMobile,
-    isFullScreenOnMobile = _d === void 0 ? false : _d,
-    titleText = props.titleText,
-    submitText = props.submitText,
-    _e = props.disabled,
-    disabled = _e === void 0 ? false : _e,
-    _f = props.hideFooter,
-    hideFooter = _f === void 0 ? false : _f,
-    _g = props.type,
-    type = _g === void 0 ? ButtonTypes.DANGER : _g,
-    /**
-     * Do not use this! We will deprecate onCancel in v4.
-     */
-    _h = props.onCancel,
-    /**
-     * Do not use this! We will deprecate onCancel in v4.
-     */
-    onCancel = _h === void 0 ? noop : _h,
-    onClose = props.onClose,
-    _j = props.onSubmit,
-    onSubmit = _j === void 0 ? noop : _j,
-    renderHeader = props.renderHeader;
-  var handleClose = onClose !== null && onClose !== void 0 ? onClose : onCancel;
-  var isMobile = useMediaQueryContext().isMobile;
-  return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", {
-    className: "\n      sendbird-modal ".concat(className, "\n      ").concat(isFullScreenOnMobile && isMobile ? 'sendbird-modal--full-mobile' : '', "\n    ")
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-modal__content"
-  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default.createElement(ModalHeader, {
-    titleText: titleText !== null && titleText !== void 0 ? titleText : ''
-  }), /*#__PURE__*/React__default.createElement(ModalBody, null, children), !hideFooter && /*#__PURE__*/React__default.createElement(ModalFooter, {
-    disabled: disabled,
-    onCancel: handleClose,
-    onSubmit: onSubmit,
-    submitText: submitText !== null && submitText !== void 0 ? submitText : '',
-    type: type
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-modal__close"
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
-    width: "32px",
-    height: "32px",
-    onClick: handleClose
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.CLOSE,
-    fillColor: IconColors.DEFAULT,
-    width: "24px",
-    height: "24px"
-  })))), /*#__PURE__*/React__default.createElement("div", {
-    className: "\n          sendbird-modal__backdrop\n          ".concat(isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside', "\n        "),
-    onClick: function (e) {
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-      if (isCloseOnClickOutside) {
-        handleClose();
-      }
-    }
-  })), document.getElementById(MODAL_ROOT));
-}
-
-export { Modal, ModalBody, ModalFooter, ModalHeader, Modal as default };
+import 'react';
+import 'react-dom';
+import '../chunks/bundle-v9a1_z0P.js';
+export { M as Modal, e as ModalBody, c as ModalFooter, d as ModalHeader, M as default } from '../chunks/bundle-rLxuFUa1.js';
+import '../chunks/bundle-v0OWADVv.js';
+import '../chunks/bundle-x-4ukZm_.js';
+import './IconButton.js';
+import './Button.js';
+import './Icon.js';
+import '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-hKtwSqbO.js';
 //# sourceMappingURL=Modal.js.map

package/ui/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/ui/Modal/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { noop } from '../../utils/utils';\nimport { MODAL_ROOT } from '../../hooks/useModal';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\nimport IconButton from '../IconButton';\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ModalHeaderProps {\n  titleText: string;\n}\nexport const ModalHeader = ({ titleText }: ModalHeaderProps): ReactElement => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\n\nexport interface ModalBodyProps {\n  children?: ReactElement | ReactElement[] | null;\n}\nexport const ModalBody = ({ children }: ModalBodyProps): ReactElement => (\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);\n\nexport interface ModalFooterProps {\n  submitText: string;\n  disabled?: boolean;\n  type?: ButtonTypes;\n  onCancel: () => void;\n  onSubmit: () => void;\n  hideCancelButton?: boolean;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  hideCancelButton = false,\n  type = ButtonTypes.DANGER,\n  onSubmit,\n  onCancel,\n}: ModalFooterProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      {!hideCancelButton && (\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      )}\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  children?: ReactElement | ReactElement[];\n  className?: string;\n  isCloseOnClickOutside?: boolean;\n  isFullScreenOnMobile?: boolean;\n  titleText?: string;\n  submitText?: string;\n  disabled?: boolean;\n  hideFooter?: boolean;\n  type?: ButtonTypes;\n  /**\n   * Do not use this! We will deprecate onCancel in v4.\n   */\n  onCancel?: () => void;\n  onClose?: () => void;\n  onSubmit?: (...args: any[]) => void;\n  renderHeader?: () => ReactElement;\n}\nexport function Modal(props: ModalProps): ReactElement {\n  const {\n    children = null,\n    className = '',\n    isCloseOnClickOutside = false,\n    isFullScreenOnMobile = false,\n    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    /**\n     * Do not use this! We will deprecate onCancel in v4.\n     */\n    onCancel = noop,\n    onClose,\n    onSubmit = noop,\n    renderHeader,\n  } = props;\n  const handleClose = onClose ?? onCancel;\n\n  const { isMobile } = useMediaQueryContext();\n  return createPortal((\n    <div className={`\n      sendbird-modal ${className}\n      ${(isFullScreenOnMobile && isMobile) ? 'sendbird-modal--full-mobile' : ''}\n    `}>\n      <div className=\"sendbird-modal__content\">\n        {renderHeader?.() || (\n          <ModalHeader titleText={titleText ?? ''} />\n        )}\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={handleClose}\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={handleClose}\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\n        className={`\n          sendbird-modal__backdrop\n          ${isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside'}\n        `}\n        onClick={(e) => {\n          e?.stopPropagation();\n          if (isCloseOnClickOutside) {\n            handleClose();\n          }\n        }}\n      />\n    </div>\n  ), document.getElementById(MODAL_ROOT) as HTMLElement);\n}\nexport default Modal;\n"],"names":["ModalHeader","_a","titleText","React","createElement","className","Label","type","LabelTypography","H_1","color","LabelColors","ONBACKGROUND_1","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","ModalFooter","submitText","_b","disabled","_c","hideCancelButton","_d","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","Button","SECONDARY","onClick","BUTTON_1","BUTTON__CANCEL","Modal","props","isCloseOnClickOutside","isFullScreenOnMobile","_e","_f","hideFooter","_g","_h","noop","onClose","_j","renderHeader","handleClose","isMobile","useMediaQueryContext","createPortal","concat","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","IconColors","DEFAULT","e","stopPropagation","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/ui/MutedAvatarOverlay.js

@@ -1,32 +1,20 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import 'prop-types';
+import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-v9a1_z0P.js';
 
-function MutedAvatarOverlay(props) {
-  var _a = props.height,
-    height = _a === void 0 ? 24 : _a,
-    _b = props.width,
-    width = _b === void 0 ? 24 : _b;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-muted-avatar",
-    style: {
-      height: "".concat(height, "px"),
-      width: "".concat(width, "px")
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-muted-avatar__icon"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-muted-avatar__bg",
-    style: {
-      height: "".concat(height, "px"),
-      width: "".concat(width, "px")
-    }
-  }), /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.MUTE,
-    fillColor: IconColors.WHITE,
-    width: "".concat(height - 8, "px"),
-    height: "".concat(width - 8, "px")
-  })));
+function MutedAvatarOverlay(props) {
+    var _a = props.height, height = _a === void 0 ? 24 : _a, _b = props.width, width = _b === void 0 ? 24 : _b;
+    return (React__default.createElement("div", { className: "sendbird-muted-avatar", style: {
+            height: "".concat(height, "px"),
+            width: "".concat(width, "px"),
+        } },
+        React__default.createElement("div", { className: "sendbird-muted-avatar__icon" },
+            React__default.createElement("div", { className: "sendbird-muted-avatar__bg", style: {
+                    height: "".concat(height, "px"),
+                    width: "".concat(width, "px"),
+                } }),
+            React__default.createElement(Icon, { type: IconTypes.MUTE, fillColor: IconColors.WHITE, width: "".concat(height - 8, "px"), height: "".concat(width - 8, "px") }))));
 }
 
 export { MutedAvatarOverlay as default };

package/ui/MutedAvatarOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutedAvatarOverlay.js","sources":["../../src/ui/Avatar/MutedAvatarOverlay.tsx"],"sourcesContent":["import './muted-avatar-overlay.scss';\n\nimport React, { ReactElement } from 'react';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\ninterface Props {\n  height?: number;\n  width?: number;\n}\n\nexport default function MutedAvatarOverlay(props: Props): ReactElement {\n  const { height = 24, width = 24 } = props;\n  return (\n    <div\n      className=\"sendbird-muted-avatar\"\n      style={{\n        height: `${height}px`,\n        width: `${width}px`,\n      }}\n    >\n      <div className=\"sendbird-muted-avatar__icon\">\n        <div\n          className=\"sendbird-muted-avatar__bg\"\n          style={{\n            height: `${height}px`,\n            width: `${width}px`,\n          }}\n        />\n        <Icon\n          type={IconTypes.MUTE}\n          fillColor={IconColors.WHITE}\n          width={`${height - 8}px`}\n          height={`${width - 8}px`}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["MutedAvatarOverlay","props","_a","height","_b","width","React","createElement","className","style","concat","Icon","type","IconTypes","MUTE","fillColor","IconColors","WHITE"],"mappings":";;;;AAUwB,SAAAA,kBAAkBA,CAACC,KAAY,EAAA;AAC7C,EAAA,IAAAC,KAA4BD,KAAK,CAAAE,MAAtB;IAAXA,MAAM,mBAAG,EAAE,GAAAD,EAAA;IAAEE,EAAA,GAAeH,KAAK,CAAVI,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,CAAA;EAC/B,oBACEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,uBAAuB;AACjCC,IAAAA,KAAK,EAAE;MACLN,MAAM,EAAE,EAAG,CAAAO,MAAA,CAAAP,MAAM,EAAI,IAAA,CAAA;AACrBE,MAAAA,KAAK,EAAE,EAAG,CAAAK,MAAA,CAAAL,KAAK,EAAI,IAAA,CAAA;AACpB,KAAA;GAEDC,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;GACbF,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,2BAA2B;AACrCC,IAAAA,KAAK,EAAE;MACLN,MAAM,EAAE,EAAG,CAAAO,MAAA,CAAAP,MAAM,EAAI,IAAA,CAAA;AACrBE,MAAAA,KAAK,EAAE,EAAG,CAAAK,MAAA,CAAAL,KAAK,EAAI,IAAA,CAAA;AACpB,KAAA;AAAC,GAEJ,CAAA,eAAAC,cAAA,CAAAC,aAAA,CAACI,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACC,IAAK;IACrBC,SAAS,EAAEC,UAAU,CAACC,KAAM;IAC5BZ,KAAK,EAAE,EAAG,CAAAK,MAAA,CAAAP,MAAM,GAAG,CAAC,OAAK;IACzBA,MAAM,EAAE,EAAG,CAAAO,MAAA,CAAAL,KAAK,GAAG,CAAC,EAAA,IAAA,CAAA;GAExB,CAAK,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"MutedAvatarOverlay.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/ui/OGMessageItemBody.js

@@ -1,126 +1,85 @@
 import React__default, { useRef, useContext, useMemo } from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-72a8436a.js';
-import { o as getClassName, G as isEditedMessage } from '../index-a6cfd784.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dd8dd71.js';
-import { T as TextFragment } from '../index-02a91ddb.js';
-import { t as tokenizeMessage } from '../tokenize-d54187ef.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-96ddd57a.js';
-import '../tslib.es6-353b1a8e.js';
-import 'prop-types';
-import '../stringSet-82c00996.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { d as getClassName, p as isEditedMessage } from '../chunks/bundle-EHReigfD.js';
+import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
+import { T as TextFragment } from '../chunks/bundle-Zl1hrCWc.js';
+import { t as tokenizeMessage } from '../chunks/bundle-cviP1IM2.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-khKXutc3.js';
+import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-5yKxJk_M.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-4ff8441f.js';
-import '../index-de4364e8.js';
+import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-FTgSGiKe.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-a9b18b52.js';
+import '../chunks/bundle-bofQNMJb.js';
 import './UserProfile.js';
-import '../UserProfileContext-a70aa041.js';
+import '../chunks/bundle-ubky9D9H.js';
 import '../sendbirdSelectors.js';
 import '../pubSub/topics.js';
-import '../utils-dc677a86.js';
 import './Avatar.js';
 import './Button.js';
-import '../types-9a224810.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import './LinkLabel.js';
 
-function OGMessageItemBody(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  var className = _a.className,
-    message = _a.message,
-    _p = _a.isByMe,
-    isByMe = _p === void 0 ? false : _p,
-    _q = _a.mouseHover,
-    mouseHover = _q === void 0 ? false : _q,
-    _r = _a.isMentionEnabled,
-    isMentionEnabled = _r === void 0 ? false : _r,
-    _s = _a.isReactionEnabled,
-    isReactionEnabled = _s === void 0 ? false : _s,
-    _t = _a.onMessageHeightChange,
-    onMessageHeightChange = _t === void 0 ? function () {} : _t;
-  var imageRef = useRef(null);
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var openOGUrl = function () {
-    var _a, _b;
-    if ((_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url) window.open((_b = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _b === void 0 ? void 0 : _b.url);
-  };
-  var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
-  var tokens = useMemo(function () {
-    if (isMessageMentioned) {
-      return tokenizeMessage({
-        mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
-        messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate
-      });
-    }
-    return tokenizeMessage({
-      messageText: message === null || message === void 0 ? void 0 : message.message
-    });
-  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-og-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.BODY_1,
-    color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: OG_MESSAGE_BODY_CLASSNAME
-  }, /*#__PURE__*/React__default.createElement(TextFragment, {
-    tokens: tokens
-  }), isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-og-message-item-body__text-bubble__message",
-    type: LabelTypography.BODY_1,
-    color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2
-  }, " ".concat(stringSet.MESSAGE_EDITED, " ")))), /*#__PURE__*/React__default.createElement("div", {
-    ref: imageRef,
-    className: "sendbird-og-message-item-body__og-thumbnail\n          ".concat(((_f = (_e = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) === null || _f === void 0 ? void 0 : _f.url) ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty', "\n        "),
-    onClick: openOGUrl
-  }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-    onLoad: onMessageHeightChange,
-    onError: function () {
-      var _a, _b;
-      try {
-        (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');
-      } catch (error) {
-        // do nothing
-      }
-    },
-    className: "sendbird-og-message-item-body__og-thumbnail__image",
-    url: ((_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.url) || '',
-    alt: (_k = (_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.defaultImage) === null || _k === void 0 ? void 0 : _k.alt
-    // TODO: Change fixing width and height lengths
-    ,
-    defaultComponent: /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-og-message-item-body__og-thumbnail__place-holder"
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon",
-      type: IconTypes.THUMBNAIL_NONE,
-      width: "56px",
-      height: "56px"
-    }))
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-og-message-item-body__description",
-    onClick: openOGUrl
-  }, ((_l = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _l === void 0 ? void 0 : _l.title) && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-og-message-item-body__description__title",
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, message.ogMetaData.title), ((_m = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _m === void 0 ? void 0 : _m.description) && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-og-message-item-body__description__description",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, message.ogMetaData.description), ((_o = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _o === void 0 ? void 0 : _o.url) && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-og-message-item-body__description__url",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, message.ogMetaData.url)), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-og-message-item-body__cover"
-  }));
+function OGMessageItemBody(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var className = _a.className, message = _a.message, _p = _a.isByMe, isByMe = _p === void 0 ? false : _p, _q = _a.mouseHover, mouseHover = _q === void 0 ? false : _q, _r = _a.isMentionEnabled, isMentionEnabled = _r === void 0 ? false : _r, _s = _a.isReactionEnabled, isReactionEnabled = _s === void 0 ? false : _s, _t = _a.onMessageHeightChange, onMessageHeightChange = _t === void 0 ? function () { } : _t;
+    var imageRef = useRef(null);
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var openOGUrl = function () {
+        var _a, _b;
+        if ((_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url)
+            window.open((_b = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _b === void 0 ? void 0 : _b.url);
+    };
+    var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
+    var tokens = useMemo(function () {
+        if (isMessageMentioned) {
+            return tokenizeMessage({
+                mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+                messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
+            });
+        }
+        return tokenizeMessage({
+            messageText: message === null || message === void 0 ? void 0 : message.message,
+        });
+    }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+    return (React__default.createElement("div", { className: getClassName([
+            className,
+            'sendbird-og-message-item-body',
+            isByMe ? 'outgoing' : 'incoming',
+            mouseHover ? 'mouse-hover' : '',
+            (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
+        ]) },
+        React__default.createElement(Label, { type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 },
+            React__default.createElement("div", { className: OG_MESSAGE_BODY_CLASSNAME },
+                React__default.createElement(TextFragment, { tokens: tokens }),
+                isEditedMessage(message) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__text-bubble__message", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
+        React__default.createElement("div", { ref: imageRef, className: "sendbird-og-message-item-body__og-thumbnail\n          ".concat(((_f = (_e = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) === null || _f === void 0 ? void 0 : _f.url) ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty', "\n        "), onClick: openOGUrl },
+            React__default.createElement(ImageRenderer, { onLoad: onMessageHeightChange, onError: function () {
+                    var _a, _b;
+                    try {
+                        (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');
+                    }
+                    catch (error) {
+                        // do nothing
+                    }
+                }, className: "sendbird-og-message-item-body__og-thumbnail__image", url: ((_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.url) || '', alt: (_k = (_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.defaultImage) === null || _k === void 0 ? void 0 : _k.alt, 
+                // TODO: Change fixing width and height lengths
+                defaultComponent: (React__default.createElement("div", { className: "sendbird-og-message-item-body__og-thumbnail__place-holder" },
+                    React__default.createElement(Icon, { className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon", type: IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" }))) })),
+        React__default.createElement("div", { className: "sendbird-og-message-item-body__description", onClick: openOGUrl },
+            ((_l = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _l === void 0 ? void 0 : _l.title) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, message.ogMetaData.title)),
+            ((_m = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _m === void 0 ? void 0 : _m.description) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__description", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, message.ogMetaData.description)),
+            ((_o = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _o === void 0 ? void 0 : _o.url) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__url", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, message.ogMetaData.url))),
+        React__default.createElement("div", { className: "sendbird-og-message-item-body__cover" })));
 }
 
 export { OGMessageItemBody as default };

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, {\n  ReactElement,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport TextFragment from '../../modules/Message/components/TextFragment';\nimport { tokenizeMessage } from '../../modules/Message/utils/tokens/tokenize';\nimport { OG_MESSAGE_BODY_CLASSNAME } from './consts';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n  onMessageHeightChange?: () => void;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n  onMessageHeightChange = () => { /* noop */ },\n}: Props): ReactElement {\n  const imageRef = useRef<HTMLDivElement>(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const tokens = useMemo(() => {\n    if (isMessageMentioned) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: message?.message,\n    });\n  }, [message?.updatedAt]);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className={OG_MESSAGE_BODY_CLASSNAME}>\n          <TextFragment tokens={tokens} />\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        ref={imageRef}\n        className={`sendbird-og-message-item-body__og-thumbnail\n          ${message?.ogMetaData?.defaultImage?.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'}\n        `}\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          onLoad={onMessageHeightChange}\n          onError={() => {\n            try {\n              imageRef?.current?.classList?.add('sendbird-og-message-item-body__og-thumbnail__empty');\n            } catch (error) {\n              // do nothing\n            }\n          }}\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_p","isByMe","_q","mouseHover","_r","isMentionEnabled","_s","isReactionEnabled","_t","onMessageHeightChange","imageRef","useRef","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","createElement","getClassName","_d","reactions","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","OG_MESSAGE_BODY_CLASSNAME","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","ref","_f","_e","defaultImage","onClick","ImageRenderer","onLoad","onError","current","classList","add","error","_h","_g","alt","_j","_k","defaultComponent","Icon","IconTypes","THUMBNAIL_NONE","width","height","_l","title","SUBTITLE_2","_m","description","BODY_2","_o","CAPTION_3"],"mappings":"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"}
+{"version":3,"file":"OGMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/OpenChannelAdminMessage.js

@@ -1,19 +1,14 @@
-import { c as __spreadArray } from '../tslib.es6-353b1a8e.js';
+import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-72a8436a.js';
-import 'prop-types';
-import '../stringSet-82c00996.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-5yKxJk_M.js';
 
-function OpenChannelAdminMessage(_a) {
-  var className = _a.className,
-    message = _a.message;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-openchannel-admin-message'], false).join(' ')
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-openchannel-admin-message__text",
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, message.message || ''));
+function OpenChannelAdminMessage(_a) {
+    var className = _a.className, message = _a.message;
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-openchannel-admin-message',
+        ], false).join(' ') },
+        React__default.createElement(Label, { className: "sendbird-openchannel-admin-message__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, message.message || '')));
 }
 
 export { OpenChannelAdminMessage as default };

package/ui/OpenChannelAdminMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelAdminMessage.js","sources":["../../src/ui/OpenChannelAdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: AdminMessage;\n}\n\nexport default function OpenChannelAdminMessage({\n  className,\n  message,\n}: Props): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-openchannel-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message.message || ''}\n      </Label>\n    </div>\n  );\n}\n"],"names":["OpenChannelAdminMessage","_a","className","message","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;AAWwB,SAAAA,uBAAuBA,CAACC,EAGxC,EAAA;MAFNC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,OAAO,GAAAF,EAAA,CAAAE,OAAA,CAAA;EAEP,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,SAAS,EAAEI,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,oCAAoC,CACpC,EAAA,KAAA,CAAA,CAAAO,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZL,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;AACJR,IAAAA,SAAS,EAAC,0CAA0C;IACpDS,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCb,OAAO,CAACA,OAAO,IAAI,EACf,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"OpenChannelAdminMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/ui/OpenChannelAvatar.js

@@ -1,33 +1,22 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dd8dd71.js';
-import { b as getOpenChannelAvatar } from '../utils-f00fcb05.js';
-import '../tslib.es6-353b1a8e.js';
+import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
+import { b as getOpenChannelAvatar } from '../chunks/bundle-7FyFbzI4.js';
+import '../chunks/bundle-hKtwSqbO.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import 'prop-types';
-import '../uuid-a9b18b52.js';
-import '../stringSet-82c00996.js';
-import '../index-de4364e8.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-bofQNMJb.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FTgSGiKe.js';
 
-function ChannelAvatar(_a) {
-  var channel = _a.channel,
-    theme = _a.theme,
-    _b = _a.height,
-    height = _b === void 0 ? 56 : _b,
-    _c = _a.width,
-    width = _c === void 0 ? 56 : _c;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var memoizedAvatar = useMemo(function () {
-    return /*#__PURE__*/React__default.createElement(Avatar, {
-      className: "sendbird-chat-header__avatar--open-channel",
-      src: getOpenChannelAvatar(channel),
-      width: "".concat(width, "px"),
-      height: "".concat(height, "px"),
-      alt: (channel === null || channel === void 0 ? void 0 : channel.name) || stringSet.OPEN_CHANNEL_SETTINGS__NO_TITLE
-    });
-  }, [channel === null || channel === void 0 ? void 0 : channel.coverUrl, theme]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, memoizedAvatar);
+function ChannelAvatar(_a) {
+    var channel = _a.channel, theme = _a.theme, _b = _a.height, height = _b === void 0 ? 56 : _b, _c = _a.width, width = _c === void 0 ? 56 : _c;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var memoizedAvatar = useMemo(function () {
+        return (React__default.createElement(Avatar, { className: "sendbird-chat-header__avatar--open-channel", src: getOpenChannelAvatar(channel), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: (channel === null || channel === void 0 ? void 0 : channel.name) || stringSet.OPEN_CHANNEL_SETTINGS__NO_TITLE }));
+    }, [channel === null || channel === void 0 ? void 0 : channel.coverUrl, theme]);
+    return (React__default.createElement(React__default.Fragment, null, memoizedAvatar));
 }
 
 export { ChannelAvatar as default };

package/ui/OpenChannelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelAvatar.js","sources":["../../src/ui/ChannelAvatar/OpenChannelAvatar.tsx"],"sourcesContent":["import React, { useMemo, useContext } from 'react';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport Avatar from '../Avatar/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: OpenChannel;\n  theme: string;\n  height?: number;\n  width?: number;\n}\n\nfunction ChannelAvatar({\n  channel,\n  theme,\n  height = 56,\n  width = 56,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const memoizedAvatar = useMemo(() => {\n    return (\n      <Avatar\n        className=\"sendbird-chat-header__avatar--open-channel\"\n        src={utils.getOpenChannelAvatar(channel)}\n        width={`${width}px`}\n        height={`${height}px`}\n        alt={channel?.name || stringSet.OPEN_CHANNEL_SETTINGS__NO_TITLE}\n      />\n    );\n  }, [channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","theme","_b","height","_c","width","stringSet","useContext","LocalizationContext","memoizedAvatar","useMemo","React","createElement","Avatar","className","src","utils","concat","alt","name","OPEN_CHANNEL_SETTINGS__NO_TITLE","coverUrl","Fragment"],"mappings":";;;;;;;;;;;;AAeA,SAASA,aAAaA,CAACC,EAKf,EAAA;AAJN,EAAA,IAAAC,OAAO,aAAA;IACPC,KAAK,GAAAF,EAAA,CAAAE,KAAA;IACLC,cAAW;IAAXC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACXE,EAAA,GAAAL,EAAA,CAAAM,KAAU;IAAVA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEF,EAAA,IAAAE,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;AACjB,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAA;AAC7B,IAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AACLC,MAAAA,SAAS,EAAC,4CAA4C;AACtDC,MAAAA,GAAG,EAAEC,oBAA0B,CAAChB,OAAO,CAAE;MACzCK,KAAK,EAAE,EAAG,CAAAY,MAAA,CAAAZ,KAAK,EAAI,IAAA,CAAC;MACpBF,MAAM,EAAE,EAAA,CAAAc,MAAA,CAAGd,MAAM,EAAA,IAAA,CAAK;AACtBe,MAAAA,GAAG,EAAE,CAAAlB,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEmB,IAAI,KAAIb,SAAS,CAACc,+BAAAA;AAAgC,KAChE,CAAA,CAAA;GAEL,EAAE,CAACpB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEqB,QAAQ,EAAEpB,KAAK,CAAC,CAAC,CAAA;EAC9B,oBACEU,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAW,QAAA,EAAIb,IAAAA,EAAAA,cAAgB,CAAG,CAAA;AAE3B;;;;"}
+{"version":3,"file":"OpenChannelAvatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}