npm - @tencentcloud/chat-uikit-react - Versions diffs - 2.1.2 → 2.1.4 - Mend

@@ -24,9 +24,9 @@ T extends ToastProps
   const root = document.body;
   const elements = document.createElement('div');
-  elements.innerText = text;
+  if(text) {
+    elements.innerText = text ;
+  }
   elements.className = `toast ${className} ${type}`;
   root.appendChild(elements);

@@ -4,7 +4,7 @@
   z-index: 10;
   margin: 20px;
   padding: 10px;
-  box-shadow: 0 11px 20px 0 rgb(0 0 0 / 30%);
+  box-shadow: 0 11px 20px 0 rgb(0, 0, 0.3);
   max-width: 50%;
   word-break: break-all;
   border-radius: 5px;

@@ -53,7 +53,7 @@ export const handleDisplayAvatar = (avatar: string, type:string = TencentCloudCh
 };
 export const getTimeStamp = (time: number, language?: string) => {
-  const locales = { enGB, zhCN };
+  const locales: any = { enGB, zhCN };
   let lng = '';
   if (language === 'zh') {
     lng = 'zhCN';

@@ -21,15 +21,15 @@ export interface TUIChatStateContextValue {
   messageConfig?: TUIMessageProps,
   cloudCustomData?: string,
   TUIMessageInputConfig?: TUIMessageInputBasicProps,
-  audioSource?: HTMLAudioElement,
-  vidoeSource?: HTMLVideoElement,
+  audioSource?: HTMLAudioElement | null,
+  vidoeSource?: HTMLVideoElement | null,
   TUIMessageListConfig?: MessageListProps,
   uploadPendingMessageList?: Array<Message>,
-  firstSendMessage?: Message;
+  firstSendMessage?: Message | null;
   activeMessageID?: string,
 }
-export const TUIChatStateContext = React.createContext<TUIChatStateContextValue>(null);
+export const TUIChatStateContext = React.createContext<TUIChatStateContextValue | null>(null);
 export function TUIChatStateContextProvider({ children, value }:PropsWithChildren<{
     value: TUIChatStateContextValue
 }>):React.ReactElement {

@@ -11,7 +11,7 @@ export interface TUIContactContextValue {
   isShowContactList?: boolean,
   setShowContactList?: React.Dispatch<React.SetStateAction<boolean>>
 }
-export const TUIContactContext = React.createContext<TUIContactContextValue>(null);
+export const TUIContactContext = React.createContext<TUIContactContextValue>({});
 export function TUIContactContextProvider({ children, value }:PropsWithChildren<{
     value: TUIContactContextValue
 }>):React.ReactElement {

@@ -8,9 +8,9 @@ export interface TUIConversationContextValue {
   filterConversation?:(conversationList: Array<Conversation>) => Array<Conversation>,
 }
-export const TUIConversationContext = React.createContext<TUIConversationContextValue>(undefined);
+export const TUIConversationContext = React.createContext<TUIConversationContextValue>({});
 export function TUIConversationProvider({ children, value }:React.PropsWithChildren<{
-  value?: TUIConversationContextValue
+  value: TUIConversationContextValue
 }>) {
   return (
     <TUIConversationContext.Provider value={value}>

@@ -35,7 +35,7 @@ export interface TUIMessageContextValue {
   Progress?: React.ComponentType<{message: Message}>,
 }
-export const TUIMessageContext = React.createContext<TUIMessageContextValue>(undefined);
+export const TUIMessageContext = React.createContext<TUIMessageContextValue>({});
 export function TUIMessageContextProvider({ children, value }:PropsWithChildren<{
     value: TUIMessageContextValue
 }>):React.ReactElement {

@@ -34,7 +34,7 @@ export interface TUIMessageInputContextValue {
   pluginConfig?: PluginConfigProps,
 }
-export const TUIMessageInputContext = React.createContext<TUIMessageInputContextValue>(undefined);
+export const TUIMessageInputContext = React.createContext<TUIMessageInputContextValue>({});
 export function TUIMessageInputContextProvider({ children, value }:PropsWithChildren<{
     value: TUIMessageInputContextValue
 }>):React.ReactElement {

@@ -15,7 +15,7 @@ export interface CreateGroupConversationParams {
   groupCustomField?: Array<object>;
   isSupportTopic?: boolean;
 }
-export const useConversation = (chat) => {
+export const useConversation = (chat: any) => {
   const {
     createConversation: contextCreateConversation,
     deleteConversation: contextDeleteConversation,

@@ -1,7 +1,7 @@
 import React from 'react';
-export const useProfile = (chat) => {
-  const getUserProfile = (userIDList) => chat.getUserProfile({ userIDList });
+export const useProfile = (chat: any) => {
+  const getUserProfile = (userIDList: Array<string>) => chat.getUserProfile({ userIDList });
   return {
     getUserProfile,
   };

@@ -5,6 +5,7 @@
     "allowSyntheticDefaultImports": true,
     "moduleResolution": "node",
     "jsx": "react-jsx",
+    "strict": true,
     "lib": ["es6", "dom", "es2016"],
   },
   "include": [

@@ -1,17 +0,0 @@
-interface ProfileParams {
-    nick?: string;
-    avatar?: string;
-    gender?: string;
-    selfSignature?: string;
-    allowType?: string;
-    birthday?: number;
-    location?: string;
-    language?: string;
-    messageSettings?: number;
-    adminForbidType?: string;
-    level?: number;
-    role?: number;
-    profileCustomField?: Array<any>;
-}
-export { ProfileParams };

@@ -1,28 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { ChatSDK, Profile } from '@tencentcloud/chat';
-export function useProfile(chat: ChatSDK, profileHandler?: (
-  profile: Profile,
-  setProfile?: React.Dispatch<React.SetStateAction<Profile>>,
-) => void) {
-  const [myProfile, setMyProfile] = useState<Profile>();
-  const getProfile = async (userIDList: Array<string>) => {
-    const res = await chat?.getUserProfile({
-      userIDList,
-    });
-    return res.data;
-  };
-  const getMyProfile = async () => {
-    const res = await chat?.getMyProfile();
-    setMyProfile(res?.data);
-  };
-  useEffect(() => {
-    getMyProfile();
-  }, [chat]);
-  return {
-    myProfile,
-    setMyProfile,
-    getProfile,
-  };
-}

@tencentcloud/chat-uikit-react 2.1.2 → 2.1.4