@sendbird/uikit-react 3.9.1-rc-2 → 3.9.1

package/dist/cjs/chunks/bundle--gwwLhzk.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var React = require('react');
-var stringSet = require('./bundle-4c_n4Hqm.js');
-var index = require('./bundle-oTWBtf3l.js');
-
-var LocalizationContext = React.createContext({
-    stringSet: stringSet.getStringSet('en'),
-    dateLocale: index.defaultLocale,
-});
-var LocalizationProvider = function (props) {
-    var children = props.children;
-    return (React.createElement(LocalizationContext.Provider, { value: props }, children));
-};
-var useLocalization = function () { return React.useContext(LocalizationContext); };
-
-exports.LocalizationContext = LocalizationContext;
-exports.LocalizationProvider = LocalizationProvider;
-exports.useLocalization = useLocalization;
-//# sourceMappingURL=bundle--gwwLhzk.js.map

package/dist/cjs/chunks/bundle--gwwLhzk.js.map

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

package/dist/cjs/chunks/bundle-0fVnLVNe.js

@@ -1,236 +0,0 @@
-'use strict';
-
-var React = require('react');
-var _tslib = require('./bundle-0pCHXNhB.js');
-var consts = require('./bundle-Ptyw-8Gc.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-
-var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
-var SET_CURRENT_PLAYER = 'SET_CURRENT_PLAYER';
-var ON_VOICE_PLAYER_PLAY = 'ON_VOICE_PLAYER_PLAY';
-var ON_VOICE_PLAYER_PAUSE = 'ON_VOICE_PLAYER_PAUSE';
-var ON_CURRENT_TIME_UPDATE = 'ON_CURRENT_TIME_UPDATE';
-
-var VOICE_PLAYER_STATUS = {
-    IDLE: 'IDLE',
-    PREPARING: 'PREPARING',
-    PLAYING: 'PLAYING',
-    PAUSED: 'PAUSED',
-    COMPLETED: 'COMPLETED',
-};
-var AudioUnitDefaultValue = function () { return ({
-    audioFile: null,
-    playbackTime: 0,
-    duration: 1000,
-    playingStatus: VOICE_PLAYER_STATUS.IDLE,
-}); };
-var voicePlayerInitialState = {
-    currentPlayer: null,
-    currentGroupKey: '',
-    audioStorage: {},
-};
-
-function voicePlayerReducer(state, action) {
-    var _a, _b, _c, _d;
-    var _e, _f, _g, _h;
-    switch (action.type) {
-        case INITIALIZE_AUDIO_UNIT: {
-            var groupKey = action.payload.groupKey;
-            var audioUnit = (((_e = state.audioStorage) === null || _e === void 0 ? void 0 : _e[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
-            audioUnit.playingStatus = VOICE_PLAYER_STATUS.PREPARING;
-            return _tslib.__assign(_tslib.__assign({}, state), { audioStorage: _tslib.__assign(_tslib.__assign({}, state.audioStorage), (_a = {}, _a[groupKey] = audioUnit, _a)) });
-        }
-        case SET_CURRENT_PLAYER: {
-            var _j = action.payload, audioPlayer = _j.audioPlayer, groupKey = _j.groupKey;
-            return _tslib.__assign(_tslib.__assign({}, state), { currentPlayer: audioPlayer, currentGroupKey: groupKey });
-        }
-        case ON_VOICE_PLAYER_PLAY: {
-            var _k = action.payload, groupKey = _k.groupKey, audioFile = _k.audioFile;
-            var audioUnit = (((_f = state.audioStorage) === null || _f === void 0 ? void 0 : _f[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
-            audioUnit.audioFile = audioFile;
-            audioUnit.playingStatus = VOICE_PLAYER_STATUS.PLAYING;
-            return _tslib.__assign(_tslib.__assign({}, state), { audioStorage: _tslib.__assign(_tslib.__assign({}, state.audioStorage), (_b = {}, _b[groupKey] = audioUnit, _b)) });
-        }
-        case ON_VOICE_PLAYER_PAUSE: {
-            var groupKey = action.payload.groupKey;
-            var audioUnit = (((_g = state.audioStorage) === null || _g === void 0 ? void 0 : _g[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
-            audioUnit.playingStatus = VOICE_PLAYER_STATUS.PAUSED;
-            var _l = state.currentPlayer, currentTime = _l.currentTime, duration = _l.duration;
-            if (audioUnit.playbackTime === audioUnit.duration) {
-                audioUnit.playbackTime = 0;
-            }
-            else if (currentTime > 0 && duration > 0) {
-                audioUnit.playbackTime = currentTime;
-                audioUnit.duration = duration;
-            }
-            return _tslib.__assign(_tslib.__assign({}, state), { audioStorage: _tslib.__assign(_tslib.__assign({}, state.audioStorage), (_c = {}, _c[groupKey] = audioUnit, _c)) });
-        }
-        case ON_CURRENT_TIME_UPDATE: {
-            var groupKey = action.payload.groupKey;
-            var _m = state.currentPlayer, currentTime = _m.currentTime, duration = _m.duration;
-            var audioUnit = (((_h = state.audioStorage) === null || _h === void 0 ? void 0 : _h[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
-            if (currentTime > 0 && duration > 0) {
-                audioUnit.playbackTime = currentTime;
-                audioUnit.duration = duration;
-            }
-            return _tslib.__assign(_tslib.__assign({}, state), { audioStorage: _tslib.__assign(_tslib.__assign({}, state.audioStorage), (_d = {}, _d[groupKey] = audioUnit, _d)) });
-        }
-        default:
-            return state;
-    }
-}
-
-var ALL = 'ALL';
-var noop = function () { };
-var VoicePlayerStoreDefaultValue = {
-    currentGroupKey: '',
-    currentPlayer: null,
-    audioStorage: {},
-};
-var Context = React.createContext({
-    play: noop,
-    pause: noop,
-    stop: noop,
-    voicePlayerStore: VoicePlayerStoreDefaultValue,
-});
-var VoicePlayerProvider = function (_a) {
-    var children = _a.children;
-    var _b = React.useReducer(voicePlayerReducer, voicePlayerInitialState), voicePlayerStore = _b[0], voicePlayerDispatcher = _b[1];
-    var currentGroupKey = voicePlayerStore.currentGroupKey, currentPlayer = voicePlayerStore.currentPlayer, audioStorage = voicePlayerStore.audioStorage;
-    var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var logger = config.logger;
-    var stop = function (text) {
-        if (text === void 0) { text = ''; }
-        if (currentGroupKey.includes(text)) {
-            logger.info('VoicePlayer: Pause playing(by text).');
-            pause(currentGroupKey);
-        }
-    };
-    var pause = function (groupKey) {
-        if (currentGroupKey === groupKey && currentPlayer !== null) {
-            logger.info('VoicePlayer: Pause playing(by group key).');
-            currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
-        }
-        if (groupKey === ALL) {
-            logger.info('VoicePlayer: Pause playing(all).');
-            currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
-        }
-    };
-    var play = function (_a) {
-        var groupKey = _a.groupKey, _b = _a.audioFile, audioFile = _b === void 0 ? null : _b, _c = _a.audioFileUrl, audioFileUrl = _c === void 0 ? '' : _c;
-        if (groupKey !== currentGroupKey) {
-            pause(currentGroupKey);
-        }
-        // Clear the previous AudioPlayer element
-        var voicePlayerRoot = document.getElementById(consts.VOICE_PLAYER_ROOT_ID);
-        var voicePlayerAudioElement = document.getElementById(consts.VOICE_PLAYER_AUDIO_ID);
-        if (voicePlayerAudioElement) {
-            voicePlayerRoot.removeChild(voicePlayerAudioElement);
-        }
-        logger.info('VoicePlayer: Start getting audio file.');
-        new Promise(function (resolve) {
-            var _a;
-            voicePlayerDispatcher({
-                type: INITIALIZE_AUDIO_UNIT,
-                payload: { groupKey: groupKey },
-            });
-            // audio file passed as a parameter
-            if (audioFile) {
-                logger.info('VoicePlayer: Use the audioFile instance.');
-                resolve(audioFile);
-                return;
-            }
-            // audio file from the audioStorage
-            var cachedAudioFile = (_a = audioStorage === null || audioStorage === void 0 ? void 0 : audioStorage[groupKey]) === null || _a === void 0 ? void 0 : _a.audioFile;
-            if (cachedAudioFile) {
-                logger.info('VoicePlayer: Get from the audioStorage.');
-                resolve(cachedAudioFile);
-                return;
-            }
-            // fetch the audio file from URL
-            fetch(audioFileUrl)
-                .then(function (res) { return res.blob(); })
-                .then(function (blob) {
-                var audioFile = new File([blob], consts.VOICE_MESSAGE_FILE_NAME, {
-                    lastModified: new Date().getTime(),
-                    type: consts.VOICE_MESSAGE_MIME_TYPE,
-                });
-                resolve(audioFile);
-                logger.info('VoicePlayer: Get the audioFile from URL.');
-            });
-        }).then(function (audioFile) {
-            var _a;
-            var voicePlayerRoot = document.getElementById(consts.VOICE_PLAYER_ROOT_ID);
-            logger.info('VoicePlayer: Succeeded getting audio file.', { audioFile: audioFile });
-            var currentAudioUnit = audioStorage[groupKey] || AudioUnitDefaultValue();
-            var audioPlayer = new Audio((_a = URL === null || URL === void 0 ? void 0 : URL.createObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, audioFile));
-            audioPlayer.id = consts.VOICE_PLAYER_AUDIO_ID;
-            audioPlayer.currentTime = currentAudioUnit.playbackTime;
-            audioPlayer.volume = 1;
-            audioPlayer.loop = false;
-            audioPlayer.onplaying = function () {
-                logger.info('VoicePlayer: OnPlaying event is called from audioPlayer', { groupKey: groupKey, audioPlayer: audioPlayer });
-                voicePlayerDispatcher({
-                    type: ON_VOICE_PLAYER_PLAY,
-                    payload: { groupKey: groupKey, audioFile: audioFile },
-                });
-            };
-            audioPlayer.onpause = function () {
-                logger.info('VoicePlayer: OnPause event is called from audioPlayer', { groupKey: groupKey, audioPlayer: audioPlayer });
-                voicePlayerDispatcher({
-                    type: ON_VOICE_PLAYER_PAUSE,
-                    payload: { groupKey: groupKey },
-                });
-            };
-            audioPlayer.ontimeupdate = function () {
-                voicePlayerDispatcher({
-                    type: ON_CURRENT_TIME_UPDATE,
-                    payload: { groupKey: groupKey },
-                });
-            };
-            audioPlayer.dataset.sbGroupId = groupKey;
-            // clean up the previous audio player
-            try {
-                voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.childNodes.forEach(function (node) {
-                    var _a, _b;
-                    var element = node;
-                    var thisGroupKey = (_a = element.dataset) === null || _a === void 0 ? void 0 : _a.sbGroupKey;
-                    if (thisGroupKey !== groupKey) {
-                        (_b = element === null || element === void 0 ? void 0 : element.pause) === null || _b === void 0 ? void 0 : _b.call(element);
-                        voicePlayerDispatcher({
-                            type: ON_VOICE_PLAYER_PAUSE,
-                            payload: { groupKey: groupKey },
-                        });
-                        voicePlayerRoot.removeChild(element);
-                        logger.info('VoicePlayer: Removed other player.', { element: element });
-                    }
-                });
-            }
-            finally {
-                audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.play();
-                voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.appendChild(audioPlayer);
-                voicePlayerDispatcher({
-                    type: SET_CURRENT_PLAYER,
-                    payload: { groupKey: groupKey, audioPlayer: audioPlayer },
-                });
-                logger.info('VoicePlayer: Succeeded playing audio player.', { groupKey: groupKey, audioPlayer: audioPlayer });
-            }
-        });
-    };
-    return (React.createElement(Context.Provider, { value: {
-            play: play,
-            pause: pause,
-            stop: stop,
-            voicePlayerStore: voicePlayerStore,
-        } },
-        React.createElement("div", { id: consts.VOICE_PLAYER_ROOT_ID, style: { display: 'none' } }),
-        children));
-};
-var useVoicePlayerContext = function () { return React.useContext(Context); };
-
-exports.ALL = ALL;
-exports.AudioUnitDefaultValue = AudioUnitDefaultValue;
-exports.VOICE_PLAYER_STATUS = VOICE_PLAYER_STATUS;
-exports.VoicePlayerProvider = VoicePlayerProvider;
-exports.useVoicePlayerContext = useVoicePlayerContext;
-//# sourceMappingURL=bundle-0fVnLVNe.js.map

package/dist/cjs/chunks/bundle-0fVnLVNe.js.map

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

package/dist/cjs/chunks/bundle-0pCHXNhB.js

@@ -1,102 +0,0 @@
-'use strict';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-exports.__assign = function() {
-    exports.__assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return exports.__assign.apply(this, arguments);
-};
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-exports.__awaiter = __awaiter;
-exports.__extends = __extends;
-exports.__generator = __generator;
-exports.__spreadArray = __spreadArray;
-//# sourceMappingURL=bundle-0pCHXNhB.js.map

package/dist/cjs/chunks/bundle-0pCHXNhB.js.map

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

package/dist/cjs/chunks/bundle-1NVer2pf.js

@@ -1,279 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Button = require('../ui/Button.js');
-var ui_IconButton = require('../ui/IconButton.js');
-var ui_Icon = require('../ui/Icon.js');
-var ui_ContextMenu = require('../ui/ContextMenu.js');
-var ChannelSettings_components_UserListItem = require('../ChannelSettings/components/UserListItem.js');
-var _tslib = require('./bundle-0pCHXNhB.js');
-var ui_Modal = require('./bundle-2Gla4s_W.js');
-var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-V1HT7uWN.js');
-var ChannelSettings_context = require('../ChannelSettings/context.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle--gwwLhzk.js');
-require('./bundle-4RnnhACR.js');
-var uuid = require('./bundle-f_lSJlZS.js');
-
-function MembersModal(_a) {
-    var _b;
-    var onCancel = _a.onCancel;
-    var _c = React.useState([]), members = _c[0], setMembers = _c[1];
-    var _d = React.useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
-    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
-    var state = useSendbirdStateContext.useSendbirdStateContext();
-    var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    React.useEffect(function () {
-        var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
-            limit: 20,
-        });
-        memberListQuery.next().then(function (members) {
-            setMembers(members);
-        });
-        setMemberQuery(memberListQuery);
-    }, []);
-    return (React.createElement("div", null,
-        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS },
-            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = memberQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        memberQuery.next().then(function (o) {
-                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
-                        });
-                    }
-                } }, members.map(function (member) { return (React.createElement(ui_UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
-                    var parentRef = _a.parentRef, actionRef = _a.actionRef;
-                    return (React.createElement(React.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
-                                toggleDropdown();
-                            } },
-                            React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React.createElement(ui_ContextMenu.MenuItem, { disable: currentUser === member.userId, onClick: function () {
-                                    if ((member.role !== 'operator')) {
-                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { role: 'operator' });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { role: '' });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
-                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
-                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
-                            // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    if (member.isMuted) {
-                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { isMuted: false });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { isMuted: true });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
-                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
-                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
-                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                                        setMembers(members.filter(function (_a) {
-                                            var userId = _a.userId;
-                                            return userId !== member.userId;
-                                        }));
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
-                } })); })))));
-}
-
-var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
-function InviteUsers(_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel, onSubmit = _a.onSubmit;
-    var _e = React.useState([]), members = _e[0], setMembers = _e[1];
-    var _f = React.useState({}), selectedMembers = _f[0], setSelectedMembers = _f[1];
-    var _g = React.useState(null), userQuery = _g[0], setUserQuery = _g[1];
-    var state = useSendbirdStateContext.useSendbirdStateContext();
-    var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
-    var globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
-    var _h = ChannelSettings_context.useChannelSettingsContext(), channel = _h.channel, overrideInviteUser = _h.overrideInviteUser, queries = _h.queries;
-    var userFilledQuery = _tslib.__assign({}, queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery);
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    React.useEffect(function () {
-        var userListQuery = globalUserListQuery
-            ? globalUserListQuery()
-            : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery(userFilledQuery);
-        if (userListQuery === null || userListQuery === void 0 ? void 0 : userListQuery.next) {
-            userListQuery.next().then(function (members) {
-                setMembers(members);
-            });
-            setUserQuery(userListQuery);
-        }
-    }, [sdk]);
-    return (React.createElement("div", null,
-        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, disabled: Object.keys(selectedMembers).length === 0, submitText: stringSet.BUTTON__INVITE, type: ui_Button.ButtonTypes.PRIMARY, onCancel: function () { return onCancel(); }, onSubmit: function () {
-                var members = Object.keys(selectedMembers).filter(function (m) { return selectedMembers[m]; });
-                if (typeof overrideInviteUser === 'function') {
-                    overrideInviteUser({
-                        users: members,
-                        onClose: onCancel,
-                        channel: channel,
-                    });
-                    return;
-                }
-                channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(function () {
-                    onSubmit(members);
-                });
-            }, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE },
-            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = userQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);
-                    if (hasNext && fetchMore) {
-                        userQuery.next().then(function (users) {
-                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), users, true));
-                        });
-                    }
-                } },
-                React.createElement("div", { className: "sendbird-more-members__popup-scroll__inner" }, members.map(function (member) {
-                    var _a;
-                    var isJoinedMember = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.some(function (_a) {
-                        var userId = _a.userId;
-                        return userId === (member === null || member === void 0 ? void 0 : member.userId);
-                    });
-                    return (React.createElement(ui_UserListItem, { checkBox: true, checked: isJoinedMember || selectedMembers[member.userId], disabled: isJoinedMember, onChange: function (event) {
-                            var _a;
-                            var modifiedSelectedMembers = _tslib.__assign(_tslib.__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-                            if (!event.target.checked) {
-                                delete modifiedSelectedMembers[event.target.id];
-                            }
-                            setSelectedMembers(modifiedSelectedMembers);
-                        }, user: member, key: member.userId }));
-                }))))));
-}
-
-var MemberList = function () {
-    var _a, _b, _c;
-    var _d = React.useState([]), members = _d[0], setMembers = _d[1];
-    var _e = React.useState(false), hasNext = _e[0], setHasNext = _e[1];
-    var _f = React.useState(false), showAllMembers = _f[0], setShowAllMembers = _f[1];
-    var _g = React.useState(false), showInviteUsers = _g[0], setShowInviteUsers = _g[1];
-    var state = useSendbirdStateContext.useSendbirdStateContext();
-    var _h = ChannelSettings_context.useChannelSettingsContext(), channel = _h.channel, setChannelUpdateId = _h.setChannelUpdateId;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-    var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
-    React.useEffect(function () {
-        if (!channel) {
-            setMembers([]);
-            return;
-        }
-        var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({ limit: 10 });
-        memberUserListQuery.next().then(function (members) {
-            setMembers(members);
-            setHasNext(memberUserListQuery.hasNext);
-        });
-    }, [channel]);
-    var refreshList = React.useCallback(function () {
-        if (!channel) {
-            setMembers([]);
-            return;
-        }
-        var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({ limit: 10 });
-        memberUserListQuery.next().then(function (members) {
-            setMembers(members);
-            setHasNext(memberUserListQuery.hasNext);
-            setChannelUpdateId(uuid.uuidv4());
-        });
-    }, [channel]);
-    return (React.createElement("div", { className: "sendbird-channel-settings-member-list sendbird-accordion" },
-        members.map(function (member) { return (React.createElement(ChannelSettings_components_UserListItem, { key: member.userId, user: member, currentUser: sdk.currentUser.userId, action: ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId)
-                ? function (_a) {
-                    var actionRef = _a.actionRef, parentRef = _a.parentRef;
-                    return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
-                            React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    if ((member.role !== 'operator')) {
-                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
-                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
-                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
-                            // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    if (member.isMuted) {
-                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
-                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
-                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
-                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                                        refreshList();
-                                        closeDropdown();
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }));
-                }
-                : null })); }),
-        React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
-            hasNext && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () { return setShowAllMembers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS)),
-            React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () { return setShowInviteUsers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)),
-        showAllMembers && (React.createElement(MembersModal, { onCancel: function () {
-                setShowAllMembers(false);
-                refreshList();
-            } })),
-        showInviteUsers && (React.createElement(InviteUsers, { onSubmit: function () {
-                setShowInviteUsers(false);
-                refreshList();
-            }, onCancel: function () { return setShowInviteUsers(false); } }))));
-};
-
-exports.MemberList = MemberList;
-//# sourceMappingURL=bundle-1NVer2pf.js.map

package/dist/cjs/chunks/bundle-1NVer2pf.js.map

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