@tencentcloud/chat-uikit-react 3.0.1 → 3.0.3

package/dist/components/Chat/Chat.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { E as a, m as e } from "../../ChatSetting-79tDbXT3.js";
+import { E as a, m as e } from "../../ChatSetting-LYkP2NWu.js";
 import "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";

package/dist/components/ChatHeader/ChatHeader.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useEffect as h } from "react";
 import { TUIUserService as v } from "@tencentcloud/chat-uikit-engine";
-import { j as C } from "../../ChatSetting-79tDbXT3.js";
+import { j as C } from "../../ChatSetting-LYkP2NWu.js";
 import "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/tui-core";
 import "@tencentcloud/chat";

package/dist/components/ChatHeader/ChatHeaderActions/ChatHeaderActions.d.ts

@@ -1,4 +1,4 @@
-interface IChatHeaderActionsProps {
+interface ChatHeaderActionsProps {
     /** Whether to enable call features */
     chatHeaderActions?: Array<'videoCall' | 'audioCall' | 'chatSetting' | 'search'> | undefined;
     /** Additional class names */
@@ -6,6 +6,6 @@ interface IChatHeaderActionsProps {
     /** Additional style */
     style?: React.CSSProperties | undefined;
 }
-declare const ChatHeaderActions: (props: IChatHeaderActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatHeaderActions: (props: ChatHeaderActionsProps) => import("react/jsx-runtime").JSX.Element;
 export { ChatHeaderActions };
-export type { IChatHeaderActionsProps };
+export type { ChatHeaderActionsProps };

package/dist/components/ChatHeader/ChatHeaderActions/ChatHeaderActions.js

@@ -4,9 +4,9 @@ import { CallMediaType as m } from "@tencentcloud/call-uikit-react";
 import w from "@tencentcloud/chat-uikit-engine";
 import E, { TUIConstants as T } from "@tencentcloud/tui-core";
 import { useUIKit as U, IconHorizontalMoreTwo as b, IconSearch as D, IconCall1 as x, IconVideoDefault as y } from "@tencentcloud/uikit-base-component-react";
-import { i as z, E as N, p as A, m as M } from "../../../ChatSetting-79tDbXT3.js";
-import "@tencentcloud/chat";
 import { c as p } from "../../../external_modules/classnames-HRMVOjAa.js";
+import { i as z, E as N, p as A, m as M } from "../../../ChatSetting-LYkP2NWu.js";
+import "@tencentcloud/chat";
 import '../../../styles/ChatHeaderActions.css';const C = {
   "chat-header-actions": "uikit-chat-header-actions",
   "icon-button": "uikit-icon-button"

package/dist/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { IUserStatus } from '../../../types/user';
 import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
 import { AvatarProps } from 'tuikit-atomicx-react';
-interface IChatHeaderUIProps {
+interface ChatHeaderUIProps {
     /** Custom title, if not provided, will use conversation info */
     title: string;
     /** Whether it's a group conversation */
@@ -30,5 +30,5 @@ interface IChatHeaderUIProps {
     /** Search click callback */
     onSearchClick?: (() => void) | undefined;
 }
-declare const ChatHeaderUI: (props: IChatHeaderUIProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatHeaderUI: (props: ChatHeaderUIProps) => import("react/jsx-runtime").JSX.Element;
 export default ChatHeaderUI;

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

@@ -1,11 +1,11 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { useUIKit as O, IconChevronLeft as U } from "@tencentcloud/uikit-base-component-react";
-import { i as g, E as I, m as a, V as T } from "../../../ChatSetting-79tDbXT3.js";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useUIKit as b, IconChevronLeft as T } from "@tencentcloud/uikit-base-component-react";
+import { c as s } from "../../../external_modules/classnames-HRMVOjAa.js";
+import { i as U, E as g, m as a, V as I } from "../../../ChatSetting-LYkP2NWu.js";
 import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";
 import "react";
 import "@tencentcloud/chat";
-import { c as n } from "../../../external_modules/classnames-HRMVOjAa.js";
 import { ChatHeaderActions as x } from "../ChatHeaderActions/ChatHeaderActions.js";
 import '../../../styles/ChatHeaderUI.css';const e = {
   "chat-header": "uikit-chat-header",
@@ -17,59 +17,59 @@ import '../../../styles/ChatHeaderUI.css';const e = {
   "chat-header__typing-indicator": "uikit-chat-header__typing-indicator",
   "chat-header__live": "uikit-chat-header__live",
   "icon-button": "uikit-icon-button"
-}, m = {
+}, p = {
   Online: "Online",
   Offline: "Offline"
-}, L = (f) => {
+}, K = (u) => {
   const {
-    title: u,
-    avatar: h,
-    isPeerTyping: p = !1,
-    system: k = !1,
-    userStatus: c,
-    enableUserStatus: C = !0,
+    title: n,
+    avatar: o,
+    isPeerTyping: k = !1,
+    system: C = !1,
+    userStatus: i,
+    enableUserStatus: l = !0,
     chatHeaderActions: N,
-    Avatar: s,
-    isGroup: o,
-    className: l,
-    style: _
-  } = f, { t: r } = O(), { setChatSettingOpen: v, setChatSearchOpen: y } = g(), { setActiveConversation: b } = I();
-  if (k)
+    Avatar: _,
+    isGroup: r,
+    className: d,
+    style: m
+  } = u, { t: h } = b(), { setChatSettingOpen: v, setChatSearchOpen: y } = U(), { setActiveConversation: O } = g();
+  if (C)
     return /* @__PURE__ */ t(
       a,
       {
-        className: n(e["chat-header"], l),
-        style: _,
+        className: s(e["chat-header"], d),
+        style: m,
         children: "System Notice"
       }
     );
-  function d() {
-    b(""), v(!1), y(!1);
+  function f() {
+    O(""), v(!1), y(!1);
   }
   return /* @__PURE__ */ t(
     a,
     {
-      className: n(e["chat-header"], l),
-      style: _,
-      children: /* @__PURE__ */ i(a, { className: e["chat-header__container"], children: [
-        /* @__PURE__ */ i(a, { className: e["chat-header__left"], children: [
-          /* @__PURE__ */ t("button", { className: n(e["icon-button"], e["chat-header__back-icon"]), onClick: d, children: /* @__PURE__ */ t(
-            U,
+      className: s(e["chat-header"], d),
+      style: m,
+      children: /* @__PURE__ */ c(a, { className: e["chat-header__container"], children: [
+        /* @__PURE__ */ c(a, { className: e["chat-header__left"], children: [
+          /* @__PURE__ */ t("button", { className: s(e["icon-button"], e["chat-header__back-icon"]), onClick: f, children: /* @__PURE__ */ t(
+            T,
             {
-              onClick: d,
+              onClick: f,
               size: "28px"
             }
           ) }),
-          s ? /* @__PURE__ */ t(s, { src: h || "" }) : /* @__PURE__ */ t(T, { src: h || "" }),
-          /* @__PURE__ */ i(a, { className: e["chat-header__info"], children: [
-            /* @__PURE__ */ i(a, { className: e["chat-header__title"], children: [
-              u,
-              !o && p && /* @__PURE__ */ i("span", { className: e["chat-header__typing-indicator"], children: [
+          _ ? /* @__PURE__ */ t(_, { src: o || "", alt: n }) : /* @__PURE__ */ t(I, { src: o || "", alt: n, isShowOnlineStatus: !r && l, isOnline: (i == null ? void 0 : i.statusType) === 1 }),
+          /* @__PURE__ */ c(a, { className: e["chat-header__info"], children: [
+            /* @__PURE__ */ c(a, { className: e["chat-header__title"], children: [
+              n,
+              !r && k && /* @__PURE__ */ c("span", { className: e["chat-header__typing-indicator"], children: [
                 " ",
-                r("TUIChat.Typing")
+                h("TUIChat.Typing")
               ] })
             ] }),
-            !o && C && ((c == null ? void 0 : c.statusType) === 1 ? /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: r(`TUIChat.${m.Online}`) }) : /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: r(`TUIChat.${m.Offline}`) }))
+            !r && l && ((i == null ? void 0 : i.statusType) === 1 ? /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: h(`TUIChat.${p.Online}`) }) : /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: h(`TUIChat.${p.Offline}`) }))
           ] })
         ] }),
         /* @__PURE__ */ t(
@@ -83,5 +83,5 @@ import '../../../styles/ChatHeaderUI.css';const e = {
   );
 };
 export {
-  L as default
+  K as default
 };

package/dist/components/IconFont/Icon.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import d from "react";
 import { c as n } from "../../external_modules/classnames-HRMVOjAa.js";
-import { B as h } from "../../external_modules/mui-CbGEJVT2.js";
+import { B as h } from "../../external_modules/mui-BcA3SBHM.js";
 import '../../styles/Icon2.css';const i = {
   "icon-font": "uikit-icon-font",
   "icon-button": "uikit-icon-button"

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { jsx as a, Fragment as k } from "react/jsx-runtime";
 import { forwardRef as v, useState as m, useRef as p, useEffect as b } from "react";
 import { c as u } from "../../external_modules/classnames-HRMVOjAa.js";
-import { M as x } from "../../external_modules/mui-CbGEJVT2.js";
+import { M as x } from "../../external_modules/mui-BcA3SBHM.js";
 import { C as A } from "../../external_modules/react-vendors-3raCpd-g.js";
 import '../../styles/Modal.css';const E = "uikit-root", N = "uikit-backdrop", R = "uikit-backdropEnterActive", t = {
   root: E,

package/dist/components/PopupNew/Popup.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { P as u } from "../../external_modules/mui-CbGEJVT2.js";
+import { P as u } from "../../external_modules/mui-BcA3SBHM.js";
 function m(t) {
   const {
     anchor: o,

package/dist/components/Profile/Profile.js

@@ -3,7 +3,7 @@ import p from "react";
 import { MyProfile as P } from "./myProfile/MyProfile.js";
 import { useMyProfile as s } from "./hooks/useMyProfile.js";
 import { TUIProfileDefault as a } from "./ProfileDefault.js";
-import { i as c } from "../../ChatSetting-79tDbXT3.js";
+import { i as c } from "../../ChatSetting-LYkP2NWu.js";
 import "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";

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";
 import { useUIKit as R, IconChevronLeft as F } from "@tencentcloud/uikit-base-component-react";
-import { i as G, V as B } from "../../ChatSetting-79tDbXT3.js";
+import { i as G, V as B } from "../../ChatSetting-LYkP2NWu.js";
 import "@tencentcloud/tui-core";
 import "@tencentcloud/chat";
 import { DivWithEdit as L } from "../DivWithEdit/DivWithEdit.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { defaultUserAvatar as s } from "../../../constant/avatar.js";
-import { V as t } from "../../../ChatSetting-79tDbXT3.js";
+import { V as t } from "../../../ChatSetting-LYkP2NWu.js";
 import { IconHorizontalMoreTwo as c } from "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";

package/dist/constant/avatar.d.ts

@@ -2,4 +2,5 @@ export declare const defaultGroupAvatarWork = "https://web.sdk.qcloud.com/im/dem
 export declare const defaultGroupAvatarPublic = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png";
 export declare const defaultGroupAvatarMeeting = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png";
 export declare const defaultGroupAvatarAVChatRoom = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png";
-export declare const defaultUserAvatar = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png";
+export declare const defaultUserAvatar = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_16.png";
+export declare const DEFAULT_GROUP_COMMON_AVATAR = "https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.png";

package/dist/constant/avatar.js

@@ -1,5 +1,6 @@
-const t = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png", a = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png", o = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png", e = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png", s = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png";
+const t = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png", a = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png", o = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png", e = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png", s = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_16.png", c = "https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.png";
 export {
+  c as DEFAULT_GROUP_COMMON_AVATAR,
   e as defaultGroupAvatarAVChatRoom,
   o as defaultGroupAvatarMeeting,
   a as defaultGroupAvatarPublic,

package/dist/context/ChatContext.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { createContext as i, useMemo as s, useContext as u } from "react";
 import { useUIManagerState as a } from "../states/UIManagerState.js";
 import "@tencentcloud/chat-uikit-engine";
-import "../ChatSetting-79tDbXT3.js";
+import "../ChatSetting-LYkP2NWu.js";
 import "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/tui-core";
 import "@tencentcloud/chat";

package/dist/external_modules/{mui-CbGEJVT2.js → mui-BcA3SBHM.js}

@@ -303,7 +303,7 @@ const qt = function(e) {
         const F = (((y = s.flip) == null ? void 0 : y.index) || 0) + 1, B = S[F];
         if (B && (!(d === "alignment" ? R !== z(B) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        L.every((O) => O.overflows[0] > 0 && z(O.placement) === R)))
+        L.every((O) => z(O.placement) === R ? O.overflows[0] > 0 : !0)))
           return {
             data: {
               index: F,

package/dist/external_modules/{zustand-Dvydplxp.js → zustand-CDmQR4co.js}

@@ -1,22 +1,22 @@
-import u from "react";
+import o from "react";
 const f = (e) => {
   let t;
-  const n = /* @__PURE__ */ new Set(), o = (s, r) => {
+  const n = /* @__PURE__ */ new Set(), a = (s, r) => {
     const c = typeof s == "function" ? s(t) : s;
     if (!Object.is(c, t)) {
       const l = t;
       t = r ?? (typeof c != "object" || c === null) ? c : Object.assign({}, t, c), n.forEach((b) => b(t, l));
     }
-  }, a = () => t, i = { setState: o, getState: a, getInitialState: () => S, subscribe: (s) => (n.add(s), () => n.delete(s)) }, S = t = e(o, a, i);
+  }, u = () => t, i = { setState: a, getState: u, getInitialState: () => S, subscribe: (s) => (n.add(s), () => n.delete(s)) }, S = t = e(a, u, i);
   return i;
 }, j = (e) => f, g = (e) => e;
 function m(e, t = g) {
-  const n = u.useSyncExternalStore(
+  const n = o.useSyncExternalStore(
     e.subscribe,
-    () => t(e.getState()),
-    () => t(e.getInitialState())
+    o.useCallback(() => t(e.getState()), [e, t]),
+    o.useCallback(() => t(e.getInitialState()), [e, t])
   );
-  return u.useDebugValue(n), n;
+  return o.useDebugValue(n), n;
 }
 export {
   j as c,