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

package/{_rollupPluginBabelHelpers-b2b008c2.js → _rollupPluginBabelHelpers-4527872e.js}

@@ -127,4 +127,4 @@ function _nonIterableRest() {
 }
 
 export { _objectSpread2 as _, _slicedToArray as a, _toConsumableArray as b };
-//# sourceMappingURL=_rollupPluginBabelHelpers-b2b008c2.js.map
+//# sourceMappingURL=_rollupPluginBabelHelpers-4527872e.js.map

package/{_rollupPluginBabelHelpers-b2b008c2.js.map → _rollupPluginBabelHelpers-4527872e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-b2b008c2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_rollupPluginBabelHelpers-4527872e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/{actionTypes-3a618022.js → actionTypes-517789b8.js}

@@ -3,4 +3,4 @@ var RESET_USER = 'RESET_USER';
 var UPDATE_USER_INFO = 'UPDATE_USER_INFO';
 
 export { INIT_USER as I, RESET_USER as R, UPDATE_USER_INFO as U };
-//# sourceMappingURL=actionTypes-3a618022.js.map
+//# sourceMappingURL=actionTypes-517789b8.js.map

package/{actionTypes-3a618022.js.map → actionTypes-517789b8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actionTypes-3a618022.js","sources":["../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":"IAAaA,SAAS,GAAG;IACZC,UAAU,GAAG;IAEbC,gBAAgB,GAAG;;;;"}
+{"version":3,"file":"actionTypes-517789b8.js","sources":["../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":"IAAaA,SAAS,GAAG;IACZC,UAAU,GAAG;IAEbC,gBAAgB,GAAG;;;;"}

package/cjs/App.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-09706ebf.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f9e4bb55.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var SendbirdProvider = require('./SendbirdProvider.js');
@@ -9,28 +9,26 @@ var Channel = require('./Channel.js');
 var ChannelSettings = require('./ChannelSettings.js');
 var MessageSearch = require('./MessageSearch.js');
 require('./withSendbird.js');
-require('./sendbird-e3e5c8ae.js');
-require('./__bundle-6316ce22-054c7ff6.js');
-require('./__bundle-fbda47dd-4cb7267d.js');
-require('./openChannel-e95532d8.js');
-require('./__bundle-7dfccc8c-826eb0ef.js');
-require('./groupChannel-4934c435.js');
-require('./actionTypes-b3af2b15.js');
-require('./index-c8f7702f.js');
-require('./tslib.es6-f57d0c81.js');
+require('@sendbird/chat');
+require('./openChannel-8aabbf3c.js');
+require('./__bundle-bd072f34-57bee5af.js');
+require('./groupChannel-6d56c155.js');
+require('./actionTypes-17aa0989.js');
+require('./index-18b120dc.js');
+require('./tslib.es6-36205d81.js');
 require('css-vars-ponyfill');
-require('./uuid-1942f440.js');
-require('./LocalizationContext-c13ae9d5.js');
-require('./stringSet-bd0c293d.js');
-require('./index-63b56a0e.js');
-require('./ChannelListProvider-3e882076.js');
-require('./topics-f3fe3bf3.js');
-require('./utils-760ac018.js');
-require('./UserProfileContext-f7c125ca.js');
+require('./uuid-edc908ea.js');
+require('./LocalizationContext-b5fd4c38.js');
+require('./stringSet-be457fd7.js');
+require('./index-5166a415.js');
+require('./ChannelListProvider-781aa186.js');
+require('./topics-58ec1c61.js');
+require('./utils-09738454.js');
+require('./UserProfileContext-69c9649a.js');
 require('./useSendbirdStateContext.js');
 require('./ChannelList/components/ChannelListUI.js');
 require('./ChannelList/components/ChannelListHeader.js');
-require('./index-dad73aff.js');
+require('./index-b9b8972b.js');
 require('./ui/IconButton.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
@@ -38,13 +36,13 @@ require('./ui/Icon.js');
 require('./ChannelList/components/AddChannel.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./CreateChannelProvider-cea018b0.js');
+require('./CreateChannelProvider-80c88bba.js');
 require('./sendbirdSelectors.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-98e4f7b2.js');
-require('./index-d889bc81.js');
+require('./index-550f5039.js');
+require('./ui/Button.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -54,33 +52,33 @@ require('./ui/SortByRow.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ui/ChannelAvatar.js');
-require('./utils-438c14b6.js');
+require('./utils-9419225c.js');
 require('./ui/Badge.js');
-require('./index-2f58ecfc.js');
-require('./index-243538a2.js');
-require('./index-701d44c1.js');
+require('./index-9ce5e5a9.js');
+require('./index-1512514f.js');
+require('./index-c1697faa.js');
 require('./ui/MentionUserLabel.js');
 require('./Channel/components/TypingIndicator.js');
-require('./ChannelProvider-b7e7f2ff.js');
-require('./compareIds-10371145.js');
-require('./const-459420a0.js');
+require('./ChannelProvider-bbff4ae8.js');
+require('./compareIds-cf626c9f.js');
+require('./const-955190c4.js');
 require('./ui/ReactionButton.js');
 require('./ui/MessageStatus.js');
 require('./ui/Loader.js');
 require('./ChannelList/components/ChannelPreviewAction.js');
 require('./EditUserProfile.js');
-require('./index-0add0c83.js');
+require('./index-025aa556.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-f0ffb253.js');
-require('./index-2d53c0e6.js');
+require('./color-9e293baf.js');
+require('./index-e9d96b00.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('./Channel/components/SuggestedMentionList.js');
-require('./const-84c58686.js');
+require('./const-17108318.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
 require('./ui/MessageContent.js');
@@ -113,9 +111,9 @@ require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./context-01248097.js');
+require('./context-e041c8e0.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./MemberList-e062045b.js');
+require('./MemberList-10def668.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 require('./MessageSearch/components/MessageSearchUI.js');

package/cjs/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","Sendbird","channel","url","MessageSearchPannel","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","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","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","defaultProps"],"mappings":"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"}

package/cjs/Channel/components/ChannelHeader.js

@@ -1,33 +1,31 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../../index-dad73aff.js');
+var ui_Label = require('../../index-b9b8972b.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-c13ae9d5.js');
+var LocalizationContext = require('../../LocalizationContext-b5fd4c38.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-b7e7f2ff.js');
-require('../../_rollupPluginBabelHelpers-09706ebf.js');
+var Channel_context = require('../../ChannelProvider-bbff4ae8.js');
+require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
 require('prop-types');
-require('../../stringSet-bd0c293d.js');
-require('../../tslib.es6-f57d0c81.js');
+require('../../stringSet-be457fd7.js');
+require('../../tslib.es6-36205d81.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-1942f440.js');
-require('../../utils-438c14b6.js');
-require('../../index-63b56a0e.js');
+require('../../uuid-edc908ea.js');
+require('../../utils-9419225c.js');
+require('../../index-5166a415.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-f7c125ca.js');
-require('../../index-701d44c1.js');
-require('../../topics-f3fe3bf3.js');
-require('../../index-c8f7702f.js');
-require('../../compareIds-10371145.js');
-require('../../const-459420a0.js');
-require('../../groupChannel-4934c435.js');
-require('../../__bundle-6316ce22-054c7ff6.js');
-require('../../__bundle-fbda47dd-4cb7267d.js');
-require('../../__bundle-7dfccc8c-826eb0ef.js');
+require('../../UserProfileContext-69c9649a.js');
+require('../../index-c1697faa.js');
+require('../../topics-58ec1c61.js');
+require('../../index-18b120dc.js');
+require('../../compareIds-cf626c9f.js');
+require('../../const-955190c4.js');
+require('../../groupChannel-6d56c155.js');
+require('../../__bundle-bd072f34-57bee5af.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
@@ -63,7 +61,7 @@ var getChannelTitle = function getChannelTitle(channel, currentUserId, stringSet
   }).join(', ');
 };
 
-var ChatHeader = function ChatHeader() {
+var ChannelHeader = function ChannelHeader() {
   var _a, _b, _c;
 
   var globalStore = useSendbirdStateContext();
@@ -125,5 +123,5 @@ var ChatHeader = function ChatHeader() {
   }))));
 };
 
-module.exports = ChatHeader;
+module.exports = ChannelHeader;
 //# sourceMappingURL=ChannelHeader.js.map

package/cjs/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","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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"}
+{"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","length","NO_MEMBERS","filter","_a","userId","map","nickname","NO_NAME","join","ChannelHeader","globalStore","useSendbirdStateContext","config","theme","channelStore","useChannelContext","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

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-b7e7f2ff.js');
-var ui_PlaceHolder = require('../../index-2d53c0e6.js');
+var Channel_context = require('../../ChannelProvider-bbff4ae8.js');
+var ui_PlaceHolder = require('../../index-e9d96b00.js');
 var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
 var Channel_components_ChannelHeader = require('./ChannelHeader.js');
 var Channel_components_MessageList = require('./MessageList.js');
@@ -12,48 +12,46 @@ 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-09706ebf.js');
-require('../../UserProfileContext-f7c125ca.js');
+require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../../UserProfileContext-69c9649a.js');
 require('prop-types');
-require('../../index-701d44c1.js');
-require('../../index-63b56a0e.js');
-require('../../topics-f3fe3bf3.js');
-require('../../index-c8f7702f.js');
-require('../../tslib.es6-f57d0c81.js');
-require('../../compareIds-10371145.js');
-require('../../const-459420a0.js');
-require('../../groupChannel-4934c435.js');
-require('../../__bundle-6316ce22-054c7ff6.js');
-require('../../__bundle-fbda47dd-4cb7267d.js');
-require('../../__bundle-7dfccc8c-826eb0ef.js');
-require('../../uuid-1942f440.js');
+require('../../index-c1697faa.js');
+require('../../index-5166a415.js');
+require('../../topics-58ec1c61.js');
+require('../../index-18b120dc.js');
+require('../../tslib.es6-36205d81.js');
+require('../../compareIds-cf626c9f.js');
+require('../../const-955190c4.js');
+require('../../groupChannel-6d56c155.js');
+require('../../__bundle-bd072f34-57bee5af.js');
+require('../../uuid-edc908ea.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-dad73aff.js');
-require('../../stringSet-bd0c293d.js');
+require('../../index-b9b8972b.js');
+require('../../stringSet-be457fd7.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../LocalizationContext-c13ae9d5.js');
+require('../../LocalizationContext-b5fd4c38.js');
 require('../../ui/Loader.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../utils-438c14b6.js');
-require('../../index-243538a2.js');
+require('../../utils-9419225c.js');
+require('../../index-1512514f.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../const-84c58686.js');
+require('../../const-17108318.js');
 require('../../ui/DateSeparator.js');
-require('../../color-f0ffb253.js');
+require('../../color-9e293baf.js');
 require('../../ui/MessageInput.js');
-require('../../index-d889bc81.js');
+require('../../ui/Button.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-760ac018.js');
+require('../../utils-09738454.js');
 require('../../ui/MessageStatus.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/MessageItemReactionMenu.js');
@@ -73,7 +71,7 @@ require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
 require('./FileViewer.js');
-require('../../index-98e4f7b2.js');
+require('../../index-550f5039.js');
 require('./RemoveMessageModal.js');
 require('../../ui/Modal.js');
 require('../../ui/QuoteMessageInput.js');

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelUI.js","sources":["../../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React, { useEffect, useState } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport FrozenNotification from '../FrozenNotification';\nimport UnreadCount from '../UnreadCount';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n}: ChannelUIProps) => {\n  const {\n    currentGroupChannel,\n    channelUrl,\n    isInvalid,\n    unreadSince,\n    loading,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    scrollRef,\n    messagesDispatcher,\n  } = useChannelContext();\n  const [unreadCount, setUnreadCount] = useState(0);\n  useEffect(() => {\n    setUnreadCount(currentGroupChannel?.unreadMessageCount);\n  }, [currentGroupChannel?.unreadMessageCount]);\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {\n        renderChannelHeader?.() || (\n          <ChannelHeader />\n        )\n      }\n      {\n        currentGroupChannel?.isFrozen && (\n          <FrozenNotification />\n        )\n      }\n      {\n        unreadCount > 0 && (\n          <UnreadCount\n            count={unreadCount}\n            time={unreadSince}\n            onClick={() => {\n              setUnreadCount(0);\n              if (scrollRef?.current?.scrollTop) {\n                scrollRef.current.scrollTop = scrollRef?.current?.scrollHeight - scrollRef?.current?.offsetHeight;\n              }\n              try {\n                currentGroupChannel?.markAsRead();\n              } catch {\n                //\n              }\n              messagesDispatcher({\n                type: messageActionTypes.MARK_AS_READ,\n                payload: { channel: currentGroupChannel },\n              });\n              setInitialTimeStamp(null);\n              setAnimatedMessageId(null);\n              setHighLightedMessageId(null);\n            }}\n          />\n        )\n      }\n      {\n        loading\n          ? (\n            <div className=\"sendbird-conversation\">\n              {\n                renderPlaceholderLoader?.() || (\n                  <PlaceHolder type={PlaceHolderTypes.LOADING} />\n                )\n              }\n            </div>\n          ) : (\n            <MessageList\n              renderMessage={renderMessage}\n              renderPlaceholderEmpty={renderPlaceholderEmpty}\n              renderCustomSeparator={renderCustomSeparator}\n            />\n          )\n      }\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","_f","useChannelContext","currentGroupChannel","channelUrl","isInvalid","unreadSince","loading","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","scrollRef","messagesDispatcher","_g","useState","unreadCount","setUnreadCount","useEffect","unreadMessageCount","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","FrozenNotification","UnreadCount","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","LOADING","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}
+{"version":3,"file":"ChannelUI.js","sources":["../../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React, { useEffect, useState } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport FrozenNotification from '../FrozenNotification';\nimport UnreadCount from '../UnreadCount';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n}: ChannelUIProps) => {\n  const {\n    currentGroupChannel,\n    channelUrl,\n    isInvalid,\n    unreadSince,\n    loading,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    scrollRef,\n    messagesDispatcher,\n  } = useChannelContext();\n  const [unreadCount, setUnreadCount] = useState(0);\n  useEffect(() => {\n    setUnreadCount(currentGroupChannel?.unreadMessageCount);\n  }, [currentGroupChannel?.unreadMessageCount]);\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {\n        renderChannelHeader?.() || (\n          <ChannelHeader />\n        )\n      }\n      {\n        currentGroupChannel?.isFrozen && (\n          <FrozenNotification />\n        )\n      }\n      {\n        unreadCount > 0 && (\n          <UnreadCount\n            count={unreadCount}\n            time={unreadSince}\n            onClick={() => {\n              setUnreadCount(0);\n              if (scrollRef?.current?.scrollTop) {\n                scrollRef.current.scrollTop = scrollRef?.current?.scrollHeight - scrollRef?.current?.offsetHeight;\n              }\n              try {\n                currentGroupChannel?.markAsRead();\n              } catch {\n                //\n              }\n              messagesDispatcher({\n                type: messageActionTypes.MARK_AS_READ,\n                payload: { channel: currentGroupChannel },\n              });\n              setInitialTimeStamp(null);\n              setAnimatedMessageId(null);\n              setHighLightedMessageId(null);\n            }}\n          />\n        )\n      }\n      {\n        loading\n          ? (\n            <div className=\"sendbird-conversation\">\n              {\n                renderPlaceholderLoader?.() || (\n                  <PlaceHolder type={PlaceHolderTypes.LOADING} />\n                )\n              }\n            </div>\n          ) : (\n            <MessageList\n              renderMessage={renderMessage}\n              renderPlaceholderEmpty={renderPlaceholderEmpty}\n              renderCustomSeparator={renderCustomSeparator}\n            />\n          )\n      }\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","_f","useChannelContext","currentGroupChannel","channelUrl","isInvalid","unreadSince","loading","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","scrollRef","messagesDispatcher","_g","useState","unreadCount","setUnreadCount","useEffect","unreadMessageCount","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","FrozenNotification","UnreadCount","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","LOADING","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BMA,SAAS,GAA6B,SAAtCA,SAAsC,CAACC,EAAD;;;MAC1CC,uBAAuB;MACvBC,wBAAwB;MACxBC,sBAAsB;MACtBC,mBAAmB;MACnBC,aAAa;MACbC,kBAAkB;MAClBC,qBAAqB;MACrBC,qBAAqB;;EAEf,IAAAC,KAWFC,iCAAiB,EAXf;MACJC,mBAAmB,yBADf;MAEJC,UAAU,gBAFN;MAGJC,SAAS,eAHL;MAIJC,WAAW,iBAJP;MAKJC,OAAO,aALH;MAMJC,mBAAmB,yBANf;MAOJC,oBAAoB,0BAPhB;MAQJC,uBAAuB,6BARnB;MASJC,SAAS,eATL;MAUJC,kBAAkB,wBAVd;;EAYA,IAAAC,KAAgCC,cAAQ,CAAC,CAAD,CAAxC;MAACC,WAAW,QAAZ;MAAcC,cAAc,QAA5B;;EACNC,eAAS,CAAC;IACRD,cAAc,CAACb,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,SAAA,GAAAA,mBAAmB,CAAEe,kBAAtB,CAAd;GADO,EAEN,CAACf,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,SAAA,GAAAA,mBAAmB,CAAEe,kBAAtB,CAFM,CAAT;EAIA,IAAMC,WAAW,GAAGC,uBAAuB,EAA3C;EACA,IAAMC,QAAQ,GAAG,MAAA,MAAAF,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEG,MAAb,UAAA,iBAAA,SAAA,MAAqBC,QAArB,UAAA,iBAAA,SAAA,MAA+BC,KAAhD;EACA,IAAMC,MAAM,GAAG,MAAAN,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEO,MAAb,UAAA,iBAAA,SAAA,MAAqBD,MAApC;EACA,IAAME,QAAQ,GAAG,MAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEO,MAAb,UAAA,iBAAA,SAAA,MAAqBC,QAAtC;;EAEA,IAAI,CAACvB,UAAL,EAAiB;IACf,oBAAQwB;MAAK,SAAS,EAAC;OAEnB,CAAAlC,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACEkC,wCAACC,0BAAD;MAAa,IAAI,EAAEC,+BAAgB,CAACC;MAHlC,CAAR;;;EAQF,IAAI1B,SAAJ,EAAe;IACb,oBACEuB;MAAK,SAAS,EAAC;OAEX,CAAAlC,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACEkC,wCAACC,0BAAD;MAAa,IAAI,EAAEC,+BAAgB,CAACE;MAH1C,CADF;;;EAUF,IAAIX,QAAJ,EAAc;IACZ,oBACEO;MAAK,SAAS,EAAC;OAEX,CAAAlC,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACEkC,wCAACC,0BAAD;MACE,IAAI,EAAEC,+BAAgB,CAACE,KADzB;MAEE,cAAc,EAAE;QACdP,MAAM,CAACQ,IAAP,CAAY,uBAAZ;;MANV,CADF;;;EAgBF,oBACEL;IAAK,SAAS,EAAC;KAEX,CAAAhC,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,SAAA,GAAAA,mBAAmB,EAAnB,kBACEgC,wCAACM,gCAAD,OAHN,EAOI,CAAA/B,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,SAAA,GAAAA,mBAAmB,CAAEgC,QAArB,kBACEP,wCAACQ,qCAAD,OARN,EAYIrB,WAAW,GAAG,CAAd,iBACEa,wCAACS,8BAAD;IACE,KAAK,EAAEtB,WADT;IAEE,IAAI,EAAET,WAFR;IAGE,OAAO,EAAE;;;MACPU,cAAc,CAAC,CAAD,CAAd;;MACA,IAAI,MAAAL,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAE2B,OAAX,UAAA,iBAAA,SAAA,MAAoBC,SAAxB,EAAmC;QACjC5B,SAAS,CAAC2B,OAAV,CAAkBC,SAAlB,GAA8B,CAAA,MAAA5B,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAE2B,OAAX,UAAA,iBAAA,SAAA,MAAoBE,YAApB,KAAmC,MAAA7B,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAE2B,OAAX,UAAA,iBAAA,SAAA,MAAoBG,YAAvD,CAA9B;;;MAEF,IAAI;QACFtC,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,SAAA,GAAAA,mBAAmB,CAAEuC,UAArB,EAAA;OADF,CAEE,SAAA,EAAM;;;MAGR9B,kBAAkB,CAAC;QACjB+B,IAAI,EAAEC,4BADW;QAEjBC,OAAO,EAAE;UAAEC,OAAO,EAAE3C;;OAFJ,CAAlB;MAIAK,mBAAmB,CAAC,IAAD,CAAnB;MACAC,oBAAoB,CAAC,IAAD,CAApB;MACAC,uBAAuB,CAAC,IAAD,CAAvB;;IAhCV,EAsCIH,OAAO,gBAEHqB;IAAK,SAAS,EAAC;KAEX,CAAAnC,uBAAuB,SAAvB,IAAAA,uBAAuB,WAAvB,SAAA,GAAAA,uBAAuB,EAAvB,kBACEmC,wCAACC,0BAAD;IAAa,IAAI,EAAEC,+BAAgB,CAACiB;IAH1C,CAFG,gBAUHnB,wCAACoB,8BAAD;IACE,aAAa,EAAEnD,aADjB;IAEE,sBAAsB,EAAEF,sBAF1B;IAGE,qBAAqB,EAAEK;IAnDjC,eAuDE4B;IAAK,SAAS,EAAC;KAEX,CAAA9B,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,EAAlB,kBACE8B,wCAACqB,+BAAD,OAHN,eAMErB;IAAK,SAAS,EAAC;KAEX,CAAA7B,qBAAqB,SAArB,IAAAA,qBAAqB,WAArB,SAAA,GAAAA,qBAAqB,EAArB,kBACE6B,wCAACsB,6CAAD,OAHN,EAOI,CAACvB,QAAD,iBACEC,wCAACuB,mBAAD,OARN,CANF,CAvDF,CADF;AA6ED;;;;"}

package/cjs/Channel/components/FileViewer.js

@@ -5,29 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactDom = require('react-dom');
 var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Label = require('../../index-dad73aff.js');
+var ui_Label = require('../../index-b9b8972b.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index$1 = require('../../index-98e4f7b2.js');
-var index = require('../../index-c8f7702f.js');
+var index$1 = require('../../index-550f5039.js');
+var index = require('../../index-18b120dc.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-b7e7f2ff.js');
-require('../../tslib.es6-f57d0c81.js');
+var Channel_context = require('../../ChannelProvider-bbff4ae8.js');
+require('../../tslib.es6-36205d81.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-1942f440.js');
-require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../uuid-edc908ea.js');
+require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
 require('prop-types');
-require('../../stringSet-bd0c293d.js');
+require('../../stringSet-be457fd7.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-f7c125ca.js');
-require('../../index-701d44c1.js');
-require('../../index-63b56a0e.js');
-require('../../topics-f3fe3bf3.js');
-require('../../compareIds-10371145.js');
-require('../../const-459420a0.js');
-require('../../groupChannel-4934c435.js');
-require('../../__bundle-6316ce22-054c7ff6.js');
-require('../../__bundle-fbda47dd-4cb7267d.js');
-require('../../__bundle-7dfccc8c-826eb0ef.js');
+require('../../UserProfileContext-69c9649a.js');
+require('../../index-c1697faa.js');
+require('../../index-5166a415.js');
+require('../../topics-58ec1c61.js');
+require('../../compareIds-cf626c9f.js');
+require('../../const-955190c4.js');
+require('../../groupChannel-6d56c155.js');
+require('../../__bundle-bd072f34-57bee5af.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ReactionButton.js');

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

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","sources":["../../../../src/smart-components/Channel/components/FileViewer/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport './file-viewer.scss';\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport { MODAL_ROOT } from '../../../../hooks/useModal/ModalRoot';\n\nimport { isImage, isVideo, isSupportedFileView } from '../../../../utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { EveryMessage } from '../../../../types';\n\ntype FileViewerUIProps = {\n  profileUrl: string;\n  nickname: string;\n  // file\n  name: string;\n  type: string;\n  url: string;\n  // others\n  isByMe: boolean;\n  onCancel: () => void;\n  onDelete: () => void;\n  disableDelete: boolean;\n};\n\nexport const FileViewerComponent: React.FC<FileViewerUIProps> = ({\n  // sender\n  profileUrl,\n  nickname,\n  // file\n  name,\n  type,\n  url,\n  // others\n  isByMe,\n  onCancel,\n  onDelete,\n  disableDelete,\n}: FileViewerUIProps) => (\n  <div className=\"sendbird-fileviewer\">\n    <div className=\"sendbird-fileviewer__header\">\n      <div className=\"sendbird-fileviewer__header__left\">\n        <div className=\"sendbird-fileviewer__header__left__avatar\">\n          <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n        </div>\n        <Label\n          className=\"sendbird-fileviewer__header__left__filename\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {name}\n        </Label>\n        <Label\n          className=\"sendbird-fileviewer__header__left__sender-name\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {nickname}\n        </Label>\n      </div>\n      <div className=\"sendbird-fileviewer__header__right\">\n        {\n          isSupportedFileView(type) && (\n            <div className=\"sendbird-fileviewer__header__right__actions\">\n              <a\n                className=\"sendbird-fileviewer__header__right__actions__download\"\n                rel=\"noopener noreferrer\"\n                href={url}\n                target=\"_blank\"\n              >\n                <Icon\n                  type={IconTypes.DOWNLOAD}\n                  fillColor={IconColors.ON_BACKGROUND_1}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </a>\n              {\n                onDelete && isByMe && (\n                  <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n                    <Icon\n                      className={disableDelete ? 'disabled' : ''}\n                      type={IconTypes.DELETE}\n                      fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n                      height=\"24px\"\n                      width=\"24px\"\n                      onClick={() => { if (!disableDelete) { onDelete(); } }}\n                    />\n                  </div>\n                )\n              }\n            </div>\n          )\n        }\n        <div className=\"sendbird-fileviewer__header__right__actions__close\">\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            height=\"24px\"\n            width=\"24px\"\n            onClick={onCancel}\n          />\n        </div>\n      </div>\n    </div>\n    <div className=\"sendbird-fileviewer__content\">\n      {isVideo(type) && (\n        <video controls className=\"sendbird-fileviewer__content__video\">\n          <source src={url} type={type} />\n        </video>\n      )}\n      {\n        isImage(type) && (\n          <img\n            src={url}\n            alt={name}\n            className=\"sendbird-fileviewer__content__img\"\n          />\n        )\n      }\n      {\n        !isSupportedFileView(type) && (\n          <div className=\"sendbird-fileviewer__content__unsupported\">\n            <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n              Unsupoprted message\n            </Label>\n          </div>\n        )\n      }\n    </div>\n  </div>\n);\n\ntype FileViewerProps = {\n  onCancel:() => void;\n  message: FileMessage;\n};\n\nconst FileViewer: React.FC<FileViewerProps> = ({ onCancel, message }: FileViewerProps) => {\n  const { deleteMessage } = useChannelContext();\n  const {\n    sender,\n    type,\n    url,\n    name = '',\n    threadInfo,\n  } = message;\n  const user = useSendbirdStateContext()?.config?.userId;\n  const isByMe = user === message?.sender?.userId;\n  const disableDelete = threadInfo?.replyCount > 0;\n  const { profileUrl, nickname = '' } = sender;\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={profileUrl}\n        nickname={nickname}\n        type={type}\n        url={url}\n        name={name}\n        onCancel={onCancel}\n        onDelete={() => {\n          deleteMessage(message as EveryMessage).then(() => {\n            onCancel();\n          });\n        }}\n        isByMe={isByMe}\n        disableDelete={disableDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n}\n\nexport default FileViewer;\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","isByMe","onCancel","onDelete","disableDelete","React","Avatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","Icon","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","CLOSE","isVideo","isImage","H_1","FileViewer","message","deleteMessage","useChannelContext","sender","_e","threadInfo","user","useSendbirdStateContext","config","userId","replyCount","_f","createPortal","then","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"FileViewer.js","sources":["../../../../src/smart-components/Channel/components/FileViewer/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport './file-viewer.scss';\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport { MODAL_ROOT } from '../../../../hooks/useModal/ModalRoot';\n\nimport { isImage, isVideo, isSupportedFileView } from '../../../../utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { EveryMessage } from '../../../../types';\n\ntype FileViewerUIProps = {\n  profileUrl: string;\n  nickname: string;\n  // file\n  name: string;\n  type: string;\n  url: string;\n  // others\n  isByMe: boolean;\n  onCancel: () => void;\n  onDelete: () => void;\n  disableDelete: boolean;\n};\n\nexport const FileViewerComponent: React.FC<FileViewerUIProps> = ({\n  // sender\n  profileUrl,\n  nickname,\n  // file\n  name,\n  type,\n  url,\n  // others\n  isByMe,\n  onCancel,\n  onDelete,\n  disableDelete,\n}: FileViewerUIProps) => (\n  <div className=\"sendbird-fileviewer\">\n    <div className=\"sendbird-fileviewer__header\">\n      <div className=\"sendbird-fileviewer__header__left\">\n        <div className=\"sendbird-fileviewer__header__left__avatar\">\n          <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n        </div>\n        <Label\n          className=\"sendbird-fileviewer__header__left__filename\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {name}\n        </Label>\n        <Label\n          className=\"sendbird-fileviewer__header__left__sender-name\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {nickname}\n        </Label>\n      </div>\n      <div className=\"sendbird-fileviewer__header__right\">\n        {\n          isSupportedFileView(type) && (\n            <div className=\"sendbird-fileviewer__header__right__actions\">\n              <a\n                className=\"sendbird-fileviewer__header__right__actions__download\"\n                rel=\"noopener noreferrer\"\n                href={url}\n                target=\"_blank\"\n              >\n                <Icon\n                  type={IconTypes.DOWNLOAD}\n                  fillColor={IconColors.ON_BACKGROUND_1}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </a>\n              {\n                onDelete && isByMe && (\n                  <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n                    <Icon\n                      className={disableDelete ? 'disabled' : ''}\n                      type={IconTypes.DELETE}\n                      fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n                      height=\"24px\"\n                      width=\"24px\"\n                      onClick={() => { if (!disableDelete) { onDelete(); } }}\n                    />\n                  </div>\n                )\n              }\n            </div>\n          )\n        }\n        <div className=\"sendbird-fileviewer__header__right__actions__close\">\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            height=\"24px\"\n            width=\"24px\"\n            onClick={onCancel}\n          />\n        </div>\n      </div>\n    </div>\n    <div className=\"sendbird-fileviewer__content\">\n      {isVideo(type) && (\n        <video controls className=\"sendbird-fileviewer__content__video\">\n          <source src={url} type={type} />\n        </video>\n      )}\n      {\n        isImage(type) && (\n          <img\n            src={url}\n            alt={name}\n            className=\"sendbird-fileviewer__content__img\"\n          />\n        )\n      }\n      {\n        !isSupportedFileView(type) && (\n          <div className=\"sendbird-fileviewer__content__unsupported\">\n            <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n              Unsupoprted message\n            </Label>\n          </div>\n        )\n      }\n    </div>\n  </div>\n);\n\ntype FileViewerProps = {\n  onCancel:() => void;\n  message: FileMessage;\n};\n\nconst FileViewer: React.FC<FileViewerProps> = ({ onCancel, message }: FileViewerProps) => {\n  const { deleteMessage } = useChannelContext();\n  const {\n    sender,\n    type,\n    url,\n    name = '',\n    threadInfo,\n  } = message;\n  const user = useSendbirdStateContext()?.config?.userId;\n  const isByMe = user === message?.sender?.userId;\n  const disableDelete = threadInfo?.replyCount > 0;\n  const { profileUrl, nickname = '' } = sender;\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={profileUrl}\n        nickname={nickname}\n        type={type}\n        url={url}\n        name={name}\n        onCancel={onCancel}\n        onDelete={() => {\n          deleteMessage(message as EveryMessage).then(() => {\n            onCancel();\n          });\n        }}\n        isByMe={isByMe}\n        disableDelete={disableDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n}\n\nexport default FileViewer;\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","isByMe","onCancel","onDelete","disableDelete","React","Avatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","Icon","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","CLOSE","isVideo","isImage","H_1","FileViewer","message","deleteMessage","useChannelContext","sender","_e","threadInfo","user","useSendbirdStateContext","config","userId","replyCount","_f","createPortal","then","document","getElementById","MODAL_ROOT"],"mappings":"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"}