@ethora/chat-component 24.11.14 → 24.11.16

package/README.md

@@ -1,5 +1,16 @@
 # Ethora Chat Component: a single npm for your React chat
 
+![GitHub watchers](https://img.shields.io/github/watchers/dappros/ethora-chat-component) ![GitHub forks](https://img.shields.io/github/forks/dappros/ethora-chat-component) ![GitHub Repo stars](https://img.shields.io/github/stars/dappros/ethora-chat-component) ![GitHub repo size](https://img.shields.io/github/repo-size/dappros/ethora-chat-component) ![GitHub language count](https://img.shields.io/github/languages/count/dappros/ethora-chat-component) ![GitHub top language](https://img.shields.io/github/languages/top/dappros/ethora-chat-component) <a href="https://codeclimate.com/github/dappros/ethora-chat-component/maintainability"><img src="https://api.codeclimate.com/v1/badges/715c6f3ffb08de5ca621/maintainability" /></a> ![GitHub commit activity (branch)](https://img.shields.io/github/commit-activity/m/dappros/ethora-chat-component/main) ![GitHub issues](https://img.shields.io/github/issues/dappros/ethora-chat-component) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/dappros/ethora-chat-component) ![GitHub](https://img.shields.io/github/license/dappros/ethora-chat-component) ![GitHub contributors](https://img.shields.io/github/contributors/dappros/ethora-chat-component)
+
+![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=flat&logo=javascript&logoColor=%23F7DF1E)
+![React](https://img.shields.io/badge/react-%2320232a.svg?style=flat&logo=react&logoColor=%2361DAFB) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=flat&logo=typescript&logoColor=white) ![JWT](https://img.shields.io/badge/JWT-black?style=flat&logo=JSON%20web%20tokens) 
+
+[![Discord](https://img.shields.io/badge/%3Cethora%3E-%237289DA.svg?style=flat&logo=discord&logoColor=white)](https://discord.gg/Sm6bAHA3ZC) [![Twitter URL](https://img.shields.io/twitter/url?url=https%3A%2F%2Fgithub.com%2Fdappros%2Fethora)](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fdappros%2Fethora%2F&via=tarasfilatov&text=check%20out%20Ethora%20%23web3%20%23social%20app%20engine&hashtags=lowcode%2Creactnative%2Copensource%2Cnocode) [![Website](https://img.shields.io/website?url=https%3A%2F%2Fethora.com%2F)](https://ethora.com/) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCRvrXwMOU0WBkRZyFlU7V_g)](https://www.youtube.com/channel/UCRvrXwMOU0WBkRZyFlU7V_g)
+
+
+
+
+
 ## About Chat Component
 
 Ethora Chat Component allows you to build a functioning chat room super quickly.
@@ -55,7 +66,7 @@ you should see something like this:
 
 Voilà - your chat app should work like so:
 
-<img src="https://github.com/dappros/ethora-chat-component/blob/main/img/readme_animation.gif" width="600" />
+<img src="https://github.com/dappros/ethora-chat-component/blob/main/img/readme_animation.gif" width="860" />
 
 ℹ️ Note: your Ethora App, User and Chat credentials are hard-coded and login screen is bypassed. This is done so that you can scaffold and test the functionality quickly.
 Leave this as is if you only need to demo or validate the chat functionality as part of your project.

package/dist/assets/icons.d.ts

@@ -70,3 +70,15 @@ export declare const LeaveIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const BackIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const QrIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,8 +2,18 @@ import { default as React } from 'react';
 
 interface ChatHeaderAvatarProps {
     name?: string;
+    icon?: string;
     onClick?: () => void;
     size?: number;
+    upload?: {
+        onUpload: (image: File) => void;
+        active: boolean;
+    };
+    remove?: {
+        enabled: boolean;
+        onRemoveClick: () => void;
+    };
+    role?: string;
 }
 export declare const ChatHeaderAvatar: React.FC<ChatHeaderAvatarProps>;
 export {};

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

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

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

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 interface ModalProps {
     children?: React.ReactNode;
     modal?: string;
-    setOpenModal: any;
+    setOpenModal: (value?: 'settings' | 'profile' | 'chatprofile') => any;
 }
 declare const Modal: React.FC<ModalProps>;
 export default Modal;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ModalHeaderComponentProps {
+    handleCloseModal: any;
+    headerTitle?: string;
+}
+declare const ModalHeaderComponent: React.FC<ModalHeaderComponentProps>;
+export default ModalHeaderComponent;

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

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

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

@@ -3,9 +3,11 @@ import { default as React, ReactElement } from 'react';
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     text?: string | ReactElement;
     EndIcon?: ReactElement;
+    StartIcon?: ReactElement;
     loading?: boolean;
     unstyled?: boolean;
     variant?: 'default' | 'filled' | 'outlined';
+    children?: React.ReactNode;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/styled/RoomListComponents/index.d.ts

@@ -0,0 +1,18 @@
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    burgerMenu?: boolean;
+    open?: boolean;
+}>> & string;
+export declare const BurgerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ChatItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    active: boolean;
+    bg?: string;
+}>> & string;
+export declare const SearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ScollableContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChatInfo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChatName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LastMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UserCount: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    active: boolean;
+}>> & string;
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;