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

package/dist/ChannelList/components/ChannelPreview.js

@@ -0,0 +1,193 @@
+import { a as _extends } from '../../_rollupPluginBabelHelpers-e4ed87a8.js';
+import { _ as __assign } from '../../tslib.es6-96c33448.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-8ff79952.js';
+import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-515b7f4e.js';
+import useSendbirdStateContext from '../../useSendbirdStateContext.js';
+import { u as useLocalization } from '../../LocalizationContext-948efac4.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-eced39aa.js';
+import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
+import { d as isVoiceMessage, e as isEditedMessage } from '../../index-4217213f.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-b04e7ffd.js';
+import { u as useLongPress } from '../../useLongPress-96570844.js';
+import '../../ui/Avatar.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-d8fc0ef1.js';
+import '../../utils-5cfd2d4d.js';
+import 'prop-types';
+import '../../stringSet-fbd7c37c.js';
+import '../../index-6b63d598.js';
+import '../../index-5c8b0523.js';
+import '../../ui/Loader.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../index-a983f435.js';
+import '../../index-a3d3d77a.js';
+import '../../withSendbird.js';
+import 'react-dom';
+import '../../index-39098053.js';
+import '../../ui/Button.js';
+import '../../ui/IconButton.js';
+import '../../color-206fa031.js';
+import '@sendbird/chat/groupChannel';
+import '../../topics-d6268256.js';
+import '../../utils-273068f6.js';
+import '../../UserProfileContext-74d60d34.js';
+import '../../ChannelProvider-bbe16a96.js';
+import '../../compareIds-3442d021.js';
+import '../../const-8f606c40.js';
+import '@sendbird/chat/message';
+import '../../ui/ContextMenu.js';
+import '../../ui/SortByRow.js';
+import '../../ui/ReactionButton.js';
+import '../../consts-854f6e5f.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 () {
+      if (isMobile) {
+        setShowMobileLeave(true);
+      }
+    },
+    onClick: onClick
+  }, {
+    delay: 1000
+  });
+  var channelName = getChannelTitle(channel, userId, stringSet);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({
+    className: ['sendbird-channel-preview', isActive ? 'sendbird-channel-preview--active' : ''].join(' '),
+    role: "link",
+    tabIndex: tabIndex
+  }, isMobile ? __assign({}, onLongPress) : {
+    onClick: onClick
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-preview__avatar"
+  }, /*#__PURE__*/React__default.createElement(ChannelAvatar, {
+    channel: channel,
+    userId: userId,
+    theme: theme
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-preview__content"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-preview__content__upper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-preview__content__upper__header"
+  }, isBroadcast && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-preview__content__upper__header__broadcast-icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.BROADCAST,
+    fillColor: IconColors.SECONDARY,
+    height: "16px",
+    width: "16px"
+  })), /*#__PURE__*/React__default.createElement(Label, {
+    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, {
+    className: "sendbird-channel-preview__content__upper__header__total-members",
+    type: LabelTypography.CAPTION_2,
+    color: LabelColors.ONBACKGROUND_2
+  }, getTotalMembers(channel)), isFrozen && /*#__PURE__*/React__default.createElement("div", {
+    title: "Frozen",
+    className: "sendbird-channel-preview__content__upper__header__frozen-icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.FREEZE,
+    fillColor: IconColors.PRIMARY,
+    height: 12,
+    width: 12
+  }))), 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, {
+    className: "sendbird-channel-preview__content__upper__last-message-at",
+    type: LabelTypography.CAPTION_3,
+    color: LabelColors.ONBACKGROUND_2
+  }, getLastMessageCreatedAt({
+    channel: channel,
+    locale: dateLocale,
+    stringSet: stringSet
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-preview__content__lower"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-channel-preview__content__lower__last-message",
+    type: LabelTypography.BODY_2,
+    color: LabelColors.ONBACKGROUND_3
+  }, isChannelTyping && /*#__PURE__*/React__default.createElement(TypingIndicatorText, {
+    members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()
+  }), !isChannelTyping && !isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && getLastMessage(channel) + (isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? " ".concat(stringSet.MESSAGE_EDITED) : ''), !isChannelTyping && isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), /*#__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",
+    color: "purple"
+  }, '@') : null, getChannelUnreadMessageCount(channel) // return number
+  ? /*#__PURE__*/React__default.createElement(Badge, {
+    count: getChannelUnreadMessageCount(channel)
+  }) : null))), !isMobile && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-preview__action"
+  }, renderChannelAction({
+    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);
+    }
+  }, /*#__PURE__*/React__default.createElement(TextButton, {
+    onClick: function () {
+      onLeaveChannel();
+      setShowMobileLeave(false);
+    },
+    className: "sendbird-channel-preview__leave-label--mobile"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))));
+};
+
+export { ChannelPreview as default };
+//# sourceMappingURL=ChannelPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelPreview.js","sources":["../../../src/smart-components/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import './channel-preview.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport ChannelAvatar from '../../../../ui/ChannelAvatar';\nimport Badge from '../../../../ui/Badge';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport * as utils from './utils';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport MentionUserLabel from '../../../../ui/MentionUserLabel';\nimport Modal from '../../../../ui/Modal';\nimport TextButton from '../../../../ui/TextButton';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { TypingIndicatorText } from '../../../Channel/components/TypingIndicator';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport { isEditedMessage, isVoiceMessage } from '../../../../utils';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport useLongPress from '../../../../hooks/useLongPress';\n\ninterface ChannelPreviewInterface {\n  channel: GroupChannel;\n  isActive?: boolean;\n  isTyping?: boolean;\n  onClick: () => void;\n  onLeaveChannel?: () => void;\n  renderChannelAction: (props: { channel: GroupChannel }) => React.ReactElement;\n  tabIndex: number;\n}\n\nconst ChannelPreview: React.FC<ChannelPreviewInterface> = ({\n  channel,\n  isActive = false,\n  isTyping = false,\n  renderChannelAction,\n  onLeaveChannel,\n  onClick,\n  tabIndex,\n}: ChannelPreviewInterface) => {\n  const sbState = useSendbirdStateContext();\n  const {\n    isTypingIndicatorEnabled = false,\n    isMessageReceiptStatusEnabled = false,\n  } = useChannelListContext();\n  const { dateLocale, stringSet } = useLocalization();\n  const { isMobile } = useMediaQueryContext();\n\n  const [showMobileLeave, setShowMobileLeave] = useState(false);\n\n  const userId = sbState?.stores?.userStore?.user?.userId;\n  const theme = sbState?.config?.theme;\n  const isMentionEnabled = sbState?.config?.isMentionEnabled;\n  const isFrozen = channel?.isFrozen || false;\n  const isBroadcast = channel?.isBroadcast || false;\n  const isChannelTyping = isTypingIndicatorEnabled && isTyping;\n  const isMessageStatusEnabled = isMessageReceiptStatusEnabled\n    && (channel?.lastMessage?.messageType === 'user' || channel?.lastMessage?.messageType === 'file')\n    && (channel?.lastMessage as UserMessage | FileMessage)?.sender?.userId === userId;\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileLeave(true);\n      }\n    },\n    onClick,\n  }, {\n    delay: 1000,\n  });\n  const channelName = utils.getChannelTitle(channel, userId, stringSet);\n  return (\n    <>\n      <div\n        className={[\n          'sendbird-channel-preview',\n          isActive ? 'sendbird-channel-preview--active' : '',\n        ].join(' ')}\n        role=\"link\"\n        tabIndex={tabIndex}\n        {...(isMobile ? { ...onLongPress } : { onClick })}\n      >\n        <div\n          className=\"sendbird-channel-preview__avatar\"\n        >\n          <ChannelAvatar\n            channel={channel}\n            userId={userId}\n            theme={theme}\n          />\n        </div>\n        <div className=\"sendbird-channel-preview__content\">\n          <div className=\"sendbird-channel-preview__content__upper\">\n            <div className=\"sendbird-channel-preview__content__upper__header\">\n              {\n                isBroadcast\n                && (\n                  <div className=\"sendbird-channel-preview__content__upper__header__broadcast-icon\">\n                    <Icon\n                      type={IconTypes.BROADCAST}\n                      fillColor={IconColors.SECONDARY}\n                      height=\"16px\"\n                      width=\"16px\"\n                    />\n                  </div>\n                )\n              }\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__channel-name\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                <div>\n                  { channelName }\n                </div>\n              </Label>\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__total-members\"\n                type={LabelTypography.CAPTION_2}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {utils.getTotalMembers(channel)}\n              </Label>\n              {\n                isFrozen\n                && (\n                  <div title=\"Frozen\" className=\"sendbird-channel-preview__content__upper__header__frozen-icon\">\n                    <Icon\n                      type={IconTypes.FREEZE}\n                      fillColor={IconColors.PRIMARY}\n                      height={12}\n                      width={12}\n                    />\n                  </div>\n                )\n              }\n            </div>\n            {\n              isMessageStatusEnabled\n                ? (\n                  <MessageStatus\n                    className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                    channel={channel}\n                    message={channel?.lastMessage as UserMessage | FileMessage}\n                    isDateSeparatorConsidered={false}\n                  />\n                )\n                : (\n                  <Label\n                    className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                    type={LabelTypography.CAPTION_3}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {utils.getLastMessageCreatedAt({\n                      channel,\n                      locale: dateLocale,\n                      stringSet,\n                    })}\n                  </Label>\n                )\n            }\n          </div>\n          <div className=\"sendbird-channel-preview__content__lower\">\n            <Label\n              className=\"sendbird-channel-preview__content__lower__last-message\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {\n                isChannelTyping && (\n                  <TypingIndicatorText members={channel?.getTypingUsers()} />\n                )\n              }\n              {\n                !isChannelTyping && !isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  utils.getLastMessage(channel) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\n                )\n              }\n              {\n                !isChannelTyping && isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  stringSet.VOICE_MESSAGE\n                )\n              }\n            </Label>\n            <div className=\"sendbird-channel-preview__content__lower__unread-message-count\">\n              {\n                (isMentionEnabled && channel?.unreadMentionCount > 0)\n                  ? (\n                    <MentionUserLabel\n                      className=\"sendbird-channel-preview__content__lower__unread-message-count__mention\"\n                      color=\"purple\"\n                    >\n                      {'@'}\n                    </MentionUserLabel>\n                  )\n                  : null\n              }\n              {\n                utils.getChannelUnreadMessageCount(channel) // return number\n                  ? <Badge count={utils.getChannelUnreadMessageCount(channel)} />\n                  : null\n              }\n            </div>\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-channel-preview__action\"\n            >\n              {renderChannelAction({ channel })}\n            </div>\n          )\n        }\n      </div>\n      {/*\n        Event from portal is transferred to parent\n        If this modal goes inside channel preview, it will propogate event to\n        ChannelPreview and cause many issues with click/touchEnd etc\n        https://github.com/facebook/react/issues/11387#issuecomment-340019419\n      */}\n      {\n        showMobileLeave && isMobile && (\n          <Modal\n            className=\"sendbird-channel-preview__leave--mobile\"\n            titleText={channelName}\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => setShowMobileLeave(false)}\n          >\n            <TextButton\n              onClick={() => {\n                onLeaveChannel();\n                setShowMobileLeave(false);\n              }}\n              className=\"sendbird-channel-preview__leave-label--mobile\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n              </Label>\n            </TextButton>\n          </Modal>\n        )\n      }\n    </>\n  );\n}\n\nexport default ChannelPreview;\n"],"names":["ChannelPreview","_a","channel","_l","isActive","_m","isTyping","renderChannelAction","onLeaveChannel","onClick","tabIndex","sbState","useSendbirdStateContext","_o","useChannelListContext","_p","isTypingIndicatorEnabled","_q","isMessageReceiptStatusEnabled","_r","useLocalization","dateLocale","stringSet","isMobile","useMediaQueryContext","_s","useState","showMobileLeave","setShowMobileLeave","userId","_d","_b","stores","userStore","user","theme","_e","config","isMentionEnabled","_f","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","_g","lastMessage","messageType","_h","_k","_j","sender","onLongPress","useLongPress","delay","channelName","utils","React","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","isVoiceMessage","isEditedMessage","MESSAGE_EDITED","VOICE_MESSAGE","unreadMentionCount","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAMA,cAAc,GAAsC,UAACC,EAAD,EAQhC;;;MAPxBC,OAAO,GAAAD,EAAA,CAAAC;MACPC,EAAA,GAAAF,EAAA,CAAAG;MAAAA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;MAChBE,EAAgB,GAAAJ,EAAA,CAAAK;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA;MAChBE,mBAAmB,GAAAN,EAAA,CAAAM;MACnBC,cAAc,GAAAP,EAAA,CAAAO;MACdC,OAAO,GAAAR,EAAA,CAAAQ;MACPC,QAAQ,GAAAT,EAAA,CAAAS;EAER,IAAMC,OAAO,GAAGC,uBAAuB,EAAvC,CAAA;;EACM,IAAAC,KAGFC,qBAAqB,EAHnB;AAAA,MACJC,EAAA,GAAAF,EAAA,CAAAG,wBADI;MACJA,wBAAwB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EAD5B;AAAA,MAEJE,EAAqC,GAAAJ,EAAA,CAAAK,6BAFjC;MAEJA,6BAA6B,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,KAF5B,CAAA;;EAIA,IAAAE,EAAA,GAA4BC,eAAe,EAA3C;AAAA,MAAEC,UAAU,GAAAF,EAAA,CAAAE,UAAZ;AAAA,MAAcC,SAAS,GAAAH,EAAA,CAAAG,SAAvB,CAAA;;AACE,EAAA,IAAAC,QAAQ,GAAKC,oBAAoB,EAAA,SAAjC,CAAA;;AAEF,EAAA,IAAAC,EAAA,GAAwCC,QAAQ,CAAC,KAAD,CAAhD;AAAA,MAACC,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBG,kBAAkB,GAAAH,EAAA,CAAA,CAAA,CAApC,CAAA;;AAEN,EAAA,IAAMI,MAAM,GAAG,CAAAC,EAAA,GAAA,MAAA,CAAAC,EAAA,GAAApB,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEqB,MAAT,MAAiB,IAAjB,IAAiBD,EAAA,KAAA,KAAA,CAAjB,GAAiB,KAAA,CAAjB,GAAiBA,EAAA,CAAAE,SAAjB,UAAA,iBAAA,SAAA,MAA4BC,IAA5B,MAAgC,IAAhC,IAAgCJ,EAAA,KAAA,KAAA,CAAhC,GAAgC,KAAA,CAAhC,GAAgCA,EAAA,CAAED,MAAjD,CAAA;AACA,EAAA,IAAMM,KAAK,GAAG,CAAAC,EAAA,GAAAzB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE0B,MAAT,MAAiB,IAAjB,IAAiBD,EAAA,KAAA,KAAA,CAAjB,GAAiB,KAAA,CAAjB,GAAiBA,EAAA,CAAAD,KAA/B,CAAA;AACA,EAAA,IAAMG,gBAAgB,GAAG,CAAAC,EAAA,GAAA5B,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE0B,MAAT,MAAiB,IAAjB,IAAiBE,EAAA,KAAA,KAAA,CAAjB,GAAiB,KAAA,CAAjB,GAAiBA,EAAA,CAAAD,gBAA1C,CAAA;AACA,EAAA,IAAME,QAAQ,GAAG,CAAAtC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEsC,QAAT,KAAqB,KAAtC,CAAA;AACA,EAAA,IAAMC,WAAW,GAAG,CAAAvC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEuC,WAAT,KAAwB,KAA5C,CAAA;AACA,EAAA,IAAMC,eAAe,GAAG1B,wBAAwB,IAAIV,QAApD,CAAA;AACA,EAAA,IAAMqC,sBAAsB,GAAGzB,6BAA6B,KACtD,CAAA,CAAA0B,EAAA,GAAA1C,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE2C,WAAT,MAAsB,IAAtB,IAAsBD,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsBA,EAAA,CAAAE,WAAtB,MAAsC,MAAtC,IAAgD,CAAA,CAAAC,EAAA,GAAA7C,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE2C,WAAT,MAAsB,IAAtB,IAAsBE,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsBA,EAAA,CAAAD,WAAtB,MAAsC,MADhC,CAA7B,IAE1B,CAAA,CAAAE,EAAA,GAAA,CAAAC,EAAA,GAAC/C,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE2C,WAAV,UAAA,iBAAA,SAAA,MAAqDK,MAArD,MAA2D,IAA3D,IAA2DF,EAAA,KAAA,KAAA,CAA3D,GAA2D,KAAA,CAA3D,GAA2DA,EAAA,CAAEnB,MAA7D,MAAwEA,MAF7E,CAAA;EAIA,IAAMsB,WAAW,GAAGC,YAAY,CAAC;AAC/BD,IAAAA,WAAW,EAAE,YAAA;AACX,MAAA,IAAI5B,QAAJ,EAAc;QACZK,kBAAkB,CAAC,IAAD,CAAlB,CAAA;AACD,OAAA;KAJ4B;AAM/BnB,IAAAA,OAAO,EAAAA,OAAAA;AANwB,GAAD,EAO7B;AACD4C,IAAAA,KAAK,EAAE,IAAA;AADN,GAP6B,CAAhC,CAAA;EAUA,IAAMC,WAAW,GAAGC,eAAA,CAAsBrD,OAAtB,EAA+B2B,MAA/B,EAAuCP,SAAvC,CAApB,CAAA;AACA,EAAA,oBACEkC,cACE,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACE,IAAA,SAAS,EAAE,CACT,0BADS,EAETpD,QAAQ,GAAG,kCAAH,GAAwC,EAFvC,CAAA,CAGTqD,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,QAAQ,EAAE/C,QAAAA;GACLa,EAAAA,QAAQ,GAAEmC,QAAA,CAAA,EAAA,EAAMP,WAAN,CAAF,GAAwB;AAAE1C,IAAAA,OAAO,EAAAA,OAAAA;AAAT,GAPvC,CASE,eAAA+C,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,kCAAA;AADZ,GAAA,eAGEA,6BAAC,aAAD,EAAA;AACE,IAAA,OAAO,EAAEtD,OADX;AAEE,IAAA,MAAM,EAAE2B,MAFV;AAGE,IAAA,KAAK,EAAEM,KAAAA;AAHT,GAAA,CAHF,CATF,eAkBEqB,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mCAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0CAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,kDAAA;AAAf,GAAA,EAEIf,WAAW,iBAETe,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,kEAAA;AAAf,GAAA,eACEA,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEG,SAAS,CAACC,SADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,SAFxB;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,KAAK,EAAC,MAAA;GALV,CAAA,CAJN,eAcEN,cAAA,CAAA,aAAA,CAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,gEADZ;IAEE,IAAI,EAAEO,eAAe,CAACC,UAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAHrB,GAAA,eAKEV,0CACIF,WADJ,CALF,CAdF,eAuBEE,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,iEADZ;IAEE,IAAI,EAAEO,eAAe,CAACI,SAFxB;IAGE,KAAK,EAAEF,WAAW,CAACG,cAAAA;GAElBb,EAAAA,eAAA,CAAsBrD,OAAtB,CALH,CAvBF,EA+BIsC,QAAQ,iBAENgB,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,SAAS,EAAC,+DAAA;AAA9B,GAAA,eACEA,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEG,SAAS,CAACU,MADlB;IAEE,SAAS,EAAER,UAAU,CAACS,OAFxB;AAGE,IAAA,MAAM,EAAE,EAHV;AAIE,IAAA,KAAK,EAAE,EAAA;AAJT,GAAA,CADF,CAjCN,CADF,EA8CI3B,sBAAsB,gBAElBa,6BAAC,aAAD,EAAA;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,OAAO,EAAEtD,OAFX;AAGE,IAAA,OAAO,EAAEA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE2C,WAHpB;AAIE,IAAA,yBAAyB,EAAE,KAAA;GANX,CAAA,gBAUlBW,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,2DADZ;IAEE,IAAI,EAAEO,eAAe,CAACQ,SAFxB;IAGE,KAAK,EAAEN,WAAW,CAACG,cAAAA;GAElBb,EAAAA,uBAAA,CAA8B;AAC7BrD,IAAAA,OAAO,EAAAA,OADsB;AAE7BsE,IAAAA,MAAM,EAAEnD,UAFqB;AAG7BC,IAAAA,SAAS,EAAAA,SAAAA;GAHV,CALH,CAxDR,CADF,eAuEEkC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0CAAA;AAAf,GAAA,eACEA,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,wDADZ;IAEE,IAAI,EAAEO,eAAe,CAACU,MAFxB;IAGE,KAAK,EAAER,WAAW,CAACS,cAAAA;GAGjBhC,EAAAA,eAAe,iBACbc,cAAA,CAAA,aAAA,CAAC,mBAAD,EAAA;AAAqB,IAAA,OAAO,EAAEtD,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEyE,cAAT,EAAA;AAA9B,GAAA,CAPN,EAWI,CAACjC,eAAD,IAAoB,CAACkC,cAAc,CAAC1E,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE2C,WAAV,CAAnC,IACEU,cAAA,CAAqBrD,OAArB,CAAiC2E,IAAAA,eAAe,CAAC3E,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE2C,WAAV,CAAf,GAAqE,UAAA,CAAIvB,SAAS,CAACwD,cAAd,CAArE,GAAsG,EAAvI,CAZN,EAgBI,CAACpC,eAAD,IAAoBkC,cAAc,CAAC1E,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE2C,WAAV,CAAlC,IACEvB,SAAS,CAACyD,aAjBhB,CADF,eAsBEvB,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gEAAA;GAEVlB,EAAAA,gBAAgB,IAAI,CAAApC,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE8E,kBAAT,IAA8B,CAAnD,gBAEIxB,cAAA,CAAA,aAAA,CAAC,gBAAD,EAAA;AACE,IAAA,SAAS,EAAC,yEADZ;AAEE,IAAA,KAAK,EAAC,QAAA;GAEL,EAAA,GAJH,CAFJ,GASI,IAXR,EAcID,4BAAA,CAAmCrD,OAAnC,CAA4C;AAA5C,iBACIsD,6BAAC,KAAD,EAAA;AAAO,IAAA,KAAK,EAAED,4BAAA,CAAmCrD,OAAnC,CAAA;GADlB,CAAA,GAEI,IAhBR,CAtBF,CAvEF,CAlBF,EAqII,CAACqB,QAAD,iBACEiC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,kCAAA;AADZ,GAAA,EAGGjD,mBAAmB,CAAC;AAAEL,IAAAA,OAAO,EAAAA,OAAAA;GAAV,CAHtB,CAtIN,CADF,EAsJIyB,eAAe,IAAIJ,QAAnB,iBACEiC,cAAA,CAAA,aAAA,CAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,yCADZ;AAEE,IAAA,SAAS,EAAEF,WAFb;AAGE,IAAA,UAAU,EAHZ,IAAA;AAIE,IAAA,qBAAqB,EAJvB,IAAA;AAKE,IAAA,QAAQ,EAAE,YAAA;MAAM,OAAA1B,kBAAkB,CAAC,KAAD,CAAlB,CAAA;AAAyB,KAAA;AAL3C,GAAA,eAOE4B,6BAAC,UAAD,EAAA;AACE,IAAA,OAAO,EAAE,YAAA;MACPhD,cAAc,EAAA,CAAA;MACdoB,kBAAkB,CAAC,KAAD,CAAlB,CAAA;KAHJ;AAKE,IAAA,SAAS,EAAC,+CAAA;AALZ,GAAA,eAOE4B,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEO,eAAe,CAACkB,UADxB;IAEE,KAAK,EAAEhB,WAAW,CAACC,cAAAA;AAFrB,GAAA,EAIG5C,SAAS,CAAC4D,4BAJb,CAPF,CAPF,CAvJN,CADF,CAAA;AAkLD;;;;"}

package/dist/ChannelList/components/ChannelPreviewAction.js

@@ -0,0 +1,133 @@
+import React__default, { useRef, useState, useContext } from 'react';
+import PropTypes from 'prop-types';
+import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-948efac4.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-273068f6.js';
+import Modal from '../../ui/Modal.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-eced39aa.js';
+import '../../stringSet-fbd7c37c.js';
+import '../../index-5c8b0523.js';
+import '../../tslib.es6-96c33448.js';
+import 'react-dom';
+import '../../ui/SortByRow.js';
+import '../../uuid-d8fc0ef1.js';
+import '../../index-4217213f.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../index-8ff79952.js';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-e4ed87a8.js';
+import '../../index-39098053.js';
+import '../../ui/Button.js';
+import '../../MediaQueryContext-b04e7ffd.js';
+import '@sendbird/chat/groupChannel';
+import '../../topics-d6268256.js';
+import '../../UserProfileContext-74d60d34.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;
+
+  if (leavingChannel) {
+    return /*#__PURE__*/React__default.createElement(Modal, {
+      disabled: !isOnline,
+      onCancel: onCancel,
+      onSubmit: function () {
+        logger.info('ChannelSettings: Leaving channel', leavingChannel);
+        leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(function () {
+          logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);
+          onSubmit();
+        });
+      },
+      submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER,
+      titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE
+    });
+  }
+};
+
+function ChannelPreviewAction(_ref) {
+  let {
+    channel,
+    disabled,
+    onLeaveChannel
+  } = _ref;
+  const parentRef = useRef(null);
+  const parentContainerRef = useRef(null);
+  const [showModal, setShowModal] = useState(false);
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  return /*#__PURE__*/React__default.createElement("div", {
+    role: "button",
+    style: {
+      display: 'inline-block'
+    },
+    onKeyDown: e => {
+      e.stopPropagation();
+    },
+    tabIndex: 0,
+    onClick: e => {
+      e.stopPropagation();
+    },
+    ref: parentContainerRef
+  }, /*#__PURE__*/React__default.createElement(ContextMenu, {
+    menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(IconButton, {
+      ref: parentRef,
+      onClick: toggleDropdown,
+      height: "32px",
+      width: "32px"
+    }, /*#__PURE__*/React__default.createElement(Icon, {
+      type: IconTypes.MORE,
+      fillColor: IconColors.PRIMARY,
+      width: "24px",
+      height: "24px"
+    })),
+    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
+      parentRef: parentRef,
+      parentContainRef: parentContainerRef,
+      closeDropdown: closeDropdown
+    }, /*#__PURE__*/React__default.createElement(MenuItem, {
+      onClick: () => {
+        if (disabled) {
+          return;
+        }
+
+        setShowModal(true);
+        closeDropdown();
+      }
+    }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))
+  }), showModal && /*#__PURE__*/React__default.createElement(LeaveChannel, {
+    channel: channel,
+    onSubmit: () => {
+      setShowModal(false);
+      onLeaveChannel();
+    },
+    onCancel: () => setShowModal(false)
+  }));
+}
+ChannelPreviewAction.propTypes = {
+  disabled: PropTypes.bool,
+  onLeaveChannel: PropTypes.func.isRequired,
+  channel: PropTypes.shape({})
+};
+ChannelPreviewAction.defaultProps = {
+  disabled: false,
+  channel: null
+};
+
+export { ChannelPreviewAction as default };
+//# sourceMappingURL=ChannelPreviewAction.js.map

package/dist/ChannelList/context.js

@@ -0,0 +1,15 @@
+import '../tslib.es6-96c33448.js';
+import 'react';
+import '@sendbird/chat/groupChannel';
+export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-eced39aa.js';
+import '../uuid-d8fc0ef1.js';
+import '../utils-273068f6.js';
+import '../UserProfileContext-74d60d34.js';
+import '../useSendbirdStateContext.js';
+import '../topics-d6268256.js';
+import '../_rollupPluginBabelHelpers-e4ed87a8.js';
+import '../index-4217213f.js';
+import '../utils/message/getOutgoingMessageState.js';
+import 'prop-types';
+import '../withSendbird.js';
+//# sourceMappingURL=context.js.map

package/dist/ChannelList.js

@@ -0,0 +1,97 @@
+import React__default from 'react';
+import { C as ChannelListProvider } from './ChannelListProvider-eced39aa.js';
+import ChannelListUI from './ChannelList/components/ChannelListUI.js';
+import './tslib.es6-96c33448.js';
+import '@sendbird/chat/groupChannel';
+import './topics-d6268256.js';
+import './uuid-d8fc0ef1.js';
+import './utils-273068f6.js';
+import './UserProfileContext-74d60d34.js';
+import 'prop-types';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './_rollupPluginBabelHelpers-e4ed87a8.js';
+import './index-4217213f.js';
+import './utils/message/getOutgoingMessageState.js';
+import './ChannelList/components/ChannelListHeader.js';
+import './LocalizationContext-948efac4.js';
+import './stringSet-fbd7c37c.js';
+import './index-5c8b0523.js';
+import './index-8ff79952.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './ui/Icon.js';
+import './ChannelList/components/AddChannel.js';
+import './ui/IconButton.js';
+import './CreateChannel.js';
+import './CreateChannel/components/CreateChannelUI.js';
+import './CreateChannelProvider-951098e6.js';
+import './sendbirdSelectors.js';
+import './CreateChannel/components/InviteUsers.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-39098053.js';
+import './ui/Button.js';
+import './MediaQueryContext-b04e7ffd.js';
+import './ui/UserListItem.js';
+import './ui/MutedAvatarOverlay.js';
+import './ui/Checkbox.js';
+import './ui/UserProfile.js';
+import './ui/ContextMenu.js';
+import './ui/SortByRow.js';
+import './CreateChannel/components/SelectChannelType.js';
+import './ChannelList/components/ChannelPreview.js';
+import './ui/ChannelAvatar.js';
+import './utils-5cfd2d4d.js';
+import './ui/Badge.js';
+import './index-515b7f4e.js';
+import './index-6b63d598.js';
+import './ui/Loader.js';
+import './index-a983f435.js';
+import './index-a3d3d77a.js';
+import './ui/MentionUserLabel.js';
+import './ui/TextButton.js';
+import './color-206fa031.js';
+import './Channel/components/TypingIndicator.js';
+import './ChannelProvider-bbe16a96.js';
+import './compareIds-3442d021.js';
+import './const-8f606c40.js';
+import '@sendbird/chat/message';
+import './ui/ReactionButton.js';
+import './consts-854f6e5f.js';
+import './useLongPress-96570844.js';
+import './ChannelList/components/ChannelPreviewAction.js';
+import './EditUserProfile.js';
+import './index-c17ebf21.js';
+import './ui/Input.js';
+import './actionTypes-a37e872a.js';
+import './index-8a78af9f.js';
+
+var ChannelList = function (props) {
+  return /*#__PURE__*/React__default.createElement(ChannelListProvider, {
+    className: props === null || props === void 0 ? void 0 : props.className,
+    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
+    allowProfileEdit: props === null || props === void 0 ? void 0 : props.allowProfileEdit,
+    onBeforeCreateChannel: props === null || props === void 0 ? void 0 : props.onBeforeCreateChannel,
+    onThemeChange: props === null || props === void 0 ? void 0 : props.onThemeChange,
+    overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser,
+    onProfileEditSuccess: props === null || props === void 0 ? void 0 : props.onProfileEditSuccess,
+    onChannelSelect: props === null || props === void 0 ? void 0 : props.onChannelSelect,
+    sortChannelList: props === null || props === void 0 ? void 0 : props.sortChannelList,
+    queries: props === null || props === void 0 ? void 0 : props.queries,
+    disableAutoSelect: props === null || props === void 0 ? void 0 : props.disableAutoSelect,
+    activeChannelUrl: props === null || props === void 0 ? void 0 : props.activeChannelUrl,
+    isTypingIndicatorEnabled: props === null || props === void 0 ? void 0 : props.isTypingIndicatorEnabled,
+    isMessageReceiptStatusEnabled: props === null || props === void 0 ? void 0 : props.isMessageReceiptStatusEnabled
+  }, /*#__PURE__*/React__default.createElement(ChannelListUI, {
+    renderChannelPreview: props === null || props === void 0 ? void 0 : props.renderChannelPreview,
+    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
+    renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader,
+    renderPlaceHolderEmptyList: props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList,
+    renderPlaceHolderError: props === null || props === void 0 ? void 0 : props.renderPlaceHolderError,
+    renderPlaceHolderLoading: props === null || props === void 0 ? void 0 : props.renderPlaceHolderLoading
+  }));
+};
+
+export { ChannelList as default };
+//# sourceMappingURL=ChannelList.js.map

package/dist/ChannelList.js.map

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