@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

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

@@ -0,0 +1,274 @@
+'use strict';
+
+var React = require('react');
+var ChannelList_components_ChannelListHeader = require('./ChannelListHeader.js');
+var ChannelList_components_AddChannel = require('./AddChannel.js');
+var ChannelList_components_ChannelPreview = require('./ChannelPreview.js');
+var ChannelList_components_ChannelPreviewAction = require('./ChannelPreviewAction.js');
+var ChannelList_context = require('../../ChannelListProvider-854e774b.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var EditUserProfile = require('../../EditUserProfile.js');
+var ui_PlaceHolder = require('../../index-2d7e8e6d.js');
+require('../../LocalizationContext-2fb0be1f.js');
+require('../../stringSet-388f679a.js');
+require('../../index-1ec959ab.js');
+require('../../index-578f0575.js');
+require('prop-types');
+require('../../ui/Avatar.js');
+require('../../tslib.es6-e8acf1b5.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/Icon.js');
+require('../../uuid-a94df44e.js');
+require('../../ui/IconButton.js');
+require('../../CreateChannel.js');
+require('../../CreateChannel/components/CreateChannelUI.js');
+require('../../CreateChannelProvider-31020b12.js');
+require('../../sendbirdSelectors.js');
+require('../../topics-839402ce.js');
+require('../../utils-c61c3737.js');
+require('../../CreateChannel/components/InviteUsers.js');
+require('../../ui/Modal.js');
+require('react-dom');
+require('../../index-490839e3.js');
+require('../../ui/Button.js');
+require('../../MediaQueryContext-db5159f3.js');
+require('../../ui/UserListItem.js');
+require('../../UserProfileContext-0549101e.js');
+require('../../ui/MutedAvatarOverlay.js');
+require('../../ui/Checkbox.js');
+require('../../ui/UserProfile.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
+require('../../index-6714492f.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../CreateChannel/components/SelectChannelType.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../ui/ChannelAvatar.js');
+require('../../utils-763f5a7f.js');
+require('../../ui/Badge.js');
+require('../../index-43d893cf.js');
+require('../../index-f1bd9638.js');
+require('../../ui/Loader.js');
+require('../../index-aada6371.js');
+require('../../index-4e46a153.js');
+require('../../ui/MentionUserLabel.js');
+require('../../ui/TextButton.js');
+require('../../color-84bbbc0b.js');
+require('../../Channel/components/TypingIndicator.js');
+require('@sendbird/chat/groupChannel');
+require('../../ChannelProvider-367995a6.js');
+require('../../compareIds-19a11ffa.js');
+require('../../const-3c5d5059.js');
+require('@sendbird/chat/message');
+require('../../ui/ReactionButton.js');
+require('../../consts-9d221c68.js');
+require('../../useLongPress-b75b3860.js');
+require('../../withSendbird.js');
+require('../../index-812adbfb.js');
+require('../../ui/Input.js');
+require('../../actionTypes-80ffd63e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
+
+var DELIVERY_RECIPT = 'delivery_receipt';
+
+var ChannelListUI = function (props) {
+  var _a;
+
+  var renderHeader = props.renderHeader,
+      renderChannelPreview = props.renderChannelPreview,
+      renderPlaceHolderError = props.renderPlaceHolderError,
+      renderPlaceHolderLoading = props.renderPlaceHolderLoading,
+      renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList;
+
+  var _b = React.useState(false),
+      showProfileEdit = _b[0],
+      setShowProfileEdit = _b[1];
+
+  var _c = ChannelList_context.useChannelListContext(),
+      onThemeChange = _c.onThemeChange,
+      allowProfileEdit = _c.allowProfileEdit,
+      allChannels = _c.allChannels,
+      loading = _c.loading,
+      currentChannel = _c.currentChannel,
+      channelListDispatcher = _c.channelListDispatcher,
+      channelSource = _c.channelSource,
+      typingChannels = _c.typingChannels,
+      initialized = _c.initialized;
+
+  var state = useSendbirdStateContext();
+  var sdkStore = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore;
+  var config = state === null || state === void 0 ? void 0 : state.config;
+  var _d = config.logger,
+      logger = _d === void 0 ? null : _d,
+      _e = config.isOnline,
+      isOnline = _e === void 0 ? false : _e,
+      _f = config.disableMarkAsDelivered,
+      disableMarkAsDelivered = _f === void 0 ? false : _f;
+  var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
+  var sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
+
+  var _g = React.useState([]),
+      channelsTomarkAsRead = _g[0],
+      setChannelsToMarkAsRead = _g[1];
+
+  React.useEffect(function () {
+    // https://stackoverflow.com/a/60907638
+    var isMounted = true;
+
+    if ((channelsTomarkAsRead === null || channelsTomarkAsRead === void 0 ? void 0 : channelsTomarkAsRead.length) > 0 && !disableMarkAsDelivered) {
+      channelsTomarkAsRead === null || channelsTomarkAsRead === void 0 ? void 0 : channelsTomarkAsRead.forEach(function (c, idx) {
+        // Plan-based rate limits - minimum limit is 5 requests per second
+        setTimeout(function () {
+          if (isMounted) {
+            c === null || c === void 0 ? void 0 : c.markAsDelivered();
+          }
+        }, 2000 * idx);
+      });
+    }
+
+    return function () {
+      isMounted = false;
+    };
+  }, [channelsTomarkAsRead]);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-list__header"
+  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelListHeader, {
+    onEdit: function () {
+      if (allowProfileEdit) {
+        setShowProfileEdit(true);
+      }
+    },
+    allowProfileEdit: allowProfileEdit,
+    renderIconButton: function () {
+      return /*#__PURE__*/React__default["default"].createElement(ChannelList_components_AddChannel.AddChannel, null);
+    }
+  })), showProfileEdit && /*#__PURE__*/React__default["default"].createElement(EditUserProfile, {
+    onThemeChange: onThemeChange,
+    onCancel: function () {
+      setShowProfileEdit(false);
+    },
+    onEditProfile: function () {
+      setShowProfileEdit(false);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-list__body",
+    onScroll: function (e) {
+      var target = e === null || e === void 0 ? void 0 : e.target;
+      var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);
+
+      if (fetchMore && (channelSource === null || channelSource === void 0 ? void 0 : channelSource.hasNext)) {
+        logger.info('ChannelList: Fetching more channels');
+        channelListDispatcher({
+          type: ChannelList_context.FETCH_CHANNELS_START,
+          payload: null
+        });
+        channelSource.next().then(function (channelList) {
+          var _a, _b;
+
+          logger.info('ChannelList: Fetching channels successful', channelList);
+          channelListDispatcher({
+            type: ChannelList_context.FETCH_CHANNELS_SUCCESS,
+            payload: channelList
+          });
+          var canSetMarkAsDelivered = (_b = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.premiumFeatureList) === null || _b === void 0 ? void 0 : _b.find(function (feature) {
+            return feature === DELIVERY_RECIPT;
+          });
+
+          if (canSetMarkAsDelivered) {
+            logger.info('ChannelList: Marking all channels as read'); // eslint-disable-next-line no-unused-expressions
+
+            setChannelsToMarkAsRead(channelList);
+          }
+        }).catch(function (err) {
+          logger.info('ChannelList: Fetching channels failed', err);
+          channelListDispatcher({
+            type: ChannelList_context.FETCH_CHANNELS_FAILURE,
+            payload: err
+          });
+        });
+      }
+    }
+  }, sdkError && !loading && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    type: ui_PlaceHolder.PlaceHolderTypes.WRONG
+  })), /*#__PURE__*/React__default["default"].createElement("div", null, allChannels && allChannels.map(function (channel, idx) {
+    // todo: Refactor and move this inside channel - preview
+    var onLeaveChannel = function (c, cb) {
+      logger.info('ChannelList: Leaving channel', c);
+      c.leave().then(function (res) {
+        logger.info('ChannelList: Leaving channel success', res);
+
+        if (cb && typeof cb === 'function') {
+          cb(res, null);
+        }
+
+        channelListDispatcher({
+          type: ChannelList_context.LEAVE_CHANNEL_SUCCESS,
+          payload: channel === null || channel === void 0 ? void 0 : channel.url
+        });
+      }).catch(function (err) {
+        logger.error('ChannelList: Leaving channel failed', err);
+
+        if (cb && typeof cb === 'function') {
+          cb(null, err);
+        }
+      });
+    };
+
+    var onClick = function () {
+      if (!isOnline) {
+        return;
+      }
+
+      logger.info('ChannelList: Clicked on channel:', channel);
+      channelListDispatcher({
+        type: ChannelList_context.SET_CURRENT_CHANNEL,
+        payload: channel
+      });
+    };
+
+    return renderChannelPreview ?
+    /*#__PURE__*/
+    // eslint-disable-next-line
+    React__default["default"].createElement("div", {
+      key: channel === null || channel === void 0 ? void 0 : channel.url,
+      onClick: onClick
+    }, renderChannelPreview({
+      channel: channel,
+      onLeaveChannel: onLeaveChannel
+    })) : /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelPreview, {
+      key: channel === null || channel === void 0 ? void 0 : channel.url,
+      tabIndex: idx,
+      onClick: onClick,
+      channel: channel,
+      onLeaveChannel: function () {
+        return onLeaveChannel(channel, null);
+      },
+      isActive: (channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url),
+      isTyping: typingChannels === null || typingChannels === void 0 ? void 0 : typingChannels.some(function (_a) {
+        var url = _a.url;
+        return url === (channel === null || channel === void 0 ? void 0 : channel.url);
+      }),
+      renderChannelAction: function () {
+        return /*#__PURE__*/React__default["default"].createElement(ChannelList_components_ChannelPreviewAction, {
+          channel: channel,
+          disabled: !isOnline,
+          onLeaveChannel: function () {
+            return onLeaveChannel(channel, null);
+          }
+        });
+      }
+    });
+  })), !initialized && loading && (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function' ? renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    type: ui_PlaceHolder.PlaceHolderTypes.LOADING
+  })), initialized && (allChannels === null || allChannels === void 0 ? void 0 : allChannels.length) === 0 && (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function' ? renderPlaceHolderEmptyList === null || renderPlaceHolderEmptyList === void 0 ? void 0 : renderPlaceHolderEmptyList() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
+  }))));
+};
+
+module.exports = ChannelListUI;
+//# sourceMappingURL=ChannelListUI.js.map

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

@@ -0,0 +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, 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';\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 = null,\n    isOnline = false,\n    disableMarkAsDelivered = false,\n  } = config;\n\n  const sdk = sdkStore?.sdk as SendbirdGroupChat;\n  const sdkError = sdkStore?.error;\n\n  const [channelsTomarkAsRead, setChannelsToMarkAsRead] = useState([]);\n  useEffect(() => {\n    // https://stackoverflow.com/a/60907638\n    let isMounted = true;\n    if (channelsTomarkAsRead?.length > 0 && !disableMarkAsDelivered) {\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        {\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                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 && !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","_d","logger","_e","isOnline","_f","disableMarkAsDelivered","sdk","sdkError","error","_g","channelsTomarkAsRead","setChannelsToMarkAsRead","useEffect","isMounted","length","forEach","c","idx","setTimeout","markAsDelivered","React","ChannelListHeader","AddChannel","e","target","fetchMore","clientHeight","scrollTop","scrollHeight","hasNext","info","type","channelListActions","payload","next","then","channelList","canSetMarkAsDelivered","appInfo","premiumFeatureList","find","feature","catch","err","PlaceHolder","PlaceHolderTypes","WRONG","map","channel","onLeaveChannel","cb","leave","res","url","onClick","ChannelPreview","some","ChannelPreviewAction","LOADING","NO_CHANNELS"],"mappings":"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"}

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

@@ -0,0 +1,199 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-e7c78521.js');
+var tslib_es6 = require('../../tslib.es6-e8acf1b5.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-578f0575.js');
+var ui_MessageStatus = require('../../index-43d893cf.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var LocalizationContext = require('../../LocalizationContext-2fb0be1f.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-854e774b.js');
+var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
+var index = require('../../index-6714492f.js');
+var MediaQueryContext = require('../../MediaQueryContext-db5159f3.js');
+var useLongPress = require('../../useLongPress-b75b3860.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-a94df44e.js');
+require('../../utils-763f5a7f.js');
+require('prop-types');
+require('../../stringSet-388f679a.js');
+require('../../index-f1bd9638.js');
+require('../../index-1ec959ab.js');
+require('../../ui/Loader.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../index-aada6371.js');
+require('../../index-4e46a153.js');
+require('../../withSendbird.js');
+require('react-dom');
+require('../../index-490839e3.js');
+require('../../ui/Button.js');
+require('../../ui/IconButton.js');
+require('../../color-84bbbc0b.js');
+require('@sendbird/chat/groupChannel');
+require('../../topics-839402ce.js');
+require('../../utils-c61c3737.js');
+require('../../UserProfileContext-0549101e.js');
+require('../../ChannelProvider-367995a6.js');
+require('../../compareIds-19a11ffa.js');
+require('../../const-3c5d5059.js');
+require('@sendbird/chat/message');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
+require('../../ui/ReactionButton.js');
+require('../../consts-9d221c68.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ChannelPreview = function (_a) {
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+
+  var channel = _a.channel,
+      _l = _a.isActive,
+      isActive = _l === void 0 ? false : _l,
+      _m = _a.isTyping,
+      isTyping = _m === void 0 ? false : _m,
+      renderChannelAction = _a.renderChannelAction,
+      onLeaveChannel = _a.onLeaveChannel,
+      onClick = _a.onClick,
+      tabIndex = _a.tabIndex;
+  var sbState = useSendbirdStateContext();
+
+  var _o = ChannelList_context.useChannelListContext(),
+      _p = _o.isTypingIndicatorEnabled,
+      isTypingIndicatorEnabled = _p === void 0 ? false : _p,
+      _q = _o.isMessageReceiptStatusEnabled,
+      isMessageReceiptStatusEnabled = _q === void 0 ? false : _q;
+
+  var _r = LocalizationContext.useLocalization(),
+      dateLocale = _r.dateLocale,
+      stringSet = _r.stringSet;
+
+  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+
+  var _s = React.useState(false),
+      showMobileLeave = _s[0],
+      setShowMobileLeave = _s[1];
+
+  var userId = (_d = (_c = (_b = sbState === null || sbState === void 0 ? void 0 : sbState.stores) === null || _b === void 0 ? void 0 : _b.userStore) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.userId;
+  var theme = (_e = sbState === null || sbState === void 0 ? void 0 : sbState.config) === null || _e === void 0 ? void 0 : _e.theme;
+  var isMentionEnabled = (_f = sbState === null || sbState === void 0 ? void 0 : sbState.config) === null || _f === void 0 ? void 0 : _f.isMentionEnabled;
+  var isFrozen = (channel === null || channel === void 0 ? void 0 : channel.isFrozen) || false;
+  var isBroadcast = (channel === null || channel === void 0 ? void 0 : channel.isBroadcast) || false;
+  var isChannelTyping = isTypingIndicatorEnabled && isTyping;
+  var isMessageStatusEnabled = isMessageReceiptStatusEnabled && (((_g = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _g === void 0 ? void 0 : _g.messageType) === 'user' || ((_h = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _h === void 0 ? void 0 : _h.messageType) === 'file') && ((_k = (_j = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _j === void 0 ? void 0 : _j.sender) === null || _k === void 0 ? void 0 : _k.userId) === userId;
+  var onLongPress = useLongPress.useLongPress({
+    onLongPress: function () {
+      if (isMobile) {
+        setShowMobileLeave(true);
+      }
+    },
+    onClick: onClick
+  }, {
+    delay: 1000
+  });
+  var channelName = ui_MessageStatus.getChannelTitle(channel, userId, stringSet);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers._extends({
+    className: ['sendbird-channel-preview', isActive ? 'sendbird-channel-preview--active' : ''].join(' '),
+    role: "link",
+    tabIndex: tabIndex
+  }, isMobile ? tslib_es6.__assign({}, onLongPress) : {
+    onClick: onClick
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__avatar"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_ChannelAvatar, {
+    channel: channel,
+    userId: userId,
+    theme: theme
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__content"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__content__upper"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__content__upper__header"
+  }, isBroadcast && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__content__upper__header__broadcast-icon"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.BROADCAST,
+    fillColor: ui_Icon.IconColors.SECONDARY,
+    height: "16px",
+    width: "16px"
+  })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    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, {
+    className: "sendbird-channel-preview__content__upper__header__total-members",
+    type: ui_Label.LabelTypography.CAPTION_2,
+    color: ui_Label.LabelColors.ONBACKGROUND_2
+  }, ui_MessageStatus.getTotalMembers(channel)), isFrozen && /*#__PURE__*/React__default["default"].createElement("div", {
+    title: "Frozen",
+    className: "sendbird-channel-preview__content__upper__header__frozen-icon"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.FREEZE,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    height: 12,
+    width: 12
+  }))), isMessageStatusEnabled ? /*#__PURE__*/React__default["default"].createElement(ui_MessageStatus.MessageStatus, {
+    className: "sendbird-channel-preview__content__upper__last-message-at",
+    channel: channel,
+    message: channel === null || channel === void 0 ? void 0 : channel.lastMessage,
+    isDateSeparatorConsidered: false
+  }) : /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-channel-preview__content__upper__last-message-at",
+    type: ui_Label.LabelTypography.CAPTION_3,
+    color: ui_Label.LabelColors.ONBACKGROUND_2
+  }, ui_MessageStatus.getLastMessageCreatedAt({
+    channel: channel,
+    locale: dateLocale,
+    stringSet: stringSet
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__content__lower"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-channel-preview__content__lower__last-message",
+    type: ui_Label.LabelTypography.BODY_2,
+    color: ui_Label.LabelColors.ONBACKGROUND_3
+  }, isChannelTyping && /*#__PURE__*/React__default["default"].createElement(Channel_components_TypingIndicator.TypingIndicatorText, {
+    members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()
+  }), !isChannelTyping && !index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && ui_MessageStatus.getLastMessage(channel) + (index.isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? " ".concat(stringSet.MESSAGE_EDITED) : ''), !isChannelTyping && index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__content__lower__unread-message-count"
+  }, isMentionEnabled && (channel === null || channel === void 0 ? void 0 : channel.unreadMentionCount) > 0 ? /*#__PURE__*/React__default["default"].createElement(ui_MentionUserLabel, {
+    className: "sendbird-channel-preview__content__lower__unread-message-count__mention",
+    color: "purple"
+  }, '@') : null, ui_MessageStatus.getChannelUnreadMessageCount(channel) // return number
+  ? /*#__PURE__*/React__default["default"].createElement(ui_Badge, {
+    count: ui_MessageStatus.getChannelUnreadMessageCount(channel)
+  }) : null))), !isMobile && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-preview__action"
+  }, renderChannelAction({
+    channel: channel
+  }))), showMobileLeave && isMobile && /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    className: "sendbird-channel-preview__leave--mobile",
+    titleText: channelName,
+    hideFooter: true,
+    isCloseOnClickOutside: true,
+    onCancel: function () {
+      return setShowMobileLeave(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
+    onClick: function () {
+      onLeaveChannel();
+      setShowMobileLeave(false);
+    },
+    className: "sendbird-channel-preview__leave-label--mobile"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.SUBTITLE_1,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))));
+};
+
+module.exports = ChannelPreview;
+//# sourceMappingURL=ChannelPreview.js.map

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

@@ -0,0 +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              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                    isDateSeparatorConsidered={false}\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({\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            <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        {\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","_extends","join","__assign","ChannelAvatar","Icon","IconTypes","BROADCAST","IconColors","SECONDARY","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","FREEZE","PRIMARY","MessageStatus","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","getTypingUsers","isVoiceMessage","isEditedMessage","MESSAGE_EDITED","VOICE_MESSAGE","unreadMentionCount","MentionUserLabel","Badge","Modal","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":"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"}