@sendbird/uikit-react-native 3.4.0 → 3.4.1

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

@@ -3,7 +3,6 @@ import { FlatList, FlatListProps } from 'react-native';
 import { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';
 import { SendbirdFileMessage, SendbirdGroupChannel, SendbirdMessage, SendbirdOpenChannel, SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { UserProfileContextType } from '../../contexts/UserProfileCtx';
-import type { CommonComponent } from '../../types';
 type HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;
 export type ChannelMessageListProps<T extends SendbirdGroupChannel | SendbirdOpenChannel> = {
     enableMessageGrouping: boolean;
@@ -42,15 +41,15 @@ export type ChannelMessageListProps<T extends SendbirdGroupChannel | SendbirdOpe
         bottomSheetItem?: BottomSheetItem;
         isFirstItem: boolean;
     }) => React.ReactElement | null;
-    renderNewMessagesButton: null | CommonComponent<{
+    renderNewMessagesButton: null | ((props: {
         visible: boolean;
         onPress: () => void;
         newMessages: SendbirdMessage[];
-    }>;
-    renderScrollToBottomButton: null | CommonComponent<{
+    }) => React.ReactElement | null);
+    renderScrollToBottomButton: null | ((props: {
         visible: boolean;
         onPress: () => void;
-    }>;
+    }) => React.ReactElement | null);
     flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;
 } & {
     ref?: Ref<FlatList<SendbirdMessage>> | undefined;

package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts

@@ -13,7 +13,7 @@ import type { StringSet } from '../localization/StringSet.type';
 import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface, PlayerServiceInterface, RecorderServiceInterface } from '../platform/types';
 import type { ErrorBoundaryProps, LocalCacheStorage } from '../types';
 export declare const SendbirdUIKit: Readonly<{
-    VERSION: "3.4.0";
+    VERSION: "3.4.1";
     PLATFORM: string;
     DEFAULT: {
         AUTO_PUSH_TOKEN_REGISTRATION: boolean;

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

@@ -1,11 +1,13 @@
 import type React from 'react';
 import type { FlatList } from 'react-native';
+import type { MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
 import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
 import type { OnBeforeHandler, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdGroupChannel, SendbirdMessage, SendbirdUser, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
 import type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';
 import type { ChannelMessageListProps } from '../../components/ChannelMessageList';
 import type { CommonComponent } from '../../types';
 import type { PubSub } from '../../utils/pubsub';
+export type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;
 export interface GroupChannelProps {
     Fragment: {
         channel: SendbirdGroupChannel;
@@ -25,8 +27,17 @@ export interface GroupChannelProps {
         keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];
         flatListProps?: GroupChannelProps['MessageList']['flatListProps'];
         sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];
-        collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];
         searchItem?: GroupChannelProps['MessageList']['searchItem'];
+        /**
+         * @description You can specify the query parameters for the message list.
+         * @example
+         * ```
+         * <GroupChannelFragment messageListQueryParams={{ prevResultLimit: 20, customTypesFilter: ['filter'] }} />
+         * ```
+         * */
+        messageListQueryParams?: MessageListQueryParamsType;
+        /** @deprecated Please use `messageListQueryParams` instead */
+        collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];
     };
     Header: {
         shouldHideRight: () => boolean;
@@ -120,7 +131,7 @@ export interface GroupChannelModule {
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;
+export type GroupChannelFragment = React.FC<GroupChannelProps['Fragment']>;
 export type GroupChannelPubSubContextPayload = {
     type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';
     data: {

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

@@ -46,4 +46,4 @@ export interface GroupChannelBannedUsersModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<GroupChannelBannedUsersProps['StatusError']>;
 }
-export type GroupChannelBannedUsersFragment = CommonComponent<GroupChannelBannedUsersProps['Fragment']>;
+export type GroupChannelBannedUsersFragment = React.FC<GroupChannelBannedUsersProps['Fragment']>;

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

@@ -1,18 +1,29 @@
 import type React from 'react';
 import type { FlatListProps } from 'react-native';
+import type { GroupChannelCollectionParams, GroupChannelFilterParams } from '@sendbird/chat/groupChannel';
 import type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';
 import type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';
 import type { SendbirdGroupChannel } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
+export type ChannelListQueryParamsType = Omit<GroupChannelCollectionParams, 'filter'> & GroupChannelFilterParams;
 export interface GroupChannelListProps {
     Fragment: {
         onPressChannel: GroupChannelListProps['List']['onPressChannel'];
         onPressCreateChannel: (channelType: GroupChannelType) => void;
         renderGroupChannelPreview?: GroupChannelListProps['List']['renderGroupChannelPreview'];
         skipTypeSelection?: boolean;
-        collectionCreator?: UseGroupChannelListOptions['collectionCreator'];
         flatListProps?: GroupChannelListProps['List']['flatListProps'];
         menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];
+        /**
+         * @description You can specify the query parameters for the channel list.
+         * @example
+         * ```
+         * <GroupChannelListFragment channelListQueryParams={{ limit: 20, includeEmpty: false }} />
+         * ```
+         * */
+        channelListQueryParams?: ChannelListQueryParamsType;
+        /** @deprecated Please use `channelListQueryParams` instead */
+        collectionCreator?: UseGroupChannelListOptions['collectionCreator'];
     };
     Header: {};
     List: {
@@ -56,5 +67,5 @@ export interface GroupChannelListModule {
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;
+export type GroupChannelListFragment = React.FC<GroupChannelListProps['Fragment']>;
 export type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';

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

@@ -40,4 +40,4 @@ export interface GroupChannelModerationModule {
     Header: CommonComponent<GroupChannelModerationProps['Header']>;
     Menu: CommonComponent<GroupChannelModerationProps['Menu']>;
 }
-export type GroupChannelModerationFragment = CommonComponent<GroupChannelModerationProps['Fragment']>;
+export type GroupChannelModerationFragment = React.FC<GroupChannelModerationProps['Fragment']>;

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

@@ -46,4 +46,4 @@ export interface GroupChannelMutedMembersModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<GroupChannelMutedMembersProps['StatusError']>;
 }
-export type GroupChannelMutedMembersFragment = CommonComponent<GroupChannelMutedMembersProps['Fragment']>;
+export type GroupChannelMutedMembersFragment = React.FC<GroupChannelMutedMembersProps['Fragment']>;

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

@@ -30,4 +30,4 @@ export interface GroupChannelNotificationsModule {
     Header: CommonComponent<GroupChannelNotificationsProps['Header']>;
     View: CommonComponent<GroupChannelNotificationsProps['View']>;
 }
-export type GroupChannelNotificationsFragment = CommonComponent<GroupChannelNotificationsProps['Fragment']>;
+export type GroupChannelNotificationsFragment = React.FC<GroupChannelNotificationsProps['Fragment']>;

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

@@ -48,4 +48,4 @@ export interface GroupChannelOperatorsModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<GroupChannelOperatorsProps['StatusError']>;
 }
-export type GroupChannelOperatorsFragment = CommonComponent<GroupChannelOperatorsProps['Fragment']>;
+export type GroupChannelOperatorsFragment = React.FC<GroupChannelOperatorsProps['Fragment']>;

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

@@ -48,4 +48,4 @@ export interface GroupChannelSettingsModule {
     Info: CommonComponent<GroupChannelSettingsProps['Info']>;
     Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;
 }
-export type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;
+export type GroupChannelSettingsFragment = React.FC<GroupChannelSettingsProps['Fragment']>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, UserStruct } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
@@ -36,7 +37,7 @@ export interface GroupChannelMembersProps {
         queryCreator?: UseUserListOptions<SendbirdMember>['queryCreator'];
     };
 }
-export type GroupChannelMembersFragment = CommonComponent<GroupChannelMembersProps['Fragment']>;
+export type GroupChannelMembersFragment = React.FC<GroupChannelMembersProps['Fragment']>;
 export interface GroupChannelRegisterOperatorProps {
     Fragment: {
         channel: SendbirdGroupChannel;
@@ -47,4 +48,4 @@ export interface GroupChannelRegisterOperatorProps {
         queryCreator?: UseUserListOptions<SendbirdMember>['queryCreator'];
     };
 }
-export type GroupChannelRegisterOperatorFragment = CommonComponent<GroupChannelRegisterOperatorProps['Fragment']>;
+export type GroupChannelRegisterOperatorFragment = React.FC<GroupChannelRegisterOperatorProps['Fragment']>;

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

@@ -50,4 +50,4 @@ export interface MessageSearchModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<MessageSearchProps['StatusError']>;
 }
-export type MessageSearchFragment = CommonComponent<MessageSearchProps['Fragment']>;
+export type MessageSearchFragment = React.FC<MessageSearchProps['Fragment']>;

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

@@ -63,7 +63,7 @@ export interface OpenChannelModule {
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export type OpenChannelFragment = CommonComponent<OpenChannelProps['Fragment']>;
+export type OpenChannelFragment = React.FC<OpenChannelProps['Fragment']>;
 export type OpenChannelPubSubContextPayload = {
     type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';
     data: {

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

@@ -46,4 +46,4 @@ export interface OpenChannelBannedUsersModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<OpenChannelBannedUsersProps['StatusError']>;
 }
-export type OpenChannelBannedUsersFragment = CommonComponent<OpenChannelBannedUsersProps['Fragment']>;
+export type OpenChannelBannedUsersFragment = React.FC<OpenChannelBannedUsersProps['Fragment']>;

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

@@ -37,4 +37,4 @@ export interface OpenChannelCreateModule {
     ProfileInput: CommonComponent<OpenChannelCreateProps['ProfileInput']>;
     StatusLoading: CommonComponent;
 }
-export type OpenChannelCreateFragment = CommonComponent<OpenChannelCreateProps['Fragment']>;
+export type OpenChannelCreateFragment = React.FC<OpenChannelCreateProps['Fragment']>;

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

@@ -48,4 +48,4 @@ export interface OpenChannelListModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<OpenChannelListProps['StatusError']>;
 }
-export type OpenChannelListFragment = CommonComponent<OpenChannelListProps['Fragment']>;
+export type OpenChannelListFragment = React.FC<OpenChannelListProps['Fragment']>;

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

@@ -40,4 +40,4 @@ export interface OpenChannelModerationModule {
     Header: CommonComponent<OpenChannelModerationProps['Header']>;
     Menu: CommonComponent<OpenChannelModerationProps['Menu']>;
 }
-export type OpenChannelModerationFragment = CommonComponent<OpenChannelModerationProps['Fragment']>;
+export type OpenChannelModerationFragment = React.FC<OpenChannelModerationProps['Fragment']>;

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

@@ -46,4 +46,4 @@ export interface OpenChannelMutedParticipantsModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<OpenChannelMutedParticipantsProps['StatusError']>;
 }
-export type OpenChannelMutedParticipantsFragment = CommonComponent<OpenChannelMutedParticipantsProps['Fragment']>;
+export type OpenChannelMutedParticipantsFragment = React.FC<OpenChannelMutedParticipantsProps['Fragment']>;

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

@@ -48,4 +48,4 @@ export interface OpenChannelOperatorsModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<OpenChannelOperatorsProps['StatusError']>;
 }
-export type OpenChannelOperatorsFragment = CommonComponent<OpenChannelOperatorsProps['Fragment']>;
+export type OpenChannelOperatorsFragment = React.FC<OpenChannelOperatorsProps['Fragment']>;

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

@@ -46,4 +46,4 @@ export interface OpenChannelSettingsModule {
     Info: CommonComponent<OpenChannelSettingsProps['Info']>;
     Menu: CommonComponent<OpenChannelSettingsProps['Menu']>;
 }
-export type OpenChannelSettingsFragment = CommonComponent<OpenChannelSettingsProps['Fragment']>;
+export type OpenChannelSettingsFragment = React.FC<OpenChannelSettingsProps['Fragment']>;

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

@@ -1,6 +1,6 @@
+import type React from 'react';
 import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdOpenChannel, SendbirdParticipant, SendbirdUser } from '@sendbird/uikit-utils';
-import type { CommonComponent } from '../../types';
 import type { UserListProps } from '../userList/types';
 export interface OpenChannelParticipantsProps {
     Fragment: {
@@ -11,7 +11,7 @@ export interface OpenChannelParticipantsProps {
         sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];
     };
 }
-export type OpenChannelParticipantsFragment = CommonComponent<OpenChannelParticipantsProps['Fragment']>;
+export type OpenChannelParticipantsFragment = React.FC<OpenChannelParticipantsProps['Fragment']>;
 export interface OpenChannelRegisterOperatorProps {
     Fragment: {
         channel: SendbirdOpenChannel;
@@ -22,4 +22,4 @@ export interface OpenChannelRegisterOperatorProps {
         sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];
     };
 }
-export type OpenChannelRegisterOperatorFragment = CommonComponent<OpenChannelRegisterOperatorProps['Fragment']>;
+export type OpenChannelRegisterOperatorFragment = React.FC<OpenChannelRegisterOperatorProps['Fragment']>;

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

@@ -1,4 +1,4 @@
-import type { ErrorInfo, ReactNode } from 'react';
+import type { ComponentType, ErrorInfo, ReactNode } from 'react';
 import type { SendbirdUser } from '@sendbird/uikit-utils';
 export type KeyValuePairGet = [string, string | null];
 export type KeyValuePairSet = [string, string];
@@ -16,9 +16,9 @@ export type ErrorBoundaryProps = {
     errorInfo: ErrorInfo;
     reset: () => void;
 };
-export type CommonComponent<P = {}> = (props: P & {
-    children?: ReactNode;
-}) => null | ReactNode;
+export type CommonComponent<P = {}> = ComponentType<P & {
+    children?: ReactNode | undefined;
+}>;
 export type MentionedUser = {
     range: Range;
     user: SendbirdUser;

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

@@ -1,2 +1,2 @@
-declare const VERSION = "3.4.0";
+declare const VERSION = "3.4.1";
 export default VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",
@@ -60,10 +60,10 @@
   },
   "dependencies": {
     "@openspacelabs/react-native-zoomable-view": "^2.1.5",
-    "@sendbird/uikit-chat-hooks": "3.4.0",
-    "@sendbird/uikit-react-native-foundation": "3.4.0",
+    "@sendbird/uikit-chat-hooks": "3.4.1",
+    "@sendbird/uikit-react-native-foundation": "3.4.1",
     "@sendbird/uikit-tools": "0.0.1-alpha.58",
-    "@sendbird/uikit-utils": "3.4.0"
+    "@sendbird/uikit-utils": "3.4.1"
   },
   "devDependencies": {
     "@bam.tech/react-native-image-resizer": "^3.0.4",
@@ -203,5 +203,5 @@
       ]
     ]
   },
-  "gitHead": "fc6ddd204fd8c7f4ff417351580147d868bf3889"
+  "gitHead": "b3f416e3d5ab51ce020ca21f21c09ad0157722d9"
 }

package/src/components/ChannelInput/index.tsx

@@ -19,7 +19,7 @@ import {
 
 import { useSendbirdChat } from '../../hooks/useContext';
 import useMentionTextInput from '../../hooks/useMentionTextInput';
-import type { MentionedUser, Range } from '../../types';
+import type { CommonComponent, MentionedUser, Range } from '../../types';
 import type { AttachmentsButtonProps } from './AttachmentsButton';
 import AttachmentsButton from './AttachmentsButton';
 import EditInput from './EditInput';
@@ -67,7 +67,7 @@ export type ChannelInputProps = {
   setMessageToReply?: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;
 
   // mention
-  SuggestedMentionList?: (props: SuggestedMentionListProps) => React.ReactNode | null;
+  SuggestedMentionList?: CommonComponent<SuggestedMentionListProps>;
 
   // sub-components
   AttachmentsButton?: (props: AttachmentsButtonProps) => React.ReactNode | null;

package/src/components/ChannelMessageList/index.tsx

@@ -32,7 +32,6 @@ import {
 import type { UserProfileContextType } from '../../contexts/UserProfileCtx';
 import { useLocalization, usePlatformService, useSendbirdChat, useUserProfile } from '../../hooks/useContext';
 import SBUUtils from '../../libs/SBUUtils';
-import type { CommonComponent } from '../../types';
 import ChatFlatList from '../ChatFlatList';
 import { ReactionAddons } from '../ReactionAddons';
 
@@ -78,15 +77,10 @@ export type ChannelMessageListProps<T extends SendbirdGroupChannel | SendbirdOpe
     bottomSheetItem?: BottomSheetItem;
     isFirstItem: boolean;
   }) => React.ReactElement | null;
-  renderNewMessagesButton: null | CommonComponent<{
-    visible: boolean;
-    onPress: () => void;
-    newMessages: SendbirdMessage[];
-  }>;
-  renderScrollToBottomButton: null | CommonComponent<{
-    visible: boolean;
-    onPress: () => void;
-  }>;
+  renderNewMessagesButton:
+    | null
+    | ((props: { visible: boolean; onPress: () => void; newMessages: SendbirdMessage[] }) => React.ReactElement | null);
+  renderScrollToBottomButton: null | ((props: { visible: boolean; onPress: () => void }) => React.ReactElement | null);
   flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;
 } & {
   ref?: Ref<FlatList<SendbirdMessage>> | undefined;

package/src/domain/groupChannel/types.ts

@@ -1,6 +1,7 @@
 import type React from 'react';
 import type { FlatList } from 'react-native';
 
+import type { MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
 import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
 import type {
   OnBeforeHandler,
@@ -20,6 +21,7 @@ import type { ChannelMessageListProps } from '../../components/ChannelMessageLis
 import type { CommonComponent } from '../../types';
 import type { PubSub } from '../../utils/pubsub';
 
+export type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;
 export interface GroupChannelProps {
   Fragment: {
     channel: SendbirdGroupChannel;
@@ -43,9 +45,19 @@ export interface GroupChannelProps {
     keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];
     flatListProps?: GroupChannelProps['MessageList']['flatListProps'];
     sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];
-    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];
 
     searchItem?: GroupChannelProps['MessageList']['searchItem'];
+
+    /**
+     * @description You can specify the query parameters for the message list.
+     * @example
+     * ```
+     * <GroupChannelFragment messageListQueryParams={{ prevResultLimit: 20, customTypesFilter: ['filter'] }} />
+     * ```
+     * */
+    messageListQueryParams?: MessageListQueryParamsType;
+    /** @deprecated Please use `messageListQueryParams` instead */
+    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];
   };
   Header: {
     shouldHideRight: () => boolean;
@@ -169,7 +181,7 @@ export interface GroupChannelModule {
   StatusLoading: CommonComponent;
 }
 
-export type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;
+export type GroupChannelFragment = React.FC<GroupChannelProps['Fragment']>;
 
 export type GroupChannelPubSubContextPayload =
   | {

package/src/domain/groupChannelBannedUsers/types.ts

@@ -49,4 +49,4 @@ export interface GroupChannelBannedUsersModule {
   StatusError: CommonComponent<GroupChannelBannedUsersProps['StatusError']>;
 }
 
-export type GroupChannelBannedUsersFragment = CommonComponent<GroupChannelBannedUsersProps['Fragment']>;
+export type GroupChannelBannedUsersFragment = React.FC<GroupChannelBannedUsersProps['Fragment']>;

package/src/domain/groupChannelList/types.ts

@@ -1,21 +1,32 @@
 import type React from 'react';
 import type { FlatListProps } from 'react-native';
 
+import type { GroupChannelCollectionParams, GroupChannelFilterParams } from '@sendbird/chat/groupChannel';
 import type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';
 import type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';
 import type { SendbirdGroupChannel } from '@sendbird/uikit-utils';
 
 import type { CommonComponent } from '../../types';
 
+export type ChannelListQueryParamsType = Omit<GroupChannelCollectionParams, 'filter'> & GroupChannelFilterParams;
 export interface GroupChannelListProps {
   Fragment: {
     onPressChannel: GroupChannelListProps['List']['onPressChannel'];
     onPressCreateChannel: (channelType: GroupChannelType) => void;
     renderGroupChannelPreview?: GroupChannelListProps['List']['renderGroupChannelPreview'];
     skipTypeSelection?: boolean;
-    collectionCreator?: UseGroupChannelListOptions['collectionCreator'];
     flatListProps?: GroupChannelListProps['List']['flatListProps'];
     menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];
+    /**
+     * @description You can specify the query parameters for the channel list.
+     * @example
+     * ```
+     * <GroupChannelListFragment channelListQueryParams={{ limit: 20, includeEmpty: false }} />
+     * ```
+     * */
+    channelListQueryParams?: ChannelListQueryParamsType;
+    /** @deprecated Please use `channelListQueryParams` instead */
+    collectionCreator?: UseGroupChannelListOptions['collectionCreator'];
   };
   Header: {};
   List: {
@@ -61,5 +72,5 @@ export interface GroupChannelListModule {
   StatusLoading: CommonComponent;
 }
 
-export type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;
+export type GroupChannelListFragment = React.FC<GroupChannelListProps['Fragment']>;
 export type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';

package/src/domain/groupChannelModeration/types.ts

@@ -45,4 +45,4 @@ export interface GroupChannelModerationModule {
   Menu: CommonComponent<GroupChannelModerationProps['Menu']>;
 }
 
-export type GroupChannelModerationFragment = CommonComponent<GroupChannelModerationProps['Fragment']>;
+export type GroupChannelModerationFragment = React.FC<GroupChannelModerationProps['Fragment']>;

package/src/domain/groupChannelMutedMembers/types.ts

@@ -49,4 +49,4 @@ export interface GroupChannelMutedMembersModule {
   StatusError: CommonComponent<GroupChannelMutedMembersProps['StatusError']>;
 }
 
-export type GroupChannelMutedMembersFragment = CommonComponent<GroupChannelMutedMembersProps['Fragment']>;
+export type GroupChannelMutedMembersFragment = React.FC<GroupChannelMutedMembersProps['Fragment']>;

package/src/domain/groupChannelNotifications/types.ts

@@ -35,4 +35,4 @@ export interface GroupChannelNotificationsModule {
   View: CommonComponent<GroupChannelNotificationsProps['View']>;
 }
 
-export type GroupChannelNotificationsFragment = CommonComponent<GroupChannelNotificationsProps['Fragment']>;
+export type GroupChannelNotificationsFragment = React.FC<GroupChannelNotificationsProps['Fragment']>;

package/src/domain/groupChannelOperators/types.ts

@@ -51,4 +51,4 @@ export interface GroupChannelOperatorsModule {
   StatusError: CommonComponent<GroupChannelOperatorsProps['StatusError']>;
 }
 
-export type GroupChannelOperatorsFragment = CommonComponent<GroupChannelOperatorsProps['Fragment']>;
+export type GroupChannelOperatorsFragment = React.FC<GroupChannelOperatorsProps['Fragment']>;

package/src/domain/groupChannelSettings/types.ts

@@ -53,4 +53,4 @@ export interface GroupChannelSettingsModule {
   Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;
 }
 
-export type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;
+export type GroupChannelSettingsFragment = React.FC<GroupChannelSettingsProps['Fragment']>;

package/src/domain/groupChannelUserList/types.ts

@@ -52,7 +52,7 @@ export interface GroupChannelMembersProps {
     queryCreator?: UseUserListOptions<SendbirdMember>['queryCreator'];
   };
 }
-export type GroupChannelMembersFragment = CommonComponent<GroupChannelMembersProps['Fragment']>;
+export type GroupChannelMembersFragment = React.FC<GroupChannelMembersProps['Fragment']>;
 
 export interface GroupChannelRegisterOperatorProps {
   Fragment: {
@@ -64,4 +64,4 @@ export interface GroupChannelRegisterOperatorProps {
     queryCreator?: UseUserListOptions<SendbirdMember>['queryCreator'];
   };
 }
-export type GroupChannelRegisterOperatorFragment = CommonComponent<GroupChannelRegisterOperatorProps['Fragment']>;
+export type GroupChannelRegisterOperatorFragment = React.FC<GroupChannelRegisterOperatorProps['Fragment']>;

package/src/domain/messageSearch/types.ts

@@ -52,4 +52,4 @@ export interface MessageSearchModule {
   StatusError: CommonComponent<MessageSearchProps['StatusError']>;
 }
 
-export type MessageSearchFragment = CommonComponent<MessageSearchProps['Fragment']>;
+export type MessageSearchFragment = React.FC<MessageSearchProps['Fragment']>;

package/src/domain/openChannel/types.ts

@@ -111,7 +111,7 @@ export interface OpenChannelModule {
   StatusLoading: CommonComponent;
 }
 
-export type OpenChannelFragment = CommonComponent<OpenChannelProps['Fragment']>;
+export type OpenChannelFragment = React.FC<OpenChannelProps['Fragment']>;
 
 export type OpenChannelPubSubContextPayload =
   | {

package/src/domain/openChannelBannedUsers/types.ts

@@ -49,4 +49,4 @@ export interface OpenChannelBannedUsersModule {
   StatusError: CommonComponent<OpenChannelBannedUsersProps['StatusError']>;
 }
 
-export type OpenChannelBannedUsersFragment = CommonComponent<OpenChannelBannedUsersProps['Fragment']>;
+export type OpenChannelBannedUsersFragment = React.FC<OpenChannelBannedUsersProps['Fragment']>;

package/src/domain/openChannelCreate/types.ts

@@ -42,4 +42,4 @@ export interface OpenChannelCreateModule {
   StatusLoading: CommonComponent;
 }
 
-export type OpenChannelCreateFragment = CommonComponent<OpenChannelCreateProps['Fragment']>;
+export type OpenChannelCreateFragment = React.FC<OpenChannelCreateProps['Fragment']>;

package/src/domain/openChannelList/types.ts

@@ -53,4 +53,4 @@ export interface OpenChannelListModule {
   StatusError: CommonComponent<OpenChannelListProps['StatusError']>;
 }
 
-export type OpenChannelListFragment = CommonComponent<OpenChannelListProps['Fragment']>;
+export type OpenChannelListFragment = React.FC<OpenChannelListProps['Fragment']>;

package/src/domain/openChannelModeration/types.ts

@@ -45,4 +45,4 @@ export interface OpenChannelModerationModule {
   Menu: CommonComponent<OpenChannelModerationProps['Menu']>;
 }
 
-export type OpenChannelModerationFragment = CommonComponent<OpenChannelModerationProps['Fragment']>;
+export type OpenChannelModerationFragment = React.FC<OpenChannelModerationProps['Fragment']>;

package/src/domain/openChannelMutedParticipants/types.ts

@@ -49,4 +49,4 @@ export interface OpenChannelMutedParticipantsModule {
   StatusError: CommonComponent<OpenChannelMutedParticipantsProps['StatusError']>;
 }
 
-export type OpenChannelMutedParticipantsFragment = CommonComponent<OpenChannelMutedParticipantsProps['Fragment']>;
+export type OpenChannelMutedParticipantsFragment = React.FC<OpenChannelMutedParticipantsProps['Fragment']>;

package/src/domain/openChannelOperators/types.ts

@@ -51,4 +51,4 @@ export interface OpenChannelOperatorsModule {
   StatusError: CommonComponent<OpenChannelOperatorsProps['StatusError']>;
 }
 
-export type OpenChannelOperatorsFragment = CommonComponent<OpenChannelOperatorsProps['Fragment']>;
+export type OpenChannelOperatorsFragment = React.FC<OpenChannelOperatorsProps['Fragment']>;

package/src/domain/openChannelSettings/types.ts

@@ -51,4 +51,4 @@ export interface OpenChannelSettingsModule {
   Menu: CommonComponent<OpenChannelSettingsProps['Menu']>;
 }
 
-export type OpenChannelSettingsFragment = CommonComponent<OpenChannelSettingsProps['Fragment']>;
+export type OpenChannelSettingsFragment = React.FC<OpenChannelSettingsProps['Fragment']>;

package/src/domain/openChannelUserList/types.ts

@@ -1,7 +1,8 @@
+import type React from 'react';
+
 import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdOpenChannel, SendbirdParticipant, SendbirdUser } from '@sendbird/uikit-utils';
 
-import type { CommonComponent } from '../../types';
 import type { UserListProps } from '../userList/types';
 
 export interface OpenChannelParticipantsProps {
@@ -14,7 +15,7 @@ export interface OpenChannelParticipantsProps {
     sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];
   };
 }
-export type OpenChannelParticipantsFragment = CommonComponent<OpenChannelParticipantsProps['Fragment']>;
+export type OpenChannelParticipantsFragment = React.FC<OpenChannelParticipantsProps['Fragment']>;
 
 export interface OpenChannelRegisterOperatorProps {
   Fragment: {
@@ -27,4 +28,4 @@ export interface OpenChannelRegisterOperatorProps {
     sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];
   };
 }
-export type OpenChannelRegisterOperatorFragment = CommonComponent<OpenChannelRegisterOperatorProps['Fragment']>;
+export type OpenChannelRegisterOperatorFragment = React.FC<OpenChannelRegisterOperatorProps['Fragment']>;