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

package/ChannelList/components/ChannelListUI.js

@@ -3,68 +3,68 @@ import ChannelListHeader from './ChannelListHeader.js';
 import { AddChannel } from './AddChannel.js';
 import ChannelPreview from './ChannelPreview.js';
 import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-6e3b8f43.js';
+import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-368bd7f1.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a98bd600.js';
-import '../../LocalizationContext-4cefc770.js';
-import '../../stringSet-dc330bcf.js';
-import '../../index-176e9ad4.js';
-import '../../index-6b896cd8.js';
-import '../../_rollupPluginBabelHelpers-4527872e.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ed8e5d48.js';
+import '../../LocalizationContext-10829cf3.js';
+import '../../stringSet-804c49f3.js';
+import '../../index-940576d8.js';
+import '../../index-7b043ab9.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-cb5d77bf.js';
+import '../../tslib.es6-4faaa58d.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-180d497e.js';
+import '../../uuid-4521c466.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-712526fd.js';
+import '../../CreateChannelProvider-9c2113ca.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-c5198349.js';
-import '../../utils-629876b9.js';
+import '../../topics-24c0f724.js';
+import '../../utils-32938255.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-3249f6b5.js';
+import '../../index-5e788130.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-2e53d03a.js';
+import '../../UserProfileContext-beacab28.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-f59cf800.js';
+import '../../index-46beca69.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../ui/ChannelAvatar.js';
-import '../../utils-8fb72715.js';
+import '../../utils-47a3394f.js';
 import '../../ui/Badge.js';
-import '../../index-3699f160.js';
-import '../../index-598898d3.js';
-import '../../index-7fa0a721.js';
+import '../../index-00b281a3.js';
+import '../../index-8bd6c997.js';
+import '../../index-3ddec9e9.js';
 import '../../ui/MentionUserLabel.js';
 import '../../Channel/components/TypingIndicator.js';
-import '../../groupChannel-e2a071e1.js';
-import '../../__bundle-bd072f34-95f6bf17.js';
-import '../../ChannelProvider-b8c6427f.js';
-import '../../compareIds-31e2f55c.js';
-import '../../const-6b428cb8.js';
+import '../../groupChannel-3301a732.js';
+import '../../__bundle-c41dd401-d4ab6c10.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 '../../index-b79c5b07.js';
+import '../../index-e5aab3b4.js';
 import '../../ui/Input.js';
 import '../../ui/TextButton.js';
-import '../../color-402a36fd.js';
-import '../../actionTypes-517789b8.js';
+import '../../color-fff21001.js';
+import '../../actionTypes-fd0f0a6c.js';
 
 var DELIVERY_RECIPT = 'delivery_receipt';
 
-var ChannelListUI = function ChannelListUI(props) {
+var ChannelListUI = function (props) {
   var _a, _b;
 
   var renderHeader = props.renderHeader,
@@ -123,26 +123,26 @@ var ChannelListUI = function ChannelListUI(props) {
     className: "sendbird-channel-list__header"
   }, /*#__PURE__*/React__default.createElement(ChannelListHeader, {
     renderHeader: renderHeader,
-    onEdit: function onEdit() {
+    onEdit: function () {
       if (allowProfileEdit) {
         setShowProfileEdit(true);
       }
     },
     allowProfileEdit: allowProfileEdit,
-    renderIconButton: function renderIconButton() {
+    renderIconButton: function () {
       return /*#__PURE__*/React__default.createElement(AddChannel, null);
     }
   })), showProfileEdit && /*#__PURE__*/React__default.createElement(EditProfile, {
     onThemeChange: onThemeChange,
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowProfileEdit(false);
     },
-    onEditProfile: function onEditProfile() {
+    onEditProfile: function () {
       setShowProfileEdit(false);
     }
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-list__body",
-    onScroll: function onScroll(e) {
+    onScroll: function (e) {
       var target = e === null || e === void 0 ? void 0 : e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
 
@@ -181,7 +181,7 @@ var ChannelListUI = function ChannelListUI(props) {
   }, sdkError && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
     type: PlaceHolderTypes.WRONG
   })), /*#__PURE__*/React__default.createElement("div", null, allChannels && allChannels.map(function (channel, idx) {
-    var _onLeaveChannel = function onLeaveChannel(c, cb) {
+    var onLeaveChannel = function (c, cb) {
       logger.info('ChannelList: Leaving channel', c);
       c.leave().then(function (res) {
         logger.info('ChannelList: Leaving channel success', res);
@@ -203,7 +203,7 @@ var ChannelListUI = function ChannelListUI(props) {
       });
     };
 
-    var onClick = function onClick() {
+    var onClick = function () {
       if (!isOnline) {
         return;
       }
@@ -223,7 +223,7 @@ var ChannelListUI = function ChannelListUI(props) {
       onClick: onClick
     }, renderChannelPreview({
       channel: channel,
-      onLeaveChannel: _onLeaveChannel
+      onLeaveChannel: onLeaveChannel
     })) : /*#__PURE__*/React__default.createElement(ChannelPreview, {
       key: channel === null || channel === void 0 ? void 0 : channel.url,
       tabIndex: idx,
@@ -234,11 +234,11 @@ var ChannelListUI = function ChannelListUI(props) {
         var url = _a.url;
         return url === (channel === null || channel === void 0 ? void 0 : channel.url);
       }),
-      renderChannelAction: function renderChannelAction() {
+      renderChannelAction: function () {
         return /*#__PURE__*/React__default.createElement(ChannelPreviewAction, {
           disabled: !isOnline,
-          onLeaveChannel: function onLeaveChannel() {
-            return _onLeaveChannel(channel, null);
+          onLeaveChannel: function () {
+            return onLeaveChannel(channel, null);
           }
         });
       }

package/ChannelList/components/ChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListUI.js","sources":["../../../src/smart-components/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["import './channel-list-ui.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { GroupChannel, Member, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport ChannelListHeader from '../ChannelListHeader';\nimport AddChannel from '../AddChannel';\nimport ChannelPreview from '../ChannelPreview';\nimport ChannelPreviewAction from '../ChannelPreviewAction';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport * as channelListActions from '../../dux/actionTypes';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EditUserProfile from '../../../EditUserProfile';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nconst DELIVERY_RECIPT = 'delivery_receipt';\n\ninterface RenderChannelPreviewProps {\n  channel: GroupChannel;\n  onLeaveChannel(\n    channel: GroupChannel,\n    onLeaveChannelCb?: (c: GroupChannel) => void,\n  );\n}\n\ninterface RenderUserProfileProps {\n  user: Member | User;\n  currentUserId: string;\n  close(): void;\n}\n\nexport interface ChannelListUIProps {\n  renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n  renderHeader?: (props: void) => React.ReactElement;\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n}\n\nconst ChannelListUI: React.FC<ChannelListUIProps> = (props: ChannelListUIProps) => {\n  const {\n    renderHeader,\n    renderChannelPreview,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderEmptyList,\n  } = props;\n\n  const [showProfileEdit, setShowProfileEdit] = useState(false);\n\n  const {\n    onThemeChange,\n    allowProfileEdit,\n    allChannels,\n    loading,\n    currentChannel,\n    channelListDispatcher,\n    channelSource,\n    typingChannels,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n\n  const isOnline = state?.config?.isOnline;\n  const logger = config?.logger;\n\n  const sdk = sdkStore?.sdk as SendbirdGroupChat;\n  const sdkError = sdkStore?.error;\n  const sdkIntialized = sdkStore?.initialized || false;\n\n  const [channelsTomarkAsRead, setChannelsToMarkAsRead] = useState([]);\n  useEffect(() => {\n    // https://stackoverflow.com/a/60907638\n    let isMounted = true;\n    if (channelsTomarkAsRead?.length > 0) {\n      channelsTomarkAsRead?.forEach((c, idx) => {\n        // Plan-based rate limits - minimum limit is 5 requests per second\n        setTimeout(() => {\n          if (isMounted) {\n            c?.markAsDelivered();\n          }\n        }, 2000 * idx);\n      });\n    }\n    return () => {\n      isMounted = false;\n    }\n  }, [channelsTomarkAsRead]);\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        <ChannelListHeader\n          renderHeader={renderHeader}\n          onEdit={() => {\n            if (allowProfileEdit) {\n              setShowProfileEdit(true);\n            }\n          }}\n          allowProfileEdit={allowProfileEdit}\n          renderIconButton={() => (\n            <AddChannel />\n          )}\n        />\n      </div>\n      {\n        showProfileEdit && (\n          <EditUserProfile\n            onThemeChange={onThemeChange}\n            onCancel={() => { setShowProfileEdit(false); }}\n            onEditProfile={() => {\n              setShowProfileEdit(false);\n            }}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-channel-list__body\"\n        onScroll={(e) => {\n          const target = e?.target as HTMLDivElement;\n          const fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;\n          if (fetchMore && channelSource?.hasNext) {\n            logger.info('ChannelList: Fetching more channels');\n            channelListDispatcher({\n              type: channelListActions.FETCH_CHANNELS_START,\n              payload: null,\n            });\n            channelSource.next().then((channelList) => {\n              logger.info('ChannelList: Fetching channels successful', channelList);\n              channelListDispatcher({\n                type: channelListActions.FETCH_CHANNELS_SUCCESS,\n                payload: channelList,\n              });\n              const canSetMarkAsDelivered = sdk?.appInfo?.premiumFeatureList\n                ?.find((feature) => (feature === DELIVERY_RECIPT));\n\n              if (canSetMarkAsDelivered) {\n                logger.info('ChannelList: Marking all channels as read');\n                // eslint-disable-next-line no-unused-expressions\n                setChannelsToMarkAsRead(channelList);\n              }\n            }).catch((err) => {\n              logger.info('ChannelList: Fetching channels failed', err);\n              channelListDispatcher({\n                type: channelListActions.FETCH_CHANNELS_FAILURE,\n                payload: err,\n              });\n            });\n          }\n        }}\n      >\n        {\n          (sdkError) && (\n            (renderPlaceHolderError && typeof renderPlaceHolderError === 'function') ? (\n              renderPlaceHolderError?.()\n            ): (\n              <PlaceHolder type={PlaceHolderTypes.WRONG} />\n            )\n          )\n        }\n        {/*\n          To do: Implement windowing\n          Implement windowing if you are dealing with large number of messages/channels\n          https://github.com/bvaughn/react-window -> recommendation\n          We hesitate to bring one more dependency to our library,\n          we are planning to implement it inside the library\n        */}\n        <div>\n          {\n            allChannels && allChannels.map((channel, idx) => {\n              const onLeaveChannel = (c, cb) => {\n                logger.info('ChannelList: Leaving channel', c);\n                c.leave()\n                  .then((res) => {\n                    logger.info('ChannelList: Leaving channel success', res);\n                    if (cb && typeof cb === 'function') {\n                      cb(res, null);\n                    }\n                    channelListDispatcher({\n                      type: channelListActions.LEAVE_CHANNEL_SUCCESS,\n                      payload: channel?.url,\n                    });\n                  })\n                  .catch((err) => {\n                    logger.error('ChannelList: Leaving channel failed', err);\n                    if (cb && typeof cb === 'function') {\n                      cb(null, err);\n                    }\n                  });\n              };\n\n              const onClick = () => {\n                if (!isOnline) { return; }\n                logger.info('ChannelList: Clicked on channel:', channel);\n                channelListDispatcher({\n                  type: channelListActions.SET_CURRENT_CHANNEL,\n                  payload: channel,\n                });\n              };\n\n              return (\n                (renderChannelPreview)\n                  ? (\n                    // eslint-disable-next-line\n                    <div key={channel?.url} onClick={onClick}>\n                      {renderChannelPreview({ channel, onLeaveChannel })}\n                    </div>\n                  )\n                  : (\n                    <ChannelPreview\n                      key={channel?.url}\n                      tabIndex={idx}\n                      onClick={onClick}\n                      channel={channel}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!sdkIntialized || loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ): (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (!allChannels || allChannels.length === 0) && (\n            (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function') ? (\n              renderPlaceHolderEmptyList?.()\n            ): (\n              <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n            )\n          )\n        }\n      </div>\n    </>\n  );\n}\n\nexport default ChannelListUI;\n"],"names":["DELIVERY_RECIPT","ChannelListUI","props","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","_c","useState","showProfileEdit","setShowProfileEdit","_d","useChannelListContext","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","channelSource","typingChannels","state","useSendbirdStateContext","sdkStore","stores","config","isOnline","logger","sdk","sdkError","error","sdkIntialized","initialized","_e","channelsTomarkAsRead","setChannelsToMarkAsRead","useEffect","isMounted","length","forEach","c","idx","setTimeout","markAsDelivered","React","EditUserProfile","e","target","fetchMore","clientHeight","scrollTop","scrollHeight","hasNext","info","type","channelListActions","payload","next","then","channelList","canSetMarkAsDelivered","appInfo","premiumFeatureList","find","feature","catch","err","PlaceHolderTypes","WRONG","map","channel","onLeaveChannel","cb","leave","res","url","onClick","some","_a","LOADING","NO_CHANNELS"],"mappings":"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"}
+{"version":3,"file":"ChannelListUI.js","sources":["../../../src/smart-components/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["import './channel-list-ui.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { GroupChannel, Member, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport ChannelListHeader from '../ChannelListHeader';\nimport AddChannel from '../AddChannel';\nimport ChannelPreview from '../ChannelPreview';\nimport ChannelPreviewAction from '../ChannelPreviewAction';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport * as channelListActions from '../../dux/actionTypes';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EditUserProfile from '../../../EditUserProfile';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nconst DELIVERY_RECIPT = 'delivery_receipt';\n\ninterface RenderChannelPreviewProps {\n  channel: GroupChannel;\n  onLeaveChannel(\n    channel: GroupChannel,\n    onLeaveChannelCb?: (c: GroupChannel) => void,\n  );\n}\n\ninterface RenderUserProfileProps {\n  user: Member | User;\n  currentUserId: string;\n  close(): void;\n}\n\nexport interface ChannelListUIProps {\n  renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n  renderHeader?: (props: void) => React.ReactElement;\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n}\n\nconst ChannelListUI: React.FC<ChannelListUIProps> = (props: ChannelListUIProps) => {\n  const {\n    renderHeader,\n    renderChannelPreview,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderEmptyList,\n  } = props;\n\n  const [showProfileEdit, setShowProfileEdit] = useState(false);\n\n  const {\n    onThemeChange,\n    allowProfileEdit,\n    allChannels,\n    loading,\n    currentChannel,\n    channelListDispatcher,\n    channelSource,\n    typingChannels,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n\n  const isOnline = state?.config?.isOnline;\n  const logger = config?.logger;\n\n  const sdk = sdkStore?.sdk as SendbirdGroupChat;\n  const sdkError = sdkStore?.error;\n  const sdkIntialized = sdkStore?.initialized || false;\n\n  const [channelsTomarkAsRead, setChannelsToMarkAsRead] = useState([]);\n  useEffect(() => {\n    // https://stackoverflow.com/a/60907638\n    let isMounted = true;\n    if (channelsTomarkAsRead?.length > 0) {\n      channelsTomarkAsRead?.forEach((c, idx) => {\n        // Plan-based rate limits - minimum limit is 5 requests per second\n        setTimeout(() => {\n          if (isMounted) {\n            c?.markAsDelivered();\n          }\n        }, 2000 * idx);\n      });\n    }\n    return () => {\n      isMounted = false;\n    }\n  }, [channelsTomarkAsRead]);\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        <ChannelListHeader\n          renderHeader={renderHeader}\n          onEdit={() => {\n            if (allowProfileEdit) {\n              setShowProfileEdit(true);\n            }\n          }}\n          allowProfileEdit={allowProfileEdit}\n          renderIconButton={() => (\n            <AddChannel />\n          )}\n        />\n      </div>\n      {\n        showProfileEdit && (\n          <EditUserProfile\n            onThemeChange={onThemeChange}\n            onCancel={() => { setShowProfileEdit(false); }}\n            onEditProfile={() => {\n              setShowProfileEdit(false);\n            }}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-channel-list__body\"\n        onScroll={(e) => {\n          const target = e?.target as HTMLDivElement;\n          const fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;\n          if (fetchMore && channelSource?.hasNext) {\n            logger.info('ChannelList: Fetching more channels');\n            channelListDispatcher({\n              type: channelListActions.FETCH_CHANNELS_START,\n              payload: null,\n            });\n            channelSource.next().then((channelList) => {\n              logger.info('ChannelList: Fetching channels successful', channelList);\n              channelListDispatcher({\n                type: channelListActions.FETCH_CHANNELS_SUCCESS,\n                payload: channelList,\n              });\n              const canSetMarkAsDelivered = sdk?.appInfo?.premiumFeatureList\n                ?.find((feature) => (feature === DELIVERY_RECIPT));\n\n              if (canSetMarkAsDelivered) {\n                logger.info('ChannelList: Marking all channels as read');\n                // eslint-disable-next-line no-unused-expressions\n                setChannelsToMarkAsRead(channelList);\n              }\n            }).catch((err) => {\n              logger.info('ChannelList: Fetching channels failed', err);\n              channelListDispatcher({\n                type: channelListActions.FETCH_CHANNELS_FAILURE,\n                payload: err,\n              });\n            });\n          }\n        }}\n      >\n        {\n          (sdkError) && (\n            (renderPlaceHolderError && typeof renderPlaceHolderError === 'function') ? (\n              renderPlaceHolderError?.()\n            ): (\n              <PlaceHolder type={PlaceHolderTypes.WRONG} />\n            )\n          )\n        }\n        {/*\n          To do: Implement windowing\n          Implement windowing if you are dealing with large number of messages/channels\n          https://github.com/bvaughn/react-window -> recommendation\n          We hesitate to bring one more dependency to our library,\n          we are planning to implement it inside the library\n        */}\n        <div>\n          {\n            allChannels && allChannels.map((channel, idx) => {\n              const onLeaveChannel = (c, cb) => {\n                logger.info('ChannelList: Leaving channel', c);\n                c.leave()\n                  .then((res) => {\n                    logger.info('ChannelList: Leaving channel success', res);\n                    if (cb && typeof cb === 'function') {\n                      cb(res, null);\n                    }\n                    channelListDispatcher({\n                      type: channelListActions.LEAVE_CHANNEL_SUCCESS,\n                      payload: channel?.url,\n                    });\n                  })\n                  .catch((err) => {\n                    logger.error('ChannelList: Leaving channel failed', err);\n                    if (cb && typeof cb === 'function') {\n                      cb(null, err);\n                    }\n                  });\n              };\n\n              const onClick = () => {\n                if (!isOnline) { return; }\n                logger.info('ChannelList: Clicked on channel:', channel);\n                channelListDispatcher({\n                  type: channelListActions.SET_CURRENT_CHANNEL,\n                  payload: channel,\n                });\n              };\n\n              return (\n                (renderChannelPreview)\n                  ? (\n                    // eslint-disable-next-line\n                    <div key={channel?.url} onClick={onClick}>\n                      {renderChannelPreview({ channel, onLeaveChannel })}\n                    </div>\n                  )\n                  : (\n                    <ChannelPreview\n                      key={channel?.url}\n                      tabIndex={idx}\n                      onClick={onClick}\n                      channel={channel}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!sdkIntialized || loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ): (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (!allChannels || allChannels.length === 0) && (\n            (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function') ? (\n              renderPlaceHolderEmptyList?.()\n            ): (\n              <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n            )\n          )\n        }\n      </div>\n    </>\n  );\n}\n\nexport default ChannelListUI;\n"],"names":["DELIVERY_RECIPT","ChannelListUI","props","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","_c","useState","showProfileEdit","setShowProfileEdit","_d","useChannelListContext","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","channelSource","typingChannels","state","useSendbirdStateContext","sdkStore","_a","stores","config","isOnline","_b","logger","sdk","sdkError","error","sdkIntialized","initialized","_e","channelsTomarkAsRead","setChannelsToMarkAsRead","useEffect","isMounted","length","forEach","c","idx","setTimeout","markAsDelivered","React","EditUserProfile","e","target","fetchMore","clientHeight","scrollTop","scrollHeight","hasNext","info","type","channelListActions","payload","next","then","channelList","canSetMarkAsDelivered","appInfo","premiumFeatureList","find","feature","catch","err","PlaceHolderTypes","WRONG","map","channel","onLeaveChannel","cb","leave","res","url","onClick","some","LOADING","NO_CHANNELS"],"mappings":"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"}

package/ChannelList/components/ChannelPreview.js

@@ -2,47 +2,47 @@ import React__default from 'react';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import Badge from '../../ui/Badge.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-6b896cd8.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../../index-3699f160.js';
-import { f as format } from '../../index-7fa0a721.js';
-import { t as truncateString, e as isEditedMessage } from '../../index-f59cf800.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-7b043ab9.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../../index-00b281a3.js';
+import { f as format } from '../../index-3ddec9e9.js';
+import { t as truncateString, e as isEditedMessage } from '../../index-46beca69.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-4cefc770.js';
+import { u as useLocalization } from '../../LocalizationContext-10829cf3.js';
 import MentionUserLabel from '../../ui/MentionUserLabel.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-6e3b8f43.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-368bd7f1.js';
 import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
 import MessageStatus from '../../ui/MessageStatus.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-cb5d77bf.js';
+import '../../tslib.es6-4faaa58d.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-180d497e.js';
-import '../../utils-8fb72715.js';
-import '../../_rollupPluginBabelHelpers-4527872e.js';
+import '../../uuid-4521c466.js';
+import '../../utils-47a3394f.js';
 import 'prop-types';
-import '../../stringSet-dc330bcf.js';
-import '../../index-598898d3.js';
-import '../../index-176e9ad4.js';
+import '../../stringSet-804c49f3.js';
+import '../../index-8bd6c997.js';
+import '../../index-940576d8.js';
 import '../../withSendbird.js';
-import '../../groupChannel-e2a071e1.js';
-import '../../__bundle-bd072f34-95f6bf17.js';
-import '../../topics-c5198349.js';
-import '../../utils-629876b9.js';
-import '../../UserProfileContext-2e53d03a.js';
-import '../../ChannelProvider-b8c6427f.js';
-import '../../compareIds-31e2f55c.js';
-import '../../const-6b428cb8.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
+import '../../groupChannel-3301a732.js';
+import '../../__bundle-c41dd401-d4ab6c10.js';
+import '../../topics-24c0f724.js';
+import '../../utils-32938255.js';
+import '../../UserProfileContext-beacab28.js';
+import '../../ChannelProvider-59559ed8.js';
+import '../../compareIds-332d261c.js';
+import '../../const-78e336dd.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/Loader.js';
 
-var getChannelTitle = function getChannelTitle() {
+const getChannelTitle = function () {
   var _channel$members;
 
-  var channel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var currentUserId = arguments.length > 1 ? arguments[1] : undefined;
-  var stringSet = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : LabelStringSet;
+  let channel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let currentUserId = arguments.length > 1 ? arguments[1] : undefined;
+  let stringSet = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : LabelStringSet;
 
   if (!(channel !== null && channel !== void 0 && channel.name) && !(channel !== null && channel !== void 0 && channel.members)) {
     return stringSet.NO_TITLE;
@@ -56,20 +56,24 @@ var getChannelTitle = function getChannelTitle() {
     return stringSet.NO_MEMBERS;
   }
 
-  return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).filter(function (_ref) {
-    var userId = _ref.userId;
+  return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).filter(_ref => {
+    let {
+      userId
+    } = _ref;
     return userId !== currentUserId;
-  }).map(function (_ref2) {
-    var nickname = _ref2.nickname;
+  }).map(_ref2 => {
+    let {
+      nickname
+    } = _ref2;
     return nickname || stringSet.NO_NAME;
   }).join(', ');
 };
-var getLastMessageCreatedAt = function getLastMessageCreatedAt(channel, locale) {
+const getLastMessageCreatedAt = (channel, locale) => {
   var _channel$lastMessage;
 
-  var createdAt = channel === null || channel === void 0 ? void 0 : (_channel$lastMessage = channel.lastMessage) === null || _channel$lastMessage === void 0 ? void 0 : _channel$lastMessage.createdAt;
-  var optionalParam = locale ? {
-    locale: locale
+  const createdAt = channel === null || channel === void 0 ? void 0 : (_channel$lastMessage = channel.lastMessage) === null || _channel$lastMessage === void 0 ? void 0 : _channel$lastMessage.createdAt;
+  const optionalParam = locale ? {
+    locale
   } : null;
 
   if (!createdAt) {
@@ -86,15 +90,15 @@ var getLastMessageCreatedAt = function getLastMessageCreatedAt(channel, locale)
 
   return format(createdAt, 'MMM dd', optionalParam);
 };
-var getTotalMembers = function getTotalMembers(channel) {
-  return channel !== null && channel !== void 0 && channel.memberCount ? channel.memberCount : 0;
-};
+const getTotalMembers = channel => channel !== null && channel !== void 0 && channel.memberCount ? channel.memberCount : 0;
 
-var getPrettyLastMessage = function getPrettyLastMessage() {
-  var message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var MAXLEN = 30;
-  var messageType = message.messageType,
-      name = message.name;
+const getPrettyLastMessage = function () {
+  let message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const MAXLEN = 30;
+  const {
+    messageType,
+    name
+  } = message;
 
   if (messageType === 'file') {
     return truncateString(name, MAXLEN);
@@ -103,14 +107,10 @@ var getPrettyLastMessage = function getPrettyLastMessage() {
   return message.message;
 };
 
-var getLastMessage = function getLastMessage(channel) {
-  return channel !== null && channel !== void 0 && channel.lastMessage ? getPrettyLastMessage(channel.lastMessage) : '';
-};
-var getChannelUnreadMessageCount = function getChannelUnreadMessageCount(channel) {
-  return channel !== null && channel !== void 0 && channel.unreadMessageCount ? channel.unreadMessageCount : 0;
-};
+const getLastMessage = channel => channel !== null && channel !== void 0 && channel.lastMessage ? getPrettyLastMessage(channel.lastMessage) : '';
+const getChannelUnreadMessageCount = channel => channel !== null && channel !== void 0 && channel.unreadMessageCount ? channel.unreadMessageCount : 0;
 
-var ChannelPreview = function ChannelPreview(_a) {
+var ChannelPreview = function (_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k;
 
   var channel = _a.channel,

package/ChannelList/components/ChannelPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreview.js","sources":["../../../src/smart-components/ChannelList/components/ChannelPreview/utils.js","../../../src/smart-components/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n  if (!channel?.name && !channel?.members) {\n    return stringSet.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n  if (channel?.members?.length === 1) {\n    return stringSet.NO_MEMBERS;\n  }\n  return (channel?.members || [])\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n    .join(', ');\n};\n\nexport const getLastMessageCreatedAt = (channel, locale) => {\n  const createdAt = channel?.lastMessage?.createdAt;\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n  channel?.memberCount\n    ? channel.memberCount\n    : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n  const MAXLEN = 30;\n  const { messageType, name } = message;\n  if (messageType === 'file') {\n    return truncateString(name, MAXLEN);\n  }\n  return message.message;\n};\n\nexport const getLastMessage = (channel) => (\n  channel?.lastMessage\n    ? getPrettyLastMessage(channel.lastMessage)\n    : ''\n);\n\nexport const getChannelUnreadMessageCount = (channel) => (\n  channel?.unreadMessageCount\n    ? channel.unreadMessageCount\n    : 0\n);\n","import './channel-preview.scss';\n\nimport React from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport ChannelAvatar from '../../../../ui/ChannelAvatar';\nimport Badge from '../../../../ui/Badge';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport * as utils from './utils';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport MentionUserLabel from '../../../../ui/MentionUserLabel';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { TypingIndicatorText } from '../../../Channel/components/TypingIndicator';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport { isEditedMessage } from '../../../../utils';\n\ninterface ChannelPreviewInterface {\n  channel: GroupChannel;\n  isActive?: boolean;\n  isTyping?: boolean;\n  onClick: () => void;\n  renderChannelAction: (props: { channel: GroupChannel }) => React.ReactElement;\n  tabIndex: number;\n}\n\nconst ChannelPreview: React.FC<ChannelPreviewInterface> = ({\n  channel,\n  isActive = false,\n  isTyping = false,\n  renderChannelAction,\n  onClick,\n  tabIndex,\n}: ChannelPreviewInterface) => {\n  const sbState = useSendbirdStateContext();\n  const {\n    isTypingIndicatorEnabled = false,\n    isMessageReceiptStatusEnabled = false,\n  } = useChannelListContext();\n  const { dateLocale, stringSet } = useLocalization();\n  const userId = sbState?.stores?.userStore?.user?.userId;\n  const theme = sbState?.config?.theme;\n  const isMentionEnabled = sbState?.config?.isMentionEnabled;\n  const isFrozen = channel?.isFrozen || false;\n  const isBroadcast = channel?.isBroadcast || false;\n  const isChannelTyping = isTypingIndicatorEnabled && isTyping;\n  const isMessageStatusEnabled = isMessageReceiptStatusEnabled\n    && (channel?.lastMessage?.messageType === 'user' || channel?.lastMessage?.messageType === 'file')\n    && (channel?.lastMessage as UserMessage | FileMessage)?.sender?.userId === userId;\n  return (\n    <div\n      className={[\n        'sendbird-channel-preview',\n        isActive ? 'sendbird-channel-preview--active' : '',\n      ].join(' ')}\n      role=\"link\"\n      onClick={onClick}\n      onKeyPress={onClick}\n      tabIndex={tabIndex}\n    >\n      <div\n        className=\"sendbird-channel-preview__avatar\"\n      >\n        <ChannelAvatar\n          channel={channel}\n          userId={userId}\n          theme={theme}\n        />\n      </div>\n      <div className=\"sendbird-channel-preview__content\">\n        <div className=\"sendbird-channel-preview__content__upper\">\n          <div className=\"sendbird-channel-preview__content__upper__header\">\n            {\n              isBroadcast\n              && (\n                <div className=\"sendbird-channel-preview__content__upper__header__broadcast-icon\">\n                  <Icon\n                    type={IconTypes.BROADCAST}\n                    fillColor={IconColors.SECONDARY}\n                    height=\"16px\"\n                    width=\"16px\"\n                  />\n                </div>\n              )\n            }\n            <Label\n              className=\"sendbird-channel-preview__content__upper__header__channel-name\"\n              type={LabelTypography.SUBTITLE_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {utils.getChannelTitle(channel, userId, stringSet)}\n            </Label>\n            <Label\n              className=\"sendbird-channel-preview__content__upper__header__total-members\"\n              type={LabelTypography.CAPTION_2}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {utils.getTotalMembers(channel)}\n            </Label>\n            {\n              isFrozen\n              && (\n                <div title=\"Frozen\" className=\"sendbird-channel-preview__content__upper__header__frozen-icon\">\n                  <Icon\n                    type={IconTypes.FREEZE}\n                    fillColor={IconColors.PRIMARY}\n                    height={12}\n                    width={12}\n                  />\n                </div>\n              )\n            }\n          </div>\n          {\n            isMessageStatusEnabled\n              ? (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as UserMessage | FileMessage}\n                />\n              )\n              : (\n                <Label\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {utils.getLastMessageCreatedAt(channel, dateLocale)}\n                </Label>\n              )\n          }\n        </div>\n        <div className=\"sendbird-channel-preview__content__lower\">\n          <Label\n            className=\"sendbird-channel-preview__content__lower__last-message\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_3}\n          >\n            {\n              isChannelTyping && (\n                <TypingIndicatorText members={channel?.getTypingUsers()} />\n              )\n            }\n            {\n              !isChannelTyping && (\n                utils.getLastMessage(channel) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\n              )\n            }\n          </Label>\n          <div className=\"sendbird-channel-preview__content__lower__unread-message-count\">\n            {\n              (isMentionEnabled && channel?.unreadMentionCount > 0)\n                ? (\n                  <MentionUserLabel\n                    className=\"sendbird-channel-preview__content__lower__unread-message-count__mention\"\n                    color=\"purple\"\n                  >\n                    {'@'}\n                  </MentionUserLabel>\n                )\n                : null\n            }\n            {\n              utils.getChannelUnreadMessageCount(channel) // return number\n                ? <Badge count={utils.getChannelUnreadMessageCount(channel)} />\n                : null\n            }\n          </div>\n        </div>\n      </div>\n      <div\n        className=\"sendbird-channel-preview__action\"\n      >\n        {renderChannelAction({ channel })}\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelPreview;\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","getLastMessageCreatedAt","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","formatRelative","Date","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","ChannelPreview","_a","_l","isActive","_m","isTyping","renderChannelAction","onClick","tabIndex","sbState","useSendbirdStateContext","_o","useChannelListContext","_p","isTypingIndicatorEnabled","_q","isMessageReceiptStatusEnabled","_r","useLocalization","dateLocale","stores","userStore","user","theme","config","isMentionEnabled","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","sender","React","IconTypes","BROADCAST","IconColors","SECONDARY","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","utils","CAPTION_2","ONBACKGROUND_2","FREEZE","PRIMARY","CAPTION_3","BODY_2","ONBACKGROUND_3","getTypingUsers","isEditedMessage","MESSAGE_EDITED","unreadMentionCount"],"mappings":"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"}
+{"version":3,"file":"ChannelPreview.js","sources":["../../../src/smart-components/ChannelList/components/ChannelPreview/utils.js","../../../src/smart-components/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n  if (!channel?.name && !channel?.members) {\n    return stringSet.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n  if (channel?.members?.length === 1) {\n    return stringSet.NO_MEMBERS;\n  }\n  return (channel?.members || [])\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n    .join(', ');\n};\n\nexport const getLastMessageCreatedAt = (channel, locale) => {\n  const createdAt = channel?.lastMessage?.createdAt;\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n  channel?.memberCount\n    ? channel.memberCount\n    : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n  const MAXLEN = 30;\n  const { messageType, name } = message;\n  if (messageType === 'file') {\n    return truncateString(name, MAXLEN);\n  }\n  return message.message;\n};\n\nexport const getLastMessage = (channel) => (\n  channel?.lastMessage\n    ? getPrettyLastMessage(channel.lastMessage)\n    : ''\n);\n\nexport const getChannelUnreadMessageCount = (channel) => (\n  channel?.unreadMessageCount\n    ? channel.unreadMessageCount\n    : 0\n);\n","import './channel-preview.scss';\n\nimport React from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport ChannelAvatar from '../../../../ui/ChannelAvatar';\nimport Badge from '../../../../ui/Badge';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport * as utils from './utils';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport MentionUserLabel from '../../../../ui/MentionUserLabel';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { TypingIndicatorText } from '../../../Channel/components/TypingIndicator';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport { isEditedMessage } from '../../../../utils';\n\ninterface ChannelPreviewInterface {\n  channel: GroupChannel;\n  isActive?: boolean;\n  isTyping?: boolean;\n  onClick: () => void;\n  renderChannelAction: (props: { channel: GroupChannel }) => React.ReactElement;\n  tabIndex: number;\n}\n\nconst ChannelPreview: React.FC<ChannelPreviewInterface> = ({\n  channel,\n  isActive = false,\n  isTyping = false,\n  renderChannelAction,\n  onClick,\n  tabIndex,\n}: ChannelPreviewInterface) => {\n  const sbState = useSendbirdStateContext();\n  const {\n    isTypingIndicatorEnabled = false,\n    isMessageReceiptStatusEnabled = false,\n  } = useChannelListContext();\n  const { dateLocale, stringSet } = useLocalization();\n  const userId = sbState?.stores?.userStore?.user?.userId;\n  const theme = sbState?.config?.theme;\n  const isMentionEnabled = sbState?.config?.isMentionEnabled;\n  const isFrozen = channel?.isFrozen || false;\n  const isBroadcast = channel?.isBroadcast || false;\n  const isChannelTyping = isTypingIndicatorEnabled && isTyping;\n  const isMessageStatusEnabled = isMessageReceiptStatusEnabled\n    && (channel?.lastMessage?.messageType === 'user' || channel?.lastMessage?.messageType === 'file')\n    && (channel?.lastMessage as UserMessage | FileMessage)?.sender?.userId === userId;\n  return (\n    <div\n      className={[\n        'sendbird-channel-preview',\n        isActive ? 'sendbird-channel-preview--active' : '',\n      ].join(' ')}\n      role=\"link\"\n      onClick={onClick}\n      onKeyPress={onClick}\n      tabIndex={tabIndex}\n    >\n      <div\n        className=\"sendbird-channel-preview__avatar\"\n      >\n        <ChannelAvatar\n          channel={channel}\n          userId={userId}\n          theme={theme}\n        />\n      </div>\n      <div className=\"sendbird-channel-preview__content\">\n        <div className=\"sendbird-channel-preview__content__upper\">\n          <div className=\"sendbird-channel-preview__content__upper__header\">\n            {\n              isBroadcast\n              && (\n                <div className=\"sendbird-channel-preview__content__upper__header__broadcast-icon\">\n                  <Icon\n                    type={IconTypes.BROADCAST}\n                    fillColor={IconColors.SECONDARY}\n                    height=\"16px\"\n                    width=\"16px\"\n                  />\n                </div>\n              )\n            }\n            <Label\n              className=\"sendbird-channel-preview__content__upper__header__channel-name\"\n              type={LabelTypography.SUBTITLE_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {utils.getChannelTitle(channel, userId, stringSet)}\n            </Label>\n            <Label\n              className=\"sendbird-channel-preview__content__upper__header__total-members\"\n              type={LabelTypography.CAPTION_2}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {utils.getTotalMembers(channel)}\n            </Label>\n            {\n              isFrozen\n              && (\n                <div title=\"Frozen\" className=\"sendbird-channel-preview__content__upper__header__frozen-icon\">\n                  <Icon\n                    type={IconTypes.FREEZE}\n                    fillColor={IconColors.PRIMARY}\n                    height={12}\n                    width={12}\n                  />\n                </div>\n              )\n            }\n          </div>\n          {\n            isMessageStatusEnabled\n              ? (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as UserMessage | FileMessage}\n                />\n              )\n              : (\n                <Label\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {utils.getLastMessageCreatedAt(channel, dateLocale)}\n                </Label>\n              )\n          }\n        </div>\n        <div className=\"sendbird-channel-preview__content__lower\">\n          <Label\n            className=\"sendbird-channel-preview__content__lower__last-message\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_3}\n          >\n            {\n              isChannelTyping && (\n                <TypingIndicatorText members={channel?.getTypingUsers()} />\n              )\n            }\n            {\n              !isChannelTyping && (\n                utils.getLastMessage(channel) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\n              )\n            }\n          </Label>\n          <div className=\"sendbird-channel-preview__content__lower__unread-message-count\">\n            {\n              (isMentionEnabled && channel?.unreadMentionCount > 0)\n                ? (\n                  <MentionUserLabel\n                    className=\"sendbird-channel-preview__content__lower__unread-message-count__mention\"\n                    color=\"purple\"\n                  >\n                    {'@'}\n                  </MentionUserLabel>\n                )\n                : null\n            }\n            {\n              utils.getChannelUnreadMessageCount(channel) // return number\n                ? <Badge count={utils.getChannelUnreadMessageCount(channel)} />\n                : null\n            }\n          </div>\n        </div>\n      </div>\n      <div\n        className=\"sendbird-channel-preview__action\"\n      >\n        {renderChannelAction({ channel })}\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelPreview;\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","getLastMessageCreatedAt","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","formatRelative","Date","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","ChannelPreview","_a","_l","isActive","_m","isTyping","renderChannelAction","onClick","tabIndex","sbState","useSendbirdStateContext","_o","useChannelListContext","_p","isTypingIndicatorEnabled","_q","isMessageReceiptStatusEnabled","_r","useLocalization","dateLocale","_d","_b","stores","userStore","user","theme","_e","config","isMentionEnabled","_f","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","_g","_h","_k","_j","sender","React","IconTypes","BROADCAST","IconColors","SECONDARY","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","utils","CAPTION_2","ONBACKGROUND_2","FREEZE","PRIMARY","CAPTION_3","BODY_2","ONBACKGROUND_3","getTypingUsers","isEditedMessage","MESSAGE_EDITED","unreadMentionCount"],"mappings":"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"}