@esvndev/es-react-template-chat 0.0.29 → 0.0.31

package/dist/index.js

@@ -26253,51 +26253,6 @@ const getToken = () => {
     return accessToken;
 };
 
-// import requester from '../requester'
-const { URL_API } = CHAT;
-const chatApi = {
-    getHistory: async (params) => {
-        const queryString = new URLSearchParams(params).toString();
-        const response = await fetch(`${URL_API.GET_HISTORY_API}?${queryString}`, {
-            headers: {
-                'Authorization': `Bearer ${getToken()}`,
-                'Content-Type': 'application/json'
-            }
-        });
-        if (!response.ok)
-            throw new Error(`Error: ${response.status}`);
-        return response.json();
-    }
-    //getHistoryActive: (params: any) => requester.get(URL_API.GET_HISTORY_API, params, config),
-    //getHistory: (params: any) => requester.get(URL_API.GET_HISTORY_API, params, config)
-    // getHistory: (params: any) => {
-    //   console.log('getHistory params', params)
-    //   return params
-    // }
-    // getMessageByGroupCursor: (id:string, params: any) => requester.get(`${URL_API.GET_MESSAGE_BY_GROUP_CURSOR_API}/${id}`, params, config),
-    // getInfo: (params: any) => requester.get(URL_API.GET_INFO_API, params, config),
-    // groups: (params: any) => requester.post(URL_API.GROUP_API, params, config),
-    // addMemberGroup: (params: any) => requester.post(`${URL_API.ADD_MEMBER_GROUP}`, params, config),
-    // senMessage: (id: string, params: any, tickerDto?: any) => requester.post(`${URL_API.SEN_MESSAGE_API}/${id}`, { ...params, tickerDto }, config),
-    // deleteMessage: (id: string, chatRoomId: string) => requester.delete(`${URL_API.MESSAGE_API}/${chatRoomId}/delete-message/${id}`, {}, config),
-    // recallMessage: (id: string, chatRoomId: string) => requester.put(`${URL_API.MESSAGE_API}/${chatRoomId}/recall-message/${id}`, {}, config),
-    // updateGroupAvatar: (params: any) => requester.put(URL_API.UPDATE_GROUP_AVATAR_API, params, config),
-    // getMessageByGroup: (params: any, paging: any) => requester.get(`${URL_API.GET_MESSAGE_BY_GROUP_API}/${params}`, paging, config),
-    // getMessageByContact: (params: any, paging: any) => requester.get(`${URL_API.GET_MESSAGE_BY_CONTACT_API}/${params}`, paging, config),
-    // contactAdd: (params: any) => requester.post(URL_API.CONTACT_ADD_API, params, config),
-    // getProfile: () => requester.get(URL_API.GET_PROFILE, {}, config),
-    // getUsers: (params: any) => requester.get(URL_API.GET_USERS, params, config),
-    // getContact: (params: any) => requester.get(URL_API.GET_CONTACT_API, params, config),
-    // updateChatRoomMember: (params: any) => requester.put(`${URL_API.CHAT_ROOM_MEMBER_API}/${params}`, {}, config),
-    // getPagingEmployeeApi: (params: any) => requester.get(URL_API.GET_PAGING_EMPLOYEE_API, params, config),
-    // connectChatRoomMemberApi: (params: any) => requester.post(URL_API.CONNECT_CHAT_ROOM_MEMBER_API, params, config),
-    // pinMessageChatRoomApi: (params: any) => requester.post(`${URL_API.PIN_MESSAGE_CHAT_ROOM_API}/${params.id}`, params, config),
-    // getPinMessagesByRoomApi: (chatRoomId: string) => requester.get(`${URL_API.GET_PIN_MESSAGE_CHAT_ROOM_API}/${chatRoomId}`, {}, config),
-    // deletePinMessageApi: (pinId: string) => requester.delete(`${URL_API.PIN_MESSAGE_CHAT_ROOM_API}/${pinId}`, {}, config),
-    // updateGroupTagApi: (params: any) => requester.put(URL_API.UPDATE_GROUP_TAG_API, params, config),
-    // createReminderApi: (params: any) => requester.post(URL_API.CREATE_REMINDER_API, params, config)
-};
-
 // ** Redux Imports
 // Convert 1 bản ghi PinMessage từ backend thành object message dùng cho UI ghim
 const mapPinRecordToMessage = (record) => {
@@ -26342,10 +26297,22 @@ const initialState = {
 };
 const get_history = toolkit.createAsyncThunk(CHAT.ACTION_TYPES.GET_HISTORY, async (params, thunkAPI) => {
     try {
-        return await chatApi.getHistory(params);
+        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}`);
+        }
+        const data = await response.json();
+        return data;
     }
     catch (error) {
-        return thunkAPI.rejectWithValue({ error: error.response.data });
+        return thunkAPI.rejectWithValue({ error: error.message });
     }
 });
 // export const get_history = createAsyncThunk<any, any>(CHAT.ACTION_TYPES.GET_HISTORY, async (params, thunkAPI) => {
@@ -26857,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
@@ -26890,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))
     // }
@@ -27018,15 +27000,15 @@ const useChat = () => {
 };
 
 const AppChat = () => {
-    const { active,
+    const { active, 
     // contactId,
-    // typeChat,
+    typeChat, 
     // chatRoomId,
     // messageByGroup,
     // listHistory,
     // checkInit,
     // setScroll,
-    // getHistoryApi,
+    getHistoryApi,
     // getProfileApi,
     // getInfoApi,
     // getContactApi,
@@ -27042,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,
@@ -27079,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())