@sendbird/uikit-react 3.7.0 → 3.8.1

package/types/modules/Channel/context/hooks/useUpdateMessageCallback.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ChannelActionTypes } from '../dux/actionTypes';
+import { SBUGlobalPubSub } from '../../../../lib/pubSub/topics';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { UserMessage, UserMessageUpdateParams } from '@sendbird/chat/message';
+import { LoggerInterface } from '../../../../lib/Logger';
+import { SendbirdError, User } from '@sendbird/chat';
+type UseUpdateMessageCallbackOptions = {
+    currentGroupChannel: null | GroupChannel;
+    messagesDispatcher: React.Dispatch<ChannelActionTypes>;
+    onBeforeUpdateUserMessage?: (text: string) => UserMessageUpdateParams;
+    isMentionEnabled: boolean;
+};
+type UseUpdateMessageCallbackParams = {
+    logger: LoggerInterface;
+    pubSub: SBUGlobalPubSub;
+};
+type UpdateMessageParams = {
+    messageId: number;
+    message: string;
+    mentionedUsers?: User[];
+    mentionTemplate?: string;
+};
+type UpdateMessageCallback = (err: SendbirdError, message: UserMessage) => void;
+declare function useUpdateMessageCallback({ currentGroupChannel, messagesDispatcher, onBeforeUpdateUserMessage, isMentionEnabled, }: UseUpdateMessageCallbackOptions, { logger, pubSub }: UseUpdateMessageCallbackParams): (props: UpdateMessageParams, callback?: UpdateMessageCallback) => void;
+export default useUpdateMessageCallback;

package/types/modules/Channel/context/utils.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { EmojiContainer } from '@sendbird/chat';
+import { GroupChannel, Member } from '@sendbird/chat/groupChannel';
+import { CoreMessageType, SendableMessageType } from '../../../utils';
+import { BaseMessage } from '@sendbird/chat/message';
+export declare const scrollToRenderedMessage: (scrollRef: React.MutableRefObject<HTMLElement>, initialTimeStamp: number, setIsScrolled?: (val: boolean) => void) => void;
+export declare const scrollIntoLast: (initialTry: number, scrollRef: React.MutableRefObject<HTMLElement>, setIsScrolled?: (val: boolean) => void) => void;
+export declare const isOperator: (groupChannel?: GroupChannel) => boolean;
+export declare const isDisabledBecauseFrozen: (groupChannel?: GroupChannel) => boolean;
+export declare const isDisabledBecauseMuted: (groupChannel?: GroupChannel) => boolean;
+export declare const getAllEmojisMapFromEmojiContainer: (emojiContainer: EmojiContainer) => Map<any, any>;
+export declare const getNicknamesMapFromMembers: (members?: Member[]) => Map<string, string>;
+export declare const mergeAndSortMessages: (oldMessages: BaseMessage[], newMessages: BaseMessage[]) => BaseMessage[];
+export declare const getMessageCreatedAt: (message: BaseMessage) => string;
+export declare const isSameGroup: (message: SendableMessageType | BaseMessage, comparingMessage: SendableMessageType | BaseMessage, currentChannel: GroupChannel) => boolean;
+export declare const passUnsuccessfullMessages: (allMessages: (CoreMessageType | SendableMessageType)[], newMessage: CoreMessageType | SendableMessageType) => (import("@sendbird/chat/message").AdminMessage | import("@sendbird/chat/message").UserMessage | import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").MultipleFilesMessage)[];
+export declare const pxToNumber: (px: string | number) => number;
+export declare const isAboutSame: (a: number, b: number, px: number) => boolean;

package/types/modules/Channel/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ChannelContextProps } from './context/ChannelProvider';
+import { ChannelUIProps } from './components/ChannelUI';
+export interface ChannelProps extends ChannelContextProps, ChannelUIProps {
+}
+declare const Channel: React.FC<ChannelProps>;
+export default Channel;

package/types/modules/ChannelList/components/AddChannel/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddChannel: React.VoidFunctionComponent;
+export default AddChannel;

package/types/modules/ChannelList/components/ChannelListHeader/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.scss';
+interface ChannelListHeaderInterface {
+    renderHeader?: (props: void) => React.ReactElement;
+    renderTitle?: () => React.ReactElement;
+    renderIconButton?: (props: void) => React.ReactElement;
+    onEdit?: (props: void) => void;
+    allowProfileEdit?: boolean;
+}
+declare const ChannelListHeader: React.FC<ChannelListHeaderInterface>;
+export default ChannelListHeader;

package/types/modules/ChannelList/components/ChannelListUI/index.d.ts

@@ -0,0 +1,23 @@
+import './channel-list-ui.scss';
+import React from 'react';
+import type { GroupChannel, Member } from '@sendbird/chat/groupChannel';
+import type { User } from '@sendbird/chat';
+interface RenderChannelPreviewProps {
+    channel: GroupChannel;
+    onLeaveChannel(channel: GroupChannel, onLeaveChannelCb?: (c: GroupChannel) => void): void;
+}
+interface RenderUserProfileProps {
+    user: Member | User;
+    currentUserId: string;
+    close(): void;
+}
+export interface ChannelListUIProps {
+    renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
+    renderHeader?: (props: void) => React.ReactElement;
+    renderPlaceHolderError?: (props: void) => React.ReactElement;
+    renderPlaceHolderLoading?: (props: void) => React.ReactElement;
+    renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;
+}
+declare const ChannelListUI: React.FC<ChannelListUIProps>;
+export default ChannelListUI;

package/types/modules/ChannelList/components/ChannelPreview/index.d.ts

@@ -0,0 +1,16 @@
+import './channel-preview.scss';
+import React from 'react';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+interface ChannelPreviewInterface {
+    channel: GroupChannel;
+    isActive?: boolean;
+    isTyping?: boolean;
+    onClick: () => void;
+    onLeaveChannel?: () => void;
+    renderChannelAction: (props: {
+        channel: GroupChannel;
+    }) => React.ReactElement;
+    tabIndex: number;
+}
+declare const ChannelPreview: React.FC<ChannelPreviewInterface>;
+export default ChannelPreview;

package/types/modules/ChannelList/components/ChannelPreview/utils.d.ts

@@ -0,0 +1,10 @@
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+export declare const getChannelTitle: (channel?: GroupChannel, currentUserId?: string, stringSet?: import("../../../../ui/Label/stringSet").StringSet) => string;
+export declare const getLastMessageCreatedAt: ({ channel, locale, stringSet }: {
+    channel: any;
+    locale: any;
+    stringSet?: import("../../../../ui/Label/stringSet").StringSet;
+}) => string;
+export declare const getTotalMembers: (channel?: GroupChannel) => number;
+export declare const getLastMessage: (channel?: GroupChannel, stringSet?: import("../../../../ui/Label/stringSet").StringSet) => any;
+export declare const getChannelUnreadMessageCount: (channel?: GroupChannel) => number;

package/types/modules/ChannelList/components/ChannelPreviewAction.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+type ChannelPreviewActionProps = {
+    channel?: GroupChannel;
+    disabled: boolean;
+    onLeaveChannel(): void;
+};
+export default function ChannelPreviewAction({ channel, disabled, onLeaveChannel }: ChannelPreviewActionProps): JSX.Element;
+export {};

package/types/modules/ChannelList/components/LeaveChannel/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+export type LeaveChannelProps = {
+    channel?: GroupChannel;
+    onSubmit: () => void;
+    onCancel: () => void;
+};
+declare const LeaveChannel: React.FC<LeaveChannelProps>;
+export default LeaveChannel;

package/types/modules/ChannelList/components/Placeholder.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PlaceHolderTypes } from '../../../ui/PlaceHolder';
+type ChannelsPlaceholderProps = {
+    type: keyof typeof PlaceHolderTypes;
+};
+export default function ChannelsPlaceholder({ type }: ChannelsPlaceholderProps): JSX.Element;
+export {};

package/types/modules/ChannelList/context/ChannelListProvider.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import type { User } from '@sendbird/chat';
+import { GroupChannel, GroupChannelCreateParams, GroupChannelListQuery as GroupChannelListQuerySb, GroupChannelUserIdsFilter } from '@sendbird/chat/groupChannel';
+import { RenderUserProfileProps } from '../../../types';
+import { ChannelListActionTypes } from '../dux/actionTypes';
+import { CHANNEL_TYPE } from '../../CreateChannel/types';
+export interface ApplicationUserListQueryInternal {
+    limit?: number;
+    userIdsFilter?: Array<string>;
+    metaDataKeyFilter?: string;
+    metaDataValuesFilter?: Array<string>;
+}
+export interface GroupChannelListQueryParamsInternal {
+    limit?: number;
+    includeEmpty?: boolean;
+    order?: 'latest_last_message' | 'chronological' | 'channel_name_alphabetical' | 'metadata_value_alphabetical';
+    userIdsExactFilter?: Array<string>;
+    userIdsIncludeFilter?: Array<string>;
+    userIdsIncludeFilterQueryType?: 'AND' | 'OR';
+    nicknameContainsFilter?: string;
+    channelNameContainsFilter?: string;
+    customTypesFilter?: Array<string>;
+    customTypeStartsWithFilter?: string;
+    channelUrlsFilter?: Array<string>;
+    superChannelFilter?: 'all' | 'super' | 'nonsuper' | 'broadcast_only' | 'exclusive_only';
+    publicChannelFilter?: 'all' | 'public' | 'private';
+    metadataOrderKeyFilter?: string;
+    memberStateFilter?: 'all' | 'joined_only' | 'invited_only' | 'invited_by_friend' | 'invited_by_non_friend';
+    hiddenChannelFilter?: 'all' | 'unhidden_only' | 'hidden_only' | 'hidden_allow_auto_unhide' | 'hidden_prevent_auto_unhide';
+    unreadChannelFilter?: 'all' | 'unread_message';
+    includeFrozen?: boolean;
+    userIdsFilter?: GroupChannelUserIdsFilter;
+}
+interface ChannelListQueries {
+    applicationUserListQuery?: ApplicationUserListQueryInternal;
+    channelListQuery?: GroupChannelListQueryParamsInternal;
+}
+type OverrideInviteUserType = {
+    users: Array<string>;
+    onClose: () => void;
+    channelType: CHANNEL_TYPE;
+};
+export interface ChannelListProviderProps {
+    allowProfileEdit?: boolean;
+    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
+    overrideInviteUser?(params: OverrideInviteUserType): void;
+    onThemeChange?(theme: string): void;
+    onProfileEditSuccess?(user: User): void;
+    onChannelSelect?(channel: GroupChannel | null): void;
+    sortChannelList?: (channels: GroupChannel[]) => GroupChannel[];
+    queries?: ChannelListQueries;
+    children?: React.ReactElement;
+    className?: string | string[];
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
+    disableUserProfile?: boolean;
+    disableAutoSelect?: boolean;
+    activeChannelUrl?: string;
+    typingChannels?: Array<GroupChannel>;
+    isTypingIndicatorEnabled?: boolean;
+    isMessageReceiptStatusEnabled?: boolean;
+}
+export interface ChannelListProviderInterface extends ChannelListProviderProps {
+    initialized: boolean;
+    loading: boolean;
+    allChannels: GroupChannel[];
+    currentChannel: GroupChannel;
+    channelListQuery: GroupChannelListQueryParamsInternal;
+    currentUserId: string;
+    channelListDispatcher: React.Dispatch<ChannelListActionTypes>;
+    channelSource: GroupChannelListQuerySb | null;
+    fetchChannelList: () => void;
+}
+declare const ChannelListProvider: React.FC<ChannelListProviderProps>;
+declare function useChannelListContext(): ChannelListProviderInterface;
+export { ChannelListProvider, useChannelListContext };

package/types/modules/ChannelList/context/hooks/useActiveChannelUrl.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { Logger } from '../../../../lib/SendbirdState';
+import { SdkStore } from '../../../../lib/types';
+export type DynamicProps = {
+    activeChannelUrl?: string;
+    channels?: GroupChannel[];
+    sdk?: SdkStore['sdk'];
+};
+export type StaticProps = {
+    logger: Logger;
+    channelListDispatcher: React.Dispatch<any>;
+};
+declare function useActiveChannelUrl({ activeChannelUrl, channels, sdk, }: DynamicProps, { logger, channelListDispatcher, }: StaticProps): void;
+export default useActiveChannelUrl;

package/types/modules/ChannelList/context/hooks/useFetchChannelList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+import { Nullable } from '../../../../types';
+import { Logger } from '../../../../lib/SendbirdState';
+import { MarkAsDeliveredSchedulerType } from '../../../../lib/hooks/useMarkAsDeliveredScheduler';
+import { ChannelListActionTypes } from '../../dux/actionTypes';
+interface DynamicProps {
+    channelSource: Nullable<GroupChannelListQuery>;
+    disableMarkAsDelivered: boolean;
+}
+interface StaticProps {
+    channelListDispatcher: React.Dispatch<ChannelListActionTypes>;
+    logger: Logger;
+    markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
+}
+export declare const useFetchChannelList: ({ channelSource, disableMarkAsDelivered, }: DynamicProps, { channelListDispatcher, logger, markAsDeliveredScheduler, }: StaticProps) => () => Promise<void>;
+export {};

package/types/modules/ChannelList/dux/actionTypes.d.ts

@@ -0,0 +1,66 @@
+import type { GroupChannel, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+import { CreateAction } from '../../../utils/typeHelpers/reducers/createAction';
+export declare const RESET_CHANNEL_LIST = "RESET_CHANNEL_LIST";
+export declare const CREATE_CHANNEL = "CREATE_CHANNEL";
+export declare const UNLOAD_CHANNELS = "UNLOAD_CHANNELS";
+export declare const SET_CHANNEL_LOADING = "SET_CHANNEL_LOADING";
+export declare const LEAVE_CHANNEL_SUCCESS = "LEAVE_CHANNEL_SUCCESS";
+export declare const SET_CURRENT_CHANNEL = "SET_CURRENT_CHANNEL";
+export declare const FETCH_CHANNELS_START = "FETCH_CHANNELS_START";
+export declare const FETCH_CHANNELS_SUCCESS = "FETCH_CHANNELS_SUCCESS";
+export declare const FETCH_CHANNELS_FAILURE = "FETCH_CHANNELS_FAILURE";
+export declare const INIT_CHANNELS_START = "INIT_CHANNELS_START";
+export declare const INIT_CHANNELS_SUCCESS = "INIT_CHANNELS_SUCCESS";
+export declare const INIT_CHANNELS_FAILURE = "INIT_CHANNELS_FAILURE";
+export declare const INVITE_MEMBERS_SUCESS = "INVITE_MEMBERS_SUCESS";
+export declare const ON_USER_JOINED = "ON_USER_JOINED";
+export declare const ON_CHANNEL_DELETED = "ON_CHANNEL_DELETED";
+export declare const ON_LAST_MESSAGE_UPDATED = "ON_LAST_MESSAGE_UPDATED";
+export declare const ON_USER_LEFT = "ON_USER_LEFT";
+export declare const ON_CHANNEL_CHANGED = "ON_CHANNEL_CHANGED";
+export declare const ON_CHANNEL_ARCHIVED = "ON_CHANNEL_ARCHIVED";
+export declare const ON_CHANNEL_FROZEN = "ON_CHANNEL_FROZEN";
+export declare const ON_CHANNEL_UNFROZEN = "ON_CHANNEL_UNFROZEN";
+export declare const ON_READ_RECEIPT_UPDATED = "ON_READ_RECEIPT_UPDATED";
+export declare const ON_DELIVERY_RECEIPT_UPDATED = "ON_DELIVERY_RECEIPT_UPDATED";
+export declare const CHANNEL_REPLACED_TO_TOP = "CHANNEL_REPLACED_TO_TOP";
+export declare const CHANNEL_LIST_PARAMS_UPDATED = "CHANNEL_LIST_PARAMS_UPDATED";
+type CHANNEL_LIST_PAYLOAD_TYPES = {
+    [RESET_CHANNEL_LIST]: null;
+    [CREATE_CHANNEL]: GroupChannel;
+    [UNLOAD_CHANNELS]: null;
+    [SET_CHANNEL_LOADING]: boolean;
+    [LEAVE_CHANNEL_SUCCESS]: ChannelURL;
+    [SET_CURRENT_CHANNEL]: GroupChannel | null;
+    [FETCH_CHANNELS_START]: null;
+    [FETCH_CHANNELS_SUCCESS]: GroupChannel[];
+    [FETCH_CHANNELS_FAILURE]: null;
+    [INIT_CHANNELS_START]: null;
+    [INIT_CHANNELS_SUCCESS]: {
+        channelList: GroupChannel[];
+        disableAutoSelect: boolean;
+    };
+    [INIT_CHANNELS_FAILURE]: null;
+    [INVITE_MEMBERS_SUCESS]: null;
+    [ON_USER_JOINED]: GroupChannel;
+    [ON_CHANNEL_DELETED]: ChannelURL;
+    [ON_LAST_MESSAGE_UPDATED]: GroupChannel;
+    [ON_USER_LEFT]: {
+        isMe: boolean;
+        channel: GroupChannel;
+    };
+    [ON_CHANNEL_CHANGED]: GroupChannel;
+    [ON_CHANNEL_ARCHIVED]: GroupChannel;
+    [ON_CHANNEL_FROZEN]: GroupChannel;
+    [ON_CHANNEL_UNFROZEN]: GroupChannel;
+    [ON_READ_RECEIPT_UPDATED]: GroupChannel;
+    [ON_DELIVERY_RECEIPT_UPDATED]: GroupChannel;
+    [CHANNEL_REPLACED_TO_TOP]: GroupChannel;
+    [CHANNEL_LIST_PARAMS_UPDATED]: {
+        channelListQuery: GroupChannelListQuery;
+        currentUserId: string | undefined;
+    };
+};
+type ChannelURL = string;
+export type ChannelListActionTypes = CreateAction<CHANNEL_LIST_PAYLOAD_TYPES>;
+export {};

package/types/modules/ChannelList/dux/getNextChannel.d.ts

@@ -0,0 +1,14 @@
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+type CurrentChannelType = GroupChannel | null;
+export interface GetNextChannelParams {
+    channel: GroupChannel;
+    currentChannel: CurrentChannelType;
+    allChannels: GroupChannel[];
+    disableAutoSelect: boolean;
+}
+/**
+ * NOTICE: Use this function IF the current channel is removed from allChannels.
+ * This function will give you the next currentChannel value.
+ */
+export declare const getNextChannel: ({ channel, currentChannel, allChannels, disableAutoSelect, }: GetNextChannelParams) => CurrentChannelType;
+export {};

package/types/modules/ChannelList/dux/initialState.d.ts

@@ -0,0 +1,12 @@
+import type { GroupChannel, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+export interface ChannelListInitialStateType {
+    initialized: boolean;
+    loading: boolean;
+    allChannels: GroupChannel[];
+    currentChannel: null | GroupChannel;
+    channelListQuery: null | GroupChannelListQuery;
+    currentUserId: string;
+    disableAutoSelect: boolean;
+}
+declare const initialState: ChannelListInitialStateType;
+export default initialState;

package/types/modules/ChannelList/dux/reducers.d.ts

@@ -0,0 +1,3 @@
+import { ChannelListActionTypes } from './actionTypes';
+import { ChannelListInitialStateType } from './initialState';
+export default function channelListReducer(state: ChannelListInitialStateType, action: ChannelListActionTypes): ChannelListInitialStateType;

package/types/modules/ChannelList/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ChannelListProviderProps } from './context/ChannelListProvider';
+import { ChannelListUIProps } from './components/ChannelListUI';
+interface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {
+}
+declare const ChannelList: React.FC<ChannelListProps>;
+export default ChannelList;

package/types/modules/ChannelList/utils.d.ts

@@ -0,0 +1,35 @@
+import { GroupChannel, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+import { SBUGlobalPubSub } from '../../lib/pubSub/topics';
+import { SdkStore } from '../../lib/types';
+import React from 'react';
+import { ChannelListInitialStateType } from './dux/initialState';
+import { ChannelListActionTypes } from './dux/actionTypes';
+import { GroupChannelListQueryParamsInternal } from './context/ChannelListProvider';
+import { LoggerInterface } from '../../lib/Logger';
+import { MarkAsDeliveredSchedulerType } from '../../lib/hooks/useMarkAsDeliveredScheduler';
+/**
+ * Setup event listener
+ * create channel source query
+ * addloading screen
+ */
+type SetupChannelListParams = {
+    sdk: SdkStore['sdk'];
+    sdkChannelHandlerId: string;
+    channelListDispatcher: React.Dispatch<ChannelListActionTypes>;
+    setChannelSource: (query: GroupChannelListQuery) => void;
+    onChannelSelect: (channel: ChannelListInitialStateType['currentChannel']) => void;
+    userFilledChannelListQuery: GroupChannelListQueryParamsInternal;
+    logger: LoggerInterface;
+    sortChannelList: (channels: GroupChannel[]) => GroupChannel[];
+    disableAutoSelect: boolean;
+    markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
+    disableMarkAsDelivered: boolean;
+};
+declare function setupChannelList({ sdk, sdkChannelHandlerId, channelListDispatcher, setChannelSource, onChannelSelect, userFilledChannelListQuery, logger, sortChannelList, disableAutoSelect, markAsDeliveredScheduler, disableMarkAsDelivered, }: SetupChannelListParams): void;
+export declare const pubSubHandleRemover: (subscriber: Map<string, {
+    remove: () => void;
+}>) => void;
+export declare const pubSubHandler: (pubSub: SBUGlobalPubSub, channelListDispatcher: React.Dispatch<ChannelListActionTypes>) => Map<string, {
+    remove: () => void;
+}>;
+export default setupChannelList;

package/types/modules/ChannelSettings/components/ChannelProfile/index.d.ts

@@ -0,0 +1,4 @@
+import './channel-profile.scss';
+import React from 'react';
+declare const ChannelProfile: React.FC;
+export default ChannelProfile;

package/types/modules/ChannelSettings/components/ChannelSettingsUI/index.d.ts

@@ -0,0 +1,10 @@
+import './channel-settings-ui.scss';
+import React from 'react';
+export interface ChannelSettingsUIProps {
+    renderPlaceholderError?: () => React.ReactElement;
+    renderChannelProfile?: () => React.ReactElement;
+    renderModerationPanel?: () => React.ReactElement;
+    renderLeaveChannel?: () => React.ReactElement;
+}
+declare const ChannelSettingsUI: React.FC<ChannelSettingsUIProps>;
+export default ChannelSettingsUI;

package/types/modules/ChannelSettings/components/EditDetailsModal/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type EditDetailsProps = {
+    onSubmit: () => void;
+    onCancel: () => void;
+};
+declare const EditDetails: React.FC<EditDetailsProps>;
+export default EditDetails;

package/types/modules/ChannelSettings/components/LeaveChannel/index.d.ts

@@ -0,0 +1,8 @@
+import './leave-channel.scss';
+import React from 'react';
+export type LeaveChannelProps = {
+    onSubmit: () => void;
+    onCancel: () => void;
+};
+declare const LeaveChannel: React.FC<LeaveChannelProps>;
+export default LeaveChannel;

package/types/modules/ChannelSettings/components/ModerationPanel/AddOperatorsModal.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    onCancel(): void;
+    onSubmit(members: Array<string>): void;
+}
+export default function AddOperatorsModal({ onCancel, onSubmit, }: Props): ReactElement;
+export {};

package/types/modules/ChannelSettings/components/ModerationPanel/BannedUserList.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+export declare const BannedMemberList: () => ReactElement;
+export default BannedMemberList;

package/types/modules/ChannelSettings/components/ModerationPanel/BannedUsersModal.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    onCancel(): void;
+}
+export default function BannedUsersModal({ onCancel, }: Props): ReactElement;
+export {};

package/types/modules/ChannelSettings/components/ModerationPanel/InviteUsersModal.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    onCancel(): void;
+    onSubmit(members: Array<string>): void;
+}
+export default function InviteUsers({ onCancel, onSubmit, }: Props): ReactElement;
+export {};

package/types/modules/ChannelSettings/components/ModerationPanel/MemberList.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+export declare const MemberList: () => ReactElement;
+export default MemberList;

package/types/modules/ChannelSettings/components/ModerationPanel/MembersModal.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    onCancel(): void;
+}
+export default function MembersModal({ onCancel }: Props): ReactElement;
+export {};

package/types/modules/ChannelSettings/components/ModerationPanel/MutedMemberList.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+export declare const MutedMemberList: () => ReactElement;
+export default MutedMemberList;

package/types/modules/ChannelSettings/components/ModerationPanel/MutedMembersModal.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    onCancel(): void;
+}
+export default function MutedMembersModal({ onCancel, }: Props): ReactElement;
+export {};

package/types/modules/ChannelSettings/components/ModerationPanel/OperatorList.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+export declare const OperatorList: () => ReactElement;
+export default OperatorList;

package/types/modules/ChannelSettings/components/ModerationPanel/OperatorsModal.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    onCancel?(): void;
+}
+export default function OperatorsModal({ onCancel }: Props): ReactElement;
+export {};

package/types/modules/ChannelSettings/components/ModerationPanel/index.d.ts

@@ -0,0 +1,3 @@
+import './admin-panel.scss';
+import { ReactElement } from 'react';
+export default function AdminPannel(): ReactElement;

package/types/modules/ChannelSettings/components/UserListItem/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactElement } from 'react';
+import { User } from '@sendbird/chat';
+import './user-list-item.scss';
+interface ActionProps {
+    actionRef: React.RefObject<HTMLInputElement>;
+    parentRef: React.RefObject<HTMLInputElement>;
+}
+type CustomUser = User & {
+    isMuted: boolean;
+    role: string;
+};
+interface Props {
+    user: CustomUser;
+    currentUser?: string;
+    className?: string;
+    action?(props: ActionProps): ReactElement;
+}
+declare const UserListItem: ({ user, className, currentUser, action, }: Props) => ReactElement;
+export default UserListItem;

package/types/modules/ChannelSettings/components/UserPanel/index.d.ts

@@ -0,0 +1,4 @@
+import './user-panel.scss';
+import React from 'react';
+declare const UserPanel: React.FC;
+export default UserPanel;

package/types/modules/ChannelSettings/context/ChannelSettingsProvider.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { GroupChannel, GroupChannelUpdateParams } from '@sendbird/chat/groupChannel';
+import { RenderUserProfileProps } from '../../../types';
+interface ApplicationUserListQuery {
+    limit?: number;
+    userIdsFilter?: Array<string>;
+    metaDataKeyFilter?: string;
+    metaDataValuesFilter?: Array<string>;
+}
+interface ChannelSettingsQueries {
+    applicationUserListQuery?: ApplicationUserListQuery;
+}
+type OverrideInviteUserType = {
+    users: Array<string>;
+    onClose: () => void;
+    channel: GroupChannel;
+};
+export type ChannelSettingsContextProps = {
+    children?: React.ReactElement;
+    channelUrl: string;
+    className?: string;
+    onCloseClick?(): void;
+    onLeaveChannel?(): void;
+    overrideInviteUser?(params: OverrideInviteUserType): void;
+    onChannelModified?(channel: GroupChannel): void;
+    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): GroupChannelUpdateParams;
+    queries?: ChannelSettingsQueries;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
+    disableUserProfile?: boolean;
+};
+interface ChannelSettingsProviderInterface {
+    channelUrl: string;
+    onCloseClick?(): void;
+    onLeaveChannel?(): void;
+    overrideInviteUser?(params: OverrideInviteUserType): void;
+    onChannelModified?(channel: GroupChannel): void;
+    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): GroupChannelUpdateParams;
+    queries?: ChannelSettingsQueries;
+    setChannelUpdateId(uniqId: string): void;
+    forceUpdateUI(): void;
+    channel: GroupChannel;
+    invalidChannel: boolean;
+}
+declare const ChannelSettingsProvider: React.FC<ChannelSettingsContextProps>;
+export type UseChannelSettingsType = () => ChannelSettingsProviderInterface;
+declare const useChannelSettingsContext: UseChannelSettingsType;
+export { ChannelSettingsProvider, useChannelSettingsContext, };

package/types/modules/ChannelSettings/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ChannelSettingsUIProps } from './components/ChannelSettingsUI';
+import { ChannelSettingsContextProps } from './context/ChannelSettingsProvider';
+interface ChannelSettingsProps extends ChannelSettingsUIProps, ChannelSettingsContextProps {
+}
+declare const ChannelSettings: React.FC<ChannelSettingsProps>;
+export default ChannelSettings;

package/types/modules/CreateChannel/components/CreateChannelUI/index.d.ts

@@ -0,0 +1,8 @@
+import './create-channel-ui.scss';
+import React from 'react';
+export interface CreateChannelUIProps {
+    onCancel?(): void;
+    renderStepOne?: (props: void) => React.ReactElement;
+}
+declare const CreateChannel: React.FC<CreateChannelUIProps>;
+export default CreateChannel;

package/types/modules/CreateChannel/components/InviteUsers/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './invite-users.scss';
+import { UserListQuery } from '../../../../types';
+export interface InviteUsersProps {
+    onCancel?: () => void;
+    userListQuery?(): UserListQuery;
+}
+declare const InviteUsers: React.FC<InviteUsersProps>;
+export default InviteUsers;