@sendbird/uikit-react 3.13.1 → 3.13.2

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-2mYNn3cL.js');
+var LocalizationContext = require('../../chunks/bundle-BEQWEQgH.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../chunks/bundle-y7M4yzjp.js');
+var ui_Label = require('../../chunks/bundle-BgCtP7V4.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Toggle = require('../../ui/Toggle.js');
@@ -11,43 +11,46 @@ var ui_Button = require('../../ui/Button.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./UserListItem.js');
-var _tslib = require('../../chunks/bundle-0_XeBL9s.js');
-var ui_Modal = require('../../chunks/bundle-21xpspuo.js');
+var _tslib = require('../../chunks/bundle-BC16qA15.js');
+var ui_Modal = require('../../chunks/bundle-D8ubAia5.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
 var ChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var index = require('../../chunks/bundle--Ti8q5z8.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var MemberList = require('../../chunks/bundle-UEx-yk0R.js');
-var utils = require('../../chunks/bundle-h5InIJAx.js');
-require('../../chunks/bundle-7WTXh7Qd.js');
-require('../../chunks/bundle-bRa1uu9u.js');
+var MemberList = require('../../chunks/bundle-D-izgOCe.js');
+var utils = require('../../chunks/bundle-BQtI4UIy.js');
+require('../../chunks/bundle-CGBPEEGS.js');
+require('../../chunks/bundle-B-wprLUV.js');
 require('../../ui/AccordionGroup.js');
-require('../../chunks/bundle-CH14mCu1.js');
+require('../../chunks/bundle-CWXfgOJy.js');
 require('../../withSendbird.js');
 require('react-dom');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-1MVKpHty.js');
-require('../../chunks/bundle-gCywzCVk.js');
+require('../../chunks/bundle-BO2p70mH.js');
+require('../../chunks/bundle-DLgX_uIA.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-0tffesFh.js');
-require('../../chunks/bundle-46h-dSCc.js');
-require('../../chunks/bundle-cdInBvCf.js');
+require('../../chunks/bundle-Dj2Oa2F6.js');
+require('../../chunks/bundle-DQM5RZ7p.js');
+require('../../chunks/bundle-VqK6Sgiy.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-cA3flg73.js');
+require('../../chunks/bundle-CxuGQxaT.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-l4hJRoVO.js');
-require('../../chunks/bundle-NlYqioOJ.js');
+require('../../chunks/bundle-DgX9o5Mt.js');
+require('../../chunks/bundle-CD82WkIi.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle-iodh4Ass.js');
-require('../../chunks/bundle-0OVYmgjV.js');
-require('../../chunks/bundle-leOuFK1P.js');
+require('../../chunks/bundle-DWp3JSCd.js');
+require('../../chunks/bundle-DqysFYzQ.js');
 require('@sendbird/chat/message');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-dW6ZClWz.js');
+require('../../chunks/bundle-udIHWjxi.js');
 
 function OperatorsModal(_a) {
+    var _this = this;
     var _b;
     var onCancel = _a.onCancel;
     var _c = React.useState([]), operators = _c[0], setOperators = _c[1];
@@ -67,16 +70,20 @@ function OperatorsModal(_a) {
     }, []);
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, titleText: stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL, onCancel: onCancel },
-            React.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(_tslib.__spreadArray(_tslib.__spreadArray([], operators, true), o, true));
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return _tslib.__generator(this, function (_a) {
+                            hasNext = operatorQuery.hasNext;
+                            if (hasNext) {
+                                operatorQuery.next().then(function (o) {
+                                    setOperators(_tslib.__spreadArray(_tslib.__spreadArray([], operators, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, operators.map(function (member) { return (React.createElement(ui_UserListItem, { currentUser: currentUserId, user: member, key: member.userId, action: function (_a) {
+                    }); },
+                }) }, operators.map(function (member) { return (React.createElement(ui_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.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
                             React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
@@ -93,6 +100,7 @@ function OperatorsModal(_a) {
 }
 
 function AddOperatorsModal(_a) {
+    var _this = this;
     var onCancel = _a.onCancel, onSubmit = _a.onSubmit;
     var _b = React.useState([]), members = _b[0], setMembers = _b[1];
     var _c = React.useState({}), selectedMembers = _c[0], setSelectedMembers = _c[1];
@@ -118,16 +126,20 @@ function AddOperatorsModal(_a) {
                 });
             }, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE },
             React.createElement(ui_Label.Label, { color: (selectedCount > 0) ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3, type: ui_Label.LabelTypography.CAPTION_1 }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)),
-            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = memberQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        memberQuery.next().then(function (o) {
-                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return _tslib.__generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, members.map(function (member) { return (React.createElement(ui_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.createElement(ui_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 = _tslib.__assign(_tslib.__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
                     if (!event.target.checked) {
@@ -216,6 +228,7 @@ var OperatorList = function () {
 };
 
 function BannedUsersModal(_a) {
+    var _this = this;
     var onCancel = _a.onCancel;
     var _b = React.useState([]), members = _b[0], setMembers = _b[1];
     var _c = React.useState(null), memberQuery = _c[0], setMemberQuery = _c[1];
@@ -229,17 +242,21 @@ function BannedUsersModal(_a) {
         setMemberQuery(bannedUserListQuery);
     }, []);
     return (React.createElement("div", null,
-        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE },
-            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = memberQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        memberQuery.next().then(function (o) {
-                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE },
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return _tslib.__generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, members.map(function (member) { return (React.createElement(ui_UserListItem, { user: member, key: member.userId, action: function (_a) {
+                    }); },
+                }) }, members.map(function (member) { return (React.createElement(ui_UserListItem, { user: member, key: member.userId, action: function (_a) {
                     var parentRef = _a.parentRef, actionRef = _a.actionRef;
                     return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
                             React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
@@ -250,7 +267,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))); } }));
                 } })); })))));
 }
 
@@ -307,6 +324,7 @@ var BannedMemberList = function () {
 };
 
 function MutedMembersModal(_a) {
+    var _this = this;
     var _b;
     var onCancel = _a.onCancel;
     var _c = React.useState([]), members = _c[0], setMembers = _c[1];
@@ -317,7 +335,7 @@ function MutedMembersModal(_a) {
     var stringSet = LocalizationContext.useLocalization().stringSet;
     React.useEffect(function () {
         var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
-            limit: 10,
+            limit: 20,
             // @ts-ignore
             mutedMemberFilter: 'muted',
         });
@@ -328,16 +346,20 @@ function MutedMembersModal(_a) {
     }, []);
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE },
-            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = memberQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        memberQuery.next().then(function (o) {
-                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return _tslib.__generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, members.map(function (member) { return (React.createElement(ui_UserListItem, { currentUser: currentUser, user: member, key: member.userId, action: function (_a) {
+                    }); },
+                }) }, members.map(function (member) { return (React.createElement(ui_UserListItem, { currentUser: currentUser, user: member, key: member.userId, action: function (_a) {
                     var actionRef = _a.actionRef, parentRef = _a.parentRef;
                     return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
                             React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
@@ -437,22 +459,18 @@ function AdminPannel() {
     return (React.createElement(ui_Accordion.AccordionGroup, { className: "sendbird-channel-settings__operator" },
         React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__operators-list", id: "operators", renderTitle: function () { return (React.createElement(React.Fragment, null,
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.OPERATOR, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE))); }, renderContent: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(OperatorList, null))); } }),
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE))); }, renderContent: function () { return React.createElement(OperatorList, null); } }),
         React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__members-list", id: "members", renderTitle: function () { return (React.createElement(React.Fragment, null,
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MEMBERS, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MEMBERS__TITLE),
-                React.createElement(ui_Badge, { count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) }))); }, renderContent: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(MemberList.MemberList, null))); } }),
+                React.createElement(ui_Badge, { count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) }))); }, renderContent: function () { return React.createElement(MemberList.MemberList, null); } }),
         // No muted members in broadcast channel
         !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_Accordion.default, { id: "mutedMembers", className: "sendbird-channel-settings__muted-members-list", renderTitle: function () { return (React.createElement(React.Fragment, null,
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MUTE, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE))); }, renderContent: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(MutedMemberList, null))); } })),
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE))); }, renderContent: function () { return React.createElement(MutedMemberList, null); } })),
         React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__banned-members-list", id: "bannedUsers", renderTitle: function () { return (React.createElement(React.Fragment, null,
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BAN, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE))); }, renderContent: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(BannedMemberList, null))); } }),
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE))); }, renderContent: function () { return React.createElement(BannedMemberList, null); } }),
         // cannot freeze broadcast channel
         !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement("div", { className: "sendbird-channel-settings__freeze" },
             React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),

package/cjs/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/cjs/ChannelSettings/components/UserListItem.js

@@ -1,32 +1,34 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-0_XeBL9s.js');
+var _tslib = require('../../chunks/bundle-BC16qA15.js');
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-2mYNn3cL.js');
-var UserProfileContext = require('../../chunks/bundle-46h-dSCc.js');
-var ui_Avatar = require('../../chunks/bundle-cdInBvCf.js');
+var LocalizationContext = require('../../chunks/bundle-BEQWEQgH.js');
+var UserProfileContext = require('../../chunks/bundle-DQM5RZ7p.js');
+var ui_Avatar = require('../../chunks/bundle-VqK6Sgiy.js');
 var ui_MutedAvatarOverlay = require('../../ui/MutedAvatarOverlay.js');
-var ui_Label = require('../../chunks/bundle-y7M4yzjp.js');
+var ui_Label = require('../../chunks/bundle-BgCtP7V4.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-require('../../chunks/bundle-7WTXh7Qd.js');
-require('../../chunks/bundle-bRa1uu9u.js');
+require('../../chunks/bundle-CGBPEEGS.js');
+require('../../chunks/bundle-B-wprLUV.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-h5InIJAx.js');
-require('../../chunks/bundle-cA3flg73.js');
+require('../../chunks/bundle-BQtI4UIy.js');
+require('../../chunks/bundle-CxuGQxaT.js');
 require('../../ui/Icon.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-l4hJRoVO.js');
+require('../../chunks/bundle-DgX9o5Mt.js');
 require('../../ui/Button.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('react-dom');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-1MVKpHty.js');
-require('../../chunks/bundle-gCywzCVk.js');
+require('../../chunks/bundle-BO2p70mH.js');
+require('../../chunks/bundle-DLgX_uIA.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-0tffesFh.js');
+require('../../chunks/bundle-Dj2Oa2F6.js');
 
 var UserListItem = function (_a) {
     var user = _a.user, className = _a.className, currentUser = _a.currentUser, action = _a.action;

package/cjs/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/cjs/ChannelSettings/components/UserPanel.js

@@ -1,47 +1,49 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-2mYNn3cL.js');
-var ui_Label = require('../../chunks/bundle-y7M4yzjp.js');
+var LocalizationContext = require('../../chunks/bundle-BEQWEQgH.js');
+var ui_Label = require('../../chunks/bundle-BgCtP7V4.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
-var MemberList = require('../../chunks/bundle-UEx-yk0R.js');
+var MemberList = require('../../chunks/bundle-D-izgOCe.js');
 var ChannelSettings_context = require('../context.js');
-require('../../chunks/bundle-7WTXh7Qd.js');
-require('../../chunks/bundle-bRa1uu9u.js');
-require('../../chunks/bundle-0_XeBL9s.js');
-require('../../chunks/bundle-h5InIJAx.js');
+require('../../chunks/bundle-CGBPEEGS.js');
+require('../../chunks/bundle-B-wprLUV.js');
+require('../../chunks/bundle-BC16qA15.js');
+require('../../chunks/bundle-BQtI4UIy.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-1MVKpHty.js');
-require('../../chunks/bundle-gCywzCVk.js');
+require('../../chunks/bundle-BO2p70mH.js');
+require('../../chunks/bundle-DLgX_uIA.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-0tffesFh.js');
+require('../../chunks/bundle-Dj2Oa2F6.js');
 require('./UserListItem.js');
-require('../../chunks/bundle-46h-dSCc.js');
-require('../../chunks/bundle-cdInBvCf.js');
+require('../../chunks/bundle-DQM5RZ7p.js');
+require('../../chunks/bundle-VqK6Sgiy.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-cA3flg73.js');
+require('../../chunks/bundle-CxuGQxaT.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-l4hJRoVO.js');
+require('../../chunks/bundle-DgX9o5Mt.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-21xpspuo.js');
-require('../../chunks/bundle-NlYqioOJ.js');
+require('../../chunks/bundle-D8ubAia5.js');
+require('../../chunks/bundle-CD82WkIi.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle-iodh4Ass.js');
-require('../../chunks/bundle-0OVYmgjV.js');
-require('../../chunks/bundle-leOuFK1P.js');
+require('../../chunks/bundle--Ti8q5z8.js');
+require('../../chunks/bundle-DWp3JSCd.js');
+require('../../chunks/bundle-DqysFYzQ.js');
 require('@sendbird/chat/message');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-dW6ZClWz.js');
+require('../../chunks/bundle-udIHWjxi.js');
 
 var kFormatter = function (num) {
     return Math.abs(num) > 999

package/cjs/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/cjs/ChannelSettings/context.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-0_XeBL9s.js');
+var _tslib = require('../chunks/bundle-BC16qA15.js');
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../chunks/bundle-46h-dSCc.js');
-var uuid = require('../chunks/bundle-1MVKpHty.js');
+var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
+var uuid = require('../chunks/bundle-BO2p70mH.js');
 require('../withSendbird.js');
 
 function useAsyncRequest(request, options) {

package/cjs/ChannelSettings.js

@@ -3,60 +3,63 @@
 var React = require('react');
 var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/components/ChannelSettingsUI.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
+require('./chunks/bundle-BC16qA15.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-0_XeBL9s.js');
-require('./ui/PlaceHolder.js');
-require('./chunks/bundle-2mYNn3cL.js');
-require('./chunks/bundle-7WTXh7Qd.js');
-require('./chunks/bundle-bRa1uu9u.js');
+require('./ChannelSettings/components/ChannelSettingsHeader.js');
+require('./chunks/bundle-BEQWEQgH.js');
+require('./chunks/bundle-CGBPEEGS.js');
+require('./chunks/bundle-B-wprLUV.js');
+require('./chunks/bundle-BgCtP7V4.js');
+require('./ui/IconButton.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-h5InIJAx.js');
-require('./chunks/bundle-y7M4yzjp.js');
+require('./chunks/bundle-BQtI4UIy.js');
+require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
-require('./ui/IconButton.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-cdInBvCf.js');
+require('./chunks/bundle-VqK6Sgiy.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-cA3flg73.js');
-require('./chunks/bundle-nLRPwYL5.js');
+require('./chunks/bundle-CxuGQxaT.js');
+require('./chunks/bundle-JKeFsVQp.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-Af1jmrRE.js');
+require('./chunks/bundle-UDIPXpOV.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-21xpspuo.js');
+require('./chunks/bundle-D8ubAia5.js');
 require('react-dom');
-require('./chunks/bundle-NlYqioOJ.js');
+require('./chunks/bundle-CD82WkIi.js');
 require('./ui/Button.js');
 require('./ui/Input.js');
-require('./chunks/bundle-1MVKpHty.js');
+require('./chunks/bundle-BO2p70mH.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./chunks/bundle-CH14mCu1.js');
+require('./chunks/bundle-CWXfgOJy.js');
 require('./ui/Badge.js');
 require('./ui/Toggle.js');
 require('./ui/ContextMenu.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-gCywzCVk.js');
+require('./chunks/bundle-DLgX_uIA.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-0tffesFh.js');
+require('./chunks/bundle-Dj2Oa2F6.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-46h-dSCc.js');
+require('./chunks/bundle-DQM5RZ7p.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./chunks/bundle-l4hJRoVO.js');
+require('./chunks/bundle-DgX9o5Mt.js');
 require('./ui/UserListItem.js');
 require('./ui/Checkbox.js');
-require('./chunks/bundle-UEx-yk0R.js');
-require('./chunks/bundle-iodh4Ass.js');
-require('./chunks/bundle-0OVYmgjV.js');
-require('./chunks/bundle-leOuFK1P.js');
+require('./chunks/bundle--Ti8q5z8.js');
+require('./chunks/bundle-DWp3JSCd.js');
+require('./chunks/bundle-DqysFYzQ.js');
 require('@sendbird/chat/message');
 require('@sendbird/uikit-tools');
-require('./chunks/bundle-dW6ZClWz.js');
+require('./chunks/bundle-udIHWjxi.js');
+require('./chunks/bundle-D-izgOCe.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 

package/cjs/ChannelSettings.js.map

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

package/cjs/CreateChannel/components/CreateChannelUI.js

@@ -1,40 +1,42 @@
 'use strict';
 
 var React = require('react');
-var CreateChannel_context = require('../../chunks/bundle-FJ9M-8s9.js');
+var CreateChannel_context = require('../../chunks/bundle-C11HvpZq.js');
 var CreateChannel_components_InviteUsers = require('./InviteUsers.js');
 var CreateChannel_components_SelectChannelType = require('./SelectChannelType.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-l4hJRoVO.js');
-require('../../chunks/bundle-h5InIJAx.js');
+require('../../chunks/bundle-DgX9o5Mt.js');
+require('../../chunks/bundle-BQtI4UIy.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-0_XeBL9s.js');
-require('../../chunks/bundle-2mYNn3cL.js');
-require('../../chunks/bundle-7WTXh7Qd.js');
-require('../../chunks/bundle-bRa1uu9u.js');
-require('../../chunks/bundle-NlYqioOJ.js');
-require('../../chunks/bundle-21xpspuo.js');
+require('../../chunks/bundle-BC16qA15.js');
+require('../../chunks/bundle-BEQWEQgH.js');
+require('../../chunks/bundle-CGBPEEGS.js');
+require('../../chunks/bundle-B-wprLUV.js');
+require('../../chunks/bundle-CD82WkIi.js');
+require('../../chunks/bundle-D8ubAia5.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-y7M4yzjp.js');
+require('../../chunks/bundle-BgCtP7V4.js');
 require('../../ui/Icon.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-46h-dSCc.js');
-require('../../chunks/bundle-cdInBvCf.js');
+require('../../chunks/bundle-DQM5RZ7p.js');
+require('../../chunks/bundle-VqK6Sgiy.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-cA3flg73.js');
+require('../../chunks/bundle-CxuGQxaT.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-1MVKpHty.js');
-require('../../chunks/bundle-gCywzCVk.js');
+require('../../chunks/bundle-BO2p70mH.js');
+require('../../chunks/bundle-DLgX_uIA.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-0tffesFh.js');
+require('../../chunks/bundle-Dj2Oa2F6.js');
 
 var CreateChannel = function (props) {
     var onCancel = props.onCancel, renderStepOne = props.renderStepOne;

package/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}