@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/OpenChannelList/components/OpenChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelListUI.js","sources":["../../../../src/smart-components/OpenChannelList/components/OpenChannelListUI/index.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport './index.scss';\n\nimport OpenChannelPreview from '../OpenChannelPreview';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { OnOpenChannelSelected, OpenChannelListFetchingStatus } from '../../context/OpenChannelListInterfaces';\nimport { useOpenChannelListContext } from '../../context/OpenChannelListProvider';\nimport OpenChannelListActionTypes from '../../context/dux/actionTypes';\nimport CreateOpenChannel from '../../../CreateOpenChannel';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\n\ninterface RenderOpenChannelPreviewProps {\n  channel: OpenChannel;\n  isSelected: boolean;\n  onChannelSelected: OnOpenChannelSelected;\n}\n\nexport interface OpenChannelListUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;\n  renderPlaceHolderEmpty?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nfunction OpenChannelListUI({\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListUIProps): React.ReactElement {\n  const [showCreateChannelModal, setShowCreateChannel] = useState(false);\n  const scrollRef = useRef(null);\n  const {\n    logger,\n    currentChannel,\n    allChannels,\n    fetchingStatus,\n    onChannelSelected,\n    fetchNextChannels,\n    refreshOpenChannelList,\n    openChannelListDispatcher,\n  } = useOpenChannelListContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n    const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {\n      fetchNextChannels((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n  };\n  const handleOnClickCreateChannel = () => {\n    setShowCreateChannel(true);\n  };\n\n  const MemoizedHeader: React.ReactElement = useMemo(() => {\n    return renderHeader?.() || null;\n  }, [renderHeader]);\n  const MemoizedPlaceHolder: React.ReactElement = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {\n      return renderPlaceHolderEmpty?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--empty\"\n          type={PlaceHolderTypes.NO_CHANNELS}\n        />\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {\n      return renderPlaceHolderLoading?.() || (\n        <div className=\"sendbird-open-channel-list-ui__channel-list--place-holder--loading\">\n          <PlaceHolder\n            iconSize=\"24px\"\n            type={PlaceHolderTypes.LOADING}\n          />\n        </div>\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {\n      return renderPlaceHolderError?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--error\"\n          type={PlaceHolderTypes.WRONG}\n        />\n      );\n    }\n    return null;\n  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);\n  const MemoizedAllChannels = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.DONE) {\n      return allChannels.map((channel) => {\n        const isSelected = channel?.url === currentChannel?.url;\n        const handleClick = (e) => {\n          onChannelSelected?.(channel, e);\n          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);\n          openChannelListDispatcher({\n            type: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,\n            payload: channel,\n          });\n        };\n        return renderChannelPreview\n          ? (\n            <div\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              onClick={handleClick}\n            >\n              {renderChannelPreview({ channel, isSelected, onChannelSelected })}\n            </div>\n          )\n          : (\n            <OpenChannelPreview\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              channel={channel}\n              isSelected={isSelected}\n              onClick={handleClick}\n              key={channel?.url}\n            />\n          );\n      })\n    }\n    return null;\n  }, [allChannels, allChannels.length, currentChannel]);\n\n  return (\n    <div className=\"sendbird-open-channel-list-ui\">\n      {\n        showCreateChannelModal && (\n          <CreateOpenChannel\n            closeModal={() => setShowCreateChannel(false)}\n            onCreateChannel={(openChannel) => {\n              onChannelSelected?.(openChannel);\n              openChannelListDispatcher({\n                type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,\n                payload: openChannel,\n              });\n            }}\n          />\n        )\n      }\n      {\n        MemoizedHeader || (\n          <div className=\"sendbird-open-channel-list-ui__header\">\n            <Label\n              className=\"sendbird-open-channel-list-ui__header__title\"\n              type={LabelTypography.H_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.OPEN_CHANNEL_LIST__TITLE}\n            </Label>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-refresh\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={() => refreshOpenChannelList()}\n            >\n              <Icon\n                type={IconTypes.REFRESH}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-create-channel\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={handleOnClickCreateChannel}\n            >\n              <Icon\n                type={IconTypes.CREATE}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n      <div\n        className=\"sendbird-open-channel-list-ui__channel-list\"\n        ref={scrollRef}\n        onScroll={handleScroll}\n        >\n        {MemoizedPlaceHolder}\n        {MemoizedAllChannels}\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelListUI;\n"],"names":["OpenChannelListUI","_a","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","_b","useState","showCreateChannelModal","setShowCreateChannel","scrollRef","useRef","_c","useOpenChannelListContext","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","stringSet","useContext","LocalizationContext","handleScroll","e","element","target","scrollTop","clientHeight","scrollHeight","isAboutSame","a","b","px","Math","abs","SCROLL_BUFFER","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","FETCHING","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","type","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","OpenChannelPreview","length","openChannel","CREATE_OPEN_CHANNEL","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconButton","Icon","IconTypes","REFRESH","IconColors","PRIMARY","CREATE"],"mappings":"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"}
+{"version":3,"file":"OpenChannelListUI.js","sources":["../../../../src/smart-components/OpenChannelList/components/OpenChannelListUI/index.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport './index.scss';\n\nimport OpenChannelPreview from '../OpenChannelPreview';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { OnOpenChannelSelected, OpenChannelListFetchingStatus } from '../../context/OpenChannelListInterfaces';\nimport { useOpenChannelListContext } from '../../context/OpenChannelListProvider';\nimport OpenChannelListActionTypes from '../../context/dux/actionTypes';\nimport CreateOpenChannel from '../../../CreateOpenChannel';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\n\ninterface RenderOpenChannelPreviewProps {\n  channel: OpenChannel;\n  isSelected: boolean;\n  onChannelSelected: OnOpenChannelSelected;\n}\n\nexport interface OpenChannelListUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;\n  renderPlaceHolderEmpty?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nfunction OpenChannelListUI({\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListUIProps): React.ReactElement {\n  const [showCreateChannelModal, setShowCreateChannel] = useState(false);\n  const scrollRef = useRef(null);\n  const {\n    logger,\n    currentChannel,\n    allChannels,\n    fetchingStatus,\n    onChannelSelected,\n    fetchNextChannels,\n    refreshOpenChannelList,\n    openChannelListDispatcher,\n  } = useOpenChannelListContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n    const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {\n      fetchNextChannels((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n  };\n  const handleOnClickCreateChannel = () => {\n    setShowCreateChannel(true);\n  };\n\n  const MemoizedHeader: React.ReactElement = useMemo(() => {\n    return renderHeader?.() || null;\n  }, [renderHeader]);\n  const MemoizedPlaceHolder: React.ReactElement = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {\n      return renderPlaceHolderEmpty?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--empty\"\n          type={PlaceHolderTypes.NO_CHANNELS}\n        />\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {\n      return renderPlaceHolderLoading?.() || (\n        <div className=\"sendbird-open-channel-list-ui__channel-list--place-holder--loading\">\n          <PlaceHolder\n            iconSize=\"24px\"\n            type={PlaceHolderTypes.LOADING}\n          />\n        </div>\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {\n      return renderPlaceHolderError?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--error\"\n          type={PlaceHolderTypes.WRONG}\n        />\n      );\n    }\n    return null;\n  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);\n  const MemoizedAllChannels = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.DONE) {\n      return allChannels.map((channel) => {\n        const isSelected = channel?.url === currentChannel?.url;\n        const handleClick = (e) => {\n          onChannelSelected?.(channel, e);\n          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);\n          openChannelListDispatcher({\n            type: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,\n            payload: channel,\n          });\n        };\n        return renderChannelPreview\n          ? (\n            <div\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              onClick={handleClick}\n            >\n              {renderChannelPreview({ channel, isSelected, onChannelSelected })}\n            </div>\n          )\n          : (\n            <OpenChannelPreview\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              channel={channel}\n              isSelected={isSelected}\n              onClick={handleClick}\n              key={channel?.url}\n            />\n          );\n      })\n    }\n    return null;\n  }, [allChannels, allChannels.length, currentChannel]);\n\n  return (\n    <div className=\"sendbird-open-channel-list-ui\">\n      {\n        showCreateChannelModal && (\n          <CreateOpenChannel\n            closeModal={() => setShowCreateChannel(false)}\n            onCreateChannel={(openChannel) => {\n              onChannelSelected?.(openChannel);\n              openChannelListDispatcher({\n                type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,\n                payload: openChannel,\n              });\n            }}\n          />\n        )\n      }\n      {\n        MemoizedHeader || (\n          <div className=\"sendbird-open-channel-list-ui__header\">\n            <Label\n              className=\"sendbird-open-channel-list-ui__header__title\"\n              type={LabelTypography.H_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.OPEN_CHANNEL_LIST__TITLE}\n            </Label>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-refresh\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={() => refreshOpenChannelList()}\n            >\n              <Icon\n                type={IconTypes.REFRESH}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-create-channel\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={handleOnClickCreateChannel}\n            >\n              <Icon\n                type={IconTypes.CREATE}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n      <div\n        className=\"sendbird-open-channel-list-ui__channel-list\"\n        ref={scrollRef}\n        onScroll={handleScroll}\n        >\n        {MemoizedPlaceHolder}\n        {MemoizedAllChannels}\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelListUI;\n"],"names":["OpenChannelListUI","_a","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","_b","useState","showCreateChannelModal","setShowCreateChannel","scrollRef","useRef","_c","useOpenChannelListContext","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","stringSet","useContext","LocalizationContext","handleScroll","e","element","target","scrollTop","clientHeight","scrollHeight","isAboutSame","a","b","px","Math","abs","SCROLL_BUFFER","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_CHANNELS","FETCHING","iconSize","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","onClick","OpenChannelPreview","key","length","CreateOpenChannel","closeModal","onCreateChannel","openChannel","CREATE_OPEN_CHANNEL","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconButton","width","height","Icon","IconTypes","REFRESH","fillColor","IconColors","PRIMARY","CREATE","ref","onScroll"],"mappings":"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"}

package/cjs/OpenChannelList/components/OpenChannelPreview.js

@@ -3,12 +3,12 @@
 var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-26a1e861.js');
-require('../../tslib.es6-ee1122c5.js');
+var ui_Label = require('../../index-0e43cd69.js');
+require('../../tslib.es6-67bdb021.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-26b61f16.js');
+require('../../uuid-f23c161c.js');
 require('prop-types');
-require('../../stringSet-7330b627.js');
+require('../../stringSet-76f7df68.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,9 +16,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function OpenChannelPreview(_a) {
   var className = _a.className,
-      isSelected = _a.isSelected,
-      channel = _a.channel,
-      onClick = _a.onClick;
+    isSelected = _a.isSelected,
+    channel = _a.channel,
+    onClick = _a.onClick;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-open-channel-preview ".concat(isSelected ? 'selected' : '', " ").concat(className),
     onClick: onClick

package/cjs/OpenChannelList/components/OpenChannelPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelPreview.js","sources":["../../../../src/smart-components/OpenChannelList/components/OpenChannelPreview/index.tsx"],"sourcesContent":["import './index.scss';\nimport React from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\ninterface OpenChannelPreviewProps {\n  className?: string;\n  isSelected?: boolean;\n  channel: OpenChannel;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\nfunction OpenChannelPreview({\n  className,\n  isSelected,\n  channel,\n  onClick,\n}: OpenChannelPreviewProps): React.ReactElement {\n  return (\n    <div\n      className={`sendbird-open-channel-preview ${isSelected ? 'selected' : ''} ${className}`}\n      onClick={onClick}\n    >\n      <div className=\"sendbird-open-channel-preview__cover-image\">\n        <Avatar\n          className=\"sendbird-open-channel-preview__cover-image__avatar\"\n          src={channel?.coverUrl}\n          alt=\"cover-image\"\n          width=\"42px\"\n          height=\"42px\"\n          customDefaultComponent={() => (\n            <div className=\"sendbird-open-channel-preview__cover-image__avatar--default\">\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div className=\"sendbird-open-channel-preview__context\">\n        <div className=\"sendbird-open-channel-preview__context__title\">\n          <Label\n            className={`sendbird-open-channel-preview__context__title__channel-name ${channel?.isFrozen ? 'frozen' : ''}`}\n            type={LabelTypography.SUBTITLE_2}\n            color={isSelected ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_1}\n          >\n            {channel?.name}\n          </Label>\n          {\n            channel?.isFrozen\n              ? (\n                <Icon\n                  className=\"sendbird-open-channel-preview__context__title__frozen\"\n                  type={IconTypes.FREEZE}\n                  fillColor={IconColors.PRIMARY}\n                  width=\"16px\"\n                  height=\"16px\"\n                />\n              ) : ''\n          }\n        </div>\n        <div className=\"sendbird-open-channel-preview__context__participants\">\n          <Icon\n            className=\"sendbird-open-channel-preview__context__participants__icon\"\n            type={IconTypes.MEMBERS}\n            fillColor={IconColors.ON_BACKGROUND_2}\n            width=\"14px\"\n            height=\"14px\"\n          />\n          <Label\n            className=\"sendbird-open-channel-preview__context__participants__count\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {channel?.participantCount || '0'}\n          </Label>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelPreview;\n"],"names":["OpenChannelPreview","_a","className","isSelected","channel","onClick","React","concat","Avatar","coverUrl","Icon","IconTypes","CHANNELS","IconColors","CONTENT","Label","isFrozen","LabelTypography","SUBTITLE_2","LabelColors","PRIMARY","ONBACKGROUND_1","name","FREEZE","MEMBERS","ON_BACKGROUND_2","CAPTION_3","ONBACKGROUND_2","participantCount"],"mappings":"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"}
+{"version":3,"file":"OpenChannelPreview.js","sources":["../../../../src/smart-components/OpenChannelList/components/OpenChannelPreview/index.tsx"],"sourcesContent":["import './index.scss';\nimport React from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\ninterface OpenChannelPreviewProps {\n  className?: string;\n  isSelected?: boolean;\n  channel: OpenChannel;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\nfunction OpenChannelPreview({\n  className,\n  isSelected,\n  channel,\n  onClick,\n}: OpenChannelPreviewProps): React.ReactElement {\n  return (\n    <div\n      className={`sendbird-open-channel-preview ${isSelected ? 'selected' : ''} ${className}`}\n      onClick={onClick}\n    >\n      <div className=\"sendbird-open-channel-preview__cover-image\">\n        <Avatar\n          className=\"sendbird-open-channel-preview__cover-image__avatar\"\n          src={channel?.coverUrl}\n          alt=\"cover-image\"\n          width=\"42px\"\n          height=\"42px\"\n          customDefaultComponent={() => (\n            <div className=\"sendbird-open-channel-preview__cover-image__avatar--default\">\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div className=\"sendbird-open-channel-preview__context\">\n        <div className=\"sendbird-open-channel-preview__context__title\">\n          <Label\n            className={`sendbird-open-channel-preview__context__title__channel-name ${channel?.isFrozen ? 'frozen' : ''}`}\n            type={LabelTypography.SUBTITLE_2}\n            color={isSelected ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_1}\n          >\n            {channel?.name}\n          </Label>\n          {\n            channel?.isFrozen\n              ? (\n                <Icon\n                  className=\"sendbird-open-channel-preview__context__title__frozen\"\n                  type={IconTypes.FREEZE}\n                  fillColor={IconColors.PRIMARY}\n                  width=\"16px\"\n                  height=\"16px\"\n                />\n              ) : ''\n          }\n        </div>\n        <div className=\"sendbird-open-channel-preview__context__participants\">\n          <Icon\n            className=\"sendbird-open-channel-preview__context__participants__icon\"\n            type={IconTypes.MEMBERS}\n            fillColor={IconColors.ON_BACKGROUND_2}\n            width=\"14px\"\n            height=\"14px\"\n          />\n          <Label\n            className=\"sendbird-open-channel-preview__context__participants__count\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {channel?.participantCount || '0'}\n          </Label>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelPreview;\n"],"names":["OpenChannelPreview","_a","className","isSelected","channel","onClick","React","createElement","concat","Avatar","src","coverUrl","alt","width","height","customDefaultComponent","Icon","type","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","Label","isFrozen","LabelTypography","SUBTITLE_2","color","LabelColors","PRIMARY","ONBACKGROUND_1","name","FREEZE","MEMBERS","ON_BACKGROUND_2","CAPTION_3","ONBACKGROUND_2","participantCount"],"mappings":"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"}

package/cjs/OpenChannelList/context.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../topics-7547922a.js');
+require('../topics-f70c5e0f.js');
 require('../useSendbirdStateContext.js');
-var OpenChannelList_context = require('../OpenChannelListProvider-3be4b8a5.js');
+var OpenChannelList_context = require('../OpenChannelListProvider-89659c0b.js');
 require('../withSendbird.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 
 
 

package/cjs/OpenChannelList.js

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelListUI = require('./OpenChannelList/components/OpenChannelListUI.js');
-var OpenChannelList_context = require('./OpenChannelListProvider-3be4b8a5.js');
+var OpenChannelList_context = require('./OpenChannelListProvider-89659c0b.js');
 require('./OpenChannelList/components/OpenChannelPreview.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-ee1122c5.js');
+require('./tslib.es6-67bdb021.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-26b61f16.js');
-require('./index-26a1e861.js');
-require('./stringSet-7330b627.js');
-require('./index-aeba3b06.js');
-require('./LocalizationContext-01fceac0.js');
-require('./index-7c5d21c4.js');
+require('./uuid-f23c161c.js');
+require('./index-0e43cd69.js');
+require('./stringSet-76f7df68.js');
+require('./index-630f7132.js');
+require('./LocalizationContext-e4a874cf.js');
+require('./index-903c0f93.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./CreateOpenChannel.js');
@@ -22,32 +22,33 @@ require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('./ui/Button.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-36aaf992.js');
-require('./MediaQueryContext-4978c777.js');
+require('./index-813deccc.js');
+require('./MediaQueryContext-fcd92c17.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-8f9fe57f.js');
+require('./color-168c1d53.js');
 require('./CreateOpenChannel/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./consts-69fc20be.js');
-require('./topics-7547922a.js');
+require('./consts-b8c0be49.js');
+require('./topics-f70c5e0f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function OpenChannelList(_a) {
-  var // provider
-  className = _a.className,
-      queries = _a.queries,
-      onChannelSelected = _a.onChannelSelected,
-      // ui
-  renderHeader = _a.renderHeader,
-      renderChannelPreview = _a.renderChannelPreview,
-      renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty,
-      renderPlaceHolderError = _a.renderPlaceHolderError,
-      renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+  var
+    // provider
+    className = _a.className,
+    queries = _a.queries,
+    onChannelSelected = _a.onChannelSelected,
+    // ui
+    renderHeader = _a.renderHeader,
+    renderChannelPreview = _a.renderChannelPreview,
+    renderPlaceHolderEmpty = _a.renderPlaceHolderEmpty,
+    renderPlaceHolderError = _a.renderPlaceHolderError,
+    renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
   return /*#__PURE__*/React__default["default"].createElement(OpenChannelList_context.OpenChannelListProvider, {
     className: className,
     queries: queries,

package/cjs/OpenChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelList.js","sources":["../../src/smart-components/OpenChannelList/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport OpenChannelListUI, { OpenChannelListUIProps } from './components/OpenChannelListUI';\nimport { OpenChannelListProvider } from './context/OpenChannelListProvider';\nimport { OpenChannelListProviderProps }  from './context/OpenChannelListInterfaces';\n\nexport interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }\n\nfunction OpenChannelList({\n  // provider\n  className,\n  queries,\n  onChannelSelected,\n  // ui\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListProps): ReactElement {\n  return (\n    <OpenChannelListProvider\n      className={className}\n      queries={queries}\n      onChannelSelected={onChannelSelected}\n    >\n      <OpenChannelListUI\n        renderHeader={renderHeader}\n        renderChannelPreview={renderChannelPreview}\n        renderPlaceHolderEmpty={renderPlaceHolderEmpty}\n        renderPlaceHolderError={renderPlaceHolderError}\n        renderPlaceHolderLoading={renderPlaceHolderLoading}\n      />\n    </OpenChannelListProvider>\n  );\n}\n\nexport default OpenChannelList;\n"],"names":["OpenChannelList","_a","className","queries","onChannelSelected","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","React","OpenChannelListProvider","OpenChannelListUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAT,CAAyBC,EAAzB,EAWuB;;EATrBC,SAAS;MACTC,OAAO,GAAAF,EAAA,CAAAE;MACPC,iBAAiB,GAAAH,EAAA,CAAAG;;EAEjBC,YAAY,GAAAJ,EAAA,CAAAI;MACZC,oBAAoB,GAAAL,EAAA,CAAAK;MACpBC,sBAAsB,GAAAN,EAAA,CAAAM;MACtBC,sBAAsB,GAAAP,EAAA,CAAAO;MACtBC,wBAAwB,GAAAR,EAAA,CAAAQ;AAExB,EAAA,oBACEC,wCAACC,+CAAD,EAAA;AACE,IAAA,SAAS,EAAET,SADb;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,iBAAiB,EAAEC,iBAAAA;AAHrB,GAAA,eAKEM,wCAACE,4CAAD,EAAA;AACE,IAAA,YAAY,EAAEP,YADhB;AAEE,IAAA,oBAAoB,EAAEC,oBAFxB;AAGE,IAAA,sBAAsB,EAAEC,sBAH1B;AAIE,IAAA,sBAAsB,EAAEC,sBAJ1B;AAKE,IAAA,wBAAwB,EAAEC,wBAAAA;AAL5B,GAAA,CALF,CADF,CAAA;AAeD;;;;"}
+{"version":3,"file":"OpenChannelList.js","sources":["../../src/smart-components/OpenChannelList/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport OpenChannelListUI, { OpenChannelListUIProps } from './components/OpenChannelListUI';\nimport { OpenChannelListProvider } from './context/OpenChannelListProvider';\nimport { OpenChannelListProviderProps }  from './context/OpenChannelListInterfaces';\n\nexport interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }\n\nfunction OpenChannelList({\n  // provider\n  className,\n  queries,\n  onChannelSelected,\n  // ui\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListProps): ReactElement {\n  return (\n    <OpenChannelListProvider\n      className={className}\n      queries={queries}\n      onChannelSelected={onChannelSelected}\n    >\n      <OpenChannelListUI\n        renderHeader={renderHeader}\n        renderChannelPreview={renderChannelPreview}\n        renderPlaceHolderEmpty={renderPlaceHolderEmpty}\n        renderPlaceHolderError={renderPlaceHolderError}\n        renderPlaceHolderLoading={renderPlaceHolderLoading}\n      />\n    </OpenChannelListProvider>\n  );\n}\n\nexport default OpenChannelList;\n"],"names":["OpenChannelList","_a","className","queries","onChannelSelected","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","React","createElement","OpenChannelListProvider","OpenChannelListUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAeA,CAACC,EAWF,EAAA;;AAVrB;IACAC,SAAS,eAAA;IACTC,OAAO,GAAAF,EAAA,CAAAE,OAAA;IACPC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;AACjB;IACAC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;IACZC,oBAAoB,GAAAL,EAAA,CAAAK,oBAAA;IACpBC,sBAAsB,GAAAN,EAAA,CAAAM,sBAAA;IACtBC,sBAAsB,GAAAP,EAAA,CAAAO,sBAAA;IACtBC,wBAAwB,GAAAR,EAAA,CAAAQ,wBAAA,CAAA;AAExB,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,+CAAuB,EAAA;AACtBV,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GAAA,eAErCM,yBAAA,CAAAC,aAAA,CAACE,4CAAiB,EAAA;AAChBR,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,wBAAwB,EAAEA,wBAAAA;AAAyB,GAAA,CAEvD,CAA0B,CAAA;AAE9B;;;;"}

package/cjs/{OpenChannelListProvider-3be4b8a5.js → OpenChannelListProvider-89659c0b.js}

@@ -1,16 +1,15 @@
 'use strict';
 
 var React = require('react');
-var topics = require('./topics-7547922a.js');
+var topics = require('./topics-f70c5e0f.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var tslib_es6 = require('./tslib.es6-ee1122c5.js');
+var tslib_es6 = require('./tslib.es6-67bdb021.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 exports.OpenChannelListFetchingStatus = void 0;
-
 (function (OpenChannelListFetchingStatus) {
   OpenChannelListFetchingStatus["EMPTY"] = "EMPTY";
   OpenChannelListFetchingStatus["FETCHING"] = "FETCHING";
@@ -19,7 +18,6 @@ exports.OpenChannelListFetchingStatus = void 0;
 })(exports.OpenChannelListFetchingStatus || (exports.OpenChannelListFetchingStatus = {}));
 
 var OpenChannelListActionTypes;
-
 (function (OpenChannelListActionTypes) {
   // actions
   OpenChannelListActionTypes["INIT_OPEN_CHANNEL_LIST_START"] = "INIT_OPEN_CHANNEL_LIST_START";
@@ -34,12 +32,10 @@ var OpenChannelListActionTypes;
   OpenChannelListActionTypes["UPDATE_OPEN_CHANNEL_LIST_QUERY"] = "UPDATE_OPEN_CHANNEL_LIST_QUERY";
   OpenChannelListActionTypes["UPDATE_OPEN_CHANNEL"] = "UPDATE_OPEN_CHANNEL";
 })(OpenChannelListActionTypes || (OpenChannelListActionTypes = {}));
-
 var OpenChannelListActionTypes$1 = OpenChannelListActionTypes;
 
 function reducer(state, action) {
   var _a, _b;
-
   switch (action.type) {
     case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_START:
       {
@@ -47,7 +43,6 @@ function reducer(state, action) {
           fetchingStatus: exports.OpenChannelListFetchingStatus.FETCHING
         });
       }
-
     case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS:
       {
         var channelList = action.payload;
@@ -56,7 +51,6 @@ function reducer(state, action) {
           fetchingStatus: channelList.length > 0 ? exports.OpenChannelListFetchingStatus.DONE : exports.OpenChannelListFetchingStatus.EMPTY
         });
       }
-
     case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_FAILURE:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -64,7 +58,6 @@ function reducer(state, action) {
           fetchingStatus: exports.OpenChannelListFetchingStatus.ERROR
         });
       }
-
     case OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -72,24 +65,20 @@ function reducer(state, action) {
           fetchingStatus: exports.OpenChannelListFetchingStatus.EMPTY
         });
       }
-
     case OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_START:
       {
         return state;
       }
-
     case OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_SUCCESS:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allChannels: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allChannels, true), action.payload, true)
         });
       }
-
     case OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_FAILURE:
       {
         return state;
       }
-
     case OpenChannelListActionTypes$1.CREATE_OPEN_CHANNEL:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -97,33 +86,28 @@ function reducer(state, action) {
           allChannels: tslib_es6.__spreadArray([action.payload], state.allChannels, true)
         });
       }
-
     case OpenChannelListActionTypes$1.SET_CURRENT_OPEN_CHANNEL:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           currentChannel: action.payload
         });
       }
-
     case OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL_LIST_QUERY:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           channelListQuery: action === null || action === void 0 ? void 0 : action.payload
         });
       }
-
     case OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allChannels: state.allChannels.map(function (channel) {
             var _a;
-
             return (channel === null || channel === void 0 ? void 0 : channel.url) === ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.url) ? action.payload : channel;
           }),
           currentChannel: ((_a = state.currentChannel) === null || _a === void 0 ? void 0 : _a.url) === ((_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.url) ? state.currentChannel : action.payload
         });
       }
-
     default:
       {
         return state;
@@ -140,9 +124,9 @@ var openChannelListInitialState = {
 
 function useFetchNextCallback(_a, _b) {
   var sdkInitialized = _a.sdkInitialized,
-      openChannelListQuery = _a.openChannelListQuery;
+    openChannelListQuery = _a.openChannelListQuery;
   var logger = _b.logger,
-      openChannelListDispatcher = _b.openChannelListDispatcher;
+    openChannelListDispatcher = _b.openChannelListDispatcher;
   return React.useCallback(function (callback) {
     if (sdkInitialized && (openChannelListQuery === null || openChannelListQuery === void 0 ? void 0 : openChannelListQuery.hasNext)) {
       logger.info('OpenChannelList|useFetchNextCallback : Fetch channels');
@@ -173,22 +157,19 @@ function useFetchNextCallback(_a, _b) {
 
 function createChannelListQuery(_a) {
   var _b, _c;
-
   var sdk = _a.sdk,
-      logMessage = _a.logMessage,
-      openChannelListQuery = _a.openChannelListQuery,
-      logger = _a.logger,
-      openChannelListDispatcher = _a.openChannelListDispatcher;
+    logMessage = _a.logMessage,
+    openChannelListQuery = _a.openChannelListQuery,
+    logger = _a.logger,
+    openChannelListDispatcher = _a.openChannelListDispatcher;
   var params = {};
   params.limit = 20;
   params.includeFrozen = true;
-
   if (openChannelListQuery) {
     Object.keys(openChannelListQuery).forEach(function (key) {
       params[key] = openChannelListQuery[key];
     });
   }
-
   var channelListQuery = (_c = (_b = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _b === void 0 ? void 0 : _b.createOpenChannelListQuery) === null || _c === void 0 ? void 0 : _c.call(_b, params);
   logger.info(logMessage, channelListQuery);
   openChannelListDispatcher({
@@ -200,13 +181,12 @@ function createChannelListQuery(_a) {
 
 function useSetupOpenChannelList(_a, _b) {
   var sdk = _a.sdk,
-      sdkInitialized = _a.sdkInitialized,
-      openChannelListQuery = _a.openChannelListQuery;
+    sdkInitialized = _a.sdkInitialized,
+    openChannelListQuery = _a.openChannelListQuery;
   var logger = _b.logger,
-      openChannelListDispatcher = _b.openChannelListDispatcher;
+    openChannelListDispatcher = _b.openChannelListDispatcher;
   React.useEffect(function () {
     var _a;
-
     if (sdkInitialized) {
       if (sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) {
         if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.createOpenChannelListQuery) {
@@ -220,7 +200,6 @@ function useSetupOpenChannelList(_a, _b) {
             openChannelListDispatcher: openChannelListDispatcher,
             logMessage: 'OpenChannelList|useSetupOpenChannelList: Succeeded create channelListQuery'
           });
-
           if (channelListQuery === null || channelListQuery === void 0 ? void 0 : channelListQuery.hasNext) {
             logger.info('OpenChannelList|useSetupOpenChannelList: Fetch channels');
             openChannelListDispatcher({
@@ -263,13 +242,12 @@ function useSetupOpenChannelList(_a, _b) {
 
 function useRefreshOpenChannelList(_a, _b) {
   var sdk = _a.sdk,
-      sdkInitialized = _a.sdkInitialized,
-      openChannelListQuery = _a.openChannelListQuery;
+    sdkInitialized = _a.sdkInitialized,
+    openChannelListQuery = _a.openChannelListQuery;
   var logger = _b.logger,
-      openChannelListDispatcher = _b.openChannelListDispatcher;
+    openChannelListDispatcher = _b.openChannelListDispatcher;
   return React.useCallback(function () {
     var _a;
-
     if (!sdkInitialized) {
       logger.info('OpenChannelList|useRefreshOpenChannelList: Reset OpenChannelList', {
         sdkInitialized: sdkInitialized
@@ -280,17 +258,14 @@ function useRefreshOpenChannelList(_a, _b) {
       });
       return;
     }
-
     if (!(sdk === null || sdk === void 0 ? void 0 : sdk.openChannel)) {
       logger.warning('OpenChannelList|useRefreshOpenChannelList: openChannel is not included in the Chat SDK', sdk);
       return;
     }
-
     if (!((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.createOpenChannelListQuery)) {
       logger.warning('OpenChannelList|useRefreshOpenChannelList: createOpenChannelListQuery is not included in the openChannel', sdk.openChannel);
       return;
     }
-
     logger.info('OpenChannelList|useRefreshOpenChannelList: Setup OpenChannelList', {
       sdkInitialized: sdkInitialized
     });
@@ -301,7 +276,6 @@ function useRefreshOpenChannelList(_a, _b) {
       openChannelListDispatcher: openChannelListDispatcher,
       logMessage: 'OpenChannelList|useRefreshOpenChannelList: Succeeded create channelListQuery'
     });
-
     if (channelListQuery.hasNext) {
       logger.info('OpenChannelList|useRefreshOpenChannelList: Fetch channels');
       openChannelListDispatcher({
@@ -344,33 +318,30 @@ function useOpenChannelListContext() {
 }
 var OpenChannelListProvider = function (_a) {
   var _b, _c;
-
   var className = _a.className,
-      children = _a.children,
-      queries = _a.queries,
-      onChannelSelected = _a.onChannelSelected; // props
-
+    children = _a.children,
+    queries = _a.queries,
+    onChannelSelected = _a.onChannelSelected;
+  // props
   var _d = useSendbirdStateContext(),
-      stores = _d.stores,
-      config = _d.config;
-
+    stores = _d.stores,
+    config = _d.config;
   var logger = config.logger,
-      pubSub = config.pubSub;
+    pubSub = config.pubSub;
   var sdk = ((_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) || null;
   var sdkInitialized = ((_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.initialized) || false;
   var customOpenChannelListQuery = React.useMemo(function () {
     return (queries === null || queries === void 0 ? void 0 : queries.openChannelListQuery) || null;
-  }, [queries === null || queries === void 0 ? void 0 : queries.openChannelListQuery]); // dux
-
+  }, [queries === null || queries === void 0 ? void 0 : queries.openChannelListQuery]);
+  // dux
   var _e = React.useReducer(reducer, openChannelListInitialState),
-      openChannelListStore = _e[0],
-      openChannelListDispatcher = _e[1];
-
+    openChannelListStore = _e[0],
+    openChannelListDispatcher = _e[1];
   var allChannels = openChannelListStore.allChannels,
-      currentChannel = openChannelListStore.currentChannel,
-      fetchingStatus = openChannelListStore.fetchingStatus,
-      channelListQuery = openChannelListStore.channelListQuery; // Initialize
-
+    currentChannel = openChannelListStore.currentChannel,
+    fetchingStatus = openChannelListStore.fetchingStatus,
+    channelListQuery = openChannelListStore.channelListQuery;
+  // Initialize
   useSetupOpenChannelList({
     sdk: sdk,
     sdkInitialized: sdkInitialized,
@@ -378,8 +349,8 @@ var OpenChannelListProvider = function (_a) {
   }, {
     logger: logger,
     openChannelListDispatcher: openChannelListDispatcher
-  }); // Events & PubSub
-
+  });
+  // Events & PubSub
   React.useEffect(function () {
     var subscriber = (pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe) ? new Map() : null;
     subscriber === null || subscriber === void 0 ? void 0 : subscriber.set(topics.PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL, pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe(topics.PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL, function (channel) {
@@ -395,16 +366,16 @@ var OpenChannelListProvider = function (_a) {
         } catch (_a) {}
       });
     };
-  }, [sdkInitialized, pubSub]); // Fetch next channels by scroll event
-
+  }, [sdkInitialized, pubSub]);
+  // Fetch next channels by scroll event
   var fetchNextChannels = useFetchNextCallback({
     sdkInitialized: sdkInitialized,
     openChannelListQuery: channelListQuery
   }, {
     logger: logger,
     openChannelListDispatcher: openChannelListDispatcher
-  }); // Refresh channel list by click event of 'refresh button'
-
+  });
+  // Refresh channel list by click event of 'refresh button'
   var refreshOpenChannelList = useRefreshOpenChannelList({
     sdk: sdk,
     sdkInitialized: sdkInitialized,
@@ -440,4 +411,4 @@ exports.OpenChannelListActionTypes = OpenChannelListActionTypes$1;
 exports.OpenChannelListProvider = OpenChannelListProvider;
 exports.OpenChannelListProvider$1 = OpenChannelListProvider$1;
 exports.useOpenChannelListContext = useOpenChannelListContext;
-//# sourceMappingURL=OpenChannelListProvider-3be4b8a5.js.map
+//# sourceMappingURL=OpenChannelListProvider-89659c0b.js.map