@sendbird/uikit-react-native 2.0.2 → 2.1.0

package/lib/typescript/src/domain/groupChannelModeration/types.d.ts

@@ -0,0 +1,43 @@
+import type React from 'react';
+import type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';
+import type { SendbirdGroupChannel } from '@sendbird/uikit-utils';
+import type { CommonComponent } from '../../types';
+export declare type GroupChannelModerationProps = {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        onPressHeaderLeft: GroupChannelModerationProps['Header']['onPressHeaderLeft'];
+        onPressMenuOperators: GroupChannelModerationProps['Menu']['onPressMenuOperators'];
+        onPressMenuMutedMembers: GroupChannelModerationProps['Menu']['onPressMenuMutedMembers'];
+        onPressMenuBannedUsers: GroupChannelModerationProps['Menu']['onPressMenuBannedUsers'];
+        menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];
+    };
+    Header: {
+        onPressHeaderLeft: () => void;
+    };
+    Menu: {
+        onPressMenuOperators: () => void;
+        onPressMenuMutedMembers: () => void;
+        onPressMenuBannedUsers: () => void;
+        menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];
+    };
+    Provider: {
+        channel: SendbirdGroupChannel;
+    };
+};
+/**
+ * Internal context for GroupChannelModeration
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export declare type GroupChannelModerationContextsType = {
+    Fragment: React.Context<{
+        headerTitle: string;
+        channel: SendbirdGroupChannel;
+    }>;
+};
+export interface GroupChannelModerationModule {
+    Provider: CommonComponent<GroupChannelModerationProps['Provider']>;
+    Header: CommonComponent<GroupChannelModerationProps['Header']>;
+    Menu: CommonComponent<GroupChannelModerationProps['Menu']>;
+}
+export declare type GroupChannelModerationFragment = CommonComponent<GroupChannelModerationProps['Fragment']>;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersHeader.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelMutedMembersProps } from '../types';
+declare const GroupChannelMutedMembersHeader: ({ onPressHeaderLeft }: GroupChannelMutedMembersProps['Header']) => JSX.Element;
+export default GroupChannelMutedMembersHeader;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelMutedMembersProps } from '../types';
+declare const GroupChannelMutedMembersList: ({ renderUser, mutedMembers, ListEmptyComponent, }: GroupChannelMutedMembersProps['List']) => JSX.Element;
+export default GroupChannelMutedMembersList;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersStatusEmpty.d.ts

@@ -0,0 +1,2 @@
+declare const GroupChannelMutedMembersStatusEmpty: () => JSX.Element;
+export default GroupChannelMutedMembersStatusEmpty;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersStatusError.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelMutedMembersModule } from '../types';
+declare const GroupChannelMutedMembersStatusError: GroupChannelMutedMembersModule['StatusError'];
+export default GroupChannelMutedMembersStatusError;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersStatusLoading.d.ts

@@ -0,0 +1,2 @@
+declare const GroupChannelMutedMembersStatusLoading: () => JSX.Element;
+export default GroupChannelMutedMembersStatusLoading;

package/lib/typescript/src/domain/groupChannelMutedMembers/index.d.ts

@@ -0,0 +1,7 @@
+export { default as GroupChannelMutedMembersList } from './component/GroupChannelMutedMembersList';
+export { default as GroupChannelMutedMembersHeader } from './component/GroupChannelMutedMembersHeader';
+export { default as GroupChannelMutedMembersStatusEmpty } from './component/GroupChannelMutedMembersStatusEmpty';
+export { default as GroupChannelMutedMembersStatusError } from './component/GroupChannelMutedMembersStatusError';
+export { default as GroupChannelMutedMembersStatusLoading } from './component/GroupChannelMutedMembersStatusLoading';
+export { default as createGroupChannelMutedMembersModule } from './module/createGroupChannelMutedMembersModule';
+export { GroupChannelMutedMembersContextsProvider, GroupChannelMutedMembersContexts } from './module/moduleContext';

package/lib/typescript/src/domain/groupChannelMutedMembers/module/createGroupChannelMutedMembersModule.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelMutedMembersModule } from '../types';
+declare const createGroupChannelMutedMembersModule: ({ Header, List, StatusEmpty, StatusError, StatusLoading, Provider, ...module }?: Partial<GroupChannelMutedMembersModule>) => GroupChannelMutedMembersModule;
+export default createGroupChannelMutedMembersModule;

package/lib/typescript/src/domain/groupChannelMutedMembers/module/moduleContext.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelMutedMembersContextsType, GroupChannelMutedMembersModule } from '../types';
+export declare const GroupChannelMutedMembersContexts: GroupChannelMutedMembersContextsType;
+export declare const GroupChannelMutedMembersContextsProvider: GroupChannelMutedMembersModule['Provider'];

package/lib/typescript/src/domain/groupChannelMutedMembers/types.d.ts

@@ -0,0 +1,47 @@
+import type React from 'react';
+import type { SendbirdGroupChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
+import type { CommonComponent } from '../../types';
+export declare type GroupChannelMutedMembersProps = {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        onPressHeaderLeft: GroupChannelMutedMembersProps['Header']['onPressHeaderLeft'];
+        renderUser?: GroupChannelMutedMembersProps['List']['renderUser'];
+    };
+    Header: {
+        onPressHeaderLeft: () => void;
+    };
+    List: {
+        renderUser: (props: {
+            user: SendbirdRestrictedUser;
+        }) => React.ReactElement | null;
+        onLoadNext: () => void;
+        mutedMembers: SendbirdRestrictedUser[];
+        ListEmptyComponent?: React.ReactElement;
+    };
+    StatusError: {
+        onPressRetry: () => void;
+    };
+    Provider: {
+        channel: SendbirdGroupChannel;
+    };
+};
+/**
+ * Internal context for GroupChannelMutedMembers
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export declare type GroupChannelMutedMembersContextsType = {
+    Fragment: React.Context<{
+        headerTitle: string;
+        channel: SendbirdGroupChannel;
+    }>;
+};
+export interface GroupChannelMutedMembersModule {
+    Provider: CommonComponent<GroupChannelMutedMembersProps['Provider']>;
+    Header: CommonComponent<GroupChannelMutedMembersProps['Header']>;
+    List: CommonComponent<GroupChannelMutedMembersProps['List']>;
+    StatusEmpty: CommonComponent;
+    StatusLoading: CommonComponent;
+    StatusError: CommonComponent<GroupChannelMutedMembersProps['StatusError']>;
+}
+export declare type GroupChannelMutedMembersFragment = CommonComponent<GroupChannelMutedMembersProps['Fragment']>;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsHeader.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelOperatorsProps } from '../types';
+declare const GroupChannelOperatorsHeader: ({ onPressHeaderLeft, onPressHeaderRight, }: GroupChannelOperatorsProps['Header']) => JSX.Element;
+export default GroupChannelOperatorsHeader;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsList.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelOperatorsProps } from '../types';
+declare const GroupChannelOperatorsList: ({ operators, renderUser, ListEmptyComponent, }: GroupChannelOperatorsProps['List']) => JSX.Element;
+export default GroupChannelOperatorsList;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsStatusEmpty.d.ts

@@ -0,0 +1,2 @@
+declare const GroupChannelOperatorsStatusEmpty: () => JSX.Element;
+export default GroupChannelOperatorsStatusEmpty;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsStatusError.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelOperatorsModule } from '../types';
+declare const GroupChannelOperatorsStatusError: GroupChannelOperatorsModule['StatusError'];
+export default GroupChannelOperatorsStatusError;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsStatusLoading.d.ts

@@ -0,0 +1,2 @@
+declare const GroupChannelOperatorsStatusLoading: () => JSX.Element;
+export default GroupChannelOperatorsStatusLoading;

package/lib/typescript/src/domain/groupChannelOperators/index.d.ts

@@ -0,0 +1,7 @@
+export { default as GroupChannelOperatorsList } from './component/GroupChannelOperatorsList';
+export { default as GroupChannelOperatorsHeader } from './component/GroupChannelOperatorsHeader';
+export { default as GroupChannelOperatorsStatusEmpty } from './component/GroupChannelOperatorsStatusEmpty';
+export { default as GroupChannelOperatorsStatusError } from './component/GroupChannelOperatorsStatusError';
+export { default as GroupChannelOperatorsStatusLoading } from './component/GroupChannelOperatorsStatusLoading';
+export { default as createGroupChannelOperatorsModule } from './module/createGroupChannelOperatorsModule';
+export { GroupChannelOperatorsContextsProvider, GroupChannelOperatorsContexts } from './module/moduleContext';

package/lib/typescript/src/domain/groupChannelOperators/module/createGroupChannelOperatorsModule.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelOperatorsModule } from '../types';
+declare const createGroupChannelOperatorsModule: ({ Header, List, StatusEmpty, StatusError, StatusLoading, Provider, ...module }?: Partial<GroupChannelOperatorsModule>) => GroupChannelOperatorsModule;
+export default createGroupChannelOperatorsModule;

package/lib/typescript/src/domain/groupChannelOperators/module/moduleContext.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelOperatorsContextsType, GroupChannelOperatorsModule } from '../types';
+export declare const GroupChannelOperatorsContexts: GroupChannelOperatorsContextsType;
+export declare const GroupChannelOperatorsContextsProvider: GroupChannelOperatorsModule['Provider'];

package/lib/typescript/src/domain/groupChannelOperators/types.d.ts

@@ -0,0 +1,49 @@
+import type React from 'react';
+import type { SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
+import type { CommonComponent } from '../../types';
+export declare type GroupChannelOperatorsProps = {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        onPressHeaderLeft: GroupChannelOperatorsProps['Header']['onPressHeaderLeft'];
+        onPressHeaderRight: GroupChannelOperatorsProps['Header']['onPressHeaderRight'];
+        renderUser?: GroupChannelOperatorsProps['List']['renderUser'];
+    };
+    Header: {
+        onPressHeaderLeft: () => void;
+        onPressHeaderRight: () => void;
+    };
+    List: {
+        operators: SendbirdUser[];
+        onLoadNext: () => void;
+        renderUser: (props: {
+            user: SendbirdUser;
+        }) => React.ReactElement | null;
+        ListEmptyComponent?: React.ReactElement;
+    };
+    StatusError: {
+        onPressRetry: () => void;
+    };
+    Provider: {
+        channel: SendbirdGroupChannel;
+    };
+};
+/**
+ * Internal context for GroupChannelOperators
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export declare type GroupChannelOperatorsContextsType = {
+    Fragment: React.Context<{
+        headerTitle: string;
+        channel: SendbirdGroupChannel;
+    }>;
+};
+export interface GroupChannelOperatorsModule {
+    Provider: CommonComponent<GroupChannelOperatorsProps['Provider']>;
+    Header: CommonComponent<GroupChannelOperatorsProps['Header']>;
+    List: CommonComponent<GroupChannelOperatorsProps['List']>;
+    StatusEmpty: CommonComponent;
+    StatusLoading: CommonComponent;
+    StatusError: CommonComponent<GroupChannelOperatorsProps['StatusError']>;
+}
+export declare type GroupChannelOperatorsFragment = CommonComponent<GroupChannelOperatorsProps['Fragment']>;

package/lib/typescript/src/domain/groupChannelSettings/component/GroupChannelSettingsInfo.d.ts

@@ -1,3 +1,3 @@
 import type { GroupChannelSettingsProps } from '../types';
-declare const GroupChannelSettingsInfo: (_: GroupChannelSettingsProps['Info']) => JSX.Element | null;
+declare const GroupChannelSettingsInfo: (_: GroupChannelSettingsProps['Info']) => JSX.Element;
 export default GroupChannelSettingsInfo;

package/lib/typescript/src/domain/groupChannelSettings/component/GroupChannelSettingsMenu.d.ts

@@ -1,3 +1,3 @@
 import type { GroupChannelSettingsProps } from '../types';
-declare const GroupChannelSettingsMenu: ({ onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator, }: GroupChannelSettingsProps['Menu']) => JSX.Element;
+declare const GroupChannelSettingsMenu: ({ onPressMenuModeration, onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator, }: GroupChannelSettingsProps['Menu']) => JSX.Element;
 export default GroupChannelSettingsMenu;

package/lib/typescript/src/domain/groupChannelSettings/types.d.ts

@@ -6,6 +6,7 @@ export interface GroupChannelSettingsProps {
     Fragment: {
         channel: GroupChannelSettingsProps['Provider']['channel'];
         onPressHeaderLeft: GroupChannelSettingsProps['Header']['onPressHeaderLeft'];
+        onPressMenuModeration: GroupChannelSettingsProps['Menu']['onPressMenuModeration'];
         onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];
         onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];
         menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];
@@ -15,6 +16,7 @@ export interface GroupChannelSettingsProps {
     };
     Info: {};
     Menu: {
+        onPressMenuModeration: () => void;
         onPressMenuMembers: () => void;
         onPressMenuLeaveChannel: () => void;
         menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];

package/lib/typescript/src/domain/groupChannelUserList/types.d.ts

@@ -1,35 +1,32 @@
-import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
-import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams } from '@sendbird/uikit-utils';
+import type { UseUserListOptions, UserStruct } from '@sendbird/uikit-chat-hooks';
+import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 import type { GroupChannelType } from '../groupChannelList/types';
 import type { UserListProps } from '../userList/types';
-declare type UserIds = string[];
-export interface GroupChannelCreateProps<User> {
+export interface GroupChannelCreateProps<User extends UserStruct> {
     Fragment: {
         onPressHeaderLeft: () => void;
         onCreateChannel: (channel: SendbirdGroupChannel) => void;
         channelType?: GroupChannelType;
-        userIdsGenerator?: (users: User[]) => UserIds;
         onBeforeCreateChannel?: (params: SendbirdGroupChannelCreateParams, users: User[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
         sortComparator?: UseUserListOptions<User>['sortComparator'];
         queryCreator?: UseUserListOptions<User>['queryCreator'];
         renderUser?: UserListProps<User>['List']['renderUser'];
     };
 }
-export declare type GroupChannelCreateFragment<User> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;
-export interface GroupChannelInviteProps<User> {
+export declare type GroupChannelCreateFragment<User extends UserStruct> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;
+export interface GroupChannelInviteProps<User extends UserStruct> {
     Fragment: {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: () => void;
         onInviteMembers: (channel: SendbirdGroupChannel) => void;
-        userIdsGenerator?: (users: User[]) => UserIds;
         queryCreator?: UseUserListOptions<User>['queryCreator'];
         renderUser?: UserListProps<User>['List']['renderUser'];
         sortComparator?: UseUserListOptions<User>['sortComparator'];
     };
 }
-export declare type GroupChannelInviteFragment<User> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;
-export interface GroupChannelMembersProps<User> {
+export declare type GroupChannelInviteFragment<User extends UserStruct> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;
+export interface GroupChannelMembersProps<User extends UserStruct> {
     Fragment: {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: () => void;
@@ -38,5 +35,14 @@ export interface GroupChannelMembersProps<User> {
         renderUser?: UserListProps<User>['List']['renderUser'];
     };
 }
-export declare type GroupChannelMembersFragment<User> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;
-export {};
+export declare type GroupChannelMembersFragment<User extends UserStruct> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;
+export interface GroupChannelRegisterOperatorProps<User extends UserStruct = SendbirdMember> {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        onPressHeaderLeft: () => void;
+        onPressHeaderRight: (channel: SendbirdGroupChannel) => void;
+        sortComparator?: UseUserListOptions<User>['sortComparator'];
+        renderUser?: UserListProps<User>['List']['renderUser'];
+    };
+}
+export declare type GroupChannelRegisterOperatorFragment<User extends UserStruct> = CommonComponent<GroupChannelRegisterOperatorProps<User>['Fragment']>;

package/lib/typescript/src/domain/userList/component/UserListStatusError.d.ts

@@ -1,3 +1,3 @@
 import type { UserListModule } from '../types';
-declare const UserListStatusLoading: UserListModule<unknown>['StatusError'];
-export default UserListStatusLoading;
+declare const UserListStatusError: UserListModule<unknown>['StatusError'];
+export default UserListStatusError;

package/lib/typescript/src/domain/userList/types.d.ts

@@ -30,6 +30,9 @@ export interface UserListProps<User> {
         headerTitle: string;
         headerRight: (selectedUsers: Array<User>) => string;
     };
+    StatusError: {
+        onPressRetry: () => void;
+    };
 }
 /**
  * Internal context for UserList
@@ -52,7 +55,5 @@ export interface UserListModule<User> {
     List: CommonComponent<UserListProps<User>['List']>;
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
-    StatusError: CommonComponent<{
-        onPressRetry: () => void;
-    }>;
+    StatusError: CommonComponent<UserListProps<User>['StatusError']>;
 }

package/lib/typescript/src/fragments/createGroupChannelBannedUsersFragment.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelBannedUsersFragment, GroupChannelBannedUsersModule } from '../domain/groupChannelBannedUsers/types';
+declare const createGroupChannelBannedUsersFragment: (initModule?: Partial<GroupChannelBannedUsersModule>) => GroupChannelBannedUsersFragment;
+export default createGroupChannelBannedUsersFragment;

package/lib/typescript/src/fragments/createGroupChannelCreateFragment.d.ts

@@ -1,4 +1,5 @@
+import { UserStruct } from '@sendbird/uikit-chat-hooks';
 import type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
-declare const createGroupChannelCreateFragment: <UserType>(initModule?: Partial<UserListModule<UserType>> | undefined) => GroupChannelCreateFragment<UserType>;
+declare const createGroupChannelCreateFragment: <UserType extends UserStruct>(initModule?: Partial<UserListModule<UserType>> | undefined) => GroupChannelCreateFragment<UserType>;
 export default createGroupChannelCreateFragment;

package/lib/typescript/src/fragments/createGroupChannelInviteFragment.d.ts

@@ -1,4 +1,5 @@
+import { UserStruct } from '@sendbird/uikit-chat-hooks';
 import type { GroupChannelInviteFragment } from '../domain/groupChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
-declare const createGroupChannelInviteFragment: <UserType>(initModule?: Partial<UserListModule<UserType>> | undefined) => GroupChannelInviteFragment<UserType>;
+declare const createGroupChannelInviteFragment: <UserType extends UserStruct>(initModule?: Partial<UserListModule<UserType>> | undefined) => GroupChannelInviteFragment<UserType>;
 export default createGroupChannelInviteFragment;

package/lib/typescript/src/fragments/createGroupChannelModerationFragment.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelModerationFragment, GroupChannelModerationModule } from '../domain/groupChannelModeration/types';
+declare const createGroupChannelModerationFragment: (initModule?: Partial<GroupChannelModerationModule>) => GroupChannelModerationFragment;
+export default createGroupChannelModerationFragment;

package/lib/typescript/src/fragments/createGroupChannelMutedMembersFragment.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelMutedMembersFragment, GroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers/types';
+declare const createGroupChannelMutedMembersFragment: (initModule?: Partial<GroupChannelMutedMembersModule>) => GroupChannelMutedMembersFragment;
+export default createGroupChannelMutedMembersFragment;

package/lib/typescript/src/fragments/createGroupChannelOperatorsFragment.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';
+declare const createGroupChannelOperatorsFragment: (initModule?: Partial<GroupChannelOperatorsModule>) => GroupChannelOperatorsFragment;
+export default createGroupChannelOperatorsFragment;

package/lib/typescript/src/fragments/createGroupChannelRegisterOperatorFragment.d.ts

@@ -0,0 +1,5 @@
+import type { SendbirdMember } from '@sendbird/uikit-utils';
+import type { GroupChannelRegisterOperatorFragment } from '../domain/groupChannelUserList/types';
+import type { UserListModule } from '../domain/userList/types';
+declare const createGroupChannelRegisterOperatorFragment: (initModule?: Partial<UserListModule<SendbirdMember>>) => GroupChannelRegisterOperatorFragment<SendbirdMember>;
+export default createGroupChannelRegisterOperatorFragment;

package/lib/typescript/src/hooks/useContext.d.ts

@@ -18,10 +18,11 @@ export declare const useSendbirdChat: () => {
         autoPushTokenRegistrationEnabled: boolean;
         channelListTypingIndicatorEnabled: boolean;
         channelListMessageReceiptStatusEnabled: boolean;
+        useUserIdForNicknameEnabled: boolean;
         deliveryReceiptEnabled: boolean;
         broadcastChannelEnabled: boolean;
         superGroupChannelEnabled: boolean;
         reactionEnabled: boolean;
     };
 };
-export declare const useProfileCard: () => import("../contexts/ProfileCardCtx").ProfileCardContextType;
+export declare const useUserProfile: () => import("../contexts/UserProfileCtx").UserProfileContextType;

package/lib/typescript/src/index.d.ts

@@ -16,15 +16,20 @@ export { default as createGroupChannelSettingsFragment } from './fragments/creat
 export { default as createGroupChannelInviteFragment } from './fragments/createGroupChannelInviteFragment';
 export { default as createGroupChannelListFragment } from './fragments/createGroupChannelListFragment';
 export { default as createGroupChannelMembersFragment } from './fragments/createGroupChannelMembersFragment';
+export { default as createGroupChannelModerationFragment } from './fragments/createGroupChannelModerationFragment';
+export { default as createGroupChannelOperatorsFragment } from './fragments/createGroupChannelOperatorsFragment';
+export { default as createGroupChannelRegisterOperatorFragment } from './fragments/createGroupChannelRegisterOperatorFragment';
+export { default as createGroupChannelMutedMembersFragment } from './fragments/createGroupChannelMutedMembersFragment';
+export { default as createGroupChannelBannedUsersFragment } from './fragments/createGroupChannelBannedUsersFragment';
 /** Context **/
 export { SendbirdChatContext, SendbirdChatProvider } from './contexts/SendbirdChatCtx';
 export { PlatformServiceContext, PlatformServiceProvider } from './contexts/PlatformServiceCtx';
-export { ProfileCardContext, ProfileCardProvider } from './contexts/ProfileCardCtx';
+export { UserProfileContext, UserProfileProvider } from './contexts/UserProfileCtx';
 export { LocalizationContext, LocalizationProvider } from './contexts/LocalizationCtx';
 /** Hooks **/
 export { default as useConnection } from './hooks/useConnection';
 export { default as usePushTokenRegistration } from './hooks/usePushTokenRegistration';
-export { useLocalization, usePlatformService, useSendbirdChat, useProfileCard } from './hooks/useContext';
+export { useLocalization, usePlatformService, useSendbirdChat, useUserProfile } from './hooks/useContext';
 /** Localization **/
 export { default as StringSetEn } from './localization/StringSet.en';
 export { createBaseStringSet } from './localization/StringSet.type';

package/lib/typescript/src/localization/StringSet.type.d.ts

@@ -21,6 +21,7 @@ export interface StringSet {
         /** GroupChannel > Input */
         INPUT_PLACEHOLDER_ACTIVE: string;
         INPUT_PLACEHOLDER_DISABLED: string;
+        INPUT_PLACEHOLDER_MUTED: string;
         INPUT_EDIT_OK: string;
         INPUT_EDIT_CANCEL: string;
         /** GroupChannel > Dialog > Message */
@@ -45,6 +46,7 @@ export interface StringSet {
         HEADER_TITLE: string;
         HEADER_RIGHT: string;
         /** GroupChannelSettings > Menu */
+        MENU_MODERATION: string;
         MENU_NOTIFICATION: string;
         MENU_MEMBERS: string;
         MENU_LEAVE_CHANNEL: string;
@@ -59,6 +61,34 @@ export interface StringSet {
         DIALOG_CHANGE_IMAGE_MENU_CAMERA: string;
         DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: string;
     };
+    GROUP_CHANNEL_MODERATION: {
+        /** GroupChannelModeration > Header */
+        HEADER_TITLE: string;
+        /** GroupChannelModeration > Menu */
+        MENU_OPERATORS: string;
+        MENU_MUTED_MEMBERS: string;
+        MENU_BANNED_USERS: string;
+        MENU_FREEZE_CHANNEL: string;
+    };
+    GROUP_CHANNEL_OPERATORS: {
+        /** GroupChannelOperators > Header */
+        HEADER_TITLE: string;
+    };
+    GROUP_CHANNEL_REGISTER_OPERATOR: {
+        /** GroupChannelRegisterOperator > Header */
+        HEADER_TITLE: string;
+        HEADER_RIGHT: (params: {
+            selectedUsers: Array<SendbirdMember>;
+        }) => string;
+    };
+    GROUP_CHANNEL_MUTED_MEMBERS: {
+        /** GroupChannelMutedMembers > Header */
+        HEADER_TITLE: string;
+    };
+    GROUP_CHANNEL_BANNED_USERS: {
+        /** GroupChannelBannedUsers > Header */
+        HEADER_TITLE: string;
+    };
     GROUP_CHANNEL_LIST: {
         /** GroupChannelList > Header */
         HEADER_TITLE: string;
@@ -80,13 +110,10 @@ export interface StringSet {
     GROUP_CHANNEL_MEMBERS: {
         /** GroupChannelMembers > Header */
         HEADER_TITLE: string;
-        /** GroupChannelMembers > UserBar */
+        /** @deprecated Please use in LABELS **/
         USER_BAR_ME_POSTFIX: string;
+        /** @deprecated Please use in LABELS **/
         USER_BAR_OPERATOR: string;
-        /** GroupChannelMembers > Dialog */
-        DIALOG_USER_DISMISS_OPERATOR: string;
-        DIALOG_USER_MUTE: string;
-        DIALOG_USER_BAN: string;
     };
     GROUP_CHANNEL_INVITE: {
         /** GroupChannelInvite > Header */
@@ -106,13 +133,21 @@ export interface StringSet {
         USER_NO_NAME: string;
         CHANNEL_NO_MEMBERS: string;
         TYPING_INDICATOR_TYPINGS: (users: SendbirdUser[]) => string | undefined;
+        USER_BAR_ME_POSTFIX: string;
+        USER_BAR_OPERATOR: string;
+        REGISTER_AS_OPERATOR: string;
+        UNREGISTER_OPERATOR: string;
+        MUTE: string;
+        UNMUTE: string;
+        BAN: string;
+        UNBAN: string;
     };
     FILE_VIEWER: {
         TITLE: (message: SendbirdFileMessage) => string;
         SUBTITLE: (message: SendbirdFileMessage) => string;
     };
     PLACEHOLDER: {
-        NO_BANNED_MEMBERS: string;
+        NO_BANNED_USERS: string;
         NO_USERS: string;
         NO_CHANNELS: string;
         NO_MESSAGES: string;

package/lib/typescript/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const VERSION = "2.0.2";
+declare const VERSION = "2.1.0";
 export default VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "react-native-uikit",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -41,9 +41,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-chat-hooks": "2.0.2",
-    "@sendbird/uikit-react-native-foundation": "2.0.2",
-    "@sendbird/uikit-utils": "2.0.2"
+    "@sendbird/uikit-chat-hooks": "2.1.0",
+    "@sendbird/uikit-react-native-foundation": "2.1.0",
+    "@sendbird/uikit-utils": "2.1.0"
   },
   "devDependencies": {
     "@react-native-camera-roll/camera-roll": "^5.0.4",
@@ -71,7 +71,7 @@
     "react-native-builder-bob": "^0.18.0",
     "react-native-create-thumbnail": "^1.5.1",
     "react-native-document-picker": "^8.0.0",
-    "react-native-file-access": "^2.4.3",
+    "react-native-file-access": "^2.5.0",
     "react-native-image-picker": "^4.7.1",
     "react-native-permissions": "^3.6.0",
     "react-native-safe-area-context": "^3.3.2",
@@ -171,5 +171,5 @@
     "readmeFile": "./README.md",
     "displayName": "@sendbird/uikit-react-native"
   },
-  "gitHead": "95323825da753f20b931b4a8b7e187cd8dc6284e"
+  "gitHead": "c778a84a632487047fe532db188b32dfa6e93a7f"
 }

package/src/components/ChannelCover.tsx

@@ -1,25 +1,45 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import { View } from 'react-native';
 
-import { Avatar } from '@sendbird/uikit-react-native-foundation';
+import { Avatar, Icon, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { SendbirdGroupChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';
 
 import { useSendbirdChat } from '../hooks/useContext';
 
 type Props = {
   channel: SendbirdGroupChannel;
-  size?: number;
+  size: number;
   containerStyle?: StyleProp<ViewStyle>;
 };
 
 const ChannelCover = ({ channel, ...avatarProps }: Props) => {
   const { currentUser } = useSendbirdChat();
+  const { colors } = useUIKitTheme();
 
-  // channel cover
+  // custom channel cover
   if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {
     return <Avatar uri={channel.coverUrl} {...avatarProps} />;
   }
 
+  // broadcast channel cover
+  if (channel.isBroadcast) {
+    return (
+      <View style={avatarProps.containerStyle}>
+        <Icon
+          icon={'broadcast'}
+          size={avatarProps.size * (4 / 7)}
+          color={colors.onBackgroundReverse01}
+          containerStyle={{
+            backgroundColor: colors.secondary,
+            borderRadius: avatarProps.size * 0.5,
+            padding: avatarProps.size * (3 / 7) * 0.5,
+          }}
+        />
+      </View>
+    );
+  }
+
   // no members, use anonymous profile
   if (channel.memberCount <= 1) {
     return <Avatar {...avatarProps} />;

package/src/components/MessageRenderer/MessageIncomingAvatar.tsx

@@ -4,14 +4,14 @@ import { Pressable, View } from 'react-native';
 import { Avatar, createStyleSheet } from '@sendbird/uikit-react-native-foundation';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 
-import { useProfileCard } from '../../hooks/useContext';
+import { useUserProfile } from '../../hooks/useContext';
 
 type Props = {
   message: SendbirdMessage;
   grouping: boolean;
 };
 const MessageIncomingAvatar = ({ message, grouping }: Props) => {
-  const { show } = useProfileCard();
+  const { show } = useUserProfile();
   if (grouping) return <View style={styles.avatar} />;
   return (
     <View style={styles.avatar}>