@sendbird/uikit-react 3.5.0-rc.1 → 3.5.0

package/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","coverUrl","IconTypes","CHANNELS","IconColors","CONTENT","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/modules/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","_ref","className","isSelected","channel","onClick","React","createElement","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/OpenChannelList/context.js

@@ -1,8 +1,7 @@
 import 'react';
-import '../topics-e2963bba.js';
+import '../topics-70f569e9.js';
 import '../useSendbirdStateContext.js';
-export { O as OpenChannelListProvider, c as default, u as useOpenChannelListContext } from '../OpenChannelListProvider-0febf8b2.js';
+export { O as OpenChannelListProvider, c as default, u as useOpenChannelListContext } from '../OpenChannelListProvider-d7372692.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-519f674b.js';
-import '../tslib.es6-72df3331.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
 //# sourceMappingURL=context.js.map

package/OpenChannelList/context.js.map

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

package/OpenChannelList.js

@@ -1,47 +1,49 @@
 import React__default from 'react';
 import OpenChannelListUI from './OpenChannelList/components/OpenChannelListUI.js';
-import { O as OpenChannelListProvider } from './OpenChannelListProvider-0febf8b2.js';
+import { O as OpenChannelListProvider } from './OpenChannelListProvider-d7372692.js';
 import './OpenChannelList/components/OpenChannelPreview.js';
 import './ui/Avatar.js';
-import './tslib.es6-72df3331.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './uuid-7e004f47.js';
-import './index-2784bdd8.js';
-import './stringSet-9ae71b7d.js';
-import './index-232388fa.js';
-import './LocalizationContext-289c1917.js';
-import './index-4ebfc7a7.js';
+import './uuid-92d22300.js';
+import './index-e33f7f55.js';
+import './stringSet-e0ee1265.js';
+import './index-9cd77b08.js';
+import './LocalizationContext-04c0c9dc.js';
+import './index-319984d0.js';
 import './ui/Loader.js';
 import './ui/IconButton.js';
+import './_rollupPluginBabelHelpers-fb0e05a4.js';
 import './CreateOpenChannel.js';
 import './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import './ui/Button.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-2f346069.js';
-import './MediaQueryContext-273d29f6.js';
+import './index-9a4e0846.js';
+import './MediaQueryContext-ff9dca2b.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-163ba24d.js';
+import './color-347926b6.js';
 import './CreateOpenChannel/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-519f674b.js';
-import './topics-e2963bba.js';
+import './consts-c1baf70a.js';
+import './topics-70f569e9.js';
 
-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;
+function OpenChannelList(_ref) {
+  let {
+    // provider
+    className,
+    queries,
+    onChannelSelected,
+    // ui
+    renderHeader,
+    renderChannelPreview,
+    renderPlaceHolderEmpty,
+    renderPlaceHolderError,
+    renderPlaceHolderLoading
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(OpenChannelListProvider, {
     className: className,
     queries: queries,

package/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"],"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,6BAAC,uBAAD,EAAA;AACE,IAAA,SAAS,EAAER,SADb;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,iBAAiB,EAAEC,iBAAAA;AAHrB,GAAA,eAKEM,6BAAC,iBAAD,EAAA;AACE,IAAA,YAAY,EAAEL,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/modules/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","_ref","className","queries","onChannelSelected","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","React","createElement","OpenChannelListProvider","OpenChannelListUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAeA,CAAAC,IAAA,EAWe;EAAA,IAXd;AACvB;IACAC,SAAS;IACTC,OAAO;IACPC,iBAAiB;AACjB;IACAC,YAAY;IACZC,oBAAoB;IACpBC,sBAAsB;IACtBC,sBAAsB;AACtBC,IAAAA,wBAAAA;AACoB,GAAC,GAAAR,IAAA,CAAA;AACrB,EAAA,oBACES,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAA;AACtBV,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GAAA,eAErCM,cAAA,CAAAC,aAAA,CAACE,iBAAiB,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,CACnD,CACsB,CAAA;AAE9B;;;;"}

package/OpenChannelListProvider-d7372692.js

@@ -0,0 +1,429 @@
+import React__default, { useCallback, useEffect, useContext, useMemo, useReducer } from 'react';
+import { P as PUBSUB_TOPICS } from './topics-70f569e9.js';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-fb0e05a4.js';
+
+let OpenChannelListFetchingStatus = /*#__PURE__*/function (OpenChannelListFetchingStatus) {
+  OpenChannelListFetchingStatus["EMPTY"] = "EMPTY";
+  OpenChannelListFetchingStatus["FETCHING"] = "FETCHING";
+  OpenChannelListFetchingStatus["DONE"] = "DONE";
+  OpenChannelListFetchingStatus["ERROR"] = "ERROR";
+  return OpenChannelListFetchingStatus;
+}({});
+
+var OpenChannelListActionTypes = /*#__PURE__*/function (OpenChannelListActionTypes) {
+  OpenChannelListActionTypes["INIT_OPEN_CHANNEL_LIST_START"] = "INIT_OPEN_CHANNEL_LIST_START";
+  OpenChannelListActionTypes["INIT_OPEN_CHANNEL_LIST_SUCCESS"] = "INIT_OPEN_CHANNEL_LIST_SUCCESS";
+  OpenChannelListActionTypes["INIT_OPEN_CHANNEL_LIST_FAILURE"] = "INIT_OPEN_CHANNEL_LIST_FAILURE";
+  OpenChannelListActionTypes["RESET_OPEN_CHANNEL_LIST"] = "RESET_OPEN_CHANNEL_LIST";
+  OpenChannelListActionTypes["FETCH_OPEN_CHANNEL_LIST_START"] = "FETCH_OPEN_CHANNEL_LIST_START";
+  OpenChannelListActionTypes["FETCH_OPEN_CHANNEL_LIST_SUCCESS"] = "FETCH_OPEN_CHANNEL_LIST_SUCCESS";
+  OpenChannelListActionTypes["FETCH_OPEN_CHANNEL_LIST_FAILURE"] = "FETCH_OPEN_CHANNEL_LIST_FAILURE";
+  OpenChannelListActionTypes["CREATE_OPEN_CHANNEL"] = "CREATE_OPEN_CHANNEL";
+  OpenChannelListActionTypes["SET_CURRENT_OPEN_CHANNEL"] = "SET_CURRENT_OPEN_CHANNEL";
+  OpenChannelListActionTypes["UPDATE_OPEN_CHANNEL_LIST_QUERY"] = "UPDATE_OPEN_CHANNEL_LIST_QUERY";
+  OpenChannelListActionTypes["UPDATE_OPEN_CHANNEL"] = "UPDATE_OPEN_CHANNEL";
+  return OpenChannelListActionTypes;
+}(OpenChannelListActionTypes || {});
+
+function reducer(state, action) {
+  switch (action.type) {
+    case OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_START:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          fetchingStatus: OpenChannelListFetchingStatus.FETCHING
+        });
+      }
+    case OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_SUCCESS:
+      {
+        const channelList = action.payload;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          allChannels: channelList,
+          fetchingStatus: channelList.length > 0 ? OpenChannelListFetchingStatus.DONE : OpenChannelListFetchingStatus.EMPTY
+        });
+      }
+    case OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_FAILURE:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          allChannels: [],
+          fetchingStatus: OpenChannelListFetchingStatus.ERROR
+        });
+      }
+    case OpenChannelListActionTypes.RESET_OPEN_CHANNEL_LIST:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          allChannels: [],
+          fetchingStatus: OpenChannelListFetchingStatus.EMPTY
+        });
+      }
+    case OpenChannelListActionTypes.FETCH_OPEN_CHANNEL_LIST_START:
+      {
+        return state;
+      }
+    case OpenChannelListActionTypes.FETCH_OPEN_CHANNEL_LIST_SUCCESS:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          allChannels: [...state.allChannels, ...action.payload]
+        });
+      }
+    case OpenChannelListActionTypes.FETCH_OPEN_CHANNEL_LIST_FAILURE:
+      {
+        return state;
+      }
+    case OpenChannelListActionTypes.CREATE_OPEN_CHANNEL:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          currentChannel: action.payload,
+          allChannels: [action.payload, ...state.allChannels]
+        });
+      }
+    case OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          currentChannel: action.payload
+        });
+      }
+    case OpenChannelListActionTypes.UPDATE_OPEN_CHANNEL_LIST_QUERY:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          channelListQuery: action === null || action === void 0 ? void 0 : action.payload
+        });
+      }
+    case OpenChannelListActionTypes.UPDATE_OPEN_CHANNEL:
+      {
+        var _state$currentChannel, _action$payload2;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          allChannels: state.allChannels.map(channel => {
+            var _action$payload;
+            return (channel === null || channel === void 0 ? void 0 : channel.url) === ((_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.url) ? action.payload : channel;
+          }),
+          currentChannel: ((_state$currentChannel = state.currentChannel) === null || _state$currentChannel === void 0 ? void 0 : _state$currentChannel.url) === (action === null || action === void 0 ? void 0 : (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : _action$payload2.url) ? state.currentChannel : action.payload
+        });
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}
+
+var openChannelListInitialState = {
+  allChannels: [],
+  currentChannel: null,
+  fetchingStatus: OpenChannelListFetchingStatus.EMPTY,
+  channelListQuery: null
+};
+
+function useFetchNextCallback(_ref, _ref2) {
+  let {
+    sdkInitialized,
+    openChannelListQuery
+  } = _ref;
+  let {
+    logger,
+    openChannelListDispatcher
+  } = _ref2;
+  return useCallback(callback => {
+    if (sdkInitialized && openChannelListQuery !== null && openChannelListQuery !== void 0 && openChannelListQuery.hasNext) {
+      logger.info('OpenChannelList|useFetchNextCallback : Fetch channels');
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes.FETCH_OPEN_CHANNEL_LIST_START,
+        payload: null
+      });
+      openChannelListQuery.next().then(channelList => {
+        callback(channelList, null);
+        logger.info('OpenChannelList|useFetchNextCallback: Succeeded fetching channels', channelList);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes.FETCH_OPEN_CHANNEL_LIST_SUCCESS,
+          payload: channelList
+        });
+      }).catch(err => {
+        callback(null, err);
+        logger.error('OpenChannelList|useFetchNextCallback: Failed fetching channels', err);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes.FETCH_OPEN_CHANNEL_LIST_FAILURE,
+          payload: null
+        });
+      });
+    } else {
+      logger.info('OpenChannelList|useFetchNextCallback : There is no more channels');
+    }
+  }, [sdkInitialized, openChannelListQuery]);
+}
+
+function createChannelListQuery(_ref) {
+  var _sdk$openChannel, _sdk$openChannel$crea;
+  let {
+    sdk,
+    logMessage,
+    openChannelListQuery,
+    logger,
+    openChannelListDispatcher
+  } = _ref;
+  const params = {};
+  params.limit = 20;
+  params.includeFrozen = true;
+  if (openChannelListQuery) {
+    Object.keys(openChannelListQuery).forEach(key => {
+      params[key] = openChannelListQuery[key];
+    });
+  }
+  const channelListQuery = sdk === null || sdk === void 0 ? void 0 : (_sdk$openChannel = sdk.openChannel) === null || _sdk$openChannel === void 0 ? void 0 : (_sdk$openChannel$crea = _sdk$openChannel.createOpenChannelListQuery) === null || _sdk$openChannel$crea === void 0 ? void 0 : _sdk$openChannel$crea.call(_sdk$openChannel, params);
+  logger.info(logMessage, channelListQuery);
+  openChannelListDispatcher({
+    type: OpenChannelListActionTypes.UPDATE_OPEN_CHANNEL_LIST_QUERY,
+    payload: channelListQuery
+  });
+  return channelListQuery;
+}
+
+function useSetupOpenChannelList(_ref, _ref2) {
+  let {
+    sdk,
+    sdkInitialized,
+    openChannelListQuery
+  } = _ref;
+  let {
+    logger,
+    openChannelListDispatcher
+  } = _ref2;
+  useEffect(() => {
+    if (sdkInitialized) {
+      if (sdk !== null && sdk !== void 0 && sdk.openChannel) {
+        var _sdk$openChannel;
+        if (sdk !== null && sdk !== void 0 && (_sdk$openChannel = sdk.openChannel) !== null && _sdk$openChannel !== void 0 && _sdk$openChannel.createOpenChannelListQuery) {
+          logger.info('OpenChannelList|useSetupOpenChannelList: Setup OpenChannelList', {
+            sdkInitialized
+          });
+          const channelListQuery = createChannelListQuery({
+            sdk,
+            logger,
+            openChannelListQuery,
+            openChannelListDispatcher,
+            logMessage: 'OpenChannelList|useSetupOpenChannelList: Succeeded create channelListQuery'
+          });
+          if (channelListQuery !== null && channelListQuery !== void 0 && channelListQuery.hasNext) {
+            logger.info('OpenChannelList|useSetupOpenChannelList: Fetch channels');
+            openChannelListDispatcher({
+              type: OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_START,
+              payload: null
+            });
+            channelListQuery.next().then(channelList => {
+              logger.info('OpenChannelList|useSetupOpenChannelList: Succeeded fetching channels', channelList);
+              openChannelListDispatcher({
+                type: OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_SUCCESS,
+                payload: channelList
+              });
+            }).catch(err => {
+              logger.error('OpenChannelList|useSetupOpenChannelList: Failed fetching channels', err);
+              openChannelListDispatcher({
+                type: OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_FAILURE,
+                payload: null
+              });
+            });
+          } else {
+            logger.info('OpenChannelList|useSetupOpenChannelList: There is no more channels');
+          }
+        } else {
+          logger.warning('OpenChannelList|useSetupOpenChannelList: createOpenChannelListQuery is not included in the openChannel', sdk.openChannel);
+        }
+      } else {
+        logger.warning('OpenChannelList|useSetupOpenChannelList: openChannel is not included in the Chat SDK', sdk);
+      }
+    } else {
+      logger.info('OpenChannelList|useSetupOpenChannelList: Reset OpenChannelList', {
+        sdkInitialized
+      });
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes.RESET_OPEN_CHANNEL_LIST,
+        payload: null
+      });
+    }
+  }, [sdkInitialized, openChannelListQuery]);
+}
+
+function useRefreshOpenChannelList(_ref, _ref2) {
+  let {
+    sdk,
+    sdkInitialized,
+    openChannelListQuery
+  } = _ref;
+  let {
+    logger,
+    openChannelListDispatcher
+  } = _ref2;
+  return useCallback(() => {
+    var _sdk$openChannel;
+    if (!sdkInitialized) {
+      logger.info('OpenChannelList|useRefreshOpenChannelList: Reset OpenChannelList', {
+        sdkInitialized
+      });
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes.RESET_OPEN_CHANNEL_LIST,
+        payload: null
+      });
+      return;
+    }
+    if (!(sdk !== null && sdk !== void 0 && sdk.openChannel)) {
+      logger.warning('OpenChannelList|useRefreshOpenChannelList: openChannel is not included in the Chat SDK', sdk);
+      return;
+    }
+    if (!(sdk !== null && sdk !== void 0 && (_sdk$openChannel = sdk.openChannel) !== null && _sdk$openChannel !== void 0 && _sdk$openChannel.createOpenChannelListQuery)) {
+      logger.warning('OpenChannelList|useRefreshOpenChannelList: createOpenChannelListQuery is not included in the openChannel', sdk.openChannel);
+      return;
+    }
+    logger.info('OpenChannelList|useRefreshOpenChannelList: Setup OpenChannelList', {
+      sdkInitialized
+    });
+    const channelListQuery = createChannelListQuery({
+      sdk,
+      logger,
+      openChannelListQuery,
+      openChannelListDispatcher,
+      logMessage: 'OpenChannelList|useRefreshOpenChannelList: Succeeded create channelListQuery'
+    });
+    if (channelListQuery.hasNext) {
+      logger.info('OpenChannelList|useRefreshOpenChannelList: Fetch channels');
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_START,
+        payload: null
+      });
+      channelListQuery.next().then(channelList => {
+        logger.info('OpenChannelList|useRefreshOpenChannelList: Succeeded fetching channels', channelList);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_SUCCESS,
+          payload: channelList
+        });
+      }).catch(err => {
+        logger.error('OpenChannelList|useRefreshOpenChannelList: Failed fetching channels', err);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes.INIT_OPEN_CHANNEL_LIST_FAILURE,
+          payload: null
+        });
+      });
+    } else {
+      logger.info('OpenChannelList|useRefreshOpenChannelList: There is no more channels');
+    }
+  }, [sdkInitialized, openChannelListQuery]);
+}
+
+const OpenChannelListContext = /*#__PURE__*/React__default.createContext({
+  onChannelSelected: null,
+  currentChannel: null,
+  allChannels: [],
+  fetchingStatus: OpenChannelListFetchingStatus.EMPTY,
+  customOpenChannelListQuery: {},
+  fetchNextChannels: null,
+  refreshOpenChannelList: null,
+  openChannelListDispatcher: null,
+  logger: null
+});
+function useOpenChannelListContext() {
+  const context = useContext(OpenChannelListContext);
+  return context;
+}
+const OpenChannelListProvider = _ref => {
+  var _stores$sdkStore, _stores$sdkStore2;
+  let {
+    className,
+    children,
+    queries,
+    onChannelSelected
+  } = _ref;
+  // props
+  const {
+    stores,
+    config
+  } = useSendbirdStateContext();
+  const {
+    logger,
+    pubSub
+  } = config;
+  const sdk = (stores === null || stores === void 0 ? void 0 : (_stores$sdkStore = stores.sdkStore) === null || _stores$sdkStore === void 0 ? void 0 : _stores$sdkStore.sdk) || null;
+  const sdkInitialized = (stores === null || stores === void 0 ? void 0 : (_stores$sdkStore2 = stores.sdkStore) === null || _stores$sdkStore2 === void 0 ? void 0 : _stores$sdkStore2.initialized) || false;
+  const customOpenChannelListQuery = useMemo(() => {
+    return (queries === null || queries === void 0 ? void 0 : queries.openChannelListQuery) || null;
+  }, [queries === null || queries === void 0 ? void 0 : queries.openChannelListQuery]);
+
+  // dux
+  const [openChannelListStore, openChannelListDispatcher] = useReducer(reducer, openChannelListInitialState);
+  const {
+    allChannels,
+    currentChannel,
+    fetchingStatus,
+    channelListQuery
+  } = openChannelListStore;
+
+  // Initialize
+  useSetupOpenChannelList({
+    sdk,
+    sdkInitialized,
+    openChannelListQuery: customOpenChannelListQuery
+  }, {
+    logger,
+    openChannelListDispatcher
+  });
+
+  // Events & PubSub
+  useEffect(() => {
+    const subscriber = pubSub !== null && pubSub !== void 0 && pubSub.subscribe ? new Map() : null;
+    subscriber === null || subscriber === void 0 ? void 0 : subscriber.set(PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL, pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe(PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL, channel => {
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes.UPDATE_OPEN_CHANNEL,
+        payload: channel
+      });
+    }));
+    return () => {
+      subscriber === null || subscriber === void 0 ? void 0 : subscriber.forEach(s => {
+        try {
+          s.remove();
+        } catch (_unused) {
+          //
+        }
+      });
+    };
+  }, [sdkInitialized, pubSub]);
+
+  // Fetch next channels by scroll event
+  const fetchNextChannels = useFetchNextCallback({
+    sdkInitialized: sdkInitialized,
+    openChannelListQuery: channelListQuery
+  }, {
+    logger,
+    openChannelListDispatcher
+  });
+
+  // Refresh channel list by click event of 'refresh button'
+  const refreshOpenChannelList = useRefreshOpenChannelList({
+    sdk,
+    sdkInitialized,
+    openChannelListQuery: customOpenChannelListQuery
+  }, {
+    logger,
+    openChannelListDispatcher
+  });
+  return /*#__PURE__*/React__default.createElement(OpenChannelListContext.Provider, {
+    value: {
+      // props
+      onChannelSelected: onChannelSelected,
+      customOpenChannelListQuery: customOpenChannelListQuery,
+      // interface
+      logger: logger,
+      currentChannel: currentChannel,
+      allChannels: allChannels,
+      fetchingStatus: fetchingStatus,
+      fetchNextChannels: fetchNextChannels,
+      refreshOpenChannelList: refreshOpenChannelList,
+      openChannelListDispatcher: openChannelListDispatcher
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `sendbird-open-channel-list ${className}`
+  }, children));
+};
+var OpenChannelListProvider$1 = {
+  OpenChannelListProvider,
+  useOpenChannelListContext
+};
+
+export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
+//# sourceMappingURL=OpenChannelListProvider-d7372692.js.map