@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/ChannelList/components/ChannelListUI.js

@@ -3,136 +3,137 @@ import ChannelListHeader from './ChannelListHeader.js';
 import { AddChannel } from './AddChannel.js';
 import ChannelPreview from './ChannelPreview.js';
 import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-1188e373.js';
-import useSendbirdStateContext from '../../useSendbirdStateContext.js';
+import { u as useChannelListContext, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-f520f5b3.js';
+import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-128523eb.js';
-import '../../LocalizationContext-2463058b.js';
-import '../../stringSet-2814bf17.js';
-import '../../index-7700a436.js';
-import '../../index-aa520474.js';
+import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
+import { i as isAboutSame } from '../../utils-74c161a0.js';
+import '../../LocalizationContext-d18a86d8.js';
+import '../../stringSet-1106c8ec.js';
+import '../../index-d3f61405.js';
+import '../../index-12103973.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
+import '../../tslib.es6-0c779aab.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-16373bba.js';
+import '../../uuid-3c77ef7b.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-50c9576f.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-a2fad282.js';
+import '../../CreateChannelProvider-c25dd81b.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-5659403d.js';
-import '../../utils-407da489.js';
+import '../../pubSub/topics.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index.module-60af77d3.js';
-import '../../index-98887e8d.js';
-import '../../MediaQueryContext-e3429d12.js';
+import '../../index-c6095960.js';
+import '../../index-c7ed4aef.js';
+import '../../MediaQueryContext-3eeeec4f.js';
 import '../../ui/Button.js';
+import '../../types-4ffc52f6.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-4ae968eb.js';
+import '../../UserProfileContext-26e71f9a.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-5d6a0f12.js';
+import '../../index-fc1642cb.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
+import '../../_rollupPluginBabelHelpers-07dcbc2b.js';
 import '../../ui/ChannelAvatar.js';
-import '../../utils-ebf008e2.js';
+import '../../utils-48a3ef27.js';
 import '../../ui/Badge.js';
-import '../../index-7946293f.js';
-import '../../index-daa3ae67.js';
+import '../../index-942c5fa2.js';
+import '../../index-c81fd6ec.js';
 import '../../ui/Loader.js';
-import '../../index-5cb32ab5.js';
-import '../../index-13401b87.js';
+import '../../index-dc1827ea.js';
+import '../../index-1432c287.js';
 import '../../ui/MentionUserLabel.js';
-import '../../consts-675764c9.js';
+import '../../consts-7f4d53a3.js';
 import '../../ui/TextButton.js';
-import '../../color-b7f211a8.js';
+import '../../color-1383d4ab.js';
 import '../../Channel/components/TypingIndicator.js';
 import '@sendbird/chat/groupChannel';
-import '../../ChannelProvider-9de00431.js';
-import '../../const-711048c3.js';
-import '../../utils-0c22998a.js';
-import '../../compareIds-8ed6e36a.js';
+import '../../ChannelProvider-7f6fd1f8.js';
+import '../../const-e3326913.js';
+import '../../utils-40040f8e.js';
 import '@sendbird/chat/message';
-import '../../consts-691a3935.js';
-import '../../resolvedReplyType-1a128514.js';
-import '../../useSendMultipleFilesMessage-a3a2c84b.js';
-import '../../useLongPress-5e1ad951.js';
+import '../../useSendMultipleFilesMessage-4489a0f6.js';
+import '../../compareIds-b56b02f1.js';
+import '../../consts-aa64aca8.js';
+import '../../resolvedReplyType-0532593c.js';
+import '../../useLongPress-322bb6a3.js';
 import '../../withSendbird.js';
-import '../../index-60a7bf91.js';
+import '../../EditUserProfile/context.js';
+import '../../EditUserProfile/components/EditUserProfileUI.js';
 import '../../ui/Input.js';
-import '../../actionTypes-501b8c11.js';
+import '../../actionTypes-3cd49b5c.js';
 
-const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
-
-const ChannelListUI = props => {
-  var _state$stores;
-  const {
-    renderHeader,
-    renderChannelPreview,
-    renderPlaceHolderError,
-    renderPlaceHolderLoading,
-    renderPlaceHolderEmptyList
-  } = props;
-  const [showProfileEdit, setShowProfileEdit] = useState(false);
-  const {
-    onThemeChange,
-    allowProfileEdit,
-    allChannels,
-    loading,
-    currentChannel,
-    channelListDispatcher,
-    typingChannels,
-    initialized,
-    fetchChannelList
-  } = useChannelListContext();
-  const state = useSendbirdStateContext();
-  const sdkStore = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : _state$stores.sdkStore;
-  const config = state === null || state === void 0 ? void 0 : state.config;
-  const {
-    logger,
-    isOnline = false
-  } = config;
-  const sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
+var ChannelListUI = function (props) {
+  var _a;
+  var renderHeader = props.renderHeader,
+    renderChannelPreview = props.renderChannelPreview,
+    renderPlaceHolderError = props.renderPlaceHolderError,
+    renderPlaceHolderLoading = props.renderPlaceHolderLoading,
+    renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList;
+  var _b = useState(false),
+    showProfileEdit = _b[0],
+    setShowProfileEdit = _b[1];
+  var _c = useChannelListContext(),
+    onThemeChange = _c.onThemeChange,
+    allowProfileEdit = _c.allowProfileEdit,
+    allChannels = _c.allChannels,
+    loading = _c.loading,
+    currentChannel = _c.currentChannel,
+    channelListDispatcher = _c.channelListDispatcher,
+    typingChannels = _c.typingChannels,
+    initialized = _c.initialized,
+    fetchChannelList = _c.fetchChannelList;
+  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 logger = config.logger,
+    _d = config.isOnline,
+    isOnline = _d === void 0 ? false : _d;
+  var sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-list__header"
   }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default.createElement(ChannelListHeader, {
-    onEdit: () => {
+    onEdit: function () {
       if (allowProfileEdit) {
         setShowProfileEdit(true);
       }
     },
     allowProfileEdit: allowProfileEdit,
-    renderIconButton: () => /*#__PURE__*/React__default.createElement(AddChannel, null)
+    renderIconButton: function () {
+      return /*#__PURE__*/React__default.createElement(AddChannel, null);
+    }
   })), showProfileEdit && /*#__PURE__*/React__default.createElement(EditProfile, {
     onThemeChange: onThemeChange,
-    onCancel: () => {
+    onCancel: function () {
       setShowProfileEdit(false);
     },
-    onEditProfile: () => {
+    onEditProfile: function () {
       setShowProfileEdit(false);
     }
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-list__body",
-    onScroll: e => {
-      const target = e === null || e === void 0 ? void 0 : e.target;
+    onScroll: function (e) {
+      var target = e === null || e === void 0 ? void 0 : e.target;
       if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {
         fetchChannelList();
       }
     }
   }, sdkError && !loading && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
     type: PlaceHolderTypes.WRONG
-  })), /*#__PURE__*/React__default.createElement("div", null, allChannels && allChannels.map((channel, idx) => {
+  })), /*#__PURE__*/React__default.createElement("div", null, allChannels && allChannels.map(function (channel, idx) {
     // todo: Refactor and move this inside channel - preview
-    const onLeaveChannel = (c, cb) => {
+    var onLeaveChannel = function (c, cb) {
       logger.info('ChannelList: Leaving channel', c);
-      c.leave().then(res => {
+      c.leave().then(function (res) {
         logger.info('ChannelList: Leaving channel success', res);
         if (cb && typeof cb === 'function') {
           cb(res, null);
@@ -141,14 +142,14 @@ const ChannelListUI = props => {
           type: LEAVE_CHANNEL_SUCCESS,
           payload: channel === null || channel === void 0 ? void 0 : channel.url
         });
-      }).catch(err => {
+      }).catch(function (err) {
         logger.error('ChannelList: Leaving channel failed', err);
         if (cb && typeof cb === 'function') {
           cb(null, err);
         }
       });
     };
-    const onClick = () => {
+    var onClick = function () {
       if (!isOnline) {
         return;
       }
@@ -165,26 +166,30 @@ const ChannelListUI = props => {
       key: channel === null || channel === void 0 ? void 0 : channel.url,
       onClick: onClick
     }, renderChannelPreview({
-      channel,
-      onLeaveChannel
+      channel: channel,
+      onLeaveChannel: onLeaveChannel
     })) : /*#__PURE__*/React__default.createElement(ChannelPreview, {
       key: channel === null || channel === void 0 ? void 0 : channel.url,
       tabIndex: idx,
       onClick: onClick,
       channel: channel,
-      onLeaveChannel: () => onLeaveChannel(channel, null),
+      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(_ref => {
-        let {
-          url
-        } = _ref;
+      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: () => /*#__PURE__*/React__default.createElement(ChannelPreviewAction, {
-        channel: channel,
-        disabled: !isOnline,
-        onLeaveChannel: () => onLeaveChannel(channel, null)
-      })
+      renderChannelAction: function () {
+        return /*#__PURE__*/React__default.createElement(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.createElement(PlaceHolder, {
     type: PlaceHolderTypes.LOADING

package/ChannelList/components/ChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListUI.js","sources":["../../../src/modules/ChannelList/components/utils.js","../../../src/modules/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 } 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\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    typingChannels,\n    initialized,\n    fetchChannelList,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n  } = config;\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          if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {\n            fetchChannelList();\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","ChannelListUI","props","_state$stores","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","showProfileEdit","setShowProfileEdit","useState","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","typingChannels","initialized","fetchChannelList","useChannelListContext","state","useSendbirdStateContext","sdkStore","stores","config","logger","isOnline","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","clientHeight","scrollTop","scrollHeight","PlaceHolder","type","PlaceHolderTypes","WRONG","map","channel","idx","onLeaveChannel","c","cb","info","leave","then","res","channelListActions","payload","url","catch","err","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","_ref","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}
+{"version":3,"file":"ChannelListUI.js","sources":["../../../src/modules/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["import './channel-list-ui.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel, Member } 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/utils';\n\ninterface RenderChannelPreviewProps {\n  channel: GroupChannel;\n  onLeaveChannel(\n    channel: GroupChannel,\n    onLeaveChannelCb?: (c: GroupChannel) => void,\n  ): void;\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    typingChannels,\n    initialized,\n    fetchChannelList,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n  } = config;\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          if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {\n            fetchChannelList();\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":["ChannelListUI","props","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","_b","useState","showProfileEdit","setShowProfileEdit","_c","useChannelListContext","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","typingChannels","initialized","fetchChannelList","state","useSendbirdStateContext","sdkStore","_a","stores","config","logger","_d","isOnline","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","isAboutSame","clientHeight","scrollTop","scrollHeight","PlaceHolder","type","PlaceHolderTypes","WRONG","map","channel","idx","onLeaveChannel","c","cb","info","leave","then","res","channelListActions","payload","url","catch","err","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}

package/ChannelList/components/ChannelPreview.js

@@ -1,101 +1,103 @@
-import { b as _extends, _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-50c9576f.js';
+import { _ as _extends } from '../../_rollupPluginBabelHelpers-07dcbc2b.js';
+import { _ as __assign } from '../../tslib.es6-0c779aab.js';
 import React__default, { useState } from 'react';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import Badge from '../../ui/Badge.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-aa520474.js';
-import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-7946293f.js';
-import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-2463058b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-12103973.js';
+import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-942c5fa2.js';
+import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
+import { u as useLocalization } from '../../LocalizationContext-d18a86d8.js';
 import MentionUserLabel from '../../ui/MentionUserLabel.js';
 import { Modal } from '../../ui/Modal.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-1188e373.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-f520f5b3.js';
 import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
-import { d as isVoiceMessage } from '../../index-5d6a0f12.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-e3429d12.js';
-import { u as useLongPress } from '../../useLongPress-5e1ad951.js';
+import { d as isVoiceMessage } from '../../index-fc1642cb.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-3eeeec4f.js';
+import { u as useLongPress } from '../../useLongPress-322bb6a3.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-16373bba.js';
-import '../../utils-ebf008e2.js';
+import '../../uuid-3c77ef7b.js';
+import '../../utils-48a3ef27.js';
 import 'prop-types';
-import '../../stringSet-2814bf17.js';
-import '../../index-daa3ae67.js';
-import '../../index-7700a436.js';
+import '../../stringSet-1106c8ec.js';
+import '../../index-c81fd6ec.js';
+import '../../index-d3f61405.js';
 import '../../ui/Loader.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-5cb32ab5.js';
-import '../../index-13401b87.js';
+import '../../index-dc1827ea.js';
+import '../../index-1432c287.js';
 import '../../withSendbird.js';
-import '../../consts-675764c9.js';
+import '../../consts-7f4d53a3.js';
 import 'react-dom';
-import '../../utils-407da489.js';
-import '../../index.module-60af77d3.js';
-import '../../index-98887e8d.js';
+import '../../utils-74c161a0.js';
+import '../../index-c6095960.js';
+import '../../index-c7ed4aef.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../color-b7f211a8.js';
+import '../../types-4ffc52f6.js';
+import '../../color-1383d4ab.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-5659403d.js';
-import '../../consts-691a3935.js';
-import '../../UserProfileContext-4ae968eb.js';
-import '../../ChannelProvider-9de00431.js';
-import '../../const-711048c3.js';
-import '../../utils-0c22998a.js';
-import '../../compareIds-8ed6e36a.js';
+import '../../pubSub/topics.js';
+import '../../consts-aa64aca8.js';
+import '../../UserProfileContext-26e71f9a.js';
+import '../../ChannelProvider-7f6fd1f8.js';
+import '../../const-e3326913.js';
+import '../../utils-40040f8e.js';
 import '@sendbird/chat/message';
-import '../../resolvedReplyType-1a128514.js';
-import '../../useSendMultipleFilesMessage-a3a2c84b.js';
+import '../../useSendMultipleFilesMessage-4489a0f6.js';
+import '../../compareIds-b56b02f1.js';
+import '../../resolvedReplyType-0532593c.js';
 
-const ChannelPreview = _ref => {
-  var _sbState$stores, _sbState$stores$userS, _sbState$stores$userS2, _sbState$config, _sbState$config2, _channel$lastMessage, _channel$lastMessage2, _channel$lastMessage3, _channel$lastMessage4;
-  let {
-    channel,
-    isActive = false,
-    isTyping = false,
-    renderChannelAction,
-    onLeaveChannel,
-    onClick,
-    tabIndex
-  } = _ref;
-  const sbState = useSendbirdStateContext();
-  const {
-    isTypingIndicatorEnabled = false,
-    isMessageReceiptStatusEnabled = false
-  } = useChannelListContext();
-  const {
-    dateLocale,
-    stringSet
-  } = useLocalization();
-  const {
-    isMobile
-  } = useMediaQueryContext();
-  const [showMobileLeave, setShowMobileLeave] = useState(false);
-  const userId = sbState === null || sbState === void 0 ? void 0 : (_sbState$stores = sbState.stores) === null || _sbState$stores === void 0 ? void 0 : (_sbState$stores$userS = _sbState$stores.userStore) === null || _sbState$stores$userS === void 0 ? void 0 : (_sbState$stores$userS2 = _sbState$stores$userS.user) === null || _sbState$stores$userS2 === void 0 ? void 0 : _sbState$stores$userS2.userId;
-  const theme = sbState === null || sbState === void 0 ? void 0 : (_sbState$config = sbState.config) === null || _sbState$config === void 0 ? void 0 : _sbState$config.theme;
-  const isMentionEnabled = sbState === null || sbState === void 0 ? void 0 : (_sbState$config2 = sbState.config) === null || _sbState$config2 === void 0 ? void 0 : _sbState$config2.isMentionEnabled;
-  const isFrozen = (channel === null || channel === void 0 ? void 0 : channel.isFrozen) || false;
-  const isBroadcast = (channel === null || channel === void 0 ? void 0 : channel.isBroadcast) || false;
-  const isChannelTyping = isTypingIndicatorEnabled && isTyping;
-  const isMessageStatusEnabled = isMessageReceiptStatusEnabled && ((channel === null || channel === void 0 ? void 0 : (_channel$lastMessage = channel.lastMessage) === null || _channel$lastMessage === void 0 ? void 0 : _channel$lastMessage.messageType) === 'user' || (channel === null || channel === void 0 ? void 0 : (_channel$lastMessage2 = channel.lastMessage) === null || _channel$lastMessage2 === void 0 ? void 0 : _channel$lastMessage2.messageType) === 'file') && (channel === null || channel === void 0 ? void 0 : (_channel$lastMessage3 = channel.lastMessage) === null || _channel$lastMessage3 === void 0 ? void 0 : (_channel$lastMessage4 = _channel$lastMessage3.sender) === null || _channel$lastMessage4 === void 0 ? void 0 : _channel$lastMessage4.userId) === userId;
-  const onLongPress = useLongPress({
-    onLongPress: () => {
+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 = useChannelListContext(),
+    _p = _o.isTypingIndicatorEnabled,
+    isTypingIndicatorEnabled = _p === void 0 ? false : _p,
+    _q = _o.isMessageReceiptStatusEnabled,
+    isMessageReceiptStatusEnabled = _q === void 0 ? false : _q;
+  var _r = useLocalization(),
+    dateLocale = _r.dateLocale,
+    stringSet = _r.stringSet;
+  var isMobile = useMediaQueryContext().isMobile;
+  var _s = 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({
+    onLongPress: function () {
       if (isMobile) {
         setShowMobileLeave(true);
       }
     },
-    onClick
+    onClick: onClick
   }, {
     delay: 1000
   });
-  const channelName = getChannelTitle(channel, userId, stringSet);
+  var channelName = getChannelTitle(channel, userId, stringSet);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({
     className: ['sendbird-channel-preview', isActive ? 'sendbird-channel-preview--active' : ''].join(' '),
     role: "link",
     tabIndex: tabIndex
-  }, isMobile ? _objectSpread2({}, onLongPress) : {
-    onClick
+  }, isMobile ? __assign({}, onLongPress) : {
+    onClick: onClick
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-preview__avatar"
   }, /*#__PURE__*/React__default.createElement(ChannelAvatar, {
@@ -131,19 +133,19 @@ const ChannelPreview = _ref => {
     fillColor: IconColors.PRIMARY,
     height: 12,
     width: 12
-  }))), !(channel !== null && channel !== void 0 && channel.isEphemeral) && isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(MessageStatus, {
+  }))), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(MessageStatus, {
     className: "sendbird-channel-preview__content__upper__last-message-at",
     channel: channel,
     message: channel === null || channel === void 0 ? void 0 : channel.lastMessage,
     isDateSeparatorConsidered: false
-  }), !(channel !== null && channel !== void 0 && channel.isEphemeral) && !isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(Label, {
+  }), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-channel-preview__content__upper__last-message-at",
     type: LabelTypography.CAPTION_3,
     color: LabelColors.ONBACKGROUND_2
   }, getLastMessageCreatedAt({
-    channel,
+    channel: channel,
     locale: dateLocale,
-    stringSet
+    stringSet: stringSet
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-preview__content__lower"
   }, /*#__PURE__*/React__default.createElement(Label, {
@@ -152,7 +154,7 @@ const ChannelPreview = _ref => {
     color: LabelColors.ONBACKGROUND_3
   }, isChannelTyping && /*#__PURE__*/React__default.createElement(TypingIndicatorText, {
     members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()
-  }), !isChannelTyping && !isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && getLastMessage(channel), !isChannelTyping && isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel !== null && channel !== void 0 && channel.isEphemeral) && /*#__PURE__*/React__default.createElement("div", {
+  }), !isChannelTyping && !isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && getLastMessage(channel, stringSet), !isChannelTyping && isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && /*#__PURE__*/React__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.createElement(MentionUserLabel, {
     className: "sendbird-channel-preview__content__lower__unread-message-count__mention",
@@ -163,15 +165,17 @@ const ChannelPreview = _ref => {
   }) : null))), !isMobile && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-preview__action"
   }, renderChannelAction({
-    channel
+    channel: channel
   }))), showMobileLeave && isMobile && /*#__PURE__*/React__default.createElement(Modal, {
     className: "sendbird-channel-preview__leave--mobile",
     titleText: channelName,
     hideFooter: true,
     isCloseOnClickOutside: true,
-    onCancel: () => setShowMobileLeave(false)
+    onCancel: function () {
+      return setShowMobileLeave(false);
+    }
   }, /*#__PURE__*/React__default.createElement(TextButton, {
-    onClick: () => {
+    onClick: function () {
       onLeaveChannel();
       setShowMobileLeave(false);
     },