@sendbird/uikit-react 3.7.0 → 3.8.0

package/cjs/{uuid-9a117e16.js → chunks/bundle-gMxOq93o.js}

@@ -1,17 +1,15 @@
 'use strict';
 
-/* eslint-disable no-bitwise */
-/* eslint-disable eqeqeq */
-/* eslint-disable no-mixed-operators */
-// https://stackoverflow.com/a/2117523
-// used mainly for dom key generation
-var uuidv4 = function () {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    var r = Math.random() * 16 | 0;
-    var v = c === 'x' ? r : r & 0x3 | 0x8;
-    return v.toString(16);
-  });
-};
+/* eslint-disable no-bitwise */
+/* eslint-disable eqeqeq */
+/* eslint-disable no-mixed-operators */
+// https://stackoverflow.com/a/2117523
+// used mainly for dom key generation
+var uuidv4 = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : (r & 0x3 | 0x8);
+    return v.toString(16);
+}); };
 
 exports.uuidv4 = uuidv4;
-//# sourceMappingURL=uuid-9a117e16.js.map
+//# sourceMappingURL=bundle-gMxOq93o.js.map

package/cjs/chunks/bundle-gMxOq93o.js.map

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

package/cjs/{consts-b3c4f548.js → chunks/bundle-gS0bojlA.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=consts-b3c4f548.js.map
+//# sourceMappingURL=bundle-gS0bojlA.js.map

package/cjs/chunks/bundle-gS0bojlA.js.map

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

package/cjs/{resolvedReplyType-c4564ebe.js → chunks/bundle-g_OXBrgT.js}

@@ -1,32 +1,32 @@
 'use strict';
 
-/**
- * Dashboard UIKitConfig's replyType is consisted of all lowercases,
- * we need to convert it into uppercase ones(or vice versa)
- * when we pass the value to internal components
- *  - 'thread' <-> 'THREAD'
- *  - 'quote_reply' <-> 'QUOTE_REPLY'
- */
-function getCaseResolvedReplyType(replyType) {
-  return {
-    lowerCase: replyType.toLowerCase(),
-    upperCase: replyType.toUpperCase()
-  };
-}
-/**
- * Dashboard UIKitConfig's threadReplySelectType is consisted of all lowercase letters,
- * we need to convert it into uppercase ones(or vice versa)
- * when we pass the value to internal components
- *  - 'thread' <-> 'THREAD'
- *  - 'parent' <-> 'PARENT'
- */
-function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
-  return {
-    lowerCase: threadReplySelectType.toLowerCase(),
-    upperCase: threadReplySelectType.toUpperCase()
-  };
+/**
+ * Dashboard UIKitConfig's replyType is consisted of all lowercases,
+ * we need to convert it into uppercase ones(or vice versa)
+ * when we pass the value to internal components
+ *  - 'thread' <-> 'THREAD'
+ *  - 'quote_reply' <-> 'QUOTE_REPLY'
+ */
+function getCaseResolvedReplyType(replyType) {
+    return {
+        lowerCase: replyType.toLowerCase(),
+        upperCase: replyType.toUpperCase(),
+    };
+}
+/**
+ * Dashboard UIKitConfig's threadReplySelectType is consisted of all lowercase letters,
+ * we need to convert it into uppercase ones(or vice versa)
+ * when we pass the value to internal components
+ *  - 'thread' <-> 'THREAD'
+ *  - 'parent' <-> 'PARENT'
+ */
+function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
+    return {
+        lowerCase: threadReplySelectType.toLowerCase(),
+        upperCase: threadReplySelectType.toUpperCase(),
+    };
 }
 
 exports.getCaseResolvedReplyType = getCaseResolvedReplyType;
 exports.getCaseResolvedThreadReplySelectType = getCaseResolvedThreadReplySelectType;
-//# sourceMappingURL=resolvedReplyType-c4564ebe.js.map
+//# sourceMappingURL=bundle-g_OXBrgT.js.map

package/cjs/chunks/bundle-g_OXBrgT.js.map

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

package/cjs/{tslib.es6-c74b513f.js → chunks/bundle-hK4x7nmG.js}

@@ -99,4 +99,4 @@ exports.__awaiter = __awaiter;
 exports.__extends = __extends;
 exports.__generator = __generator;
 exports.__spreadArray = __spreadArray;
-//# sourceMappingURL=tslib.es6-c74b513f.js.map
+//# sourceMappingURL=bundle-hK4x7nmG.js.map

package/cjs/chunks/bundle-hK4x7nmG.js.map

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

package/cjs/chunks/bundle-iwsbhMUN.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var index_module = require('./bundle-I_9_5a8a.js');
+var tokenize = require('./bundle-FLCJVplO.js');
+var Message_context = require('../Message/context.js');
+var ui_MentionLabel = require('../ui/MentionLabel.js');
+var ui_LinkLabel = require('../ui/LinkLabel.js');
+var ui_Label = require('./bundle-6ziaqiUd.js');
+
+// this function is used to generate a unique key for token in message
+// it changes with updated time and index
+// messageUpdatedAt is the key part of this key generator
+function keyGenerator(createdAt, messageUpdatedAt, index) {
+    return "sb-msg_".concat(createdAt, "_").concat(messageUpdatedAt, "_").concat(index);
+}
+
+function TextFragment(_a) {
+    var tokens = _a.tokens;
+    var messageStore = Message_context.useMessageContext();
+    var message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
+    var isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
+    var updatedAt = message.updatedAt, createdAt = message.createdAt;
+    return (React.createElement(React.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
+        var key = keyGenerator(createdAt, updatedAt, idx);
+        return index_module.K(token.type)
+            .with(tokenize.TOKEN_TYPES.mention, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_MentionLabel, { mentionTemplate: tokenize.USER_MENTION_PREFIX, 
+                // @ts-ignore
+                mentionedUserId: token.userId, mentionedUserNickname: token.value, isByMe: isByMe }))); })
+            .with(tokenize.TOKEN_TYPES.url, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", src: token.value, type: ui_Label.LabelTypography.BODY_1 }, token.value))); })
+            .otherwise(function () { return React.createElement(React.Fragment, { key: key }, tokenize.getWhiteSpacePreservedText(token.value)); });
+    })));
+}
+
+exports.TextFragment = TextFragment;
+//# sourceMappingURL=bundle-iwsbhMUN.js.map

package/cjs/chunks/bundle-iwsbhMUN.js.map

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

package/cjs/chunks/bundle-kBUglm2K.js

@@ -0,0 +1,360 @@
+'use strict';
+
+var React = require('react');
+var pubSub_topics = require('../pubSub/topics.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var _tslib = require('./bundle-hK4x7nmG.js');
+
+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.__assign(_tslib.__assign({}, state), { fetchingStatus: exports.OpenChannelListFetchingStatus.FETCHING });
+        }
+        case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS: {
+            var channelList = action.payload;
+            return _tslib.__assign(_tslib.__assign({}, state), { allChannels: channelList, fetchingStatus: channelList.length > 0
+                    ? exports.OpenChannelListFetchingStatus.DONE
+                    : exports.OpenChannelListFetchingStatus.EMPTY });
+        }
+        case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_FAILURE: {
+            return _tslib.__assign(_tslib.__assign({}, state), { allChannels: [], fetchingStatus: exports.OpenChannelListFetchingStatus.ERROR });
+        }
+        case OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST: {
+            return _tslib.__assign(_tslib.__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.__assign(_tslib.__assign({}, state), { allChannels: _tslib.__spreadArray(_tslib.__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.__assign(_tslib.__assign({}, state), { currentChannel: action.payload, allChannels: _tslib.__spreadArray([action.payload], state.allChannels, true) });
+        }
+        case OpenChannelListActionTypes$1.SET_CURRENT_OPEN_CHANNEL: {
+            return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: action.payload });
+        }
+        case OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL_LIST_QUERY: {
+            return _tslib.__assign(_tslib.__assign({}, state), { channelListQuery: action === null || action === void 0 ? void 0 : action.payload });
+        }
+        case OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL: {
+            return _tslib.__assign(_tslib.__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 = React.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 (React.createElement(OpenChannelListContext.Provider, { value: {
+            // props
+            onChannelSelected: onChannelSelected,
+            customOpenChannelListQuery: customOpenChannelListQuery,
+            // interface
+            logger: logger,
+            currentChannel: currentChannel,
+            allChannels: allChannels,
+            fetchingStatus: fetchingStatus,
+            fetchNextChannels: fetchNextChannels,
+            refreshOpenChannelList: refreshOpenChannelList,
+            openChannelListDispatcher: openChannelListDispatcher,
+        } },
+        React.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=bundle-kBUglm2K.js.map

package/cjs/chunks/bundle-kBUglm2K.js.map

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

package/cjs/chunks/bundle-kWUEW1ZN.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var sendbirdSelectors = require('../sendbirdSelectors.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+
+exports.CHANNEL_TYPE = void 0;
+(function (CHANNEL_TYPE) {
+    CHANNEL_TYPE["GROUP"] = "group";
+    CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+    CHANNEL_TYPE["BROADCAST"] = "broadcast";
+})(exports.CHANNEL_TYPE || (exports.CHANNEL_TYPE = {}));
+
+var CreateChannelContext = React.createContext(undefined);
+var CreateChannelProvider = function (props) {
+    var _a;
+    var children = props.children, onCreateChannel = props.onCreateChannel, onBeforeCreateChannel = props.onBeforeCreateChannel, overrideInviteUser = props.overrideInviteUser, userListQuery = props.userListQuery;
+    var store = useSendbirdStateContext.useSendbirdStateContext();
+    var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
+    var createChannel = sendbirdSelectors.getCreateGroupChannel(store);
+    var _b = React.useState(0), step = _b[0], setStep = _b[1];
+    var _c = React.useState(exports.CHANNEL_TYPE.GROUP), type = _c[0], setType = _c[1];
+    return (React.createElement(CreateChannelContext.Provider, { value: {
+            onBeforeCreateChannel: onBeforeCreateChannel,
+            createChannel: createChannel,
+            onCreateChannel: onCreateChannel,
+            overrideInviteUser: overrideInviteUser,
+            userListQuery: userListQuery || userListQuery_,
+            step: step,
+            setStep: setStep,
+            type: type,
+            setType: setType,
+        } }, children));
+};
+var useCreateChannelContext = function () { return (React.useContext(CreateChannelContext)); };
+
+exports.CreateChannelProvider = CreateChannelProvider;
+exports.useCreateChannelContext = useCreateChannelContext;
+//# sourceMappingURL=bundle-kWUEW1ZN.js.map

package/cjs/chunks/bundle-kWUEW1ZN.js.map

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

package/cjs/{types-feda9656.js → chunks/bundle-lii4Ueh3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-// note to SDK team:
-// using enum inside .d.ts won’t work for jest, but const enum will work.
-var Role = {
-  OPERATOR: 'operator',
-  NONE: 'none'
+// note to SDK team:
+// using enum inside .d.ts won’t work for jest, but const enum will work.
+var Role = {
+    OPERATOR: 'operator',
+    NONE: 'none',
 };
 
 exports.Role = Role;
-//# sourceMappingURL=types-feda9656.js.map
+//# sourceMappingURL=bundle-lii4Ueh3.js.map

package/cjs/chunks/bundle-lii4Ueh3.js.map

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