@tencentcloud/chat-uikit-react 3.4.4 → 3.4.6

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [3.4.6] (2025-11-18)
+
+#### fix
+* Fix the problem of call message not having the peer userID when clicked again
+* 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
+* update README.md
+
 ## [3.4.4] (2025-11-07)
 
 #### fix

package/README.md

@@ -21,6 +21,10 @@
 </tr>
 </table>
 
+## 🚀 Recommended: Use the More Efficient AI Integration Assistant
+We offer you a brand-new way to integrate AI. Just briefly describe your needs, and it will automatically generate the integration code, significantly boosting development efficiency.</br>
+[Click here to experience the AI Integration Assistant immediately](https://cloud.tencent.com/document/product/269/124481)
+
 ## Integrating chat-uikit-react
 This tutorial shows how you can build a chat application in just 10 minutes by integrating chat-uikit-react
 [<img src="https://web.sdk.qcloud.com/im/assets/images/build_react_chat.png" width="800"/>](https://www.youtube.com/watch?v=o0PcxpGl66Y)

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-C0eFOcei-6p8FwrwR.js";
+import { a as i, V as n } from "../../index-Bdq5g_zL-D-10MRRF.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

@@ -2,7 +2,7 @@ import { jsx as a, 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-C0eFOcei-6p8FwrwR.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 '../../../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",

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-C0eFOcei-6p8FwrwR.js";
+import { u as x } from "../../index-Bdq5g_zL-D-10MRRF.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-C0eFOcei-6p8FwrwR.js";
+import { V as a, A as v } from "../../../index-Bdq5g_zL-D-10MRRF.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-C0eFOcei-6p8FwrwR.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 '../../../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",

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-C0eFOcei-6p8FwrwR.js";
+import { A as G } from "../../index-Bdq5g_zL-D-10MRRF.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-C0eFOcei-6p8FwrwR.js";
+import { A as n } from "../../../index-Bdq5g_zL-D-10MRRF.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-C0eFOcei-6p8FwrwR.js";
+import { a as p, C as s } from "../index-Bdq5g_zL-D-10MRRF.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(() => {

package/dist/{index-C0eFOcei-6p8FwrwR.js → index-Bdq5g_zL-D-10MRRF.js}

@@ -8,7 +8,7 @@ import { getPlatform as uc } from "@tencentcloud/universal-api";
 import * as Bf from "react-dom";
 import Js from "react-dom";
 import Ai from "@tencentcloud/lite-chat";
-import './styles/index-C0eFOcei.css';const bg = {}, ru = (n) => {
+import './styles/index-Bdq5g_zL.css';const bg = {}, ru = (n) => {
   let e;
   const t = /* @__PURE__ */ new Set(), r = (u, d) => {
     const f = typeof u == "function" ? u(e) : u;
@@ -3522,7 +3522,7 @@ function zf(n) {
   let v = S || n.nameCard || n.nick || g;
   switch (v = yu(v), m.actionType) {
     case 1:
-      return (((e = p == null ? void 0 : p.data) == null ? void 0 : e.cmd) === "audioCall" || ((t = p == null ? void 0 : p.data) == null ? void 0 : t.cmd) === "videoCall") && m.groupID ? be.t("CallMessage.start_call", { messageSender: v }) : ((r = p == null ? void 0 : p.data) == null ? void 0 : r.cmd) === "hangup" ? m.groupID ? be.t("CallMessage.call_ended") : `${be.t("CallMessage.call_duration")}: ${hC(p == null ? void 0 : p.call_end)}` : ((i = p == null ? void 0 : p.data) == null ? void 0 : i.cmd) === "switchToAudio" ? be.t("CallMessage.switch_to_audio_call") : ((s = p == null ? void 0 : p.data) == null ? void 0 : s.cmd) === "switchToVideo" ? be.t("CallMessage.switch_to_video_call") : be.t("CallMessage.start_call");
+      return (((e = p == null ? void 0 : p.data) == null ? void 0 : e.cmd) === "audioCall" || ((t = p == null ? void 0 : p.data) == null ? void 0 : t.cmd) === "videoCall") && m.groupID ? be.t("CallMessage.start_call", { messageSender: v }) : ((r = p == null ? void 0 : p.data) == null ? void 0 : r.cmd) === "hangup" ? m.groupID ? be.t("CallMessage.call_ended") : `${be.t("CallMessage.call_duration")}: ${hC(p == null ? void 0 : p.call_end)}` : ((i = p == null ? void 0 : p.data) == null ? void 0 : i.cmd) === "switchToAudio" ? be.t("CallMessage.switch_to_audio_call") : ((s = p == null ? void 0 : p.data) == null ? void 0 : s.cmd) === "switchToVideo" ? be.t("CallMessage.switch_to_video_call") : be.t("CallMessage.start_call", { messageSender: "" });
     case 2:
       return m.groupID ? `${v} ${be.t("CallMessage.cancel_call")}` : m.inviter === _ ? be.t("CallMessage.canceled") : be.t("CallMessage.canceled_by_recipient");
     case 3:
@@ -18563,12 +18563,13 @@ function nL(n, e, t) {
 }
 function Yi(n) {
   let t = n.parent.content.cutByIndex(n.startIndex, n.endIndex);
-  for (let r = n.depth; ; --r) {
-    let i = n.$from.node(r), s = n.$from.index(r), o = n.$to.indexAfter(r);
-    if (r < n.depth && i.canReplace(s, o, t))
+  for (let r = n.depth, i = 0, s = 0; ; --r) {
+    let o = n.$from.node(r), a = n.$from.index(r) + i, l = n.$to.indexAfter(r) - s;
+    if (r < n.depth && o.canReplace(a, l, t))
       return r;
-    if (r == 0 || i.type.spec.isolating || !nL(i, s, o))
+    if (r == 0 || o.type.spec.isolating || !nL(o, a, l))
       break;
+    a && (i = 1), l < o.childCount && (s = 1);
   }
   return null;
 }
@@ -18982,7 +18983,7 @@ function _L(n, e, t, r) {
   let i = n.doc.resolve(e), s = n.doc.resolve(t);
   if (Tp(i, s, r))
     return n.step(new tt(e, t, r));
-  let o = Lp(i, n.doc.resolve(t));
+  let o = Lp(i, s);
   o[o.length - 1] == 0 && o.pop();
   let a = -(i.depth + 1);
   o.unshift(a);
@@ -28312,7 +28313,7 @@ function mR(n = {}) {
       handleDOMEvents: {
         beforeinput(e, t) {
           let r = t.inputType, i = r == "historyUndo" ? Rm : r == "historyRedo" ? Im : null;
-          return i ? (t.preventDefault(), i(e.state, e.dispatch)) : !1;
+          return !i || !e.editable ? !1 : (t.preventDefault(), i(e.state, e.dispatch));
         }
       }
     }
@@ -30078,9 +30079,10 @@ const Ar = {
 };
 function dI(n) {
   const { message: e } = n, { activeConversation: t } = wt(), r = Te(() => zf(e), [e.ID]), i = Te(() => Vf(e), [e.ID]), s = (t == null ? void 0 : t.type) === ur.C2C, o = () => {
+    var a;
     !s || !t || !i || fC({
       type: i.data.data.call_type,
-      userIDList: i.data.inviteeList
+      userIDList: [(a = t.userProfile) == null ? void 0 : a.userID]
     });
   };
   return s ? /* @__PURE__ */ b(B, { flexDir: "row", gap: 8, className: G(Ar["custom-message"], Ar["call-message-c2c"]), onClick: o, children: [

package/dist/index.js

@@ -19,7 +19,7 @@ import { TUIContactContext as G, TUIContactContextProvider as W, useTUIContactCo
 import { ChatProvider as R, useChatContext as q } from "./context/ChatContext.js";
 import { useChatHeader as J } from "./hooks/useChatHeader.js";
 import { useUIManagerState as X } from "./states/UIManagerState.js";
-import { A as Z, c as _, d as $, G as ee, e as te, f as ae, g as se, h as oe, i as re, j as ne, k as ie, l as pe, m as ce, C as Ce, E as me, H as ue, L as xe, M as fe, n as Se, o as Ie, p as ve, I as ge, P as he, S as de, q as Pe, r as Ue, t as Le, v as Ae, J as Ne, U as Oe, K as Te, V as le, N as ye, s as De, w as Ee, x as Me, a as Ve, y as ke, b as we, z as Fe, B as Ke, u as He, D as be, F as Ge } from "./index-C0eFOcei-6p8FwrwR.js";
+import { A as Z, c as _, d as $, G as ee, e as te, f as ae, g as se, h as oe, i as re, j as ne, k as ie, l as pe, m as ce, C as Ce, E as me, H as ue, L as xe, M as fe, n as Se, o as Ie, p as ve, I as ge, P as he, S as de, q as Pe, r as Ue, t as Le, v as Ae, J as Ne, U as Oe, K as Te, V as le, N as ye, s as De, w as Ee, x as Me, a as Ve, y as ke, b as we, z as Fe, B as Ke, u as He, D as be, F as Ge } from "./index-Bdq5g_zL-D-10MRRF.js";
 import './styles/index.css';var t = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.AUDIO = 1] = "AUDIO", e[e.VIDEO = 2] = "VIDEO", e))(t || {}), a = /* @__PURE__ */ ((e) => (e.ON = "ON", e.OFF = "OFF", e))(a || {});
 export {
   m as AudioCallPicker,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/chat-uikit-react",
-  "version": "3.4.4",
+  "version": "3.4.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@mui/base": "5.0.0-beta.66",
-    "tuikit-atomicx-react": "3.4.4",
+    "tuikit-atomicx-react": "3.4.5",
     "classnames": "^2.5.1",
     "react-transition-group": "^4.4.5",
     "zustand": "^5.0.0"