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

package/cjs/ChannelList/components/ChannelListUI.js

@@ -5,140 +5,141 @@ 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-e55e6242.js');
+var ChannelList_context = require('../../ChannelListProvider-a418de2e.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var EditUserProfile = require('../../EditUserProfile.js');
-var ui_PlaceHolder = require('../../index-7f41c4b6.js');
-require('../../LocalizationContext-482c1343.js');
-require('../../stringSet-d00535a5.js');
-require('../../index-d04f312e.js');
-require('../../index-18720f0d.js');
+var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
+var utils = require('../../utils-180c6bc8.js');
+require('../../LocalizationContext-5009012e.js');
+require('../../stringSet-98b52c49.js');
+require('../../index-fd8a0abb.js');
+require('../../index-35820a94.js');
 require('prop-types');
 require('../../ui/Avatar.js');
+require('../../tslib.es6-2f2b0bca.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-b2806cf5.js');
+require('../../uuid-c74bbbb6.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
 require('../../CreateChannel.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-8b8a557c.js');
+require('../../CreateChannelProvider-70c9cb7c.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-adde627b.js');
-require('../../utils-c47c68b1.js');
+require('../../pubSub/topics.js');
 require('../../CreateChannel/components/InviteUsers.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index.module-a24e9cd7.js');
-require('../../index-cbcacbee.js');
-require('../../MediaQueryContext-73aac8cf.js');
+require('../../index-609b07a2.js');
+require('../../index-daf80c58.js');
+require('../../MediaQueryContext-d6fdbe43.js');
 require('../../ui/Button.js');
+require('../../types-66554668.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-fa8d0383.js');
+require('../../UserProfileContext-922a43ec.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-fbe9cc73.js');
+require('../../index-b995f638.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
+require('../../_rollupPluginBabelHelpers-94c18dc1.js');
 require('../../ui/ChannelAvatar.js');
-require('../../utils-5bfb4516.js');
+require('../../utils-e313131f.js');
 require('../../ui/Badge.js');
-require('../../index-8ec12d1d.js');
-require('../../index-c9b003b3.js');
+require('../../index-aeb36f01.js');
+require('../../index-b6d51e74.js');
 require('../../ui/Loader.js');
-require('../../index-11f9cc0f.js');
-require('../../index-4eb7e2b5.js');
+require('../../index-83d2aed9.js');
+require('../../index-826b76d5.js');
 require('../../ui/MentionUserLabel.js');
-require('../../consts-b018b1ed.js');
+require('../../consts-54f5c12d.js');
 require('../../ui/TextButton.js');
-require('../../color-d83b77ac.js');
+require('../../color-477ddbd4.js');
 require('../../Channel/components/TypingIndicator.js');
 require('@sendbird/chat/groupChannel');
-require('../../ChannelProvider-6fa73019.js');
-require('../../const-67ff9e34.js');
-require('../../utils-68aa6bf6.js');
-require('../../compareIds-bef997cb.js');
+require('../../ChannelProvider-7fa98120.js');
+require('../../const-9def5c09.js');
+require('../../utils-55fc6797.js');
 require('@sendbird/chat/message');
-require('../../consts-fb07c671.js');
-require('../../resolvedReplyType-85b4bd7c.js');
-require('../../useSendMultipleFilesMessage-81cdc9d0.js');
-require('../../useLongPress-1c0f4696.js');
+require('../../useSendMultipleFilesMessage-87e0ffa3.js');
+require('../../compareIds-de541666.js');
+require('../../consts-95462b21.js');
+require('../../resolvedReplyType-c20ef661.js');
+require('../../useLongPress-c1da8ba7.js');
 require('../../withSendbird.js');
-require('../../index-56a25735.js');
+require('../../EditUserProfile/context.js');
+require('../../EditUserProfile/components/EditUserProfileUI.js');
 require('../../ui/Input.js');
-require('../../actionTypes-1d118952.js');
+require('../../actionTypes-7fa02f94.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;
-
-const ChannelListUI = props => {
-  var _state$stores;
-  const {
-    renderHeader,
-    renderChannelPreview,
-    renderPlaceHolderError,
-    renderPlaceHolderLoading,
-    renderPlaceHolderEmptyList
-  } = props;
-  const [showProfileEdit, setShowProfileEdit] = React.useState(false);
-  const {
-    onThemeChange,
-    allowProfileEdit,
-    allChannels,
-    loading,
-    currentChannel,
-    channelListDispatcher,
-    typingChannels,
-    initialized,
-    fetchChannelList
-  } = ChannelList_context.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 = 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,
+    typingChannels = _c.typingChannels,
+    initialized = _c.initialized,
+    fetchChannelList = _c.fetchChannelList;
+  var state = useSendbirdStateContext.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["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: () => {
+    onEdit: function () {
       if (allowProfileEdit) {
         setShowProfileEdit(true);
       }
     },
     allowProfileEdit: allowProfileEdit,
-    renderIconButton: () => /*#__PURE__*/React__default["default"].createElement(ChannelList_components_AddChannel.AddChannel, null)
+    renderIconButton: function () {
+      return /*#__PURE__*/React__default["default"].createElement(ChannelList_components_AddChannel.AddChannel, null);
+    }
   })), showProfileEdit && /*#__PURE__*/React__default["default"].createElement(EditUserProfile, {
     onThemeChange: onThemeChange,
-    onCancel: () => {
+    onCancel: function () {
       setShowProfileEdit(false);
     },
-    onEditProfile: () => {
+    onEditProfile: function () {
       setShowProfileEdit(false);
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-list__body",
-    onScroll: e => {
-      const target = e === null || e === void 0 ? void 0 : e.target;
-      if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {
+    onScroll: function (e) {
+      var target = e === null || e === void 0 ? void 0 : e.target;
+      if (utils.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["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+  }, sdkError && !loading && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
     type: ui_PlaceHolder.PlaceHolderTypes.WRONG
-  })), /*#__PURE__*/React__default["default"].createElement("div", null, allChannels && allChannels.map((channel, idx) => {
+  })), /*#__PURE__*/React__default["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);
@@ -147,14 +148,14 @@ const ChannelListUI = props => {
           type: ChannelList_context.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;
       }
@@ -171,30 +172,34 @@ 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["default"].createElement(ChannelList_components_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["default"].createElement(ChannelList_components_ChannelPreviewAction, {
-        channel: channel,
-        disabled: !isOnline,
-        onLeaveChannel: () => onLeaveChannel(channel, null)
-      })
+      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, {
+  })), !initialized && loading && (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function' ? renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
     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, {
+  })), 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["default"], {
     type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
   }))));
 };

package/cjs/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/cjs/ChannelList/components/ChannelPreview.js

@@ -1,107 +1,109 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-83d7e84b.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-94c18dc1.js');
+var tslib_es6 = require('../../tslib.es6-2f2b0bca.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-18720f0d.js');
-var ui_MessageStatus = require('../../index-8ec12d1d.js');
+var ui_Label = require('../../index-35820a94.js');
+var ui_MessageStatus = require('../../index-aeb36f01.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-482c1343.js');
+var LocalizationContext = require('../../LocalizationContext-5009012e.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-e55e6242.js');
+var ChannelList_context = require('../../ChannelListProvider-a418de2e.js');
 var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../index-fbe9cc73.js');
-var MediaQueryContext = require('../../MediaQueryContext-73aac8cf.js');
-var useLongPress = require('../../useLongPress-1c0f4696.js');
+var index = require('../../index-b995f638.js');
+var MediaQueryContext = require('../../MediaQueryContext-d6fdbe43.js');
+var useLongPress = require('../../useLongPress-c1da8ba7.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-b2806cf5.js');
-require('../../utils-5bfb4516.js');
+require('../../uuid-c74bbbb6.js');
+require('../../utils-e313131f.js');
 require('prop-types');
-require('../../stringSet-d00535a5.js');
-require('../../index-c9b003b3.js');
-require('../../index-d04f312e.js');
+require('../../stringSet-98b52c49.js');
+require('../../index-b6d51e74.js');
+require('../../index-fd8a0abb.js');
 require('../../ui/Loader.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-11f9cc0f.js');
-require('../../index-4eb7e2b5.js');
+require('../../index-83d2aed9.js');
+require('../../index-826b76d5.js');
 require('../../withSendbird.js');
-require('../../consts-b018b1ed.js');
+require('../../consts-54f5c12d.js');
 require('react-dom');
-require('../../utils-c47c68b1.js');
-require('../../index.module-a24e9cd7.js');
-require('../../index-cbcacbee.js');
+require('../../utils-180c6bc8.js');
+require('../../index-609b07a2.js');
+require('../../index-daf80c58.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../color-d83b77ac.js');
+require('../../types-66554668.js');
+require('../../color-477ddbd4.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-adde627b.js');
-require('../../consts-fb07c671.js');
-require('../../UserProfileContext-fa8d0383.js');
-require('../../ChannelProvider-6fa73019.js');
-require('../../const-67ff9e34.js');
-require('../../utils-68aa6bf6.js');
-require('../../compareIds-bef997cb.js');
+require('../../pubSub/topics.js');
+require('../../consts-95462b21.js');
+require('../../UserProfileContext-922a43ec.js');
+require('../../ChannelProvider-7fa98120.js');
+require('../../const-9def5c09.js');
+require('../../utils-55fc6797.js');
 require('@sendbird/chat/message');
-require('../../resolvedReplyType-85b4bd7c.js');
-require('../../useSendMultipleFilesMessage-81cdc9d0.js');
+require('../../useSendMultipleFilesMessage-87e0ffa3.js');
+require('../../compareIds-de541666.js');
+require('../../resolvedReplyType-c20ef661.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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
-  } = ChannelList_context.useChannelListContext();
-  const {
-    dateLocale,
-    stringSet
-  } = LocalizationContext.useLocalization();
-  const {
-    isMobile
-  } = MediaQueryContext.useMediaQueryContext();
-  const [showMobileLeave, setShowMobileLeave] = React.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.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.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: onClick
   }, {
     delay: 1000
   });
-  const channelName = ui_MessageStatus.getChannelTitle(channel, userId, stringSet);
+  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 ? _rollupPluginBabelHelpers._objectSpread2({}, onLongPress) : {
-    onClick
+  }, 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, {
@@ -137,19 +139,19 @@ const ChannelPreview = _ref => {
     fillColor: ui_Icon.IconColors.PRIMARY,
     height: 12,
     width: 12
-  }))), !(channel !== null && channel !== void 0 && channel.isEphemeral) && isMessageStatusEnabled && /*#__PURE__*/React__default["default"].createElement(ui_MessageStatus.MessageStatus, {
+  }))), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && 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
-  }), !(channel !== null && channel !== void 0 && channel.isEphemeral) && !isMessageStatusEnabled && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isMessageStatusEnabled && /*#__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: channel,
     locale: dateLocale,
-    stringSet
+    stringSet: stringSet
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-preview__content__lower"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
@@ -158,7 +160,7 @@ const ChannelPreview = _ref => {
     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), !isChannelTyping && index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel !== null && channel !== void 0 && channel.isEphemeral) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), !isChannelTyping && !index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && ui_MessageStatus.getLastMessage(channel, stringSet), !isChannelTyping && index.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["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",
@@ -169,15 +171,17 @@ const ChannelPreview = _ref => {
   }) : null))), !isMobile && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-preview__action"
   }, renderChannelAction({
-    channel
+    channel: channel
   }))), showMobileLeave && isMobile && /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
     className: "sendbird-channel-preview__leave--mobile",
     titleText: channelName,
     hideFooter: true,
     isCloseOnClickOutside: true,
-    onCancel: () => setShowMobileLeave(false)
+    onCancel: function () {
+      return setShowMobileLeave(false);
+    }
   }, /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    onClick: () => {
+    onClick: function () {
       onLeaveChannel();
       setShowMobileLeave(false);
     },