@ethora/chat-component 0.1.0

package/dist/networking/apiClient.d.ts

@@ -0,0 +1,25 @@
+import { User } from '../types/types';
+import { User as FirebaseUser } from 'firebase/auth';
+
+export declare function refresh(): Promise<{
+    data: {
+        refreshToken: string;
+        token: string;
+    };
+}>;
+export declare function uploadFile(formData: FormData, token: string): Promise<import('axios').AxiosResponse<any, any>>;
+export declare function loginEmail(email: string, password: string): Promise<import('axios').AxiosResponse<{
+    user: User;
+}, any>>;
+export declare const signInWithGoogle: () => Promise<{
+    user: FirebaseUser;
+    idToken: string;
+    credential: import('@firebase/auth').OAuthCredential;
+} | {
+    user?: undefined;
+    idToken?: undefined;
+    credential?: undefined;
+}>;
+export declare function loginSocial(idToken: string, accessToken: string, loginType: string, authToken?: string): Promise<import('axios').AxiosResponse<any, any>>;
+export declare function registerSocial(idToken: string, accessToken: string, authToken: string, loginType: string, signUpPlan?: string): Promise<import('axios').AxiosResponse<any, any>>;
+export declare function checkEmailExist(email: string): Promise<import('axios').AxiosResponse<any, any>>;

package/dist/networking/stanzaHandlers.d.ts

@@ -0,0 +1,32 @@
+import { Element } from 'ltx';
+
+export declare const createMessage: (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;
+}, body: Element | undefined, id: string, from: any) => Promise<any>;
+declare const onRealtimeMessage: (stanza: Element) => Promise<any>;
+declare const onMessageHistory: (stanza: any) => Promise<void>;
+declare const handleComposing: (stanza: Element, currentUser: string) => Promise<void>;
+declare const getListOfRooms: (xmpp: any) => void;
+declare const onPresenceInRoom: (stanza: Element | any) => void;
+declare const onGetLastMessageArchive: (stanza: Element, xmpp: any) => Promise<void>;
+declare const onGetChatRooms: (stanza: Element, xmpp: any) => void;
+export { getListOfRooms, onRealtimeMessage, onMessageHistory, onPresenceInRoom, onGetLastMessageArchive, handleComposing, onGetChatRooms, };

package/dist/networking/xmppClient.d.ts

@@ -0,0 +1,34 @@
+import { Client } from '@xmpp/client';
+import { Element } from 'ltx';
+
+export declare class XmppClient {
+    client: Client;
+    devServer: string | undefined;
+    host: string;
+    service: string;
+    conference: string;
+    username: string;
+    onclose: () => void;
+    onmessage: (data: any) => void;
+    password: string;
+    resource: string;
+    checkOnline(): boolean;
+    constructor(username: string, password: string);
+    initPresence(): Promise<unknown>;
+    unsubscribe: (address: string) => void;
+    getRooms: () => Promise<unknown>;
+    leaveTheRoom: (roomJID: string) => void;
+    presenceInRoom: (roomJID: string) => Promise<unknown>;
+    getArchive: (userJID: string) => void;
+    getHistory: (chatJID: string, max: number, before?: number) => Promise<unknown>;
+    getAndReceiveRoomInfo: (roomJID: string) => Promise<Element>;
+    getLastMessageArchive(roomJID: string): void;
+    sendMessage: (roomJID: string, firstName: string, lastName: string, photo: string, walletAddress: string, userMessage: string, notDisplayedValue?: string) => void;
+    deleteMessage(room: string, msgId: string): void;
+    sendTypingRequest(chatId: string, fullName: string, start: boolean): void;
+    getChatsPrivateStoreRequest(): Promise<unknown>;
+    actionSetTimestampToPrivateStore(chatId: string, timestamp: number): Promise<boolean>;
+    setChatsPrivateStoreRequest(jsonObj: string): Promise<unknown>;
+    sendMediaMessageStanza(roomJID: string, data: any): void;
+}
+export default XmppClient;

package/dist/roomStore/chatSettingsSlice.d.ts

@@ -0,0 +1,16 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { IConfig, User } from '../types/types';
+
+interface ChatState {
+    user: User;
+    defaultChatRooms: any[];
+    config?: IConfig;
+}
+export declare const chatSlice: import('@reduxjs/toolkit').Slice<ChatState, {
+    setUser: (state: import('immer').WritableDraft<ChatState>, action: PayloadAction<User>) => void;
+    setDefaultChatRooms: (state: import('immer').WritableDraft<ChatState>, action: PayloadAction<any[]>) => void;
+    setConfig: (state: import('immer').WritableDraft<ChatState>, action: PayloadAction<IConfig | undefined>) => void;
+}, "chat", "chat", import('@reduxjs/toolkit').SliceSelectors<ChatState>>;
+export declare const setUser: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<User, "chat/setUser">, setDefaultChatRooms: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<any[], "chat/setDefaultChatRooms">, setConfig: import('@reduxjs/toolkit').ActionCreatorWithNonInferrablePayload<"chat/setConfig">;
+declare const _default: import('redux').Reducer<ChatState>;
+export default _default;

package/dist/roomStore/loginSlice.d.ts

@@ -0,0 +1,36 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { IUser } from '../types/types';
+
+interface LoginState {
+    isAuthenticated: boolean;
+    user: IUser;
+}
+export declare const loginSlice: import('@reduxjs/toolkit').Slice<LoginState, {
+    login: (state: import('immer').WritableDraft<LoginState>, action: PayloadAction<{
+        id: string;
+        name: string;
+        token: "";
+        refreshToken: "";
+    }>) => void;
+    logout: (state: import('immer').WritableDraft<LoginState>) => void;
+    getInfo: (state: import('immer').WritableDraft<LoginState>, action: PayloadAction<{
+        id: string;
+    }>) => void;
+    refreshTokens: (state: import('immer').WritableDraft<LoginState>, action: PayloadAction<{
+        token: string;
+        refreshToken: string;
+    }>) => void;
+}, "login", "login", import('@reduxjs/toolkit').SliceSelectors<LoginState>>;
+export declare const login: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    id: string;
+    name: string;
+    token: "";
+    refreshToken: "";
+}, "login/login">, logout: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"login/logout">, getInfo: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    id: string;
+}, "login/getInfo">, refreshTokens: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    token: string;
+    refreshToken: string;
+}, "login/refreshTokens">;
+declare const _default: import('redux').Reducer<LoginState>;
+export default _default;

package/dist/roomStore/roomsSlice.d.ts

@@ -0,0 +1,69 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { IMessage, IRoom } from '../types/types';
+
+interface RoomMessagesState {
+    rooms: {
+        [jid: string]: IRoom;
+    };
+    activeRoom: IRoom | null;
+}
+export declare const roomsStore: import('@reduxjs/toolkit').Slice<RoomMessagesState, {
+    addRoom(state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        roomData: IRoom;
+    }>): void;
+    setRoomMessages(state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        roomJID: string;
+        messages: IMessage[];
+    }>): void;
+    deleteRoomMessage(state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        roomJID: string;
+        messageId: string;
+    }>): void;
+    addRoomMessage(state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        roomJID: string;
+        message: IMessage;
+        start?: boolean;
+    }>): void;
+    deleteAllRooms(state: import('immer').WritableDraft<RoomMessagesState>): void;
+    setActiveRoom(state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        roomData: IRoom;
+    }>): void;
+    setComposing(state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        chatJID: string;
+        composing: boolean;
+    }>): void;
+    setIsLoading: (state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        chatJID: string;
+        loading: boolean;
+    }>) => void;
+    setLastViewedTimestamp: (state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        chatJID: string;
+        timestamp: number;
+    }>) => void;
+}, "roomMessages", "roomMessages", import('@reduxjs/toolkit').SliceSelectors<RoomMessagesState>>;
+export declare const addRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomData: IRoom;
+}, "roomMessages/addRoom">, deleteAllRooms: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"roomMessages/deleteAllRooms">, setRoomMessages: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomJID: string;
+    messages: IMessage[];
+}, "roomMessages/setRoomMessages">, addRoomMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomJID: string;
+    message: IMessage;
+    start?: boolean;
+}, "roomMessages/addRoomMessage">, deleteRoomMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomJID: string;
+    messageId: string;
+}, "roomMessages/deleteRoomMessage">, setActiveRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    roomData: IRoom;
+}, "roomMessages/setActiveRoom">, setComposing: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    chatJID: string;
+    composing: boolean;
+}, "roomMessages/setComposing">, setIsLoading: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    chatJID: string;
+    loading: boolean;
+}, "roomMessages/setIsLoading">, setLastViewedTimestamp: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    chatJID: string;
+    timestamp: number;
+}, "roomMessages/setLastViewedTimestamp">;
+declare const _default: import('redux').Reducer<RoomMessagesState>;
+export default _default;

package/dist/style.css

@@ -0,0 +1 @@
+body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;padding:0}svg{height:50px;width:50px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#5e3fde;border-radius:6px}::-webkit-scrollbar-track{background-color:#f0f0f0}*{scrollbar-width:thin;scrollbar-color:#5e3fde #f0f0f0}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@ethora/chat-component",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "build:lib": "tsc --p ./tsconfig-build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^2.2.1",
+    "@types/react": "^18.2.65",
+    "@types/react-dom": "^18.2.22",
+    "@types/styled-components": "^5.1.34",
+    "@xmpp/client": "^0.13.1",
+    "axios": "^1.7.2",
+    "firebase": "^10.13.2",
+    "ltx": "^3.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-redux": "^9.1.0",
+    "redux": "^5.0.1",
+    "redux-saga": "^1.3.0",
+    "styled-components": "^6.1.8",
+    "uuid": "^9.0.1",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.9",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/xmpp__client": "^0.13.3",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1"
+  },
+  "description": "1. npm create vite@latest 2. select name of project, select type (react/js) 3. cd project-name 4. npm i 5. npm i projecet-2-ccomp 6. go to file src/App.tsx and replace it with this code",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "Ethora",
+  "license": "ISC"
+}