@sendbird/uikit-react 3.13.0 → 3.13.2-rc.0

package/ChannelSettings/components/ModerationPanel.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { L as LocalizationContext, u as useLocalization } from '../../chunks/bundle-wpc1Fted.js';
+import { L as LocalizationContext, u as useLocalization } from '../../chunks/bundle-97fd4oe2.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-9c5vLDe9.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-BnG5XETL.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
 import { Toggle } from '../../ui/Toggle.js';
@@ -9,43 +9,46 @@ import Button, { ButtonTypes, ButtonSizes } from '../../ui/Button.js';
 import IconButton from '../../ui/IconButton.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import UserListItem$1 from './UserListItem.js';
-import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-KIf79auh.js';
-import { M as Modal } from '../../chunks/bundle-22Jw6ztq.js';
+import { a as __awaiter, b as __generator, c as __spreadArray, _ as __assign } from '../../chunks/bundle-aAoUY1dC.js';
+import { M as Modal } from '../../chunks/bundle-BQntI2YH.js';
 import UserListItem from '../../ui/UserListItem.js';
 import { useChannelSettingsContext } from '../context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
+import { u as useOnScrollPositionChangeDetector } from '../../chunks/bundle-lYawLy67.js';
 import { OperatorFilter } from '@sendbird/chat/groupChannel';
-import { M as MemberList } from '../../chunks/bundle-O7xTFAHP.js';
-import { n as noop } from '../../chunks/bundle-DHw1C5gJ.js';
-import '../../chunks/bundle-XDy3Cf54.js';
-import '../../chunks/bundle-wWnN6K3w.js';
+import { M as MemberList } from '../../chunks/bundle-DsU79j1A.js';
+import { n as noop } from '../../chunks/bundle-B4CUv14M.js';
+import '../../chunks/bundle-eNe8jUiS.js';
+import '../../chunks/bundle-jYzea4Ke.js';
 import '../../ui/AccordionGroup.js';
-import '../../chunks/bundle-6ruK1Zgw.js';
+import '../../chunks/bundle-_9XBB-ZS.js';
 import '../../withSendbird.js';
 import 'react-dom';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-hjFxrcMW.js';
-import '../../chunks/bundle-LTiCF37t.js';
+import '../../chunks/bundle-CanFPW6u.js';
+import '../../chunks/bundle-CCx8yXVd.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0QDb7-Y_.js';
-import '../../chunks/bundle-_hGurAcC.js';
-import '../../chunks/bundle-b2jLXyrm.js';
+import '../../chunks/bundle-0Xv23Jlo.js';
+import '../../chunks/bundle-C8Oe5QOQ.js';
+import '../../chunks/bundle-CeNRu1nh.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Sl-oiala.js';
+import '../../chunks/bundle-B_5nSVDN.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-3E-IANjq.js';
-import '../../chunks/bundle-Y3ZVN9yF.js';
+import '../../chunks/bundle-CkCkzFFu.js';
+import '../../chunks/bundle-Cs0ZtBj7.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-Ueye8-sz.js';
-import '../../chunks/bundle-xC7o7NLR.js';
-import '../../chunks/bundle-NQDEdVJA.js';
+import '../../chunks/bundle-CAdKFBfs.js';
+import '../../chunks/bundle-DlBu0K2F.js';
 import '@sendbird/chat/message';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-X7gl5vNX.js';
+import '../../chunks/bundle-caD0Cpiq.js';
 
 function OperatorsModal(_a) {
+    var _this = this;
     var _b;
     var onCancel = _a.onCancel;
     var _c = useState([]), operators = _c[0], setOperators = _c[1];
@@ -65,16 +68,20 @@ function OperatorsModal(_a) {
     }, []);
     return (React__default.createElement("div", null,
         React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, titleText: stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL, onCancel: onCancel },
-            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = operatorQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        operatorQuery.next().then(function (o) {
-                            setOperators(__spreadArray(__spreadArray([], operators, true), o, true));
+            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return __awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return __generator(this, function (_a) {
+                            hasNext = operatorQuery.hasNext;
+                            if (hasNext) {
+                                operatorQuery.next().then(function (o) {
+                                    setOperators(__spreadArray(__spreadArray([], operators, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, operators.map(function (member) { return (React__default.createElement(UserListItem, { currentUser: currentUserId, user: member, key: member.userId, action: function (_a) {
+                    }); },
+                }) }, operators.map(function (member) { return (React__default.createElement(UserListItem, { currentUser: currentUserId, user: member, key: member.userId, action: function (_a) {
                     var parentRef = _a.parentRef, actionRef = _a.actionRef;
                     return ((member === null || member === void 0 ? void 0 : member.userId) !== currentUserId && (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 },
@@ -91,6 +98,7 @@ function OperatorsModal(_a) {
 }
 
 function AddOperatorsModal(_a) {
+    var _this = this;
     var onCancel = _a.onCancel, onSubmit = _a.onSubmit;
     var _b = useState([]), members = _b[0], setMembers = _b[1];
     var _c = useState({}), selectedMembers = _c[0], setSelectedMembers = _c[1];
@@ -116,16 +124,20 @@ function AddOperatorsModal(_a) {
                 });
             }, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE },
             React__default.createElement(Label, { color: (selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3, type: LabelTypography.CAPTION_1 }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)),
-            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));
+            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return __awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return __generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(__spreadArray(__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, members.map(function (member) { return (React__default.createElement(UserListItem, { checkBox: true, checked: selectedMembers[member.userId], isOperator: (member === null || member === void 0 ? void 0 : member.role) === 'operator', disabled: (member === null || member === void 0 ? void 0 : member.role) === 'operator', onChange: function (event) {
+                    }); },
+                }) }, members.map(function (member) { return (React__default.createElement(UserListItem, { checkBox: true, checked: selectedMembers[member.userId], isOperator: (member === null || member === void 0 ? void 0 : member.role) === 'operator', disabled: (member === null || member === void 0 ? void 0 : member.role) === 'operator', onChange: function (event) {
                     var _a;
                     var modifiedSelectedMembers = __assign(__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
                     if (!event.target.checked) {
@@ -214,6 +226,7 @@ var OperatorList = function () {
 };
 
 function BannedUsersModal(_a) {
+    var _this = this;
     var onCancel = _a.onCancel;
     var _b = useState([]), members = _b[0], setMembers = _b[1];
     var _c = useState(null), memberQuery = _c[0], setMemberQuery = _c[1];
@@ -227,17 +240,21 @@ function BannedUsersModal(_a) {
         setMemberQuery(bannedUserListQuery);
     }, []);
     return (React__default.createElement("div", null,
-        React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE },
-            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));
+        React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE },
+            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return __awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return __generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(__spreadArray(__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, members.map(function (member) { return (React__default.createElement(UserListItem, { user: member, key: member.userId, action: function (_a) {
+                    }); },
+                }) }, members.map(function (member) { return (React__default.createElement(UserListItem, { user: member, key: member.userId, action: function (_a) {
                     var parentRef = _a.parentRef, actionRef = _a.actionRef;
                     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 },
@@ -248,7 +265,7 @@ function BannedUsersModal(_a) {
                                             return (m.userId !== member.userId);
                                         }));
                                     });
-                                }, dataSbId: "channel_setting_banned_user_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }));
+                                }, dataSbId: "channel_setting_banned_user_context_menu_unban" }, stringSet.CHANNEL_SETTING__MODERATION__UNBAN))); } }));
                 } })); })))));
 }
 
@@ -305,6 +322,7 @@ var BannedMemberList = function () {
 };
 
 function MutedMembersModal(_a) {
+    var _this = this;
     var _b;
     var onCancel = _a.onCancel;
     var _c = useState([]), members = _c[0], setMembers = _c[1];
@@ -315,7 +333,7 @@ function MutedMembersModal(_a) {
     var stringSet = useLocalization().stringSet;
     useEffect(function () {
         var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
-            limit: 10,
+            limit: 20,
             // @ts-ignore
             mutedMemberFilter: 'muted',
         });
@@ -326,16 +344,20 @@ function MutedMembersModal(_a) {
     }, []);
     return (React__default.createElement("div", null,
         React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE },
-            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));
+            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return __awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return __generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(__spreadArray(__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, members.map(function (member) { return (React__default.createElement(UserListItem, { currentUser: currentUser, user: member, key: member.userId, action: function (_a) {
+                    }); },
+                }) }, members.map(function (member) { return (React__default.createElement(UserListItem, { currentUser: currentUser, user: member, key: member.userId, action: 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 },
@@ -435,22 +457,18 @@ function AdminPannel() {
     return (React__default.createElement(AccordionGroup, { className: "sendbird-channel-settings__operator" },
         React__default.createElement(Accordion, { className: "sendbird-channel-settings__operators-list", id: "operators", renderTitle: function () { return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Icon, { type: IconTypes.OPERATOR, fillColor: IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE))); }, renderContent: function () { return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(OperatorList, null))); } }),
+                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE))); }, renderContent: function () { return React__default.createElement(OperatorList, null); } }),
         React__default.createElement(Accordion, { className: "sendbird-channel-settings__members-list", id: "members", renderTitle: function () { return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Icon, { type: IconTypes.MEMBERS, fillColor: IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
                 React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MEMBERS__TITLE),
-                React__default.createElement(Badge, { count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) }))); }, renderContent: function () { return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(MemberList, null))); } }),
+                React__default.createElement(Badge, { count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) }))); }, renderContent: function () { return React__default.createElement(MemberList, null); } }),
         // No muted members in broadcast channel
         !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement(Accordion, { id: "mutedMembers", className: "sendbird-channel-settings__muted-members-list", renderTitle: function () { return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Icon, { type: IconTypes.MUTE, fillColor: IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE))); }, renderContent: function () { return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(MutedMemberList, null))); } })),
+                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE))); }, renderContent: function () { return React__default.createElement(MutedMemberList, null); } })),
         React__default.createElement(Accordion, { className: "sendbird-channel-settings__banned-members-list", id: "bannedUsers", renderTitle: function () { return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Icon, { type: IconTypes.BAN, fillColor: IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE))); }, renderContent: function () { return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(BannedMemberList, null))); } }),
+                React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE))); }, renderContent: function () { return React__default.createElement(BannedMemberList, null); } }),
         // cannot freeze broadcast channel
         !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement("div", { className: "sendbird-channel-settings__freeze" },
             React__default.createElement(Icon, { type: IconTypes.FREEZE, fillColor: IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),

package/ChannelSettings/components/ModerationPanel.js.map

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

package/ChannelSettings/components/UserListItem.js

@@ -1,30 +1,32 @@
-import { c as __spreadArray } from '../../chunks/bundle-KIf79auh.js';
+import { c as __spreadArray } from '../../chunks/bundle-aAoUY1dC.js';
 import React__default, { useRef, useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-wpc1Fted.js';
-import { a as UserProfileContext } from '../../chunks/bundle-_hGurAcC.js';
-import { A as Avatar } from '../../chunks/bundle-b2jLXyrm.js';
+import { L as LocalizationContext } from '../../chunks/bundle-97fd4oe2.js';
+import { a as UserProfileContext } from '../../chunks/bundle-C8Oe5QOQ.js';
+import { A as Avatar } from '../../chunks/bundle-CeNRu1nh.js';
 import MutedAvatarOverlay from '../../ui/MutedAvatarOverlay.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-9c5vLDe9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-BnG5XETL.js';
 import UserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import '../../chunks/bundle-XDy3Cf54.js';
-import '../../chunks/bundle-wWnN6K3w.js';
+import '../../chunks/bundle-eNe8jUiS.js';
+import '../../chunks/bundle-jYzea4Ke.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DHw1C5gJ.js';
-import '../../chunks/bundle-Sl-oiala.js';
+import '../../chunks/bundle-B4CUv14M.js';
+import '../../chunks/bundle-B_5nSVDN.js';
 import '../../ui/Icon.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-3E-IANjq.js';
+import '../../chunks/bundle-CkCkzFFu.js';
 import '../../ui/Button.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 import 'react-dom';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-hjFxrcMW.js';
-import '../../chunks/bundle-LTiCF37t.js';
+import '../../chunks/bundle-CanFPW6u.js';
+import '../../chunks/bundle-CCx8yXVd.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0QDb7-Y_.js';
+import '../../chunks/bundle-0Xv23Jlo.js';
 
 var UserListItem = function (_a) {
     var user = _a.user, className = _a.className, currentUser = _a.currentUser, action = _a.action;

package/ChannelSettings/components/UserListItem.js.map

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

package/ChannelSettings/components/UserPanel.js

@@ -1,45 +1,47 @@
 import React__default, { useContext, useState } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-wpc1Fted.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-9c5vLDe9.js';
+import { L as LocalizationContext } from '../../chunks/bundle-97fd4oe2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-BnG5XETL.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { M as MemberList } from '../../chunks/bundle-O7xTFAHP.js';
+import { M as MemberList } from '../../chunks/bundle-DsU79j1A.js';
 import { useChannelSettingsContext } from '../context.js';
-import '../../chunks/bundle-XDy3Cf54.js';
-import '../../chunks/bundle-wWnN6K3w.js';
-import '../../chunks/bundle-KIf79auh.js';
-import '../../chunks/bundle-DHw1C5gJ.js';
+import '../../chunks/bundle-eNe8jUiS.js';
+import '../../chunks/bundle-jYzea4Ke.js';
+import '../../chunks/bundle-aAoUY1dC.js';
+import '../../chunks/bundle-B4CUv14M.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-hjFxrcMW.js';
-import '../../chunks/bundle-LTiCF37t.js';
+import '../../chunks/bundle-CanFPW6u.js';
+import '../../chunks/bundle-CCx8yXVd.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0QDb7-Y_.js';
+import '../../chunks/bundle-0Xv23Jlo.js';
 import './UserListItem.js';
-import '../../chunks/bundle-_hGurAcC.js';
-import '../../chunks/bundle-b2jLXyrm.js';
+import '../../chunks/bundle-C8Oe5QOQ.js';
+import '../../chunks/bundle-CeNRu1nh.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Sl-oiala.js';
+import '../../chunks/bundle-B_5nSVDN.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-3E-IANjq.js';
+import '../../chunks/bundle-CkCkzFFu.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-22Jw6ztq.js';
-import '../../chunks/bundle-Y3ZVN9yF.js';
+import '../../chunks/bundle-BQntI2YH.js';
+import '../../chunks/bundle-Cs0ZtBj7.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-Ueye8-sz.js';
-import '../../chunks/bundle-xC7o7NLR.js';
-import '../../chunks/bundle-NQDEdVJA.js';
+import '../../chunks/bundle-lYawLy67.js';
+import '../../chunks/bundle-CAdKFBfs.js';
+import '../../chunks/bundle-DlBu0K2F.js';
 import '@sendbird/chat/message';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-X7gl5vNX.js';
+import '../../chunks/bundle-caD0Cpiq.js';
 
 var kFormatter = function (num) {
     return Math.abs(num) > 999

package/ChannelSettings/components/UserPanel.js.map

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

package/ChannelSettings/context.js

@@ -1,8 +1,8 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-KIf79auh.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-aAoUY1dC.js';
 import React__default, { useState, useEffect } from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../chunks/bundle-_hGurAcC.js';
-import { u as uuidv4 } from '../chunks/bundle-hjFxrcMW.js';
+import { U as UserProfileProvider } from '../chunks/bundle-C8Oe5QOQ.js';
+import { u as uuidv4 } from '../chunks/bundle-CanFPW6u.js';
 import '../withSendbird.js';
 
 function useAsyncRequest(request, options) {

package/ChannelSettings.js

@@ -1,60 +1,63 @@
 import React__default from 'react';
 import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js';
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
+import './chunks/bundle-aAoUY1dC.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-KIf79auh.js';
-import './ui/PlaceHolder.js';
-import './chunks/bundle-wpc1Fted.js';
-import './chunks/bundle-XDy3Cf54.js';
-import './chunks/bundle-wWnN6K3w.js';
+import './ChannelSettings/components/ChannelSettingsHeader.js';
+import './chunks/bundle-97fd4oe2.js';
+import './chunks/bundle-eNe8jUiS.js';
+import './chunks/bundle-jYzea4Ke.js';
+import './chunks/bundle-BnG5XETL.js';
+import './ui/IconButton.js';
 import './ui/Icon.js';
-import './chunks/bundle-DHw1C5gJ.js';
-import './chunks/bundle-9c5vLDe9.js';
+import './chunks/bundle-B4CUv14M.js';
+import './ui/PlaceHolder.js';
 import './ui/Loader.js';
-import './ui/IconButton.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-b2jLXyrm.js';
+import './chunks/bundle-CeNRu1nh.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Sl-oiala.js';
-import './chunks/bundle-v3VMB7al.js';
+import './chunks/bundle-B_5nSVDN.js';
+import './chunks/bundle-D4kbZg4e.js';
 import './ui/TextButton.js';
-import './chunks/bundle-n2BmCgGV.js';
+import './chunks/bundle-C5ygMhyk.js';
 import './ChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-22Jw6ztq.js';
+import './chunks/bundle-BQntI2YH.js';
 import 'react-dom';
-import './chunks/bundle-Y3ZVN9yF.js';
+import './chunks/bundle-Cs0ZtBj7.js';
 import './ui/Button.js';
 import './ui/Input.js';
-import './chunks/bundle-hjFxrcMW.js';
+import './chunks/bundle-CanFPW6u.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-6ruK1Zgw.js';
+import './chunks/bundle-_9XBB-ZS.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ui/ContextMenu.js';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
 import './ui/SortByRow.js';
-import './chunks/bundle-LTiCF37t.js';
+import './chunks/bundle-CCx8yXVd.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-0QDb7-Y_.js';
+import './chunks/bundle-0Xv23Jlo.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-_hGurAcC.js';
+import './chunks/bundle-C8Oe5QOQ.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './chunks/bundle-3E-IANjq.js';
+import './chunks/bundle-CkCkzFFu.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './chunks/bundle-O7xTFAHP.js';
-import './chunks/bundle-Ueye8-sz.js';
-import './chunks/bundle-xC7o7NLR.js';
-import './chunks/bundle-NQDEdVJA.js';
+import './chunks/bundle-lYawLy67.js';
+import './chunks/bundle-CAdKFBfs.js';
+import './chunks/bundle-DlBu0K2F.js';
 import '@sendbird/chat/message';
 import '@sendbird/uikit-tools';
-import './chunks/bundle-X7gl5vNX.js';
+import './chunks/bundle-caD0Cpiq.js';
+import './chunks/bundle-DsU79j1A.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 

package/ChannelSettings.js.map

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

package/CreateChannel/components/CreateChannelUI.js

@@ -1,38 +1,40 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../chunks/bundle-2194oWZc.js';
+import { u as useCreateChannelContext } from '../../chunks/bundle-DlHY-98U.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-3E-IANjq.js';
-import '../../chunks/bundle-DHw1C5gJ.js';
+import '../../chunks/bundle-CkCkzFFu.js';
+import '../../chunks/bundle-B4CUv14M.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-KIf79auh.js';
-import '../../chunks/bundle-wpc1Fted.js';
-import '../../chunks/bundle-XDy3Cf54.js';
-import '../../chunks/bundle-wWnN6K3w.js';
-import '../../chunks/bundle-Y3ZVN9yF.js';
-import '../../chunks/bundle-22Jw6ztq.js';
+import '../../chunks/bundle-aAoUY1dC.js';
+import '../../chunks/bundle-97fd4oe2.js';
+import '../../chunks/bundle-eNe8jUiS.js';
+import '../../chunks/bundle-jYzea4Ke.js';
+import '../../chunks/bundle-Cs0ZtBj7.js';
+import '../../chunks/bundle-BQntI2YH.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-9c5vLDe9.js';
+import '../../chunks/bundle-BnG5XETL.js';
 import '../../ui/Icon.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-_hGurAcC.js';
-import '../../chunks/bundle-b2jLXyrm.js';
+import '../../chunks/bundle-C8Oe5QOQ.js';
+import '../../chunks/bundle-CeNRu1nh.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Sl-oiala.js';
+import '../../chunks/bundle-B_5nSVDN.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-hjFxrcMW.js';
-import '../../chunks/bundle-LTiCF37t.js';
+import '../../chunks/bundle-CanFPW6u.js';
+import '../../chunks/bundle-CCx8yXVd.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0QDb7-Y_.js';
+import '../../chunks/bundle-0Xv23Jlo.js';
 
 var CreateChannel = function (props) {
     var onCancel = props.onCancel, renderStepOne = props.renderStepOne;

package/CreateChannel/components/CreateChannelUI.js.map

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