@tencentcloud/chat-uikit-react 3.0.0 → 3.0.2

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

@@ -1,27 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,61 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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 {};

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

@@ -1,48 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,47 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,83 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,84 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,152 +0,0 @@
-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
-};