@ethora/chat-component 24.10.22 → 24.11.12

package/README.md

@@ -84,10 +84,6 @@ with:
       firebaseConfig: config, //Ethora app config
       enabled: true,
     },
-    googleLogin: {
-      firebaseConfig: config, //Ethora app config
-      enabled: true,
-    },
     }}
     MainComponentStyles={{
       width: "100%",
@@ -97,6 +93,15 @@ with:
     }}
     roomJID=""
     user={{ email: "", password: "" }}
+      disableHeader?: boolean;
+
+    disableRooms: boolean;
+    defaultLogin: boolean;
+    disableInteractions: boolean; //disable interactions
+    chatHeaderBurgerMenu: boolean; // disable burger menu in room header
+    roomListStiles: React.CSSProperties; // used to change room List styles (left)
+    chatRoomStyles: React.CSSProperties; // used to change room styles (right)
+    setRoomJidInPath: boolean; // used to set RoomId to url
   />
 ```
 

package/dist/assets/icons.d.ts

@@ -5,7 +5,6 @@ export declare const AddNewIcon: ({ color, ...props }: {
 export declare const AttachIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const CloseIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const DownloadIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const PauseIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const RecordIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const RemoveIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const SendIcon: ({ color, ...props }: {
@@ -27,3 +26,47 @@ export declare const NoMessages: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const ReportIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ReplyIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SendItemIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SendCoinIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PauseIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AddPhotoIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BurgerMenuIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LeaveIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ReactElement } from 'react';
+
+interface MenuOption {
+    label: string;
+    icon: React.ReactNode;
+    onClick: () => void;
+    styles?: React.CSSProperties;
+}
+interface DropdownMenuProps {
+    options: MenuOption[];
+    onClose?: any;
+    openButton?: ReactElement;
+    position?: 'left' | 'right';
+}
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export default DropdownMenu;

package/dist/components/InputComponents/AudioInput.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface AudioInputProps {
+    isRecording: boolean;
+    setIsRecording: (value: boolean) => void;
+    handleSendClick: (audioUrl?: string) => void;
+}
+declare const AudioInput: React.FC<AudioInputProps>;
+export default AudioInput;

package/dist/components/InputComponents/MediaInput.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IConfig } from '../../types/types';
+
+interface MediaInputProps {
+    filePreviews: File[];
+    setFilePreviews: any;
+    handleSendClick: () => void;
+    config?: IConfig;
+}
+declare const MediaInput: React.FC<MediaInputProps>;
+export default MediaInput;

package/dist/components/InputComponents/RecordingIndicator.d.ts

@@ -0,0 +1,2 @@
+declare const RecordingIndicator: () => import("react/jsx-runtime").JSX.Element;
+export default RecordingIndicator;

package/dist/components/InputComponents/Search.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 interface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     icon?: React.ReactNode;
     animated?: boolean;
-    direction?: "left" | "right";
+    direction?: 'left' | 'right';
 }
 declare const SearchInput: React.FC<SearchInputProps>;
 export { SearchInput };

package/dist/components/InputComponents/TextInput.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { IConfig } from '../../types/types';
+
+interface TextInputProps {
+    message: string;
+    setMessage: (value: string) => void;
+    handleSendClick: () => void;
+    isLoading: boolean;
+    config?: IConfig;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

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

@@ -2,8 +2,6 @@ import { default as React } from 'react';
 
 interface ChatRoomProps {
     CustomMessageComponent?: any;
-    MainComponentStyles?: any;
-    chatJID?: string;
 }
 declare const ChatRoom: React.FC<ChatRoomProps>;
 export default ChatRoom;

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

@@ -5,7 +5,6 @@ interface RoomListProps {
     chats: IRoom[];
     burgerMenu?: boolean;
     onRoomClick?: (chat: IRoom) => void;
-    activeJID: string;
 }
 declare const RoomList: React.FC<RoomListProps>;
 export default RoomList;

package/dist/components/{Message.d.ts → MessageBubble/Message.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MessageProps } from '../types/types';
+import { MessageProps } from '../../types/types';
 
 declare const Message: React.FC<MessageProps>;
 export { Message };

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { IMessage } from '../../types/types';
+
+interface MessageInteractionsProps {
+    message: IMessage;
+    contextMenu: {
+        visible: boolean;
+        x: number;
+        y: number;
+    };
+    setContextMenu: ({ visible, x, y }: {
+        visible: any;
+        x: any;
+        y: any;
+    }) => void;
+}
+declare const MessageInteractions: React.FC<MessageInteractionsProps>;
+export default MessageInteractions;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface ModalProps {
+    children?: React.ReactNode;
+    modal?: string;
+    setOpenModal: any;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const NewChatModal: React.FC;
+export default NewChatModal;

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

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

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

@@ -0,0 +1,7 @@
+import { default as React, FC } from 'react';
+
+interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: React.ReactNode;
+}
+declare const ActionButton: FC<ActionButtonProps>;
+export { ActionButton };

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface AudioMessageProps {
+    src: string;
+}
+declare const AudioMessage: React.FC<AudioMessageProps>;
+export default AudioMessage;

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

@@ -5,6 +5,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     EndIcon?: ReactElement;
     loading?: boolean;
     unstyled?: boolean;
+    variant?: 'default' | 'filled' | 'outlined';
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

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

@@ -32,3 +32,4 @@ export declare const CustomSystemMessage: import('styled-components/dist/types')
 export declare const CustomSystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 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;

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

@@ -11,3 +11,4 @@ export declare const FilePreviewContainer: import('styled-components/dist/types'
 export declare const FilePreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 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;

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

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
+import { IConfig } from '../../types/types';
 
 interface FileDownloadProps {
     fileUrl: string;
     fileName: string;
+    config?: IConfig;
 }
 declare const FileDownload: React.FC<FileDownloadProps>;
 export default FileDownload;

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

@@ -0,0 +1,3 @@
+export declare const localStorageConstants: {
+    ETHORA_USER: string;
+};

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

@@ -0,0 +1,34 @@
+export declare const MESSAGE_INTERACTIONS: {
+    SEND_COINS: string;
+    SEND_ITEM: string;
+    REPLY: string;
+    COPY: string;
+    DELETE: string;
+    REPORT: string;
+};
+export declare const MESSAGE_INTERACTIONS_ICONS: {
+    SEND_COINS: ({ color, ...props }: {
+        [x: string]: any;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SEND_ITEM: ({ color, ...props }: {
+        [x: string]: any;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    REPLY: ({ color, ...props }: {
+        [x: string]: any;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    COPY: ({ color, ...props }: {
+        [x: string]: any;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    DELETE: ({ color, ...props }: {
+        [x: string]: any;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    REPORT: ({ color, ...props }: {
+        [x: string]: any;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/helpers/insertMessageWithDelimiter.d.ts

@@ -0,0 +1,6 @@
+export declare function insertMessageWithDelimiter(roomMessages: any[], message: {
+    id: any;
+    date: any;
+}, lastViewedTimestamp: {
+    toString: () => string;
+}): void;

package/dist/helpers/localStorageUser.d.ts

@@ -0,0 +1,3 @@
+import { User } from '../types/types';
+
+export declare const getLocalStorageUser: () => User;