@tencentcloud/chat-uikit-react 3.4.6 → 3.4.7

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [3.4.7] (2025-12-02)
+
+#### fix
+* Chat: Fixed unnecessary rounded corners on video media information
+* Chat: Fixed issue where voice call peer does not update when switching conversations
+
 ## [3.4.6] (2025-11-18)
 
 #### fix
@@ -5,7 +11,6 @@
 * Fix the problem of missing call message text parameters
 * Optimize the placeholder content and disabled logic of the text editor
 
-
 ## [3.4.5] (2025-11-18)
 
 #### chore

package/dist/components/Chat/Chat.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a as i, V as n } from "../../index-Bdq5g_zL-D-10MRRF.js";
+import { a as i, V as n } from "../../index-J-xtCKzN-BPkGsnbF.js";
 import { c as m } from "../../external_modules/classnames-HRMVOjAa.js";
 import { ChatProvider as l } from "../../context/ChatContext.js";
 import '../../styles/Chat.css';const h = "uikit-chat", p = {

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

@@ -1,26 +1,26 @@
-import { jsx as a, Fragment as V, jsxs as B } from "react/jsx-runtime";
+import { jsx as s, Fragment as V, jsxs as B } 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-HRMVOjAa.js";
-import { b as $, a as q, y as H, C as y, s as h, V as J, O as Q } from "../../../index-Bdq5g_zL-D-10MRRF.js";
+import { b as $, a as q, c as H, C as h, s as y, V as J, U as Q } from "../../../index-J-xtCKzN-BPkGsnbF.js";
 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"
-}, G = 1, W = 80, v = 8, ee = 1, se = (D) => {
+}, D = 1, W = 80, v = 8, ee = 1, ae = (G) => {
   const {
     label: S = "",
     iconSize: A = 20,
-    disabled: s = !1,
+    disabled: a = !1,
     className: L,
     style: P,
     children: E
-  } = D, { t: p } = K(), { loginUserInfo: i } = $(), { activeConversation: e } = q(), { allMembers: t, getGroupMemberList: _, memberCount: g } = H(), [R, b] = j(!1), d = z(null), k = n(() => i == null ? void 0 : i.userId, [i]), U = n(() => (e == null ? void 0 : e.type) === y.C2C, [e]), x = n(() => (t == null ? void 0 : t.map((o) => ({
+  } = G, { t: p } = K(), { loginUserInfo: c } = $(), { activeConversation: e } = q(), { allMembers: t, getGroupMemberList: _, memberCount: g } = H(), [U, b] = j(!1), d = z(null), k = n(() => c == null ? void 0 : c.userId, [c]), R = n(() => (e == null ? void 0 : e.type) === h.C2C, [e]), x = n(() => (t == null ? void 0 : t.map((o) => ({
     key: o.userID,
     label: o.nick || o.userID,
     avatarUrl: o.avatar
-  }))) ?? [], [t]), N = n(() => !(!e || s), [e, s]), w = r(() => {
+  }))) ?? [], [t]), N = n(() => !(!e || a), [e, a]), w = r(() => {
     var l;
     const o = (l = e == null ? void 0 : e.userProfile) == null ? void 0 : l.userID;
     if (!o) {
@@ -28,15 +28,15 @@ import '../../../styles/AudioCallPicker.css';const u = {
       return;
     }
     try {
-      h({
+      y({
         userIDList: [o],
-        type: G
+        type: D
       });
-    } catch (f) {
-      console.error("Failed to start private audio call:", f);
+    } catch (C) {
+      console.error("Failed to start private audio call:", C);
     }
-  }, []), C = r(() => {
-    if ((e == null ? void 0 : e.type) !== y.GROUP)
+  }, [e == null ? void 0 : e.conversationID]), f = r(() => {
+    if ((e == null ? void 0 : e.type) !== h.GROUP)
       return;
     const o = (t == null ? void 0 : t.length) || 0;
     o < (g || 0) && _({
@@ -44,8 +44,8 @@ import '../../../styles/AudioCallPicker.css';const u = {
       offset: o
     });
   }, [e, t, g, _]), O = r(() => {
-    C(), b(!0);
-  }, [C]), c = r(() => {
+    f(), b(!0);
+  }, [f]), i = r(() => {
     b(!1);
   }, []), I = r(() => {
     var M;
@@ -59,42 +59,42 @@ import '../../../styles/AudioCallPicker.css';const u = {
       console.warn("No members selected for group call");
       return;
     }
-    const f = l.map((m) => m.key);
+    const C = l.map((m) => m.key);
     try {
-      h({
-        userIDList: f,
+      y({
+        userIDList: C,
         chatGroupID: o,
-        type: G
-      }), c();
+        type: D
+      }), i();
     } catch (m) {
       console.error("Failed to start group audio call:", m);
     }
-  }, [c]), F = r(() => {
+  }, [i]), F = r(() => {
     if (!N) {
       console.warn("Cannot start audio call");
       return;
     }
-    U ? w() : O();
+    R ? w() : O();
   }, []), T = r(() => {
     I();
   }, [I]);
-  return /* @__PURE__ */ a(V, { children: /* @__PURE__ */ B(J, { children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(V, { children: /* @__PURE__ */ B(J, { children: [
+    /* @__PURE__ */ s(
       "button",
       {
         type: "button",
         className: Z(
           u["audio-call-picker__button"],
           {
-            [u["audio-call-picker__button--disabled"]]: s
+            [u["audio-call-picker__button--disabled"]]: a
           },
           L
         ),
         style: P,
         onClick: F,
-        disabled: s,
+        disabled: a,
         "aria-label": S || "Audio Call",
-        children: E || /* @__PURE__ */ a(
+        children: E || /* @__PURE__ */ s(
           X,
           {
             className: u["audio-call-picker__icon"],
@@ -103,18 +103,18 @@ import '../../../styles/AudioCallPicker.css';const u = {
         )
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ s(
       Y,
       {
-        visible: R,
+        visible: U,
         title: p("MessageInput.select_call_members"),
         cancelText: p("MessageInput.cancel"),
-        onCancel: c,
-        onClose: c,
+        onCancel: i,
+        onClose: i,
         confirmText: p("MessageInput.initiate_call"),
         onConfirm: T,
         className: u["group-call-dialog"],
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ s(
           Q,
           {
             ref: d,
@@ -123,7 +123,7 @@ import '../../../styles/AudioCallPicker.css';const u = {
             lockedItems: k ? [{ key: k }] : [],
             maxCount: v,
             minCount: ee,
-            onReachEnd: C
+            onReachEnd: f
           }
         )
       }
@@ -131,5 +131,5 @@ import '../../../styles/AudioCallPicker.css';const u = {
   ] }) });
 };
 export {
-  se as AudioCallPicker
+  ae as AudioCallPicker
 };

package/dist/components/ChatHeader/ChatHeader.js

@@ -1,7 +1,7 @@
 import { jsx as v } from "react/jsx-runtime";
 import { useEffect as H } from "react";
 import { TUIUserService as U } from "@tencentcloud/chat-uikit-engine-lite";
-import { u as x } from "../../index-Bdq5g_zL-D-10MRRF.js";
+import { u as x } from "../../index-J-xtCKzN-BPkGsnbF.js";
 import { useChatHeader as y } from "../../hooks/useChatHeader.js";
 import g from "./ChatHeaderUI/ChatHeaderUI.js";
 const w = (t) => {

package/dist/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { useUIKit as C } from "@tencentcloud/uikit-base-component-react";
 import { c as m } from "../../../external_modules/classnames-HRMVOjAa.js";
-import { V as a, A as v } from "../../../index-Bdq5g_zL-D-10MRRF.js";
+import { V as a, A as v } from "../../../index-J-xtCKzN-BPkGsnbF.js";
 import { AudioCallPicker as g } from "../AudioCallPicker/AudioCallPicker.js";
 import { VideoCallPicker as T } from "../VideoCallPicker/VideoCallPicker.js";
 import '../../../styles/ChatHeaderUI.css';const e = {

package/dist/components/ChatHeader/VideoCallPicker/VideoCallPicker.js

@@ -2,7 +2,7 @@ import { jsx as s, Fragment as F, jsxs as T } from "react/jsx-runtime";
 import { useState as B, useRef as j, useMemo as n, useCallback as l } from "react";
 import { useUIKit as z, IconVideoFilled as K, Dialog as X } from "@tencentcloud/uikit-base-component-react";
 import { c as Y } from "../../../external_modules/classnames-HRMVOjAa.js";
-import { b as Z, a as $, y as q, C as P, s as S, V as H, O as J } from "../../../index-Bdq5g_zL-D-10MRRF.js";
+import { b as Z, a as $, c as q, C as P, s as S, V as H, U as J } from "../../../index-J-xtCKzN-BPkGsnbF.js";
 import '../../../styles/VideoCallPicker.css';const u = {
   "video-call-picker__button": "uikit-video-call-picker__button",
   "video-call-picker__button--disabled": "uikit-video-call-picker__button--disabled",
@@ -11,16 +11,16 @@ import '../../../styles/VideoCallPicker.css';const u = {
 }, E = 2, Q = 80, W = 8, ee = 1, ae = (L) => {
   const {
     label: R = "",
-    iconSize: V = 20,
+    iconSize: U = 20,
     disabled: a = !1,
-    className: U,
+    className: V,
     style: v,
     children: x
   } = L, { t: d } = z(), { loginUserInfo: i } = Z(), { activeConversation: e } = $(), { allMembers: t, getGroupMemberList: _, memberCount: g } = q(), [A, b] = B(!1), p = j(null), k = n(() => i == null ? void 0 : i.userId, [i]), I = n(() => (e == null ? void 0 : e.type) === P.C2C, [e]), N = n(() => (t == null ? void 0 : t.map((o) => ({
     key: o.userID,
     label: o.nick || o.userID,
     avatarUrl: o.avatar
-  }))) ?? [], [t]), M = n(() => !(!e || a), [e, a]), y = l(() => {
+  }))) ?? [], [t]), M = n(() => !(!e || a), [e, a]), h = l(() => {
     var r;
     const o = (r = e == null ? void 0 : e.userProfile) == null ? void 0 : r.userID;
     if (!o) {
@@ -43,7 +43,7 @@ import '../../../styles/VideoCallPicker.css';const u = {
       count: Q,
       offset: o
     });
-  }, [e, t, g, _]), h = l(() => {
+  }, [e, t, g, _]), y = l(() => {
     f(), b(!0);
   }, [f]), c = l(() => {
     b(!1);
@@ -74,8 +74,8 @@ import '../../../styles/VideoCallPicker.css';const u = {
       console.warn("Cannot start video call");
       return;
     }
-    I ? y() : h();
-  }, [M, I, y, h]), O = l(() => {
+    I ? h() : y();
+  }, [M, I, h, y]), O = l(() => {
     G();
   }, [G]);
   return /* @__PURE__ */ s(F, { children: /* @__PURE__ */ T(H, { children: [
@@ -88,7 +88,7 @@ import '../../../styles/VideoCallPicker.css';const u = {
           {
             [u["video-call-picker__button--disabled"]]: a
           },
-          U
+          V
         ),
         style: v,
         onClick: w,
@@ -98,7 +98,7 @@ import '../../../styles/VideoCallPicker.css';const u = {
           K,
           {
             className: u["video-call-picker__icon"],
-            size: `${V}px`
+            size: `${U}px`
           }
         )
       }

package/dist/components/Checkbox/index.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { useState as k } from "react";
 import { Icon as p } from "../Icon/Icon.js";
 import { IconTypes as l } from "../Icon/type.js";
-import '../../styles/index2.css';function g(a) {
+import '../../styles/index.css';function g(a) {
   const {
     checked: n = !1,
     className: s,

package/dist/components/Model/index.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import '../../styles/index3.css';function i(e) {
+import '../../styles/index2.css';function i(e) {
   const {
     className: n,
     onClick: o,

package/dist/components/Plugins/index.js

@@ -4,7 +4,7 @@ import { Icon as B } from "../Icon/Icon.js";
 import { IconTypes as D } from "../Icon/type.js";
 import { Popup as H } from "../Popup/index.js";
 import { usePluginsElement as L } from "./hooks/usePluginsElement.js";
-import '../../styles/index4.css';function M(g, f) {
+import '../../styles/index3.css';function M(g, f) {
   const {
     plugins: N = [],
     showNumber: x,

package/dist/components/Popup/index.js

@@ -1,6 +1,6 @@
 import { jsx as f, Fragment as P } from "react/jsx-runtime";
 import { useRef as I, useState as x, useLayoutEffect as h } from "react";
-import '../../styles/index5.css';function N(g) {
+import '../../styles/index4.css';function N(g) {
   const {
     show: o,
     close: c,

package/dist/components/Profile/ProfileDefault.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import W, { useState as x } from "react";
 import a from "@tencentcloud/chat-uikit-engine-lite";
 import { useUIKit as R, IconChevronLeft as F } from "@tencentcloud/uikit-base-component-react";
-import { A as G } from "../../index-Bdq5g_zL-D-10MRRF.js";
+import { A as G } from "../../index-J-xtCKzN-BPkGsnbF.js";
 import { DivWithEdit as S } from "../DivWithEdit/DivWithEdit.js";
 import { DatePicker as B } from "./DatePicker/DatePicker.js";
 const c = {

package/dist/components/Profile/myProfile/MyProfile.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import { defaultUserAvatar as c } from "../../../constant/avatar.js";
-import { A as n } from "../../../index-Bdq5g_zL-D-10MRRF.js";
+import { A as n } from "../../../index-J-xtCKzN-BPkGsnbF.js";
 import { IconHorizontalMoreTwo as l } from "@tencentcloud/uikit-base-component-react";
 import '../../../styles/MyProfile.css';function v(i) {
   const { profile: r, className: s = "", handleAvatar: e } = i;

package/dist/hooks/useChatHeader.js

@@ -1,5 +1,5 @@
 import { useMemo as o } from "react";
-import { a as p, C as s } from "../index-Bdq5g_zL-D-10MRRF.js";
+import { a as p, C as s } from "../index-J-xtCKzN-BPkGsnbF.js";
 import { useUIManagerState as d } from "../states/UIManagerState.js";
 function G() {
   const { userStatusMap: i } = d(), { activeConversation: t } = p(), n = t ? t.type === s.SYSTEM : void 0, a = o(() => {