@ethora/chat-component 24.11.29 → 24.11.30

package/dist/assets/icons.d.ts

@@ -22,6 +22,10 @@ export declare const SearchIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const NoSelectedChatIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ReferalsIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
@@ -34,9 +38,12 @@ export declare const ReportIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DeleteIcon: ({ color, ...props }: {
+export declare const DeleteIcon: ({ fill, color, width, height, ...props }: {
     [x: string]: any;
+    fill?: string;
     color?: string;
+    width?: number;
+    height?: number;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const CopyIcon: ({ color, ...props }: {
     [x: string]: any;
@@ -98,3 +105,7 @@ export declare const PlusIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const SaveIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MainComponents/ChatHeader.d.ts

@@ -3,7 +3,6 @@ import { IRoom } from '../../types/types';
 
 interface ChatHeaderProps {
     currentRoom: IRoom;
-    handleBackClick?: (value: boolean) => void;
 }
 declare const ChatHeader: React.FC<ChatHeaderProps>;
 export default ChatHeader;

package/dist/components/MainComponents/ChatRoom.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 
 interface ChatRoomProps {
     CustomMessageComponent?: any;
-    handleBackClick?: (value: boolean) => void;
 }
 declare const ChatRoom: React.FC<ChatRoomProps>;
 export default ChatRoom;

package/dist/components/MainComponents/EditWrapper.d.ts

@@ -0,0 +1,12 @@
+import { default as React, FC } from 'react';
+
+export declare const EditContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EditInfoBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EditTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EditText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface EditWrapperProps {
+    text: string;
+    onClose: () => void;
+}
+export declare const EditWrapper: FC<EditWrapperProps>;
+export {};

package/dist/components/MainComponents/MessageList.d.ts

@@ -5,12 +5,15 @@ interface MessageListProps<TMessage extends IMessage> {
     CustomMessage?: React.ComponentType<{
         message: IMessage;
         isUser: boolean;
+        isReply?: boolean;
     }>;
     user: User;
     roomJID: string;
     loadMoreMessages: (chatJID: string, max: number, amount?: number) => Promise<void>;
     loading: boolean;
     config?: IConfig;
+    isReply?: boolean;
+    activeMessage?: IMessage;
 }
-declare const MessageList: <TMessage extends IMessage>({ CustomMessage, user, loadMoreMessages, roomJID, config, loading, }: MessageListProps<TMessage>) => import("react/jsx-runtime").JSX.Element;
+declare const MessageList: <TMessage extends IMessage>({ CustomMessage, user, loadMoreMessages, roomJID, config, loading, isReply, activeMessage, }: MessageListProps<TMessage>) => import("react/jsx-runtime").JSX.Element;
 export default MessageList;

package/dist/components/MainComponents/ProfileImagePlaceholder.d.ts

@@ -6,7 +6,7 @@ interface ProfileImagePlaceholderProps {
     onClick?: () => void;
     size?: number;
     upload?: {
-        onUpload: (image: File | string) => void;
+        onUpload: (image: File) => void;
         active: boolean;
     };
     remove?: {

package/dist/components/MessageBubble/Avatar.d.ts

@@ -1,9 +1,10 @@
-import { default as React } from 'react';
+import { default as React, CSSProperties } from 'react';
 
 interface AvatarProps {
     username?: string;
     firstName?: string;
     lastName?: string;
+    style?: CSSProperties;
 }
 export declare const Avatar: React.FC<AvatarProps>;
 export {};

package/dist/components/MessageBubble/BottomReplyContainer.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IReply } from '../../types/types';
+
+interface BottomReplyContainerProps {
+    reply: IReply[];
+    onClick: () => void;
+}
+export declare const BottomReplyContainer: FC<BottomReplyContainerProps>;
+export {};

package/dist/components/MessageBubble/MessageInteractions.d.ts

@@ -2,6 +2,8 @@ import { default as React } from 'react';
 import { IMessage } from '../../types/types';
 
 interface MessageInteractionsProps {
+    isReply?: boolean;
+    isUser?: boolean;
     message: IMessage;
     contextMenu: {
         visible: boolean;
@@ -13,6 +15,9 @@ interface MessageInteractionsProps {
         x: any;
         y: any;
     }) => void;
+    handleReplyMessage: () => void;
+    handleDeleteMessage: () => void;
+    handleEditMessage: () => void;
 }
 declare const MessageInteractions: React.FC<MessageInteractionsProps>;
 export default MessageInteractions;

package/dist/components/MessageBubble/MessageReply.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+export declare const StyledMessageReply: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isUser: boolean;
+}>> & string;
+interface MessageReplyProps {
+    isUser: boolean;
+    text: string;
+    handleReplyMessage: () => void;
+}
+export declare const MessageReply: FC<MessageReplyProps>;
+export {};

package/dist/components/Modals/FilePreviewModal/FilePreviewModal.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface FilePreviewModalProps {
+    handleCloseModal: any;
+}
+declare const FilePreviewModal: React.FC<FilePreviewModalProps>;
+export default FilePreviewModal;

package/dist/components/Modals/ModalWrapper/ModalWrapper.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+interface ModalWrapperProps {
+    iconTitle?: any;
+    title: string;
+    description?: string;
+    buttonText?: string;
+    backgroundColorButton?: string;
+    isTextarea?: boolean;
+    textarea?: string;
+    setTextarea?: (value: string) => void;
+    handleCloseModal: () => void;
+    handleClick: () => void;
+}
+export declare const ModalWrapper: FC<ModalWrapperProps>;
+export {};

package/dist/components/Thread/ThreadHeader.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+interface ThreadHeaderProps {
+    chatJID: string;
+}
+declare const ThreadHeader: FC<ThreadHeaderProps>;
+export default ThreadHeader;

package/dist/components/Thread/ThreadWrapper.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { IMessage, User } from '../../types/types';
+
+interface ThreadWrapperProps {
+    activeMessage: IMessage;
+    user: User;
+    customMessageComponent?: React.ComponentType<{
+        message: IMessage;
+        isUser: boolean;
+    }>;
+}
+declare const ThreadWrapper: FC<ThreadWrapperProps>;
+export default ThreadWrapper;

package/dist/components/styled/SendInput.d.ts

@@ -4,6 +4,7 @@ import { IConfig } from '../../types/types';
 interface SendInputProps {
     sendMessage: (message: string) => void;
     isLoading: boolean;
+    editMessage?: string;
     sendMedia: (data: any, type: string) => void;
     config?: IConfig;
     onFocus?: () => void;

package/dist/components/styled/StyledComponents.d.ts

@@ -16,9 +16,11 @@ export declare const MessageInput: import('styled-components/dist/types').IStyle
 export declare const SendButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const CustomMessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isUser: boolean;
+    reply: number;
 }>> & string;
 export declare const CustomMessageBubble: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isUser: boolean;
+    deleted: boolean;
 }>> & string;
 export declare const CustomMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const CustomUserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
@@ -34,3 +36,7 @@ export declare const IconButton: import('styled-components/dist/types').IStyledC
 export declare const Line: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledLoaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const OrDelimiter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AlsoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AlsoCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    accentColor: string;
+}>> & string;

package/dist/components/styled/StyledInputComponents/StyledInputComponents.d.ts

@@ -12,3 +12,4 @@ export declare const FilePreview: import('styled-components/dist/types').IStyled
 export declare const FileIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const VideoPreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
 export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const TextareaInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;

package/dist/components/styled/TreadLabel.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+interface DateLabelProps {
+    reply: number;
+    colors?: {
+        primary?: string;
+        secondary?: string;
+    };
+}
+export declare const StyledDateLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    primary?: string;
+    secondary?: string;
+}>> & string;
+declare const TreadLabel: React.FC<DateLabelProps>;
+export default TreadLabel;

package/dist/helpers/constants/MESSAGE_INTERACTIONS.d.ts

@@ -3,6 +3,7 @@ export declare const MESSAGE_INTERACTIONS: {
     SEND_ITEM: string;
     REPLY: string;
     COPY: string;
+    EDIT: string;
     DELETE: string;
     REPORT: string;
 };
@@ -23,10 +24,17 @@ export declare const MESSAGE_INTERACTIONS_ICONS: {
         [x: string]: any;
         color?: string;
     }) => import("react/jsx-runtime").JSX.Element;
-    DELETE: ({ color, ...props }: {
+    EDIT: ({ color, ...props }: {
         [x: string]: any;
         color?: string;
     }) => import("react/jsx-runtime").JSX.Element;
+    DELETE: ({ fill, color, width, height, ...props }: {
+        [x: string]: any;
+        fill?: string;
+        color?: string;
+        width?: number;
+        height?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
     REPORT: ({ color, ...props }: {
         [x: string]: any;
         color?: string;

package/dist/helpers/constants/MODAL_TYPES.d.ts

@@ -8,6 +8,7 @@ export declare const MODAL_TYPES: {
     DOCUMENT_SHARES: string;
     BLOCKED_USERS: string;
     REFERRALS: string;
+    FILE_PREVIEW: string;
 };
 export declare const MODAL_COMPONENTS: Record<string, React.FC<{
     handleCloseModal: () => void;

package/dist/helpers/createMessageFromXml.d.ts

@@ -0,0 +1,34 @@
+import { Element } from 'ltx';
+
+export declare const createMessageFromXml: (data: {
+    [x: string]: any;
+    coinsInMessage?: any;
+    numberOfReplies?: any;
+    isSystemMessage?: any;
+    isMediafile?: any;
+    locationPreview?: any;
+    mimetype?: any;
+    location?: any;
+    senderWalletAddress?: any;
+    senderFirstName?: any;
+    senderLastName?: any;
+    photoURL?: any;
+    senderJID?: any;
+    token?: any;
+    refreshToken?: any;
+    roomJid?: any;
+    tokenAmount?: any;
+    quickReplie?: any;
+    notDisplayedValue?: any;
+    showInChannel?: any;
+    attachmentId?: any;
+    createdAt?: any;
+    expiresAt?: any;
+    fileName?: any;
+    originalName?: any;
+    ownerKey?: any;
+    receiverMessageId?: any;
+    size?: any;
+    updatedAt?: any;
+    userId?: any;
+}, body: Element | undefined, id: string, from: any) => Promise<any>;

package/dist/hooks/useMessageLoaderQueue.d.ts

@@ -0,0 +1,2 @@
+declare const useMessageLoaderQueue: (roomsList: string[], globalLoading: boolean, loading: boolean, loadMoreMessages: (roomJid: string, max: number) => void) => void;
+export default useMessageLoaderQueue;