@esvndev/es-react-template-chat 0.0.30 → 0.0.32

package/dist/components/store/index.d.ts

@@ -1,3 +1,145 @@
-export declare const get_history: any;
-export declare const appChatSlice: any;
-export declare const selectChat: any, selectContact: any, selectType: any, selectActive: any, selectLoadChat: any, selectByGroup: any, addNewMessage: any, setCountUnread: any, deleteMessage: any, recallMessage: any, getNotification: any, removeChatRoom: any, setListChatType: any, setArchive: any, setApproveStatus: any, setHistory: any, editGroupName: any, setScroll: any, updateMemberGroup: any, setMessageByGroup: any, leaveGroup: any, getGeneralGroup: any, setGeneralGroup: any, editGroupAvatar: any, editGroupTag: any, addPinnedMessage: any, userTyping: any;
+interface IUser {
+    id: string;
+    code?: string;
+    name?: string;
+    phone?: string;
+    email?: string;
+    address?: string;
+    avatar?: string;
+    gender?: string;
+    lastLogin?: string;
+    currentSession?: string;
+    status?: number;
+    isFriend?: boolean;
+}
+interface IFState {
+    checkInit: boolean;
+    chatRoomId?: string;
+    contactId?: string;
+    userLogin?: IUser;
+    listContact?: any;
+    typeChat: string;
+    active?: string;
+    loadChat?: number;
+    messageByGroup: any;
+    listHistory: any;
+    listChatType: any;
+    archiveStore: any[];
+    checkScroll: boolean;
+    listGeneralGroup: any;
+    pinnedMessages: any[];
+    typingUsers: any;
+}
+export declare const get_history: import("@reduxjs/toolkit").AsyncThunk<any, any, import("@reduxjs/toolkit/dist/createAsyncThunk").AsyncThunkConfig>;
+export declare const appChatSlice: import("@reduxjs/toolkit").Slice<IFState, {
+    selectChat(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    selectContact(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    selectType(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    selectActive(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    selectLoadChat(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    selectByGroup(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setScroll(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    addNewMessage(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    addPinnedMessage(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    deleteMessage(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setCountUnread(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setHistory(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setMessageByGroup(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    updateMemberGroup(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    removeChatRoom(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    leaveGroup(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    getGeneralGroup(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setGeneralGroup(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    getNotification(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setListChatType(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setArchive(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    setApproveStatus(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    editGroupName(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    editGroupAvatar(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    editGroupTag(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    userTyping(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+    recallMessage(state: import("immer").WritableDraft<IFState>, action: {
+        payload: any;
+        type: string;
+    }): void;
+}, "appChat", "appChat", import("@reduxjs/toolkit").SliceSelectors<IFState>>;
+export declare const selectChat: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/selectChat">, selectContact: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/selectContact">, selectType: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/selectType">, selectActive: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/selectActive">, selectLoadChat: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/selectLoadChat">, selectByGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/selectByGroup">, addNewMessage: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/addNewMessage">, setCountUnread: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setCountUnread">, deleteMessage: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/deleteMessage">, recallMessage: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/recallMessage">, getNotification: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/getNotification">, removeChatRoom: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/removeChatRoom">, setListChatType: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setListChatType">, setArchive: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setArchive">, setApproveStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setApproveStatus">, setHistory: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setHistory">, editGroupName: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/editGroupName">, setScroll: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setScroll">, updateMemberGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/updateMemberGroup">, setMessageByGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setMessageByGroup">, leaveGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/leaveGroup">, getGeneralGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/getGeneralGroup">, setGeneralGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/setGeneralGroup">, editGroupAvatar: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/editGroupAvatar">, editGroupTag: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/editGroupTag">, addPinnedMessage: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/addPinnedMessage">, userTyping: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "appChat/userTyping">;
+export {};

package/dist/index.js

@@ -26824,9 +26824,9 @@ const appChatSlice = toolkit.createSlice({
         // builder.addCase(update_chat_room_member.fulfilled, (state: IFState) => {
         //   state.checkInit = !state.checkInit
         // })
-        // builder.addCase(get_history.fulfilled, (state: IFState, action) => {
-        //   state.listHistory = action.payload?.items
-        // })
+        builder.addCase(get_history.fulfilled, (state, action) => {
+            state.listHistory = action.payload?.items;
+        });
         // builder.addCase(getPinMessageChatRoomApi.fulfilled, (state: IFState, action) => {
         //   // Backend trả về danh sách PinMessage (mảng / items / data)
         //   const payload = action.payload as any
@@ -26857,12 +26857,27 @@ const appChatSlice = toolkit.createSlice({
 });
 appChatSlice.actions;
 
+//import * as chatStore from '../store'
 const useChat = () => {
     const dispatch = configureStore.useAppDispatch();
     const { active, checkInit, chatRoomId, userLogin, listContact, contactId, typeChat, loadChat, messageByGroup, listHistory, listChatType, archiveStore, checkScroll, listGeneralGroup, pinnedMessages, typingUsers } = configureStore.useAppSelector((state) => state.chat);
     const getHistoryApi = (params) => {
         return dispatch(get_history(params));
     };
+    //   const getHistoryApi = async (params: any) => {
+    //   const queryString = new URLSearchParams(params).toString()
+    //   const response = await fetch(`${CHAT.URL_API.GET_HISTORY_API}?${queryString}`, {
+    //     method: 'GET',
+    //     headers: {
+    //       'Authorization': `Bearer ${getToken()}`,
+    //       'Content-Type': 'application/json'
+    //     }
+    //   })
+    //   if (!response.ok) {
+    //     throw new Error(`HTTP error! status: ${response.status}`)
+    //   }
+    //   return response.json()
+    // }
     // const get_message_by_group_cursor_api = (params: any) => {
     //   return dispatch(chatStore.get_message_by_group_cursor(params))
     // }
@@ -26985,15 +27000,15 @@ const useChat = () => {
 };
 
 const AppChat = () => {
-    const { active,
+    const { active, 
     // contactId,
-    // typeChat,
+    typeChat, 
     // chatRoomId,
     // messageByGroup,
     // listHistory,
     // checkInit,
     // setScroll,
-    // getHistoryApi,
+    getHistoryApi,
     // getProfileApi,
     // getInfoApi,
     // getContactApi,
@@ -27009,27 +27024,27 @@ const AppChat = () => {
     // const [dataProfile, setDataProfile] = useState({})
     // const [sidebarRight, setSidebarRight] = useState(false)
     // const handleSidebarRight = () => setSidebarRight(!sidebarRight)
-    // const [tagFilter] = useState<string>('')
-    // const [filterTab] = useState<'all' | 'unread' | 'tag'>('all')
+    const [tagFilter] = React.useState('');
+    const [filterTab] = React.useState('all');
     // const [openModalGroupInfo, setOpenModalGroupInfo] = useState(false)
     // const [openModalAddUserGroup, setOpenModalAddUserGroup] = useState(false)
     // const [windowSize, setWindowSize] = useState(getWindowSize())
-    // const [search] = useState('')
+    const [search] = React.useState('');
     // const [contact, setContact] = useState([])
     // // ** Set user function for Right Sidebar
     // const handleModalAddUserGroup = () => setOpenModalAddUserGroup(!openModalAddUserGroup)
     // const handleModalGroupInfo = () => setOpenModalGroupInfo(!openModalGroupInfo)
-    // const getData = () => {
-    //   const paging = {
-    //     keyword: search,
-    //     filter: filterTab === 'unread' ? 'unread' : '',
-    //     order: '',
-    //     pageNumber: 1,
-    //     pageSize: 20,
-    //     tag: tagFilter || undefined
-    //   }
-    //   getHistoryApi(paging)
-    // }
+    const getData = () => {
+        const paging = {
+            keyword: search,
+            filter: filterTab === 'unread' ? 'unread' : '',
+            order: '',
+            pageNumber: 1,
+            pageSize: 20,
+            tag: tagFilter || undefined
+        };
+        getHistoryApi(paging);
+    };
     // const getContact = () => {
     //   getContactApi({
     //     keyword: search,
@@ -27046,14 +27061,12 @@ const AppChat = () => {
     //     .then((rs: any) => setDataProfile(rs))
     //     .catch((ex: any) => console.log(ex))
     // }
-    // useEffect(() => {
-    //   if (typeChat !== 'CONTACT') {
-    //     getData()
-    //   } else {
-    //     getContact()
-    //   }
-    //   getDataProfile()
-    // }, [typeChat, search, checkInit, tagFilter, filterTab])
+    React.useEffect(() => {
+        if (typeChat !== 'CONTACT') {
+            getData();
+        }
+        //getDataProfile()
+    }, [typeChat, search, tagFilter, filterTab]);
     // useEffect(() => {
     //   const handleWindowResize = () => {
     //     setWindowSize(getWindowSize())