@tencentcloud/chat-uikit-react 2.3.1 → 3.0.0

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

@@ -0,0 +1,48 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import l from "react";
+import { TUIConversationService as f } from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as h } from "@tencentcloud/uikit-base-component-react";
+import { defaultUserAvatar as p } from "../../../constant/avatar.js";
+import { useUIManagerState as v } from "../../../states/UIManagerState.js";
+import { s as I, P as u } from "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/tui-core";
+import { Icon as C } from "../../Icon/Icon.js";
+import { IconTypes as U } from "../../Icon/type.js";
+function x(a) {
+  const { profile: o } = a, { t: i } = h(), {
+    userID: r,
+    nick: n,
+    selfSignature: c,
+    avatar: s
+  } = o, { setActiveContact: m } = v("TUIContact"), d = () => {
+    f.switchConversation(""), m();
+  };
+  return /* @__PURE__ */ e("div", { className: "tui-contact-info-header", children: [
+    I && /* @__PURE__ */ t(
+      C,
+      {
+        width: 9,
+        height: 16,
+        type: U.BACK,
+        onClick: d
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "header-container", children: [
+      /* @__PURE__ */ e("div", { className: "header-container-avatar", children: [
+        /* @__PURE__ */ t(u, { size: "xl", src: s || p }),
+        /* @__PURE__ */ t("div", { className: "header-container-name", children: n || r })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "header-container-text", children: `ID:${r}` }),
+      /* @__PURE__ */ e("div", { className: "header-container-text", children: [
+        i("TUIContact.Signature"),
+        ":",
+        c || ""
+      ] })
+    ] })
+  ] });
+}
+const z = l.memo(x);
+export {
+  z as BasicInfo,
+  x as UnMemoizedBasicInfo
+};

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

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

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

@@ -0,0 +1,33 @@
+import { jsxs as c, Fragment as f, jsx as t } from "react/jsx-runtime";
+import d, { useState as p, useEffect as u } from "react";
+import { useUIKit as I } from "@tencentcloud/uikit-base-component-react";
+import { useUIManagerState as k } from "../../../states/UIManagerState.js";
+import "@tencentcloud/chat-uikit-engine";
+import "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/tui-core";
+import { Switch as h } from "../../Switch/Switch.js";
+import { BasicInfo as B } from "./basicInfo.js";
+import v from "./hooks/useContactInfo.js";
+function C(n) {
+  const { profile: o } = n, { contactData: s, setActiveContact: i } = k("TUIContact"), { t: r } = I(), [a, e] = p(!1), {
+    removeFromBlocklist: m
+  } = v();
+  u(() => {
+    e(!0);
+  }, [s]);
+  const l = async () => {
+    await m(o.userID), e(!1), i();
+  };
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ t(B, { profile: o }),
+    /* @__PURE__ */ t("div", { className: "tui-contact-info-content", children: /* @__PURE__ */ c("div", { className: "content-item", children: [
+      /* @__PURE__ */ t("p", { className: "content-item-label", children: r("TUIContact.block") }),
+      /* @__PURE__ */ t(h, { className: "content-item-text", onChange: l, checked: a })
+    ] }) })
+  ] });
+}
+const w = d.memo(C);
+export {
+  w as BlockInfo,
+  C as UnMemoizedBlockInfo
+};

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

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

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

@@ -0,0 +1,47 @@
+import { jsxs as e, Fragment as u, jsx as t } from "react/jsx-runtime";
+import v from "react";
+import N from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as I } from "@tencentcloud/uikit-base-component-react";
+import { defaultUserAvatar as A } from "../../../constant/avatar.js";
+import { useUIManagerState as b } from "../../../states/UIManagerState.js";
+import { P as C } from "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/tui-core";
+import T from "./hooks/useContactInfo.js";
+function U(a) {
+  const { setActiveContact: c } = b("TUIContact"), { t: i } = I(), { application: o } = a, {
+    userID: n,
+    nick: r,
+    avatar: s,
+    type: l,
+    wording: d
+  } = o, {
+    acceptFriendApplication: m,
+    refuseFriendApplication: p
+  } = T(), f = () => {
+    c(), m(n);
+  }, h = () => {
+    c(), p(n);
+  };
+  return /* @__PURE__ */ e(u, { children: [
+    /* @__PURE__ */ t("div", { className: "tui-contact-info-header", children: /* @__PURE__ */ e("div", { className: "header-container", children: [
+      /* @__PURE__ */ e("div", { className: "header-container-avatar", children: [
+        /* @__PURE__ */ t(C, { size: "xl", src: s || A }),
+        /* @__PURE__ */ t("div", { className: "header-container-name", children: r || n })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "header-container-text", children: `ID:${n}` })
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: "tui-contact-info-content", children: /* @__PURE__ */ e("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: d })
+    ] }) }),
+    l === N.TYPES.SNS_APPLICATION_SENT_TO_ME && /* @__PURE__ */ t("div", { className: "tui-contact-info-content", children: /* @__PURE__ */ e("div", { className: "content-btn-container", children: [
+      /* @__PURE__ */ t("div", { className: "content-item-btn delete-btn", role: "button", tabIndex: 0, onClick: h, children: i("TUIContact.Refuse") }),
+      /* @__PURE__ */ t("div", { className: "content-item-btn confirm-btn", role: "button", tabIndex: 0, onClick: f, children: i("TUIContact.Agree") })
+    ] }) })
+  ] });
+}
+const j = v.memo(U);
+export {
+  j as FriendApplicationInfo,
+  U as UnMemoizedFriendApplication
+};

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Friend } from '@tencentcloud/chat';
+interface Props {
+    friend: Friend;
+    showChats?: (() => void) | undefined;
+}
+export declare function UnMemoizedFriendInfo<T extends Props>(props: T): React.ReactElement;
+export declare const FriendInfo: React.MemoExoticComponent<typeof UnMemoizedFriendInfo>;
+export {};

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

@@ -0,0 +1,83 @@
+import { jsxs as n, Fragment as D, jsx as e } from "react/jsx-runtime";
+import S, { useState as s, useEffect as R } from "react";
+import { useUIKit as w } from "@tencentcloud/uikit-base-component-react";
+import { useUIManagerState as f } from "../../../states/UIManagerState.js";
+import "@tencentcloud/chat-uikit-engine";
+import "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/tui-core";
+import { DivWithEdit as y } from "../../DivWithEdit/DivWithEdit.js";
+import { Switch as A } from "../../Switch/Switch.js";
+import { BasicInfo as M } from "./basicInfo.js";
+import j from "./hooks/useContactInfo.js";
+import '../../../styles/index.css';/* empty css                      */
+function H(p) {
+  const { chat: u } = f(), {
+    contactData: k,
+    setActiveContact: a,
+    switchConversation: I
+  } = f("TUIContact"), { t: o } = w(), { friend: C, showChats: i } = p, { userID: c, profile: h, remark: m } = C, [v, r] = s(""), [b, l] = s(""), [N, d] = s(!1), {
+    addToBlocklist: T,
+    deleteFriend: x
+  } = j();
+  R(() => {
+    d(!1), l(m);
+  }, [k, m]);
+  const U = () => {
+    r("remark");
+  }, g = (t) => {
+    u.updateFriend({
+      userID: c,
+      remark: t == null ? void 0 : t.value
+    }), l(t == null ? void 0 : t.value), r("");
+  }, E = async () => {
+    await T(c), d(!0), a();
+  }, F = async () => {
+    await x(c), a();
+  }, B = () => {
+    const t = `C2C${c}`;
+    i == null || i(), I(t);
+  };
+  return /* @__PURE__ */ n(D, { children: [
+    /* @__PURE__ */ e(M, { profile: h }),
+    /* @__PURE__ */ n("div", { className: "tui-contact-info-content", children: [
+      /* @__PURE__ */ n("div", { className: "content-item", children: [
+        /* @__PURE__ */ e("p", { className: "content-item-label", children: o("TUIContact.remark") }),
+        /* @__PURE__ */ e(
+          y,
+          {
+            name: "remark",
+            className: "content-item-text",
+            value: b,
+            type: "text",
+            toggle: U,
+            isEdit: v === "remark",
+            confirm: g,
+            close: () => {
+              r("");
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "content-item", children: [
+        /* @__PURE__ */ e("p", { className: "content-item-label", children: o("TUIContact.block") }),
+        /* @__PURE__ */ e(
+          A,
+          {
+            className: "content-item-text",
+            onChange: E,
+            checked: N
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "content-btn-container", children: [
+        /* @__PURE__ */ e("div", { className: "content-item-btn delete-btn", role: "button", tabIndex: 0, onClick: F, children: o("TUIContact.Delete friend") }),
+        /* @__PURE__ */ e("div", { className: "content-item-btn confirm-btn", role: "button", tabIndex: 0, onClick: B, children: o("TUIContact.Send Message") })
+      ] })
+    ] })
+  ] });
+}
+const Q = S.memo(H);
+export {
+  Q as FriendInfo,
+  H as UnMemoizedFriendInfo
+};

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IGroupModel } from '@tencentcloud/chat-uikit-engine';
+interface Props {
+    group: IGroupModel;
+    showChats?: (() => void) | undefined;
+}
+export declare function UnMemoizedGroupInfo<T extends Props>(props: T): React.ReactElement;
+export declare const GroupInfo: React.MemoExoticComponent<typeof UnMemoizedGroupInfo>;
+export {};

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

@@ -0,0 +1,45 @@
+import { jsxs as o, Fragment as v, jsx as t } from "react/jsx-runtime";
+import f from "react";
+import { TUIConversationService as u } from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as I } from "@tencentcloud/uikit-base-component-react";
+import { useUIManagerState as C } from "../../../states/UIManagerState.js";
+import { s as N, P as U } from "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/tui-core";
+import { defaultUserAvatar as g } from "../../../constant/avatar.js";
+import { Icon as b } from "../../Icon/Icon.js";
+import { IconTypes as x } from "../../Icon/type.js";
+import '../../../styles/index.css';/* empty css                      */
+function w(r) {
+  const { group: a, showChats: n } = r, { setActiveContact: i, switchConversation: c } = C("TUIContact"), { t: s } = I(), { groupID: e, name: m, avatar: d } = a, l = () => {
+    u.switchConversation(""), i();
+  }, h = () => {
+    const p = `GROUP${e}`;
+    n && n(), c(p);
+  };
+  return /* @__PURE__ */ o(v, { children: [
+    /* @__PURE__ */ o("div", { className: "tui-contact-info-header", children: [
+      N && /* @__PURE__ */ t(
+        b,
+        {
+          width: 9,
+          height: 16,
+          type: x.BACK,
+          onClick: l
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "header-container", children: [
+        /* @__PURE__ */ o("div", { className: "header-container-avatar", children: [
+          /* @__PURE__ */ t(U, { size: "xl", src: d || g }),
+          /* @__PURE__ */ t("div", { className: "header-container-name", children: m || e })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "header-container-text", children: `groupID:${e}` })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "tui-contact-info-content", children: /* @__PURE__ */ t("div", { className: "content-btn-container", children: /* @__PURE__ */ t("div", { className: "content-item-btn confirm-btn", role: "button", tabIndex: 0, onClick: h, children: s("TUIContact.Send Message") }) }) })
+  ] });
+}
+const P = f.memo(w);
+export {
+  P as GroupInfo,
+  w as UnMemoizedGroupInfo
+};

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

@@ -0,0 +1,11 @@
+declare function useContactInfo(): {
+    addToBlocklist: (userID: string) => void;
+    removeFromBlocklist: (userID: string) => void;
+    isFriend: (info: any) => Promise<boolean>;
+    isBlock: (userID: string) => Promise<any>;
+    addFriend: (param: any) => void;
+    deleteFriend: (userID: string) => void;
+    acceptFriendApplication: (userID: string) => void;
+    refuseFriendApplication: (userID: string) => void;
+};
+export default useContactInfo;

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

@@ -0,0 +1,84 @@
+import { useCallback as i } from "react";
+import n from "@tencentcloud/chat-uikit-engine";
+import { useUIManagerState as k } from "../../../../states/UIManagerState.js";
+import "../../../../ChatSetting-C7QlwAiq.js";
+import { Toast as E } from "@tencentcloud/uikit-base-component-react";
+import "@tencentcloud/tui-core";
+import "react/jsx-runtime";
+function h() {
+  const { chat: t } = k(), d = i((e) => {
+    t.removeFromBlacklist({
+      userIDList: [e]
+    });
+  }, [t]), l = i((e) => {
+    t.addFriend({
+      to: e == null ? void 0 : e.userID,
+      source: "AddSource_Type_Web",
+      remark: e == null ? void 0 : e.remark,
+      wording: e == null ? void 0 : e.wording
+    }).catch((c) => {
+      console.warn("delete friend failed:", c), E.error({
+        message: c
+      });
+    });
+  }, [t]), a = i((e) => {
+    t.deleteFriend({
+      userIDList: [e]
+    });
+  }, [t]), _ = i((e) => {
+    t.addToBlacklist({
+      userIDList: [e]
+    });
+  }, [t]), T = i((e) => {
+    t.acceptFriendApplication({
+      userID: e,
+      type: n.TYPES.SNS_APPLICATION_AGREE_AND_ADD
+    });
+  }, [t]), u = i((e) => {
+    t.refuseFriendApplication({
+      userID: e
+    });
+  }, [t]);
+  return {
+    addToBlocklist: _,
+    removeFromBlocklist: d,
+    isFriend: (e) => new Promise((c, S) => {
+      t.checkFriend({
+        userIDList: [e == null ? void 0 : e.userID],
+        type: n.TYPES.SNS_CHECK_TYPE_BOTH
+      }).then((s) => {
+        var o, r;
+        switch ((r = (o = s == null ? void 0 : s.data) == null ? void 0 : o.successUserIDList[0]) == null ? void 0 : r.relation) {
+          case n.TYPES.SNS_TYPE_NO_RELATION:
+            c(!1);
+            break;
+          case n.TYPES.SNS_TYPE_A_WITH_B:
+            c(!1);
+            break;
+          case n.TYPES.SNS_TYPE_B_WITH_A:
+            c(!1);
+            break;
+          case n.TYPES.SNS_TYPE_BOTH_WAY:
+            c(!0);
+            break;
+          default:
+            c(!1);
+            break;
+        }
+      }).catch((s) => {
+        console.warn("checkFriend error", s), S(s);
+      });
+    }),
+    isBlock: async (e) => {
+      const { data: c } = await t.getBlacklist();
+      return c.includes(e);
+    },
+    addFriend: l,
+    deleteFriend: a,
+    acceptFriendApplication: T,
+    refuseFriendApplication: u
+  };
+}
+export {
+  h as default
+};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+declare function UnMemoizedContactList<T>(): React.ReactElement;
+export declare const ContactList: React.MemoExoticComponent<typeof UnMemoizedContactList>;
+export {};

package/dist/components/Contact/ContactList/ContactList.js

@@ -0,0 +1,152 @@
+import { jsxs as i, jsx as t, Fragment as M } from "react/jsx-runtime";
+import D, { useState as d } from "react";
+import N from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as G } from "@tencentcloud/uikit-base-component-react";
+import { defaultUserAvatar as C } from "../../../constant/avatar.js";
+import { useTUIContactContext as O } from "../../../context/ContactContext.js";
+import "../../../context/ChatContext.js";
+import { useUIManagerState as Y } from "../../../states/UIManagerState.js";
+import { P as I, s as j } from "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/tui-core";
+import R from "../ContactInfo/hooks/useContactInfo.js";
+import z from "../hooks/useTUIContact.js";
+import '../../../styles/ContactList.css';function H() {
+  const { setActiveContact: m } = Y(), { t: o } = G(), {
+    isShowContactList: S,
+    friendList: v,
+    blocklistProfile: w,
+    friendApplicationList: p
+  } = O("TUIContactList"), {
+    acceptFriendApplication: T
+  } = R(), { groupList: x } = z(), [u, b] = d(!1), [U, k] = d(!1), [g, A] = d(!1), [L, P] = d(!1), _ = (s, n) => {
+    s.stopPropagation(), T(n), m();
+  }, h = ({ type: s, isShow: n, setShow: a, list: l, title: f }) => /* @__PURE__ */ i(M, { children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: "tui-contacts-title",
+        role: "button",
+        tabIndex: 0,
+        onClick: () => a(!n),
+        children: [
+          /* @__PURE__ */ t("div", { className: "tui-contacts-list-title", children: f }),
+          /* @__PURE__ */ t("div", { className: "tui-contacts-list-icon", children: n ? /* @__PURE__ */ t("i", { className: "iconfont contacts-list-icon", children: "" }) : /* @__PURE__ */ t("i", { className: "iconfont contacts-list-icon", children: "" }) })
+        ]
+      }
+    ),
+    n && (l == null ? void 0 : l.map((c) => {
+      const { userID: r, groupID: e, avatar: F, name: E, nick: y } = c.profile || c, B = c.remark || y || r || E || e;
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: "tui-contacts-list-item",
+          onClick: () => {
+            m({ type: s, data: c });
+          },
+          children: [
+            /* @__PURE__ */ t(I, { src: F || C }),
+            /* @__PURE__ */ t("div", { className: "tui-contacts-list-item-container", children: /* @__PURE__ */ t("p", { className: "tui-contacts-list-item-name", children: B }) })
+          ]
+        },
+        r || e
+      );
+    }))
+  ] });
+  return S && /* @__PURE__ */ i("div", { className: `tui-contacts-list ${j ? "tui-contacts-list-h5" : ""} `, children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: "tui-contacts-title",
+        role: "button",
+        tabIndex: 0,
+        onClick: () => b(!u),
+        children: [
+          /* @__PURE__ */ t("p", { className: "tui-contacts-list-title", children: o("TUIContact.New Contacts") }),
+          /* @__PURE__ */ t("div", { className: "tui-contacts-list-icon", children: u ? /* @__PURE__ */ t("i", { className: "iconfont contacts-list-icon", children: "" }) : /* @__PURE__ */ t("i", { className: "iconfont contacts-list-icon", children: "" }) })
+        ]
+      }
+    ),
+    u && (p == null ? void 0 : p.map((s, n) => {
+      const {
+        userID: a,
+        avatar: l,
+        nick: f,
+        wording: c,
+        type: r
+      } = s;
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: "tui-contacts-list-item",
+          onClick: (e) => {
+            e.stopPropagation(), m({
+              type: "friendApplication",
+              data: s
+            });
+          },
+          children: [
+            /* @__PURE__ */ t(I, { src: l || C }),
+            /* @__PURE__ */ i("div", { className: "tui-contacts-list-item-card", children: [
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ t("p", { className: "tui-contacts-list-item-name text-ellipsis", children: f || a }),
+                c !== "" && /* @__PURE__ */ t("p", { className: "tui-contacts-list-item-text text-ellipsis", children: c })
+              ] }),
+              r === N.TYPES.SNS_APPLICATION_SENT_BY_ME && /* @__PURE__ */ t("p", { className: "tui-contacts-list-btn-text text-ellipsis", children: o("TUIContact.waiting for verification") }),
+              r === N.TYPES.SNS_APPLICATION_SENT_TO_ME && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "application-btn",
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: (e) => {
+                    _(e, a);
+                  },
+                  children: o("TUIContact.Agree")
+                }
+              )
+            ] })
+          ]
+        },
+        a
+      );
+    })),
+    /* @__PURE__ */ t(
+      h,
+      {
+        type: "block",
+        title: o("TUIContact.Blocked List"),
+        isShow: g,
+        setShow: A,
+        list: w
+      }
+    ),
+    /* @__PURE__ */ t(
+      h,
+      {
+        type: "group",
+        title: o("TUIContact.Group List"),
+        setShow: P,
+        isShow: L,
+        list: x
+      }
+    ),
+    /* @__PURE__ */ t(
+      h,
+      {
+        type: "friend",
+        title: o("TUIContact.Friends"),
+        setShow: k,
+        isShow: U,
+        list: v
+      }
+    )
+  ] });
+}
+const ot = D.memo(H);
+export {
+  ot as ContactList
+};

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { IGroupModel } from '@tencentcloud/chat-uikit-engine';
+declare function useTUIContact(): {
+    friendList: never[];
+    groupList: IGroupModel[] | undefined;
+    blocklistProfile: never[];
+    friendApplicationList: never[];
+    blockList: never[];
+    isShowContactList: boolean;
+    setShowContactList: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export default useTUIContact;

package/dist/components/Contact/hooks/useTUIContact.js

@@ -0,0 +1,58 @@
+import { useState as s, useEffect as p } from "react";
+import n, { TUIStore as S, StoreName as w } from "@tencentcloud/chat-uikit-engine";
+import { useUIManagerState as B } from "../../../states/UIManagerState.js";
+import "../../../ChatSetting-C7QlwAiq.js";
+import "@tencentcloud/uikit-base-component-react";
+import "@tencentcloud/tui-core";
+import "react/jsx-runtime";
+function V() {
+  const { chat: i } = B(), [l, e] = s([]), [d, r] = s([]), [L, a] = s([]), [f, u] = s([]), [g, A] = s(), [E, T] = s(!0);
+  p(() => {
+    S.watch(w.GRP, {
+      groupList: I
+    }), m(), F(), U();
+  }, [i]);
+  const I = (t) => {
+    A(t);
+  };
+  p(() => {
+    i == null || i.on(n.EVENT.BLACKLIST_UPDATED, k), i == null || i.on(n.EVENT.FRIEND_LIST_UPDATED, D), i == null || i.on(
+      n.EVENT.FRIEND_APPLICATION_LIST_UPDATED,
+      P
+    );
+  }, [i]);
+  const U = async () => {
+    const { data: t } = await i.getFriendApplicationList();
+    a(t == null ? void 0 : t.friendApplicationList);
+  }, m = async () => {
+    const { code: t, data: o } = await (i == null ? void 0 : i.getFriendList());
+    t === 0 && e(o);
+  }, F = async () => {
+    const { data: t } = await (i == null ? void 0 : i.getBlacklist());
+    t.length !== 0 && (r(t), c(t));
+  }, c = async (t) => {
+    const { data: o } = await i.getUserProfile({
+      userIDList: t
+    });
+    u(o);
+  }, P = (t) => {
+    var o;
+    a((o = t == null ? void 0 : t.data) == null ? void 0 : o.friendApplicationList);
+  }, k = (t) => {
+    r(t.data), c(t.data);
+  }, D = (t) => {
+    e(t.data);
+  };
+  return {
+    friendList: l,
+    groupList: g,
+    blocklistProfile: f,
+    friendApplicationList: L,
+    blockList: d,
+    isShowContactList: E,
+    setShowContactList: T
+  };
+}
+export {
+  V as default
+};

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

@@ -0,0 +1,3 @@
+export * from './ContactList/ContactList';
+export * from './ContactInfo/ContactInfo';
+export * from './Contact';

package/dist/components/Contact/index.js

@@ -0,0 +1,10 @@
+import { ContactList as n } from "./ContactList/ContactList.js";
+import { ContactInfo as r, UnMemoizedContactInfo as a } from "./ContactInfo/ContactInfo.js";
+import { Contact as f, UnMemoizedContact as m } from "./Contact.js";
+export {
+  f as Contact,
+  r as ContactInfo,
+  n as ContactList,
+  m as UnMemoizedContact,
+  a as UnMemoizedContactInfo
+};

package/dist/components/ContactSearch/ContactSearch.d.ts

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