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

package/dist/chunks/bundle-UApGrG-m.js.map

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

package/dist/chunks/bundle-UGKbXjDM.js

@@ -1,112 +0,0 @@
-import { b as __awaiter, c as __generator } from './bundle-qHAQziqO.js';
-import { p as pxToNumber } from './bundle-BYmCRR2q.js';
-
-var compressImage = function (_a) {
-    var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
-    var image = document.createElement('img');
-    return new Promise(function (resolve, reject) {
-        image.src = URL.createObjectURL(imageFile);
-        image.onerror = reject;
-        image.onload = function () {
-            URL.revokeObjectURL(image.src);
-            var canvas = document.createElement('canvas');
-            var originWidth = image.width;
-            var originHeight = image.height;
-            var widthRatio = originWidth / (resizingWidth || originWidth);
-            var heightRatio = originHeight / (resizingHeight || originHeight);
-            var targetResizingWidth = resizingWidth || originWidth;
-            var targetResizingHeight = resizingHeight || originHeight;
-            // Use the more impactful value, so the original images' ratio won't be broken
-            if (widthRatio > heightRatio) {
-                targetResizingHeight = originHeight / (resizingWidth ? widthRatio : 1);
-            }
-            else if (heightRatio > widthRatio) {
-                targetResizingWidth = originWidth / (resizingHeight ? heightRatio : 1);
-            }
-            canvas.width = targetResizingWidth;
-            canvas.height = targetResizingHeight;
-            var ctx = canvas.getContext('2d');
-            if (!ctx) {
-                reject(new Error('Failed to get canvas 2d context'));
-                return;
-            }
-            ctx.drawImage(image, 0, 0, targetResizingWidth, targetResizingHeight);
-            ctx.canvas.toBlob(function (blob) {
-                if (blob) {
-                    var file = new File([blob], imageFile.name, { type: imageFile.type });
-                    resolve(file);
-                }
-                else {
-                    reject(new Error('Failed to compress image'));
-                }
-            }, imageFile.type, compressionRate);
-        };
-    });
-};
-var compressImages = function (_a) {
-    var files = _a.files, logger = _a.logger, imageCompression = _a.imageCompression;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var compressionRate, resizingWidth, resizingHeight, result;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    compressionRate = imageCompression.compressionRate;
-                    resizingWidth = pxToNumber(imageCompression.resizingWidth);
-                    resizingHeight = pxToNumber(imageCompression.resizingHeight);
-                    result = {
-                        failedIndexes: [],
-                        compressedFiles: [],
-                    };
-                    if (!(Array.isArray(files) && files.length > 0)) {
-                        logger.warning('utils - compressImages: There are no files.', files);
-                        return [2 /*return*/, result];
-                    }
-                    if (compressionRate < 0 || 1 < compressionRate) {
-                        logger.warning('utils - compressImages: The compressionRate is not acceptable.', compressionRate);
-                        return [2 /*return*/, result];
-                    }
-                    return [4 /*yield*/, Promise.all(files
-                            .map(function (file, index) { return __awaiter(void 0, void 0, void 0, function () {
-                            var compressedImage, err_1;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        if (!(file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg')) {
-                                            logger.warning('utils - compressImages: The fileType is not compressible.', { file: file, index: index });
-                                            result.failedIndexes.push(index);
-                                            result.compressedFiles.push(file);
-                                            return [2 /*return*/];
-                                        }
-                                        _a.label = 1;
-                                    case 1:
-                                        _a.trys.push([1, 3, , 4]);
-                                        return [4 /*yield*/, compressImage({
-                                                imageFile: file,
-                                                compressionRate: compressionRate,
-                                                resizingWidth: resizingWidth,
-                                                resizingHeight: resizingHeight,
-                                            })];
-                                    case 2:
-                                        compressedImage = _a.sent();
-                                        result.compressedFiles.push(compressedImage);
-                                        return [3 /*break*/, 4];
-                                    case 3:
-                                        err_1 = _a.sent();
-                                        result.failedIndexes.push(index);
-                                        logger.warning('utils - compressImages: Failed to compress image file', { file: file, err: err_1 });
-                                        return [3 /*break*/, 4];
-                                    case 4: return [2 /*return*/];
-                                }
-                            });
-                        }); }))];
-                case 1:
-                    _b.sent();
-                    logger.info('utils - compressImages: Finished compressing images', result);
-                    return [2 /*return*/, result];
-            }
-        });
-    });
-};
-
-export { compressImages as c };
-//# sourceMappingURL=bundle-UGKbXjDM.js.map

package/dist/chunks/bundle-UGKbXjDM.js.map

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

package/dist/chunks/bundle-Vp2hvuBO.js

@@ -1,31 +0,0 @@
-var ONE_MiB = 1024 * 1024;
-var SCROLL_BUFFER = 10;
-// voice message record
-var VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
-var VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
-var VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
-var VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
-var VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
-var BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];
-/**
- * Append Audio element to the root
- * because I can't get the Audio element in the useEffect unmount scope
- */
-var VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
-var VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
-// voice message file
-var VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
-var VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
-// meta array
-var META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
-var META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
-var META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
-// delivery receipt in feature list
-var DELIVERY_RECEIPT = 'delivery_receipt';
-// file viewer slider
-var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
-// multiple files message file info count limit
-var DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
-
-export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_BIT_RATE as V, VOICE_MESSAGE_FILE_NAME as a, VOICE_MESSAGE_MIME_TYPE as b, VOICE_RECORDER_DEFAULT_MIN as c, VOICE_RECORDER_AUDIO_SAMPLE_RATE as d, VOICE_PLAYER_AUDIO_ID as e, VOICE_RECORDER_CLICK_BUFFER_TIME as f, VOICE_PLAYER_ROOT_ID as g, SLIDER_BUTTON_ICON_SIDE_LENGTH as h, META_ARRAY_MESSAGE_TYPE_KEY as i, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as j, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as k, VOICE_RECORDER_DEFAULT_MAX as l };
-//# sourceMappingURL=bundle-Vp2hvuBO.js.map

package/dist/chunks/bundle-Vp2hvuBO.js.map

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

package/dist/chunks/bundle-W3iSjA2l.js

@@ -1,235 +0,0 @@
-import { a as __spreadArray } from './bundle-qHAQziqO.js';
-import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
-import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
-import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-a2JLFpDM.js';
-import { L as LocalizationContext } from './bundle--Ejuxki1.js';
-import { a as UserProfileContext } from './bundle-M4oxyPE-.js';
-import './bundle-14ncl99m.js';
-import { A as Avatar } from './bundle-m-DDpdq8.js';
-import 'react-dom';
-import './bundle-dxJV8pSS.js';
-import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
-import UserProfile from '../ui/UserProfile.js';
-import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
-import '../withSendbird.js';
-import { M as Modal } from './bundle-ypBBz_XL.js';
-import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-lnteErrw.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-
-function ParticipantsModal(_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel;
-    var state = useSendbirdStateContext();
-    var channel = useOpenChannelSettingsContext().channel;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _e = useState([]), participants = _e[0], setParticipants = _e[1];
-    var _f = useState(null), participantListQuery = _f[0], setParticipantListQuery = _f[1];
-    var userId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var sdk = (_d = (_c = state === null || state === void 0 ? void 0 : state.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
-    var isOperatorView = channel === null || channel === void 0 ? void 0 : channel.isOperator(userId);
-    useEffect(function () {
-        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
-            return;
-        }
-        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({});
-        setParticipantListQuery(participantListQuery);
-        participantListQuery.next().then(function (participantList) {
-            setParticipants(participantList);
-        });
-    }, []);
-    return (React__default.createElement("div", null,
-        React__default.createElement(Modal, { hideFooter: true, isFullScreenOnMobile: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE },
-            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = participantListQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        participantListQuery.next().then(function (fetchedParticipants) {
-                            setParticipants(__spreadArray(__spreadArray([], participants, true), fetchedParticipants, true));
-                        });
-                    }
-                } }, participants.map(function (p) {
-                var _a;
-                var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
-                return (React__default.createElement(UserListItem$1, { user: p, key: p.userId, currentUser: (_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId, action: (userId !== p.userId && isOperatorView)
-                        ? function (_a) {
-                            var actionRef = _a.actionRef, parentRef = _a.parentRef;
-                            return (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
-                                    React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                                    React__default.createElement(MenuItem, { onClick: function () {
-                                            if (isOperator) {
-                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
-                                    React__default.createElement(MenuItem, { onClick: function () {
-                                            if (p.isMuted) {
-                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
-                                                    closeDropdown();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
-                                    React__default.createElement(MenuItem, { onClick: function () {
-                                            channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
-                                                closeDropdown();
-                                            });
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }));
-                        }
-                        : null }));
-            })))));
-}
-
-var UserListItem = function (_a) {
-    var user = _a.user, currentUser = _a.currentUser, isOperator = _a.isOperator, action = _a.action;
-    var avatarRef = useRef(null);
-    var actionRef = useRef(null);
-    var _b = useContext(UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-participants-accordion__member" },
-        React__default.createElement("div", { className: "sendbird-participants-accordion__member-avatar" },
-            React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(Avatar, { className: "sendbird-participants-accordion__member-avatar__avatar", onClick: function () {
-                            if (!disableUserProfile) {
-                                toggleDropdown();
-                            }
-                        }, ref: avatarRef, src: user.profileUrl, width: 24, height: 24 }),
-                    (user === null || user === void 0 ? void 0 : user.isMuted) ? (React__default.createElement(MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (renderUserProfile
-                    ? renderUserProfile({
-                        user: user,
-                        currentUserId: currentUser,
-                        close: closeDropdown,
-                        avatarRef: avatarRef,
-                    })
-                    : (React__default.createElement(MenuItems, { openLeft: true, parentRef: avatarRef, 
-                        // for catching location(x, y) of MenuItems
-                        parentContainRef: avatarRef, 
-                        // for toggling more options(menus & reactions)
-                        closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-                        React__default.createElement(UserProfile, { disableMessaging: true, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } })),
-        React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 },
-            user.nickname || stringSet.NO_NAME,
-            (currentUser === user.userId) && (stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU)),
-        !user.nickname && (React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title user-id", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
-        isOperator && (React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title\n                ".concat((user === null || user === void 0 ? void 0 : user.userId) !== currentUser ? 'operator' : '', "\n                ").concat((user === null || user === void 0 ? void 0 : user.userId) === currentUser ? 'self-operator' : '', "\n              "), type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR)),
-        action && (React__default.createElement("div", { className: "sendbird-participants-accordion__member__action", ref: actionRef }, action({ actionRef: actionRef })))));
-};
-
-function ParticipantList(_a) {
-    var _b;
-    var _c = _a.isOperatorView, isOperatorView = _c === void 0 ? false : _c;
-    var globalState = useSendbirdStateContext();
-    var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var channel = useOpenChannelSettingsContext().channel;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _d = useState(null), participants = _d[0], setParticipants = _d[1];
-    var _e = useState(null), participantListQuery = _e[0], setParticipantListQuery = _e[1];
-    var _f = useState(false), showParticipantsModal = _f[0], setShowParticipantsModal = _f[1];
-    useEffect(function () {
-        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
-            return;
-        }
-        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
-        setParticipantListQuery(participantListQuery);
-        participantListQuery.next().then(function (participants) {
-            setParticipants(participants);
-        });
-    }, [channel]);
-    var refreshList = useCallback(function () {
-        if (!channel) {
-            setParticipants([]);
-            return;
-        }
-        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
-        participantListQuery.next().then(function (participants) {
-            setParticipants(participants);
-        });
-    }, [channel]);
-    return (React__default.createElement("div", { className: "sendbird-openchannel-settings__participant-list", onScroll: function (e) {
-            var hasNext = participantListQuery.hasNext;
-            var target = e.target;
-            var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-            if (hasNext && fetchMore) {
-                participantListQuery.next().then(function (fetchedParticipants) {
-                    setParticipants(__spreadArray(__spreadArray([], participants, true), fetchedParticipants, true));
-                });
-            }
-        } },
-        React__default.createElement("div", null, participants === null || participants === void 0 ? void 0 :
-            participants.map(function (p) {
-                var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
-                return (React__default.createElement(UserListItem, { user: p, currentUser: currentUserId, key: p.userId, isOperator: isOperator, action: function (_a) {
-                        var actionRef = _a.actionRef;
-                        return ((isOperatorView && currentUserId !== (p === null || p === void 0 ? void 0 : p.userId))
-                            ? (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-openchannel-participant-list__menu", width: "32px", height: "32px", onClick: toggleDropdown },
-                                    React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                                    React__default.createElement(MenuItem, { onClick: function () {
-                                            if (isOperator) {
-                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
-                                    React__default.createElement(MenuItem, { onClick: function () {
-                                            if (p.isMuted) {
-                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                            else {
-                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
-                                                    closeDropdown();
-                                                    refreshList();
-                                                });
-                                            }
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
-                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
-                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
-                                    React__default.createElement(MenuItem, { onClick: function () {
-                                            channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
-                                                closeDropdown();
-                                                refreshList();
-                                            });
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }))
-                            : null);
-                    } }));
-            }),
-            (participants && participants.length === 0)
-                ? (React__default.createElement(Label, { className: "sendbird-channel-settings__empty-list", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_3 }, stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST)) : null,
-            React__default.createElement("div", { className: "sendbird-openchannel-participant-list__footer" }, (participantListQuery === null || participantListQuery === void 0 ? void 0 : participantListQuery.hasNext) && (React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () { return setShowParticipantsModal(true); } }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE))),
-            showParticipantsModal && (React__default.createElement(ParticipantsModal, { onCancel: function () {
-                    setShowParticipantsModal(false);
-                    refreshList();
-                } })))));
-}
-
-export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-W3iSjA2l.js.map

package/dist/chunks/bundle-W3iSjA2l.js.map

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