@sendbird/uikit-react 3.15.13 → 3.15.14-rc

package/cjs/ChannelSettings/context.js

@@ -1,183 +1,22 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-D1slQ3hS.js');
-var React = require('react');
-var groupChannel = require('@sendbird/chat/groupChannel');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../chunks/bundle-B0uIbH1T.js');
-var uuid = require('../chunks/bundle-s1cLz65w.js');
-var compareIds = require('../chunks/bundle-YTiDKoON.js');
-require('../withSendbird.js');
-require('@sendbird/uikit-tools');
-require('../chunks/bundle-Ol1CxgYk.js');
-require('../chunks/bundle-DTD48j2K.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BAF8GaDh.js');
-require('../chunks/bundle-CuWm0vby.js');
-require('../chunks/bundle-BloKh_k7.js');
-require('../chunks/bundle-Cq5LKFhE.js');
-require('react-dom');
-require('../chunks/bundle-DE5YH8Q-.js');
-require('../chunks/bundle-DzEGN4bG.js');
-require('../chunks/bundle-B5aEwfu1.js');
-require('../ui/IconButton.js');
-require('../ui/Button.js');
-require('../chunks/bundle-BA6Cum_9.js');
-require('../ui/Icon.js');
-require('css-vars-ponyfill');
+var useChannelSettings = require('../chunks/bundle-BNJqog7S.js');
+require('../chunks/bundle-BPkbLqnu.js');
+require('../chunks/bundle-LSngpiw3.js');
+require('react');
+require('../chunks/bundle-B6qGo4m1.js');
+require('@sendbird/chat/groupChannel');
+require('../chunks/bundle-89fX6BxE.js');
+require('../chunks/bundle-BtQOYbDr.js');
+require('../chunks/bundle-BDIgb36c.js');
+require('../chunks/bundle-CK1N-Lna.js');
+require('../chunks/bundle-BgQpYkVd.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-sZREfKpL.js');
-require('../chunks/bundle-QF_AmnwV.js');
-require('../ui/SortByRow.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-function useAsyncRequest(request, options) {
-    var _this = this;
-    var _a;
-    var _b = React.useState({ loading: true, response: undefined, error: undefined }), state = _b[0], setState = _b[1];
-    var updateWithRequest = function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-        var response_1, error_1;
-        return _tslib.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    setState(function (prev) { return ({ loading: true, error: undefined, response: (options === null || options === void 0 ? void 0 : options.resetResponseOnRefresh) ? undefined : prev.response }); });
-                    return [4 /*yield*/, request()];
-                case 1:
-                    response_1 = _a.sent();
-                    if (response_1) {
-                        setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { response: response_1, loading: false })); });
-                    }
-                    else {
-                        setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { loading: Boolean(options === null || options === void 0 ? void 0 : options.persistLoadingIfNoResponse) })); });
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _a.sent();
-                    setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { error: error_1, loading: false })); });
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    React.useEffect(function () {
-        updateWithRequest();
-        return function () {
-            if (request.cancel && typeof request.cancel === 'function') {
-                request.cancel();
-            }
-        };
-    }, (_a = options === null || options === void 0 ? void 0 : options.deps) !== null && _a !== void 0 ? _a : []);
-    return _tslib.__assign(_tslib.__assign({}, state), { refresh: updateWithRequest });
-}
-
-var ChannelSettingsContext = React__default.default.createContext(null);
-var ChannelSettingsProvider = function (props) {
-    var children = props.children, className = props.className, channelUrl = props.channelUrl, onCloseClick = props.onCloseClick, onLeaveChannel = props.onLeaveChannel, onChannelModified = props.onChannelModified, overrideInviteUser = props.overrideInviteUser, onBeforeUpdateChannel = props.onBeforeUpdateChannel, queries = props.queries, renderUserListItem = props.renderUserListItem;
-    var _a = useSendbirdStateContext.useSendbirdStateContext(), config = _a.config, stores = _a.stores;
-    var sdkStore = stores.sdkStore;
-    var logger = config.logger;
-    var _b = React.useState(), channelHandlerId = _b[0], setChannelHandlerId = _b[1];
-    // hack to keep track of channel updates by triggering useEffect
-    var _c = React.useState(function () { return uuid.uuidv4(); }), channelUpdateId = _c[0], setChannelUpdateId = _c[1];
-    var forceUpdateUI = function () { return setChannelUpdateId(uuid.uuidv4()); };
-    var _d = useAsyncRequest(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
-        var channel_1, channelHandler, newChannelHandlerId, error_1;
-        var _a, _b, _c, _d;
-        return _tslib.__generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    logger.info('ChannelSettings: fetching channel');
-                    if (!channelUrl) {
-                        logger.warning('ChannelSettings: channel url is required');
-                        return [2 /*return*/];
-                    }
-                    else if (!sdkStore.initialized || !sdkStore.sdk) {
-                        logger.warning('ChannelSettings: SDK is not initialized');
-                        return [2 /*return*/];
-                    }
-                    else if (!sdkStore.sdk.groupChannel) {
-                        logger.warning('ChannelSettings: GroupChannelModule is not specified in the SDK');
-                        return [2 /*return*/];
-                    }
-                    _e.label = 1;
-                case 1:
-                    _e.trys.push([1, 3, , 4]);
-                    if (channelHandlerId) {
-                        if ((_b = (_a = sdkStore.sdk) === null || _a === void 0 ? void 0 : _a.groupChannel) === null || _b === void 0 ? void 0 : _b.removeGroupChannelHandler) {
-                            logger.info('ChannelSettings: Removing message reciver handler', channelHandlerId);
-                            sdkStore.sdk.groupChannel.removeGroupChannelHandler(channelHandlerId);
-                        }
-                        else if ((_c = sdkStore.sdk) === null || _c === void 0 ? void 0 : _c.groupChannel) {
-                            logger.error('ChannelSettings: Not found the removeGroupChannelHandler');
-                        }
-                        setChannelHandlerId(undefined);
-                    }
-                    return [4 /*yield*/, sdkStore.sdk.groupChannel.getChannel(channelUrl)];
-                case 2:
-                    channel_1 = _e.sent();
-                    channelHandler = {
-                        onUserLeft: function (channel, user) {
-                            if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
-                                logger.info('ChannelSettings: onUserLeft', { channel: channel, user: user });
-                                refresh();
-                            }
-                        },
-                        onUserBanned: function (channel, user) {
-                            if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && channel.isGroupChannel()) {
-                                logger.info('ChannelSettings: onUserBanned', { channel: channel, user: user });
-                                refresh();
-                            }
-                        },
-                    };
-                    newChannelHandlerId = uuid.uuidv4();
-                    (_d = sdkStore.sdk.groupChannel) === null || _d === void 0 ? void 0 : _d.addGroupChannelHandler(newChannelHandlerId, new groupChannel.GroupChannelHandler(channelHandler));
-                    setChannelHandlerId(newChannelHandlerId);
-                    return [2 /*return*/, channel_1];
-                case 3:
-                    error_1 = _e.sent();
-                    logger.error('ChannelSettings: fetching channel error:', error_1);
-                    throw error_1;
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, {
-        resetResponseOnRefresh: true,
-        persistLoadingIfNoResponse: true,
-        deps: [sdkStore.initialized, sdkStore.sdk.groupChannel],
-    }), _e = _d.response, channel = _e === void 0 ? null : _e, loading = _d.loading, error = _d.error, refresh = _d.refresh;
-    React.useEffect(function () {
-        refresh();
-    }, [channelUrl, channelUpdateId]);
-    return (React__default.default.createElement(ChannelSettingsContext.Provider, { value: {
-            channelUrl: channelUrl,
-            onCloseClick: onCloseClick,
-            onLeaveChannel: onLeaveChannel,
-            onChannelModified: onChannelModified,
-            onBeforeUpdateChannel: onBeforeUpdateChannel,
-            queries: queries,
-            overrideInviteUser: overrideInviteUser,
-            setChannelUpdateId: setChannelUpdateId,
-            forceUpdateUI: forceUpdateUI,
-            channel: channel,
-            loading: loading,
-            invalidChannel: Boolean(error),
-            renderUserListItem: renderUserListItem,
-        } },
-        React__default.default.createElement(UserProfileContext.UserProfileProvider, _tslib.__assign({}, props),
-            React__default.default.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
-};
-var useChannelSettingsContext = function () {
-    var context = React__default.default.useContext(ChannelSettingsContext);
-    if (!context)
-        throw new Error('ChannelSettingsContext not found. Use within the ChannelSettings module');
-    return context;
-};
-
-exports.ChannelSettingsProvider = ChannelSettingsProvider;
-exports.useChannelSettingsContext = useChannelSettingsContext;
+exports.ChannelSettingsProvider = useChannelSettings.ChannelSettingsProvider;
+exports.useChannelSettings = useChannelSettings.useChannelSettings;
+exports.useChannelSettingsContext = useChannelSettings.useChannelSettingsContext;
 //# sourceMappingURL=context.js.map

package/cjs/ChannelSettings/context.js.map

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

package/cjs/ChannelSettings/hooks/useMenuList.js

@@ -2,56 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-D1slQ3hS.js');
+var _tslib = require('../../chunks/bundle-BPkbLqnu.js');
 var React = require('react');
-var MutedMemberList = require('../../chunks/bundle-vf5ayidG.js');
-var MemberList = require('../../chunks/bundle-CfUeEOi0.js');
-var LocalizationContext = require('../../chunks/bundle-DE5YH8Q-.js');
+var MutedMemberList = require('../../chunks/bundle-Dj5V094j.js');
+var MemberList = require('../../chunks/bundle-nScEwTro.js');
+var LocalizationContext = require('../../chunks/bundle-DKTpL0g1.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Toggle = require('../../ui/Toggle.js');
-var ui_Label = require('../../chunks/bundle-BA6Cum_9.js');
-var ChannelSettings_context = require('../context.js');
+var ui_Label = require('../../chunks/bundle-BFcjbhNL.js');
 var ChannelSettings_components_ChannelSettingsMenuItem = require('../components/ChannelSettingsMenuItem.js');
-require('../../ui/Button.js');
-require('../../chunks/bundle-D4NkDFD-.js');
+var useChannelSettings = require('../../chunks/bundle-BNJqog7S.js');
+require('../../chunks/bundle-CKctMt7s.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../useSendbirdStateContext.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-QF_AmnwV.js');
+require('../../chunks/bundle-BgQpYkVd.js');
+require('../../chunks/bundle-LSngpiw3.js');
+require('../../chunks/bundle-B6qGo4m1.js');
+require('@sendbird/chat/groupChannel');
+require('../../chunks/bundle-CqCReWdH.js');
 require('react-dom');
-require('../../chunks/bundle-Cq5LKFhE.js');
+require('../../chunks/bundle-BDIgb36c.js');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-s1cLz65w.js');
+require('../../chunks/bundle-89fX6BxE.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-DTD48j2K.js');
-require('@sendbird/chat/groupChannel');
+require('../../chunks/bundle-BauO6Klm.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-BAF8GaDh.js');
-require('../../chunks/bundle-CuWm0vby.js');
-require('../../chunks/bundle-BloKh_k7.js');
+require('../../chunks/bundle-Cgx64DbJ.js');
+require('../../chunks/bundle-BJftto_l.js');
+require('../../chunks/bundle-DFU6GAqv.js');
+require('../../ui/Button.js');
 require('../../ui/UserListItem.js');
-require('@sendbird/uikit-tools');
-require('../../chunks/bundle-Ol1CxgYk.js');
-require('../../chunks/bundle-B5aEwfu1.js');
-require('css-vars-ponyfill');
-require('../../chunks/bundle-sZREfKpL.js');
-require('../../chunks/bundle-B0uIbH1T.js');
-require('../../chunks/bundle-DHPSwRDh.js');
+require('../../chunks/bundle-CK1N-Lna.js');
+require('../../chunks/bundle-B9hMMeRS.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-C3_KfqSN.js');
+require('../../chunks/bundle-BzLDYrps.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DWfeFlxG.js');
-require('../../chunks/bundle-A5UoPEJO.js');
-require('../../chunks/bundle-nWxq3V_Q.js');
+require('../../chunks/bundle-DB7AA9OZ.js');
+require('../../chunks/bundle-9tkwiavu.js');
+require('../../chunks/bundle-D0lw9Bpa.js');
+require('../../chunks/bundle-DNSLlJbl.js');
+require('../../chunks/bundle-DmbYmCTt.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-DuSS5Dmw.js');
-require('../../chunks/bundle-DzEGN4bG.js');
-require('../../chunks/bundle-YTiDKoON.js');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-BlmK-5Zz.js');
+require('../../chunks/bundle-Dk0-umQd.js');
+require('../../chunks/bundle-D8Y4YVC3.js');
+require('../../chunks/bundle-BtQOYbDr.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -75,7 +75,7 @@ var commonLabelProps = {
 var useMenuItems = function () {
     var _a = React.useState(false), frozen = _a[0], setFrozen = _a[1];
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _b = ChannelSettings_context.useChannelSettingsContext(), channel = _b.channel, renderUserListItem = _b.renderUserListItem;
+    var _b = useChannelSettings.useChannelSettings().state, channel = _b.channel, renderUserListItem = _b.renderUserListItem;
     // work around for
     // https://sendbird.slack.com/archives/G01290GCDCN/p1595922832000900
     // SDK bug - after frozen/unfrozen myRole becomes "none"

package/cjs/ChannelSettings.js

@@ -1,77 +1,77 @@
 'use strict';
 
-var _tslib = require('./chunks/bundle-D1slQ3hS.js');
+var _tslib = require('./chunks/bundle-BPkbLqnu.js');
 var React = require('react');
 var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/components/ChannelSettingsUI.js');
-var ChannelSettings_context = require('./ChannelSettings/context.js');
-require('./useSendbirdStateContext.js');
-require('./withSendbird.js');
-require('./ChannelSettings/components/ChannelSettingsHeader.js');
-require('./chunks/bundle-DE5YH8Q-.js');
-require('./chunks/bundle-DzEGN4bG.js');
+var useChannelSettings = require('./chunks/bundle-BNJqog7S.js');
+require('./chunks/bundle-LSngpiw3.js');
+require('./chunks/bundle-DKTpL0g1.js');
+require('./chunks/bundle-Dk0-umQd.js');
+require('./chunks/bundle-D8Y4YVC3.js');
+require('./ChannelSettings/hooks/useMenuList.js');
+require('./chunks/bundle-Dj5V094j.js');
+require('./chunks/bundle-CKctMt7s.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('./chunks/bundle-BgQpYkVd.js');
+require('@sendbird/chat/groupChannel');
+require('./chunks/bundle-CqCReWdH.js');
+require('react-dom');
+require('./chunks/bundle-BDIgb36c.js');
+require('./ui/SortByRow.js');
+require('./chunks/bundle-89fX6BxE.js');
+require('./ui/IconButton.js');
+require('./chunks/bundle-BauO6Klm.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-Cgx64DbJ.js');
+require('./chunks/bundle-BJftto_l.js');
+require('./chunks/bundle-DFU6GAqv.js');
+require('./chunks/bundle-B6qGo4m1.js');
+require('./chunks/bundle-BFcjbhNL.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-Cq5LKFhE.js');
+require('./ui/Button.js');
+require('./ui/UserListItem.js');
+require('./chunks/bundle-CK1N-Lna.js');
+require('./chunks/bundle-B9hMMeRS.js');
+require('./ui/ImageRenderer.js');
+require('./chunks/bundle-BzLDYrps.js');
+require('./ui/MutedAvatarOverlay.js');
+require('./ui/Checkbox.js');
+require('./ui/UserProfile.js');
+require('./sendbirdSelectors.js');
+require('./chunks/bundle-DB7AA9OZ.js');
+require('./chunks/bundle-9tkwiavu.js');
+require('./chunks/bundle-D0lw9Bpa.js');
+require('./chunks/bundle-DNSLlJbl.js');
+require('./chunks/bundle-DmbYmCTt.js');
+require('@sendbird/chat/message');
+require('@sendbird/uikit-tools');
+require('./chunks/bundle-BlmK-5Zz.js');
+require('./chunks/bundle-nScEwTro.js');
+require('./ui/Badge.js');
+require('./ui/Toggle.js');
+require('./ChannelSettings/components/ChannelSettingsMenuItem.js');
+require('./ChannelSettings/components/ChannelSettingsHeader.js');
 require('./ui/Header.js');
-require('./chunks/bundle-BA6Cum_9.js');
-require('./chunks/bundle-B5aEwfu1.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-XANrnOqB.js');
-require('./ui/IconButton.js');
+require('./chunks/bundle-BETqmgP_.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-DHPSwRDh.js');
-require('./ui/ImageRenderer.js');
-require('./chunks/bundle-C3_KfqSN.js');
-require('./chunks/bundle-DL3fuSPu.js');
+require('./chunks/bundle-DQuGiR7V.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-Ol1CxgYk.js');
-require('./chunks/bundle-DTD48j2K.js');
-require('@sendbird/chat/groupChannel');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-BAF8GaDh.js');
-require('./chunks/bundle-CuWm0vby.js');
-require('./chunks/bundle-BloKh_k7.js');
-require('react-dom');
-require('./ui/Button.js');
-require('@sendbird/uikit-tools');
-require('css-vars-ponyfill');
-require('@sendbird/chat');
-require('./chunks/bundle-s1cLz65w.js');
-require('@sendbird/chat/openChannel');
-require('./chunks/bundle-sZREfKpL.js');
-require('./chunks/bundle-QF_AmnwV.js');
-require('./ui/SortByRow.js');
 require('./ui/Input.js');
 require('./ChannelSettings/components/LeaveChannel.js');
-require('./ChannelSettings/components/ChannelSettingsMenuItem.js');
 require('./ChannelSettings/components/ChannelSettingMenuList.js');
-require('./chunks/bundle-nWxq3V_Q.js');
-require('@sendbird/chat/message');
-require('./ChannelSettings/hooks/useMenuList.js');
-require('./chunks/bundle-vf5ayidG.js');
-require('./chunks/bundle-D4NkDFD-.js');
-require('./ui/UserListItem.js');
-require('./chunks/bundle-B0uIbH1T.js');
-require('./ui/MutedAvatarOverlay.js');
-require('./ui/Checkbox.js');
-require('./ui/UserProfile.js');
-require('./sendbirdSelectors.js');
-require('./chunks/bundle-DWfeFlxG.js');
-require('./chunks/bundle-A5UoPEJO.js');
-require('./chunks/bundle-DuSS5Dmw.js');
-require('./chunks/bundle-CfUeEOi0.js');
-require('./ui/Badge.js');
-require('./ui/Toggle.js');
-require('./chunks/bundle-YTiDKoON.js');
+require('./chunks/bundle-BtQOYbDr.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ChannelSettings = function (props) {
-    return (React__default.default.createElement(ChannelSettings_context.ChannelSettingsProvider, _tslib.__assign({}, props),
+    return (React__default.default.createElement(useChannelSettings.ChannelSettingsProvider, _tslib.__assign({}, props),
         React__default.default.createElement(ChannelSettings_components_ChannelSettingsUI.default, _tslib.__assign({}, props))));
 };