@tencentcloud/chat-uikit-react 2.3.1 → 3.0.0

package/dist/components/Chat/Chat.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IChatProps as IChatContextProps } from '../../context/ChatContext';
+interface IChatProps extends IChatContextProps {
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    children?: React.ReactNode;
+    PlaceholderEmpty?: React.ReactNode;
+}
+declare const Chat: (props: IChatProps) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null;
+export { Chat };
+export type { IChatProps };

package/dist/components/Chat/Chat.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import { E as a, m as e } from "../../ChatSetting-C7QlwAiq.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) => {
+  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(
+    e,
+    {
+      className: l(h.chat, m),
+      style: s,
+      children: i
+    }
+  ) }) : c;
+};
+export {
+  j as Chat
+};

package/dist/components/Chat/index.d.ts

@@ -0,0 +1 @@
+export * from './Chat';

package/dist/components/Chat/index.js

@@ -0,0 +1,4 @@
+import { Chat as t } from "./Chat.js";
+export {
+  t as Chat
+};

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { AvatarProps } from 'tuikit-atomicx-react';
+interface ChatHeaderProps {
+    /** Custom title, if not provided, will use conversation info */
+    title?: string | undefined;
+    /** Custom avatar image URL */
+    avatar?: string | undefined;
+    /** Whether to show user status */
+    enableUserStatus?: boolean | undefined;
+    /** Whether to enable chat setting */
+    chatHeaderActions?: Array<'videoCall' | 'audioCall' | 'chatSetting' | 'search'> | undefined;
+    /** Custom avatar component */
+    Avatar?: React.ComponentType<AvatarProps> | undefined;
+    /** Additional class names */
+    className?: string | undefined;
+    /** Additional style */
+    style?: React.CSSProperties | undefined;
+    onSearchClick?: (() => void) | undefined;
+}
+declare const ChatHeader: (props: ChatHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { ChatHeader, };
+export type { ChatHeaderProps };

package/dist/components/ChatHeader/ChatHeader.js

@@ -0,0 +1,50 @@
+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 "@tencentcloud/uikit-base-component-react";
+import "@tencentcloud/tui-core";
+import "../../states/UIManagerState.js";
+import { useChatHeaderState as U } from "../../states/ChatHeaderState.js";
+import x from "./ChatHeaderUI/ChatHeaderUI.js";
+const w = (e) => {
+  const {
+    title: r,
+    avatar: a,
+    enableUserStatus: t = !1,
+    chatHeaderActions: s,
+    Avatar: o,
+    className: i,
+    style: c
+  } = e, {
+    system: m,
+    conversation: n,
+    isGroup: p,
+    title: l,
+    avatar: f,
+    userStatus: u
+  } = U(), { isPeerTyping: S } = C();
+  return h(() => {
+    v.switchUserStatus({ displayOnlineStatus: t });
+  }, [t]), /* @__PURE__ */ d(
+    x,
+    {
+      isGroup: p,
+      title: r || l || "",
+      avatar: a || f,
+      userStatus: u,
+      conversation: n,
+      isPeerTyping: S,
+      system: m,
+      enableUserStatus: t,
+      chatHeaderActions: s,
+      Avatar: o,
+      style: c,
+      className: i,
+      onSearchClick: e.onSearchClick
+    }
+  );
+};
+export {
+  w as ChatHeader
+};

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

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

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

@@ -0,0 +1,78 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as u, useCallback as k } from "react";
+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 { 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) => {
+  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) => {
+    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,
+        userIDList: [o.userProfile.userID]
+      });
+    }
+  }, [o, i]), S = u(() => {
+    const c = {
+      videoCall: {
+        icon: /* @__PURE__ */ e(y, { size: "28px" }),
+        onClick: () => a(m.VIDEO),
+        show: i && !s
+      },
+      audioCall: {
+        icon: /* @__PURE__ */ e(x, { size: "28px" }),
+        onClick: () => a(m.AUDIO),
+        show: i && !s
+      },
+      search: {
+        icon: /* @__PURE__ */ e(D, { size: "28px" }),
+        onClick: g,
+        show: !(r != null && r.hideSearch)
+      },
+      chatSetting: {
+        icon: /* @__PURE__ */ e(b, { size: "28px" }),
+        onClick: h,
+        show: !0
+      }
+    };
+    return l.filter((t) => {
+      var n;
+      return !!((n = c[t]) != null && n.show);
+    }).map((t) => {
+      const n = c[t];
+      return /* @__PURE__ */ e(
+        "button",
+        {
+          className: p(C["icon-button"]),
+          onClick: n.onClick,
+          children: n.icon
+        },
+        t
+      );
+    });
+  }, [l, i, a, s, h]);
+  return /* @__PURE__ */ e(
+    M,
+    {
+      className: p(C["chat-header-actions"], f),
+      style: d,
+      children: S
+    }
+  );
+};
+export {
+  K as ChatHeaderActions
+};

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

@@ -0,0 +1 @@
+export * from './ChatHeaderActions';

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

@@ -0,0 +1,4 @@
+import { ChatHeaderActions as r } from "./ChatHeaderActions.js";
+export {
+  r as ChatHeaderActions
+};

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

@@ -0,0 +1,34 @@
+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 {
+    /** Custom title, if not provided, will use conversation info */
+    title: string;
+    /** Whether it's a group conversation */
+    isGroup: boolean;
+    /** Custom avatar image URL */
+    avatar?: string;
+    /** Whether the peer is typing */
+    isPeerTyping?: boolean;
+    /** user status */
+    userStatus?: IUserStatus | undefined;
+    /** Whether to show user status */
+    enableUserStatus?: boolean;
+    /** Whether it's a system conversation */
+    system?: boolean | undefined;
+    /** IM conversation model */
+    conversation?: IConversationModel | undefined;
+    /** Whether to show call features */
+    chatHeaderActions?: Array<'videoCall' | 'audioCall' | 'chatSetting' | 'search'> | undefined;
+    /** Custom avatar component */
+    Avatar?: React.ComponentType<AvatarProps> | undefined;
+    /** Additional class names */
+    className?: string | undefined;
+    /** Additional style */
+    style?: React.CSSProperties | undefined;
+    /** Search click callback */
+    onSearchClick?: (() => void) | undefined;
+}
+declare const ChatHeaderUI: (props: IChatHeaderUIProps) => import("react/jsx-runtime").JSX.Element;
+export default ChatHeaderUI;

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

@@ -0,0 +1,86 @@
+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 "@tencentcloud/chat-uikit-engine";
+import "@tencentcloud/tui-core";
+import "react";
+import { c as h } 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",
+  "chat-header__container": "uikit-chat-header__container",
+  "chat-header__left": "uikit-chat-header__left",
+  "chat-header__back-icon": "uikit-chat-header__back-icon",
+  "chat-header__info": "uikit-chat-header__info",
+  "chat-header__title": "uikit-chat-header__title",
+  "chat-header__typing-indicator": "uikit-chat-header__typing-indicator",
+  "chat-header__live": "uikit-chat-header__live",
+  "icon-button": "uikit-icon-button"
+}, m = {
+  Online: "Online",
+  Offline: "Offline"
+}, G = (f) => {
+  const {
+    title: u,
+    avatar: n,
+    isPeerTyping: p = !1,
+    system: k = !1,
+    userStatus: c,
+    enableUserStatus: C = !0,
+    chatHeaderActions: N,
+    Avatar: s,
+    isGroup: o,
+    className: l,
+    style: _
+  } = f, { t: r } = O(), { setChatSettingOpen: v, setChatSearchOpen: y } = g(), { setActiveConversation: b } = I();
+  if (k)
+    return /* @__PURE__ */ t(
+      a,
+      {
+        className: h(e["chat-header"], l),
+        style: _,
+        children: "System Notice"
+      }
+    );
+  function d() {
+    b(""), v(!1), y(!1);
+  }
+  return /* @__PURE__ */ t(
+    a,
+    {
+      className: h(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(
+            U,
+            {
+              onClick: d,
+              size: "28px"
+            }
+          ) }),
+          s ? /* @__PURE__ */ t(s, { src: n || "" }) : /* @__PURE__ */ t(T, { src: n || "" }),
+          /* @__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: [
+                " ",
+                r("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}`) }))
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          x,
+          {
+            chatHeaderActions: N
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  G as default
+};

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

@@ -0,0 +1,2 @@
+import { default as ChatHeaderUI } from './ChatHeaderUI';
+export default ChatHeaderUI;

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

@@ -0,0 +1,4 @@
+import e from "./ChatHeaderUI.js";
+export {
+  e as default
+};

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

@@ -0,0 +1,2 @@
+export * from './ChatHeader';
+export * from './ChatHeaderActions';

package/dist/components/ChatHeader/index.js

@@ -0,0 +1,6 @@
+import { ChatHeader as o } from "./ChatHeader.js";
+import { ChatHeaderActions as a } from "./ChatHeaderActions/ChatHeaderActions.js";
+export {
+  o as ChatHeader,
+  a as ChatHeaderActions
+};

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface onChangeParams {
+    checked?: boolean;
+    value?: any;
+}
+interface SelectProps {
+    checked?: boolean;
+    className?: string | undefined;
+    onChange?: (data?: onChangeParams) => void;
+    value?: any;
+    id?: string;
+}
+export declare function Checkbox<T extends SelectProps>(props: React.PropsWithChildren<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Checkbox/index.js

@@ -0,0 +1,34 @@
+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) {
+  const {
+    checked: n = !1,
+    className: s,
+    onChange: t,
+    value: o = "",
+    id: r
+  } = a, [e, i] = k(n), d = (h) => {
+    i(h.target.checked), t && t({
+      value: o,
+      checked: h.target.checked
+    });
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: `${s} checkbox`,
+      role: "menuitem",
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ c("input", { id: r, className: "checkbox-input", onChange: d, type: "checkbox", checked: e, value: o }),
+        !e && /* @__PURE__ */ c("i", { className: "checkbox-default" }),
+        e && /* @__PURE__ */ c(p, { type: l.RIGHT, width: 14, height: 14 })
+      ]
+    }
+  );
+}
+export {
+  g as Checkbox
+};

package/dist/components/Contact/Contact.d.ts

@@ -0,0 +1,3 @@
+import { default as React, PropsWithChildren } from 'react';
+export declare function UnMemoizedContact<T>(props: PropsWithChildren<T>): React.ReactElement;
+export declare const Contact: React.MemoExoticComponent<typeof UnMemoizedContact>;

package/dist/components/Contact/Contact.js

@@ -0,0 +1,81 @@
+import { jsx as t, jsxs as o, Fragment as m } from "react/jsx-runtime";
+import F, { useState as S, useMemo as w } from "react";
+import { useUIKit as L } from "@tencentcloud/uikit-base-component-react";
+import { TUIContactContextProvider as N } from "../../context/ContactContext.js";
+import { s as T } from "../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/chat-uikit-engine";
+import "@tencentcloud/tui-core";
+import { useUIManagerState as k } from "../../states/UIManagerState.js";
+import g from "./hooks/useTUIContact.js";
+import { ContactList as x } from "./ContactList/ContactList.js";
+import { ContactSearch as l } from "../ContactSearch/ContactSearch.js";
+import { Icon as h } from "../Icon/Icon.js";
+import { IconTypes as p } from "../Icon/type.js";
+import '../../styles/index.css';/* empty css                   */
+function y(f) {
+  const { children: u } = f, { t: C } = L(), { setActiveContact: i } = k("TUIContact"), [e, c] = S(!1), I = () => {
+    i(), c(!0);
+  }, v = () => {
+    i(), c(!1);
+  }, {
+    friendList: n,
+    blockList: U,
+    blocklistProfile: r,
+    friendApplicationList: a,
+    isShowContactList: s,
+    setShowContactList: d
+  } = g(), A = w(
+    () => ({
+      friendList: n,
+      blockList: U,
+      blocklistProfile: r,
+      friendApplicationList: a,
+      isShowContactList: s,
+      setShowContactList: d
+    }),
+    [
+      n,
+      r,
+      a,
+      s,
+      d
+    ]
+  );
+  return /* @__PURE__ */ t(N, { value: A, children: u || /* @__PURE__ */ o("div", { className: `tui-contacts ${T ? "tui-contacts-h5" : ""} `, children: [
+    !e && /* @__PURE__ */ o(m, { children: [
+      /* @__PURE__ */ o("div", { className: "tui-contacts-header", children: [
+        /* @__PURE__ */ t("div", { className: "tui-contact-input", children: /* @__PURE__ */ t(l, {}) }),
+        /* @__PURE__ */ t(
+          h,
+          {
+            onClick: I,
+            type: p.ADDFRIEND,
+            width: 24,
+            height: 24
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(x, {})
+    ] }),
+    e && /* @__PURE__ */ o(m, { children: [
+      /* @__PURE__ */ o("div", { className: "tui-contacts-add-header", children: [
+        /* @__PURE__ */ t(
+          h,
+          {
+            onClick: v,
+            type: p.BACK,
+            width: 9,
+            height: 16
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "tui-contacts-add-header-title", children: C("TUIContact.Add Friend") })
+      ] }),
+      /* @__PURE__ */ t(l, {})
+    ] })
+  ] }) });
+}
+const G = F.memo(y);
+export {
+  G as Contact,
+  y as UnMemoizedContact
+};

package/dist/components/Contact/ContactInfo/ContactInfo.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren, default as React } from 'react';
+interface TUIContactInfoProps {
+    className?: string | undefined;
+    showChats?: () => void;
+}
+export declare function UnMemoizedContactInfo<T extends TUIContactInfoProps>(props: PropsWithChildren<T>): React.ReactElement;
+export declare const ContactInfo: React.MemoExoticComponent<typeof UnMemoizedContactInfo>;
+export {};

package/dist/components/Contact/ContactInfo/ContactInfo.js

@@ -0,0 +1,27 @@
+import { jsx as i, Fragment as p, jsxs as f } from "react/jsx-runtime";
+import m from "react";
+import { useUIManagerState as d } from "../../../states/UIManagerState.js";
+import "@tencentcloud/chat-uikit-engine";
+import { s as n } from "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/uikit-base-component-react";
+import "@tencentcloud/tui-core";
+import { AddFriendInfo as s } from "./addFriendInfo.js";
+import { BlockInfo as l } from "./blockInfo.js";
+import { FriendApplicationInfo as u } from "./friendApplication.js";
+import { FriendInfo as I } from "./friendInfo.js";
+import { GroupInfo as y } from "./groupInfo.js";
+import '../../../styles/ContactInfo.css';function h(e) {
+  const { showChats: o } = e, { contactData: r } = d("TUIContact");
+  return r != null && r.type ? /* @__PURE__ */ f("div", { className: `tui-contact-info ${n ? "tui-contact-info-h5" : ""} `, children: [
+    (r == null ? void 0 : r.type) === "addFriend" && /* @__PURE__ */ i(s, { profile: r == null ? void 0 : r.data }),
+    (r == null ? void 0 : r.type) === "friend" && /* @__PURE__ */ i(I, { showChats: o, friend: r == null ? void 0 : r.data }),
+    (r == null ? void 0 : r.type) === "block" && /* @__PURE__ */ i(l, { profile: r == null ? void 0 : r.data }),
+    (r == null ? void 0 : r.type) === "group" && /* @__PURE__ */ i(y, { showChats: o, group: r == null ? void 0 : r.data }),
+    (r == null ? void 0 : r.type) === "friendApplication" && /* @__PURE__ */ i(u, { application: r == null ? void 0 : r.data })
+  ] }) : /* @__PURE__ */ i(p, { children: " " });
+}
+const w = m.memo(h);
+export {
+  w as ContactInfo,
+  h as UnMemoizedContactInfo
+};

package/dist/components/Contact/ContactInfo/addFriendInfo.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Profile } from '@tencentcloud/chat';
+interface Props {
+    profile: Profile;
+}
+export declare function UnMemoizedAddFriendInfo<T extends Props>(props: T): React.ReactElement;
+export declare const AddFriendInfo: React.MemoExoticComponent<typeof UnMemoizedAddFriendInfo>;
+export {};

package/dist/components/Contact/ContactInfo/addFriendInfo.js

@@ -0,0 +1,61 @@
+import { jsxs as n, Fragment as k, jsx as t } from "react/jsx-runtime";
+import b, { useState as o } from "react";
+import { useUIKit as C } from "@tencentcloud/uikit-base-component-react";
+import E from "./hooks/useContactInfo.js";
+import { BasicInfo as F } from "./basicInfo.js";
+import { DivWithEdit as U } from "../../DivWithEdit/DivWithEdit.js";
+function S(d) {
+  const { profile: r } = d, { userID: m } = r, { t: i } = C(), [l, c] = o(""), [s, f] = o(""), [a, h] = o(""), [p, u] = o(!1), {
+    addFriend: v
+  } = E(), N = () => {
+    c("remark");
+  }, I = async () => {
+    await v({
+      userID: m,
+      remark: s,
+      wording: a
+    }), u(!0);
+  }, g = (e) => {
+    f(e == null ? void 0 : e.value), c("");
+  }, x = (e) => {
+    h(e.target.value);
+  };
+  return /* @__PURE__ */ n(k, { children: [
+    /* @__PURE__ */ t(F, { profile: r }),
+    p ? /* @__PURE__ */ t("div", { className: "tui-contact-info-content", children: /* @__PURE__ */ n("div", { className: "content-item", children: [
+      /* @__PURE__ */ t("p", { className: "content-item-label", children: i("TUIContact.verification info") }),
+      /* @__PURE__ */ t("p", { className: "content-item-text", children: a })
+    ] }) }) : /* @__PURE__ */ n("div", { className: "tui-contact-info-content", children: [
+      /* @__PURE__ */ n("div", { className: "content-item-wording", children: [
+        /* @__PURE__ */ t("p", { className: "content-item-label", children: i("TUIContact.Enter the verification info") }),
+        /* @__PURE__ */ t("textarea", { className: "content-item-wording-text", value: a, onChange: (e) => {
+          x(e);
+        } })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "content-item", children: [
+        /* @__PURE__ */ t("p", { className: "content-item-label", children: i("TUIContact.remark") }),
+        /* @__PURE__ */ t(
+          U,
+          {
+            name: "remark",
+            className: "content-item-text",
+            value: s,
+            type: "text",
+            toggle: N,
+            isEdit: l === "remark",
+            confirm: g,
+            close: () => {
+              c("");
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "content-btn-container", children: /* @__PURE__ */ t("div", { className: "content-item-btn confirm-btn", role: "button", tabIndex: 0, onClick: I, children: i("TUIContact.Send application") }) })
+    ] })
+  ] });
+}
+const D = b.memo(S);
+export {
+  D as AddFriendInfo,
+  S as UnMemoizedAddFriendInfo
+};

package/dist/components/Contact/ContactInfo/basicInfo.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Profile } from '@tencentcloud/chat';
+interface Props {
+    profile: Profile;
+}
+export declare function UnMemoizedBasicInfo<T extends Props>(props: T): React.ReactElement;
+export declare const BasicInfo: React.MemoExoticComponent<typeof UnMemoizedBasicInfo>;
+export {};