@sendbird/uikit-react 3.1.3 → 3.2.0-rc.1

package/App.js

@@ -1,4 +1,3 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-b2b008c2.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
@@ -6,29 +5,28 @@ import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
 import MessageSearchPannel from './MessageSearch.js';
+import './_rollupPluginBabelHelpers-22c28a74.js';
 import './withSendbird.js';
-import './sendbird-21239b88.js';
-import './__bundle-6316ce22-63d15802.js';
-import './__bundle-fbda47dd-b1c87af3.js';
-import './openChannel-825f8e93.js';
-import './__bundle-7dfccc8c-d5c3938c.js';
-import './groupChannel-de6b26ee.js';
-import './actionTypes-3a618022.js';
-import './index-24a5ab49.js';
-import './tslib.es6-72a2f141.js';
+import '@sendbird/chat';
+import './openChannel-2aef0cd5.js';
+import './__bundle-c41dd401-d4ab6c10.js';
+import './groupChannel-3301a732.js';
+import './actionTypes-fd0f0a6c.js';
+import './index-46beca69.js';
+import './tslib.es6-4faaa58d.js';
 import 'css-vars-ponyfill';
-import './uuid-8a4db02f.js';
-import './LocalizationContext-5b475a64.js';
-import './stringSet-c4a61372.js';
-import './index-25496c01.js';
-import './ChannelListProvider-0157b613.js';
-import './topics-851d221c.js';
-import './utils-2c4d166e.js';
-import './UserProfileContext-a2483e23.js';
+import './uuid-4521c466.js';
+import './LocalizationContext-10829cf3.js';
+import './stringSet-804c49f3.js';
+import './index-940576d8.js';
+import './ChannelListProvider-368bd7f1.js';
+import './topics-24c0f724.js';
+import './utils-32938255.js';
+import './UserProfileContext-beacab28.js';
 import './useSendbirdStateContext.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-e028fd23.js';
+import './index-7b043ab9.js';
 import './ui/IconButton.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
@@ -36,13 +34,13 @@ import './ui/Icon.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-f84fd7e5.js';
+import './CreateChannelProvider-9c2113ca.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1086dd43.js';
-import './index-16e14c17.js';
+import './index-5e788130.js';
+import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -52,35 +50,36 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-bc7d8f0c.js';
+import './utils-47a3394f.js';
 import './ui/Badge.js';
-import './index-952d5f9b.js';
-import './index-2f85a795.js';
-import './index-4400a360.js';
+import './index-00b281a3.js';
+import './index-8bd6c997.js';
+import './index-3ddec9e9.js';
 import './ui/MentionUserLabel.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-57689107.js';
-import './compareIds-9455ecb0.js';
-import './const-7867ac6a.js';
+import './ChannelProvider-59559ed8.js';
+import './compareIds-332d261c.js';
+import './const-78e336dd.js';
 import './ui/ReactionButton.js';
 import './ui/MessageStatus.js';
 import './ui/Loader.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-c3a36db0.js';
+import './index-e5aab3b4.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-83cfc07a.js';
-import './index-7a790c96.js';
+import './color-fff21001.js';
+import './index-ed8e5d48.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-71ceda85.js';
+import './const-03293011.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
+import 'react-dom/server';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
 import './ui/MessageItemReactionMenu.js';
@@ -111,9 +110,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-2f6f1c17.js';
+import './context-44e184de.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-004dd3e6.js';
+import './MemberList-e049f915.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -121,60 +120,45 @@ import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 
+/**
+ * This is a drop in Chat solution
+ * Can also be used as an example for creating
+ * default chat apps
+ */
 function App(props) {
-  var appId = props.appId,
-      userId = props.userId,
-      accessToken = props.accessToken,
-      customApiHost = props.customApiHost,
-      customWebSocketHost = props.customWebSocketHost,
-      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,
-      isReactionEnabled = props.isReactionEnabled,
-      isMentionEnabled = props.isMentionEnabled,
-      replyType = props.replyType,
-      isMessageGroupingEnabled = props.isMessageGroupingEnabled,
-      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,
-      isTypingIndicatorEnabledOnChannelList = props.isTypingIndicatorEnabledOnChannelList,
-      isMessageReceiptStatusEnabledOnChannelList = props.isMessageReceiptStatusEnabledOnChannelList;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentChannelUrl = _useState2[0],
-      setCurrentChannelUrl = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showSettings = _useState4[0],
-      setShowSettings = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showSearch = _useState6[0],
-      setShowSearch = _useState6[1];
-
-  var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      highlightedMessage = _useState8[0],
-      setHighlightedMessage = _useState8[1];
-
-  var _useState9 = useState(null),
-      _useState10 = _slicedToArray(_useState9, 2),
-      startingPoint = _useState10[0],
-      setStartingPoint = _useState10[1];
-
+  const {
+    appId,
+    userId,
+    accessToken,
+    customApiHost,
+    customWebSocketHost,
+    theme,
+    userListQuery,
+    nickname,
+    profileUrl,
+    dateLocale,
+    config = {},
+    isReactionEnabled,
+    isMentionEnabled,
+    replyType,
+    isMessageGroupingEnabled,
+    colorSet,
+    stringSet,
+    allowProfileEdit,
+    disableUserProfile,
+    renderUserProfile,
+    showSearchIcon,
+    onProfileEditSuccess,
+    imageCompression,
+    disableAutoSelect,
+    isTypingIndicatorEnabledOnChannelList,
+    isMessageReceiptStatusEnabledOnChannelList
+  } = props;
+  const [currentChannelUrl, setCurrentChannelUrl] = useState(null);
+  const [showSettings, setShowSettings] = useState(false);
+  const [showSearch, setShowSearch] = useState(false);
+  const [highlightedMessage, setHighlightedMessage] = useState(null);
+  const [startingPoint, setStartingPoint] = useState(null);
   return /*#__PURE__*/React__default.createElement(Sendbird, {
     stringSet: stringSet,
     appId: appId,
@@ -204,7 +188,7 @@ function App(props) {
     allowProfileEdit: allowProfileEdit,
     onProfileEditSuccess: onProfileEditSuccess,
     disableAutoSelect: disableAutoSelect,
-    onChannelSelect: function onChannelSelect(channel) {
+    onChannelSelect: channel => {
       setStartingPoint(null);
       setHighlightedMessage(null);
 
@@ -215,14 +199,18 @@ function App(props) {
       }
     }
   })), /*#__PURE__*/React__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          ")
+    className: `
+            ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}
+            ${showSearch ? 'sendbird-app__conversation--search-open' : ''}
+            sendbird-app__conversation-wrap
+          `
   }, /*#__PURE__*/React__default.createElement(Channel, {
     channelUrl: currentChannelUrl,
-    onChatHeaderActionClick: function onChatHeaderActionClick() {
+    onChatHeaderActionClick: () => {
       setShowSearch(false);
       setShowSettings(!showSettings);
     },
-    onSearchClick: function onSearchClick() {
+    onSearchClick: () => {
       setShowSettings(false);
       setShowSearch(!showSearch);
     },
@@ -237,17 +225,17 @@ function App(props) {
   }, /*#__PURE__*/React__default.createElement(ChannelSettings, {
     className: "sendbird-channel-settings",
     channelUrl: currentChannelUrl,
-    onCloseClick: function onCloseClick() {
+    onCloseClick: () => {
       setShowSettings(false);
     }
   })), showSearch && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-app__searchpanel-wrap"
   }, /*#__PURE__*/React__default.createElement(MessageSearchPannel, {
     channelUrl: currentChannelUrl,
-    onResultClick: function onResultClick(message) {
+    onResultClick: message => {
       if (message.messageId === highlightedMessage) {
         setHighlightedMessage(null);
-        setTimeout(function () {
+        setTimeout(() => {
           setHighlightedMessage(message.messageId);
         });
       } else {
@@ -255,7 +243,7 @@ function App(props) {
         setHighlightedMessage(message.messageId);
       }
     },
-    onCloseClick: function onCloseClick() {
+    onCloseClick: () => {
       setShowSearch(false);
     }
   }))));

package/App.js.map

@@ -1 +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    customApiHost,\n    customWebSocketHost,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    isReactionEnabled,\n    isMentionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n    isTypingIndicatorEnabledOnChannelList,\n    isMessageReceiptStatusEnabledOnChannelList,\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      customApiHost={customApiHost}\n      customWebSocketHost={customWebSocketHost}\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      isReactionEnabled={isReactionEnabled}\n      isMentionEnabled={isMentionEnabled}\n      isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n      isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\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?.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            isReactionEnabled={isReactionEnabled}\n            replyType={replyType}\n            isMessageGroupingEnabled={isMessageGroupingEnabled}\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  customApiHost: PropTypes.string,\n  customWebSocketHost: 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    isREMUnitEnabled: PropTypes.bool,\n  }),\n  isReactionEnabled: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  isMessageGroupingEnabled: 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  isMentionEnabled: PropTypes.bool,\n  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  customApiHost: '',\n  customWebSocketHost: '',\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  isReactionEnabled: true,\n  isMentionEnabled: false,\n  replyType: 'NONE',\n  isMessageGroupingEnabled: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n  isTypingIndicatorEnabledOnChannelList: false,\n  isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["App","props","appId","userId","accessToken","customApiHost","customWebSocketHost","theme","userListQuery","nickname","profileUrl","dateLocale","config","isReactionEnabled","isMentionEnabled","replyType","isMessageGroupingEnabled","colorSet","stringSet","allowProfileEdit","disableUserProfile","renderUserProfile","showSearchIcon","onProfileEditSuccess","imageCompression","disableAutoSelect","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","useState","currentChannelUrl","setCurrentChannelUrl","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","React","channel","url","message","messageId","setTimeout","createdAt","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}
+{"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    customApiHost,\n    customWebSocketHost,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    isReactionEnabled,\n    isMentionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n    isTypingIndicatorEnabledOnChannelList,\n    isMessageReceiptStatusEnabledOnChannelList,\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      customApiHost={customApiHost}\n      customWebSocketHost={customWebSocketHost}\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      isReactionEnabled={isReactionEnabled}\n      isMentionEnabled={isMentionEnabled}\n      isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n      isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\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?.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            isReactionEnabled={isReactionEnabled}\n            replyType={replyType}\n            isMessageGroupingEnabled={isMessageGroupingEnabled}\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  customApiHost: PropTypes.string,\n  customWebSocketHost: 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    isREMUnitEnabled: PropTypes.bool,\n  }),\n  isReactionEnabled: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  isMessageGroupingEnabled: 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  isMentionEnabled: PropTypes.bool,\n  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  customApiHost: '',\n  customWebSocketHost: '',\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  isReactionEnabled: true,\n  isMentionEnabled: false,\n  replyType: 'NONE',\n  isMessageGroupingEnabled: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n  isTypingIndicatorEnabledOnChannelList: false,\n  isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["App","props","appId","userId","accessToken","customApiHost","customWebSocketHost","theme","userListQuery","nickname","profileUrl","dateLocale","config","isReactionEnabled","isMentionEnabled","replyType","isMessageGroupingEnabled","colorSet","stringSet","allowProfileEdit","disableUserProfile","renderUserProfile","showSearchIcon","onProfileEditSuccess","imageCompression","disableAutoSelect","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","currentChannelUrl","setCurrentChannelUrl","useState","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","React","channel","url","message","messageId","setTimeout","createdAt","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # Changelog - v3
 
+## [v3.2.0] (Sep 23 2022)
+
+Features:
+* OpenChannelList component
+  * Create new smart components (modules)
+    * CreateOpenChannel
+    * OpenChannelList
+  * Add a renderHeader props into the ui/Modal component
+  * Add stringSet for OpenChannelLisit and CreateOpenChannel components
+    * OPEN_CHANNEL_LIST__TITLE: 'Channels',
+    * CREATE_OPEN_CHANNEL_LIST__TITLE: 'New channel profile',
+    * CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION: 'Channel image',
+    * CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD: 'Upload',
+    * CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION: 'Channel name',
+    * CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER: 'Enter channel name',
+    * CREATE_OPEN_CHANNEL_LIST__SUBMIT: 'Create',
+* Add prop?.value to MessageWrappers
+  * @sendbird/uikit-react/Channel/components/MessageInput
+  * @sendbird/uikit-react/OpenChannel/components/OpenChannelInput
+  * @sendbird/uikit-react/ui/MessageInput
+  * Value is reset when channelURL changes
+
+Fixes:
+* Treat @sendbird/chat as external dependency
+* Fix issue where ConnectionHandler overwrite SessionHandler
+* Use queries from @sendbird/chat
+  * Use imported versions of GroupChannelListQueryParams and ApplicationUserListQueryParams
+* Fix `o`penChannel casing in type defn
+* Add some missing localization variables
+* Deprecate ChatHeader and ChannelPreview in @sendbird/uikit-react/ui
+
+Dev. Env:
+* Remove `enzyme` and `react-test-renderer`
+* Upgrade the `react` version to **v18**
+* Upgrade the `storybook` version to **v6.5.10**
+* Upgrade the `jest` and `babel-jest` to **v29**
+* Upgrade the `jsdom` to **v20**
+* Install `jest-environment-jsdom`
+* Install `global-jsdom`
+* Install `testing-library` (`@testing-library/react` and `@testing-library/jest-dom`)
+* Migrate every tests with `testing-library` instead of the `enzyme` and `react-test-renderer
+
 ## [v3.1.3] (Sep 19 2022)
 
 Features:

package/Channel/components/ChannelHeader.js

@@ -1,37 +1,35 @@
 import React__default, { useContext } from 'react';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-7b043ab9.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
+import { a as LocalizationContext } from '../../LocalizationContext-10829cf3.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-57689107.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import { u as useChannelContext } from '../../ChannelProvider-59559ed8.js';
 import 'prop-types';
-import '../../stringSet-c4a61372.js';
-import '../../tslib.es6-72a2f141.js';
+import '../../stringSet-804c49f3.js';
+import '../../tslib.es6-4faaa58d.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-8a4db02f.js';
-import '../../utils-bc7d8f0c.js';
-import '../../index-25496c01.js';
+import '../../uuid-4521c466.js';
+import '../../utils-47a3394f.js';
+import '../../index-940576d8.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-a2483e23.js';
-import '../../index-4400a360.js';
-import '../../topics-851d221c.js';
-import '../../index-24a5ab49.js';
-import '../../compareIds-9455ecb0.js';
-import '../../const-7867ac6a.js';
-import '../../groupChannel-de6b26ee.js';
-import '../../__bundle-6316ce22-63d15802.js';
-import '../../__bundle-fbda47dd-b1c87af3.js';
-import '../../__bundle-7dfccc8c-d5c3938c.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
+import '../../UserProfileContext-beacab28.js';
+import '../../index-3ddec9e9.js';
+import '../../topics-24c0f724.js';
+import '../../index-46beca69.js';
+import '../../compareIds-332d261c.js';
+import '../../const-78e336dd.js';
+import '../../groupChannel-3301a732.js';
+import '../../__bundle-c41dd401-d4ab6c10.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 
-var getChannelTitle = function getChannelTitle(channel, currentUserId, stringSet) {
+var getChannelTitle = function (channel, currentUserId, stringSet) {
   var _a;
 
   var LABEL_STRING_SET = stringSet || LabelStringSet;
@@ -57,7 +55,7 @@ var getChannelTitle = function getChannelTitle(channel, currentUserId, stringSet
   }).join(', ');
 };
 
-var ChatHeader = function ChatHeader() {
+var ChannelHeader = function () {
   var _a, _b, _c;
 
   var globalStore = useSendbirdStateContext();
@@ -119,5 +117,5 @@ var ChatHeader = function ChatHeader() {
   }))));
 };
 
-export { ChatHeader as default };
+export { ChannelHeader as default };
 //# sourceMappingURL=ChannelHeader.js.map

package/Channel/components/ChannelHeader.js.map

@@ -1 +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 type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string }\n  ): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!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 { useChannelContext } 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 = useChannelContext();\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","useChannelContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","subTitle","isMuted","myMutedState","useContext","LocalizationContext","React","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","IconTypes","NOTIFICATIONS_OFF_FILLED","SEARCH","IconColors","PRIMARY","INFO"],"mappings":"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"}
+{"version":3,"file":"ChannelHeader.js","sources":["../../../src/smart-components/Channel/components/ChannelHeader/utils.ts","../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string }\n  ): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!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 { useChannelContext } from '../../context/ChannelProvider';\n\nconst ChannelHeader: React.FC = () => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\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 ChannelHeader;\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","ChannelHeader","globalStore","useSendbirdStateContext","config","theme","_b","channelStore","useChannelContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","subTitle","_c","isMuted","myMutedState","useContext","LocalizationContext","React","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","IconTypes","NOTIFICATIONS_OFF_FILLED","SEARCH","IconColors","PRIMARY","INFO"],"mappings":"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"}