@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/dist/ui/MessageSearchItem.js

@@ -0,0 +1,96 @@
+import { a as __spreadArray } from '../tslib.es6-96c33448.js';
+import React__default from 'react';
+import { f as format } from '../index-6b63d598.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-a983f435.js';
+import Avatar from './Avatar.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8ff79952.js';
+import { u as useLocalization } from '../LocalizationContext-948efac4.js';
+import '../index-5c8b0523.js';
+import '../index-a3d3d77a.js';
+import './ImageRenderer.js';
+import './Icon.js';
+import 'prop-types';
+import '../uuid-d8fc0ef1.js';
+import '../stringSet-fbd7c37c.js';
+
+function getCreatedAt (_a) {
+  var createdAt = _a.createdAt,
+      locale = _a.locale,
+      stringSet = _a.stringSet;
+  var optionalParam = locale ? {
+    locale: locale
+  } : null;
+
+  if (!createdAt) {
+    return '';
+  }
+
+  if (isToday(createdAt)) {
+    return format(createdAt, 'p', optionalParam);
+  }
+
+  if (isYesterday(createdAt)) {
+    return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
+  }
+
+  if (isThisYear(createdAt)) {
+    return format(createdAt, 'MMM d', optionalParam);
+  }
+
+  return format(createdAt, 'yyyy/M/d', optionalParam);
+}
+
+function MessageSearchItem(_a) {
+  var className = _a.className,
+      message = _a.message,
+      selected = _a.selected,
+      onClick = _a.onClick;
+  var createdAt = message.createdAt;
+  var messageText = message.message;
+  var sender = message.sender || message._sender;
+  var profileUrl = sender.profileUrl,
+      nickname = sender.nickname;
+
+  var _b = useLocalization(),
+      stringSet = _b.stringSet,
+      dateLocale = _b.dateLocale;
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-search-item', selected ? 'sendbird-message-search-item--selected' : ''], false).join(' '),
+    onClick: function (e) {
+      e.stopPropagation();
+      onClick(message);
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message-search-item__left"
+  }, /*#__PURE__*/React__default.createElement(Avatar, {
+    className: "sendbird-message-search-item__left__sender-avatar",
+    src: profileUrl,
+    alt: "profile image",
+    width: "56px",
+    height: "56px"
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message-search-item__right"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-message-search-item__right__sender-name",
+    type: LabelTypography.SUBTITLE_2,
+    color: LabelColors.ONBACKGROUND_1
+  }, nickname || stringSet.NO_NAME), /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-message-search-item__right__message-text",
+    type: LabelTypography.BODY_2,
+    color: LabelColors.ONBACKGROUND_3
+  }, messageText), /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-message-search-item__right__message-created-at",
+    type: LabelTypography.CAPTION_3,
+    color: LabelColors.ONBACKGROUND_2
+  }, getCreatedAt({
+    createdAt: createdAt,
+    locale: dateLocale,
+    stringSet: stringSet
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message-search-item__right-footer"
+  }));
+}
+
+export { MessageSearchItem as default };
+//# sourceMappingURL=MessageSearchItem.js.map

package/dist/ui/MessageStatus.js

@@ -0,0 +1,16 @@
+import '../tslib.es6-96c33448.js';
+import 'react';
+import '../index-6b63d598.js';
+import './Icon.js';
+import '../index-8ff79952.js';
+import './Loader.js';
+import '../index-4217213f.js';
+import '../utils/message/getOutgoingMessageState.js';
+export { e as MessageStatusTypes, M as default } from '../index-515b7f4e.js';
+import '../LocalizationContext-948efac4.js';
+import '../index-5c8b0523.js';
+import 'prop-types';
+import '../stringSet-fbd7c37c.js';
+import '../index-a983f435.js';
+import '../index-a3d3d77a.js';
+//# sourceMappingURL=MessageStatus.js.map

package/dist/ui/Modal.js

@@ -0,0 +1,115 @@
+import React__default, { useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { M as MODAL_ROOT } from '../index-39098053.js';
+import { a as LocalizationContext } from '../LocalizationContext-948efac4.js';
+import Button, { ButtonTypes } from './Button.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-8ff79952.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-b04e7ffd.js';
+import '../stringSet-fbd7c37c.js';
+import '../index-5c8b0523.js';
+import '../tslib.es6-96c33448.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.type,
+      type = _c === void 0 ? ButtonTypes.DANGER : _c,
+      onSubmit = _a.onSubmit,
+      onCancel = _a.onCancel;
+  var stringSet = useContext(LocalizationContext).stringSet;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-modal__footer"
+  }, /*#__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,
+      _h = props.onCancel,
+      onCancel = _h === void 0 ? function () {} : _h,
+      _j = props.onSubmit,
+      onSubmit = _j === void 0 ? function () {} : _j,
+      renderHeader = props.renderHeader;
+  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
+  }), /*#__PURE__*/React__default.createElement(ModalBody, null, children), !hideFooter && /*#__PURE__*/React__default.createElement(ModalFooter, {
+    disabled: disabled,
+    onCancel: onCancel,
+    onSubmit: onSubmit,
+    submitText: submitText,
+    type: type
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-modal__close"
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    width: "32px",
+    height: "32px",
+    onClick: onCancel
+  }, /*#__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) {
+        onCancel();
+      }
+    }
+  })), document.getElementById(MODAL_ROOT));
+}
+
+export { ModalBody, ModalFooter, ModalHeader, Modal as default };
+//# sourceMappingURL=Modal.js.map

package/dist/ui/OGMessageItemBody.js

@@ -0,0 +1,133 @@
+import React__default, { useRef, useContext, useMemo } 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-8ff79952.js';
+import { u as uuidv4 } from '../uuid-d8fc0ef1.js';
+import { j as getClassName, e as isEditedMessage } from '../index-4217213f.js';
+import { a as LocalizationContext } from '../LocalizationContext-948efac4.js';
+import './LinkLabel.js';
+import 'prop-types';
+import './MentionLabel.js';
+import './ContextMenu.js';
+import '../tslib.es6-96c33448.js';
+import 'react-dom';
+import './SortByRow.js';
+import '../utils/message/getOutgoingMessageState.js';
+import '../stringSet-fbd7c37c.js';
+import './UserProfile.js';
+import '../UserProfileContext-74d60d34.js';
+import '../sendbirdSelectors.js';
+import '../topics-d6268256.js';
+import '../utils-273068f6.js';
+import './Avatar.js';
+import './Button.js';
+import '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-e4ed87a8.js';
+import '../index-5c8b0523.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;
+  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 sentences = useMemo(function () {
+    var _a, _b;
+
+    if (isMessageMentioned) {
+      return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
+        return sentence.split(/\s/);
+      });
+    }
+
+    return (_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.split(/\n/).map(function (sentence) {
+      return sentence.split(/\s/);
+    });
+  }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
+  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, {
+    key: uuidv4(),
+    type: LabelTypography.BODY_1,
+    color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-og-message-item-body__text-bubble"
+  }, sentences === null || sentences === void 0 ? void 0 : sentences.map(function (sentence, index) {
+    return [sentence === null || sentence === void 0 ? void 0 : sentence.map(function (word) {
+      return /*#__PURE__*/React__default.createElement(Word, {
+        key: uuidv4(),
+        word: word,
+        message: message,
+        isByMe: isByMe
+      });
+    }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default.createElement("br", null) : null];
+  }), 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, {
+    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"
+  }));
+}
+
+export { OGMessageItemBody as default };
+//# sourceMappingURL=OGMessageItemBody.js.map

package/dist/ui/OGMessageItemBody.js.map

@@ -0,0 +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 Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\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 sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\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        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            sentences?.map((sentence, index) => {\n              return [\n                sentence?.map((word) => {\n                  return (\n                    <Word\n                      key={uuidv4()}\n                      word={word}\n                      message={message}\n                      isByMe={isByMe}\n                    />\n                  );\n                }),\n                sentences?.[index + 1] ? <br /> : null,\n              ]\n            })\n          }\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          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","imageRef","useRef","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","getClassName","_d","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","index","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","_f","_e","defaultImage","current","classList","add","error","_h","_g","_j","_k","alt","IconTypes","THUMBNAIL_NONE","_l","title","SUBTITLE_2","_m","description","BODY_2","_o","CAPTION_3"],"mappings":"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"}

package/dist/ui/OpenChannelAdminMessage.js

@@ -0,0 +1,20 @@
+import { a as __spreadArray } from '../tslib.es6-96c33448.js';
+import React__default from 'react';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8ff79952.js';
+import 'prop-types';
+import '../stringSet-fbd7c37c.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 || ''));
+}
+
+export { OpenChannelAdminMessage as default };
+//# sourceMappingURL=OpenChannelAdminMessage.js.map

package/dist/ui/OpenChannelAvatar.js

@@ -0,0 +1,34 @@
+import React__default, { useContext, useMemo } from 'react';
+import Avatar from './Avatar.js';
+import { a as LocalizationContext } from '../LocalizationContext-948efac4.js';
+import { b as getOpenChannelAvatar } from '../utils-5cfd2d4d.js';
+import '../tslib.es6-96c33448.js';
+import './ImageRenderer.js';
+import './Icon.js';
+import 'prop-types';
+import '../uuid-d8fc0ef1.js';
+import '../stringSet-fbd7c37c.js';
+import '../index-5c8b0523.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);
+}
+
+export { ChannelAvatar as default };
+//# sourceMappingURL=OpenChannelAvatar.js.map

package/dist/ui/OpenchannelConversationHeader.js

@@ -0,0 +1,66 @@
+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-8ff79952.js';
+import { a as LocalizationContext } from '../LocalizationContext-948efac4.js';
+import '../tslib.es6-96c33448.js';
+import './ImageRenderer.js';
+import '../uuid-d8fc0ef1.js';
+import 'prop-types';
+import '../stringSet-fbd7c37c.js';
+import '../index-5c8b0523.js';
+
+function OpenchannelConversationHeader(_a) {
+  var coverImage = _a.coverImage,
+      title = _a.title,
+      subTitle = _a.subTitle,
+      amIOperator = _a.amIOperator,
+      onActionClick = _a.onActionClick;
+  var stringSet = useContext(LocalizationContext).stringSet;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-openchannel-conversation-header"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-openchannel-conversation-header__left"
+  }, coverImage ? /*#__PURE__*/React__default.createElement(Avatar, {
+    className: "sendbird-openchannel-conversation-header__left__cover-image",
+    src: coverImage,
+    alt: "channel cover image",
+    width: "32px",
+    height: "32px"
+  }) : /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-openchannel-conversation-header__left__cover-image--icon",
+    style: {
+      width: 32,
+      height: 32
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.CHANNELS,
+    fillColor: IconColors.CONTENT,
+    width: "18px",
+    height: "18px"
+  })), /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-openchannel-conversation-header__left__title",
+    type: LabelTypography.H_2,
+    color: LabelColors.ONBACKGROUND_1
+  }, title || stringSet.NO_TITLE), /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-openchannel-conversation-header__left__sub-title",
+    type: LabelTypography.BODY_2,
+    color: LabelColors.ONBACKGROUND_2
+  }, subTitle || stringSet.NO_TITLE)), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-openchannel-conversation-header__right"
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    className: "sendbird-openchannel-conversation-header__right__trigger",
+    width: "32px",
+    height: "32px",
+    onClick: onActionClick
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: amIOperator ? IconTypes.INFO : IconTypes.MEMBERS,
+    fillColor: IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }))));
+}
+
+export { OpenchannelConversationHeader as default };
+//# sourceMappingURL=OpenchannelConversationHeader.js.map