@sendbird/uikit-react 3.6.8 → 3.6.9

package/cjs/ChannelList/components/AddChannel.js

@@ -7,40 +7,41 @@ var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var CreateChannel = require('../../CreateChannel.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelList_context = require('../../ChannelListProvider-1506b1fa.js');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
+var ChannelList_context = require('../../ChannelListProvider-69db317f.js');
+require('../../_rollupPluginBabelHelpers-a85bd364.js');
 require('prop-types');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-f30302a5.js');
+require('../../CreateChannelProvider-1c4d626c.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-c495cb3a.js');
-require('../../utils-c2f38151.js');
+require('../../topics-2c35cfd7.js');
+require('../../utils-8958cb75.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../LocalizationContext-9c99457f.js');
-require('../../stringSet-dbdeec9c.js');
-require('../../index-ba4dea0c.js');
+require('../../LocalizationContext-eb7a59da.js');
+require('../../stringSet-b75b75ae.js');
+require('../../index-c9a4a555.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-2413bae4.js');
+require('../../index.module-5c951066.js');
+require('../../index-5628e0c0.js');
+require('../../MediaQueryContext-ca045060.js');
 require('../../ui/Button.js');
-require('../../index-4eb2a000.js');
-require('../../MediaQueryContext-a5c77095.js');
+require('../../index-f40c4cf0.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-1f226141.js');
+require('../../UserProfileContext-abe57718.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-b2882230.js');
+require('../../uuid-34728ced.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-0599b6f2.js');
+require('../../index-613acaa0.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../withSendbird.js');
 require('@sendbird/chat/groupChannel');
-require('../../consts-fb9dd3a0.js');
+require('../../consts-7b830cc5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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,cAAQ,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,yCAAqB,EAAE,CAAA;AAE3B,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAACE,aAAU,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,yBAAA,CAAAC,aAAA,CAACM,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GACP,CAAA,CACS,EAEXf,SAAS,iBACPW,yBAAA,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,cAAQ,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,yCAAqB,EAAE,CAAA;AAE3B,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAACE,aAAU,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,yBAAA,CAAAC,aAAA,CAACM,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,MAAO;IACvBC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BR,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,MAAA;GACP,CAAA,CACS,EAEXf,SAAS,iBACPW,yBAAA,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/cjs/ChannelList/components/ChannelListHeader.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-9c99457f.js');
+var LocalizationContext = require('../../LocalizationContext-eb7a59da.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Label = require('../../index-4eb2a000.js');
+var ui_Label = require('../../index-f40c4cf0.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-require('../../stringSet-dbdeec9c.js');
-require('../../index-ba4dea0c.js');
+require('../../stringSet-b75b75ae.js');
+require('../../index-c9a4a555.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
+require('../../_rollupPluginBabelHelpers-a85bd364.js');
 require('prop-types');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-b2882230.js');
+require('../../uuid-34728ced.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelListUI.js

@@ -5,69 +5,71 @@ var ChannelList_components_ChannelListHeader = require('./ChannelListHeader.js')
 var ChannelList_components_AddChannel = require('./AddChannel.js');
 var ChannelList_components_ChannelPreview = require('./ChannelPreview.js');
 var ChannelList_components_ChannelPreviewAction = require('./ChannelPreviewAction.js');
-var ChannelList_context = require('../../ChannelListProvider-1506b1fa.js');
+var ChannelList_context = require('../../ChannelListProvider-69db317f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var EditUserProfile = require('../../EditUserProfile.js');
-var ui_PlaceHolder = require('../../index-9cffff55.js');
-require('../../LocalizationContext-9c99457f.js');
-require('../../stringSet-dbdeec9c.js');
-require('../../index-ba4dea0c.js');
-require('../../index-4eb2a000.js');
+var ui_PlaceHolder = require('../../index-494b5c25.js');
+require('../../LocalizationContext-eb7a59da.js');
+require('../../stringSet-b75b75ae.js');
+require('../../index-c9a4a555.js');
+require('../../index-f40c4cf0.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-b2882230.js');
+require('../../uuid-34728ced.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
+require('../../_rollupPluginBabelHelpers-a85bd364.js');
 require('../../CreateChannel.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-f30302a5.js');
+require('../../CreateChannelProvider-1c4d626c.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-c495cb3a.js');
-require('../../utils-c2f38151.js');
+require('../../topics-2c35cfd7.js');
+require('../../utils-8958cb75.js');
 require('../../CreateChannel/components/InviteUsers.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-2413bae4.js');
+require('../../index.module-5c951066.js');
+require('../../index-5628e0c0.js');
+require('../../MediaQueryContext-ca045060.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-a5c77095.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-1f226141.js');
+require('../../UserProfileContext-abe57718.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-0599b6f2.js');
+require('../../index-613acaa0.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../ui/ChannelAvatar.js');
-require('../../utils-cc9de39b.js');
+require('../../utils-d5a929c9.js');
 require('../../ui/Badge.js');
-require('../../index-464461c9.js');
-require('../../index-c59af641.js');
+require('../../index-910f48df.js');
+require('../../index-de4da1f2.js');
 require('../../ui/Loader.js');
-require('../../index-0d4c4adf.js');
-require('../../index-df172622.js');
+require('../../index-9813a2f9.js');
+require('../../index-03655429.js');
 require('../../ui/MentionUserLabel.js');
-require('../../consts-4a51c64b.js');
+require('../../consts-2957b793.js');
 require('../../ui/TextButton.js');
-require('../../color-a057a4c2.js');
+require('../../color-2f1198fc.js');
 require('../../Channel/components/TypingIndicator.js');
 require('@sendbird/chat/groupChannel');
-require('../../ChannelProvider-c8bc29d3.js');
-require('../../const-8e4d382d.js');
-require('../../utils-b6cca626.js');
-require('../../compareIds-49d9aea6.js');
+require('../../ChannelProvider-2ee005bc.js');
+require('../../const-95881697.js');
+require('../../utils-1e9e97b5.js');
+require('../../compareIds-89c258a0.js');
 require('@sendbird/chat/message');
-require('../../consts-fb9dd3a0.js');
-require('../../resolvedReplyType-053d2dbc.js');
-require('../../useLongPress-e7c92bb0.js');
+require('../../consts-7b830cc5.js');
+require('../../resolvedReplyType-314fee09.js');
+require('../../useSendMultipleFilesMessage-c5266ca8.js');
+require('../../useLongPress-49aa9a49.js');
 require('../../withSendbird.js');
-require('../../index-5359bc78.js');
+require('../../index-2fd388b9.js');
 require('../../ui/Input.js');
-require('../../actionTypes-01de4d11.js');
+require('../../actionTypes-412ca236.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelListUI.js.map

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

@@ -1,52 +1,54 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-117c3ffb.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-a85bd364.js');
 var React = require('react');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-4eb2a000.js');
-var ui_MessageStatus = require('../../index-464461c9.js');
+var ui_Label = require('../../index-f40c4cf0.js');
+var ui_MessageStatus = require('../../index-910f48df.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-9c99457f.js');
+var LocalizationContext = require('../../LocalizationContext-eb7a59da.js');
 var ui_MentionUserLabel = require('../../ui/MentionUserLabel.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ChannelList_context = require('../../ChannelListProvider-1506b1fa.js');
+var ChannelList_context = require('../../ChannelListProvider-69db317f.js');
 var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../index-0599b6f2.js');
-var MediaQueryContext = require('../../MediaQueryContext-a5c77095.js');
-var useLongPress = require('../../useLongPress-e7c92bb0.js');
+var index = require('../../index-613acaa0.js');
+var MediaQueryContext = require('../../MediaQueryContext-ca045060.js');
+var useLongPress = require('../../useLongPress-49aa9a49.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-b2882230.js');
-require('../../utils-cc9de39b.js');
+require('../../uuid-34728ced.js');
+require('../../utils-d5a929c9.js');
 require('prop-types');
-require('../../stringSet-dbdeec9c.js');
-require('../../index-c59af641.js');
-require('../../index-ba4dea0c.js');
+require('../../stringSet-b75b75ae.js');
+require('../../index-de4da1f2.js');
+require('../../index-c9a4a555.js');
 require('../../ui/Loader.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-0d4c4adf.js');
-require('../../index-df172622.js');
+require('../../index-9813a2f9.js');
+require('../../index-03655429.js');
 require('../../withSendbird.js');
-require('../../consts-4a51c64b.js');
+require('../../consts-2957b793.js');
 require('react-dom');
-require('../../index-2413bae4.js');
-require('../../ui/Button.js');
+require('../../utils-8958cb75.js');
+require('../../index.module-5c951066.js');
+require('../../index-5628e0c0.js');
 require('../../ui/IconButton.js');
-require('../../color-a057a4c2.js');
+require('../../ui/Button.js');
+require('../../color-2f1198fc.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-c495cb3a.js');
-require('../../utils-c2f38151.js');
-require('../../consts-fb9dd3a0.js');
-require('../../UserProfileContext-1f226141.js');
-require('../../ChannelProvider-c8bc29d3.js');
-require('../../const-8e4d382d.js');
-require('../../utils-b6cca626.js');
-require('../../compareIds-49d9aea6.js');
+require('../../topics-2c35cfd7.js');
+require('../../consts-7b830cc5.js');
+require('../../UserProfileContext-abe57718.js');
+require('../../ChannelProvider-2ee005bc.js');
+require('../../const-95881697.js');
+require('../../utils-1e9e97b5.js');
+require('../../compareIds-89c258a0.js');
 require('@sendbird/chat/message');
-require('../../resolvedReplyType-053d2dbc.js');
+require('../../resolvedReplyType-314fee09.js');
+require('../../useSendMultipleFilesMessage-c5266ca8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -168,7 +170,7 @@ const ChannelPreview = _ref => {
     className: "sendbird-channel-preview__action"
   }, renderChannelAction({
     channel
-  }))), showMobileLeave && isMobile && /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+  }))), showMobileLeave && isMobile && /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
     className: "sendbird-channel-preview__leave--mobile",
     titleText: channelName,
     hideFooter: true,

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreview.js","sources":["../../../../src/modules/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import './channel-preview.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { FileMessage } 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 { CoreMessageType, isVoiceMessage, SendableMessageType } 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 SendableMessageType)?.sender?.userId === userId;\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileLeave(true);\n      }\n    },\n    onClick,\n  }, {\n    delay: 1000,\n  });\n  const channelName = utils.getChannelTitle(channel, userId, stringSet);\n  return (\n    <>\n      <div\n        className={[\n          'sendbird-channel-preview',\n          isActive ? 'sendbird-channel-preview--active' : '',\n        ].join(' ')}\n        role=\"link\"\n        tabIndex={tabIndex}\n        {...(isMobile ? { ...onLongPress } : { onClick })}\n      >\n        <div\n          className=\"sendbird-channel-preview__avatar\"\n        >\n          <ChannelAvatar\n            channel={channel}\n            userId={userId}\n            theme={theme}\n          />\n        </div>\n        <div className=\"sendbird-channel-preview__content\">\n          <div className=\"sendbird-channel-preview__content__upper\">\n            <div className=\"sendbird-channel-preview__content__upper__header\">\n              {\n                isBroadcast\n                && (\n                  <div className=\"sendbird-channel-preview__content__upper__header__broadcast-icon\">\n                    <Icon\n                      type={IconTypes.BROADCAST}\n                      fillColor={IconColors.SECONDARY}\n                      height=\"16px\"\n                      width=\"16px\"\n                    />\n                  </div>\n                )\n              }\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__channel-name\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {channelName}\n              </Label>\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__total-members\"\n                type={LabelTypography.CAPTION_2}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {utils.getTotalMembers(channel)}\n              </Label>\n              {\n                isFrozen\n                && (\n                  <div title=\"Frozen\" className=\"sendbird-channel-preview__content__upper__header__frozen-icon\">\n                    <Icon\n                      type={IconTypes.FREEZE}\n                      fillColor={IconColors.PRIMARY}\n                      height={12}\n                      width={12}\n                    />\n                  </div>\n                )\n              }\n            </div>\n            {\n              (!channel?.isEphemeral && isMessageStatusEnabled) && (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as CoreMessageType}\n                  isDateSeparatorConsidered={false}\n                />\n              )\n            }\n            {\n              (!channel?.isEphemeral && !isMessageStatusEnabled) && (\n                <Label\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {utils.getLastMessageCreatedAt({\n                    channel,\n                    locale: dateLocale,\n                    stringSet,\n                  })}\n                </Label>\n              )\n            }\n          </div>\n          <div className=\"sendbird-channel-preview__content__lower\">\n            <Label\n              className=\"sendbird-channel-preview__content__lower__last-message\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {\n                isChannelTyping && (\n                  <TypingIndicatorText members={channel?.getTypingUsers()} />\n                )\n              }\n              {\n                !isChannelTyping && !isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  utils.getLastMessage(channel)\n                )\n              }\n              {\n                !isChannelTyping && isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  stringSet.VOICE_MESSAGE\n                )\n              }\n            </Label>\n            {\n              !channel?.isEphemeral && (\n                <div className=\"sendbird-channel-preview__content__lower__unread-message-count\">\n                  {\n                    (isMentionEnabled && channel?.unreadMentionCount > 0)\n                      ? (\n                        <MentionUserLabel\n                          className=\"sendbird-channel-preview__content__lower__unread-message-count__mention\"\n                          color=\"purple\"\n                        >\n                          {'@'}\n                        </MentionUserLabel>\n                      )\n                      : null\n                  }\n                  {\n                    utils.getChannelUnreadMessageCount(channel) // return number\n                      ? <Badge count={utils.getChannelUnreadMessageCount(channel)} />\n                      : null\n                  }\n                </div>\n              )\n            }\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-channel-preview__action\"\n            >\n              {renderChannelAction({ channel })}\n            </div>\n          )\n        }\n      </div>\n      {/*\n        Event from portal is transferred to parent\n        If this modal goes inside channel preview, it will propogate event to\n        ChannelPreview and cause many issues with click/touchEnd etc\n        https://github.com/facebook/react/issues/11387#issuecomment-340019419\n      */}\n      {\n        showMobileLeave && isMobile && (\n          <Modal\n            className=\"sendbird-channel-preview__leave--mobile\"\n            titleText={channelName}\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => setShowMobileLeave(false)}\n          >\n            <TextButton\n              onClick={() => {\n                onLeaveChannel();\n                setShowMobileLeave(false);\n              }}\n              className=\"sendbird-channel-preview__leave-label--mobile\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n              </Label>\n            </TextButton>\n          </Modal>\n        )\n      }\n    </>\n  );\n};\n\nexport default ChannelPreview;\n"],"names":["ChannelPreview","_ref","_sbState$stores","_sbState$stores$userS","_sbState$stores$userS2","_sbState$config","_sbState$config2","_channel$lastMessage","_channel$lastMessage2","_channel$lastMessage3","_channel$lastMessage4","channel","isActive","isTyping","renderChannelAction","onLeaveChannel","onClick","tabIndex","sbState","useSendbirdStateContext","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","useChannelListContext","dateLocale","stringSet","useLocalization","isMobile","useMediaQueryContext","showMobileLeave","setShowMobileLeave","useState","userId","stores","userStore","user","theme","config","isMentionEnabled","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","lastMessage","messageType","sender","onLongPress","useLongPress","delay","channelName","utils","React","createElement","Fragment","_extends","className","join","role","_objectSpread","ChannelAvatar","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","SECONDARY","height","width","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","title","FREEZE","PRIMARY","isEphemeral","MessageStatus","message","isDateSeparatorConsidered","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","members","getTypingUsers","isVoiceMessage","VOICE_MESSAGE","unreadMentionCount","MentionUserLabel","Badge","count","Modal","titleText","hideFooter","isCloseOnClickOutside","onCancel","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCMA,MAAAA,cAAiD,GAAGC,IAAA,IAQ3B;AAAA,EAAA,IAAAC,eAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,oBAAA,EAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA,CAAA;EAAA,IAR4B;IACzDC,OAAO;AACPC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,mBAAmB;IACnBC,cAAc;IACdC,OAAO;AACPC,IAAAA,QAAAA;AACuB,GAAC,GAAAhB,IAAA,CAAA;EACxB,MAAMiB,OAAO,GAAGC,uBAAuB,EAAE,CAAA;EACzC,MAAM;AACJC,IAAAA,wBAAwB,GAAG,KAAK;AAChCC,IAAAA,6BAA6B,GAAG,KAAA;GACjC,GAAGC,yCAAqB,EAAE,CAAA;EAC3B,MAAM;IAAEC,UAAU;AAAEC,IAAAA,SAAAA;GAAW,GAAGC,mCAAe,EAAE,CAAA;EACnD,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,sCAAoB,EAAE,CAAA;EAE3C,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAE7D,EAAA,MAAMC,MAAM,GAAGb,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAhB,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,eAAA,GAAPgB,OAAO,CAAEc,MAAM,MAAA9B,IAAAA,IAAAA,eAAA,wBAAAC,qBAAA,GAAfD,eAAA,CAAiB+B,SAAS,MAAA,IAAA,IAAA9B,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,sBAAA,GAA1BD,qBAAA,CAA4B+B,IAAI,MAAA9B,IAAAA,IAAAA,sBAAA,KAAhCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAkC2B,MAAM,CAAA;AACvD,EAAA,MAAMI,KAAK,GAAGjB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,wBAAAb,eAAA,GAAPa,OAAO,CAAEkB,MAAM,MAAA/B,IAAAA,IAAAA,eAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAA,CAAiB8B,KAAK,CAAA;AACpC,EAAA,MAAME,gBAAgB,GAAGnB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,wBAAAZ,gBAAA,GAAPY,OAAO,CAAEkB,MAAM,MAAA9B,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiB+B,gBAAgB,CAAA;EAC1D,MAAMC,QAAQ,GAAG,CAAA3B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE2B,QAAQ,KAAI,KAAK,CAAA;EAC3C,MAAMC,WAAW,GAAG,CAAA5B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE4B,WAAW,KAAI,KAAK,CAAA;AACjD,EAAA,MAAMC,eAAe,GAAGpB,wBAAwB,IAAIP,QAAQ,CAAA;AAC5D,EAAA,MAAM4B,sBAAsB,GAAGpB,6BAA6B,KACtD,CAAAV,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAJ,oBAAA,GAAPI,OAAO,CAAE+B,WAAW,MAAAnC,IAAAA,IAAAA,oBAAA,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAsBoC,WAAW,MAAK,MAAM,IAAI,CAAAhC,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAH,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAPG,OAAO,CAAE+B,WAAW,MAAA,IAAA,IAAAlC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,qBAAA,CAAsBmC,WAAW,MAAK,MAAM,CAAC,IAC9F,CAAChC,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAPE,OAAO,CAAE+B,WAAW,MAAA,IAAA,IAAAjC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,qBAAA,GAArBD,qBAAA,CAA+CmC,MAAM,MAAAlC,IAAAA,IAAAA,qBAAA,KAArDA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAuDqB,MAAM,MAAKA,MAAM,CAAA;EAE7E,MAAMc,WAAW,GAAGC,yBAAY,CAAC;IAC/BD,WAAW,EAAEA,MAAM;AACjB,MAAA,IAAInB,QAAQ,EAAE;QACZG,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC1B,OAAA;KACD;AACDb,IAAAA,OAAAA;AACF,GAAC,EAAE;AACD+B,IAAAA,KAAK,EAAE,IAAA;AACT,GAAC,CAAC,CAAA;EACF,MAAMC,WAAW,GAAGC,gCAAqB,CAACtC,OAAO,EAAEoB,MAAM,EAAEP,SAAS,CAAC,CAAA;AACrE,EAAA,oBACE0B,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAE,kCAAA,CAAA;AACEC,IAAAA,SAAS,EAAE,CACT,0BAA0B,EAC1B1C,QAAQ,GAAG,kCAAkC,GAAG,EAAE,CACnD,CAAC2C,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,MAAM;AACXvC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACdS,QAAQ,GAAA+B,wCAAA,CAAA,EAAA,EAAQZ,WAAW,CAAK,GAAA;AAAE7B,IAAAA,OAAAA;GAAS,CAAA,eAEhDkC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,kCAAA;AAAkC,GAAA,eAE5CJ,yBAAA,CAAAC,aAAA,CAACO,gBAAa,EAAA;AACZ/C,IAAAA,OAAO,EAAEA,OAAQ;AACjBoB,IAAAA,MAAM,EAAEA,MAAO;AACfI,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,CACb,CACE,eACNe,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,mCAAA;GACbJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,0CAAA;GACbJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,kDAAA;AAAkD,GAAA,EAE7Df,WAAW,iBAETW,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,kEAAA;AAAkE,GAAA,eAC/EJ,yBAAA,CAAAC,aAAA,CAACQ,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,SAAU;IAC1BC,SAAS,EAAEC,kBAAU,CAACC,SAAU;AAChCC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAA;AAAM,GAAA,CACZ,CAEL,eAEHjB,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,gEAAgE;IAC1EM,IAAI,EAAES,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCzB,WAAW,CACN,eACRE,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,iEAAiE;IAC3EM,IAAI,EAAES,wBAAe,CAACK,SAAU;IAChCH,KAAK,EAAEC,oBAAW,CAACG,cAAAA;AAAe,GAAA,EAEjC1B,gCAAqB,CAACtC,OAAO,CAAC,CACzB,EAEN2B,QAAQ,iBAENY,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKyB,IAAAA,KAAK,EAAC,QAAQ;AAACtB,IAAAA,SAAS,EAAC,+DAAA;AAA+D,GAAA,eAC3FJ,yBAAA,CAAAC,aAAA,CAACQ,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACgB,MAAO;IACvBd,SAAS,EAAEC,kBAAU,CAACc,OAAQ;AAC9BZ,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,KAAK,EAAE,EAAA;AAAG,GAAA,CACV,CAEL,CAEC,EAEH,EAACxD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEoE,WAAW,KAAItC,sBAAsB,iBAC9CS,yBAAA,CAAAC,aAAA,CAAC6B,8BAAa,EAAA;AACZ1B,IAAAA,SAAS,EAAC,2DAA2D;AACrE3C,IAAAA,OAAO,EAAEA,OAAQ;AACjBsE,IAAAA,OAAO,EAAEtE,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE+B,WAA+B;AACjDwC,IAAAA,yBAAyB,EAAE,KAAA;AAAM,GAAA,CAEpC,EAGA,EAACvE,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEoE,WAAW,CAAA,IAAI,CAACtC,sBAAsB,iBAC/CS,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,2DAA2D;IACrEM,IAAI,EAAES,wBAAe,CAACc,SAAU;IAChCZ,KAAK,EAAEC,oBAAW,CAACG,cAAAA;GAElB1B,EAAAA,wCAA6B,CAAC;IAC7BtC,OAAO;AACPyE,IAAAA,MAAM,EAAE7D,UAAU;AAClBC,IAAAA,SAAAA;AACF,GAAC,CAAC,CAEL,CAEC,eACN0B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,0CAAA;AAA0C,GAAA,eACvDJ,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,wDAAwD;IAClEM,IAAI,EAAES,wBAAe,CAACgB,MAAO;IAC7Bd,KAAK,EAAEC,oBAAW,CAACc,cAAAA;AAAe,GAAA,EAGhC9C,eAAe,iBACbU,yBAAA,CAAAC,aAAA,CAACoC,sDAAmB,EAAA;AAACC,IAAAA,OAAO,EAAE7E,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE8E,cAAc,EAAA;GACtD,CAAA,EAGD,CAACjD,eAAe,IAAI,CAACkD,oBAAc,CAAC/E,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE+B,WAAW,CAAgB,IACtEO,+BAAoB,CAACtC,OAAO,CAC7B,EAGD,CAAC6B,eAAe,IAAIkD,oBAAc,CAAC/E,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE+B,WAAW,CAAgB,IACrElB,SAAS,CAACmE,aACX,CAEG,EAEN,EAAChF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEoE,WAAW,CAAA,iBACnB7B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,gEAAA;AAAgE,GAAA,EAE1EjB,gBAAgB,IAAI,CAAA1B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEiF,kBAAkB,IAAG,CAAC,gBAEhD1C,yBAAA,CAAAC,aAAA,CAAC0C,mBAAgB,EAAA;AACfvC,IAAAA,SAAS,EAAC,yEAAyE;AACnFiB,IAAAA,KAAK,EAAC,QAAA;GAEL,EAAA,GAAG,CACa,GAEnB,IAAI,EAGRtB,6CAAkC,CAACtC,OAAO,CAAC;AAAC,iBACxCuC,yBAAA,CAAAC,aAAA,CAAC2C,QAAK,EAAA;AAACC,IAAAA,KAAK,EAAE9C,6CAAkC,CAACtC,OAAO,CAAA;GAAK,CAAA,GAC7D,IAAI,CAGb,CAEC,CACF,EAEJ,CAACe,QAAQ,iBACPwB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,kCAAA;AAAkC,GAAA,EAE3CxC,mBAAmB,CAAC;AAAEH,IAAAA,OAAAA;AAAQ,GAAC,CAAC,CAEpC,CAEC,EAQJiB,eAAe,IAAIF,QAAQ,iBACzBwB,yBAAA,CAAAC,aAAA,CAAC6C,mBAAK,EAAA;AACJ1C,IAAAA,SAAS,EAAC,yCAAyC;AACnD2C,IAAAA,SAAS,EAAEjD,WAAY;IACvBkD,UAAU,EAAA,IAAA;IACVC,qBAAqB,EAAA,IAAA;AACrBC,IAAAA,QAAQ,EAAEA,MAAMvE,kBAAkB,CAAC,KAAK,CAAA;AAAE,GAAA,eAE1CqB,yBAAA,CAAAC,aAAA,CAACkD,aAAU,EAAA;IACTrF,OAAO,EAAEA,MAAM;AACbD,MAAAA,cAAc,EAAE,CAAA;MAChBc,kBAAkB,CAAC,KAAK,CAAC,CAAA;KACzB;AACFyB,IAAAA,SAAS,EAAC,+CAAA;AAA+C,GAAA,eAEzDJ,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;IACJR,IAAI,EAAES,wBAAe,CAACiC,UAAW;IACjC/B,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCjD,SAAS,CAAC+E,4BAA4B,CACjC,CACG,CAEhB,CAEF,CAAA;AAEP;;;;"}
+{"version":3,"file":"ChannelPreview.js","sources":["../../../../src/modules/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import './channel-preview.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { FileMessage } 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 { CoreMessageType, isVoiceMessage, SendableMessageType } 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 SendableMessageType)?.sender?.userId === userId;\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileLeave(true);\n      }\n    },\n    onClick,\n  }, {\n    delay: 1000,\n  });\n  const channelName = utils.getChannelTitle(channel, userId, stringSet);\n  return (\n    <>\n      <div\n        className={[\n          'sendbird-channel-preview',\n          isActive ? 'sendbird-channel-preview--active' : '',\n        ].join(' ')}\n        role=\"link\"\n        tabIndex={tabIndex}\n        {...(isMobile ? { ...onLongPress } : { onClick })}\n      >\n        <div\n          className=\"sendbird-channel-preview__avatar\"\n        >\n          <ChannelAvatar\n            channel={channel}\n            userId={userId}\n            theme={theme}\n          />\n        </div>\n        <div className=\"sendbird-channel-preview__content\">\n          <div className=\"sendbird-channel-preview__content__upper\">\n            <div className=\"sendbird-channel-preview__content__upper__header\">\n              {\n                isBroadcast\n                && (\n                  <div className=\"sendbird-channel-preview__content__upper__header__broadcast-icon\">\n                    <Icon\n                      type={IconTypes.BROADCAST}\n                      fillColor={IconColors.SECONDARY}\n                      height=\"16px\"\n                      width=\"16px\"\n                    />\n                  </div>\n                )\n              }\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__channel-name\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {channelName}\n              </Label>\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__total-members\"\n                type={LabelTypography.CAPTION_2}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {utils.getTotalMembers(channel)}\n              </Label>\n              {\n                isFrozen\n                && (\n                  <div title=\"Frozen\" className=\"sendbird-channel-preview__content__upper__header__frozen-icon\">\n                    <Icon\n                      type={IconTypes.FREEZE}\n                      fillColor={IconColors.PRIMARY}\n                      height={12}\n                      width={12}\n                    />\n                  </div>\n                )\n              }\n            </div>\n            {\n              (!channel?.isEphemeral && isMessageStatusEnabled) && (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as CoreMessageType}\n                  isDateSeparatorConsidered={false}\n                />\n              )\n            }\n            {\n              (!channel?.isEphemeral && !isMessageStatusEnabled) && (\n                <Label\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {utils.getLastMessageCreatedAt({\n                    channel,\n                    locale: dateLocale,\n                    stringSet,\n                  })}\n                </Label>\n              )\n            }\n          </div>\n          <div className=\"sendbird-channel-preview__content__lower\">\n            <Label\n              className=\"sendbird-channel-preview__content__lower__last-message\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {\n                isChannelTyping && (\n                  <TypingIndicatorText members={channel?.getTypingUsers()} />\n                )\n              }\n              {\n                !isChannelTyping && !isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  utils.getLastMessage(channel)\n                )\n              }\n              {\n                !isChannelTyping && isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  stringSet.VOICE_MESSAGE\n                )\n              }\n            </Label>\n            {\n              !channel?.isEphemeral && (\n                <div className=\"sendbird-channel-preview__content__lower__unread-message-count\">\n                  {\n                    (isMentionEnabled && channel?.unreadMentionCount > 0)\n                      ? (\n                        <MentionUserLabel\n                          className=\"sendbird-channel-preview__content__lower__unread-message-count__mention\"\n                          color=\"purple\"\n                        >\n                          {'@'}\n                        </MentionUserLabel>\n                      )\n                      : null\n                  }\n                  {\n                    utils.getChannelUnreadMessageCount(channel) // return number\n                      ? <Badge count={utils.getChannelUnreadMessageCount(channel)} />\n                      : null\n                  }\n                </div>\n              )\n            }\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-channel-preview__action\"\n            >\n              {renderChannelAction({ channel })}\n            </div>\n          )\n        }\n      </div>\n      {/*\n        Event from portal is transferred to parent\n        If this modal goes inside channel preview, it will propogate event to\n        ChannelPreview and cause many issues with click/touchEnd etc\n        https://github.com/facebook/react/issues/11387#issuecomment-340019419\n      */}\n      {\n        showMobileLeave && isMobile && (\n          <Modal\n            className=\"sendbird-channel-preview__leave--mobile\"\n            titleText={channelName}\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => setShowMobileLeave(false)}\n          >\n            <TextButton\n              onClick={() => {\n                onLeaveChannel();\n                setShowMobileLeave(false);\n              }}\n              className=\"sendbird-channel-preview__leave-label--mobile\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n              </Label>\n            </TextButton>\n          </Modal>\n        )\n      }\n    </>\n  );\n};\n\nexport default ChannelPreview;\n"],"names":["ChannelPreview","_ref","_sbState$stores","_sbState$stores$userS","_sbState$stores$userS2","_sbState$config","_sbState$config2","_channel$lastMessage","_channel$lastMessage2","_channel$lastMessage3","_channel$lastMessage4","channel","isActive","isTyping","renderChannelAction","onLeaveChannel","onClick","tabIndex","sbState","useSendbirdStateContext","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","useChannelListContext","dateLocale","stringSet","useLocalization","isMobile","useMediaQueryContext","showMobileLeave","setShowMobileLeave","useState","userId","stores","userStore","user","theme","config","isMentionEnabled","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","lastMessage","messageType","sender","onLongPress","useLongPress","delay","channelName","utils","React","createElement","Fragment","_extends","className","join","role","_objectSpread","ChannelAvatar","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","SECONDARY","height","width","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","title","FREEZE","PRIMARY","isEphemeral","MessageStatus","message","isDateSeparatorConsidered","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","members","getTypingUsers","isVoiceMessage","VOICE_MESSAGE","unreadMentionCount","MentionUserLabel","Badge","count","Modal","titleText","hideFooter","isCloseOnClickOutside","onCancel","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":"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"}

package/cjs/ChannelList/components/ChannelPreviewAction.js

@@ -2,31 +2,32 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var LocalizationContext = require('../../LocalizationContext-9c99457f.js');
+var LocalizationContext = require('../../LocalizationContext-eb7a59da.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var utils = require('../../utils-c2f38151.js');
+var utils = require('../../utils-8958cb75.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ChannelList_context = require('../../ChannelListProvider-1506b1fa.js');
-require('../../stringSet-dbdeec9c.js');
-require('../../index-ba4dea0c.js');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
+var ChannelList_context = require('../../ChannelListProvider-69db317f.js');
+require('../../stringSet-b75b75ae.js');
+require('../../index-c9a4a555.js');
+require('../../_rollupPluginBabelHelpers-a85bd364.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-b2882230.js');
-require('../../index-0599b6f2.js');
+require('../../uuid-34728ced.js');
+require('../../index-613acaa0.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-4eb2a000.js');
+require('../../index.module-5c951066.js');
+require('../../index-f40c4cf0.js');
 require('../../withSendbird.js');
-require('../../index-2413bae4.js');
+require('../../index-5628e0c0.js');
+require('../../MediaQueryContext-ca045060.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-a5c77095.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-c495cb3a.js');
-require('../../consts-fb9dd3a0.js');
-require('../../UserProfileContext-1f226141.js');
+require('../../topics-2c35cfd7.js');
+require('../../consts-7b830cc5.js');
+require('../../UserProfileContext-abe57718.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,7 +50,7 @@ const LeaveChannel = props => {
   const logger = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.logger;
   const isOnline = state === null || state === void 0 ? void 0 : (_state$config2 = state.config) === null || _state$config2 === void 0 ? void 0 : _state$config2.isOnline;
   if (leavingChannel) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    return /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
       disabled: !isOnline,
       onCancel: onCancel,
       onSubmit: () => {

package/cjs/ChannelList/components/ChannelPreviewAction.js.map

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