@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/cjs/OpenChannelList.js

@@ -2,56 +2,56 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelListUI = require('./OpenChannelList/components/OpenChannelListUI.js');
-var OpenChannelList_context = require('./OpenChannelListProvider-2e3ee48d.js');
+var OpenChannelList_context = require('./OpenChannelListProvider-0b8cd3bf.js');
 require('./OpenChannelList/components/OpenChannelPreview.js');
 require('./ui/Avatar.js');
+require('./tslib.es6-2f2b0bca.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-b2806cf5.js');
-require('./index-18720f0d.js');
-require('./stringSet-d00535a5.js');
-require('./index-7f41c4b6.js');
-require('./LocalizationContext-482c1343.js');
-require('./index-d04f312e.js');
+require('./uuid-c74bbbb6.js');
+require('./index-35820a94.js');
+require('./stringSet-98b52c49.js');
+require('./ui/PlaceHolder.js');
+require('./LocalizationContext-5009012e.js');
+require('./index-fd8a0abb.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
-require('./_rollupPluginBabelHelpers-83d7e84b.js');
 require('./CreateOpenChannel.js');
 require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
-require('./ui/Button.js');
+require('./types-66554668.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./utils-c47c68b1.js');
-require('./index.module-a24e9cd7.js');
-require('./index-cbcacbee.js');
-require('./MediaQueryContext-73aac8cf.js');
+require('./utils-180c6bc8.js');
+require('./index-609b07a2.js');
+require('./index-daf80c58.js');
+require('./MediaQueryContext-d6fdbe43.js');
+require('./ui/Button.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-d83b77ac.js');
+require('./color-477ddbd4.js');
 require('./CreateOpenChannel/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./consts-fb07c671.js');
-require('./topics-adde627b.js');
+require('./consts-95462b21.js');
+require('./pubSub/topics.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function OpenChannelList(_ref) {
-  let {
+function OpenChannelList(_a) {
+  var
     // provider
-    className,
-    queries,
-    onChannelSelected,
+    className = _a.className,
+    queries = _a.queries,
+    onChannelSelected = _a.onChannelSelected,
     // ui
-    renderHeader,
-    renderChannelPreview,
-    renderPlaceHolderEmpty,
-    renderPlaceHolderError,
-    renderPlaceHolderLoading
-  } = _ref;
+    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/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,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,CACnD,CACsB,CAAA;AAE9B;;;;"}
+{"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","_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,GAEvD,CAAyB,CAAC,CAAA;AAE9B;;;;"}

package/cjs/OpenChannelListProvider-0b8cd3bf.js

@@ -0,0 +1,416 @@
+'use strict';
+
+var React = require('react');
+var pubSub_topics = require('./pubSub/topics.js');
+var useSendbirdStateContext = require('./useSendbirdStateContext.js');
+var tslib_es6 = require('./tslib.es6-2f2b0bca.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";
+  OpenChannelListFetchingStatus["DONE"] = "DONE";
+  OpenChannelListFetchingStatus["ERROR"] = "ERROR";
+})(exports.OpenChannelListFetchingStatus || (exports.OpenChannelListFetchingStatus = {}));
+
+var OpenChannelListActionTypes;
+(function (OpenChannelListActionTypes) {
+  // actions
+  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";
+})(OpenChannelListActionTypes || (OpenChannelListActionTypes = {}));
+var OpenChannelListActionTypes$1 = OpenChannelListActionTypes;
+
+function reducer(state, action) {
+  var _a, _b;
+  switch (action.type) {
+    case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_START:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          fetchingStatus: exports.OpenChannelListFetchingStatus.FETCHING
+        });
+      }
+    case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS:
+      {
+        var channelList = action.payload;
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          allChannels: channelList,
+          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), {
+          allChannels: [],
+          fetchingStatus: exports.OpenChannelListFetchingStatus.ERROR
+        });
+      }
+    case OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          allChannels: [],
+          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), {
+          currentChannel: action.payload,
+          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;
+      }
+  }
+}
+
+var openChannelListInitialState = {
+  allChannels: [],
+  currentChannel: null,
+  fetchingStatus: exports.OpenChannelListFetchingStatus.EMPTY,
+  channelListQuery: null
+};
+
+function useFetchNextCallback(_a, _b) {
+  var sdkInitialized = _a.sdkInitialized,
+    openChannelListQuery = _a.openChannelListQuery;
+  var logger = _b.logger,
+    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');
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_START,
+        payload: null
+      });
+      openChannelListQuery.next().then(function (channelList) {
+        callback(channelList, null);
+        logger.info('OpenChannelList|useFetchNextCallback: Succeeded fetching channels', channelList);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_SUCCESS,
+          payload: channelList
+        });
+      }).catch(function (err) {
+        callback(null, err);
+        logger.error('OpenChannelList|useFetchNextCallback: Failed fetching channels', err);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_FAILURE,
+          payload: null
+        });
+      });
+    } else {
+      logger.info('OpenChannelList|useFetchNextCallback : There is no more channels');
+    }
+  }, [sdkInitialized, openChannelListQuery]);
+}
+
+function createChannelListQuery(_a) {
+  var _b, _c;
+  var sdk = _a.sdk,
+    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({
+    type: OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL_LIST_QUERY,
+    payload: channelListQuery
+  });
+  return channelListQuery;
+}
+
+function useSetupOpenChannelList(_a, _b) {
+  var sdk = _a.sdk,
+    sdkInitialized = _a.sdkInitialized,
+    openChannelListQuery = _a.openChannelListQuery;
+  var logger = _b.logger,
+    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) {
+          logger.info('OpenChannelList|useSetupOpenChannelList: Setup OpenChannelList', {
+            sdkInitialized: sdkInitialized
+          });
+          var channelListQuery = createChannelListQuery({
+            sdk: sdk,
+            logger: logger,
+            openChannelListQuery: openChannelListQuery,
+            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({
+              type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_START,
+              payload: null
+            });
+            channelListQuery.next().then(function (channelList) {
+              logger.info('OpenChannelList|useSetupOpenChannelList: Succeeded fetching channels', channelList);
+              openChannelListDispatcher({
+                type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS,
+                payload: channelList
+              });
+            }).catch(function (err) {
+              logger.error('OpenChannelList|useSetupOpenChannelList: Failed fetching channels', err);
+              openChannelListDispatcher({
+                type: OpenChannelListActionTypes$1.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: sdkInitialized
+      });
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST,
+        payload: null
+      });
+    }
+  }, [sdkInitialized, openChannelListQuery]);
+}
+
+function useRefreshOpenChannelList(_a, _b) {
+  var sdk = _a.sdk,
+    sdkInitialized = _a.sdkInitialized,
+    openChannelListQuery = _a.openChannelListQuery;
+  var logger = _b.logger,
+    openChannelListDispatcher = _b.openChannelListDispatcher;
+  return React.useCallback(function () {
+    var _a;
+    if (!sdkInitialized) {
+      logger.info('OpenChannelList|useRefreshOpenChannelList: Reset OpenChannelList', {
+        sdkInitialized: sdkInitialized
+      });
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST,
+        payload: null
+      });
+      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
+    });
+    var channelListQuery = createChannelListQuery({
+      sdk: sdk,
+      logger: logger,
+      openChannelListQuery: openChannelListQuery,
+      openChannelListDispatcher: openChannelListDispatcher,
+      logMessage: 'OpenChannelList|useRefreshOpenChannelList: Succeeded create channelListQuery'
+    });
+    if (channelListQuery.hasNext) {
+      logger.info('OpenChannelList|useRefreshOpenChannelList: Fetch channels');
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_START,
+        payload: null
+      });
+      channelListQuery.next().then(function (channelList) {
+        logger.info('OpenChannelList|useRefreshOpenChannelList: Succeeded fetching channels', channelList);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS,
+          payload: channelList
+        });
+      }).catch(function (err) {
+        logger.error('OpenChannelList|useRefreshOpenChannelList: Failed fetching channels', err);
+        openChannelListDispatcher({
+          type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_FAILURE,
+          payload: null
+        });
+      });
+    } else {
+      logger.info('OpenChannelList|useRefreshOpenChannelList: There is no more channels');
+    }
+  }, [sdkInitialized, openChannelListQuery]);
+}
+
+var OpenChannelListContext = /*#__PURE__*/React__default["default"].createContext({
+  onChannelSelected: null,
+  currentChannel: null,
+  allChannels: [],
+  fetchingStatus: exports.OpenChannelListFetchingStatus.EMPTY,
+  customOpenChannelListQuery: {},
+  fetchNextChannels: null,
+  refreshOpenChannelList: null,
+  openChannelListDispatcher: null,
+  logger: null
+});
+function useOpenChannelListContext() {
+  var context = React.useContext(OpenChannelListContext);
+  return context;
+}
+var OpenChannelListProvider = function (_a) {
+  var _b, _c;
+  var className = _a.className,
+    children = _a.children,
+    queries = _a.queries,
+    onChannelSelected = _a.onChannelSelected;
+  // props
+  var _d = useSendbirdStateContext.useSendbirdStateContext(),
+    stores = _d.stores,
+    config = _d.config;
+  var logger = config.logger,
+    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
+  var _e = React.useReducer(reducer, openChannelListInitialState),
+    openChannelListStore = _e[0],
+    openChannelListDispatcher = _e[1];
+  var allChannels = openChannelListStore.allChannels,
+    currentChannel = openChannelListStore.currentChannel,
+    fetchingStatus = openChannelListStore.fetchingStatus,
+    channelListQuery = openChannelListStore.channelListQuery;
+  // Initialize
+  useSetupOpenChannelList({
+    sdk: sdk,
+    sdkInitialized: sdkInitialized,
+    openChannelListQuery: customOpenChannelListQuery
+  }, {
+    logger: logger,
+    openChannelListDispatcher: openChannelListDispatcher
+  });
+  // 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(pubSub_topics.PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL, pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL, function (channel) {
+      openChannelListDispatcher({
+        type: OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL,
+        payload: channel
+      });
+    }));
+    return function () {
+      subscriber === null || subscriber === void 0 ? void 0 : subscriber.forEach(function (s) {
+        try {
+          s.remove();
+        } catch (_a) {
+          //
+        }
+      });
+    };
+  }, [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'
+  var refreshOpenChannelList = useRefreshOpenChannelList({
+    sdk: sdk,
+    sdkInitialized: sdkInitialized,
+    openChannelListQuery: customOpenChannelListQuery
+  }, {
+    logger: logger,
+    openChannelListDispatcher: openChannelListDispatcher
+  });
+  return /*#__PURE__*/React__default["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["default"].createElement("div", {
+    className: "sendbird-open-channel-list ".concat(className)
+  }, children));
+};
+var OpenChannelListProvider$1 = {
+  OpenChannelListProvider: OpenChannelListProvider,
+  useOpenChannelListContext: useOpenChannelListContext
+};
+
+exports.OpenChannelListActionTypes = OpenChannelListActionTypes$1;
+exports.OpenChannelListProvider = OpenChannelListProvider;
+exports.OpenChannelListProvider$1 = OpenChannelListProvider$1;
+exports.useOpenChannelListContext = useOpenChannelListContext;
+//# sourceMappingURL=OpenChannelListProvider-0b8cd3bf.js.map