@sendbird/uikit-react-native 2.2.0 → 2.4.0

package/lib/typescript/src/contexts/SendbirdChatCtx.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
 import type EmojiManager from '../libs/EmojiManager';
+import type ImageCompressionConfig from '../libs/ImageCompressionConfig';
 import type MentionManager from '../libs/MentionManager';
 import type { FileType } from '../platform/types';
 export interface UIKitFeaturesInSendbirdChatContext {
@@ -9,16 +10,19 @@ export interface UIKitFeaturesInSendbirdChatContext {
     enableChannelListMessageReceiptStatus: boolean;
     enableUseUserIdForNickname: boolean;
     enableUserMention: boolean;
+    enableImageCompression: boolean;
 }
 interface Props extends UIKitFeaturesInSendbirdChatContext, React.PropsWithChildren {
     sdkInstance: SendbirdChatSDK;
     emojiManager: EmojiManager;
     mentionManager: MentionManager;
+    imageCompressionConfig: ImageCompressionConfig;
 }
-type Context = {
+export type SendbirdChatContextType = {
     sdk: SendbirdChatSDK;
     emojiManager: EmojiManager;
     mentionManager: MentionManager;
+    imageCompressionConfig: ImageCompressionConfig;
     currentUser?: SendbirdUser;
     setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;
     updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;
@@ -29,12 +33,13 @@ type Context = {
         channelListMessageReceiptStatusEnabled: boolean;
         useUserIdForNicknameEnabled: boolean;
         userMentionEnabled: boolean;
+        imageCompressionEnabled: boolean;
         deliveryReceiptEnabled: boolean;
         broadcastChannelEnabled: boolean;
         superGroupChannelEnabled: boolean;
         reactionEnabled: boolean;
     };
 };
-export declare const SendbirdChatContext: React.Context<Context | null>;
-export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, enableUseUserIdForNickname, enableUserMention, }: Props) => JSX.Element;
+export declare const SendbirdChatContext: React.Context<SendbirdChatContextType | null>;
+export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, imageCompressionConfig, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, enableUseUserIdForNickname, enableUserMention, enableImageCompression, }: Props) => JSX.Element;
 export {};

package/lib/typescript/src/contexts/UserProfileCtx.d.ts

@@ -2,14 +2,18 @@ import React from 'react';
 import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
 type OnCreateChannel = (channel: SendbirdGroupChannel) => void;
 type OnBeforeCreateChannel = (channelParams: SendbirdGroupChannelCreateParams, users: SendbirdUser[] | SendbirdMember[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
+type ShowOptions = {
+    hideMessageButton?: boolean;
+};
 export type UserProfileContextType = {
-    show(user: SendbirdUser | SendbirdMember): void;
+    show(user: SendbirdUser | SendbirdMember, options?: ShowOptions): void;
     hide(): void;
 };
 type Props = React.PropsWithChildren<{
     onCreateChannel?: OnCreateChannel;
     onBeforeCreateChannel?: OnBeforeCreateChannel;
+    statusBarTranslucent?: boolean;
 }>;
 export declare const UserProfileContext: React.Context<UserProfileContextType | null>;
-export declare const UserProfileProvider: ({ children, onCreateChannel, onBeforeCreateChannel }: Props) => JSX.Element;
+export declare const UserProfileProvider: ({ children, onCreateChannel, onBeforeCreateChannel, statusBarTranslucent, }: Props) => JSX.Element;
 export {};

package/lib/typescript/src/domain/groupChannel/component/GroupChannelInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelInput").ChannelInputProps, "onPressUpdateUserMessage" | "onUpdateUserMessage" | "shouldRenderInput" | "onPressSendUserMessage" | "onPressSendFileMessage" | "onPressUpdateFileMessage" | "SuggestedMentionList" | "onSendFileMessage" | "onSendUserMessage" | "onUpdateFileMessage">) => JSX.Element>;
+export default _default;

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

@@ -1,23 +1,20 @@
 import type React from 'react';
 import type { FlatListProps } from 'react-native';
 import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
-import type { SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdGroupChannel, SendbirdMember, SendbirdMessage, SendbirdUser, SendbirdUserMessage, SendbirdUserMessageCreateParams } from '@sendbird/uikit-utils';
-import type { FileType } from '../../platform/types';
-import type { CommonComponent, MentionedUser, Range } from '../../types';
-type UserMessageMentionParams = Required<{
-    messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];
-    userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];
-    type: SendbirdUserMessageCreateParams['mentionType'];
-}>;
+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 { CommonComponent } from '../../types';
 export interface GroupChannelProps {
     Fragment: {
         channel: SendbirdGroupChannel;
         onChannelDeleted: () => void;
         onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];
         onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];
-        onBeforeSendFileMessage?: (params: SendbirdFileMessageCreateParams) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;
-        onBeforeSendUserMessage?: (params: SendbirdUserMessageCreateParams) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;
         onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];
+        onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;
+        onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;
+        onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;
+        onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;
         renderMessage?: GroupChannelProps['MessageList']['renderMessage'];
         renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];
         renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];
@@ -70,23 +67,8 @@ export interface GroupChannelProps {
         /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/
         onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;
     };
-    Input: {
-        shouldRenderInput: boolean;
-        onSendFileMessage: (file: FileType) => Promise<void>;
-        onSendUserMessage: (text: string, mention?: UserMessageMentionParams) => Promise<void>;
-        onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;
-        onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage, mention?: UserMessageMentionParams) => Promise<void>;
-        SuggestedMentionList: (props: GroupChannelProps['SuggestedMentionList']) => JSX.Element | null;
-    };
-    SuggestedMentionList: {
-        text: string;
-        selection: Range;
-        topInset: number;
-        bottomInset: number;
-        inputHeight: number;
-        onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;
-        mentionedUsers: MentionedUser[];
-    };
+    Input: Pick<ChannelInputProps, 'shouldRenderInput' | 'onPressSendUserMessage' | 'onPressSendFileMessage' | 'onPressUpdateUserMessage' | 'onPressUpdateFileMessage' | 'SuggestedMentionList' | 'onSendFileMessage' | 'onSendUserMessage' | 'onUpdateFileMessage' | 'onUpdateUserMessage'>;
+    SuggestedMentionList: SuggestedMentionListProps;
     Provider: {
         channel: SendbirdGroupChannel;
         enableTypingIndicator: boolean;
@@ -120,4 +102,3 @@ export interface GroupChannelModule {
     StatusLoading: CommonComponent;
 }
 export type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;
-export {};

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

@@ -2,5 +2,6 @@ export { default as GroupChannelBannedUsersList } from './component/GroupChannel
 export { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';
 export { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';
 export { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';
+export { default as GroupChannelBannedUsersStatusError } from './component/GroupChannelBannedUsersStatusError';
 export { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';
 export { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ onPressHeaderLeft, onPressHeaderRight, rightIconName }: {
+    rightIconName: "search" | "photo" | "message" | "user" | "done" | "error" | "chat-hide" | "chat-show" | "add" | "archive" | "arrow-left" | "ban" | "broadcast" | "camera" | "channels" | "chat-filled" | "chat" | "checkbox-off" | "checkbox-on" | "chevron-down" | "chevron-right" | "close" | "copy" | "create" | "delete" | "document" | "done-all" | "download" | "edit" | "emoji-more" | "file-audio" | "file-document" | "freeze" | "gif" | "info" | "leave" | "members" | "moderation" | "more" | "mute" | "notifications-filled" | "notifications-off-filled" | "notifications" | "operator" | "play" | "plus" | "question" | "radio-off" | "radio-on" | "refresh" | "remove" | "reply-filled" | "reply" | "send" | "settings-filled" | "spinner" | "streaming" | "supergroup" | "theme" | "thumbnail-none" | "unarchive";
+    onPressHeaderLeft: () => void;
+    onPressHeaderRight: () => void;
+}) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelInput").ChannelInputProps, "onPressUpdateUserMessage" | "shouldRenderInput" | "onPressSendUserMessage" | "onPressSendFileMessage" | "onPressUpdateFileMessage">) => JSX.Element>;
+export default _default;

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;