@tencentcloud/chat-uikit-react 5.3.1 → 5.5.1

package/CHANGELOG.md

@@ -1,12 +1,12 @@
-## [5.3.1] (2025-2-26)
-
+## [5.5.1] (2026-03-11)
 ### feat
-* support quick send and customize CustomMessage
-* support offlinePushInfo
+* Adjust the dependency on the base library to peerDependencies.
 
-#### fix
 
-* fix some exist problems.
+## [5.5.0] (2026-03-10)
+### feat
+* upgrade engine、sdk、core to lite version
+
 
 ## [5.3.0] (2026-02-05)
 ### feat

package/dist/components/ChatHeader/AudioCallPicker/AudioCallPicker.js

@@ -2,25 +2,25 @@ import { jsx as s, Fragment as B, jsxs as V } from "react/jsx-runtime";
 import { useState as j, useRef as z, useMemo as n, useCallback as r } from "react";
 import { useUIKit as K, IconCallFilled as X, Dialog as Y } from "@tencentcloud/uikit-base-component-react";
 import { c as Z } from "../../../external_modules/classnames-YINwPh9B.js";
-import { useLoginState as $, useConversationListState as q, useGroupSettingState as H, ConversationType as h, startCall as y, View as J, UserPicker as Q } from "tuikit-atomicx-react/chat";
+import { useLoginState as $, useConversationListState as q, useGroupSettingState as H, ConversationType as S, startCall as A, View as J, UserPicker as Q } from "tuikit-atomicx-react/chat";
 import '../../../styles/AudioCallPicker.css';const u = {
   "audio-call-picker__button": "uikit-audio-call-picker__button",
   "audio-call-picker__button--disabled": "uikit-audio-call-picker__button--disabled",
   "audio-call-picker__icon": "uikit-audio-call-picker__icon",
   "group-call-dialog": "uikit-group-call-dialog"
-}, D = 1, W = 80, v = 8, ee = 1, ae = (G) => {
+}, L = 1, W = 80, v = 8, ee = 1, ae = (P) => {
   const {
-    label: S = "",
-    iconSize: A = 20,
+    label: E = "",
+    iconSize: R = 20,
     disabled: a = !1,
-    className: L,
-    style: P,
-    children: E
-  } = G, { t: p } = K(), { loginUserInfo: c } = $(), { activeConversation: e } = q(), { allMembers: t, getGroupMemberList: _, memberCount: g } = H(), [R, b] = j(!1), d = z(null), k = n(() => c == null ? void 0 : c.userId, [c]), U = n(() => (e == null ? void 0 : e.type) === h.C2C, [e]), x = n(() => (t == null ? void 0 : t.map((o) => ({
+    className: U,
+    style: x,
+    children: N
+  } = P, { t: p } = K(), { loginUserInfo: c } = $(), { activeConversation: e } = q(), { allMembers: t, getGroupMemberList: _, memberCount: g } = H(), [w, b] = j(!1), d = z(null), k = n(() => c == null ? void 0 : c.userId, [c]), I = n(() => (e == null ? void 0 : e.type) === S.C2C, [e]), O = n(() => (t == null ? void 0 : t.map((o) => ({
     key: o.userID,
     label: o.nick || o.userID,
     avatarUrl: o.avatar
-  }))) ?? [], [t]), N = n(() => !(!e || a), [e, a]), w = r(() => {
+  }))) ?? [], [t]), M = n(() => !(!e || a), [e, a]), h = r(() => {
     var l;
     const o = (l = e == null ? void 0 : e.userProfile) == null ? void 0 : l.userID;
     if (!o) {
@@ -28,28 +28,28 @@ import '../../../styles/AudioCallPicker.css';const u = {
       return;
     }
     try {
-      y({
+      A({
         userIDList: [o],
-        type: D
+        type: L
       });
     } catch (m) {
       console.error("Failed to start private audio call:", m);
     }
   }, [e == null ? void 0 : e.conversationID]), f = r(() => {
-    if ((e == null ? void 0 : e.type) !== h.GROUP)
+    if ((e == null ? void 0 : e.type) !== S.GROUP)
       return;
     const o = (t == null ? void 0 : t.length) || 0;
     o < (g || 0) && _({
       count: W,
       offset: o
     });
-  }, [e, t, g, _]), O = r(() => {
+  }, [e, t, g, _]), y = r(() => {
     f(), b(!0);
   }, [f]), i = r(() => {
     b(!1);
-  }, []), I = r(() => {
-    var M;
-    const o = (M = e == null ? void 0 : e.groupProfile) == null ? void 0 : M.groupID;
+  }, []), D = r(() => {
+    var G;
+    const o = (G = e == null ? void 0 : e.groupProfile) == null ? void 0 : G.groupID;
     if (!d.current || !o) {
       console.warn("Missing group information for group call");
       return;
@@ -61,23 +61,23 @@ import '../../../styles/AudioCallPicker.css';const u = {
     }
     const m = l.map((C) => C.key);
     try {
-      y({
+      A({
         userIDList: m,
         chatGroupID: o,
-        type: D
+        type: L
       }), i();
     } catch (C) {
       console.error("Failed to start group audio call:", C);
     }
   }, [i]), F = r(() => {
-    if (!N) {
+    if (!M) {
       console.warn("Cannot start audio call");
       return;
     }
-    U ? w() : O();
-  }, []), T = r(() => {
-    I();
-  }, [I]);
+    I ? h() : y();
+  }, [M, I, h, y]), T = r(() => {
+    D();
+  }, [D]);
   return /* @__PURE__ */ s(B, { children: /* @__PURE__ */ V(J, { children: [
     /* @__PURE__ */ s(
       "button",
@@ -88,17 +88,17 @@ import '../../../styles/AudioCallPicker.css';const u = {
           {
             [u["audio-call-picker__button--disabled"]]: a
           },
-          L
+          U
         ),
-        style: P,
+        style: x,
         onClick: F,
         disabled: a,
-        "aria-label": S || "Audio Call",
-        children: E || /* @__PURE__ */ s(
+        "aria-label": E || "Audio Call",
+        children: N || /* @__PURE__ */ s(
           X,
           {
             className: u["audio-call-picker__icon"],
-            size: `${A}px`
+            size: `${R}px`
           }
         )
       }
@@ -106,7 +106,7 @@ import '../../../styles/AudioCallPicker.css';const u = {
     /* @__PURE__ */ s(
       Y,
       {
-        visible: R,
+        visible: w,
         title: p("MessageInput.select_call_members"),
         cancelText: p("MessageInput.cancel"),
         onCancel: i,
@@ -119,7 +119,7 @@ import '../../../styles/AudioCallPicker.css';const u = {
           {
             ref: d,
             displayMode: "list",
-            dataSource: x,
+            dataSource: O,
             lockedItems: k ? [{ key: k }] : [],
             maxCount: v,
             minCount: ee,

package/dist/index.js

@@ -20,8 +20,8 @@ import { ChatProvider as q, useChatContext as z } from "./context/ChatContext.js
 import { useChatHeader as F } from "./hooks/useChatHeader.js";
 import { useUIManagerState as J } from "./states/UIManagerState.js";
 import './styles/index.css';export * from "tuikit-atomicx-react/chat";
-const e = "5.3.1";
-typeof window < "u" && (window.__CHAT_UIKIT_REACT__ = { name: "@tencentcloud/chat-uikit-react", version: "5.3.1" }, console.log("[@tencentcloud/chat-uikit-react] v5.3.1"));
+const e = "5.5.1";
+typeof window < "u" && (window.__CHAT_UIKIT_REACT__ = { name: "@tencentcloud/chat-uikit-react", version: "5.5.1" }, console.log("[@tencentcloud/chat-uikit-react] v5.5.1"));
 export {
   a as AudioCallPicker,
   d as Chat,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/chat-uikit-react",
-  "version": "5.3.1",
+  "version": "5.5.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,7 +43,6 @@
   },
   "dependencies": {
     "@mui/base": "5.0.0-beta.66",
-    "tuikit-atomicx-react": "^5.3.1",
     "classnames": "^2.5.1",
     "react-transition-group": "^4.4.5",
     "zustand": "^5.0.0"
@@ -93,7 +92,7 @@
     "vite-plugin-dts": "^4.2.2",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-static-copy": "^1.0.6",
-    "@trtc/calls-uikit-react": "~4.4.2"
+    "@trtc/calls-uikit-react": "~4.4.5"
   },
   "peerDependencies": {
     "i18next": "^23.7.11",
@@ -102,7 +101,8 @@
     "@tencentcloud/lite-chat": "^1.6.3",
     "@tencentcloud/tui-core-lite": "~1.0.0",
     "@tencentcloud/chat-uikit-engine-lite": "~1.0.4",
+    "tuikit-atomicx-react": "^5.5.0",
     "@tencentcloud/uikit-base-component-react": "^1.1.7",
-    "@tencentcloud/universal-api": "^2.4.0"
+    "@tencentcloud/universal-api": "^2.4.1"
   }
 }

package/src/components/ChatHeader/AudioCallPicker/AudioCallPicker.tsx

@@ -173,7 +173,7 @@ const AudioCallPicker = (props: AudioCallPickerProps) => {
     } else {
       showGroupCallDialog();
     }
-  }, []);
+  }, [canStartCall, isC2CConversation, initiatePrivateCall, showGroupCallDialog]);
 
   const handleConfirmGroupCall = useCallback(() => {
     initiateGroupCall();