@sendbird/uikit-react 3.3.4 → 3.3.5-rc.0

package/ChannelSettings/components/ChannelProfile.js

@@ -1,30 +1,30 @@
 import React__default, { useContext, useState } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-0a81b301.js';
+import { a as LocalizationContext } from '../../LocalizationContext-2884fc26.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import TextButton from '../../ui/TextButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e525702f.js';
 import EditDetails from './EditDetailsModal.js';
-import '../../stringSet-522716ae.js';
-import '../../index-a682dd0a.js';
+import '../../stringSet-140ed862.js';
+import '../../index-e38e42b0.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-1596259a.js';
-import '../../UserProfileContext-8cec4652.js';
+import '../../_rollupPluginBabelHelpers-c0cff13a.js';
+import '../../UserProfileContext-f1df8507.js';
 import 'prop-types';
-import '../../uuid-1f647558.js';
+import '../../uuid-f376ea4b.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-1d845c73.js';
+import '../../tslib.es6-bacd991d.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../utils-c7097024.js';
-import '../../color-bf0c20dc.js';
+import '../../utils-6fc7ca06.js';
+import '../../color-a3418d45.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-22146748.js';
+import '../../index-1542c9b8.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-dbf82efb.js';
+import '../../MediaQueryContext-4b77fc65.js';
 import '../../ui/Input.js';
 
 var ChannelProfile = function () {

package/ChannelSettings/components/ChannelSettingsUI.js

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-c4124d52.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4052efb0.js';
-import { a as LocalizationContext } from '../../LocalizationContext-0a81b301.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a88158af.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e525702f.js';
+import { a as LocalizationContext } from '../../LocalizationContext-2884fc26.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelProfile from './ChannelProfile.js';
@@ -11,45 +11,45 @@ import AdminPannel from './ModerationPanel.js';
 import LeaveChannel from './LeaveChannel.js';
 import UserPanel from './UserPanel.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-1596259a.js';
-import '../../UserProfileContext-8cec4652.js';
+import '../../_rollupPluginBabelHelpers-c0cff13a.js';
+import '../../UserProfileContext-f1df8507.js';
 import 'prop-types';
-import '../../uuid-1f647558.js';
-import '../../tslib.es6-1d845c73.js';
+import '../../uuid-f376ea4b.js';
+import '../../tslib.es6-bacd991d.js';
 import '../../ui/Loader.js';
-import '../../stringSet-522716ae.js';
-import '../../index-a682dd0a.js';
+import '../../stringSet-140ed862.js';
+import '../../index-e38e42b0.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-c7097024.js';
+import '../../utils-6fc7ca06.js';
 import '../../ui/TextButton.js';
-import '../../color-bf0c20dc.js';
+import '../../color-a3418d45.js';
 import './EditDetailsModal.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-22146748.js';
+import '../../index-1542c9b8.js';
 import '../../ui/Button.js';
-import '../../MediaQueryContext-dbf82efb.js';
+import '../../MediaQueryContext-4b77fc65.js';
 import '../../ui/Input.js';
 import '../../ui/Accordion.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-7e7aa145.js';
-import '../../utils-531c0ded.js';
+import '../../context-c3839563.js';
+import '../../utils-796bbfd8.js';
 import '../../ui/Badge.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-75c6845d.js';
+import '../../index-27fd8d9e.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import './UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-4353311c.js';
+import '../../topics-65e08b70.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
 import '@sendbird/chat/groupChannel';
-import '../../MemberList-227fbdb3.js';
+import '../../MemberList-72872fdc.js';
 
 var ChannelSettingsUI = function (props) {
   var _a, _b;

package/ChannelSettings/components/EditDetailsModal.js

@@ -1,30 +1,30 @@
 import React__default, { useRef, useState, useContext } from 'react';
 import { useChannelSettingsContext } from '../context.js';
-import { a as LocalizationContext } from '../../LocalizationContext-0a81b301.js';
+import { a as LocalizationContext } from '../../LocalizationContext-2884fc26.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import Avatar from '../../ui/Avatar.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e525702f.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { u as uuidv4 } from '../../uuid-1f647558.js';
-import '../../UserProfileContext-8cec4652.js';
+import { u as uuidv4 } from '../../uuid-f376ea4b.js';
+import '../../UserProfileContext-f1df8507.js';
 import 'prop-types';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-1596259a.js';
-import '../../stringSet-522716ae.js';
-import '../../index-a682dd0a.js';
+import '../../_rollupPluginBabelHelpers-c0cff13a.js';
+import '../../stringSet-140ed862.js';
+import '../../index-e38e42b0.js';
 import 'react-dom';
-import '../../index-22146748.js';
+import '../../index-1542c9b8.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-1d845c73.js';
-import '../../MediaQueryContext-dbf82efb.js';
+import '../../tslib.es6-bacd991d.js';
+import '../../MediaQueryContext-4b77fc65.js';
 import '../../ui/ImageRenderer.js';
-import '../../color-bf0c20dc.js';
-import '../../utils-c7097024.js';
+import '../../color-a3418d45.js';
+import '../../utils-6fc7ca06.js';
 
 var EditDetails = function (props) {
   var _a, _b, _c;

package/ChannelSettings/components/LeaveChannel.js

@@ -1,26 +1,26 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
-import { n as noop } from '../../utils-531c0ded.js';
+import { n as noop } from '../../utils-796bbfd8.js';
 import Modal from '../../ui/Modal.js';
-import { u as useLocalization } from '../../LocalizationContext-0a81b301.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-dbf82efb.js';
+import { u as useLocalization } from '../../LocalizationContext-2884fc26.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-4b77fc65.js';
 import TextButton from '../../ui/TextButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e525702f.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-1596259a.js';
-import '../../UserProfileContext-8cec4652.js';
+import '../../_rollupPluginBabelHelpers-c0cff13a.js';
+import '../../UserProfileContext-f1df8507.js';
 import 'prop-types';
-import '../../uuid-1f647558.js';
+import '../../uuid-f376ea4b.js';
 import 'react-dom';
-import '../../index-22146748.js';
+import '../../index-1542c9b8.js';
 import '../../ui/Button.js';
-import '../../tslib.es6-1d845c73.js';
+import '../../tslib.es6-bacd991d.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../stringSet-522716ae.js';
-import '../../index-a682dd0a.js';
-import '../../color-bf0c20dc.js';
+import '../../stringSet-140ed862.js';
+import '../../index-e38e42b0.js';
+import '../../color-a3418d45.js';
 
 var LeaveChannel = function (props) {
   var _a, _b;

package/ChannelSettings/components/ModerationPanel.js

@@ -1,43 +1,43 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-0a81b301.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-2884fc26.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-4052efb0.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-e525702f.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
 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 { a as __spreadArray, _ as __assign } from '../../tslib.es6-1d845c73.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-bacd991d.js';
 import Modal from '../../ui/Modal.js';
 import UserListItem from '../../ui/UserListItem.js';
 import { useChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { OperatorFilter } from '@sendbird/chat/groupChannel';
-import { M as MemberList } from '../../MemberList-227fbdb3.js';
-import { n as noop } from '../../utils-531c0ded.js';
-import '../../stringSet-522716ae.js';
-import '../../index-a682dd0a.js';
+import { M as MemberList } from '../../MemberList-72872fdc.js';
+import { n as noop } from '../../utils-796bbfd8.js';
+import '../../stringSet-140ed862.js';
+import '../../index-e38e42b0.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-7e7aa145.js';
+import '../../context-c3839563.js';
 import 'prop-types';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-1f647558.js';
-import '../../index-75c6845d.js';
+import '../../uuid-f376ea4b.js';
+import '../../index-27fd8d9e.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-8cec4652.js';
+import '../../UserProfileContext-f1df8507.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-4353311c.js';
-import '../../index-22146748.js';
-import '../../MediaQueryContext-dbf82efb.js';
+import '../../topics-65e08b70.js';
+import '../../index-1542c9b8.js';
+import '../../MediaQueryContext-4b77fc65.js';
 import '../../ui/Checkbox.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-1596259a.js';
+import '../../_rollupPluginBabelHelpers-c0cff13a.js';
 
 function OperatorsModal(_a) {
   var _b;
@@ -164,7 +164,7 @@ function AddOperatorsModal(_a) {
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
     isFullScreenOnMobile: true,
     type: ButtonTypes.PRIMARY,
-    submitText: "Add",
+    submitText: stringSet.CHANNEL_SETTING__OPERATORS__ADD_BUTTON,
     onCancel: onCancel,
     onSubmit: function () {
       var members = Object.keys(selectedMembers).filter(function (m) {
@@ -419,7 +419,7 @@ function BannedUsersModal(_a) {
                   }));
                 });
               }
-            }, "Unban"));
+            }, stringSet.CHANNEL_SETTING__MODERATION__BAN));
           }
         });
       }
@@ -440,14 +440,18 @@ var BannedMemberList = function () {
       showModal = _c[0],
       setShowModal = _c[1];
 
+  var stringSet = useContext(LocalizationContext).stringSet;
   var channel = useChannelSettingsContext().channel;
+  var bannedUserListQueryParams = {
+    limit: 10
+  };
   useEffect(function () {
     if (!channel) {
       setMembers([]);
       return;
     }
 
-    var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
+    var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery(bannedUserListQueryParams);
     bannedUserListQuery.next().then(function (users) {
       setMembers(users);
       setHasNext(bannedUserListQuery.hasNext);
@@ -459,7 +463,7 @@ var BannedMemberList = function () {
       return;
     }
 
-    var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
+    var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery(bannedUserListQueryParams);
     bannedUserListQuery.next().then(function (users) {
       setMembers(users);
       setHasNext(bannedUserListQuery.hasNext);
@@ -500,7 +504,7 @@ var BannedMemberList = function () {
                   refreshList();
                 });
               }
-            }, "Unban"));
+            }, stringSet.CHANNEL_SETTING__MODERATION__UNBAN));
           }
         });
       }
@@ -509,7 +513,7 @@ var BannedMemberList = function () {
     className: "sendbird-channel-settings__empty-list",
     type: LabelTypography.SUBTITLE_2,
     color: LabelColors.ONBACKGROUND_3
-  }, "No banned members yet"), hasNext && /*#__PURE__*/React__default.createElement("div", {
+  }, stringSet.CHANNEL_SETTING__MODERATION__EMPTY_BAN), hasNext && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-settings-accordion__footer"
   }, /*#__PURE__*/React__default.createElement(Button, {
     type: ButtonTypes.SECONDARY,
@@ -517,7 +521,7 @@ var BannedMemberList = function () {
     onClick: function () {
       setShowModal(true);
     }
-  }, "All banned members")), showModal && /*#__PURE__*/React__default.createElement(BannedUsersModal, {
+  }, stringSet.CHANNEL_SETTING__MODERATION__ALL_BAN)), showModal && /*#__PURE__*/React__default.createElement(BannedUsersModal, {
     onCancel: function () {
       setShowModal(false);
       refreshList();
@@ -612,7 +616,7 @@ function MutedMembersModal(_a) {
                   }));
                 });
               }
-            }, "Unmute"));
+            }, stringSet.CHANNEL_SETTING__MODERATION__UNMUTE));
           }
         });
       }
@@ -707,7 +711,7 @@ var MutedMemberList = function () {
                   closeDropdown();
                 });
               }
-            }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CHANNEL_SETTING__UNMUTE)));
+            }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_SETTING__UNMUTE) || stringSet.CHANNEL_SETTING__MODERATION__UNMUTE)));
           }
         });
       }