@sendbird/uikit-react 3.7.0-rc.1 → 3.8.0

package/VoiceRecorder/useVoiceRecorder.js

@@ -1,120 +1,107 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useVoiceRecorderContext } from './context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../LocalizationContext-3dd8dd71.js';
-import '../stringSet-82c00996.js';
-import '../index-de4364e8.js';
-import '../ui/Modal.js';
+import '../chunks/bundle-v0OWADVv.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-rLxuFUa1.js';
 import 'react-dom';
-import '../utils-dc677a86.js';
-import '../tslib.es6-353b1a8e.js';
-import '../index-4ff8441f.js';
-import '../index-7c8bbc47.js';
-import '../MediaQueryContext-e7425227.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-x-4ukZm_.js';
 import '../ui/IconButton.js';
+import '../chunks/bundle-hKtwSqbO.js';
 import '../ui/Button.js';
-import '../index-72a8436a.js';
-import 'prop-types';
-import '../types-9a224810.js';
+import '../chunks/bundle-wMgBBDf9.js';
 import '../ui/Icon.js';
-import '../consts-9a7169ff.js';
+import '../chunks/bundle-WCTKBopn.js';
 import '../withSendbird.js';
 
-// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {
-//   /**
-//    * onRecordingStarted
-//    * onRecordingEnded
-//    */
-// }
-/* eslint-disable no-redeclare */
-var VoiceRecorderStatus = {
-  PREPARING: 'PREPARING',
-  READY_TO_RECORD: 'READY_TO_RECORD',
-  RECORDING: 'RECORDING',
-  COMPLETED: 'COMPLETED'
-};
-var noop = function () {};
-var useVoiceRecorder = function (_a) {
-  var _b = _a.onRecordingStarted,
-    onRecordingStarted = _b === void 0 ? noop : _b,
-    _c = _a.onRecordingEnded,
-    onRecordingEnded = _c === void 0 ? noop : _c;
-  var config = useSendbirdStateContext().config;
-  var voiceRecord = config.voiceRecord;
-  var maxRecordingTime = voiceRecord.maxRecordingTime;
-  var voiceRecorder = useVoiceRecorderContext();
-  var isRecordable = voiceRecorder.isRecordable;
-  var _d = useState(null),
-    recordedFile = _d[0],
-    setRecordedFile = _d[1];
-  var _e = useState(VoiceRecorderStatus.PREPARING),
-    recordingStatus = _e[0],
-    setRecordingStatus = _e[1];
-  useEffect(function () {
-    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
-      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
-    }
-  }, [isRecordable]);
-  var start = useCallback(function () {
-    voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.start({
-      onRecordingStarted: function () {
-        setRecordingStatus(VoiceRecorderStatus.RECORDING);
-        onRecordingStarted();
-        startTimer();
-      },
-      onRecordingEnded: function (audioFile) {
-        setRecordingStatus(VoiceRecorderStatus.COMPLETED);
-        onRecordingEnded(audioFile);
-        setRecordedFile(audioFile);
-        stopTimer();
-      }
-    });
-  }, [onRecordingStarted, onRecordingEnded]);
-  var stop = useCallback(function () {
-    voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.stop();
-    stopTimer();
-  }, [voiceRecorder]);
-  var cancel = useCallback(function () {
-    stop();
-    setRecordedFile(null);
-  }, [voiceRecorder]);
-  // Timer
-  var _f = useState(0),
-    recordingTime = _f[0],
-    setRecordingTime = _f[1];
-  var timer = null;
-  function startTimer() {
-    stopTimer();
-    setRecordingTime(0);
-    var interval = setInterval(function () {
-      setRecordingTime(function (prevTime) {
-        var newTime = prevTime + 100;
-        if (newTime > maxRecordingTime) {
-          stopTimer();
-        }
-        return newTime;
-      });
-    }, 100);
-    timer = interval;
-  }
-  function stopTimer() {
-    clearInterval(timer);
-    timer = null;
-  }
-  useEffect(function () {
-    if (recordingTime > maxRecordingTime) {
-      stop();
-    }
-  }, [recordingTime, maxRecordingTime, stop]);
-  return {
-    start: start,
-    stop: stop,
-    cancel: cancel,
-    recordingStatus: recordingStatus,
-    recordingTime: recordingTime,
-    recordedFile: recordedFile,
-    recordingLimit: maxRecordingTime
-  };
+// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {
+//   /**
+//    * onRecordingStarted
+//    * onRecordingEnded
+//    */
+// }
+/* eslint-disable no-redeclare */
+var VoiceRecorderStatus = {
+    PREPARING: 'PREPARING',
+    READY_TO_RECORD: 'READY_TO_RECORD',
+    RECORDING: 'RECORDING',
+    COMPLETED: 'COMPLETED',
+};
+var noop = function () { };
+var useVoiceRecorder = function (_a) {
+    var _b = _a.onRecordingStarted, onRecordingStarted = _b === void 0 ? noop : _b, _c = _a.onRecordingEnded, onRecordingEnded = _c === void 0 ? noop : _c;
+    var config = useSendbirdStateContext().config;
+    var voiceRecord = config.voiceRecord;
+    var maxRecordingTime = voiceRecord.maxRecordingTime;
+    var voiceRecorder = useVoiceRecorderContext();
+    var isRecordable = voiceRecorder.isRecordable;
+    var _d = useState(null), recordedFile = _d[0], setRecordedFile = _d[1];
+    var _e = useState(VoiceRecorderStatus.PREPARING), recordingStatus = _e[0], setRecordingStatus = _e[1];
+    useEffect(function () {
+        if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
+            setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
+        }
+    }, [isRecordable]);
+    var start = useCallback(function () {
+        voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.start({
+            onRecordingStarted: function () {
+                setRecordingStatus(VoiceRecorderStatus.RECORDING);
+                onRecordingStarted();
+                startTimer();
+            },
+            onRecordingEnded: function (audioFile) {
+                setRecordingStatus(VoiceRecorderStatus.COMPLETED);
+                onRecordingEnded(audioFile);
+                setRecordedFile(audioFile);
+                stopTimer();
+            },
+        });
+    }, [onRecordingStarted, onRecordingEnded]);
+    var stop = useCallback(function () {
+        voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.stop();
+        stopTimer();
+    }, [voiceRecorder]);
+    var cancel = useCallback(function () {
+        stop();
+        setRecordedFile(null);
+    }, [voiceRecorder]);
+    // Timer
+    var _f = useState(0), recordingTime = _f[0], setRecordingTime = _f[1];
+    var timer = null;
+    function startTimer() {
+        stopTimer();
+        setRecordingTime(0);
+        var interval = setInterval(function () {
+            setRecordingTime(function (prevTime) {
+                var newTime = prevTime + 100;
+                if (newTime > maxRecordingTime) {
+                    stopTimer();
+                }
+                return newTime;
+            });
+        }, 100);
+        timer = interval;
+    }
+    function stopTimer() {
+        clearInterval(timer);
+        timer = null;
+    }
+    useEffect(function () {
+        if (recordingTime > maxRecordingTime) {
+            stop();
+        }
+    }, [recordingTime, maxRecordingTime, stop]);
+    return ({
+        start: start,
+        stop: stop,
+        cancel: cancel,
+        recordingStatus: recordingStatus,
+        recordingTime: recordingTime,
+        recordedFile: recordedFile,
+        recordingLimit: maxRecordingTime,
+    });
 };
 
 export { VoiceRecorderStatus, useVoiceRecorder };

package/VoiceRecorder/useVoiceRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceRecorder.js","sources":["../../src/hooks/VoiceRecorder/useVoiceRecorder.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { VoiceRecorderEventHandler, useVoiceRecorderContext } from '.';\nimport useSendbirdStateContext from '../useSendbirdStateContext';\n\n// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {\n//   /**\n//    * onRecordingStarted\n//    * onRecordingEnded\n//    */\n// }\n/* eslint-disable no-redeclare */\nexport const VoiceRecorderStatus = {\n  PREPARING: 'PREPARING',\n  READY_TO_RECORD: 'READY_TO_RECORD',\n  RECORDING: 'RECORDING',\n  COMPLETED: 'COMPLETED',\n} as const;\nexport type VoiceRecorderStatus = typeof VoiceRecorderStatus[keyof typeof VoiceRecorderStatus];\nexport interface UseVoiceRecorderContext {\n  start: () => void;\n  stop: () => void;\n  cancel: () => void;\n  recordingLimit: number;\n  recordingTime: number;\n  recordedFile: File;\n  recordingStatus: VoiceRecorderStatus;\n}\n\nconst noop = () => { /* noop */ };\n\nexport const useVoiceRecorder = ({\n  onRecordingStarted = noop,\n  onRecordingEnded = noop,\n}: VoiceRecorderEventHandler): UseVoiceRecorderContext => {\n  const { config } = useSendbirdStateContext();\n  const { voiceRecord } = config;\n  const { maxRecordingTime } = voiceRecord;\n  const voiceRecorder = useVoiceRecorderContext();\n  const { isRecordable } = voiceRecorder;\n\n  const [recordedFile, setRecordedFile] = useState<File>(null);\n  const [recordingStatus, setRecordingStatus] = useState<VoiceRecorderStatus>(VoiceRecorderStatus.PREPARING);\n  useEffect(() => {\n    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {\n      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);\n    }\n  }, [isRecordable]);\n\n  const start = useCallback(() => {\n    voiceRecorder?.start({\n      onRecordingStarted: () => {\n        setRecordingStatus(VoiceRecorderStatus.RECORDING);\n        onRecordingStarted();\n        startTimer();\n      },\n      onRecordingEnded: (audioFile) => {\n        setRecordingStatus(VoiceRecorderStatus.COMPLETED);\n        onRecordingEnded(audioFile);\n        setRecordedFile(audioFile);\n        stopTimer();\n      },\n    });\n  }, [onRecordingStarted, onRecordingEnded]);\n  const stop = useCallback(() => {\n    voiceRecorder?.stop();\n    stopTimer();\n  }, [voiceRecorder]);\n  const cancel = useCallback(() => {\n    stop();\n    setRecordedFile(null);\n  }, [voiceRecorder]);\n\n  // Timer\n  const [recordingTime, setRecordingTime] = useState<number>(0);\n  let timer: ReturnType<typeof setInterval> = null;\n  function startTimer() {\n    stopTimer();\n    setRecordingTime(0);\n    const interval = setInterval(() => {\n      setRecordingTime(prevTime => {\n        const newTime = prevTime + 100;\n        if (newTime > maxRecordingTime) {\n          stopTimer();\n        }\n        return newTime;\n      });\n    }, 100);\n    timer = interval;\n  }\n  function stopTimer() {\n    clearInterval(timer);\n    timer = null;\n  }\n  useEffect(() => {\n    if (recordingTime > maxRecordingTime) {\n      stop();\n    }\n  }, [recordingTime, maxRecordingTime, stop]);\n\n  return ({\n    start,\n    stop,\n    cancel,\n    recordingStatus,\n    recordingTime,\n    recordedFile,\n    recordingLimit: maxRecordingTime,\n  });\n};\n"],"names":["VoiceRecorderStatus","PREPARING","READY_TO_RECORD","RECORDING","COMPLETED","noop","useVoiceRecorder","_a","_b","onRecordingStarted","_c","onRecordingEnded","config","useSendbirdStateContext","voiceRecord","maxRecordingTime","voiceRecorder","useVoiceRecorderContext","isRecordable","_d","useState","recordedFile","setRecordedFile","_e","recordingStatus","setRecordingStatus","useEffect","start","useCallback","startTimer","audioFile","stopTimer","stop","cancel","_f","recordingTime","setRecordingTime","timer","interval","setInterval","prevTime","newTime","clearInterval","recordingLimit"],"mappings":"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"}
+{"version":3,"file":"useVoiceRecorder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/{consts-893be876.js → chunks/bundle--F_1NyoU.js}

@@ -1,4 +1,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 export { MENTION_USER_LABEL_CLASSNAME as M };
-//# sourceMappingURL=consts-893be876.js.map
+//# sourceMappingURL=bundle--F_1NyoU.js.map

package/chunks/bundle--F_1NyoU.js.map

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

package/chunks/bundle-1P01-roD.js

@@ -0,0 +1,277 @@
+import React__default, { useState, useContext, useEffect, useCallback } from 'react';
+import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
+import IconButton from '../ui/IconButton.js';
+import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
+import UserListItem$1 from '../ChannelSettings/components/UserListItem.js';
+import { a as __spreadArray, _ as __assign } from './bundle-hKtwSqbO.js';
+import { M as Modal } from './bundle-rLxuFUa1.js';
+import UserListItem from '../ui/UserListItem.js';
+import { n as noop } from './bundle-v9a1_z0P.js';
+import { useChannelSettingsContext } from '../ChannelSettings/context.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-v0OWADVv.js';
+import './bundle-wMgBBDf9.js';
+import { u as uuidv4 } from './bundle-bofQNMJb.js';
+
+function MembersModal(_a) {
+    var _b;
+    var onCancel = _a.onCancel;
+    var _c = useState([]), members = _c[0], setMembers = _c[1];
+    var _d = useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
+    var channel = useChannelSettingsContext().channel;
+    var state = useSendbirdStateContext();
+    var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    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__default.createElement("div", null,
+        React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS },
+            React__default.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(__spreadArray(__spreadArray([], members, true), o, true));
+                        });
+                    }
+                } }, members.map(function (member) { return (React__default.createElement(UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
+                    var parentRef = _a.parentRef, actionRef = _a.actionRef;
+                    return (React__default.createElement(React__default.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
+                                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, { 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 __assign(__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 __assign(__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__default.createElement(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 __assign(__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 __assign(__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__default.createElement(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 = useState([]), members = _e[0], setMembers = _e[1];
+    var _f = useState({}), selectedMembers = _f[0], setSelectedMembers = _f[1];
+    var _g = useState(null), userQuery = _g[0], setUserQuery = _g[1];
+    var state = 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 = useChannelSettingsContext(), channel = _h.channel, overrideInviteUser = _h.overrideInviteUser, queries = _h.queries;
+    var userFilledQuery = __assign({}, queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery);
+    var stringSet = useLocalization().stringSet;
+    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__default.createElement("div", null,
+        React__default.createElement(Modal, { isFullScreenOnMobile: true, disabled: Object.keys(selectedMembers).length === 0, submitText: stringSet.BUTTON__INVITE, type: 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__default.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(__spreadArray(__spreadArray([], members, true), users, true));
+                        });
+                    }
+                } },
+                React__default.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__default.createElement(UserListItem, { checkBox: true, checked: isJoinedMember || selectedMembers[member.userId], disabled: isJoinedMember, onChange: function (event) {
+                            var _a;
+                            var modifiedSelectedMembers = __assign(__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 = useState([]), members = _d[0], setMembers = _d[1];
+    var _e = useState(false), hasNext = _e[0], setHasNext = _e[1];
+    var _f = useState(false), showAllMembers = _f[0], setShowAllMembers = _f[1];
+    var _g = useState(false), showInviteUsers = _g[0], setShowInviteUsers = _g[1];
+    var state = useSendbirdStateContext();
+    var _h = useChannelSettingsContext(), channel = _h.channel, setChannelUpdateId = _h.setChannelUpdateId;
+    var stringSet = useContext(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;
+    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 = 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(uuidv4());
+        });
+    }, [channel]);
+    return (React__default.createElement("div", { className: "sendbird-channel-settings-member-list sendbird-accordion" },
+        members.map(function (member) { return (React__default.createElement(UserListItem$1, { 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__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 ((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__default.createElement(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__default.createElement(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__default.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
+            hasNext && (React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () { return setShowAllMembers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS)),
+            React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () { return setShowInviteUsers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)),
+        showAllMembers && (React__default.createElement(MembersModal, { onCancel: function () {
+                setShowAllMembers(false);
+                refreshList();
+            } })),
+        showInviteUsers && (React__default.createElement(InviteUsers, { onSubmit: function () {
+                setShowInviteUsers(false);
+                refreshList();
+            }, onCancel: function () { return setShowInviteUsers(false); } }))));
+};
+
+export { MemberList as M };
+//# sourceMappingURL=bundle-1P01-roD.js.map

package/chunks/bundle-1P01-roD.js.map

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

package/{index-e2e20fad.js → chunks/bundle-3mdR5HDw.js}

@@ -1,4 +1,4 @@
-import { r as requiredArgs, t as toDate } from './index-26bafa8f.js';
+import { r as requiredArgs, t as toDate } from './bundle-h3JIYRTG.js';
 
 /**
  * @name startOfDay
@@ -18,6 +18,7 @@ import { r as requiredArgs, t as toDate } from './index-26bafa8f.js';
  * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 00:00:00
  */
+
 function startOfDay(dirtyDate) {
   requiredArgs(1, arguments);
   var date = toDate(dirtyDate);
@@ -53,6 +54,7 @@ function startOfDay(dirtyDate) {
  * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
  * //=> false
  */
+
 function isSameDay(dirtyDateLeft, dirtyDateRight) {
   requiredArgs(2, arguments);
   var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
@@ -61,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 export { isSameDay as i };
-//# sourceMappingURL=index-e2e20fad.js.map
+//# sourceMappingURL=bundle-3mdR5HDw.js.map

package/chunks/bundle-3mdR5HDw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-3mdR5HDw.js","sources":["../../node_modules/date-fns/esm/startOfDay/index.js","../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":[],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}