@ethora/chat-component 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +74 -0
- package/dist/assets/icons.d.ts +13 -0
- package/dist/components/AuthForms/Login.d.ts +8 -0
- package/dist/components/ContextMenu/ContextMenuComponents.d.ts +4 -0
- package/dist/components/InputComponents/AudioRecorder.d.ts +9 -0
- package/dist/components/MainComponents/ChatHeader.d.ts +8 -0
- package/dist/components/MainComponents/ChatRoom.d.ts +14 -0
- package/dist/components/MainComponents/ChatWrapper.d.ts +16 -0
- package/dist/components/MainComponents/LoginWrapper.d.ts +16 -0
- package/dist/components/MainComponents/MediaMessage.d.ts +11 -0
- package/dist/components/MainComponents/MessageList.d.ts +16 -0
- package/dist/components/MainComponents/ReduxWrapper.d.ts +17 -0
- package/dist/components/MainComponents/SystemMessage.d.ts +7 -0
- package/dist/components/Message.d.ts +9 -0
- package/dist/components/styled/Button.d.ts +9 -0
- package/dist/components/styled/ChatWrapperBox.d.ts +1 -0
- package/dist/components/styled/DateLabel.d.ts +15 -0
- package/dist/components/styled/Loader.d.ts +6 -0
- package/dist/components/styled/MessageImage.d.ts +8 -0
- package/dist/components/styled/Modal.d.ts +2 -0
- package/dist/components/styled/NewMessageLabel.d.ts +8 -0
- package/dist/components/styled/SendInput.d.ts +13 -0
- package/dist/components/styled/StyledComponents.d.ts +34 -0
- package/dist/components/styled/StyledInputComponents/Composing.d.ts +7 -0
- package/dist/components/styled/StyledInputComponents/MediaComponents.d.ts +7 -0
- package/dist/components/styled/StyledInputComponents/StyledInputComponents.d.ts +13 -0
- package/dist/components/styled/UnsupportedType.d.ts +8 -0
- package/dist/components/styled/VideoMessage.d.ts +13 -0
- package/dist/context/xmppProvider.d.ts +13 -0
- package/dist/firebase-config.d.ts +9 -0
- package/dist/helpers/block_scroll.d.ts +2 -0
- package/dist/helpers/dateComparison.d.ts +3 -0
- package/dist/helpers/validator.d.ts +3 -0
- package/dist/helpers/walletUsername.d.ts +2 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +16355 -0
- package/dist/main.js.map +1 -0
- package/dist/networking/apiClient.d.ts +25 -0
- package/dist/networking/stanzaHandlers.d.ts +32 -0
- package/dist/networking/xmppClient.d.ts +34 -0
- package/dist/roomStore/chatSettingsSlice.d.ts +16 -0
- package/dist/roomStore/loginSlice.d.ts +36 -0
- package/dist/roomStore/roomsSlice.d.ts +69 -0
- package/dist/style.css +1 -0
- package/package.json +55 -0
package/README.md
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
# How to use Ethora Chat Component
|
|
2
|
+
|
|
3
|
+
1. npm create vite@latest
|
|
4
|
+
2. select name of project, select type (react/js)
|
|
5
|
+
3. cd project-name
|
|
6
|
+
4. npm i
|
|
7
|
+
5. npm i projecet-2-ccomp
|
|
8
|
+
6. go to file src/App.tsx and replace it with this code
|
|
9
|
+
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
### Creating just chatroom screen
|
|
13
|
+
import { Chat } from "projecet-2-ccomp";
|
|
14
|
+
import "./App.css";
|
|
15
|
+
|
|
16
|
+
function App() {
|
|
17
|
+
return (
|
|
18
|
+
<Chat />
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export default App;
|
|
23
|
+
|
|
24
|
+
use to create custom styles
|
|
25
|
+
<Chat
|
|
26
|
+
config={{
|
|
27
|
+
disableHeader: true,
|
|
28
|
+
disableMedia: true,
|
|
29
|
+
colors: { primary: "#4287f5", secondary: "#42f5e9" },
|
|
30
|
+
}}
|
|
31
|
+
MainComponentStyles={{
|
|
32
|
+
width: "100%",
|
|
33
|
+
height: "500px",
|
|
34
|
+
borderRadius: "16px",
|
|
35
|
+
border: "1px solid #42f5e9",
|
|
36
|
+
}}
|
|
37
|
+
/>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
7. run like this
|
|
41
|
+
|
|
42
|
+
```
|
|
43
|
+
npm run dev
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
8. Open http://localhost:5173/ in your browser
|
|
47
|
+
|
|
48
|
+
## EXTRA OPTIONS
|
|
49
|
+
|
|
50
|
+
9. for styling you can alter App.css
|
|
51
|
+
|
|
52
|
+
```
|
|
53
|
+
#root {
|
|
54
|
+
width: 100%;
|
|
55
|
+
margin: 0 auto;
|
|
56
|
+
text-align: center;
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
and index.css
|
|
61
|
+
|
|
62
|
+
```
|
|
63
|
+
body {
|
|
64
|
+
margin: 0;
|
|
65
|
+
display: flex;
|
|
66
|
+
place-items: center;
|
|
67
|
+
min-width: 320px;
|
|
68
|
+
min-height: 100vh;
|
|
69
|
+
width: 100%;
|
|
70
|
+
}
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
after these changes you can modify
|
|
74
|
+
MainComponentStyles for chat
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const AttachIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const CloseIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const DownloadIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const PauseIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const RecordIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const RemoveIcon: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const SendIcon: ({ color, ...props }: {
|
|
8
|
+
[x: string]: any;
|
|
9
|
+
color?: string;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const GoogleIcon: ({ ...props }: {
|
|
12
|
+
[x: string]: any;
|
|
13
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const ContextMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const MenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const Delimeter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
interface AudioRecorderProps {
|
|
4
|
+
setIsRecording: (state: boolean) => void;
|
|
5
|
+
isRecording: boolean;
|
|
6
|
+
handleSendClick: (audioBlob?: string) => void;
|
|
7
|
+
}
|
|
8
|
+
declare const AudioRecorder: React.FC<AudioRecorderProps>;
|
|
9
|
+
export default AudioRecorder;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IConfig, IRoom, User } from '../../types/types';
|
|
3
|
+
|
|
4
|
+
interface ChatRoomProps {
|
|
5
|
+
roomJID?: string;
|
|
6
|
+
defaultUser: User;
|
|
7
|
+
isLoading?: boolean;
|
|
8
|
+
defaultRoom: IRoom;
|
|
9
|
+
CustomMessageComponent?: any;
|
|
10
|
+
MainComponentStyles?: any;
|
|
11
|
+
config?: IConfig;
|
|
12
|
+
}
|
|
13
|
+
declare const ChatRoom: React.FC<ChatRoomProps>;
|
|
14
|
+
export default ChatRoom;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IConfig, IRoom } from '../../types/types';
|
|
3
|
+
|
|
4
|
+
interface ChatWrapperProps {
|
|
5
|
+
token?: string;
|
|
6
|
+
room?: IRoom;
|
|
7
|
+
loginData?: {
|
|
8
|
+
email: string;
|
|
9
|
+
password: string;
|
|
10
|
+
};
|
|
11
|
+
MainComponentStyles?: any;
|
|
12
|
+
CustomMessageComponent?: any;
|
|
13
|
+
config?: IConfig;
|
|
14
|
+
}
|
|
15
|
+
declare const ChatWrapper: FC<ChatWrapperProps>;
|
|
16
|
+
export { ChatWrapper };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IConfig, IRoom } from '../../types/types';
|
|
3
|
+
|
|
4
|
+
interface LoginWrapperProps {
|
|
5
|
+
token?: string;
|
|
6
|
+
room?: IRoom;
|
|
7
|
+
loginData?: {
|
|
8
|
+
email: string;
|
|
9
|
+
password: string;
|
|
10
|
+
};
|
|
11
|
+
MainComponentStyles?: any;
|
|
12
|
+
CustomMessageComponent?: any;
|
|
13
|
+
config?: IConfig;
|
|
14
|
+
}
|
|
15
|
+
declare const LoginWrapper: React.FC<LoginWrapperProps>;
|
|
16
|
+
export default LoginWrapper;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IMessage } from '../../types/types';
|
|
3
|
+
|
|
4
|
+
interface MediaMessageProps {
|
|
5
|
+
mimeType?: string;
|
|
6
|
+
message?: IMessage;
|
|
7
|
+
location?: string;
|
|
8
|
+
messageText?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const MediaMessage: React.FC<MediaMessageProps>;
|
|
11
|
+
export default MediaMessage;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IConfig, IMessage, IRoom, User } from '../../types/types';
|
|
3
|
+
|
|
4
|
+
interface MessageListProps<TMessage extends IMessage> {
|
|
5
|
+
messages: TMessage[];
|
|
6
|
+
CustomMessage?: React.ComponentType<{
|
|
7
|
+
message: TMessage;
|
|
8
|
+
isUser: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
user: User;
|
|
11
|
+
room: IRoom;
|
|
12
|
+
loadMoreMessages: (chatJID: string, max: number, amount?: number) => Promise<void>;
|
|
13
|
+
config?: IConfig;
|
|
14
|
+
}
|
|
15
|
+
declare const MessageList: <TMessage extends IMessage>({ messages, CustomMessage, user, loadMoreMessages, room, config, }: MessageListProps<TMessage>) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default MessageList;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IConfig, IRoom, User } from '../../types/types';
|
|
3
|
+
|
|
4
|
+
interface ChatWrapperProps {
|
|
5
|
+
token?: string;
|
|
6
|
+
room?: IRoom;
|
|
7
|
+
user?: User;
|
|
8
|
+
loginData?: {
|
|
9
|
+
email: string;
|
|
10
|
+
password: string;
|
|
11
|
+
};
|
|
12
|
+
MainComponentStyles?: any;
|
|
13
|
+
CustomMessageComponent?: any;
|
|
14
|
+
config?: IConfig;
|
|
15
|
+
}
|
|
16
|
+
export declare const ReduxWrapper: React.FC<ChatWrapperProps>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React, ReactElement } from 'react';
|
|
2
|
+
|
|
3
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
text?: string | ReactElement;
|
|
5
|
+
EndIcon?: ReactElement;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const Button: React.FC<ButtonProps>;
|
|
9
|
+
export default Button;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ChatWrapperBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
interface DateLabelProps {
|
|
4
|
+
date: Date;
|
|
5
|
+
colors?: {
|
|
6
|
+
primary?: string;
|
|
7
|
+
secondary?: string;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export declare const StyledDateLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
primary?: string;
|
|
12
|
+
secondary?: string;
|
|
13
|
+
}>> & string;
|
|
14
|
+
declare const DateLabel: React.FC<DateLabelProps>;
|
|
15
|
+
export default DateLabel;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
interface LoaderProps {
|
|
2
|
+
size?: number;
|
|
3
|
+
color?: string;
|
|
4
|
+
}
|
|
5
|
+
declare const Loader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LoaderProps>> & string;
|
|
6
|
+
export default Loader;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const StyledModal: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
interface NewMessageLabelProps {
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const NewMessageLabel: React.FC<NewMessageLabelProps>;
|
|
8
|
+
export default NewMessageLabel;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IConfig } from '../../types/types';
|
|
3
|
+
|
|
4
|
+
interface SendInputProps {
|
|
5
|
+
sendMessage: (message: string) => void;
|
|
6
|
+
isLoading: boolean;
|
|
7
|
+
sendMedia: (data: any) => void;
|
|
8
|
+
config?: IConfig;
|
|
9
|
+
onFocus?: () => void;
|
|
10
|
+
onBlur?: () => void;
|
|
11
|
+
}
|
|
12
|
+
declare const SendInput: React.FC<SendInputProps>;
|
|
13
|
+
export default SendInput;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export declare const ChatContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const ChatContainerHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const ChatContainerHeaderLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const MessagesScroll: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
color?: string;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const MessagesList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const MessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const Message: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
10
|
+
isUser: boolean;
|
|
11
|
+
}>> & string;
|
|
12
|
+
export declare const MessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
13
|
+
export declare const UserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
14
|
+
export declare const InputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
16
|
+
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;
|
|
17
|
+
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>, {
|
|
18
|
+
isUser: boolean;
|
|
19
|
+
}>> & string;
|
|
20
|
+
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>, {
|
|
21
|
+
isUser: boolean;
|
|
22
|
+
}>> & string;
|
|
23
|
+
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;
|
|
24
|
+
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>, {
|
|
25
|
+
isUser: boolean;
|
|
26
|
+
color?: string;
|
|
27
|
+
}>> & string;
|
|
28
|
+
export declare const CustomMessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
29
|
+
export declare const CustomMessagePhoto: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
30
|
+
export declare const CustomMessagePhotoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
31
|
+
export declare const CustomSystemMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
32
|
+
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;
|
|
33
|
+
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;
|
|
34
|
+
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;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const FullScreenImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
3
|
+
export declare const ModalContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const ButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
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;
|
|
6
|
+
export declare const UnsupportedContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const FileName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const InputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const MessageInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
4
|
+
color?: string;
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const HiddenFileInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
7
|
+
export declare const Timer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const WaveformContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, never>> & string;
|
|
9
|
+
export declare const RecordContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const FilePreviewContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
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;
|
|
12
|
+
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;
|
|
13
|
+
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;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
interface CustomMessageVideoProps {
|
|
4
|
+
videoUrl: string | undefined;
|
|
5
|
+
}
|
|
6
|
+
export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const FullScreenVideo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
|
|
8
|
+
export declare const FixedSizeVideo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
|
|
9
|
+
export declare const ModalContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const ButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
12
|
+
declare const CustomMessageVideo: React.FC<CustomMessageVideoProps>;
|
|
13
|
+
export default CustomMessageVideo;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { default as XmppClient } from '../networking/xmppClient';
|
|
3
|
+
|
|
4
|
+
interface XmppContextType {
|
|
5
|
+
client: XmppClient;
|
|
6
|
+
initializeClient: (password: string, email: string) => void;
|
|
7
|
+
}
|
|
8
|
+
interface XmppProviderProps {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const XmppProvider: React.FC<XmppProviderProps>;
|
|
12
|
+
export declare const useXmppClient: () => XmppContextType;
|
|
13
|
+
export {};
|
package/dist/main.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ReduxWrapper as Chat } from './components/MainComponents/ReduxWrapper';
|