@tencentcloud/chat-uikit-react 3.0.2 → 3.4.2

package/src/{states/ChatHeaderState.ts → hooks/useChatHeader.ts}

@@ -1,10 +1,8 @@
 import { useMemo } from 'react';
-import { TUIChatEngine } from '@tencentcloud/chat-uikit-engine';
-import { useConversationListState } from 'tuikit-atomicx-react';
-import { defaultUserAvatar, DEFAULT_GROUP_COMMON_AVATAR } from '../constant/avatar';
-import { useUIManagerState } from './UIManagerState';
-import type { IUserStatus } from '../types/user';
-import type { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { useConversationListState, ConversationType } from 'tuikit-atomicx-react';
+import { useUIManagerState } from '../states';
+import type { UserStatus } from '../types/user';
+import type { ConversationModel } from 'tuikit-atomicx-react';
 
 interface UseChatHeaderStoreReturn {
   /** im avatar can't be undefined */
@@ -16,19 +14,19 @@ interface UseChatHeaderStoreReturn {
   /** im title */
   title: string | undefined;
   /** current conversation */
-  conversation: IConversationModel | undefined;
+  conversation: ConversationModel | undefined;
   /** user status */
-  userStatus: IUserStatus | undefined;
+  userStatus: UserStatus | undefined;
 }
 
-function useChatHeaderState(): UseChatHeaderStoreReturn {
+function useChatHeader(): UseChatHeaderStoreReturn {
   const { userStatusMap } = useUIManagerState();
 
   const { activeConversation } = useConversationListState();
 
   const isSystemConversation = !activeConversation
     ? undefined
-    : activeConversation.type === TUIChatEngine.TYPES.CONV_SYSTEM;
+    : activeConversation.type === ConversationType.SYSTEM;
 
   const title = useMemo<string | undefined>(() => {
     if (!activeConversation) {
@@ -46,11 +44,11 @@ function useChatHeaderState(): UseChatHeaderStoreReturn {
       groupProfile,
     } = activeConversation;
 
-    if (type === TUIChatEngine.TYPES.CONV_C2C) {
+    if (type === ConversationType.C2C) {
       return remark || userProfile?.nick || userProfile?.userID || '';
     }
 
-    if (type === TUIChatEngine.TYPES.CONV_GROUP) {
+    if (type === ConversationType.GROUP) {
       return groupProfile?.name || groupProfile?.groupID || '';
     }
 
@@ -59,25 +57,24 @@ function useChatHeaderState(): UseChatHeaderStoreReturn {
 
   const avatar = useMemo<string>(() => {
     if (!activeConversation) {
-      return undefined;
+      return '';
     }
 
     if (isSystemConversation) {
-      return undefined;
+      return '';
     }
 
     const {
       type,
       userProfile,
-      groupProfile,
     } = activeConversation;
 
-    if (type === TUIChatEngine.TYPES.CONV_C2C) {
-      return userProfile?.avatar || defaultUserAvatar;
+    if (type === ConversationType.C2C) {
+      return userProfile?.avatar;
     }
 
-    if (type === TUIChatEngine.TYPES.CONV_GROUP) {
-      return groupProfile?.avatar || DEFAULT_GROUP_COMMON_AVATAR;
+    if (type === ConversationType.GROUP) {
+      return activeConversation.getAvatar();
     }
 
     return '';
@@ -92,7 +89,7 @@ function useChatHeaderState(): UseChatHeaderStoreReturn {
       return undefined;
     }
 
-    if (activeConversation.type === TUIChatEngine.TYPES.CONV_GROUP) {
+    if (activeConversation.type === ConversationType.GROUP) {
       return undefined;
     }
 
@@ -100,7 +97,7 @@ function useChatHeaderState(): UseChatHeaderStoreReturn {
   }, [activeConversation, userStatusMap, isSystemConversation]);
 
   const isGroup = useMemo(() => {
-    if (activeConversation?.type === TUIChatEngine.TYPES.CONV_GROUP) {
+    if (activeConversation?.type === ConversationType.GROUP) {
       return true;
     }
     return false;
@@ -117,5 +114,5 @@ function useChatHeaderState(): UseChatHeaderStoreReturn {
 }
 
 export {
-  useChatHeaderState,
+  useChatHeader,
 };

package/src/index.ts

@@ -1,16 +1,14 @@
 import { UIKitProvider, useUIKit } from '@tencentcloud/uikit-base-component-react';
 import './locales';
 import './styles/index.scss';
-import Server from './server/mainServer';
-
-// eslint-disable-next-line no-new
-new Server();
 
 export * from './components';
 export * from './context';
 export * from './hooks';
 export * from './states';
-export * from 'tuikit-atomicx-react';
+export * from 'tuikit-atomicx-react/chat';
+export * from 'tuikit-atomicx-react/types';
+export { Avatar, useLoginState, LoginStatus, startCall } from 'tuikit-atomicx-react';
 
 export {
   UIKitProvider,

package/src/server/mainServer.ts

@@ -1,6 +1,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
-import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core';
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine-lite';
+import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core-lite';
 
 export default class MainServer {
   constructor() {

package/src/states/UIManagerState.ts

@@ -1,10 +1,10 @@
-import { TUIStore, StoreName, TUIConversationService } from '@tencentcloud/chat-uikit-engine';
-import { TUILogin } from '@tencentcloud/tui-core';
+import { TUIStore, StoreName, TUIConversationService } from '@tencentcloud/chat-uikit-engine-lite';
+import { TUILogin } from '@tencentcloud/tui-core-lite';
 import { useStore } from 'zustand';
 import { createStore } from 'zustand/vanilla';
-import type { IUserStatusMap } from '../types/user';
-import type { Profile, Friend, FriendApplication } from '@tencentcloud/chat';
-import type { IConversationModel, IGroupModel } from '@tencentcloud/chat-uikit-engine';
+import type { UserStatusMap } from '../types/user';
+import type { Profile, Friend, FriendApplication } from '@tencentcloud/lite-chat';
+import type { IConversationModel, IGroupModel } from '@tencentcloud/chat-uikit-engine-lite';
 
 type BlockData = {
   type: 'block';
@@ -54,7 +54,7 @@ interface IUIManagerState {
   /** TUIManageShow */
   TUIManageShow: boolean;
   /** userStatusMap */
-  userStatusMap: IUserStatusMap | undefined;
+  userStatusMap: UserStatusMap | undefined;
 }
 
 /**
@@ -98,7 +98,7 @@ interface IUIManagerAction {
   /** Set the user status map
    * @param userStatusMap - The user status map to set, undefined to clear
    */
-  setUserStatusMap: (userStatusMap?: IUserStatusMap) => void;
+  setUserStatusMap: (userStatusMap?: UserStatusMap) => void;
 }
 
 /**
@@ -186,11 +186,11 @@ function onConversationListUpdated(conversationList: IConversationModel[]) {
   uiManagerStore.getState().setConversationList(conversationList);
 }
 
-function onUserStatusListUpdated(userStatusMap: Map<number, IUserStatusMap>) {
+function onUserStatusListUpdated(userStatusMap: Map<number, UserStatusMap>) {
   if (userStatusMap?.size <= 0) {
     return;
   }
-  const userOnlineStatusMap = Object.fromEntries(userStatusMap) as unknown as IUserStatusMap;
+  const userOnlineStatusMap = Object.fromEntries(userStatusMap) as unknown as UserStatusMap;
   uiManagerStore.getState().setUserStatusMap(userOnlineStatusMap);
 }
 

package/src/states/index.ts

@@ -1,3 +1 @@
 export { useUIManagerState } from './UIManagerState';
-
-export { useChatHeaderState } from './ChatHeaderState';

package/src/styles/index.scss

@@ -1,2 +1 @@
 @forward "./normalize";
-@forward "./fonts/icon-font";

package/src/types/message.ts

@@ -1,4 +1,4 @@
-import type { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import type { IMessageModel } from '@tencentcloud/chat-uikit-engine-lite';
 
 interface IScrollPosition {
   /** The target scroll position from the top */

package/src/types/user.ts

@@ -1,4 +1,4 @@
-interface IUserStatus {
+interface UserStatus {
   /**
    * user status type
    * 0: unknown
@@ -13,8 +13,8 @@ interface IUserStatus {
   customStatus: string;
 }
 
-interface IUserStatusMap {
-  [userID: string]: IUserStatus;
+interface UserStatusMap {
+  [userID: string]: UserStatus;
 }
 
-export type { IUserStatus, IUserStatusMap };
+export type { UserStatus, UserStatusMap };

package/vite.config.ts

@@ -2,12 +2,10 @@ import { fileURLToPath } from 'node:url';
 import { extname, relative, resolve } from 'path';
 import react from '@vitejs/plugin-react';
 import { glob } from 'glob';
-import postcssUrl from 'postcss-url';
 import { visualizer } from 'rollup-plugin-visualizer';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 import { libInjectCss } from 'vite-plugin-lib-inject-css';
-import { viteStaticCopy } from 'vite-plugin-static-copy';
 
 // https://vite.dev/config/
 export default defineConfig(({ mode }) => {
@@ -26,10 +24,10 @@ export default defineConfig(({ mode }) => {
           'react/jsx-runtime',
           'react-dom',
           'react-dom/client',
-          '@tencentcloud/chat',
-          '@tencentcloud/tui-core',
+          '@tencentcloud/lite-chat',
+          '@tencentcloud/tui-core-lite',
           '@tencentcloud/universal-api',
-          '@tencentcloud/chat-uikit-engine',
+          '@tencentcloud/chat-uikit-engine-lite',
           '@tencentcloud/call-uikit-react',
           '@tencentcloud/uikit-base-component-react',
         ],
@@ -50,9 +48,6 @@ export default defineConfig(({ mode }) => {
             'external_modules/mui': [
               '@mui/base',
             ],
-            'external_modules/lodash': [
-              'lodash-es',
-            ],
             'external_modules/zustand': [
               'zustand',
             ],
@@ -73,12 +68,6 @@ export default defineConfig(({ mode }) => {
         outDir: 'dist',
         entryRoot: 'src',
       }),
-      viteStaticCopy({
-        targets: [{
-          src: 'src/assets/fonts',
-          dest: 'assets',
-        }],
-      }),
       enableBuildStats(!isDevelopment),
     ],
     css: {
@@ -86,17 +75,7 @@ export default defineConfig(({ mode }) => {
         generateScopedName: name => `uikit-${name}`,
       },
       postcss: {
-        plugins: [
-          postcssUrl({
-            url: (asset) => {
-              if (!/\.(woff|woff2|ttf)$/.test(asset.pathname || '')) {
-                return asset.url;
-              }
-              // ensure paths are correct in npm publish
-              return `"../assets/fonts/${asset.url.split('/').pop()}"`;
-            },
-          }),
-        ],
+        plugins: [],
       },
       preprocessorOptions: {
         scss: {