@sendbird/uikit-react 3.4.6-0 → 3.4.6-rc.0

package/cjs/ChannelList/components/ChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListUI.js","sources":["../../../../src/smart-components/ChannelList/components/utils.js","../../../../src/smart-components/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["export const createDefaultUserListQuery = ({ sdk, userFilledApplicationUserListQuery = {} }) => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n  return null;\n};\n\nconst getApplicationAttributes = (sdk = {}) => {\n  const { appInfo = {} } = sdk;\n  const { applicationAttributes = [] } = appInfo;\n  return applicationAttributes;\n};\n\nexport const isBroadcastChannelEnabled = (sdk = {}) => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\nexport const isSuperGroupChannelEnabled = (sdk = {}) => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport const setChannelType = (params, type) => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\nexport const createChannel = (\n  sdk,\n  selectedUsers,\n  onBeforeCreateChannel,\n  userId,\n  type = 'group',\n) => new Promise((resolve, reject) => {\n  // have custom params\n  if (onBeforeCreateChannel) {\n    const params = onBeforeCreateChannel(selectedUsers);\n    setChannelType(params, type);\n    sdk.groupChannel.createChannel(params).then((groupChannel) => {\n      resolve(groupChannel);\n    }).catch((err) => { reject(err); });\n    return;\n  }\n\n  const params = new sdk.GroupChannelParams();\n  params.addUserIds(selectedUsers);\n  params.isDistinct = false;\n\n  if (userId) {\n    params.operatorUserIds = [userId];\n  }\n  setChannelType(params, type);\n  // do not have custom params\n  sdk.groupChannel.createChannel(params).then((groupChannel) => {\n    resolve(groupChannel);\n  }).catch((err) => { resolve(err); });\n});\n\nexport default createChannel;\n","import './channel-list-ui.scss';\n\nimport React, { useState } 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';\nimport { isAboutSame } from '../utils';\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    initialized,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n    markAsReadScheduler,\n  } = config;\n\n  const sdk = sdkStore?.sdk as SendbirdGroupChat;\n  const sdkError = sdkStore?.error;\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        {\n          renderHeader?.() || (\n            <ChannelListHeader\n              onEdit={() => {\n                if (allowProfileEdit) {\n                  setShowProfileEdit(true);\n                }\n              }}\n              allowProfileEdit={allowProfileEdit}\n              renderIconButton={() => (\n                <AddChannel />\n              )}\n            />\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 = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);\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                channelList?.forEach((channel) => {\n                  if (channel?.unreadMessageCount > 0) {\n                    markAsReadScheduler.push(channel);\n                  }\n                });\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 && !loading) && (\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              // todo: Refactor and move this inside channel - preview\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                      onLeaveChannel={() => onLeaveChannel(channel, null)}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          channel={channel}\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!initialized && loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (initialized && 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":["isAboutSame","a","b","px","Math","abs","DELIVERY_RECIPT","ChannelListUI","props","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","_b","useState","showProfileEdit","setShowProfileEdit","_c","useChannelListContext","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","channelSource","typingChannels","initialized","state","useSendbirdStateContext","sdkStore","_a","stores","config","logger","_d","isOnline","markAsReadScheduler","sdk","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","fetchMore","clientHeight","scrollTop","scrollHeight","hasNext","info","type","channelListActions","payload","next","then","channelList","canSetMarkAsDelivered","appInfo","premiumFeatureList","find","feature","forEach","channel","unreadMessageCount","push","catch","err","PlaceHolder","PlaceHolderTypes","WRONG","map","idx","onLeaveChannel","c","cb","leave","res","url","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}
+{"version":3,"file":"ChannelListUI.js","sources":["../../../../src/smart-components/ChannelList/components/utils.js","../../../../src/smart-components/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["export const createDefaultUserListQuery = ({ sdk, userFilledApplicationUserListQuery = {} }) => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n  return null;\n};\n\nconst getApplicationAttributes = (sdk = {}) => {\n  const { appInfo = {} } = sdk;\n  const { applicationAttributes = [] } = appInfo;\n  return applicationAttributes;\n};\n\nexport const isBroadcastChannelEnabled = (sdk = {}) => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\nexport const isSuperGroupChannelEnabled = (sdk = {}) => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport const setChannelType = (params, type) => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\nexport const createChannel = (\n  sdk,\n  selectedUsers,\n  onBeforeCreateChannel,\n  userId,\n  type = 'group',\n) => new Promise((resolve, reject) => {\n  // have custom params\n  if (onBeforeCreateChannel) {\n    const params = onBeforeCreateChannel(selectedUsers);\n    setChannelType(params, type);\n    sdk.groupChannel.createChannel(params).then((groupChannel) => {\n      resolve(groupChannel);\n    }).catch((err) => { reject(err); });\n    return;\n  }\n\n  const params = new sdk.GroupChannelParams();\n  params.addUserIds(selectedUsers);\n  params.isDistinct = false;\n\n  if (userId) {\n    params.operatorUserIds = [userId];\n  }\n  setChannelType(params, type);\n  // do not have custom params\n  sdk.groupChannel.createChannel(params).then((groupChannel) => {\n    resolve(groupChannel);\n  }).catch((err) => { resolve(err); });\n});\n\nexport default createChannel;\n","import './channel-list-ui.scss';\n\nimport React, { useState } 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';\nimport { isAboutSame } from '../utils';\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    initialized,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n    markAsReadScheduler,\n  } = config;\n\n  const sdk = sdkStore?.sdk as SendbirdGroupChat;\n  const sdkError = sdkStore?.error;\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        {\n          renderHeader?.() || (\n            <ChannelListHeader\n              onEdit={() => {\n                if (allowProfileEdit) {\n                  setShowProfileEdit(true);\n                }\n              }}\n              allowProfileEdit={allowProfileEdit}\n              renderIconButton={() => (\n                <AddChannel />\n              )}\n            />\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 = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);\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                channelList?.forEach((channel) => {\n                  if (channel?.unreadMessageCount > 0) {\n                    markAsReadScheduler.push(channel);\n                  }\n                });\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 && !loading) && (\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              // todo: Refactor and move this inside channel - preview\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                      onLeaveChannel={() => onLeaveChannel(channel, null)}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          channel={channel}\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!initialized && loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (initialized && 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":["isAboutSame","a","b","px","Math","abs","DELIVERY_RECIPT","ChannelListUI","props","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","_b","useState","showProfileEdit","setShowProfileEdit","_c","useChannelListContext","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","channelSource","typingChannels","initialized","state","useSendbirdStateContext","sdkStore","_a","stores","config","logger","_d","isOnline","markAsReadScheduler","sdk","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","fetchMore","clientHeight","scrollTop","scrollHeight","hasNext","info","type","channelListActions","payload","next","then","channelList","canSetMarkAsDelivered","appInfo","premiumFeatureList","find","feature","forEach","channel","unreadMessageCount","push","catch","err","PlaceHolder","PlaceHolderTypes","WRONG","map","idx","onLeaveChannel","c","cb","leave","res","url","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}

package/cjs/ChannelList/components/ChannelPreview.js

@@ -1,54 +1,54 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-6ab4baac.js');
-var tslib_es6 = require('../../tslib.es6-67bdb021.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-440ec6e2.js');
+var tslib_es6 = require('../../tslib.es6-957ba986.js');
 var React = require('react');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-0e43cd69.js');
-var ui_MessageStatus = require('../../index-4894fc55.js');
+var ui_Label = require('../../index-3d6159df.js');
+var ui_MessageStatus = require('../../index-7f214e91.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
+var LocalizationContext = require('../../LocalizationContext-9b216d02.js');
 var ui_MentionUserLabel = require('../../ui/MentionUserLabel.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ChannelList_context = require('../../ChannelListProvider-d8f65b18.js');
+var ChannelList_context = require('../../ChannelListProvider-f74d4451.js');
 var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../index-5075f3b2.js');
-var MediaQueryContext = require('../../MediaQueryContext-fcd92c17.js');
-var useLongPress = require('../../useLongPress-3582b310.js');
+var index = require('../../index-d6f14382.js');
+var MediaQueryContext = require('../../MediaQueryContext-ea137add.js');
+var useLongPress = require('../../useLongPress-640ea281.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f23c161c.js');
-require('../../utils-39a3f99e.js');
+require('../../uuid-a8af0c03.js');
+require('../../utils-dd55b959.js');
 require('prop-types');
-require('../../stringSet-76f7df68.js');
-require('../../index-f2d71843.js');
-require('../../index-903c0f93.js');
+require('../../stringSet-e52248ab.js');
+require('../../index-ecfe08c9.js');
+require('../../index-02729806.js');
 require('../../ui/Loader.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-44341b78.js');
-require('../../index-47105c4f.js');
+require('../../index-8a187344.js');
+require('../../index-b95c8165.js');
 require('../../withSendbird.js');
-require('../../consts-2e23914f.js');
+require('../../consts-54b7b2b1.js');
 require('react-dom');
-require('../../index-813deccc.js');
+require('../../index-d85616b2.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../color-168c1d53.js');
+require('../../color-8b30623d.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-f70c5e0f.js');
-require('../../utils-fdfc9b0a.js');
-require('../../UserProfileContext-ce0c283c.js');
-require('../../ChannelProvider-473548f7.js');
-require('../../compareIds-441b4983.js');
-require('../../const-0273bf9e.js');
+require('../../topics-09d72ec0.js');
+require('../../utils-a82eaed9.js');
+require('../../UserProfileContext-ad079e6d.js');
+require('../../ChannelProvider-fcb80591.js');
+require('../../compareIds-3dbb4f79.js');
+require('../../const-1e096998.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ReactionButton.js');
-require('../../consts-b8c0be49.js');
+require('../../consts-02c09d93.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -125,7 +125,7 @@ var ChannelPreview = function (_a) {
     className: "sendbird-channel-preview__content__upper__header__channel-name",
     type: ui_Label.LabelTypography.SUBTITLE_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, channelName)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, channelName), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-channel-preview__content__upper__header__total-members",
     type: ui_Label.LabelTypography.CAPTION_2,
     color: ui_Label.LabelColors.ONBACKGROUND_2

package/cjs/ChannelList/components/ChannelPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreview.js","sources":["../../../../src/smart-components/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import './channel-preview.scss';\n\nimport React, { useState } 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 Modal from '../../../../ui/Modal';\nimport TextButton from '../../../../ui/TextButton';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { TypingIndicatorText } from '../../../Channel/components/TypingIndicator';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport { isEditedMessage, isVoiceMessage } from '../../../../utils';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport useLongPress from '../../../../hooks/useLongPress';\n\ninterface ChannelPreviewInterface {\n  channel: GroupChannel;\n  isActive?: boolean;\n  isTyping?: boolean;\n  onClick: () => void;\n  onLeaveChannel?: () => 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  onLeaveChannel,\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 { isMobile } = useMediaQueryContext();\n\n  const [showMobileLeave, setShowMobileLeave] = useState(false);\n\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\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileLeave(true);\n      }\n    },\n    onClick,\n  }, {\n    delay: 1000,\n  });\n  const channelName = utils.getChannelTitle(channel, userId, stringSet);\n  return (\n    <>\n      <div\n        className={[\n          'sendbird-channel-preview',\n          isActive ? 'sendbird-channel-preview--active' : '',\n        ].join(' ')}\n        role=\"link\"\n        tabIndex={tabIndex}\n        {...(isMobile ? { ...onLongPress } : { onClick })}\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                <div>\n                  {channelName}\n                </div>\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              (!channel?.isEphemeral && isMessageStatusEnabled) && (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as UserMessage | FileMessage}\n                  isDateSeparatorConsidered={false}\n                />\n              )\n            }\n            {\n              (!channel?.isEphemeral && !isMessageStatusEnabled) && (\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({\n                    channel,\n                    locale: dateLocale,\n                    stringSet,\n                  })}\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 && !isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  utils.getLastMessage(channel) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\n                )\n              }\n              {\n                !isChannelTyping && isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  stringSet.VOICE_MESSAGE\n                )\n              }\n            </Label>\n            {\n              !channel?.isEphemeral && (\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              )\n            }\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-channel-preview__action\"\n            >\n              {renderChannelAction({ channel })}\n            </div>\n          )\n        }\n      </div>\n      {/*\n        Event from portal is transferred to parent\n        If this modal goes inside channel preview, it will propogate event to\n        ChannelPreview and cause many issues with click/touchEnd etc\n        https://github.com/facebook/react/issues/11387#issuecomment-340019419\n      */}\n      {\n        showMobileLeave && isMobile && (\n          <Modal\n            className=\"sendbird-channel-preview__leave--mobile\"\n            titleText={channelName}\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => setShowMobileLeave(false)}\n          >\n            <TextButton\n              onClick={() => {\n                onLeaveChannel();\n                setShowMobileLeave(false);\n              }}\n              className=\"sendbird-channel-preview__leave-label--mobile\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n              </Label>\n            </TextButton>\n          </Modal>\n        )\n      }\n    </>\n  );\n}\n\nexport default ChannelPreview;\n"],"names":["ChannelPreview","_a","channel","_l","isActive","_m","isTyping","renderChannelAction","onLeaveChannel","onClick","tabIndex","sbState","useSendbirdStateContext","_o","useChannelListContext","_p","isTypingIndicatorEnabled","_q","isMessageReceiptStatusEnabled","_r","useLocalization","dateLocale","stringSet","isMobile","useMediaQueryContext","_s","useState","showMobileLeave","setShowMobileLeave","userId","_d","_b","stores","userStore","user","theme","_e","config","isMentionEnabled","_f","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","_g","lastMessage","messageType","_h","_k","_j","sender","onLongPress","useLongPress","delay","channelName","utils","React","createElement","Fragment","_extends","className","join","role","__assign","ChannelAvatar","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","SECONDARY","height","width","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","title","FREEZE","PRIMARY","isEphemeral","MessageStatus","message","isDateSeparatorConsidered","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","members","getTypingUsers","isVoiceMessage","isEditedMessage","MESSAGE_EDITED","VOICE_MESSAGE","unreadMentionCount","MentionUserLabel","Badge","count","Modal","titleText","hideFooter","isCloseOnClickOutside","onCancel","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":"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"}
+{"version":3,"file":"ChannelPreview.js","sources":["../../../../src/smart-components/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import './channel-preview.scss';\n\nimport React, { useState } 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 Modal from '../../../../ui/Modal';\nimport TextButton from '../../../../ui/TextButton';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { TypingIndicatorText } from '../../../Channel/components/TypingIndicator';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport { isEditedMessage, isVoiceMessage } from '../../../../utils';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport useLongPress from '../../../../hooks/useLongPress';\n\ninterface ChannelPreviewInterface {\n  channel: GroupChannel;\n  isActive?: boolean;\n  isTyping?: boolean;\n  onClick: () => void;\n  onLeaveChannel?: () => 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  onLeaveChannel,\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 { isMobile } = useMediaQueryContext();\n\n  const [showMobileLeave, setShowMobileLeave] = useState(false);\n\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\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileLeave(true);\n      }\n    },\n    onClick,\n  }, {\n    delay: 1000,\n  });\n  const channelName = utils.getChannelTitle(channel, userId, stringSet);\n  return (\n    <>\n      <div\n        className={[\n          'sendbird-channel-preview',\n          isActive ? 'sendbird-channel-preview--active' : '',\n        ].join(' ')}\n        role=\"link\"\n        tabIndex={tabIndex}\n        {...(isMobile ? { ...onLongPress } : { onClick })}\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                {channelName}\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              (!channel?.isEphemeral && isMessageStatusEnabled) && (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as UserMessage | FileMessage}\n                  isDateSeparatorConsidered={false}\n                />\n              )\n            }\n            {\n              (!channel?.isEphemeral && !isMessageStatusEnabled) && (\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({\n                    channel,\n                    locale: dateLocale,\n                    stringSet,\n                  })}\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 && !isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  utils.getLastMessage(channel) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\n                )\n              }\n              {\n                !isChannelTyping && isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  stringSet.VOICE_MESSAGE\n                )\n              }\n            </Label>\n            {\n              !channel?.isEphemeral && (\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              )\n            }\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-channel-preview__action\"\n            >\n              {renderChannelAction({ channel })}\n            </div>\n          )\n        }\n      </div>\n      {/*\n        Event from portal is transferred to parent\n        If this modal goes inside channel preview, it will propogate event to\n        ChannelPreview and cause many issues with click/touchEnd etc\n        https://github.com/facebook/react/issues/11387#issuecomment-340019419\n      */}\n      {\n        showMobileLeave && isMobile && (\n          <Modal\n            className=\"sendbird-channel-preview__leave--mobile\"\n            titleText={channelName}\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => setShowMobileLeave(false)}\n          >\n            <TextButton\n              onClick={() => {\n                onLeaveChannel();\n                setShowMobileLeave(false);\n              }}\n              className=\"sendbird-channel-preview__leave-label--mobile\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n              </Label>\n            </TextButton>\n          </Modal>\n        )\n      }\n    </>\n  );\n}\n\nexport default ChannelPreview;\n"],"names":["ChannelPreview","_a","channel","_l","isActive","_m","isTyping","renderChannelAction","onLeaveChannel","onClick","tabIndex","sbState","useSendbirdStateContext","_o","useChannelListContext","_p","isTypingIndicatorEnabled","_q","isMessageReceiptStatusEnabled","_r","useLocalization","dateLocale","stringSet","isMobile","useMediaQueryContext","_s","useState","showMobileLeave","setShowMobileLeave","userId","_d","_b","stores","userStore","user","theme","_e","config","isMentionEnabled","_f","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","_g","lastMessage","messageType","_h","_k","_j","sender","onLongPress","useLongPress","delay","channelName","utils","React","createElement","Fragment","_extends","className","join","role","__assign","ChannelAvatar","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","SECONDARY","height","width","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","title","FREEZE","PRIMARY","isEphemeral","MessageStatus","message","isDateSeparatorConsidered","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","members","getTypingUsers","isVoiceMessage","isEditedMessage","MESSAGE_EDITED","VOICE_MESSAGE","unreadMentionCount","MentionUserLabel","Badge","count","Modal","titleText","hideFooter","isCloseOnClickOutside","onCancel","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":"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"}

package/cjs/ChannelList/components/ChannelPreviewAction.js

@@ -2,31 +2,31 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
+var LocalizationContext = require('../../LocalizationContext-9b216d02.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var utils = require('../../utils-fdfc9b0a.js');
+var utils = require('../../utils-a82eaed9.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ChannelList_context = require('../../ChannelListProvider-d8f65b18.js');
-require('../../stringSet-76f7df68.js');
-require('../../index-903c0f93.js');
-require('../../tslib.es6-67bdb021.js');
+var ChannelList_context = require('../../ChannelListProvider-f74d4451.js');
+require('../../stringSet-e52248ab.js');
+require('../../index-02729806.js');
+require('../../tslib.es6-957ba986.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-f23c161c.js');
-require('../../index-5075f3b2.js');
+require('../../uuid-a8af0c03.js');
+require('../../index-d6f14382.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-0e43cd69.js');
+require('../../index-3d6159df.js');
 require('../../withSendbird.js');
-require('../../index-813deccc.js');
+require('../../index-d85616b2.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-fcd92c17.js');
+require('../../MediaQueryContext-ea137add.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-f70c5e0f.js');
-require('../../UserProfileContext-ce0c283c.js');
-require('../../_rollupPluginBabelHelpers-6ab4baac.js');
+require('../../topics-09d72ec0.js');
+require('../../UserProfileContext-ad079e6d.js');
+require('../../_rollupPluginBabelHelpers-440ec6e2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/context.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-67bdb021.js');
+require('../tslib.es6-957ba986.js');
 require('react');
 require('@sendbird/chat/groupChannel');
-var ChannelList_context = require('../ChannelListProvider-d8f65b18.js');
-require('../uuid-f23c161c.js');
-require('../utils-fdfc9b0a.js');
-require('../UserProfileContext-ce0c283c.js');
+var ChannelList_context = require('../ChannelListProvider-f74d4451.js');
+require('../uuid-a8af0c03.js');
+require('../utils-a82eaed9.js');
+require('../UserProfileContext-ad079e6d.js');
 require('../useSendbirdStateContext.js');
-require('../topics-f70c5e0f.js');
-require('../_rollupPluginBabelHelpers-6ab4baac.js');
-require('../index-5075f3b2.js');
+require('../topics-09d72ec0.js');
+require('../_rollupPluginBabelHelpers-440ec6e2.js');
+require('../index-d6f14382.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
 require('../withSendbird.js');

package/cjs/ChannelList.js

@@ -1,25 +1,25 @@
 'use strict';
 
 var React = require('react');
-var ChannelList_context = require('./ChannelListProvider-d8f65b18.js');
+var ChannelList_context = require('./ChannelListProvider-f74d4451.js');
 var ChannelList_components_ChannelListUI = require('./ChannelList/components/ChannelListUI.js');
-require('./tslib.es6-67bdb021.js');
+require('./tslib.es6-957ba986.js');
 require('@sendbird/chat/groupChannel');
-require('./topics-f70c5e0f.js');
-require('./uuid-f23c161c.js');
-require('./utils-fdfc9b0a.js');
-require('./UserProfileContext-ce0c283c.js');
+require('./topics-09d72ec0.js');
+require('./uuid-a8af0c03.js');
+require('./utils-a82eaed9.js');
+require('./UserProfileContext-ad079e6d.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-6ab4baac.js');
-require('./index-5075f3b2.js');
+require('./_rollupPluginBabelHelpers-440ec6e2.js');
+require('./index-d6f14382.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./ChannelList/components/ChannelListHeader.js');
-require('./LocalizationContext-e4a874cf.js');
-require('./stringSet-76f7df68.js');
-require('./index-903c0f93.js');
-require('./index-0e43cd69.js');
+require('./LocalizationContext-9b216d02.js');
+require('./stringSet-e52248ab.js');
+require('./index-02729806.js');
+require('./index-3d6159df.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
@@ -27,14 +27,14 @@ require('./ChannelList/components/AddChannel.js');
 require('./ui/IconButton.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./CreateChannelProvider-387290bb.js');
+require('./CreateChannelProvider-1be5d0c0.js');
 require('./sendbirdSelectors.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-813deccc.js');
+require('./index-d85616b2.js');
 require('./ui/Button.js');
-require('./MediaQueryContext-fcd92c17.js');
+require('./MediaQueryContext-ea137add.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -44,31 +44,30 @@ require('./ui/SortByRow.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ui/ChannelAvatar.js');
-require('./utils-39a3f99e.js');
+require('./utils-dd55b959.js');
 require('./ui/Badge.js');
-require('./index-4894fc55.js');
-require('./index-f2d71843.js');
+require('./index-7f214e91.js');
+require('./index-ecfe08c9.js');
 require('./ui/Loader.js');
-require('./index-44341b78.js');
-require('./index-47105c4f.js');
+require('./index-8a187344.js');
+require('./index-b95c8165.js');
 require('./ui/MentionUserLabel.js');
-require('./consts-2e23914f.js');
+require('./consts-54b7b2b1.js');
 require('./ui/TextButton.js');
-require('./color-168c1d53.js');
+require('./color-8b30623d.js');
 require('./Channel/components/TypingIndicator.js');
-require('./ChannelProvider-473548f7.js');
-require('./compareIds-441b4983.js');
-require('./const-0273bf9e.js');
+require('./ChannelProvider-fcb80591.js');
+require('./compareIds-3dbb4f79.js');
+require('./const-1e096998.js');
 require('@sendbird/chat/message');
 require('./ui/ReactionButton.js');
-require('./consts-b8c0be49.js');
-require('./useLongPress-3582b310.js');
+require('./consts-02c09d93.js');
+require('./useLongPress-640ea281.js');
 require('./ChannelList/components/ChannelPreviewAction.js');
 require('./EditUserProfile.js');
-require('./index-9dd8a18a.js');
+require('./index-15a62d58.js');
 require('./ui/Input.js');
-require('./actionTypes-1b068888.js');
-require('./index-630f7132.js');
+require('./index-a1141d68.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelList.js","sources":["../../src/smart-components/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      overrideInviteUser={props?.overrideInviteUser}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      activeChannelUrl={props?.activeChannelUrl}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n}\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","createElement","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","activeChannelUrl","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","ChannelListUI","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}
+{"version":3,"file":"ChannelList.js","sources":["../../src/smart-components/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      overrideInviteUser={props?.overrideInviteUser}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      activeChannelUrl={props?.activeChannelUrl}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n}\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","createElement","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","activeChannelUrl","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","ChannelListUI","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}

package/cjs/{ChannelListProvider-d8f65b18.js → ChannelListProvider-f74d4451.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-67bdb021.js');
+var tslib_es6 = require('./tslib.es6-957ba986.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var topics = require('./topics-f70c5e0f.js');
-var uuid = require('./uuid-f23c161c.js');
-var utils = require('./utils-fdfc9b0a.js');
-var UserProfileContext = require('./UserProfileContext-ce0c283c.js');
+var topics = require('./topics-09d72ec0.js');
+var uuid = require('./uuid-a8af0c03.js');
+var utils = require('./utils-a82eaed9.js');
+var UserProfileContext = require('./UserProfileContext-ad079e6d.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6ab4baac.js');
-var index = require('./index-5075f3b2.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-440ec6e2.js');
+var index = require('./index-d6f14382.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -994,4 +994,4 @@ exports.FETCH_CHANNELS_SUCCESS = FETCH_CHANNELS_SUCCESS;
 exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.useChannelListContext = useChannelListContext;
-//# sourceMappingURL=ChannelListProvider-d8f65b18.js.map
+//# sourceMappingURL=ChannelListProvider-f74d4451.js.map