@tencentcloud/chat-uikit-react 3.0.0 → 3.0.2

package/dist/components/Chat/Chat.js

@@ -1,29 +1,30 @@
 import { jsx as r } from "react/jsx-runtime";
-import { E as a, m as e } from "../../ChatSetting-C7QlwAiq.js";
+import { E as a, m as e } from "../../ChatSetting-BtQwjHr0.js";
 import "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";
 import "react";
-import { c as l } from "../../external_modules/classnames-HRMVOjAa.js";
-import { ChatProvider as n } from "../../context/ChatContext.js";
-import '../../styles/Chat.css';const p = "uikit-chat", h = {
-  chat: p
-}, j = (o) => {
+import "@tencentcloud/chat";
+import { c as p } from "../../external_modules/classnames-HRMVOjAa.js";
+import { ChatProvider as l } from "../../context/ChatContext.js";
+import '../../styles/Chat.css';const n = "uikit-chat", h = {
+  chat: n
+}, k = (o) => {
   const {
     PlaceholderEmpty: c = null,
     className: m,
     style: s,
     children: i
   } = o, { activeConversation: t } = a();
-  return t != null && t.conversationID ? /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
+  return t != null && t.conversationID ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
     e,
     {
-      className: l(h.chat, m),
+      className: p(h.chat, m),
       style: s,
       children: i
     }
   ) }) : c;
 };
 export {
-  j as Chat
+  k as Chat
 };

package/dist/components/ChatHeader/ChatHeader.js

@@ -1,23 +1,24 @@
 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-C7QlwAiq.js";
+import { j as C } from "../../ChatSetting-BtQwjHr0.js";
 import "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/tui-core";
+import "@tencentcloud/chat";
 import "../../states/UIManagerState.js";
 import { useChatHeaderState as U } from "../../states/ChatHeaderState.js";
 import x from "./ChatHeaderUI/ChatHeaderUI.js";
-const w = (e) => {
+const E = (e) => {
   const {
     title: r,
     avatar: a,
     enableUserStatus: t = !1,
-    chatHeaderActions: s,
-    Avatar: o,
+    chatHeaderActions: o,
+    Avatar: s,
     className: i,
-    style: c
+    style: m
   } = e, {
-    system: m,
+    system: c,
     conversation: n,
     isGroup: p,
     title: l,
@@ -35,16 +36,16 @@ const w = (e) => {
       userStatus: u,
       conversation: n,
       isPeerTyping: S,
-      system: m,
+      system: c,
       enableUserStatus: t,
-      chatHeaderActions: s,
-      Avatar: o,
-      style: c,
+      chatHeaderActions: o,
+      Avatar: s,
+      style: m,
       className: i,
       onSearchClick: e.onSearchClick
     }
   );
 };
 export {
-  w as ChatHeader
+  E as ChatHeader
 };

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

@@ -4,29 +4,30 @@ 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 { h as z, E as N, p as A, m as M } from "../../../ChatSetting-C7QlwAiq.js";
+import { i as z, E as N, p as A, m as M } from "../../../ChatSetting-BtQwjHr0.js";
+import "@tencentcloud/chat";
 import { c as p } from "../../../external_modules/classnames-HRMVOjAa.js";
 import '../../../styles/ChatHeaderActions.css';const C = {
   "chat-header-actions": "uikit-chat-header-actions",
   "icon-button": "uikit-icon-button"
-}, K = (I) => {
+}, L = (I) => {
   const {
     chatHeaderActions: l = ["videoCall", "audioCall", "search", "chatSetting"],
     className: f,
     style: d
-  } = I, { searchConfig: r } = U(), { toggleChatSetting: h, toggleChatSearch: g } = z(), { activeConversation: o } = N(), i = u(() => !!E.getService(T.TUICalling.SERVICE.NAME), []), s = (o == null ? void 0 : o.type) === w.TYPES.CONV_GROUP, a = k((c) => {
+  } = I, { searchConfig: c } = U(), { toggleChatSetting: h, toggleChatSearch: g } = z(), { activeConversation: o } = N(), i = u(() => !!E.getService(T.TUICalling.SERVICE.NAME), []), s = (o == null ? void 0 : o.type) === w.TYPES.CONV_GROUP, a = k((r) => {
     var t;
     if (i) {
       if (!((t = o == null ? void 0 : o.userProfile) != null && t.userID))
         throw new Error("User ID is not available in Call.");
       A({
         callType: o.type,
-        callMediaType: c,
+        callMediaType: r,
         userIDList: [o.userProfile.userID]
       });
     }
   }, [o, i]), S = u(() => {
-    const c = {
+    const r = {
       videoCall: {
         icon: /* @__PURE__ */ e(y, { size: "28px" }),
         onClick: () => a(m.VIDEO),
@@ -40,7 +41,7 @@ import '../../../styles/ChatHeaderActions.css';const C = {
       search: {
         icon: /* @__PURE__ */ e(D, { size: "28px" }),
         onClick: g,
-        show: !(r != null && r.hideSearch)
+        show: !(c != null && c.hideSearch)
       },
       chatSetting: {
         icon: /* @__PURE__ */ e(b, { size: "28px" }),
@@ -50,9 +51,9 @@ import '../../../styles/ChatHeaderActions.css';const C = {
     };
     return l.filter((t) => {
       var n;
-      return !!((n = c[t]) != null && n.show);
+      return !!((n = r[t]) != null && n.show);
     }).map((t) => {
-      const n = c[t];
+      const n = r[t];
       return /* @__PURE__ */ e(
         "button",
         {
@@ -74,5 +75,5 @@ import '../../../styles/ChatHeaderActions.css';const C = {
   );
 };
 export {
-  K as ChatHeaderActions
+  L as ChatHeaderActions
 };

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

@@ -1,10 +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 { h as g, E as I, m as a, P as T } from "../../../ChatSetting-C7QlwAiq.js";
+import { i as g, E as I, m as a, V as T } from "../../../ChatSetting-BtQwjHr0.js";
 import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";
 import "react";
-import { c as h } from "../../../external_modules/classnames-HRMVOjAa.js";
+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",
@@ -19,10 +20,10 @@ import '../../../styles/ChatHeaderUI.css';const e = {
 }, m = {
   Online: "Online",
   Offline: "Offline"
-}, G = (f) => {
+}, L = (f) => {
   const {
     title: u,
-    avatar: n,
+    avatar: h,
     isPeerTyping: p = !1,
     system: k = !1,
     userStatus: c,
@@ -37,7 +38,7 @@ import '../../../styles/ChatHeaderUI.css';const e = {
     return /* @__PURE__ */ t(
       a,
       {
-        className: h(e["chat-header"], l),
+        className: n(e["chat-header"], l),
         style: _,
         children: "System Notice"
       }
@@ -48,18 +49,18 @@ import '../../../styles/ChatHeaderUI.css';const e = {
   return /* @__PURE__ */ t(
     a,
     {
-      className: h(e["chat-header"], l),
+      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: h(e["icon-button"], e["chat-header__back-icon"]), onClick: d, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t("button", { className: n(e["icon-button"], e["chat-header__back-icon"]), onClick: d, children: /* @__PURE__ */ t(
             U,
             {
               onClick: d,
               size: "28px"
             }
           ) }),
-          s ? /* @__PURE__ */ t(s, { src: n || "" }) : /* @__PURE__ */ t(T, { src: n || "" }),
+          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,
@@ -82,5 +83,5 @@ import '../../../styles/ChatHeaderUI.css';const e = {
   );
 };
 export {
-  G as default
+  L as default
 };

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/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/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/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.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 interface TUIProfileProps {
     className?: string | undefined;
     TUIProfile?: React.ComponentType<any>;

package/dist/components/Profile/Profile.js

@@ -1,36 +1,36 @@
 import { jsx as o, Fragment as n } from "react/jsx-runtime";
 import p from "react";
 import { MyProfile as P } from "./myProfile/MyProfile.js";
-import { useMyProfile as a } from "./hooks/useMyProfile.js";
-import { TUIProfileDefault as s } from "./ProfileDefault.js";
-import { useUIManagerState as I } from "../../states/UIManagerState.js";
-import "@tencentcloud/chat-uikit-engine";
-import "../../ChatSetting-C7QlwAiq.js";
+import { useMyProfile as s } from "./hooks/useMyProfile.js";
+import { TUIProfileDefault as a } from "./ProfileDefault.js";
+import { i as c } from "../../ChatSetting-BtQwjHr0.js";
 import "@tencentcloud/uikit-base-component-react";
+import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";
-import '../../styles/Profile.css';function U(i) {
+import "@tencentcloud/chat";
+import '../../styles/Profile.css';function u(i) {
   const {
-    className: f,
-    TUIProfile: m
-  } = i, { myProfile: r, updateMyProfile: l } = a(), { setTUIProfileShow: e, TUIProfileShow: t } = I("TUIProfile");
-  return /* @__PURE__ */ o(n, { children: t ? /* @__PURE__ */ o(
-    m || s,
+    className: t,
+    TUIProfile: f
+  } = i, { myProfile: r, updateMyProfile: m } = s(), { setProfileOpen: l, isProfileOpen: e } = c();
+  return /* @__PURE__ */ o(n, { children: e ? /* @__PURE__ */ o(
+    f || a,
     {
-      className: f,
+      className: t,
       userInfo: r,
-      update: l
+      update: m
     }
   ) : /* @__PURE__ */ o(
     P,
     {
       profile: r,
       handleAvatar: () => {
-        e && e(!t);
+        l(!e);
       }
     }
   ) });
 }
-const C = p.memo(U);
+const g = p.memo(u);
 export {
-  C as Profile
+  g as Profile
 };

package/dist/components/Profile/ProfileDefault.js

@@ -2,16 +2,16 @@ 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 { P as G } from "../../ChatSetting-C7QlwAiq.js";
+import { i as G, V as B } from "../../ChatSetting-BtQwjHr0.js";
 import "@tencentcloud/tui-core";
-import { useUIManagerState as B } from "../../states/UIManagerState.js";
-import { DivWithEdit as A } from "../DivWithEdit/DivWithEdit.js";
+import "@tencentcloud/chat";
+import { DivWithEdit as L } from "../DivWithEdit/DivWithEdit.js";
 import { DatePicker as z } from "./DatePicker/DatePicker.js";
 const c = {
   [a.TYPES.GENDER_UNKNOWN]: "Unknown",
   [a.TYPES.GENDER_MALE]: "male",
   [a.TYPES.GENDER_FEMALE]: "female"
-}, p = {
+}, h = {
   [a.TYPES.ALLOW_TYPE_ALLOW_ANY]: "allowAny",
   [a.TYPES.ALLOW_TYPE_NEED_CONFIRM]: "needConfirm",
   [a.TYPES.ALLOW_TYPE_DENY_ANY]: "denyAny"
@@ -42,43 +42,43 @@ const c = {
     value: a.TYPES.ALLOW_TYPE_DENY_ANY
   }
 ];
-function K(h) {
-  var D, _, f, Y, b, S;
+function K(p) {
+  var P, _, D, Y, b, A;
   const {
     userInfo: e,
-    className: L,
+    className: S,
     update: y
-  } = h, { t: r } = R(), { setTUIProfileShow: T } = B("TUIProfileDefault"), [u, o] = x(""), U = (t) => {
+  } = p, { t: r } = R(), { setProfileOpen: f } = G(), [T, o] = x(""), $ = (t) => {
     const l = String(t);
     if (l.length === 8) {
       const n = l.substring(0, 4), d = l.substring(4, 6), O = l.substring(6, 8);
       return `${n}/${d}/${O}`;
     }
     return `${t}`;
-  }, $ = (t) => {
+  }, v = (t) => {
     if ((t == null ? void 0 : t.length) === 8) {
       const l = Number(t.slice(0, 4)), n = Number(t.slice(4, 6)), d = Number(t.slice(-2));
       return new Date(l, n - 1, d);
     }
     return /* @__PURE__ */ new Date();
-  }, v = (t) => {
+  }, k = (t) => {
     const l = t.getDate() > 9 ? t.getDate() : `0${t.getDate()}`, n = t.getMonth() > 8 ? t.getMonth() + 1 : `0${t.getMonth() + 1}`;
     return `${t.getFullYear()}${n}${l}`;
-  }, g = (t) => {
+  }, u = (t) => {
     o(t);
   }, m = (t) => {
     y && y(t), o("");
-  }, k = (t) => {
+  }, U = (t) => {
     m({ gender: t.value });
   }, w = (t) => {
     m({ allowType: t.value });
   };
-  function M(t) {
+  function C(t) {
     m({
-      birthday: Number(v(t))
+      birthday: Number(k(t))
     });
   }
-  const P = (t) => {
+  const g = (t) => {
     let l = "";
     switch (t == null ? void 0 : t.name) {
       case "nick":
@@ -95,7 +95,7 @@ function K(h) {
       [l]: t.value
     };
     m(n);
-  }, C = [
+  }, M = [
     {
       name: "Signature",
       value: e == null ? void 0 : e.selfSignature,
@@ -106,10 +106,10 @@ function K(h) {
       name: "Gender",
       value: r(e != null && e.gender && ((_ = c[e == null ? void 0 : e.gender]) != null && _.replace(
         c[e == null ? void 0 : e.gender][0],
-        (D = c[e == null ? void 0 : e.gender][0]) == null ? void 0 : D.toLocaleUpperCase()
+        (P = c[e == null ? void 0 : e.gender][0]) == null ? void 0 : P.toLocaleUpperCase()
       )) ? `TUIProfile.${(Y = c[e == null ? void 0 : e.gender]) == null ? void 0 : Y.replace(
         c[e == null ? void 0 : e.gender][0],
-        (f = c[e == null ? void 0 : e.gender][0]) == null ? void 0 : f.toLocaleUpperCase()
+        (D = c[e == null ? void 0 : e.gender][0]) == null ? void 0 : D.toLocaleUpperCase()
       )}` : ""),
       type: "select",
       children: /* @__PURE__ */ i("ul", { className: "select-list", children: E == null ? void 0 : E.map((t, l) => {
@@ -121,7 +121,7 @@ function K(h) {
             role: "menuitem",
             tabIndex: l,
             onClick: () => {
-              k(t);
+              U(t);
             },
             children: r(`TUIProfile.${t.label}`)
           },
@@ -131,9 +131,9 @@ function K(h) {
     },
     {
       name: "AllowType",
-      value: r(`TUIProfile.${(S = p[(e == null ? void 0 : e.allowType) || ""]) == null ? void 0 : S.replace(
-        e && p[e == null ? void 0 : e.allowType][0],
-        e && ((b = p[e == null ? void 0 : e.allowType][0]) == null ? void 0 : b.toLocaleUpperCase())
+      value: r(`TUIProfile.${(A = h[(e == null ? void 0 : e.allowType) || ""]) == null ? void 0 : A.replace(
+        e && h[e == null ? void 0 : e.allowType][0],
+        e && ((b = h[e == null ? void 0 : e.allowType][0]) == null ? void 0 : b.toLocaleUpperCase())
       )}`),
       type: "select",
       children: /* @__PURE__ */ i("ul", { className: "select-list", children: N == null ? void 0 : N.map((t, l) => {
@@ -155,7 +155,7 @@ function K(h) {
     },
     {
       name: "Birthday",
-      value: e != null && e.birthday ? U(e.birthday) : "",
+      value: e != null && e.birthday ? $(e.birthday) : "",
       type: "select",
       children: /* @__PURE__ */ i(
         z,
@@ -163,19 +163,19 @@ function K(h) {
           className: "tui-profile-birthday",
           isOpen: !0,
           format: "y-MM-dd",
-          onChange: M,
-          value: $(`${e == null ? void 0 : e.birthday}`)
+          onChange: C,
+          value: v(`${e == null ? void 0 : e.birthday}`)
         }
       )
     }
   ];
-  return /* @__PURE__ */ s("div", { className: `${L} tui-profile`, children: [
+  return /* @__PURE__ */ s("div", { className: `${S} tui-profile`, children: [
     /* @__PURE__ */ s(
       "header",
       {
         className: "tui-profile-header",
         onClick: () => {
-          T && T(!1);
+          f(!1);
         },
         children: [
           /* @__PURE__ */ i(F, { size: "24px" }),
@@ -185,22 +185,22 @@ function K(h) {
     ),
     /* @__PURE__ */ s("main", { className: "tui-profile-main", children: [
       /* @__PURE__ */ i("div", { className: "tui-profile-avatar", children: /* @__PURE__ */ i(
-        G,
+        B,
         {
           src: (e == null ? void 0 : e.avatar) || "",
           size: "xl"
         }
       ) }),
       /* @__PURE__ */ i(
-        A,
+        L,
         {
           name: "nick",
           className: "tui-profile-nick",
           value: e == null ? void 0 : e.nick,
           type: "text",
-          toggle: g,
-          isEdit: u === "nick",
-          confirm: P,
+          toggle: u,
+          isEdit: T === "nick",
+          confirm: g,
           close: () => {
             o("");
           }
@@ -211,21 +211,21 @@ function K(h) {
         /* @__PURE__ */ i("span", { children: e == null ? void 0 : e.userID })
       ] })
     ] }),
-    /* @__PURE__ */ i("ul", { className: "tui-profile-list", children: C.map((t) => {
+    /* @__PURE__ */ i("ul", { className: "tui-profile-list", children: M.map((t) => {
       const l = `${t.name}`;
       return /* @__PURE__ */ s("li", { className: "tui-profile-list-item", children: [
         /* @__PURE__ */ i("h4", { children: r(`TUIProfile.${t.name}`) }),
         /* @__PURE__ */ i(
-          A,
+          L,
           {
             className: "tui-profile-div-with-edit",
             classEditName: "tui-profile-edit",
             name: t.name,
             value: t.value,
             type: t.type,
-            toggle: g,
-            isEdit: u === t.name,
-            confirm: P,
+            toggle: u,
+            isEdit: T === t.name,
+            confirm: g,
             close: () => {
               o("");
             },
@@ -237,8 +237,8 @@ function K(h) {
   ] });
 }
 const j = W.memo(K);
-function te(h) {
-  const e = { ...h };
+function te(p) {
+  const e = { ...p };
   return /* @__PURE__ */ i(j, { ...e });
 }
 export {

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

@@ -1,20 +1,21 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { defaultUserAvatar as c } from "../../../constant/avatar.js";
-import { P as m } from "../../../ChatSetting-C7QlwAiq.js";
-import { IconHorizontalMoreTwo as n } from "@tencentcloud/uikit-base-component-react";
+import { defaultUserAvatar as s } from "../../../constant/avatar.js";
+import { V as t } from "../../../ChatSetting-BtQwjHr0.js";
+import { IconHorizontalMoreTwo as c } from "@tencentcloud/uikit-base-component-react";
 import "@tencentcloud/chat-uikit-engine";
 import "@tencentcloud/tui-core";
 import "react";
-import '../../../styles/MyProfile.css';function u(a) {
-  const { profile: r, className: s = "", handleAvatar: i } = a;
-  return ((r == null ? void 0 : r.nick) || (r == null ? void 0 : r.userID)) && /* @__PURE__ */ e("div", { className: `profile ${s}`, children: [
+import "@tencentcloud/chat";
+import '../../../styles/MyProfile.css';function N(a) {
+  const { profile: r, className: m = "", handleAvatar: i } = a;
+  return ((r == null ? void 0 : r.nick) || (r == null ? void 0 : r.userID)) && /* @__PURE__ */ e("div", { className: `profile ${m}`, children: [
     /* @__PURE__ */ e("div", { className: "profile-content", onClick: i, children: [
-      /* @__PURE__ */ o(m, { src: r.avatar || c }),
+      /* @__PURE__ */ o(t, { src: r.avatar || s }),
       /* @__PURE__ */ o("div", { className: "profile-name", children: r.nick || r.userID })
     ] }),
-    /* @__PURE__ */ o("div", { className: "profile-more", onClick: i, children: /* @__PURE__ */ o(n, { size: "24px" }) })
+    /* @__PURE__ */ o("div", { className: "profile-more", onClick: i, children: /* @__PURE__ */ o(c, { size: "24px" }) })
   ] });
 }
 export {
-  u as MyProfile
+  N as MyProfile
 };

package/dist/components/index.d.ts

@@ -1,7 +1,6 @@
 export * from './ChatHeader';
 export * from './Chat';
 export * from './Checkbox';
-export * from './Contact';
 export * from './DivWithEdit';
 export * from './EmptyStateIndicator';
 export * from './Icon';