@sendbird/uikit-react 3.5.0-beta.0 → 3.5.0-mobile-web-1

package/ChannelList/components/ChannelPreview.js

@@ -1,106 +1,97 @@
-import { a as _extends } from '../../_rollupPluginBabelHelpers-498add61.js';
-import { _ as __assign } from '../../tslib.es6-bcead7e6.js';
+import { b as _extends, _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-0bc76382.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-44470dab.js';
-import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-1b91b116.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4023d1b2.js';
+import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-fa140763.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-4df0cc32.js';
+import { u as useLocalization } from '../../LocalizationContext-57b46f6c.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-f461d265.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-86b6d956.js';
 import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
-import { d as isEditedMessage } from '../../index-5f08f486.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-74183e34.js';
-import { u as useLongPress } from '../../useLongPress-794838b8.js';
+import { d as isVoiceMessage } from '../../index-e2601165.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-fbe7af77.js';
+import { u as useLongPress } from '../../useLongPress-fbab35a9.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-286ed926.js';
-import '../../utils-00ac1a7d.js';
+import '../../uuid-1f1bbd9c.js';
+import '../../utils-6f2bb331.js';
 import 'prop-types';
-import '../../stringSet-d555d877.js';
-import '../../index-3f26a31c.js';
-import '../../index-07e060cd.js';
+import '../../stringSet-7a8ce1ce.js';
+import '../../index-f1701c11.js';
+import '../../index-865112db.js';
 import '../../ui/Loader.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-defabece.js';
-import '../../index-d3f6dbb9.js';
-import '../../index-1572c90f.js';
+import '../../index-1ec11afb.js';
+import '../../index-37531f98.js';
 import '../../withSendbird.js';
+import '../../consts-d0b365df.js';
 import 'react-dom';
-import '../../index-e5b78039.js';
+import '../../index-7bff4ce0.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../color-ff5f9069.js';
+import '../../color-2ed716e6.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-351ea731.js';
-import '../../utils-e720e03a.js';
-import '../../UserProfileContext-c58a7b86.js';
-import '../../ChannelProvider-554e7116.js';
-import '../../compareIds-9430f9d8.js';
-import '../../const-9d11f204.js';
+import '../../topics-5ff88d6f.js';
+import '../../utils-388a790e.js';
+import '../../UserProfileContext-29074346.js';
+import '../../ChannelProvider-b41fde4c.js';
+import '../../compareIds-bc881fe7.js';
+import '../../const-e51dda0c.js';
 import '@sendbird/chat/message';
-import '../../ui/ContextMenu.js';
-import '../../ui/SortByRow.js';
-import '../../ui/ReactionButton.js';
+import '../../consts-3c0ff1ed.js';
 
-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 () {
+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: () => {
       if (isMobile) {
         setShowMobileLeave(true);
       }
     },
-    onClick: onClick
+    onClick
   }, {
     delay: 1000
   });
-  var channelName = getChannelTitle(channel, userId, stringSet);
+  const 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 ? __assign({}, onLongPress) : {
-    onClick: onClick
+  }, isMobile ? _objectSpread2({}, onLongPress) : {
+    onClick
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-preview__avatar"
   }, /*#__PURE__*/React__default.createElement(ChannelAvatar, {
@@ -124,7 +115,7 @@ var ChannelPreview = function (_a) {
     className: "sendbird-channel-preview__content__upper__header__channel-name",
     type: LabelTypography.SUBTITLE_2,
     color: LabelColors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default.createElement("div", null, channelName)), /*#__PURE__*/React__default.createElement(Label, {
+  }, channelName), /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-channel-preview__content__upper__header__total-members",
     type: LabelTypography.CAPTION_2,
     color: LabelColors.ONBACKGROUND_2
@@ -136,19 +127,19 @@ var ChannelPreview = function (_a) {
     fillColor: IconColors.PRIMARY,
     height: 12,
     width: 12
-  }))), isMessageStatusEnabled ? /*#__PURE__*/React__default.createElement(MessageStatus, {
+  }))), !(channel !== null && channel !== 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
-  }) : /*#__PURE__*/React__default.createElement(Label, {
+  }), !(channel !== null && channel !== 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, {
@@ -157,7 +148,7 @@ var ChannelPreview = function (_a) {
     color: LabelColors.ONBACKGROUND_3
   }, isChannelTyping && /*#__PURE__*/React__default.createElement(TypingIndicatorText, {
     members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()
-  }), !isChannelTyping && getLastMessage(channel) + (isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? " ".concat(stringSet.MESSAGE_EDITED) : '')), /*#__PURE__*/React__default.createElement("div", {
+  }), !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", {
     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",
@@ -168,17 +159,15 @@ var ChannelPreview = function (_a) {
   }) : 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: function () {
-      return setShowMobileLeave(false);
-    }
+    onCancel: () => setShowMobileLeave(false)
   }, /*#__PURE__*/React__default.createElement(TextButton, {
-    onClick: function () {
+    onClick: () => {
       onLeaveChannel();
       setShowMobileLeave(false);
     },

package/ChannelList/components/ChannelPreview.js.map

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

package/ChannelList/components/ChannelPreviewAction.js

@@ -1,54 +1,52 @@
 import React__default, { useRef, useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-4df0cc32.js';
+import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-57b46f6c.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { n as noop } from '../../utils-e720e03a.js';
+import { n as noop } from '../../utils-388a790e.js';
 import Modal from '../../ui/Modal.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-f461d265.js';
-import '../../stringSet-d555d877.js';
-import '../../index-07e060cd.js';
-import '../../tslib.es6-bcead7e6.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-86b6d956.js';
+import '../../stringSet-7a8ce1ce.js';
+import '../../index-865112db.js';
+import '../../_rollupPluginBabelHelpers-0bc76382.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-286ed926.js';
-import '../../index-5f08f486.js';
+import '../../uuid-1f1bbd9c.js';
+import '../../index-e2601165.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-44470dab.js';
+import '../../index-4023d1b2.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-498add61.js';
-import '../../index-e5b78039.js';
+import '../../index-7bff4ce0.js';
 import '../../ui/Button.js';
-import '../../MediaQueryContext-74183e34.js';
+import '../../MediaQueryContext-fbe7af77.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-351ea731.js';
-import '../../UserProfileContext-c58a7b86.js';
-
-var LeaveChannel = function (props) {
-  var _a, _b, _c;
-
-  var _d = props.channel,
-      channel = _d === void 0 ? null : _d,
-      _e = props.onSubmit,
-      onSubmit = _e === void 0 ? noop : _e,
-      _f = props.onCancel,
-      onCancel = _f === void 0 ? noop : _f;
-  var channelFromContext = (_a = useChannelListContext()) === null || _a === void 0 ? void 0 : _a.currentChannel;
-  var leavingChannel = channel || channelFromContext;
-  var state = useSendbirdStateContext();
-  var stringSet = useLocalization().stringSet;
-  var logger = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.logger;
-  var isOnline = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.isOnline;
+import '../../topics-5ff88d6f.js';
+import '../../UserProfileContext-29074346.js';
 
+const LeaveChannel = props => {
+  var _useChannelListContex, _state$config, _state$config2;
+  const {
+    channel = null,
+    onSubmit = noop,
+    onCancel = noop
+  } = props;
+  const channelFromContext = (_useChannelListContex = useChannelListContext()) === null || _useChannelListContex === void 0 ? void 0 : _useChannelListContex.currentChannel;
+  const leavingChannel = channel || channelFromContext;
+  const state = useSendbirdStateContext();
+  const {
+    stringSet
+  } = useLocalization();
+  const logger = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.logger;
+  const isOnline = state === null || state === void 0 ? void 0 : (_state$config2 = state.config) === null || _state$config2 === void 0 ? void 0 : _state$config2.isOnline;
   if (leavingChannel) {
     return /*#__PURE__*/React__default.createElement(Modal, {
       disabled: !isOnline,
       onCancel: onCancel,
-      onSubmit: function () {
+      onSubmit: () => {
         logger.info('ChannelSettings: Leaving channel', leavingChannel);
-        leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(function () {
+        leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(() => {
           logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);
           onSubmit();
         });
@@ -84,7 +82,8 @@ function ChannelPreviewAction(_ref) {
       e.stopPropagation();
     },
     ref: parentContainerRef
-  }, /*#__PURE__*/React__default.createElement(ContextMenu, {
+  }, /*#__PURE__*/React__default.createElement(ContextMenu
+  /* eslint-disable react/no-unstable-nested-components */, {
     menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(IconButton, {
       ref: parentRef,
       onClick: toggleDropdown,
@@ -95,7 +94,8 @@ function ChannelPreviewAction(_ref) {
       fillColor: IconColors.PRIMARY,
       width: "24px",
       height: "24px"
-    })),
+    }))
+    /* eslint-disable react/no-unstable-nested-components */,
     menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
       parentRef: parentRef,
       parentContainRef: parentContainerRef,
@@ -105,10 +105,10 @@ function ChannelPreviewAction(_ref) {
         if (disabled) {
           return;
         }
-
         setShowModal(true);
         closeDropdown();
-      }
+      },
+      dataSbId: "channel_list_item_context_menu_leave_channel"
     }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))
   }), showModal && /*#__PURE__*/React__default.createElement(LeaveChannel, {
     channel: channel,

package/ChannelList/components/ChannelPreviewAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreviewAction.js","sources":["../../../src/smart-components/ChannelList/components/LeaveChannel/index.tsx","../../../src/smart-components/ChannelList/components/ChannelPreviewAction.jsx"],"sourcesContent":["import React from 'react';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\nexport type LeaveChannelProps = {\n  channel?: GroupChannel;\n  onSubmit: () => void;\n  onCancel: () => void;\n}\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    channel = null,\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const channelFromContext = useChannelListContext()?.currentChannel;\n  const leavingChannel = channel || channelFromContext;\n  const state = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  if (leavingChannel) {\n    return (\n      <Modal\n        disabled={!isOnline}\n        onCancel={onCancel}\n        onSubmit={() => {\n          logger.info('ChannelSettings: Leaving channel', leavingChannel);\n          leavingChannel?.leave()\n            .then(() => {\n              logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);\n              onSubmit();\n            });\n        }}\n        submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n        titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n      />\n    );\n  }\n};\n\nexport default LeaveChannel;\n","import React, {\n  useState,\n  useRef,\n  useContext,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../ui/ContextMenu';\nimport IconButton from '../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\nimport LeaveChannelModal from './LeaveChannel';\n\nexport default function ChannelPreviewAction({\n  channel,\n  disabled,\n  onLeaveChannel,\n}) {\n  const parentRef = useRef(null);\n  const parentContainerRef = useRef(null);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div\n      role=\"button\"\n      style={{ display: 'inline-block' }}\n      onKeyDown={(e) => { e.stopPropagation(); }}\n      tabIndex={0}\n      onClick={(e) => { e.stopPropagation(); }}\n      ref={parentContainerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <IconButton\n            ref={parentRef}\n            onClick={toggleDropdown}\n            height=\"32px\"\n            width=\"32px\"\n          >\n            <Icon\n              type={IconTypes.MORE}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={parentRef}\n            parentContainRef={parentContainerRef}\n            closeDropdown={closeDropdown}\n          >\n            <MenuItem\n              onClick={() => {\n                if (disabled) { return; }\n                setShowModal(true);\n                closeDropdown();\n              }}\n            >\n              {stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE}\n            </MenuItem>\n          </MenuItems>\n        )}\n      />\n      {\n        showModal && (\n          <LeaveChannelModal\n            channel={channel}\n            onSubmit={() => {\n              setShowModal(false);\n              onLeaveChannel();\n            }}\n            onCancel={() => setShowModal(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nChannelPreviewAction.propTypes = {\n  disabled: PropTypes.bool,\n  onLeaveChannel: PropTypes.func.isRequired,\n  channel: PropTypes.shape({}),\n};\n\nChannelPreviewAction.defaultProps = {\n  disabled: false,\n  channel: null,\n};\n"],"names":["LeaveChannel","props","_d","channel","_e","onSubmit","noop","_f","onCancel","channelFromContext","_a","useChannelListContext","currentChannel","leavingChannel","state","useSendbirdStateContext","stringSet","useLocalization","logger","_b","config","isOnline","_c","React","info","leave","then","MODAL__LEAVE_CHANNEL__FOOTER","MODAL__LEAVE_CHANNEL__TITLE","ChannelPreviewAction","disabled","onLeaveChannel","parentRef","useRef","parentContainerRef","showModal","setShowModal","useState","useContext","LocalizationContext","display","e","stopPropagation","toggleDropdown","IconTypes","MORE","IconColors","PRIMARY","closeDropdown","CHANNEL_SETTING__LEAVE_CHANNEL__TITLE","LeaveChannelModal","propTypes","PropTypes","bool","func","isRequired","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"ChannelPreviewAction.js","sources":["../../../src/modules/ChannelList/components/LeaveChannel/index.tsx","../../../src/modules/ChannelList/components/ChannelPreviewAction.jsx"],"sourcesContent":["import React from 'react';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\nexport type LeaveChannelProps = {\n  channel?: GroupChannel;\n  onSubmit: () => void;\n  onCancel: () => void;\n};\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    channel = null,\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const channelFromContext = useChannelListContext()?.currentChannel;\n  const leavingChannel = channel || channelFromContext;\n  const state = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  if (leavingChannel) {\n    return (\n      <Modal\n        disabled={!isOnline}\n        onCancel={onCancel}\n        onSubmit={() => {\n          logger.info('ChannelSettings: Leaving channel', leavingChannel);\n          leavingChannel?.leave()\n            .then(() => {\n              logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);\n              onSubmit();\n            });\n        }}\n        submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n        titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n      />\n    );\n  }\n};\n\nexport default LeaveChannel;\n","import React, {\n  useState,\n  useRef,\n  useContext,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../ui/ContextMenu';\nimport IconButton from '../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\nimport LeaveChannelModal from './LeaveChannel';\n\nexport default function ChannelPreviewAction({\n  channel,\n  disabled,\n  onLeaveChannel,\n}) {\n  const parentRef = useRef(null);\n  const parentContainerRef = useRef(null);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div\n      role=\"button\"\n      style={{ display: 'inline-block' }}\n      onKeyDown={(e) => { e.stopPropagation(); }}\n      tabIndex={0}\n      onClick={(e) => { e.stopPropagation(); }}\n      ref={parentContainerRef}\n    >\n      <ContextMenu\n      /* eslint-disable react/no-unstable-nested-components */\n        menuTrigger={(toggleDropdown) => (\n          <IconButton\n            ref={parentRef}\n            onClick={toggleDropdown}\n            height=\"32px\"\n            width=\"32px\"\n          >\n            <Icon\n              type={IconTypes.MORE}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        /* eslint-disable react/no-unstable-nested-components */\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={parentRef}\n            parentContainRef={parentContainerRef}\n            closeDropdown={closeDropdown}\n          >\n            <MenuItem\n              onClick={() => {\n                if (disabled) { return; }\n                setShowModal(true);\n                closeDropdown();\n              }}\n              dataSbId=\"channel_list_item_context_menu_leave_channel\"\n            >\n              {stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE}\n            </MenuItem>\n          </MenuItems>\n        )}\n      />\n      {\n        showModal && (\n          <LeaveChannelModal\n            channel={channel}\n            onSubmit={() => {\n              setShowModal(false);\n              onLeaveChannel();\n            }}\n            onCancel={() => setShowModal(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nChannelPreviewAction.propTypes = {\n  disabled: PropTypes.bool,\n  onLeaveChannel: PropTypes.func.isRequired,\n  channel: PropTypes.shape({}),\n};\n\nChannelPreviewAction.defaultProps = {\n  disabled: false,\n  channel: null,\n};\n"],"names":["LeaveChannel","props","_useChannelListContex","_state$config","_state$config2","channel","onSubmit","noop","onCancel","channelFromContext","useChannelListContext","currentChannel","leavingChannel","state","useSendbirdStateContext","stringSet","useLocalization","logger","config","isOnline","React","createElement","Modal","disabled","info","leave","then","submitText","MODAL__LEAVE_CHANNEL__FOOTER","titleText","MODAL__LEAVE_CHANNEL__TITLE","ChannelPreviewAction","_ref","onLeaveChannel","parentRef","useRef","parentContainerRef","showModal","setShowModal","useState","useContext","LocalizationContext","role","style","display","onKeyDown","e","stopPropagation","tabIndex","onClick","ref","ContextMenu","menuTrigger","toggleDropdown","IconButton","height","width","Icon","type","IconTypes","MORE","fillColor","IconColors","PRIMARY","menuItems","closeDropdown","MenuItems","parentContainRef","MenuItem","dataSbId","CHANNEL_SETTING__LEAVE_CHANNEL__TITLE","LeaveChannelModal","propTypes","PropTypes","bool","func","isRequired","shape","defaultProps"],"mappings":"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"}

package/ChannelList/context.js

@@ -1,14 +1,13 @@
-import '../tslib.es6-bcead7e6.js';
+import '../_rollupPluginBabelHelpers-0bc76382.js';
 import 'react';
 import '@sendbird/chat/groupChannel';
-export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-f461d265.js';
-import '../uuid-286ed926.js';
-import '../utils-e720e03a.js';
-import '../UserProfileContext-c58a7b86.js';
+export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-86b6d956.js';
+import '../uuid-1f1bbd9c.js';
+import '../utils-388a790e.js';
+import '../UserProfileContext-29074346.js';
 import '../useSendbirdStateContext.js';
-import '../topics-351ea731.js';
-import '../_rollupPluginBabelHelpers-498add61.js';
-import '../index-5f08f486.js';
+import '../topics-5ff88d6f.js';
+import '../index-e2601165.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
 import '../withSendbird.js';

package/ChannelList/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}