@sendbird/uikit-react 3.7.0 → 3.8.0

package/types/ui/MessageItemMenu/index.d.ts

@@ -0,0 +1,26 @@
+import './index.scss';
+import { ReactElement } from 'react';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { OpenChannel } from '@sendbird/chat/openChannel';
+import { SendableMessageType } from '../../utils/index';
+import { ReplyType } from '../../types';
+interface Props {
+    className?: string | Array<string>;
+    message: SendableMessageType;
+    channel: GroupChannel | OpenChannel;
+    isByMe?: boolean;
+    disabled?: boolean;
+    replyType?: ReplyType;
+    disableDeleteMessage?: boolean;
+    showEdit?: (bool: boolean) => void;
+    showRemove?: (bool: boolean) => void;
+    resendMessage?: (message: SendableMessageType) => void;
+    setQuoteMessage?: (message: SendableMessageType) => void;
+    setSupposedHover?: (bool: boolean) => void;
+    onReplyInThread?: (props: {
+        message: SendableMessageType;
+    }) => void;
+    onMoveToParentMessage?: () => void;
+}
+export default function MessageItemMenu({ className, message, channel, isByMe, disabled, replyType, disableDeleteMessage, showEdit, showRemove, resendMessage, setQuoteMessage, setSupposedHover, onReplyInThread, onMoveToParentMessage, }: Props): ReactElement;
+export {};

package/types/ui/MessageItemReactionMenu/index.d.ts

@@ -0,0 +1,16 @@
+import './index.scss';
+import { ReactElement } from 'react';
+import type { EmojiContainer } from '@sendbird/chat';
+import { SendableMessageType } from '../../utils';
+import { SpaceFromTriggerType } from '../../types';
+interface Props {
+    className?: string | Array<string>;
+    message: SendableMessageType;
+    userId: string;
+    spaceFromTrigger?: SpaceFromTriggerType;
+    emojiContainer?: EmojiContainer;
+    toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
+    setSupposedHover?: (bool: boolean) => void;
+}
+export default function MessageItemReactionMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, setSupposedHover, }: Props): ReactElement;
+export {};

package/types/ui/MessageSearchFileItem/index.d.ts

@@ -0,0 +1,12 @@
+import './index.scss';
+import { ReactElement } from 'react';
+import type { FileMessage } from '@sendbird/chat/message';
+import { MultipleFilesMessage } from '@sendbird/chat/message';
+interface Props {
+    className?: string | Array<string>;
+    message: FileMessage | MultipleFilesMessage;
+    selected?: boolean;
+    onClick?: (message: FileMessage | MultipleFilesMessage) => void;
+}
+export default function MessageSearchFileItem(props: Props): ReactElement;
+export {};

package/types/ui/MessageSearchFileItem/mockFileMessage.d.ts

@@ -0,0 +1,180 @@
+export declare const docMock: {
+    messageId: number;
+    messageType: string;
+    channelUrl: string;
+    data: string;
+    customType: string;
+    createdAt: number;
+    updatedAt: number;
+    channelType: string;
+    metaArrays: any[];
+    reactions: any[];
+    mentionType: string;
+    mentionedUsers: any[];
+    url: string;
+    name: string;
+    size: number;
+    type: string;
+    thumbnails: any[];
+    sender: {
+        nickname: string;
+        profileUrl: string;
+        userId: string;
+        connectionStatus: string;
+        lastSeenAt: number;
+        isActive: boolean;
+        friendDiscoveryKey: any;
+        friendName: any;
+        _preferredLanguages: any;
+        isBlockedByMe: boolean;
+    };
+    reqId: string;
+    requireAuth: boolean;
+    requestState: string;
+    requestedMentionUserIds: any[];
+    errorCode: number;
+};
+export declare const imageMock: {
+    messageId: number;
+    messageType: string;
+    channelUrl: string;
+    data: string;
+    customType: string;
+    createdAt: number;
+    updatedAt: number;
+    channelType: string;
+    metaArrays: any[];
+    reactions: any[];
+    mentionType: string;
+    mentionedUsers: any[];
+    url: string;
+    name: string;
+    size: number;
+    type: string;
+    thumbnails: any[];
+    sender: {
+        nickname: string;
+        profileUrl: string;
+        userId: string;
+        connectionStatus: string;
+        lastSeenAt: number;
+        isActive: boolean;
+        friendDiscoveryKey: any;
+        friendName: any;
+        _preferredLanguages: any;
+        isBlockedByMe: boolean;
+    };
+    reqId: string;
+    requireAuth: boolean;
+    requestState: string;
+    requestedMentionUserIds: any[];
+    errorCode: number;
+};
+export declare const audioMock: {
+    messageId: number;
+    messageType: string;
+    channelUrl: string;
+    data: string;
+    customType: string;
+    createdAt: number;
+    updatedAt: number;
+    channelType: string;
+    metaArrays: any[];
+    reactions: any[];
+    mentionType: string;
+    mentionedUsers: any[];
+    url: string;
+    name: string;
+    size: number;
+    type: string;
+    thumbnails: any[];
+    sender: {
+        nickname: string;
+        profileUrl: string;
+        userId: string;
+        connectionStatus: string;
+        lastSeenAt: number;
+        isActive: boolean;
+        friendDiscoveryKey: any;
+        friendName: any;
+        _preferredLanguages: any;
+        isBlockedByMe: boolean;
+    };
+    reqId: string;
+    requireAuth: boolean;
+    requestState: string;
+    requestedMentionUserIds: any[];
+    errorCode: number;
+};
+export declare const videoMock: {
+    messageId: number;
+    messageType: string;
+    channelUrl: string;
+    data: string;
+    customType: string;
+    createdAt: number;
+    updatedAt: number;
+    channelType: string;
+    metaArrays: any[];
+    reactions: any[];
+    mentionType: string;
+    mentionedUsers: any[];
+    url: string;
+    name: string;
+    size: number;
+    type: string;
+    thumbnails: any[];
+    sender: {
+        nickname: string;
+        profileUrl: string;
+        userId: string;
+        connectionStatus: string;
+        lastSeenAt: number;
+        isActive: boolean;
+        friendDiscoveryKey: any;
+        friendName: any;
+        _preferredLanguages: any;
+        isBlockedByMe: boolean;
+    };
+    reqId: string;
+    requireAuth: boolean;
+    requestState: string;
+    requestedMentionUserIds: any[];
+    errorCode: number;
+};
+export declare const gifMock: {
+    messageId: number;
+    messageType: string;
+    channelUrl: string;
+    data: string;
+    customType: string;
+    createdAt: number;
+    updatedAt: number;
+    channelType: string;
+    metaArrays: any[];
+    reactions: any[];
+    mentionType: string;
+    mentionedUsers: any[];
+    url: string;
+    name: string;
+    size: number;
+    type: string;
+    thumbnails: any[];
+    sender: {
+        nickname: string;
+        profileUrl: string;
+        userId: string;
+        connectionStatus: string;
+        lastSeenAt: number;
+        isActive: boolean;
+        friendDiscoveryKey: any;
+        friendName: any;
+        _preferredLanguages: any;
+        isBlockedByMe: boolean;
+    };
+    reqId: string;
+    requireAuth: boolean;
+    requestState: string;
+    requestedMentionUserIds: any[];
+    errorCode: number;
+};

package/types/ui/MessageSearchFileItem/utils.d.ts

@@ -0,0 +1,12 @@
+import type { FileMessage } from '@sendbird/chat/message';
+import type { Locale } from 'date-fns';
+import { MultipleFilesMessage } from '@sendbird/chat/message';
+import { Types } from '../Icon/type';
+export interface GetCreatedAtProps {
+    createdAt: number;
+    locale?: Locale;
+    stringSet?: Record<string, string>;
+}
+export declare function getCreatedAt({ createdAt, locale, stringSet }: GetCreatedAtProps): string;
+export declare function getIconOfFileType(message: FileMessage | MultipleFilesMessage): Types;
+export declare function truncate(fullText: string, textLimit: number): string;

package/types/ui/MessageSearchItem/getCreatedAt.d.ts

@@ -0,0 +1,8 @@
+import type { Locale } from 'date-fns';
+interface GetCreatedAtProps {
+    createdAt: number;
+    locale?: Locale;
+    stringSet?: Record<string, string>;
+}
+export default function ({ createdAt, locale, stringSet, }: GetCreatedAtProps): string;
+export {};

package/types/ui/MessageSearchItem/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './index.scss';
+import { UserMessage } from '@sendbird/chat/message';
+interface Props {
+    className?: string | Array<string>;
+    message: UserMessage;
+    selected?: boolean;
+    onClick?: (message: UserMessage) => void;
+}
+export default function MessageSearchItem({ className, message, selected, onClick, }: Props): JSX.Element;
+export {};

package/types/ui/MessageSearchItem/messageDummyDate.mock.d.ts

@@ -0,0 +1,5 @@
+type MockUserMessage = Record<string, any>;
+export declare function generateNormalMessage(pretreatment?: (message: MockUserMessage) => MockUserMessage): MockUserMessage;
+export declare function generateLongMessage(pretreatment?: (message: MockUserMessage) => MockUserMessage): MockUserMessage;
+declare const _default: MockUserMessage;
+export default _default;

package/types/ui/MessageStatus/index.d.ts

@@ -0,0 +1,15 @@
+import './index.scss';
+import React from 'react';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { CoreMessageType } from '../../utils';
+import { OutgoingMessageStates } from '../../utils/exports/getOutgoingMessageState';
+import { Nullable } from '../../types';
+export declare const MessageStatusTypes: typeof OutgoingMessageStates;
+interface MessageStatusProps {
+    className?: string;
+    message?: CoreMessageType | null;
+    channel: Nullable<GroupChannel>;
+    isDateSeparatorConsidered?: boolean;
+}
+export default function MessageStatus({ className, message, channel, isDateSeparatorConsidered, }: MessageStatusProps): React.ReactElement;
+export {};

package/types/ui/MessageStatus/messageDummyData.mock.d.ts

@@ -0,0 +1,7 @@
+type MockMessage = {
+    [key: string]: any;
+};
+export declare function generateNormalMessage(pretreatment?: (msg: MockMessage) => MockMessage): MockMessage;
+export declare function generateLongMessage(pretreatment?: (msg: MockMessage) => MockMessage): MockMessage;
+declare const _default: MockMessage;
+export default _default;

package/types/ui/MobileMenu/MobileBottomSheet.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MobileBottomSheetProps } from './types';
+declare const MobileBottomSheet: React.FunctionComponent<MobileBottomSheetProps>;
+export default MobileBottomSheet;

package/types/ui/MobileMenu/MobileContextMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseMenuProps } from './types';
+declare const MobileContextMenu: React.FunctionComponent<BaseMenuProps>;
+export default MobileContextMenu;

package/types/ui/MobileMenu/MobileEmojisBottomSheet.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { EmojiContainer } from '@sendbird/chat';
+import { SendableMessageType } from '../../utils';
+export interface MobileEmojisBottomSheetProps {
+    userId: string;
+    message: SendableMessageType;
+    emojiContainer: EmojiContainer;
+    hideMenu: () => void;
+    toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;
+}
+export declare const MobileEmojisBottomSheet: ({ userId, message, emojiContainer, hideMenu, toggleReaction, }: MobileEmojisBottomSheetProps) => ReactElement;

package/types/ui/MobileMenu/ReactedMembersBottomSheet.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { EmojiContainer, User } from '@sendbird/chat';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import './mobile-menu-reacted-members.scss';
+import { SendableMessageType } from '../../utils';
+export interface ReactedMembersBottomSheetProps {
+    message: SendableMessageType;
+    channel: GroupChannel;
+    emojiKey: string;
+    hideMenu: () => void;
+    emojiContainer?: EmojiContainer;
+    onPressUserProfileHandler?: (member: User) => void;
+}
+export declare const ReactedMembersBottomSheet: ({ message, channel, emojiKey, hideMenu, emojiContainer, onPressUserProfileHandler, }: ReactedMembersBottomSheetProps) => ReactElement;

package/types/ui/MobileMenu/index.d.ts

@@ -0,0 +1,5 @@
+import './mobile-menu.scss';
+import React from 'react';
+import type { MobileBottomSheetProps } from './types';
+declare const MobileMenu: React.FC<MobileBottomSheetProps>;
+export default MobileMenu;

package/types/ui/MobileMenu/types.d.ts

@@ -0,0 +1,32 @@
+import type { EmojiContainer } from '@sendbird/chat';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { OpenChannel } from '@sendbird/chat/openChannel';
+import React from 'react';
+import { CoreMessageType, SendableMessageType } from '../../utils';
+import { ReplyType } from '../../types';
+export type DeleteMenuStates = 'DISABLE' | 'HIDE' | 'ACTIVE';
+export interface BaseMenuProps {
+    channel: GroupChannel | OpenChannel;
+    message: SendableMessageType;
+    userId: string;
+    hideMenu(): void;
+    isByMe?: boolean;
+    replyType?: ReplyType;
+    disabled?: boolean;
+    deleteMenuState?: DeleteMenuStates;
+    showEdit?: (bool: boolean) => void;
+    showRemove?: (bool: boolean) => void;
+    resendMessage?: (message: SendableMessageType) => void;
+    deleteMessage?: (message: CoreMessageType) => Promise<CoreMessageType>;
+    setQuoteMessage?: (message: SendableMessageType) => void;
+    isReactionEnabled?: boolean;
+    parentRef?: React.RefObject<HTMLElement>;
+    onReplyInThread?: (props: {
+        message: SendableMessageType;
+    }) => void;
+    isOpenedFromThread?: boolean;
+}
+export interface MobileBottomSheetProps extends BaseMenuProps {
+    emojiContainer?: EmojiContainer;
+    toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
+}

package/types/ui/Modal/index.d.ts

@@ -0,0 +1,40 @@
+import { ReactElement, ReactNode } from 'react';
+import './index.scss';
+import { ButtonTypes } from '../Button';
+export interface ModalHeaderProps {
+    titleText: string;
+}
+export declare const ModalHeader: ({ titleText }: ModalHeaderProps) => ReactElement;
+export interface ModalBodyProps {
+    children?: ReactNode;
+}
+export declare const ModalBody: ({ children }: ModalBodyProps) => ReactElement;
+export interface ModalFooterProps {
+    submitText: string;
+    disabled?: boolean;
+    type?: ButtonTypes;
+    onCancel: () => void;
+    onSubmit: () => void;
+    hideCancelButton?: boolean;
+}
+export declare const ModalFooter: ({ submitText, disabled, hideCancelButton, type, onSubmit, onCancel, }: ModalFooterProps) => ReactElement;
+export interface ModalProps {
+    children?: ReactNode;
+    className?: string;
+    isCloseOnClickOutside?: boolean;
+    isFullScreenOnMobile?: boolean;
+    titleText?: string;
+    submitText?: string;
+    disabled?: boolean;
+    hideFooter?: boolean;
+    type?: ButtonTypes;
+    /**
+     * Do not use this! We will deprecate onCancel in v4.
+     */
+    onCancel?: () => void;
+    onClose?: () => void;
+    onSubmit?: (...args: any[]) => void;
+    renderHeader?: () => ReactElement;
+}
+export declare function Modal(props: ModalProps): ReactElement;
+export default Modal;

package/types/ui/MultipleFilesMessageItemBody/const.d.ts

@@ -0,0 +1,17 @@
+export declare const MULTIPLE_FILES_IMAGE_SIDE_LENGTH: {
+    CHAT_WEB: string;
+    CHAT_MOBILE: string;
+    THREAD_PARENT_WEB: string;
+    THREAD_PARENT_MOBILE: string;
+    THREAD_CHILD_WEB: string;
+    THREAD_CHILD_MOBILE: string;
+};
+export declare const MULTIPLE_FILES_IMAGE_BORDER_RADIUS: {
+    CHAT_WEB: string;
+    CHAT_MOBILE: string;
+    THREAD_PARENT_WEB: string;
+    THREAD_PARENT_MOBILE: string;
+    THREAD_CHILD_WEB: string;
+    THREAD_CHILD_MOBILE: string;
+};
+export declare const MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH = "34px";

package/types/ui/MultipleFilesMessageItemBody/index.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement } from 'react';
+import { MultipleFilesMessage } from '@sendbird/chat/message';
+import './index.scss';
+import { StatefulFileInfo } from '../../utils/createStatefulFileInfoList';
+export declare const ThreadMessageKind: {
+    readonly PARENT: "parent";
+    readonly CHILD: "child";
+};
+export type ThreadMessageKindType = typeof ThreadMessageKind[keyof typeof ThreadMessageKind];
+interface Props {
+    className?: string;
+    message: MultipleFilesMessage;
+    isByMe?: boolean;
+    mouseHover?: boolean;
+    isReactionEnabled?: boolean;
+    truncateLimit?: number;
+    threadMessageKindKey?: string;
+    statefulFileInfoList?: StatefulFileInfo[];
+}
+export default function MultipleFilesMessageItemBody({ className, message, isReactionEnabled, threadMessageKindKey, statefulFileInfoList, }: Props): ReactElement;
+export {};

package/types/ui/OGMessageItemBody/consts.d.ts

@@ -0,0 +1 @@
+export declare const OG_MESSAGE_BODY_CLASSNAME = "sendbird-og-message-item-body__text-bubble";

package/types/ui/OGMessageItemBody/index.d.ts

@@ -0,0 +1,14 @@
+import './index.scss';
+import { ReactElement } from 'react';
+import type { UserMessage } from '@sendbird/chat/message';
+interface Props {
+    className?: string | Array<string>;
+    message: UserMessage;
+    isByMe?: boolean;
+    mouseHover?: boolean;
+    isMentionEnabled?: boolean;
+    isReactionEnabled?: boolean;
+    onMessageHeightChange?: () => void;
+}
+export default function OGMessageItemBody({ className, message, isByMe, mouseHover, isMentionEnabled, isReactionEnabled, onMessageHeightChange, }: Props): ReactElement;
+export {};

package/types/ui/OpenChannelAdminMessage/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { AdminMessage } from '@sendbird/chat/message';
+import './index.scss';
+interface Props {
+    className?: string | Array<string>;
+    message: AdminMessage;
+}
+export default function OpenChannelAdminMessage({ className, message, }: Props): ReactElement;
+export {};

package/types/ui/OpenChannelMobileMenu/index.d.ts

@@ -0,0 +1,15 @@
+import './open-channel-mobile-menu.scss';
+import React from 'react';
+import { SendableMessageType } from '../../utils';
+type Props = {
+    message: SendableMessageType;
+    parentRef: React.RefObject<HTMLDivElement>;
+    resendMessage?(): void;
+    showRemove?(): void;
+    copyToClipboard?(): void;
+    showEdit?(): void;
+    hideMenu(): void;
+    isEphemeral?: boolean;
+};
+declare const OpenChannelMobileMenu: React.FC<Props>;
+export default OpenChannelMobileMenu;

package/types/ui/OpenchannelConversationHeader/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './index.scss';
+interface Props {
+    coverImage?: string;
+    title?: string;
+    subTitle?: string;
+    amIOperator?: boolean;
+    onActionClick?(): void;
+}
+export default function OpenchannelConversationHeader({ coverImage, title, subTitle, amIOperator, onActionClick, }: Props): JSX.Element;
+export {};

package/types/ui/OpenchannelFileMessage/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { FileMessage } from '@sendbird/chat/message';
+import './index.scss';
+interface OpenChannelFileMessageProps {
+    className?: string | Array<string>;
+    message: FileMessage;
+    isOperator?: boolean;
+    isEphemeral?: boolean;
+    userId: string;
+    disabled?: boolean;
+    chainTop?: boolean;
+    chainBottom?: boolean;
+    showRemove(bool: boolean): void;
+    resendMessage(message: FileMessage): void;
+}
+export default function OpenchannelFileMessage({ className, message, isOperator, isEphemeral, userId, disabled, chainTop, showRemove, resendMessage, }: OpenChannelFileMessageProps): JSX.Element;
+export {};

package/types/ui/OpenchannelFileMessage/mockMessages.d.ts

@@ -0,0 +1,75 @@
+export declare const dummyFileMessageImage: {
+    messageId: number;
+    messageType: string;
+    channelUrl: string;
+    data: string;
+    customType: string;
+    createdAt: number;
+    updatedAt: number;
+    channelType: string;
+    metaArrays: any[];
+    reactions: any[];
+    mentionType: string;
+    mentionedUsers: any[];
+    url: string;
+    name: string;
+    size: number;
+    type: string;
+    thumbnails: any[];
+    sender: {
+        nickname: string;
+        profileUrl: string;
+        userId: string;
+        connectionStatus: string;
+        lastSeenAt: number;
+        isActive: boolean;
+        friendDiscoveryKey: any;
+        friendName: any;
+        _preferredLanguages: any;
+        isBlockedByMe: boolean;
+    };
+    reqId: string;
+    requireAuth: boolean;
+    requestState: string;
+    requestedMentionUserIds: any[];
+    errorCode: number;
+};
+export declare const dummyFileMessageAudio: {
+    messageId: number;
+    messageType: string;
+    channelUrl: string;
+    data: string;
+    customType: string;
+    createdAt: number;
+    updatedAt: number;
+    channelType: string;
+    metaArrays: any[];
+    reactions: any[];
+    mentionType: string;
+    mentionedUsers: any[];
+    url: string;
+    name: string;
+    size: number;
+    type: string;
+    thumbnails: any[];
+    sender: {
+        nickname: string;
+        profileUrl: string;
+        userId: string;
+        connectionStatus: string;
+        lastSeenAt: number;
+        isActive: boolean;
+        friendDiscoveryKey: any;
+        friendName: any;
+        _preferredLanguages: any;
+        isBlockedByMe: boolean;
+    };
+    reqId: string;
+    requireAuth: boolean;
+    requestState: string;
+    requestedMentionUserIds: any[];
+    errorCode: number;
+};
+type generatorType = (callback?: (message: Record<string, any>) => Record<string, any>) => Record<string, any>;
+export declare const getFileMessage: generatorType;
+export {};

package/types/ui/OpenchannelFileMessage/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const checkFileType: (fileUrl: string) => "GIF" | "FILE_AUDIO" | "FILE_DOCUMENT";
+export declare const truncate: (fullStr: string, strLen: number) => string;

package/types/ui/OpenchannelOGMessage/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { UserMessage } from '@sendbird/chat/message';
+import './index.scss';
+interface OpenChannelOGMessageProps {
+    message: UserMessage;
+    isOperator?: boolean;
+    isEphemeral?: boolean;
+    className?: string | Array<string>;
+    disabled?: boolean;
+    showEdit(bool: boolean): void;
+    showRemove(bool: boolean): void;
+    resendMessage(message: UserMessage): void;
+    chainTop?: boolean;
+    chainBottom?: boolean;
+    userId: string;
+}
+export default function OpenchannelOGMessage({ message, isOperator, isEphemeral, className, disabled, showEdit, showRemove, resendMessage, chainTop, userId, }: OpenChannelOGMessageProps): JSX.Element;
+export {};

package/types/ui/OpenchannelOGMessage/utils.d.ts

@@ -0,0 +1,4 @@
+import type { UserMessage } from '@sendbird/chat/message';
+export declare const URL_REG: RegExp;
+export declare const createUrlTester: (regexp: RegExp) => (text: string) => boolean;
+export declare const checkOGIsEnalbed: (message: UserMessage) => boolean;

package/types/ui/OpenchannelThumbnailMessage/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FileMessage } from '@sendbird/chat/message';
+import './index.scss';
+interface OpenChannelThumbnailMessageProps {
+    className?: string | Array<string>;
+    message: FileMessage;
+    isOperator?: boolean;
+    isEphemeral?: boolean;
+    disabled: boolean;
+    userId: string;
+    chainTop: boolean;
+    chainBottom: boolean;
+    onClick(bool: boolean): void;
+    showRemove(bool: boolean): void;
+    resendMessage(message: FileMessage): void;
+}
+export default function OpenchannelThumbnailMessage({ className, message, isOperator, isEphemeral, disabled, userId, chainTop, onClick, showRemove, resendMessage, }: OpenChannelThumbnailMessageProps): JSX.Element;
+export {};