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

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { createContext, useContext, useState, useEffect, useCallback, useLayoutE
 import '@styles/base/pages/app-chat.scss';
 import '@styles/base/pages/app-chat-list.scss';
 import 'react-dom';
-import { useDispatch, useSelector } from 'react-redux';
+import { useAppDispatch, useAppSelector } from '@src/redux/configureStore';
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import require$$1 from 'util';
 import stream, { Readable } from 'stream';
@@ -20464,43 +20464,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: () => useDispatch(),
-    useAppSelector: (selector) => 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) {
@@ -47336,7 +47299,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)