@ethora/chat-component 24.10.22 → 24.11.12

package/dist/networking/api-requests/auth.api.d.ts

@@ -0,0 +1,22 @@
+import { User } from '../../types/types';
+import { User as FirebaseUser } from 'firebase/auth';
+
+export declare function loginEmail(email: string, password: string): Promise<import('axios').AxiosResponse<{
+    user: User;
+    refreshToken: string;
+    token: string;
+}, any>>;
+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>>;
+export declare function loginViaJwt(clientToken: string): Promise<User>;
+export declare const signInWithGoogle: () => Promise<{
+    user: FirebaseUser;
+    idToken: string;
+    credential: import('@firebase/auth').OAuthCredential;
+} | {
+    user?: undefined;
+    idToken?: undefined;
+    credential?: undefined;
+}>;
+export declare function uploadFile(formData: FormData): Promise<import('axios').AxiosResponse<any, any>>;

package/dist/networking/apiClient.d.ts

@@ -1,28 +1,8 @@
-import { User } from '../types/types';
-import { User as FirebaseUser } from 'firebase/auth';
-
+declare const http: import('axios').AxiosInstance;
 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;
-    refreshToken: string;
-    token: string;
-}, 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>>;
-export declare function loginViaJwt(clientToken: string): Promise<User>;
+export default http;

package/dist/networking/xmpp/actionSetTimestampToPrivateStore.xmpp.d.ts

@@ -0,0 +1 @@
+export declare function actionSetTimestampToPrivateStore(client: any, chatId: string, timestamp: number): Promise<boolean>;

package/dist/networking/xmpp/createTimeoutPromise.xmpp.d.ts

@@ -0,0 +1,4 @@
+export declare function createTimeoutPromise(ms: number | undefined, unsubscribe: {
+    (): void;
+    (): void;
+}): Promise<unknown>;

package/dist/networking/xmpp/deleteMessage.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare function deleteMessage(client: Client, room: string, msgId: string): void;

package/dist/networking/xmpp/getChatsPrivateStoreRequest.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare function getChatsPrivateStoreRequest(client: Client): Promise<unknown>;

package/dist/networking/xmpp/getHistory.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare const getHistory: (client: Client, chatJID: string, max: number, before?: number) => Promise<unknown>;

package/dist/networking/xmpp/getLastMessageArchive.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare function getLastMessageArchive(client: Client, roomJID: string): void;

package/dist/networking/xmpp/presenceInRoom.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare const presenceInRoom: (client: Client, roomJID: string) => Promise<unknown>;

package/dist/networking/xmpp/sendMediaMessage.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare function sendMediaMessage(client: Client, roomJID: string, data: any): void;

package/dist/networking/xmpp/sendTextMessage.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare const sendTextMessage: (client: Client, roomJID: string, firstName: string, lastName: string, photo: string, walletAddress: string, userMessage: string, notDisplayedValue?: string, devServer?: string) => void;

package/dist/networking/xmpp/sendTypingRequest.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare function sendTypingRequest(client: Client, chatId: string, fullName: string, start: boolean): void;

package/dist/networking/xmpp/setChatsPrivateStoreRequest.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare function setChatsPrivateStoreRequest(client: Client, jsonObj: string): Promise<unknown>;

package/dist/networking/xmppClient.d.ts

@@ -1,5 +1,4 @@
 import { Client } from '@xmpp/client';
-import { Element } from 'ltx';
 
 export declare class XmppClient {
     client: Client;
@@ -15,20 +14,20 @@ export declare class XmppClient {
     resource: string;
     checkOnline(): boolean;
     constructor(username: string, password: string);
+    close(): void;
     joinBySendingPresence(chatJID: string): Promise<unknown>;
     unsubscribe: (address: string) => void;
     getRooms: () => Promise<unknown>;
     leaveTheRoom: (roomJID: string) => void;
-    presenceInRoom: (roomJID: string) => Promise<unknown>;
-    getHistory: (chatJID: string, max: number, before?: number) => Promise<unknown>;
-    getAndReceiveRoomInfo: (roomJID: string) => Promise<Element>;
-    getLastMessageArchive(roomJID: string): void;
+    presenceInRoomStanza: (roomJID: string) => void;
+    getHistoryStanza: (chatJID: string, max: number, before?: number) => Promise<void>;
+    getLastMessageArchiveStanza(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>;
+    deleteMessageStanza(room: string, msgId: string): void;
+    sendTypingRequestStanza(chatId: string, fullName: string, start: boolean): void;
+    getChatsPrivateStoreRequestStanza: () => Promise<unknown>;
+    setChatsPrivateStoreRequestStanza(jsonObj: string): Promise<void>;
+    actionSetTimestampToPrivateStoreStanza(chatId: string, timestamp: number): Promise<void>;
     sendMediaMessageStanza(roomJID: string, data: any): void;
 }
 export default XmppClient;

package/dist/roomStore/chatSettingsSlice.d.ts

@@ -3,14 +3,22 @@ import { IConfig, User } from '../types/types';
 
 interface ChatState {
     user: User;
-    defaultChatRooms: any[];
     config?: IConfig;
+    activeModal?: 'settings' | 'profile' | undefined;
 }
 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;
+    setActiveModal: (state: import('immer').WritableDraft<ChatState>, action: PayloadAction<"settings" | "profile" | undefined>) => void;
+    refreshTokens: (state: import('immer').WritableDraft<ChatState>, action: PayloadAction<{
+        token: string;
+        refreshToken: string;
+    }>) => void;
+    logout: (state: import('immer').WritableDraft<ChatState>) => 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">;
+export declare const setUser: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<User, "chat/setUser">, setConfig: import('@reduxjs/toolkit').ActionCreatorWithNonInferrablePayload<"chat/setConfig">, refreshTokens: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    token: string;
+    refreshToken: string;
+}, "chat/refreshTokens">, logout: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"chat/logout">, setActiveModal: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<"settings" | "profile", "chat/setActiveModal">;
 declare const _default: import('redux').Reducer<ChatState>;
 export default _default;

package/dist/roomStore/roomsSlice.d.ts

@@ -38,6 +38,10 @@ export declare const roomsStore: import('@reduxjs/toolkit').Slice<RoomMessagesSt
         chatJID: string;
         timestamp: number;
     }>) => void;
+    setRoomRole: (state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
+        chatJID: string;
+        role: string;
+    }>) => void;
     setRoomNoMessages: (state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
         value: boolean;
         chatJID?: string;
@@ -45,6 +49,7 @@ export declare const roomsStore: import('@reduxjs/toolkit').Slice<RoomMessagesSt
     setCurrentRoom: (state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
         roomJID: string;
     }>) => void;
+    setLogoutState: (state: import('immer').WritableDraft<RoomMessagesState>) => void;
 }, "roomMessages", "roomMessages", import('@reduxjs/toolkit').SliceSelectors<RoomMessagesState>>;
 export declare const addRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     roomData: IRoom;
@@ -72,6 +77,9 @@ export declare const addRoom: import('@reduxjs/toolkit').ActionCreatorWithOption
     chatJID?: string;
 }, "roomMessages/setRoomNoMessages">, setCurrentRoom: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     roomJID: string;
-}, "roomMessages/setCurrentRoom">;
+}, "roomMessages/setCurrentRoom">, setRoomRole: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+    chatJID: string;
+    role: string;
+}, "roomMessages/setRoomRole">, setLogoutState: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"roomMessages/setLogoutState">;
 declare const _default: import('redux').Reducer<RoomMessagesState>;
 export default _default;

package/dist/types/types.d.ts

@@ -32,6 +32,7 @@ export interface IRoom {
     usersCnt: number;
     messages: IMessage[];
     isLoading: boolean;
+    roomBg: string;
     lastMessage?: string;
     lastRoomMessage?: RoomLastMessage;
     icon?: string;
@@ -40,7 +41,7 @@ export interface IRoom {
     lastViewedTimestamp?: number;
     unreadMessages?: number;
     noMessages?: boolean;
-    roomBg: string;
+    role?: string;
 }
 export interface RoomLastMessage {
     name: string;
@@ -122,6 +123,12 @@ export interface IConfig {
     };
     disableRooms?: boolean;
     defaultLogin?: boolean;
+    disableInteractions?: boolean;
+    chatHeaderBurgerMenu?: boolean;
+    forceSetRoom?: boolean;
+    roomListStiles?: React.CSSProperties;
+    chatRoomStyles?: React.CSSProperties;
+    setRoomJidInPath?: boolean;
 }
 export interface StorageUser {
     appId: string;
@@ -144,3 +151,5 @@ export interface MessageProps {
     message: IMessage;
     isUser: boolean;
 }
+export interface MediaMessageType {
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethora/chat-component",
-  "version": "24.10.22",
+  "version": "24.11.12",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -12,7 +12,8 @@
     "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"
+    "preview": "vite preview",
+    "lint:fix": "npx eslint --fix && prettier . --write"
   },
   "dependencies": {
     "@reduxjs/toolkit": "^2.2.1",
@@ -30,10 +31,11 @@
     "redux-saga": "^1.3.0",
     "styled-components": "^6.1.8",
     "uuid": "^9.0.1",
-    "vite-plugin-dts": "^3.9.1"
+    "wavesurfer.js": "^7.8.8"
   },
   "devDependencies": {
     "@types/node": "^20.14.9",
+    "vite-plugin-dts": "^3.9.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/xmpp__client": "^0.13.3",
@@ -44,7 +46,10 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "typescript": "^5.2.2",
-    "vite": "^5.3.1"
+    "vite": "^5.3.1",
+    "prettier": "3.2.5",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3"
   },
   "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 @ethora/chat-component 6. go to file src/App.tsx and replace it with this code",
   "directories": {

package/dist/roomStore/loginSlice.d.ts

@@ -1,36 +0,0 @@
-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;