@ethora/chat-component/dist/types/models/message.model.d.ts

1. npm create vite@latest 2. select name of project, select type (react/js) 3. cd project-name 4. npm i 5. npm i @ethora/chat-component 6. go to file src/App.tsx and replace it with this code

import { IUser } from './user.model';
import { TranslationObject } from '../types';
import { Iso639_1Codes } from './language.model';
export interface IMessage {
    id: string;
    user: IUser;
    date: Date | string;
    body: string;
    roomJid: string;
    key?: string;
    coinsInMessage?: string | number;
    numberOfReplies?: number[] | number;
    isSystemMessage?: string;
    isMediafile?: string;
    locationPreview?: string;
    mimetype?: string;
    location?: string;
    pending?: boolean;
    timestamp?: number;
    showInChannel?: string;
    activeMessage?: boolean;
    isReply?: boolean | string;
    isDeleted?: boolean;
    mainMessage?: string;
    reply?: IReply[];
    reaction?: Record<string, ReactionMessage>;
    fileName?: string;
    translations?: TranslationObject;
    langSource?: Iso639_1Codes;
    originalName?: string;
    size?: string;
    xmppId?: string;
    xmppFrom?: string;
}
export interface ReactionMessage {
    emoji: string[];
    data: Record<string, string>;
}
export interface IReply extends IMessage {
}
export interface MessageBubble {
    backgroundMessageUser?: string;
    backgroundMessage?: string;
    colorUser?: string;
    color?: string;
    borderRadius?: number;
}
export interface MessageProps {
    message: IMessage;
    isUser: boolean;
    isReply: boolean;
}
export interface MediaMessageType {
}
export interface LastMessage extends Omit<Partial<IMessage>, 'date'> {
    body: string;
    date?: string | Date;
    emoji?: string;
    locationPreview?: string;
    filename?: string;
    mimetype?: string;
    originalName?: string;
}