@esvndev/es-react-template-chat 0.0.11 → 0.0.13

package/dist/index.js

@@ -7,7 +7,7 @@ var React = require('react');
 require('@styles/base/pages/app-chat.scss');
 require('@styles/base/pages/app-chat-list.scss');
 require('react-dom');
-var reactRedux = require('react-redux');
+var configureStore = require('@src/redux/configureStore');
 var toolkit = require('@reduxjs/toolkit');
 var require$$1 = require('util');
 var stream = require('stream');
@@ -20502,43 +20502,6 @@ var dayjs_min = {exports: {}};
 !function(t,n){module.exports=n(dayjs_min.exports);}(commonjsGlobal,(function(t){function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var h=n(t),_={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function(t){return t},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};return h.default.locale(_,null,!0),_}));
 }(vi));
 
-/**
- * Store Registry - Cho phép project bên ngoài inject Redux hooks vào library
- *
- * Pattern này giúp thư viện (library) có thể truy cập Redux Store của ứng dụng chính (Host App)
- * mà không cần phụ thuộc cứng vào cấu trúc, đường dẫn hay types của Store đó.
- *
- * 1. Cách đăng ký (Tại Host App - file index.tsx hoặc App.tsx):
- * -----------------------------------------------------------
- *   import { registerStore } from '@esvndev/es-template-chat' // hoặc path tới file này
- *   import { useAppDispatch, useAppSelector } from './redux/hooks' // Hooks của App
- *
- *   // Inject hooks của App vào Library trước khi render
- *   registerStore({
- *     useAppDispatch,
- *     useAppSelector
- *   })
- *
- * 2. Cách sử dụng (Trong Library Components):
- * -----------------------------------------------------------
- *   // Thay vì import từ react-redux, hãy import từ storeRegistry
- *   import { useAppSelector, useAppDispatch } from './shared/storeRegistry'
- *
- *   const MyComponent = () => {
- *     const dispatch = useAppDispatch()
- *     const data = useAppSelector(state => state.some.data) // state là RootState của Host App
- *     ...
- *   }
- */
-// Default fallback sử dụng react-redux trực tiếp
-let registry = {
-    useAppDispatch: () => reactRedux.useDispatch(),
-    useAppSelector: (selector) => reactRedux.useSelector(selector)
-};
-// Export hooks wrapper để sử dụng trực tiếp trong components
-const useAppDispatch = () => registry.useAppDispatch();
-const useAppSelector = (selector) => registry.useAppSelector(selector);
-
 var moment = {exports: {}};
 
 (function (module, exports) {
@@ -47247,8 +47210,8 @@ const { selectChat, selectContact, selectType, selectActive, selectLoadChat, sel
 getNotification, removeChatRoom, setListChatType, setArchive, setApproveStatus, setHistory, editGroupName, setScroll, updateMemberGroup, setMessageByGroup, leaveGroup, getGeneralGroup, setGeneralGroup, editGroupAvatar, editGroupTag, addPinnedMessage, userTyping } = appChatSlice.actions;
 
 const useChat = () => {
-    const dispatch = useAppDispatch();
-    const { active, checkInit, chatRoomId, userLogin, listContact, contactId, typeChat, loadChat, messageByGroup, listHistory, listChatType, archiveStore, checkScroll, listGeneralGroup, pinnedMessages, typingUsers } = useAppSelector((state) => state.chat);
+    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));
     };
@@ -47374,7 +47337,21 @@ const useChat = () => {
 };
 
 const AppChat = () => {
-    useChat();
+    const { active,
+    // contactId,
+    // typeChat,
+    // chatRoomId,
+    // messageByGroup,
+    // listHistory,
+    // checkInit,
+    // setScroll,
+    // getHistoryApi,
+    // getProfileApi,
+    // getInfoApi,
+    // getContactApi,
+    // senMessageApi
+     } = useChat();
+    console.log('active', active);
     // const {
     //   connection
     // } = useAppSelector((state: any) => state.hubNotification)