@sendbird/uikit-react-native 2.3.0 → 2.4.1

package/lib/typescript/src/domain/openChannel/component/OpenChannelMessageList.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { SendbirdMessage } from '@sendbird/uikit-utils';
+declare const _default: React.MemoExoticComponent<({ currentUserId, channel, messages, renderMessage, nextMessages, newMessagesFromMembers, onBottomReached, onTopReached, renderNewMessagesButton, renderScrollToBottomButton, onResendFailedMessage, onDeleteMessage, onPressMediaMessage, flatListProps, enableMessageGrouping, }: {
+    enableMessageGrouping: boolean;
+    currentUserId?: string | undefined;
+    channel: import("@sendbird/chat/openChannel").OpenChannel;
+    messages: SendbirdMessage[];
+    nextMessages: SendbirdMessage[];
+    newMessagesFromMembers: SendbirdMessage[];
+    onTopReached: () => void;
+    onBottomReached: () => void;
+    onResendFailedMessage: (failedMessage: import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").UserMessage) => Promise<void>;
+    onDeleteMessage: (message: import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").UserMessage) => Promise<void>;
+    onPressMediaMessage?: ((message: import("@sendbird/chat/message").FileMessage, deleteMessage: () => Promise<void>, uri: string) => void) | undefined;
+    renderMessage: (props: {
+        message: SendbirdMessage;
+        prevMessage?: SendbirdMessage | undefined;
+        nextMessage?: SendbirdMessage | undefined;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: ((user: import("@sendbird/chat/groupChannel").Member | import("@sendbird/chat").User, options?: {
+            hideMessageButton?: boolean | undefined;
+        } | undefined) => void) | undefined;
+        channel: import("@sendbird/chat/openChannel").OpenChannel;
+        currentUserId?: string | undefined;
+        enableMessageGrouping: boolean;
+    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+    renderNewMessagesButton: import("../../..").CommonComponent<{
+        visible: boolean;
+        onPress: () => void;
+        newMessages: SendbirdMessage[];
+    }> | null;
+    renderScrollToBottomButton: import("../../..").CommonComponent<{
+        visible: boolean;
+        onPress: () => void;
+    }> | null;
+    flatListProps?: Omit<import("react-native").FlatListProps<SendbirdMessage>, "data" | "renderItem"> | undefined;
+}) => JSX.Element>;
+export default _default;

package/lib/typescript/src/domain/openChannel/component/OpenChannelStatusEmpty.d.ts

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

package/lib/typescript/src/domain/openChannel/component/OpenChannelStatusLoading.d.ts

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

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

@@ -0,0 +1,6 @@
+export { default as OpenChannelHeader } from './component/OpenChannelHeader';
+export { default as OpenChannelInput } from './component/OpenChannelInput';
+export { default as OpenChannelStatusLoading } from './component/OpenChannelStatusLoading';
+export { default as OpenChannelStatusEmpty } from './component/OpenChannelStatusEmpty';
+export { default as createOpenChannelModule } from './module/createOpenChannelModule';
+export { OpenChannelContextsProvider, OpenChannelContexts } from './module/moduleContext';

package/lib/typescript/src/domain/openChannel/module/createOpenChannelModule.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { OpenChannelContextsType, OpenChannelModule } from '../types';
+export declare const OpenChannelContexts: OpenChannelContextsType;
+export declare const OpenChannelContextsProvider: OpenChannelModule['Provider'];

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

@@ -0,0 +1,97 @@
+import type React from 'react';
+import type { FlatListProps } from 'react-native';
+import type { UseOpenChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
+import type { Icon } from '@sendbird/uikit-react-native-foundation';
+import type { OnBeforeHandler, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdMessage, SendbirdOpenChannel, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
+import type { ChannelInputProps } from '../../components/ChannelInput';
+import type { UserProfileContextType } from '../../contexts/UserProfileCtx';
+import type { CommonComponent } from '../../types';
+export type OpenChannelProps = {
+    Fragment: {
+        channel: SendbirdOpenChannel;
+        onChannelDeleted: () => void;
+        onPressHeaderLeft: OpenChannelProps['Header']['onPressHeaderLeft'];
+        onPressHeaderRightWithSettings: OpenChannelProps['Header']['onPressHeaderRight'];
+        onPressHeaderRightWithParticipants: OpenChannelProps['Header']['onPressHeaderRight'];
+        onPressMediaMessage?: OpenChannelProps['MessageList']['onPressMediaMessage'];
+        onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;
+        onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;
+        onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;
+        onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;
+        renderMessage?: OpenChannelProps['MessageList']['renderMessage'];
+        renderNewMessagesButton?: OpenChannelProps['MessageList']['renderNewMessagesButton'];
+        renderScrollToBottomButton?: OpenChannelProps['MessageList']['renderScrollToBottomButton'];
+        enableMessageGrouping?: OpenChannelProps['MessageList']['enableMessageGrouping'];
+        keyboardAvoidOffset?: OpenChannelProps['Provider']['keyboardAvoidOffset'];
+        flatListProps?: OpenChannelProps['MessageList']['flatListProps'];
+        sortComparator?: UseOpenChannelMessagesOptions['sortComparator'];
+        queryCreator?: UseOpenChannelMessagesOptions['queryCreator'];
+    };
+    Header: {
+        rightIconName: keyof typeof Icon.Assets;
+        onPressHeaderLeft: () => void;
+        onPressHeaderRight: () => void;
+    };
+    MessageList: {
+        enableMessageGrouping: boolean;
+        currentUserId?: string;
+        channel: SendbirdOpenChannel;
+        messages: SendbirdMessage[];
+        nextMessages: SendbirdMessage[];
+        newMessagesFromMembers: SendbirdMessage[];
+        onTopReached: () => void;
+        onBottomReached: () => void;
+        onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
+        onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
+        onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;
+        renderMessage: (props: {
+            message: SendbirdMessage;
+            prevMessage?: SendbirdMessage;
+            nextMessage?: SendbirdMessage;
+            onPress?: () => void;
+            onLongPress?: () => void;
+            onPressAvatar?: UserProfileContextType['show'];
+            channel: OpenChannelProps['MessageList']['channel'];
+            currentUserId?: OpenChannelProps['MessageList']['currentUserId'];
+            enableMessageGrouping: OpenChannelProps['MessageList']['enableMessageGrouping'];
+        }) => React.ReactElement | null;
+        renderNewMessagesButton: null | CommonComponent<{
+            visible: boolean;
+            onPress: () => void;
+            newMessages: SendbirdMessage[];
+        }>;
+        renderScrollToBottomButton: null | CommonComponent<{
+            visible: boolean;
+            onPress: () => void;
+        }>;
+        flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;
+    };
+    Input: Pick<ChannelInputProps, 'shouldRenderInput' | 'onPressSendUserMessage' | 'onPressSendFileMessage' | 'onPressUpdateUserMessage' | 'onPressUpdateFileMessage'>;
+    Provider: {
+        channel: SendbirdOpenChannel;
+        keyboardAvoidOffset?: number;
+    };
+};
+/**
+ * Internal context for OpenChannel
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export type OpenChannelContextsType = {
+    Fragment: React.Context<{
+        headerTitle: string;
+        channel: SendbirdOpenChannel;
+        messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;
+        setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
+        keyboardAvoidOffset?: number;
+    }>;
+};
+export interface OpenChannelModule {
+    Provider: CommonComponent<OpenChannelProps['Provider']>;
+    Header: CommonComponent<OpenChannelProps['Header']>;
+    MessageList: CommonComponent<OpenChannelProps['MessageList']>;
+    Input: CommonComponent<OpenChannelProps['Input']>;
+    StatusEmpty: CommonComponent;
+    StatusLoading: CommonComponent;
+}
+export type OpenChannelFragment = CommonComponent<OpenChannelProps['Fragment']>;

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersHeader.d.ts

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

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersList.d.ts

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

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusEmpty.d.ts

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

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusError.d.ts

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

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusLoading.d.ts

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

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

@@ -0,0 +1,7 @@
+export { default as OpenChannelBannedUsersList } from './component/OpenChannelBannedUsersList';
+export { default as OpenChannelBannedUsersHeader } from './component/OpenChannelBannedUsersHeader';
+export { default as OpenChannelBannedUsersStatusLoading } from './component/OpenChannelBannedUsersStatusLoading';
+export { default as OpenChannelBannedUsersStatusEmpty } from './component/OpenChannelBannedUsersStatusEmpty';
+export { default as OpenChannelBannedUsersStatusError } from './component/OpenChannelBannedUsersStatusError';
+export { default as createOpenChannelBannedUsersModule } from './module/createOpenChannelBannedUsersModule';
+export { OpenChannelBannedUsersContextsProvider, OpenChannelBannedUsersContexts } from './module/moduleContext';

package/lib/typescript/src/domain/openChannelBannedUsers/module/createOpenChannelBannedUsersModule.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { OpenChannelBannedUsersContextsType, OpenChannelBannedUsersModule } from '../types';
+export declare const OpenChannelBannedUsersContexts: OpenChannelBannedUsersContextsType;
+export declare const OpenChannelBannedUsersContextsProvider: OpenChannelBannedUsersModule['Provider'];

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

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

package/lib/typescript/src/domain/openChannelCreate/component/OpenChannelCreateHeader.d.ts

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

package/lib/typescript/src/domain/openChannelCreate/component/OpenChannelCreateProfileInput.d.ts

@@ -0,0 +1,3 @@
+import type { OpenChannelCreateProps } from '../types';
+declare const OpenChannelCreateProfileInput: ({ channelName, channelCoverFile, onChangeChannelName, onChangeChannelCoverFile, }: OpenChannelCreateProps['ProfileInput']) => JSX.Element;
+export default OpenChannelCreateProfileInput;

package/lib/typescript/src/domain/openChannelCreate/component/OpenChannelCreateStatusLoading.d.ts

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

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

@@ -0,0 +1,5 @@
+export { default as OpenChannelCreateHeader } from './component/OpenChannelCreateHeader';
+export { default as OpenChannelCreateProfileInput } from './component/OpenChannelCreateProfileInput';
+export { default as OpenChannelCreateStatusLoading } from './component/OpenChannelCreateStatusLoading';
+export { default as createOpenChannelCreateModule } from './module/createOpenChannelCreateModule';
+export { OpenChannelCreateContextsProvider, OpenChannelCreateContexts } from './module/moduleContext';

package/lib/typescript/src/domain/openChannelCreate/module/createOpenChannelCreateModule.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { OpenChannelCreateContextsType, OpenChannelCreateModule } from '../types';
+export declare const OpenChannelCreateContexts: OpenChannelCreateContextsType;
+export declare const OpenChannelCreateContextsProvider: OpenChannelCreateModule['Provider'];

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

@@ -0,0 +1,40 @@
+import type React from 'react';
+import type { OnBeforeHandler, SendbirdOpenChannel, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';
+import type { FileType } from '../../platform/types';
+import type { CommonComponent } from '../../types';
+export type OpenChannelCreateProps = {
+    Fragment: {
+        onPressHeaderLeft: OpenChannelCreateProps['Header']['onPressHeaderLeft'];
+        onCreateChannel: (channel: SendbirdOpenChannel) => void;
+        onBeforeCreateChannel?: OnBeforeHandler<SendbirdOpenChannelCreateParams>;
+    };
+    Header: {
+        onPressHeaderLeft: () => void;
+        onPressHeaderRight: () => void;
+        shouldActivateHeaderRight: () => boolean;
+    };
+    ProfileInput: {
+        channelName: string;
+        onChangeChannelName: (val: OpenChannelCreateProps['ProfileInput']['channelName']) => void;
+        channelCoverFile: FileType | undefined;
+        onChangeChannelCoverFile: (val: OpenChannelCreateProps['ProfileInput']['channelCoverFile']) => void;
+    };
+};
+/**
+ * Internal context for OpenChannelCreate
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export type OpenChannelCreateContextsType = {
+    Fragment: React.Context<{
+        headerTitle: string;
+        headerRight: string;
+    }>;
+};
+export interface OpenChannelCreateModule {
+    Provider: CommonComponent;
+    Header: CommonComponent<OpenChannelCreateProps['Header']>;
+    ProfileInput: CommonComponent<OpenChannelCreateProps['ProfileInput']>;
+    StatusLoading: CommonComponent;
+}
+export type OpenChannelCreateFragment = CommonComponent<OpenChannelCreateProps['Fragment']>;

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListHeader.d.ts

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

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListList.d.ts

@@ -0,0 +1,3 @@
+import type { OpenChannelListProps } from '../types';
+declare const OpenChanelListList: ({ openChannels, onLoadNext, flatListProps, renderOpenChannelPreview, refreshing, onRefresh, }: OpenChannelListProps['List']) => JSX.Element;
+export default OpenChanelListList;

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListStatusEmpty.d.ts

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

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListStatusError.d.ts

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

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListStatusLoading.d.ts

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

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

@@ -0,0 +1,7 @@
+export { default as OpenChannelListHeader } from './component/OpenChannelListHeader';
+export { default as OpenChannelListList } from './component/OpenChannelListList';
+export { default as OpenChannelListStatusEmpty } from './component/OpenChannelListStatusEmpty';
+export { default as OpenChannelListStatusLoading } from './component/OpenChannelListStatusLoading';
+export { default as OpenChannelListStatusError } from './component/OpenChannelListStatusError';
+export { default as createOpenChannelListModule } from './module/createOpenChannelListModule';
+export { OpenChannelListContextsProvider, OpenChannelListContexts } from './module/moduleContext';

package/lib/typescript/src/domain/openChannelList/module/createOpenChannelListModule.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { OpenChannelListContextsType, OpenChannelListModule } from '../types';
+export declare const OpenChannelListContexts: OpenChannelListContextsType;
+export declare const OpenChannelListContextsProvider: OpenChannelListModule['Provider'];

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

@@ -0,0 +1,60 @@
+import type React from 'react';
+import type { FlatListProps } from 'react-native';
+import type { UseOpenChannelListOptions } from '@sendbird/uikit-chat-hooks';
+import type { SendbirdOpenChannel } from '@sendbird/uikit-utils';
+import type { CommonComponent } from '../../types';
+export type OpenChannelListProps = {
+    Fragment: {
+        /** Handler for navigating to OpenChannelFragment **/
+        onPressChannel: (channel: SendbirdOpenChannel) => void;
+        /** Handler for navigating to OpenChannelCreateFragment **/
+        onPressCreateChannel: () => void;
+        /** Method for rendering open channel preview **/
+        renderOpenChannelPreview?: OpenChannelListProps['List']['renderOpenChannelPreview'];
+        /** Method for creating a custom query of open channel list **/
+        queryCreator?: UseOpenChannelListOptions['queryCreator'];
+        /** Props for FlatList component, it passed to OpenChannelList.List **/
+        flatListProps?: OpenChannelListProps['List']['flatListProps'];
+    };
+    Header: {
+        onPressHeaderRight: () => void;
+    };
+    List: {
+        /** OpenChannels from SendbirdChat SDK **/
+        openChannels: SendbirdOpenChannel[];
+        /** Method for rendering a preview of each open channel **/
+        renderOpenChannelPreview: (props: {
+            channel: SendbirdOpenChannel;
+        }) => React.ReactElement | null;
+        /** Handler for loading the next batch of open channels **/
+        onLoadNext: () => Promise<void>;
+        /** Props for the FlatList component, passed to the OpenChannelList.List **/
+        flatListProps?: Omit<FlatListProps<SendbirdOpenChannel>, 'data' | 'renderItem'>;
+        /** Props for the indicates if the FlatList is currently being refreshed  **/
+        refreshing: boolean;
+        /** Handler for refreshing the list of open channels **/
+        onRefresh: () => void;
+    };
+    StatusError: {
+        onPressRetry: () => void;
+    };
+};
+/**
+ * Internal context for OpenChannelList
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export type OpenChannelListContextsType = {
+    Fragment: React.Context<{
+        headerTitle: string;
+    }>;
+};
+export interface OpenChannelListModule {
+    Provider: CommonComponent;
+    Header: CommonComponent<OpenChannelListProps['Header']>;
+    List: CommonComponent<OpenChannelListProps['List']>;
+    StatusEmpty: CommonComponent;
+    StatusLoading: CommonComponent;
+    StatusError: CommonComponent<OpenChannelListProps['StatusError']>;
+}
+export type OpenChannelListFragment = CommonComponent<OpenChannelListProps['Fragment']>;

package/lib/typescript/src/domain/openChannelModeration/component/OpenChannelModerationHeader.d.ts

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

package/lib/typescript/src/domain/openChannelModeration/component/OpenChannelModerationMenu.d.ts

@@ -0,0 +1,3 @@
+import type { OpenChannelModerationProps } from '../types';
+declare const OpenChannelModerationMenu: ({ onPressMenuBannedUsers, onPressMenuMutedParticipants, onPressMenuOperators, menuItemsCreator, }: OpenChannelModerationProps['Menu']) => JSX.Element;
+export default OpenChannelModerationMenu;

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

@@ -0,0 +1,4 @@
+export { default as OpenChannelModerationHeader } from './component/OpenChannelModerationHeader';
+export { default as OpenChannelModerationMenu } from './component/OpenChannelModerationMenu';
+export { default as createOpenChannelModerationModule } from './module/createOpenChannelModerationModule';
+export { OpenChannelModerationContextsProvider, OpenChannelModerationContexts } from './module/moduleContext';

package/lib/typescript/src/domain/openChannelModeration/module/createOpenChannelModerationModule.d.ts

@@ -0,0 +1,3 @@
+import type { OpenChannelModerationModule } from '../types';
+declare const createOpenChannelModerationModule: ({ Header, Menu, Provider, ...module }?: Partial<OpenChannelModerationModule>) => OpenChannelModerationModule;
+export default createOpenChannelModerationModule;

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

@@ -0,0 +1,3 @@
+import type { OpenChannelModerationContextsType, OpenChannelModerationModule } from '../types';
+export declare const OpenChannelModerationContexts: OpenChannelModerationContextsType;
+export declare const OpenChannelModerationContextsProvider: OpenChannelModerationModule['Provider'];

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

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

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsHeader.d.ts

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

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsList.d.ts

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

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsStatusEmpty.d.ts

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

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsStatusError.d.ts

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

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsStatusLoading.d.ts

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

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

@@ -0,0 +1,6 @@
+export { default as OpenChannelMutedParticipantsHeader } from './component/OpenChannelMutedParticipantsHeader';
+export { default as OpenChannelMutedParticipantsList } from './component/OpenChannelMutedParticipantsList';
+export { default as OpenChannelMutedParticipantsStatusLoading } from './component/OpenChannelMutedParticipantsStatusLoading';
+export { default as OpenChannelMutedParticipantsStatusEmpty } from './component/OpenChannelMutedParticipantsStatusEmpty';
+export { default as createOpenChannelMutedParticipantsModule } from './module/createOpenChannelMutedParticipantsModule';
+export { OpenChannelMutedParticipantsContextsProvider, OpenChannelMutedParticipantsContexts, } from './module/moduleContext';

package/lib/typescript/src/domain/openChannelMutedParticipants/module/createOpenChannelMutedParticipantsModule.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { OpenChannelMutedParticipantsContextsType, OpenChannelMutedParticipantsModule } from '../types';
+export declare const OpenChannelMutedParticipantsContexts: OpenChannelMutedParticipantsContextsType;
+export declare const OpenChannelMutedParticipantsContextsProvider: OpenChannelMutedParticipantsModule['Provider'];

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

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

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsHeader.d.ts

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

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsList.d.ts

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

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsStatusEmpty.d.ts

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

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsStatusError.d.ts

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