@sendbird/uikit-react 3.7.0 → 3.8.1

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { LabelColors, LabelTypography } from '../Label';
+import './index.scss';
+import { ObjectValues } from '../../utils/typeHelpers/objectValues';
+type LinkLabelProps = {
+    src: string;
+    className?: string | string[];
+    type?: ObjectValues<typeof LabelTypography>;
+    color?: ObjectValues<typeof LabelColors>;
+    children: ReactNode;
+};
+export default function LinkLabel({ className, src, type, color, children }: LinkLabelProps): JSX.Element;
+export declare const LinkLabelTypography: {
+    readonly H_1: "H_1";
+    readonly H_2: "H_2";
+    readonly SUBTITLE_1: "SUBTITLE_1";
+    readonly SUBTITLE_2: "SUBTITLE_2";
+    readonly BODY_1: "BODY_1";
+    readonly BODY_2: "BODY_2";
+    readonly BUTTON_1: "BUTTON_1";
+    readonly BUTTON_2: "BUTTON_2";
+    readonly CAPTION_1: "CAPTION_1";
+    readonly CAPTION_2: "CAPTION_2";
+    readonly CAPTION_3: "CAPTION_3";
+};
+export declare const LinkLabelColors: {
+    readonly ONBACKGROUND_1: "ONBACKGROUND_1";
+    readonly ONBACKGROUND_2: "ONBACKGROUND_2";
+    readonly ONBACKGROUND_3: "ONBACKGROUND_3";
+    readonly ONBACKGROUND_4: "ONBACKGROUND_4";
+    readonly ONCONTENT_1: "ONCONTENT_1";
+    readonly ONCONTENT_2: "ONCONTENT_2";
+    readonly PRIMARY: "PRIMARY";
+    readonly ERROR: "ERROR";
+    readonly SECONDARY_3: "SECONDARY_3";
+};
+export {};

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import './index.scss';
+export interface LoaderProps {
+    className?: string | Array<string>;
+    width?: string | number;
+    height?: string | number;
+    children?: ReactElement;
+}
+export default function Loader({ className, width, height, children, }: LoaderProps): ReactElement;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './index.scss';
+interface MentionLabelProps {
+    mentionTemplate: string;
+    mentionedUserId: string;
+    mentionedUserNickname: string;
+    isByMe: boolean;
+}
+export default function MentionLabel(props: MentionLabelProps): JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const MENTION_USER_LABEL_CLASSNAME = "sendbird-mention-user-label";

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './index.scss';
+interface MentionUserLabelProps {
+    className?: string;
+    children?: string;
+    isReverse?: boolean;
+    color?: string;
+    userId?: string;
+}
+export default function MentionUserLabel({ className, children, isReverse, color, userId, }: MentionUserLabelProps): JSX.Element;
+export {};

package/types/ui/MentionUserLabel/renderToString.d.ts

@@ -0,0 +1,6 @@
+type renderToStringParams = {
+    userId: string;
+    nickname: string;
+};
+export default function renderToString({ userId, nickname }: renderToStringParams): string;
+export {};

package/types/ui/MessageContent/MessageBody/index.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import '../index.scss';
+import { CoreMessageType } from '../../../utils';
+import { SendBirdStateConfig } from '../../../lib/types';
+import { Nullable } from '../../../types';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+export interface MessageBodyProps {
+    channel: Nullable<GroupChannel>;
+    message: CoreMessageType;
+    showFileViewer?: (bool: boolean) => void;
+    onMessageHeightChange?: () => void;
+    mouseHover: boolean;
+    isMobile: boolean;
+    config: SendBirdStateConfig;
+    isReactionEnabledInChannel: boolean;
+    isByMe: boolean;
+}
+export default function MessageBody(props: MessageBodyProps): ReactElement;

package/types/ui/MessageContent/MessageHeader/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import '../index.scss';
+import { CoreMessageType } from '../../../utils';
+import { Nullable } from '../../../types';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+export interface MessageHeaderProps {
+    channel: Nullable<GroupChannel>;
+    message: CoreMessageType;
+}
+export default function MessageHeader(props: MessageHeaderProps): ReactElement;

package/types/ui/MessageContent/MessageProfile/index.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, ReactElement, SetStateAction } from 'react';
+import '../index.scss';
+import { MessageContentProps } from '../index';
+export interface MessageProfileProps extends MessageContentProps {
+    setSupposedHover?: Dispatch<SetStateAction<boolean>>;
+    isMobile?: boolean;
+    isReactionEnabledInChannel?: boolean;
+    isReactionEnabledClassName?: string;
+    isByMe?: boolean;
+    isByMeClassName?: string;
+    useReplyingClassName?: string;
+    displayThreadReplies?: boolean;
+    supposedHoverClassName?: string;
+}
+export default function MessageProfile(props: MessageProfileProps): ReactElement;

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

@@ -0,0 +1,44 @@
+import { ReactElement, ReactNode } from 'react';
+import './index.scss';
+import { SendableMessageType, CoreMessageType } from '../../utils';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { EmojiContainer } from '@sendbird/chat';
+import { ThreadReplySelectType } from '../../modules/Channel/context/const';
+import { Nullable, ReplyType } from '../../types';
+import { MessageProfileProps } from './MessageProfile';
+import { MessageBodyProps } from './MessageBody';
+import { MessageHeaderProps } from './MessageHeader';
+export interface MessageContentProps {
+    className?: string | Array<string>;
+    userId: string;
+    channel: Nullable<GroupChannel>;
+    message: CoreMessageType;
+    disabled?: boolean;
+    chainTop?: boolean;
+    chainBottom?: boolean;
+    isReactionEnabled?: boolean;
+    disableQuoteMessage?: boolean;
+    replyType?: ReplyType;
+    threadReplySelectType?: ThreadReplySelectType;
+    nicknamesMap?: Map<string, string>;
+    emojiContainer?: EmojiContainer;
+    scrollToMessage?: (createdAt: number, messageId: number) => void;
+    showEdit?: (bool: boolean) => void;
+    showRemove?: (bool: boolean) => void;
+    showFileViewer?: (bool: boolean) => void;
+    resendMessage?: (message: SendableMessageType) => void;
+    deleteMessage?: (message: CoreMessageType) => Promise<CoreMessageType>;
+    toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
+    setQuoteMessage?: (message: SendableMessageType) => void;
+    onReplyInThread?: (props: {
+        message: SendableMessageType;
+    }) => void;
+    onQuoteMessageClick?: (props: {
+        message: SendableMessageType;
+    }) => void;
+    onMessageHeightChange?: () => void;
+    renderSenderProfile?: (props: MessageProfileProps) => ReactNode;
+    renderMessageBody?: (props: MessageBodyProps) => ReactNode;
+    renderMessageHeader?: (props: MessageHeaderProps) => ReactNode;
+}
+export default function MessageContent(props: MessageContentProps): ReactElement;

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

@@ -0,0 +1,15 @@
+export declare const MessageInputKeys: {
+    Enter: string;
+    ArrowUp: string;
+    ArrowDown: string;
+    Backspace: string;
+};
+export declare const NodeTypes: {
+    ElementNode: number;
+    TextNode: number;
+};
+export declare const NodeNames: {
+    Span: string;
+    Br: string;
+    Div: string;
+};

package/types/ui/MessageInput/hooks/usePaste/consts.d.ts

@@ -0,0 +1,5 @@
+export declare const PASTE_NODE = "sendbird-uikit__paste-node";
+export declare const TEXT_MESSAGE_CLASS = "sendbird-word";
+export declare const MENTION_CLASS = "sendbird-word__mention";
+export declare const MENTION_CLASS_IN_INPUT = "sendbird-mention-user-label";
+export declare const MENTION_CLASS_COMBINED_QUERY: string;

package/types/ui/MessageInput/hooks/usePaste/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DynamicProps } from './types';
+export declare function usePaste({ ref, setIsInput, setHeight, channel, setMentionedUsers, }: DynamicProps): (e: React.ClipboardEvent<HTMLDivElement>) => void;
+export default usePaste;

package/types/ui/MessageInput/hooks/usePaste/insertTemplate.d.ts

@@ -0,0 +1,2 @@
+import { Word } from './types';
+export declare function inserTemplateToDOM(templateList: Word[]): void;

package/types/ui/MessageInput/hooks/usePaste/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { User } from '@sendbird/chat';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { OpenChannel } from '@sendbird/chat/openChannel';
+export type Word = {
+    text: string;
+    userId?: string;
+};
+export type DynamicProps = {
+    ref: React.RefObject<HTMLDivElement>;
+    channel: OpenChannel | GroupChannel;
+    setMentionedUsers: React.Dispatch<React.SetStateAction<User[]>>;
+    setIsInput: React.Dispatch<React.SetStateAction<boolean>>;
+    setHeight: () => void;
+};

package/types/ui/MessageInput/hooks/usePaste/utils.d.ts

@@ -0,0 +1,10 @@
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { User } from '@sendbird/chat';
+import { Word } from './types';
+export declare function querySelectorIncludingSelf(master: HTMLElement, selector: string): HTMLElement | null;
+export declare function getLeafNodes(master: HTMLElement): ChildNode[];
+export declare function createPasteNode(): HTMLDivElement | null;
+export declare function hasMention(parent: HTMLDivElement): boolean;
+export declare const extractTextFromNodes: (nodes: HTMLSpanElement[]) => string;
+export declare function domToMessageTemplate(nodeArray: ChildNode[]): Word[];
+export declare function getUsersFromWords(templates: Word[], channel: GroupChannel): User[];

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import './index.scss';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { User } from '@sendbird/chat';
+import { OpenChannel } from '@sendbird/chat/openChannel';
+import { UserMessage } from '@sendbird/chat/message';
+type MessageInputProps = {
+    channel: GroupChannel | OpenChannel;
+    message?: UserMessage;
+    value?: null | string;
+    className?: string | string[];
+    messageFieldId?: string;
+    isEdit?: boolean;
+    isMentionEnabled?: boolean;
+    isVoiceMessageEnabled?: boolean;
+    isSelectingMultipleFilesEnabled?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    maxLength?: number;
+    onFileUpload?: (file: File[]) => void;
+    onSendMessage?: (params: {
+        message: string;
+        mentionTemplate: string;
+    }) => void;
+    onUpdateMessage?: (params: {
+        messageId: number;
+        message: string;
+        mentionTemplate: string;
+    }) => void;
+    onCancelEdit?: () => void;
+    onStartTyping?: () => void;
+    channelUrl?: string;
+    mentionSelectedUser?: null | User;
+    onUserMentioned?: (user: User) => void;
+    onMentionStringChange?: (mentionString: string) => void;
+    onMentionedUserIdsUpdated?: (mentionedUserIds: string[]) => void;
+    onVoiceMessageIconClick?: () => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLDivElement>) => boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => boolean;
+    renderVoiceMessageIcon?: () => React.ReactNode;
+    renderFileUploadIcon?: () => React.ReactNode;
+    renderSendMessageIcon?: () => React.ReactNode;
+    setMentionedUsers?: React.Dispatch<React.SetStateAction<User[]>>;
+    acceptableMimeTypes?: string[];
+};
+declare const MessageInput: React.ForwardRefExoticComponent<MessageInputProps & React.RefAttributes<HTMLInputElement>>;
+export default MessageInput;

package/types/ui/MessageInput/messageInputUtils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Write new utils here
+ * Migrate old utils as needed, and delete utils.js
+ */
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { OpenChannel } from '@sendbird/chat/openChannel';
+import type { SendBirdStateConfig } from '../../lib/types';
+/**
+ * FIXME: Simplify this in UIKit@v4
+ * If customer is using MessageInput inside our modules(ie: Channel, Thread, etc),
+ * we should use the config from the module.
+ * If customer is using MessageInput outside our modules(ie: custom UI),
+ * we expect Channel to be undefined and customer gets control to show/hide file-upload.
+ * @param {*} channel GroupChannel | OpenChannel
+ * @param {*} config SendBirdStateConfig
+ * @returns boolean
+ */
+export declare const checkIfFileUploadEnabled: ({ channel, config }: {
+    channel?: GroupChannel | OpenChannel;
+    config?: SendBirdStateConfig;
+}) => boolean;

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

@@ -0,0 +1,9 @@
+import { BaseChannel } from '@sendbird/chat';
+export declare const sanitizeString: (str?: string) => string;
+/**
+ * NodeList cannot be used with Array methods
+ * @param {NodeListOf<ChildNode>} childNodes
+ * @returns Array of child nodes
+ */
+export declare const nodeListToArray: (childNodes?: Node['childNodes'] | null) => ChildNode[];
+export declare function isChannelTypeSupportsMultipleFilesMessage(channel: BaseChannel): boolean;

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;