@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.
Files changed (45) hide show
  1. package/README.md +74 -0
  2. package/dist/assets/icons.d.ts +13 -0
  3. package/dist/components/AuthForms/Login.d.ts +8 -0
  4. package/dist/components/ContextMenu/ContextMenuComponents.d.ts +4 -0
  5. package/dist/components/InputComponents/AudioRecorder.d.ts +9 -0
  6. package/dist/components/MainComponents/ChatHeader.d.ts +8 -0
  7. package/dist/components/MainComponents/ChatRoom.d.ts +14 -0
  8. package/dist/components/MainComponents/ChatWrapper.d.ts +16 -0
  9. package/dist/components/MainComponents/LoginWrapper.d.ts +16 -0
  10. package/dist/components/MainComponents/MediaMessage.d.ts +11 -0
  11. package/dist/components/MainComponents/MessageList.d.ts +16 -0
  12. package/dist/components/MainComponents/ReduxWrapper.d.ts +17 -0
  13. package/dist/components/MainComponents/SystemMessage.d.ts +7 -0
  14. package/dist/components/Message.d.ts +9 -0
  15. package/dist/components/styled/Button.d.ts +9 -0
  16. package/dist/components/styled/ChatWrapperBox.d.ts +1 -0
  17. package/dist/components/styled/DateLabel.d.ts +15 -0
  18. package/dist/components/styled/Loader.d.ts +6 -0
  19. package/dist/components/styled/MessageImage.d.ts +8 -0
  20. package/dist/components/styled/Modal.d.ts +2 -0
  21. package/dist/components/styled/NewMessageLabel.d.ts +8 -0
  22. package/dist/components/styled/SendInput.d.ts +13 -0
  23. package/dist/components/styled/StyledComponents.d.ts +34 -0
  24. package/dist/components/styled/StyledInputComponents/Composing.d.ts +7 -0
  25. package/dist/components/styled/StyledInputComponents/MediaComponents.d.ts +7 -0
  26. package/dist/components/styled/StyledInputComponents/StyledInputComponents.d.ts +13 -0
  27. package/dist/components/styled/UnsupportedType.d.ts +8 -0
  28. package/dist/components/styled/VideoMessage.d.ts +13 -0
  29. package/dist/context/xmppProvider.d.ts +13 -0
  30. package/dist/firebase-config.d.ts +9 -0
  31. package/dist/helpers/block_scroll.d.ts +2 -0
  32. package/dist/helpers/dateComparison.d.ts +3 -0
  33. package/dist/helpers/validator.d.ts +3 -0
  34. package/dist/helpers/walletUsername.d.ts +2 -0
  35. package/dist/main.d.ts +1 -0
  36. package/dist/main.js +16355 -0
  37. package/dist/main.js.map +1 -0
  38. package/dist/networking/apiClient.d.ts +25 -0
  39. package/dist/networking/stanzaHandlers.d.ts +32 -0
  40. package/dist/networking/xmppClient.d.ts +34 -0
  41. package/dist/roomStore/chatSettingsSlice.d.ts +16 -0
  42. package/dist/roomStore/loginSlice.d.ts +36 -0
  43. package/dist/roomStore/roomsSlice.d.ts +69 -0
  44. package/dist/style.css +1 -0
  45. 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,8 @@
1
+ import { default as React } from 'react';
2
+ import { IConfig } from '../../types/types';
3
+
4
+ interface LoginFormProps {
5
+ config?: IConfig;
6
+ }
7
+ declare const LoginForm: React.FC<LoginFormProps>;
8
+ export default LoginForm;
@@ -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,8 @@
1
+ import { default as React } from 'react';
2
+ import { IRoom } from '../../types/types';
3
+
4
+ interface ChatHeaderProps {
5
+ currentRoom: IRoom;
6
+ }
7
+ declare const ChatHeader: React.FC<ChatHeaderProps>;
8
+ export default ChatHeader;
@@ -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,7 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface SystemMessageProps {
4
+ messageText: string;
5
+ }
6
+ declare const SystemMessage: React.FC<SystemMessageProps>;
7
+ export default SystemMessage;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { IMessage } from '../types/types';
3
+
4
+ interface CustomMessageProps {
5
+ message: IMessage;
6
+ isUser: boolean;
7
+ }
8
+ declare const CustomMessage: React.FC<CustomMessageProps>;
9
+ export default CustomMessage;
@@ -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,8 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface CustomMessageImageProps {
4
+ imageUrl: string | undefined;
5
+ imageAlt: string;
6
+ }
7
+ declare const CustomMessageImage: React.FC<CustomMessageImageProps>;
8
+ export default CustomMessageImage;
@@ -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
+ import { FC } from 'react';
2
+
3
+ interface ComposingProps {
4
+ usersTyping: string[];
5
+ }
6
+ declare const Composing: FC<ComposingProps>;
7
+ export default Composing;
@@ -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,8 @@
1
+ import { default as React } from 'react';
2
+
3
+ interface FileDownloadProps {
4
+ fileUrl: string;
5
+ fileName: string;
6
+ }
7
+ declare const FileDownload: React.FC<FileDownloadProps>;
8
+ export default FileDownload;
@@ -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 {};
@@ -0,0 +1,9 @@
1
+ export declare const config: {
2
+ apiKey: any;
3
+ authDomain: any;
4
+ projectId: any;
5
+ storageBucket: any;
6
+ messagingSenderId: any;
7
+ appId: any;
8
+ };
9
+ export declare const app: import('@firebase/app').FirebaseApp;
@@ -0,0 +1,2 @@
1
+ export declare function blockScrollEvent(elem: HTMLElement): void;
2
+ export declare function unblock_scroll(elem: HTMLElement): void;
@@ -0,0 +1,3 @@
1
+ export declare const isDateBefore: (date1: string, date2: string) => boolean;
2
+ export declare const isDateAfter: (date1: string, date2: string) => boolean;
3
+ export declare const getHighResolutionTimestamp: () => string;
@@ -0,0 +1,3 @@
1
+ import { IMessage } from '../types/types';
2
+
3
+ export declare const validateMessages: (messages: IMessage[]) => boolean;
@@ -0,0 +1,2 @@
1
+ export declare function walletToUsername(string: string): string;
2
+ export declare function usernameToWallet(string: string): string;
package/dist/main.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { ReduxWrapper as Chat } from './components/MainComponents/ReduxWrapper';