@sendbird/uikit-react 3.6.6 → 3.6.7

package/Channel.js

@@ -1,74 +1,74 @@
 import React__default from 'react';
-import { C as ChannelProvider } from './ChannelProvider-31a344d3.js';
+import { C as ChannelProvider } from './ChannelProvider-78e85f32.js';
 import ChannelUI from './Channel/components/ChannelUI.js';
-import './UserProfileContext-76aab169.js';
+import './UserProfileContext-8b8f3e3a.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-34f2bdc3.js';
-import './const-72965dcb.js';
-import './index-b74226dc.js';
-import './index-e43e7fa2.js';
-import './topics-67f9a9f1.js';
-import './index-96fe32b3.js';
+import './_rollupPluginBabelHelpers-90ff7fc4.js';
+import './const-c6a266f4.js';
+import './index-335e7557.js';
+import './index-b9b184a4.js';
+import './topics-e985567d.js';
+import './index-56249831.js';
 import './utils/message/getOutgoingMessageState.js';
-import './compareIds-eab12c15.js';
+import './compareIds-2464aab2.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-10fc0de7.js';
+import './uuid-ec51ac4d.js';
 import '@sendbird/chat/message';
-import './consts-55e36248.js';
-import './resolvedReplyType-6785a18d.js';
-import './index-c2c52b45.js';
-import './LocalizationContext-2952e678.js';
-import './stringSet-23a36018.js';
+import './consts-b6f24cc7.js';
+import './resolvedReplyType-d6e22593.js';
+import './index-63c995b8.js';
+import './LocalizationContext-5fe9b59d.js';
+import './stringSet-47601d79.js';
 import './ui/Icon.js';
-import './index-0dd2ee39.js';
+import './index-13d9d766.js';
 import './ui/Loader.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-a7468577.js';
+import './utils-70ea4cc9.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './utils-8e781334.js';
-import './MediaQueryContext-2173573f.js';
-import './utils-cae251db.js';
+import './utils-93924431.js';
+import './MediaQueryContext-66b59195.js';
+import './utils-d15f13cf.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-9ab08d0b.js';
-import './ThreadProvider-27c497dc.js';
+import './const-0cca8d38.js';
+import './ThreadProvider-2a4356a2.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
 import './ui/DateSeparator.js';
-import './color-b73a158c.js';
+import './color-2315a258.js';
 import './ui/MessageInput.js';
 import './ui/Button.js';
 import 'dompurify';
-import './consts-2475c80c.js';
-import './consts-0726d733.js';
-import './consts-8c9214ee.js';
-import './tokenize-6f680d6a.js';
-import './index.module-0ccd37ce.js';
+import './consts-32a2c4a7.js';
+import './consts-991d3823.js';
+import './consts-3d956927.js';
+import './tokenize-c0cf9574.js';
+import './index.module-41885c5b.js';
 import './ui/MessageContent.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './index-007ff82b.js';
-import './index-c191462d.js';
-import './index-c2640752.js';
+import './index-17b78bb0.js';
+import './index-a39b9075.js';
+import './index-499d9ef9.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
-import './types-82eb7ae8.js';
+import './types-02054e6e.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './useLongPress-0cf29ece.js';
+import './useLongPress-0a2a8916.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
-import './index-a5bf5a96.js';
+import './index-bafedab0.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -77,7 +77,7 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/TextMessageItemBody.js';
-import './index-7b514167.js';
+import './index-2544bb0a.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/FileMessageItemBody.js';
@@ -86,27 +86,27 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
-import './index-af1fb797.js';
+import './index-c4273470.js';
 import './ui/ThreadReplies.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './index-8dcf7652.js';
+import './index-879bcfab.js';
 import './VoiceRecorder/context.js';
 import './ui/Modal.js';
 import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './index-8485f009.js';
-import './useDirtyGetMentions-e4e855e3.js';
+import './index-f2e30f98.js';
+import './useDirtyGetMentions-3f7692ab.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/TypingIndicator.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-e45ec2f0.js';
+import './VoiceMessageInputWrapper-b8742ea1.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-055e94b6.js';
+import './index-7b3790d3.js';
 
 const Channel = props => {
   return /*#__PURE__*/React__default.createElement(ChannelProvider, {

package/ChannelList/components/AddChannel.js

@@ -3,39 +3,40 @@ import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import CreateChannel from '../../CreateChannel.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-2e7026e9.js';
-import '../../_rollupPluginBabelHelpers-34f2bdc3.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-fc14f42d.js';
+import '../../_rollupPluginBabelHelpers-90ff7fc4.js';
 import 'prop-types';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-eeaa1371.js';
+import '../../CreateChannelProvider-fe23c38f.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-67f9a9f1.js';
-import '../../utils-cae251db.js';
+import '../../topics-e985567d.js';
+import '../../utils-d15f13cf.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../LocalizationContext-2952e678.js';
-import '../../stringSet-23a36018.js';
-import '../../index-e43e7fa2.js';
+import '../../LocalizationContext-5fe9b59d.js';
+import '../../stringSet-47601d79.js';
+import '../../index-b9b184a4.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-a5bf5a96.js';
+import '../../index-bafedab0.js';
 import '../../ui/Button.js';
-import '../../index-0dd2ee39.js';
-import '../../MediaQueryContext-2173573f.js';
+import '../../index-13d9d766.js';
+import '../../MediaQueryContext-66b59195.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-76aab169.js';
+import '../../UserProfileContext-8b8f3e3a.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-10fc0de7.js';
+import '../../uuid-ec51ac4d.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-96fe32b3.js';
+import '../../index-56249831.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../withSendbird.js';
 import '@sendbird/chat/groupChannel';
+import '../../consts-b6f24cc7.js';
 
 const AddChannel = () => {
   var _state$config;

package/ChannelList/components/AddChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddChannel.js","sources":["../../../src/modules/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const {\n    overrideInviteUser,\n    onBeforeCreateChannel,\n  } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n            onBeforeCreateChannel={onBeforeCreateChannel}\n          />\n        )\n      }\n    </>\n  );\n};\n\nexport default AddChannel;\n"],"names":["AddChannel","_state$config","showModal","setShowModal","useState","state","useSendbirdStateContext","isOnline","config","disabled","overrideInviteUser","onBeforeCreateChannel","useChannelListContext","React","createElement","Fragment","IconButton","height","width","onClick","Icon","type","IconTypes","CREATE","fillColor","IconColors","PRIMARY","CreateChannel","onCancel","onCreateChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASaA,MAAAA,UAAuC,GAAGA,MAAM;AAAA,EAAA,IAAAC,aAAA,CAAA;EAC3D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACjD,MAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,MAAMC,QAAQ,GAAGF,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAJ,aAAA,GAALI,KAAK,CAAEG,MAAM,MAAAP,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeM,QAAQ,CAAA;EACxC,MAAME,QAAQ,GAAG,CAACF,QAAQ,CAAA;EAC1B,MAAM;IACJG,kBAAkB;AAClBC,IAAAA,qBAAAA;GACD,GAAGC,qBAAqB,EAAE,CAAA;AAE3B,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,cAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AACTC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAM;IACZC,OAAO,EAAEA,MAAM;MACbhB,YAAY,CAAC,IAAI,CAAC,CAAA;KAClB;AACFM,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBI,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,UAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GACP,CAAA,CACS,EAEXf,SAAS,iBACPW,cAAA,CAAAC,aAAA,CAACa,aAAa,EAAA;IACZC,QAAQ,EAAEA,MAAM;MACdzB,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFO,IAAAA,kBAAkB,EAAEA,kBAAmB;IACvCmB,eAAe,EAAEA,MAAM;MACrB1B,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFQ,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,CAEhD,CAEF,CAAA;AAEP;;;;"}
+{"version":3,"file":"AddChannel.js","sources":["../../../src/modules/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const {\n    overrideInviteUser,\n    onBeforeCreateChannel,\n  } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n            onBeforeCreateChannel={onBeforeCreateChannel}\n          />\n        )\n      }\n    </>\n  );\n};\n\nexport default AddChannel;\n"],"names":["AddChannel","_state$config","showModal","setShowModal","useState","state","useSendbirdStateContext","isOnline","config","disabled","overrideInviteUser","onBeforeCreateChannel","useChannelListContext","React","createElement","Fragment","IconButton","height","width","onClick","Icon","type","IconTypes","CREATE","fillColor","IconColors","PRIMARY","CreateChannel","onCancel","onCreateChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASaA,MAAAA,UAAuC,GAAGA,MAAM;AAAA,EAAA,IAAAC,aAAA,CAAA;EAC3D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACjD,MAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,MAAMC,QAAQ,GAAGF,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAJ,aAAA,GAALI,KAAK,CAAEG,MAAM,MAAAP,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeM,QAAQ,CAAA;EACxC,MAAME,QAAQ,GAAG,CAACF,QAAQ,CAAA;EAC1B,MAAM;IACJG,kBAAkB;AAClBC,IAAAA,qBAAAA;GACD,GAAGC,qBAAqB,EAAE,CAAA;AAE3B,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,cAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AACTC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAM;IACZC,OAAO,EAAEA,MAAM;MACbhB,YAAY,CAAC,IAAI,CAAC,CAAA;KAClB;AACFM,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBI,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,UAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GACP,CAAA,CACS,EAEXf,SAAS,iBACPW,cAAA,CAAAC,aAAA,CAACa,aAAa,EAAA;IACZC,QAAQ,EAAEA,MAAM;MACdzB,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFO,IAAAA,kBAAkB,EAAEA,kBAAmB;IACvCmB,eAAe,EAAEA,MAAM;MACrB1B,YAAY,CAAC,KAAK,CAAC,CAAA;KACnB;AACFQ,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,CAEhD,CAEF,CAAA;AAEP;;;;"}

package/ChannelList/components/ChannelListHeader.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-2952e678.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5fe9b59d.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0dd2ee39.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-13d9d766.js';
 import Avatar from '../../ui/Avatar.js';
-import '../../stringSet-23a36018.js';
-import '../../index-e43e7fa2.js';
+import '../../stringSet-47601d79.js';
+import '../../index-b9b184a4.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../../_rollupPluginBabelHelpers-90ff7fc4.js';
 import 'prop-types';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-10fc0de7.js';
+import '../../uuid-ec51ac4d.js';
 
 const ChannelListHeader = _ref => {
   let {

package/ChannelList/components/ChannelListUI.js

@@ -3,72 +3,71 @@ import ChannelListHeader from './ChannelListHeader.js';
 import { AddChannel } from './AddChannel.js';
 import ChannelPreview from './ChannelPreview.js';
 import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-2e7026e9.js';
+import { u as useChannelListContext, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-fc14f42d.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-c2c52b45.js';
-import '../../LocalizationContext-2952e678.js';
-import '../../stringSet-23a36018.js';
-import '../../index-e43e7fa2.js';
-import '../../index-0dd2ee39.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-63c995b8.js';
+import '../../LocalizationContext-5fe9b59d.js';
+import '../../stringSet-47601d79.js';
+import '../../index-b9b184a4.js';
+import '../../index-13d9d766.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-10fc0de7.js';
+import '../../uuid-ec51ac4d.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../../_rollupPluginBabelHelpers-90ff7fc4.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-eeaa1371.js';
+import '../../CreateChannelProvider-fe23c38f.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-67f9a9f1.js';
-import '../../utils-cae251db.js';
+import '../../topics-e985567d.js';
+import '../../utils-d15f13cf.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-a5bf5a96.js';
+import '../../index-bafedab0.js';
 import '../../ui/Button.js';
-import '../../MediaQueryContext-2173573f.js';
+import '../../MediaQueryContext-66b59195.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-76aab169.js';
+import '../../UserProfileContext-8b8f3e3a.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-96fe32b3.js';
+import '../../index-56249831.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../ui/ChannelAvatar.js';
-import '../../utils-8e781334.js';
+import '../../utils-93924431.js';
 import '../../ui/Badge.js';
-import '../../index-007ff82b.js';
-import '../../index-b74226dc.js';
+import '../../index-17b78bb0.js';
+import '../../index-335e7557.js';
 import '../../ui/Loader.js';
-import '../../index-c191462d.js';
-import '../../index-c2640752.js';
+import '../../index-a39b9075.js';
+import '../../index-499d9ef9.js';
 import '../../ui/MentionUserLabel.js';
-import '../../consts-2475c80c.js';
+import '../../consts-32a2c4a7.js';
 import '../../ui/TextButton.js';
-import '../../color-b73a158c.js';
+import '../../color-2315a258.js';
 import '../../Channel/components/TypingIndicator.js';
 import '@sendbird/chat/groupChannel';
-import '../../ChannelProvider-31a344d3.js';
-import '../../const-72965dcb.js';
-import '../../compareIds-eab12c15.js';
+import '../../ChannelProvider-78e85f32.js';
+import '../../const-c6a266f4.js';
+import '../../compareIds-2464aab2.js';
 import '@sendbird/chat/message';
-import '../../consts-55e36248.js';
-import '../../resolvedReplyType-6785a18d.js';
-import '../../useLongPress-0cf29ece.js';
+import '../../consts-b6f24cc7.js';
+import '../../resolvedReplyType-d6e22593.js';
+import '../../useLongPress-0a2a8916.js';
 import '../../withSendbird.js';
-import '../../index-7727118e.js';
+import '../../index-07345a6e.js';
 import '../../ui/Input.js';
-import '../../actionTypes-e67c8999.js';
+import '../../actionTypes-66bf934b.js';
 
 const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
 
-const DELIVERY_RECIPT = 'delivery_receipt';
 const ChannelListUI = props => {
   var _state$stores;
   const {
@@ -86,20 +85,17 @@ const ChannelListUI = props => {
     loading,
     currentChannel,
     channelListDispatcher,
-    channelSource,
     typingChannels,
-    initialized
+    initialized,
+    fetchChannelList
   } = useChannelListContext();
   const state = useSendbirdStateContext();
   const sdkStore = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : _state$stores.sdkStore;
   const config = state === null || state === void 0 ? void 0 : state.config;
   const {
     logger,
-    isOnline = false,
-    markAsDeliveredScheduler,
-    disableMarkAsDelivered
+    isOnline = false
   } = config;
-  const sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
   const sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-list__header"
@@ -123,37 +119,8 @@ const ChannelListUI = props => {
     className: "sendbird-channel-list__body",
     onScroll: e => {
       const target = e === null || e === void 0 ? void 0 : e.target;
-      const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);
-      if (fetchMore && channelSource !== null && channelSource !== void 0 && channelSource.hasNext) {
-        logger.info('ChannelList: Fetching more channels');
-        channelListDispatcher({
-          type: FETCH_CHANNELS_START,
-          payload: null
-        });
-        channelSource.next().then(channelList => {
-          var _sdk$appInfo, _sdk$appInfo$premiumF;
-          logger.info('ChannelList: Fetching channels successful', channelList);
-          channelListDispatcher({
-            type: FETCH_CHANNELS_SUCCESS,
-            payload: channelList
-          });
-          const canSetMarkAsDelivered = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : (_sdk$appInfo$premiumF = _sdk$appInfo.premiumFeatureList) === null || _sdk$appInfo$premiumF === void 0 ? void 0 : _sdk$appInfo$premiumF.find(feature => feature === DELIVERY_RECIPT);
-          if (canSetMarkAsDelivered && !disableMarkAsDelivered) {
-            logger.info('ChannelList: Marking all channels as read');
-            // eslint-disable-next-line no-unused-expressions
-            channelList === null || channelList === void 0 ? void 0 : channelList.forEach(channel => {
-              if ((channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) > 0) {
-                markAsDeliveredScheduler.push(channel);
-              }
-            });
-          }
-        }).catch(err => {
-          logger.info('ChannelList: Fetching channels failed', err);
-          channelListDispatcher({
-            type: FETCH_CHANNELS_FAILURE,
-            payload: err
-          });
-        });
+      if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {
+        fetchChannelList();
       }
     }
   }, sdkError && !loading && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default.createElement(PlaceHolder, {

package/ChannelList/components/ChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelListUI.js","sources":["../../../src/modules/ChannelList/components/utils.js","../../../src/modules/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["export const createDefaultUserListQuery = ({ sdk, userFilledApplicationUserListQuery = {} }) => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n  return null;\n};\n\nconst getApplicationAttributes = (sdk = {}) => {\n  const { appInfo = {} } = sdk;\n  const { applicationAttributes = [] } = appInfo;\n  return applicationAttributes;\n};\n\nexport const isBroadcastChannelEnabled = (sdk = {}) => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\nexport const isSuperGroupChannelEnabled = (sdk = {}) => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport const setChannelType = (params, type) => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\nexport const createChannel = (\n  sdk,\n  selectedUsers,\n  onBeforeCreateChannel,\n  userId,\n  type = 'group',\n) => new Promise((resolve, reject) => {\n  // have custom params\n  if (onBeforeCreateChannel) {\n    const params = onBeforeCreateChannel(selectedUsers);\n    setChannelType(params, type);\n    sdk.groupChannel.createChannel(params).then((groupChannel) => {\n      resolve(groupChannel);\n    }).catch((err) => { reject(err); });\n    return;\n  }\n\n  const params = new sdk.GroupChannelParams();\n  params.addUserIds(selectedUsers);\n  params.isDistinct = false;\n\n  if (userId) {\n    params.operatorUserIds = [userId];\n  }\n  setChannelType(params, type);\n  // do not have custom params\n  sdk.groupChannel.createChannel(params).then((groupChannel) => {\n    resolve(groupChannel);\n  }).catch((err) => { resolve(err); });\n});\n\nexport default createChannel;\n","import './channel-list-ui.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel, Member, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport ChannelListHeader from '../ChannelListHeader';\nimport AddChannel from '../AddChannel';\nimport ChannelPreview from '../ChannelPreview';\nimport ChannelPreviewAction from '../ChannelPreviewAction';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport * as channelListActions from '../../dux/actionTypes';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EditUserProfile from '../../../EditUserProfile';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { isAboutSame } from '../utils';\n\nconst DELIVERY_RECIPT = 'delivery_receipt';\n\ninterface RenderChannelPreviewProps {\n  channel: GroupChannel;\n  onLeaveChannel(\n    channel: GroupChannel,\n    onLeaveChannelCb?: (c: GroupChannel) => void,\n  );\n}\n\ninterface RenderUserProfileProps {\n  user: Member | User;\n  currentUserId: string;\n  close(): void;\n}\n\nexport interface ChannelListUIProps {\n  renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n  renderHeader?: (props: void) => React.ReactElement;\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n}\n\nconst ChannelListUI: React.FC<ChannelListUIProps> = (props: ChannelListUIProps) => {\n  const {\n    renderHeader,\n    renderChannelPreview,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderEmptyList,\n  } = props;\n\n  const [showProfileEdit, setShowProfileEdit] = useState(false);\n\n  const {\n    onThemeChange,\n    allowProfileEdit,\n    allChannels,\n    loading,\n    currentChannel,\n    channelListDispatcher,\n    channelSource,\n    typingChannels,\n    initialized,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n    markAsDeliveredScheduler,\n    disableMarkAsDelivered,\n  } = config;\n\n  const sdk = sdkStore?.sdk as SendbirdGroupChat;\n  const sdkError = sdkStore?.error;\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        {\n          renderHeader?.() || (\n            <ChannelListHeader\n              onEdit={() => {\n                if (allowProfileEdit) {\n                  setShowProfileEdit(true);\n                }\n              }}\n              allowProfileEdit={allowProfileEdit}\n              renderIconButton={() => (\n                <AddChannel />\n              )}\n            />\n          )\n        }\n      </div>\n      {\n        showProfileEdit && (\n          <EditUserProfile\n            onThemeChange={onThemeChange}\n            onCancel={() => { setShowProfileEdit(false); }}\n            onEditProfile={() => {\n              setShowProfileEdit(false);\n            }}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-channel-list__body\"\n        onScroll={(e) => {\n          const target = e?.target as HTMLDivElement;\n          const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);\n          if (fetchMore && channelSource?.hasNext) {\n            logger.info('ChannelList: Fetching more channels');\n            channelListDispatcher({\n              type: channelListActions.FETCH_CHANNELS_START,\n              payload: null,\n            });\n            channelSource.next().then((channelList) => {\n              logger.info('ChannelList: Fetching channels successful', channelList);\n              channelListDispatcher({\n                type: channelListActions.FETCH_CHANNELS_SUCCESS,\n                payload: channelList,\n              });\n              const canSetMarkAsDelivered = sdk?.appInfo?.premiumFeatureList\n                ?.find((feature) => (feature === DELIVERY_RECIPT));\n\n              if (canSetMarkAsDelivered && !disableMarkAsDelivered) {\n                logger.info('ChannelList: Marking all channels as read');\n                // eslint-disable-next-line no-unused-expressions\n                channelList?.forEach((channel) => {\n                  if (channel?.unreadMessageCount > 0) {\n                    markAsDeliveredScheduler.push(channel);\n                  }\n                });\n              }\n            }).catch((err) => {\n              logger.info('ChannelList: Fetching channels failed', err);\n              channelListDispatcher({\n                type: channelListActions.FETCH_CHANNELS_FAILURE,\n                payload: err,\n              });\n            });\n          }\n        }}\n      >\n        {\n          (sdkError && !loading) && (\n            (renderPlaceHolderError && typeof renderPlaceHolderError === 'function') ? (\n              renderPlaceHolderError?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.WRONG} />\n            )\n          )\n        }\n        {/*\n          To do: Implement windowing\n          Implement windowing if you are dealing with large number of messages/channels\n          https://github.com/bvaughn/react-window -> recommendation\n          We hesitate to bring one more dependency to our library,\n          we are planning to implement it inside the library\n        */}\n        <div>\n          {\n            allChannels && allChannels.map((channel, idx) => {\n              // todo: Refactor and move this inside channel - preview\n              const onLeaveChannel = (c, cb) => {\n                logger.info('ChannelList: Leaving channel', c);\n                c.leave()\n                  .then((res) => {\n                    logger.info('ChannelList: Leaving channel success', res);\n                    if (cb && typeof cb === 'function') {\n                      cb(res, null);\n                    }\n                    channelListDispatcher({\n                      type: channelListActions.LEAVE_CHANNEL_SUCCESS,\n                      payload: channel?.url,\n                    });\n                  })\n                  .catch((err) => {\n                    logger.error('ChannelList: Leaving channel failed', err);\n                    if (cb && typeof cb === 'function') {\n                      cb(null, err);\n                    }\n                  });\n              };\n\n              const onClick = () => {\n                if (!isOnline) { return; }\n                logger.info('ChannelList: Clicked on channel:', channel);\n                channelListDispatcher({\n                  type: channelListActions.SET_CURRENT_CHANNEL,\n                  payload: channel,\n                });\n              };\n\n              return (\n                (renderChannelPreview)\n                  ? (\n                    // eslint-disable-next-line\n                    <div key={channel?.url} onClick={onClick}>\n                      {renderChannelPreview({ channel, onLeaveChannel })}\n                    </div>\n                  )\n                  : (\n                    <ChannelPreview\n                      key={channel?.url}\n                      tabIndex={idx}\n                      onClick={onClick}\n                      channel={channel}\n                      onLeaveChannel={() => onLeaveChannel(channel, null)}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          channel={channel}\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!initialized && loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (initialized && allChannels?.length === 0) && (\n            (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function') ? (\n              renderPlaceHolderEmptyList?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n            )\n          )\n        }\n      </div>\n    </>\n  );\n};\n\nexport default ChannelListUI;\n"],"names":["isAboutSame","a","b","px","Math","abs","DELIVERY_RECIPT","ChannelListUI","props","_state$stores","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","showProfileEdit","setShowProfileEdit","useState","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","channelSource","typingChannels","initialized","useChannelListContext","state","useSendbirdStateContext","sdkStore","stores","config","logger","isOnline","markAsDeliveredScheduler","disableMarkAsDelivered","sdk","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","fetchMore","clientHeight","scrollTop","scrollHeight","hasNext","info","type","channelListActions","payload","next","then","channelList","_sdk$appInfo","_sdk$appInfo$premiumF","canSetMarkAsDelivered","appInfo","premiumFeatureList","find","feature","forEach","channel","unreadMessageCount","push","catch","err","PlaceHolder","PlaceHolderTypes","WRONG","map","idx","onLeaveChannel","c","cb","leave","res","url","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","_ref","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}
+{"version":3,"file":"ChannelListUI.js","sources":["../../../src/modules/ChannelList/components/utils.js","../../../src/modules/ChannelList/components/ChannelListUI/index.tsx"],"sourcesContent":["export const createDefaultUserListQuery = ({ sdk, userFilledApplicationUserListQuery = {} }) => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n  return null;\n};\n\nconst getApplicationAttributes = (sdk = {}) => {\n  const { appInfo = {} } = sdk;\n  const { applicationAttributes = [] } = appInfo;\n  return applicationAttributes;\n};\n\nexport const isBroadcastChannelEnabled = (sdk = {}) => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\nexport const isSuperGroupChannelEnabled = (sdk = {}) => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = getApplicationAttributes(sdk);\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport const setChannelType = (params, type) => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\nexport const createChannel = (\n  sdk,\n  selectedUsers,\n  onBeforeCreateChannel,\n  userId,\n  type = 'group',\n) => new Promise((resolve, reject) => {\n  // have custom params\n  if (onBeforeCreateChannel) {\n    const params = onBeforeCreateChannel(selectedUsers);\n    setChannelType(params, type);\n    sdk.groupChannel.createChannel(params).then((groupChannel) => {\n      resolve(groupChannel);\n    }).catch((err) => { reject(err); });\n    return;\n  }\n\n  const params = new sdk.GroupChannelParams();\n  params.addUserIds(selectedUsers);\n  params.isDistinct = false;\n\n  if (userId) {\n    params.operatorUserIds = [userId];\n  }\n  setChannelType(params, type);\n  // do not have custom params\n  sdk.groupChannel.createChannel(params).then((groupChannel) => {\n    resolve(groupChannel);\n  }).catch((err) => { resolve(err); });\n});\n\nexport default createChannel;\n","import './channel-list-ui.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport ChannelListHeader from '../ChannelListHeader';\nimport AddChannel from '../AddChannel';\nimport ChannelPreview from '../ChannelPreview';\nimport ChannelPreviewAction from '../ChannelPreviewAction';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport * as channelListActions from '../../dux/actionTypes';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EditUserProfile from '../../../EditUserProfile';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { isAboutSame } from '../utils';\n\ninterface RenderChannelPreviewProps {\n  channel: GroupChannel;\n  onLeaveChannel(\n    channel: GroupChannel,\n    onLeaveChannelCb?: (c: GroupChannel) => void,\n  );\n}\n\ninterface RenderUserProfileProps {\n  user: Member | User;\n  currentUserId: string;\n  close(): void;\n}\n\nexport interface ChannelListUIProps {\n  renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n  renderHeader?: (props: void) => React.ReactElement;\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n}\n\nconst ChannelListUI: React.FC<ChannelListUIProps> = (props: ChannelListUIProps) => {\n  const {\n    renderHeader,\n    renderChannelPreview,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderEmptyList,\n  } = props;\n\n  const [showProfileEdit, setShowProfileEdit] = useState(false);\n\n  const {\n    onThemeChange,\n    allowProfileEdit,\n    allChannels,\n    loading,\n    currentChannel,\n    channelListDispatcher,\n    typingChannels,\n    initialized,\n    fetchChannelList,\n  } = useChannelListContext();\n\n  const state = useSendbirdStateContext();\n  const sdkStore = state?.stores?.sdkStore;\n  const config = state?.config;\n  const {\n    logger,\n    isOnline = false,\n  } = config;\n  const sdkError = sdkStore?.error;\n\n  return (\n    <>\n      <div className=\"sendbird-channel-list__header\">\n        {\n          renderHeader?.() || (\n            <ChannelListHeader\n              onEdit={() => {\n                if (allowProfileEdit) {\n                  setShowProfileEdit(true);\n                }\n              }}\n              allowProfileEdit={allowProfileEdit}\n              renderIconButton={() => (\n                <AddChannel />\n              )}\n            />\n          )\n        }\n      </div>\n      {\n        showProfileEdit && (\n          <EditUserProfile\n            onThemeChange={onThemeChange}\n            onCancel={() => { setShowProfileEdit(false); }}\n            onEditProfile={() => {\n              setShowProfileEdit(false);\n            }}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-channel-list__body\"\n        onScroll={(e) => {\n          const target = e?.target as HTMLDivElement;\n          if (isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {\n            fetchChannelList();\n          }\n        }}\n      >\n        {\n          (sdkError && !loading) && (\n            (renderPlaceHolderError && typeof renderPlaceHolderError === 'function') ? (\n              renderPlaceHolderError?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.WRONG} />\n            )\n          )\n        }\n        {/*\n          To do: Implement windowing\n          Implement windowing if you are dealing with large number of messages/channels\n          https://github.com/bvaughn/react-window -> recommendation\n          We hesitate to bring one more dependency to our library,\n          we are planning to implement it inside the library\n        */}\n        <div>\n          {\n            allChannels && allChannels.map((channel, idx) => {\n              // todo: Refactor and move this inside channel - preview\n              const onLeaveChannel = (c, cb) => {\n                logger.info('ChannelList: Leaving channel', c);\n                c.leave()\n                  .then((res) => {\n                    logger.info('ChannelList: Leaving channel success', res);\n                    if (cb && typeof cb === 'function') {\n                      cb(res, null);\n                    }\n                    channelListDispatcher({\n                      type: channelListActions.LEAVE_CHANNEL_SUCCESS,\n                      payload: channel?.url,\n                    });\n                  })\n                  .catch((err) => {\n                    logger.error('ChannelList: Leaving channel failed', err);\n                    if (cb && typeof cb === 'function') {\n                      cb(null, err);\n                    }\n                  });\n              };\n\n              const onClick = () => {\n                if (!isOnline) { return; }\n                logger.info('ChannelList: Clicked on channel:', channel);\n                channelListDispatcher({\n                  type: channelListActions.SET_CURRENT_CHANNEL,\n                  payload: channel,\n                });\n              };\n\n              return (\n                (renderChannelPreview)\n                  ? (\n                    // eslint-disable-next-line\n                    <div key={channel?.url} onClick={onClick}>\n                      {renderChannelPreview({ channel, onLeaveChannel })}\n                    </div>\n                  )\n                  : (\n                    <ChannelPreview\n                      key={channel?.url}\n                      tabIndex={idx}\n                      onClick={onClick}\n                      channel={channel}\n                      onLeaveChannel={() => onLeaveChannel(channel, null)}\n                      isActive={channel?.url === currentChannel?.url}\n                      isTyping={typingChannels?.some(({ url }) => url === channel?.url)}\n                      renderChannelAction={(() => (\n                        <ChannelPreviewAction\n                          channel={channel}\n                          disabled={!isOnline}\n                          onLeaveChannel={() => onLeaveChannel(channel, null)}\n                        />\n                      ))}\n                    />\n                  )\n              );\n            })\n          }\n        </div>\n        {\n          (!initialized && loading) && (\n            (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (\n              renderPlaceHolderLoading?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.LOADING} />\n            )\n          )\n        }\n        {\n          (initialized && allChannels?.length === 0) && (\n            (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function') ? (\n              renderPlaceHolderEmptyList?.()\n            ) : (\n              <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n            )\n          )\n        }\n      </div>\n    </>\n  );\n};\n\nexport default ChannelListUI;\n"],"names":["isAboutSame","a","b","px","Math","abs","ChannelListUI","props","_state$stores","renderHeader","renderChannelPreview","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderEmptyList","showProfileEdit","setShowProfileEdit","useState","onThemeChange","allowProfileEdit","allChannels","loading","currentChannel","channelListDispatcher","typingChannels","initialized","fetchChannelList","useChannelListContext","state","useSendbirdStateContext","sdkStore","stores","config","logger","isOnline","sdkError","error","React","createElement","Fragment","className","ChannelListHeader","onEdit","renderIconButton","AddChannel","EditUserProfile","onCancel","onEditProfile","onScroll","e","target","clientHeight","scrollTop","scrollHeight","PlaceHolder","type","PlaceHolderTypes","WRONG","map","channel","idx","onLeaveChannel","c","cb","info","leave","then","res","channelListActions","payload","url","catch","err","onClick","key","ChannelPreview","tabIndex","isActive","isTyping","some","_ref","renderChannelAction","ChannelPreviewAction","disabled","LOADING","length","NO_CHANNELS"],"mappings":"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"}

package/ChannelList/components/ChannelPreview.js

@@ -1,49 +1,49 @@
-import { b as _extends, _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-34f2bdc3.js';
+import { b as _extends, _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-90ff7fc4.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-0dd2ee39.js';
-import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-007ff82b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-13d9d766.js';
+import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-17b78bb0.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-2952e678.js';
+import { u as useLocalization } from '../../LocalizationContext-5fe9b59d.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-2e7026e9.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-fc14f42d.js';
 import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
-import { d as isVoiceMessage } from '../../index-96fe32b3.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-2173573f.js';
-import { u as useLongPress } from '../../useLongPress-0cf29ece.js';
+import { d as isVoiceMessage } from '../../index-56249831.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-66b59195.js';
+import { u as useLongPress } from '../../useLongPress-0a2a8916.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-10fc0de7.js';
-import '../../utils-8e781334.js';
+import '../../uuid-ec51ac4d.js';
+import '../../utils-93924431.js';
 import 'prop-types';
-import '../../stringSet-23a36018.js';
-import '../../index-b74226dc.js';
-import '../../index-e43e7fa2.js';
+import '../../stringSet-47601d79.js';
+import '../../index-335e7557.js';
+import '../../index-b9b184a4.js';
 import '../../ui/Loader.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-c191462d.js';
-import '../../index-c2640752.js';
+import '../../index-a39b9075.js';
+import '../../index-499d9ef9.js';
 import '../../withSendbird.js';
-import '../../consts-2475c80c.js';
+import '../../consts-32a2c4a7.js';
 import 'react-dom';
-import '../../index-a5bf5a96.js';
+import '../../index-bafedab0.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../color-b73a158c.js';
+import '../../color-2315a258.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-67f9a9f1.js';
-import '../../utils-cae251db.js';
-import '../../UserProfileContext-76aab169.js';
-import '../../ChannelProvider-31a344d3.js';
-import '../../const-72965dcb.js';
-import '../../compareIds-eab12c15.js';
+import '../../topics-e985567d.js';
+import '../../utils-d15f13cf.js';
+import '../../UserProfileContext-8b8f3e3a.js';
+import '../../consts-b6f24cc7.js';
+import '../../ChannelProvider-78e85f32.js';
+import '../../const-c6a266f4.js';
+import '../../compareIds-2464aab2.js';
 import '@sendbird/chat/message';
-import '../../consts-55e36248.js';
-import '../../resolvedReplyType-6785a18d.js';
+import '../../resolvedReplyType-d6e22593.js';
 
 const ChannelPreview = _ref => {
   var _sbState$stores, _sbState$stores$userS, _sbState$stores$userS2, _sbState$config, _sbState$config2, _channel$lastMessage, _channel$lastMessage2, _channel$lastMessage3, _channel$lastMessage4;