@sendbird/uikit-react 3.0.0-alpha.1 → 3.0.0-alpha.2

package/cjs/App.js

@@ -0,0 +1,301 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-fc14118c.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var SendbirdProvider = require('./SendbirdProvider.js');
+var ChannelList = require('./ChannelList.js');
+var Channel = require('./Channel.js');
+var ChannelSettings = require('./ChannelSettings.js');
+var MessageSearch = require('./MessageSearch.js');
+require('./withSendBird.js');
+require('sendbird');
+require('./actionTypes-bc47f97a.js');
+require('./index-d4880236.js');
+require('./tslib.es6-4a281a05.js');
+require('css-vars-ponyfill');
+require('./uuid-1d5ec8b2.js');
+require('./LocalizationContext-68e55e2a.js');
+require('./stringSet-aa544ce5.js');
+require('./index-e2bb862c.js');
+require('./ChannelListProvider-5a152618.js');
+require('./topics-8314d425.js');
+require('./utils-3b0815dc.js');
+require('./UserProfileContext-3533547d.js');
+require('./useSendbirdStateContext.js');
+require('./ChannelList/components/ChannelListUI.js');
+require('./ChannelList/components/ChannelListHeader.js');
+require('./index-1468d245.js');
+require('./ui/IconButton.js');
+require('./ui/Avatar.js');
+require('./ui/ImageRenderer.js');
+require('./ui/Icon.js');
+require('./ChannelList/components/AddChannel.js');
+require('./CreateChannel.js');
+require('./CreateChannel/components/CreateChannelUI.js');
+require('./CreateChannelProvider-df42106f.js');
+require('./sendBirdSelectors.js');
+require('./CreateChannel/components/InviteMembers.js');
+require('./ui/Modal.js');
+require('react-dom');
+require('./index-aecc8d24.js');
+require('./index-1044f1ed.js');
+require('./ui/UserListItem.js');
+require('./ui/MutedAvatarOverlay.js');
+require('./ui/Checkbox.js');
+require('./ui/UserProfile.js');
+require('./ui/ContextMenu.js');
+require('./ui/SortByRow.js');
+require('./CreateChannel/components/SelectChannelType.js');
+require('./ChannelList/components/ChannelPreview.js');
+require('./ui/ChannelAvatar.js');
+require('./utils-66b3f4ec.js');
+require('./ui/Badge.js');
+require('./index-8becccd8.js');
+require('./index-9dc3863f.js');
+require('./index-905331fa.js');
+require('./ChannelList/components/ChannelPreviewAction.js');
+require('./EditUserProfile.js');
+require('./index-4987c8b2.js');
+require('./ui/Input.js');
+require('./ui/TextButton.js');
+require('./color-4afb15fb.js');
+require('./index-659c9ca5.js');
+require('./ui/Loader.js');
+require('./ChannelProvider-f1fb0108.js');
+require('./compareIds-01306377.js');
+require('./ui/ReactionButton.js');
+require('./Channel/components/ChannelUI.js');
+require('./ui/ConnectionStatus.js');
+require('./Channel/components/ChannelHeader.js');
+require('./Channel/components/MessageList.js');
+require('./Channel/components/Message.js');
+require('./ui/DateSeparator.js');
+require('./ui/MessageInput.js');
+require('./ui/MessageContent.js');
+require('./ui/MessageItemMenu.js');
+require('./ui/MessageItemReactionMenu.js');
+require('./ui/EmojiReactions.js');
+require('./ui/Tooltip.js');
+require('./ui/TooltipWrapper.js');
+require('./ui/ReactionBadge.js');
+require('./ui/AdminMessage.js');
+require('./ui/TextMessageItemBody.js');
+require('./ui/FileMessageItemBody.js');
+require('./ui/ThumbnailMessageItemBody.js');
+require('./ui/OGMessageItemBody.js');
+require('./ui/LinkLabel.js');
+require('./ui/UnknownMessageItemBody.js');
+require('./ui/QuoteMessage.js');
+require('./Channel/components/FileViewer.js');
+require('./Channel/components/RemoveMessageModal.js');
+require('./Channel/components/TypingIndicator.js');
+require('./Channel/components/FrozenNotification.js');
+require('./Channel/components/UnreadCount.js');
+require('./Channel/components/MessageInput.js');
+require('./ui/QuoteMessageInput.js');
+require('./ChannelSettings/components/ChannelSettingsUI.js');
+require('./ChannelSettings/context.js');
+require('./ChannelSettings/components/ChannelProfile.js');
+require('./ChannelSettings/components/EditDetailsModal.js');
+require('./ChannelSettings/components/AdminPanel.js');
+require('./ui/Accordion.js');
+require('./ui/AccordionGroup.js');
+require('./context-c1f9d650.js');
+require('./ChannelSettings/components/UserListItem.js');
+require('./MemberList-dc84e303.js');
+require('./ChannelSettings/components/LeaveChannel.js');
+require('./ChannelSettings/components/UserPanel.js');
+require('./MessageSearch/components/MessageSearchUI.js');
+require('./MessageSearch/context.js');
+require('./ui/MessageSearchItem.js');
+require('./ui/MessageSearchFileItem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+function App(props) {
+  var appId = props.appId,
+      userId = props.userId,
+      accessToken = props.accessToken,
+      theme = props.theme,
+      userListQuery = props.userListQuery,
+      nickname = props.nickname,
+      profileUrl = props.profileUrl,
+      dateLocale = props.dateLocale,
+      _props$config = props.config,
+      config = _props$config === void 0 ? {} : _props$config,
+      useReaction = props.useReaction,
+      replyType = props.replyType,
+      useMessageGrouping = props.useMessageGrouping,
+      colorSet = props.colorSet,
+      stringSet = props.stringSet,
+      allowProfileEdit = props.allowProfileEdit,
+      disableUserProfile = props.disableUserProfile,
+      renderUserProfile = props.renderUserProfile,
+      showSearchIcon = props.showSearchIcon,
+      onProfileEditSuccess = props.onProfileEditSuccess,
+      imageCompression = props.imageCompression,
+      disableAutoSelect = props.disableAutoSelect;
+
+  var _useState = React.useState(null),
+      _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+      currentChannelUrl = _useState2[0],
+      setCurrentChannelUrl = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+      showSettings = _useState4[0],
+      setShowSettings = _useState4[1];
+
+  var _useState5 = React.useState(false),
+      _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
+      showSearch = _useState6[0],
+      setShowSearch = _useState6[1];
+
+  var _useState7 = React.useState(null),
+      _useState8 = _rollupPluginBabelHelpers._slicedToArray(_useState7, 2),
+      highlightedMessage = _useState8[0],
+      setHighlightedMessage = _useState8[1];
+
+  var _useState9 = React.useState(null),
+      _useState10 = _rollupPluginBabelHelpers._slicedToArray(_useState9, 2),
+      startingPoint = _useState10[0],
+      setStartingPoint = _useState10[1];
+
+  return /*#__PURE__*/React__default["default"].createElement(SendbirdProvider, {
+    stringSet: stringSet,
+    appId: appId,
+    userId: userId,
+    accessToken: accessToken,
+    theme: theme,
+    nickname: nickname,
+    profileUrl: profileUrl,
+    dateLocale: dateLocale,
+    userListQuery: userListQuery,
+    config: config,
+    colorSet: colorSet,
+    disableUserProfile: disableUserProfile,
+    renderUserProfile: renderUserProfile,
+    imageCompression: imageCompression,
+    useReaction: useReaction
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-app__wrap"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-app__channellist-wrap"
+  }, /*#__PURE__*/React__default["default"].createElement(ChannelList, {
+    allowProfileEdit: allowProfileEdit,
+    onProfileEditSuccess: onProfileEditSuccess,
+    disableAutoSelect: disableAutoSelect,
+    onChannelSelect: function onChannelSelect(channel) {
+      setStartingPoint(null);
+      setHighlightedMessage(null);
+
+      if (channel && channel.url) {
+        setCurrentChannelUrl(channel.url);
+      } else {
+        setCurrentChannelUrl('');
+      }
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "\n            ".concat(showSettings ? 'sendbird-app__conversation--settings-open' : '', "\n            ").concat(showSearch ? 'sendbird-app__conversation--search-open' : '', "\n            sendbird-app__conversation-wrap\n          ")
+  }, /*#__PURE__*/React__default["default"].createElement(Channel, {
+    channelUrl: currentChannelUrl,
+    onChatHeaderActionClick: function onChatHeaderActionClick() {
+      setShowSearch(false);
+      setShowSettings(!showSettings);
+    },
+    onSearchClick: function onSearchClick() {
+      setShowSettings(false);
+      setShowSearch(!showSearch);
+    },
+    showSearchIcon: showSearchIcon,
+    startingPoint: startingPoint,
+    highlightedMessage: highlightedMessage,
+    useReaction: useReaction,
+    replyType: replyType,
+    useMessageGrouping: useMessageGrouping
+  })), showSettings && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-app__settingspanel-wrap"
+  }, /*#__PURE__*/React__default["default"].createElement(ChannelSettings, {
+    className: "sendbird-channel-settings",
+    channelUrl: currentChannelUrl,
+    onCloseClick: function onCloseClick() {
+      setShowSettings(false);
+    }
+  })), showSearch && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-app__searchpanel-wrap"
+  }, /*#__PURE__*/React__default["default"].createElement(MessageSearch, {
+    channelUrl: currentChannelUrl,
+    onResultClick: function onResultClick(message) {
+      if (message.messageId === highlightedMessage) {
+        setHighlightedMessage(null);
+        setTimeout(function () {
+          setHighlightedMessage(message.messageId);
+        });
+      } else {
+        setStartingPoint(message.createdAt);
+        setHighlightedMessage(message.messageId);
+      }
+    },
+    onCloseClick: function onCloseClick() {
+      setShowSearch(false);
+    }
+  }))));
+}
+App.propTypes = {
+  appId: PropTypes__default["default"].string.isRequired,
+  userId: PropTypes__default["default"].string.isRequired,
+  accessToken: PropTypes__default["default"].string,
+  theme: PropTypes__default["default"].string,
+  userListQuery: PropTypes__default["default"].func,
+  nickname: PropTypes__default["default"].string,
+  profileUrl: PropTypes__default["default"].string,
+  allowProfileEdit: PropTypes__default["default"].bool,
+  disableUserProfile: PropTypes__default["default"].bool,
+  renderUserProfile: PropTypes__default["default"].func,
+  onProfileEditSuccess: PropTypes__default["default"].func,
+  dateLocale: PropTypes__default["default"].shape({}),
+  config: PropTypes__default["default"].shape({
+    // None Error Warning Info 'All/Debug'
+    logLevel: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)])
+  }),
+  useReaction: PropTypes__default["default"].bool,
+  replyType: PropTypes__default["default"].oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),
+  showSearchIcon: PropTypes__default["default"].bool,
+  useMessageGrouping: PropTypes__default["default"].bool,
+  stringSet: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
+  colorSet: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
+  imageCompression: PropTypes__default["default"].shape({
+    compressionRate: PropTypes__default["default"].number,
+    resizingWidth: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+    resizingHeight: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
+  }),
+  disableAutoSelect: PropTypes__default["default"].bool
+};
+App.defaultProps = {
+  accessToken: '',
+  theme: 'light',
+  nickname: '',
+  profileUrl: '',
+  userListQuery: null,
+  dateLocale: null,
+  allowProfileEdit: false,
+  onProfileEditSuccess: null,
+  disableUserProfile: false,
+  showSearchIcon: false,
+  renderUserProfile: null,
+  config: {},
+  useReaction: true,
+  replyType: 'NONE',
+  useMessageGrouping: true,
+  stringSet: null,
+  colorSet: null,
+  imageCompression: {},
+  disableAutoSelect: false
+};
+
+module.exports = App;
+//# sourceMappingURL=App.js.map

package/cjs/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sources":["../../src/smart-components/App/index.jsx"],"sourcesContent":["/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\n\nimport './index.scss';\n\nexport default function App(props) {\n  const {\n    appId,\n    userId,\n    accessToken,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    useReaction,\n    replyType,\n    useMessageGrouping,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n  } = props;\n  const [currentChannelUrl, setCurrentChannelUrl] = useState(null);\n  const [showSettings, setShowSettings] = useState(false);\n  const [showSearch, setShowSearch] = useState(false);\n  const [highlightedMessage, setHighlightedMessage] = useState(null);\n  const [startingPoint, setStartingPoint] = useState(null);\n\n  return (\n    <Sendbird\n      stringSet={stringSet}\n      appId={appId}\n      userId={userId}\n      accessToken={accessToken}\n      theme={theme}\n      nickname={nickname}\n      profileUrl={profileUrl}\n      dateLocale={dateLocale}\n      userListQuery={userListQuery}\n      config={config}\n      colorSet={colorSet}\n      disableUserProfile={disableUserProfile}\n      renderUserProfile={renderUserProfile}\n      imageCompression={imageCompression}\n      useReaction={useReaction}\n    >\n      <div className=\"sendbird-app__wrap\">\n        <div className=\"sendbird-app__channellist-wrap\">\n          <ChannelList\n            allowProfileEdit={allowProfileEdit}\n            onProfileEditSuccess={onProfileEditSuccess}\n            disableAutoSelect={disableAutoSelect}\n            onChannelSelect={(channel) => {\n              setStartingPoint(null);\n              setHighlightedMessage(null);\n              if (channel && channel.url) {\n                setCurrentChannelUrl(channel.url);\n              } else {\n                setCurrentChannelUrl('');\n              }\n            }}\n          />\n        </div>\n        <div\n          className={`\n            ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n            ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n            sendbird-app__conversation-wrap\n          `}\n        >\n          <Channel\n            channelUrl={currentChannelUrl}\n            onChatHeaderActionClick={() => {\n              setShowSearch(false);\n              setShowSettings(!showSettings);\n            }}\n            onSearchClick={() => {\n              setShowSettings(false);\n              setShowSearch(!showSearch);\n            }}\n            showSearchIcon={showSearchIcon}\n            startingPoint={startingPoint}\n            highlightedMessage={highlightedMessage}\n            useReaction={useReaction}\n            replyType={replyType}\n            useMessageGrouping={useMessageGrouping}\n          />\n        </div>\n        {showSettings && (\n          <div className=\"sendbird-app__settingspanel-wrap\">\n            <ChannelSettings\n              className=\"sendbird-channel-settings\"\n              channelUrl={currentChannelUrl}\n              onCloseClick={() => {\n                setShowSettings(false);\n              }}\n            />\n          </div>\n        )}\n        {showSearch && (\n          <div className=\"sendbird-app__searchpanel-wrap\">\n            <MessageSearchPannel\n              channelUrl={currentChannelUrl}\n              onResultClick={(message) => {\n                if (message.messageId === highlightedMessage) {\n                  setHighlightedMessage(null);\n                  setTimeout(() => {\n                    setHighlightedMessage(message.messageId);\n                  });\n                } else {\n                  setStartingPoint(message.createdAt);\n                  setHighlightedMessage(message.messageId);\n                }\n              }}\n              onCloseClick={() => {\n                setShowSearch(false);\n              }}\n            />\n          </div>\n        )}\n      </div>\n    </Sendbird>\n  );\n}\n\nApp.propTypes = {\n  appId: PropTypes.string.isRequired,\n  userId: PropTypes.string.isRequired,\n  accessToken: PropTypes.string,\n  theme: PropTypes.string,\n  userListQuery: PropTypes.func,\n  nickname: PropTypes.string,\n  profileUrl: PropTypes.string,\n  allowProfileEdit: PropTypes.bool,\n  disableUserProfile: PropTypes.bool,\n  renderUserProfile: PropTypes.func,\n  onProfileEditSuccess: PropTypes.func,\n  dateLocale: PropTypes.shape({}),\n  config: PropTypes.shape({\n    // None Error Warning Info 'All/Debug'\n    logLevel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n  }),\n  useReaction: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  useMessageGrouping: PropTypes.bool,\n  stringSet: PropTypes.objectOf(PropTypes.string),\n  colorSet: PropTypes.objectOf(PropTypes.string),\n  imageCompression: PropTypes.shape({\n    compressionRate: PropTypes.number,\n    resizingWidth: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    resizingHeight: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  disableAutoSelect: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  theme: 'light',\n  nickname: '',\n  profileUrl: '',\n  userListQuery: null,\n  dateLocale: null,\n  allowProfileEdit: false,\n  onProfileEditSuccess: null,\n  disableUserProfile: false,\n  showSearchIcon: false,\n  renderUserProfile: null,\n  config: {},\n  useReaction: true,\n  replyType: 'NONE',\n  useMessageGrouping: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n};\n"],"names":["App","props","appId","userId","accessToken","theme","userListQuery","nickname","profileUrl","dateLocale","config","useReaction","replyType","useMessageGrouping","colorSet","stringSet","allowProfileEdit","disableUserProfile","renderUserProfile","showSearchIcon","onProfileEditSuccess","imageCompression","disableAutoSelect","useState","currentChannelUrl","setCurrentChannelUrl","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","React","Sendbird","channel","url","MessageSearchPannel","message","messageId","setTimeout","createdAt","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}

package/cjs/Channel/components/ChannelHeader.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var React = require('react');
+var ui_Label = require('../../index-1468d245.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_IconButton = require('../../ui/IconButton.js');
+var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
+var LocalizationContext = require('../../LocalizationContext-68e55e2a.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var Channel_context = require('../../ChannelProvider-f1fb0108.js');
+require('../../_rollupPluginBabelHelpers-fc14118c.js');
+require('prop-types');
+require('../../stringSet-aa544ce5.js');
+require('../../ui/Avatar.js');
+require('../../tslib.es6-4a281a05.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-1d5ec8b2.js');
+require('../../utils-66b3f4ec.js');
+require('../../index-e2bb862c.js');
+require('../../withSendBird.js');
+require('../../UserProfileContext-3533547d.js');
+require('../../index-905331fa.js');
+require('../../topics-8314d425.js');
+require('../../index-d4880236.js');
+require('../../compareIds-01306377.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../ui/ReactionButton.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var getChannelTitle = function getChannelTitle(channel, currentUserId, stringSet) {
+  var LABEL_STRING_SET = stringSet || ui_Label.LabelStringSet;
+
+  if (!channel || !channel.name && !channel.members) {
+    return LABEL_STRING_SET.NO_TITLE;
+  }
+
+  if (channel.name && channel.name !== 'Group Channel') {
+    return channel.name;
+  }
+
+  if (channel.members.length === 1) {
+    return LABEL_STRING_SET.NO_MEMBERS;
+  }
+
+  return channel.members.filter(function (_a) {
+    var userId = _a.userId;
+    return userId !== currentUserId;
+  }).map(function (_a) {
+    var nickname = _a.nickname;
+    return nickname || LABEL_STRING_SET.NO_NAME;
+  }).join(', ');
+};
+
+var ChatHeader = function ChatHeader() {
+  var _a, _b, _c;
+
+  var globalStore = useSendbirdStateContext();
+  var userId = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _a === void 0 ? void 0 : _a.userId;
+  var theme = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.theme;
+  var channelStore = Channel_context.useChannel();
+  var currentGroupChannel = channelStore.currentGroupChannel,
+      showSearchIcon = channelStore.showSearchIcon,
+      onSearchClick = channelStore.onSearchClick,
+      onChatHeaderActionClick = channelStore.onChatHeaderActionClick;
+  var subTitle = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) && ((_c = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) === null || _c === void 0 ? void 0 : _c.length) !== 2;
+  var isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === "muted";
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-chat-header"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-chat-header__left"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_ChannelAvatar, {
+    theme: theme,
+    channel: currentGroupChannel,
+    userId: userId,
+    height: 32,
+    width: 32
+  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-chat-header__left__title",
+    type: ui_Label.LabelTypography.H_2,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, getChannelTitle(currentGroupChannel, userId, stringSet)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-chat-header__left__subtitle",
+    type: ui_Label.LabelTypography.BODY_1,
+    color: ui_Label.LabelColors.ONBACKGROUND_2
+  }, subTitle)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-chat-header__right"
+  }, (typeof isMuted === 'string' && isMuted === 'true' || typeof isMuted === 'boolean' && isMuted) && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-chat-header__right__mute",
+    type: ui_Icon.IconTypes.NOTIFICATIONS_OFF_FILLED,
+    width: "24px",
+    height: "24px"
+  }), showSearchIcon && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+    className: "sendbird-chat-header__right__search",
+    width: "32px",
+    height: "32px",
+    onClick: onSearchClick
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.SEARCH,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  })), /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+    className: "sendbird-chat-header__right__info",
+    width: "32px",
+    height: "32px",
+    onClick: onChatHeaderActionClick
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.INFO,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }))));
+};
+
+module.exports = ChatHeader;
+//# sourceMappingURL=ChannelHeader.js.map

package/cjs/Channel/components/ChannelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/smart-components/Channel/components/ChannelHeader/utils.ts","../../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import SendBird from 'sendbird';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: SendBird.GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string }\n  ): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel || (!channel.name && !channel.members)) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel.members.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n","import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannel } from '../../context/ChannelProvider';\n\nconst ChatHeader: React.FC = () => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannel();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === \"muted\";\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-chat-header\">\n      <div className=\"sendbird-chat-header__left\">\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          showSearchIcon && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChatHeader;\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","_a","userId","map","nickname","NO_NAME","join","ChatHeader","globalStore","useSendbirdStateContext","config","theme","channelStore","useChannel","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","subTitle","isMuted","myMutedState","useContext","LocalizationContext","React","ChannelAvatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","Icon","IconTypes","NOTIFICATIONS_OFF_FILLED","IconButton","SEARCH","IconColors","PRIMARY","INFO"],"mappings":"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"}

package/cjs/Channel/components/ChannelUI.js

@@ -0,0 +1,178 @@
+'use strict';
+
+var React = require('react');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var Channel_context = require('../../ChannelProvider-f1fb0108.js');
+var ui_PlaceHolder = require('../../index-659c9ca5.js');
+var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
+var Channel_components_ChannelHeader = require('./ChannelHeader.js');
+var Channel_components_MessageList = require('./MessageList.js');
+var Channel_components_TypingIndicator = require('./TypingIndicator.js');
+var Channel_components_FrozenNotification = require('./FrozenNotification.js');
+var Channel_components_UnreadCount = require('./UnreadCount.js');
+var Channel_components_MessageInput = require('./MessageInput.js');
+require('../../withSendBird.js');
+require('../../_rollupPluginBabelHelpers-fc14118c.js');
+require('../../UserProfileContext-3533547d.js');
+require('prop-types');
+require('../../index-905331fa.js');
+require('../../index-e2bb862c.js');
+require('../../topics-8314d425.js');
+require('../../index-d4880236.js');
+require('../../tslib.es6-4a281a05.js');
+require('../../compareIds-01306377.js');
+require('../../uuid-1d5ec8b2.js');
+require('../../ui/ContextMenu.js');
+require('../../index-1468d245.js');
+require('../../stringSet-aa544ce5.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../ui/ReactionButton.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/Icon.js');
+require('../../ui/Loader.js');
+require('../../LocalizationContext-68e55e2a.js');
+require('../../ui/IconButton.js');
+require('../../ui/ChannelAvatar.js');
+require('../../ui/Avatar.js');
+require('../../utils-66b3f4ec.js');
+require('../../index-9dc3863f.js');
+require('./Message.js');
+require('../../ui/DateSeparator.js');
+require('../../color-4afb15fb.js');
+require('../../ui/MessageInput.js');
+require('../../index-1044f1ed.js');
+require('../../ui/MessageContent.js');
+require('../../ui/UserProfile.js');
+require('../../sendBirdSelectors.js');
+require('../../ui/MessageItemMenu.js');
+require('../../ui/MessageItemReactionMenu.js');
+require('../../ui/EmojiReactions.js');
+require('../../ui/Tooltip.js');
+require('../../ui/TooltipWrapper.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/AdminMessage.js');
+require('../../ui/TextMessageItemBody.js');
+require('../../ui/FileMessageItemBody.js');
+require('../../ui/TextButton.js');
+require('../../ui/ThumbnailMessageItemBody.js');
+require('../../ui/OGMessageItemBody.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/UnknownMessageItemBody.js');
+require('../../ui/QuoteMessage.js');
+require('./FileViewer.js');
+require('../../index-aecc8d24.js');
+require('./RemoveMessageModal.js');
+require('../../ui/Modal.js');
+require('../../utils-3b0815dc.js');
+require('../../ui/QuoteMessageInput.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ChannelUI = function ChannelUI(_a) {
+  var _b, _c, _d, _e;
+
+  var renderPlaceholderLoader = _a.renderPlaceholderLoader,
+      renderPlaceholderInvalid = _a.renderPlaceholderInvalid,
+      renderPlaceholderEmpty = _a.renderPlaceholderEmpty,
+      renderChannelHeader = _a.renderChannelHeader,
+      renderMessage = _a.renderMessage,
+      renderMessageInput = _a.renderMessageInput,
+      renderTypingIndicator = _a.renderTypingIndicator,
+      renderCustomSeperator = _a.renderCustomSeperator;
+
+  var _f = Channel_context.useChannel(),
+      currentGroupChannel = _f.currentGroupChannel,
+      channelUrl = _f.channelUrl,
+      isInvalid = _f.isInvalid,
+      unreadSince = _f.unreadSince,
+      loading = _f.loading,
+      setInitialTimeStamp = _f.setInitialTimeStamp,
+      setAnimatedMessageId = _f.setAnimatedMessageId,
+      setHighLightedMessageId = _f.setHighLightedMessageId,
+      scrollRef = _f.scrollRef,
+      messagesDispatcher = _f.messagesDispatcher;
+
+  var _g = React.useState(0),
+      unreadCount = _g[0],
+      setUnreadCount = _g[1];
+
+  React.useEffect(function () {
+    setUnreadCount(currentGroupChannel.unreadMessageCount);
+  }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount]);
+  var globalStore = useSendbirdStateContext();
+  var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
+  var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
+  var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
+
+  if (!channelUrl) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-conversation"
+    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
+    }));
+  }
+
+  if (isInvalid) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-conversation"
+    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.WRONG
+    }));
+  }
+
+  if (sdkError) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-conversation"
+    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
+      retryToConnect: function retryToConnect() {
+        logger.info('Channel: reconnecting'); // reconnect();
+      }
+    }));
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation"
+  }, (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_ChannelHeader, null), (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(Channel_components_FrozenNotification, null), unreadCount > 0 && /*#__PURE__*/React__default["default"].createElement(Channel_components_UnreadCount, {
+    count: unreadCount,
+    time: unreadSince,
+    onClick: function onClick() {
+      var _a, _b, _c;
+
+      setUnreadCount(0);
+
+      if ((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) {
+        scrollRef.current.scrollTop = ((_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) - ((_c = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight);
+      }
+
+      currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
+      messagesDispatcher({
+        type: Channel_context.MARK_AS_READ,
+        payload: {
+          channel: currentGroupChannel
+        }
+      });
+      setInitialTimeStamp(null);
+      setAnimatedMessageId(null);
+      setHighLightedMessageId(null);
+    }
+  }), loading ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation"
+  }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    type: ui_PlaceHolder.PlaceHolderTypes.LOADING
+  })) : /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageList, {
+    renderMessage: renderMessage,
+    renderPlaceholderEmpty: renderPlaceholderEmpty,
+    renderCustomSeperator: renderCustomSeperator
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__footer"
+  }, (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageInput, null), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__footer__typing-indicator"
+  }, (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_TypingIndicator, null), !isOnline && /*#__PURE__*/React__default["default"].createElement(ui_ConnectionStatus, null))));
+};
+
+module.exports = ChannelUI;
+//# sourceMappingURL=ChannelUI.js.map