@tencentcloud/chat-uikit-react 1.0.1 → 1.0.3

package/src/components/TUIMessageInput/InputQuoteDefalut.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useCallback } from 'react';
+import React, { PropsWithChildren, useCallback, useEffect } from 'react';
 import './styles/index.scss';
 
 import { Message } from 'tim-js-sdk';
@@ -16,11 +16,11 @@ export function InputQuoteDefalut <T extends InputQuoteProps>(
   props:PropsWithChildren<T>,
 ):React.ReactElement {
   const {
-    message,
+    message: propsMessage,
   } = props;
 
   const { operateMessage } = useTUIChatActionContext('MessageRevokeWithContext');
-  const { cloudCustomData } = useHandleQuoteMessage(message);
+  const { cloudCustomData, message } = useHandleQuoteMessage(propsMessage);
 
   const handleClose = useCallback(() => {
     operateMessage({

package/src/components/TUIMessageInput/hooks/useHandleQuoteMessage.tsx

@@ -59,5 +59,6 @@ export function useHandleQuoteMessage(msg?:Message) {
   return {
     cloudCustomData,
     handleQuoteMessage,
+    message: msg || operateData[MESSAGE_OPERATE.QUOTE],
   };
 }

package/src/components/TUIMessageList/TUIMessageList.tsx

@@ -28,6 +28,7 @@ function TUIMessageListWithContext <T extends MessageListProps>(
     highlightedMessageId: propsHighlightedMessageId,
     loadMore: propsLoadMore,
     intervalsTimer: propsIntervalsTimer,
+    className: propsClassName,
   } = props;
 
   const [ulElement, setUlElement] = useState<HTMLUListElement | null>(null);
@@ -99,9 +100,9 @@ function TUIMessageListWithContext <T extends MessageListProps>(
   }, [highlightedMessageId]);
 
   return (
-    <div className={`message-list ${!firstRender ? 'hide' : ''}`} ref={messageListRef}>
+    <div className={`message-list ${propsClassName} ${!firstRender ? 'hide' : ''}`} ref={messageListRef}>
       {noMore}
-      {noMore && <p className="no-more">no More</p>}
+      {noMore && <p className="no-more">No More</p>}
       <InfiniteScroll
         className="message-list-infinite-scroll"
         hasMore

package/src/components/TUIProfile/TUIProfileDefault.tsx

@@ -119,7 +119,7 @@ function TUIProfileDefaultWithContext <T extends TUIProfileDefaultProps>(
           calendarClassName="tui-profile-birthday-calendar"
           isOpen
           format="y-MM-dd"
-          onChange={(value) => { editBirthday(value); }}
+          onChange={(value:Date) => { editBirthday(value); }}
           value={showBirthdayFormat(`${userInfo?.birthday}`)}
         />
       ),

package/src/components/untils.ts

@@ -11,18 +11,16 @@ import { defaultGroupAvatarWork, defaultUserAvatar } from './Avatar';
 
 // Determine if it is a JSON string
 export function isJSON(str: string) {
-  // eslint-disable-next-line no-useless-escape
-  if (
-    /^[\],:{}\s]*$/.test(
-      str
-      // eslint-disable-next-line no-useless-escape
-        .replace(/\\["\\\/bfnrtu]/g, '@')
-      // eslint-disable-next-line no-useless-escape
-        .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
-        .replace(/(?:^|:|,)(?:\s*\[)+/g, ''),
-    )
-  ) {
-    return true;
+  if (typeof str === 'string') {
+    try {
+      const data = JSON.parse(str);
+      if (data) {
+        return true;
+      }
+      return false;
+    } catch (error) {
+      return false;
+    }
   }
   return false;
 }

package/src/context/TUIConversationContext.tsx

@@ -1,9 +1,11 @@
 import React, { useContext } from 'react';
+import { Conversation } from 'tim-js-sdk';
 import { TUIConversationList } from '../components';
 
 export interface TUIConversationContextValue {
   createConversation?:(conversationID:string) => Promise<any>,
   deleteConversation?:(conversationID:string) => Promise<any>,
+  filterConversation?:(conversationList: Array<Conversation>) => Array<Conversation>,
 }
 
 export const TUIConversationContext = React.createContext<TUIConversationContextValue>(undefined);

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};exports.commonjsGlobal=e;

package/dist/cjs/_virtual/tim-js.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.timJs={exports:{}};

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};export{e as commonjsGlobal};

package/dist/esm/_virtual/tim-js.js

@@ -1 +0,0 @@
-var r={exports:{}};export{r as t};