@tencentcloud/chat-uikit-react 2.3.1 → 3.0.1

package/dist/index.js

@@ -0,0 +1,4120 @@
+import { useUIKit as b, IconHorizontalMoreTwo as jt, IconAddCircle as gt, IconChevronRight as Wt, Button as ne, Toast as ze, IconCloseCircleFilled as zt, IconSearch as en, IconAdd as Kt, IconCheckCircleFilled as tn, IconCircle as nn, IconChevronLeft as an, IconLoading as on, IconMuteFilled as rn, Dialog as Rt, IconChevronDown as cn, Input as sn, IconEdit1 as ln, Switch as Yn, IconFile as ht, IconImageRectangle as Mt, IconVideo as ft, IconBeautyAR as Zn, IconSendFilled as un } from "@tencentcloud/uikit-base-component-react";
+import { UIKitProvider as Zr, useUIKit as ur } from "@tencentcloud/uikit-base-component-react";
+import "./locales/index.js";
+import Cn from "./server/mainServer.js";
+import { ChatHeader as Lr } from "./components/ChatHeader/ChatHeader.js";
+import { ChatHeaderActions as dr } from "./components/ChatHeader/ChatHeaderActions/ChatHeaderActions.js";
+import { Chat as pr } from "./components/Chat/Chat.js";
+import { Checkbox as Tr } from "./components/Checkbox/index.js";
+import { DivWithEdit as mr } from "./components/DivWithEdit/DivWithEdit.js";
+import { EmptyStateIndicator as _r } from "./components/EmptyStateIndicator/EmptyStateIndicator.js";
+import { Icon as Hr, changeTypeToIconClassName as hr } from "./components/Icon/Icon.js";
+import { IconTypes as fr } from "./components/Icon/type.js";
+import { Model as Gr } from "./components/Model/index.js";
+import { Plugins as Br } from "./components/Plugins/index.js";
+import { Popup as gr } from "./components/Popup/index.js";
+import { Profile as Kr } from "./components/Profile/Profile.js";
+import { TUIProfileDefault as Ir } from "./components/Profile/ProfileDefault.js";
+import { Switch as Ar } from "./components/Switch/Switch.js";
+import { TUIContactContext as yr, TUIContactContextProvider as Ur, useTUIContactContext as br } from "./context/ContactContext.js";
+import { ChatProvider as xr, useChatContext as Or } from "./context/ChatContext.js";
+import { tagDoNotDelete as $r } from "./hooks/index.js";
+import { useUIManagerState as jr } from "./states/UIManagerState.js";
+import { useChatHeaderState as ec } from "./states/ChatHeaderState.js";
+import { E as Te, a as P, s as He, b as Xt, R as We, r as Xe, z as it, V as z, t as Ln, U as Sn, c as dn, d as Xn, e as pn, o as Jn, f as Tn, D as he, g as Lt, h as It, k as Dn, l as mn, n as ve, J as kt, $ as At, K as Et, q as Be, i as yt, _ as pt, u as Qn, O as Pt, j as Ie, v as Jt, m as q, w as x, G as Ut, x as nt, y as ct, A as _n, T as vn, C as Hn, M as st, B as hn, F as Mn, H as bt, I as fn, N as Pn, L as Gn, P as Nn, Q as Bn, S as Fn, W as gn, X as Wn, Y as Kn } from "./ChatSetting-79tDbXT3.js";
+import { Z as nc, a0 as ac, a1 as ic, a2 as oc, a3 as rc, a4 as cc, a5 as sc, a6 as lc, a7 as Yc, a8 as Zc, a9 as uc, aa as Cc, ab as Lc, ac as Sc, ad as dc, ae as Xc, af as pc, ag as Jc, ah as Tc, ai as Dc, aj as mc, ak as Qc, al as _c, am as vc, an as Hc, ao as hc, ap as Mc, aq as fc, ar as Pc, as as Gc, at as Nc, au as Bc, av as Fc, aw as gc, ax as Wc, ay as Kc, az as Rc, aA as Ic, p as kc, aB as Ac, aC as Ec, aD as yc } from "./ChatSetting-79tDbXT3.js";
+import { jsxs as C, jsx as a, Fragment as Ce } from "react/jsx-runtime";
+import lt, { useState as R, useEffect as V, useCallback as O, useRef as U, useMemo as et, useLayoutEffect as Rn, Fragment as In } from "react";
+import re, { TUIStore as St, StoreName as kn, TUIUserService as An, TUIConversationService as ot, TUIFriendService as En, ISearchType as qe, TUIChatService as yn } from "@tencentcloud/chat-uikit-engine";
+import { ISearchType as bc } from "@tencentcloud/chat-uikit-engine";
+import { TUILogin as Un } from "@tencentcloud/tui-core";
+import ye from "@tencentcloud/chat";
+import './styles/index5.css';function tr(n, e) {
+  let t = 0;
+  return (...i) => {
+    const r = Date.now();
+    if (!(r - t < e))
+      return t = r, n(...i);
+  };
+}
+const bn = "uikit-conversationActions", wn = "uikit-conversationActions__container", xn = "uikit-conversationActions__item", On = "uikit-conversationActions__popupIcon", Vn = "uikit-conversationActions__H5", $n = "uikit-conversationActions__H5__container", me = {
+  conversationActions: bn,
+  conversationActions__container: wn,
+  conversationActions__item: xn,
+  "conversationActions__item--delete": "uikit-conversationActions__item--delete",
+  conversationActions__popupIcon: On,
+  conversationActions__H5: Vn,
+  conversationActions__H5__container: $n
+}, Tt = (n) => {
+  const {
+    conversation: e,
+    enablePin: t,
+    enableMute: i,
+    enableDelete: r,
+    enableMarkUnread: o,
+    onMarkConversationUnread: s,
+    onConversationPin: l,
+    onConversationMute: c,
+    onConversationDelete: Y,
+    customConversationActions: u,
+    PopupIcon: Z,
+    PopupElements: S,
+    onClick: d,
+    className: L,
+    style: J,
+    onClose: D
+  } = n, { t: p } = b(), [
+    T,
+    h
+  ] = R({}), [X, N] = R(!0), [Q, K] = R(null), { markConversationUnread: M } = Te();
+  V(() => {
+    if (e.unreadCount > 0)
+      N(!0);
+    else {
+      const m = re.TYPES.CONV_MARK_TYPE_UNREAD, v = e == null ? void 0 : e.markList.includes(m);
+      N(v);
+    }
+  }, [e]);
+  const F = O(() => ({
+    pin: {
+      enable: !!t,
+      label: p(e.isPinned ? "TUIConversation.Unpin" : "TUIConversation.Pin"),
+      onClick: (m) => {
+        m.pinConversation(), l == null || l(m);
+      }
+    },
+    mute: {
+      enable: !!i,
+      label: p(e.isMuted ? "TUIConversation.Unmute" : "TUIConversation.Mute"),
+      onClick: (m) => {
+        m.muteConversation(), c == null || c(m);
+      }
+    },
+    markUnread: {
+      enable: !!o,
+      label: p(X ? "TUIConversation.MarkRead" : "TUIConversation.MarkUnRead"),
+      onClick: (m) => {
+        M(m.conversationID, !X), s == null || s(m);
+      }
+    },
+    delete: {
+      enable: !!r,
+      label: p("TUIConversation.Delete"),
+      onClick: (m) => {
+        m.deleteConversation(), Y == null || Y(m);
+      }
+    }
+  }), [
+    t,
+    i,
+    r,
+    o,
+    p,
+    e.isPinned,
+    e.isMuted,
+    X,
+    l,
+    c,
+    M,
+    s,
+    Y
+  ]);
+  V(() => {
+    h({
+      ...F(),
+      ...u
+    });
+  }, [e, u, F]);
+  const W = (m) => {
+    K(Q ? null : m.currentTarget);
+  }, I = (m, v) => {
+    var w;
+    W(m), d == null || d(m, v, e), (w = T[v]) == null || w.onClick(e, m), D && D();
+  }, _ = (m) => {
+    m.stopPropagation(), m.target === m.currentTarget && He && D && D();
+  };
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P({
+        [me.conversationActions]: !0,
+        [me.conversationActions__H5]: He,
+        className: L
+      }),
+      style: J,
+      onClick: _,
+      children: [
+        /* @__PURE__ */ a("div", { onClick: W, className: me.conversationActions__popupIcon, children: Z || /* @__PURE__ */ a(jt, {}) }),
+        S || He ? /* @__PURE__ */ a(
+          "div",
+          {
+            className: me.conversationActions__H5__container,
+            onClick: (m) => {
+              m.stopPropagation();
+            },
+            children: Object.keys(T).map((m) => T[m].enable === !1 ? null : /* @__PURE__ */ a(
+              "div",
+              {
+                className: P(
+                  me.conversationActions__item,
+                  {
+                    [me["conversationActions__item--delete"]]: m === "delete"
+                  }
+                ),
+                onClick: (v) => I(v, m),
+                children: T[m].label
+              },
+              m
+            ))
+          }
+        ) : /* @__PURE__ */ a(
+          Xt,
+          {
+            slotProps: {
+              root: {
+                style: {
+                  zIndex: 5
+                }
+              }
+            },
+            open: !!Q,
+            anchor: Q,
+            placement: "bottom-end",
+            disablePortal: !0,
+            children: /* @__PURE__ */ a("div", { className: me.conversationActions__container, children: Object.keys(T).map((m) => T[m].enable === !1 ? null : /* @__PURE__ */ a(
+              "div",
+              {
+                className: P(
+                  me.conversationActions__item,
+                  {
+                    [me["conversationActions__item--delete"]]: m === "delete"
+                  }
+                ),
+                onClick: (v) => I(v, m),
+                children: T[m].label
+              },
+              m
+            )) })
+          }
+        )
+      ]
+    }
+  );
+}, qn = "uikit-conversationCreateButton", jn = {
+  conversationCreateButton: qn
+}, zn = (n) => {
+  const {
+    visible: e = !0,
+    className: t,
+    onClick: i
+  } = n;
+  return e ? /* @__PURE__ */ a(
+    gt,
+    {
+      className: P(
+        jn.conversationCreateButton,
+        t
+      ),
+      onClick: i,
+      size: "24px"
+    }
+  ) : null;
+}, ea = "uikit-conversationCreateGroupDetail__nextContainer", ta = "uikit-conversationCreateGroupDetail__main", na = "uikit-conversationCreateGroupDetail__box", aa = "uikit-conversationCreateGroupDetail__inputText", ia = "uikit-conversationCreateGroupDetail__inputTitle", oa = "uikit-conversationCreateGroupDetail__illustrate", ra = "uikit-conversationCreateGroupDetail__portraitTitle", ca = "uikit-conversationCreateGroupDetail__portraitInfoContainer", sa = "uikit-conversationCreateGroupDetail__portraitInfo", la = "uikit-conversationCreateGroupDetail__portraitInfoNick", ae = {
+  conversationCreateGroupDetail__nextContainer: ea,
+  conversationCreateGroupDetail__main: ta,
+  conversationCreateGroupDetail__box: na,
+  conversationCreateGroupDetail__inputText: aa,
+  conversationCreateGroupDetail__inputTitle: ia,
+  conversationCreateGroupDetail__illustrate: oa,
+  conversationCreateGroupDetail__portraitTitle: ra,
+  conversationCreateGroupDetail__portraitInfoContainer: ca,
+  conversationCreateGroupDetail__portraitInfo: sa,
+  conversationCreateGroupDetail__portraitInfoNick: la
+};
+function Ya(n) {
+  const {
+    profileList: e,
+    pageState: t,
+    setPageState: i,
+    onBeforeCreateConversation: r,
+    onConversationCreated: o
+  } = n, { t: s } = b(), { createGroupConversation: l } = Te(), c = [St.getData(kn.USER, "userProfile"), ...e].map((X) => (X == null ? void 0 : X.nick) || (X == null ? void 0 : X.userID)).toString(), [Y, u] = R(
+    c.length >= 15 ? `${c.slice(0, 12)}...` : c
+  ), [Z, S] = R(""), [d, L] = R(We.WORK), J = (X, N) => {
+    const { value: Q } = X.target;
+    switch (N) {
+      case "name":
+        u(Q);
+        break;
+      case "id":
+        S(Q);
+        break;
+      case "type":
+        L(Q);
+        break;
+    }
+  }, D = () => {
+    i(Xe.GROUP_TYPE);
+  }, p = (X) => {
+    switch (X) {
+      case We.WORK:
+        return Tn;
+      case We.PUBLIC:
+        return Jn;
+      case We.MEETING:
+        return pn;
+      case We.AVCHATROOM:
+        return Xn;
+      default:
+        return "";
+    }
+  }, T = () => {
+    var X;
+    return (X = dn) == null ? void 0 : X.find((N) => N.type === d).des;
+  }, h = async () => {
+    const X = e.map((M) => ({
+      userID: M.userID
+    })), N = p(d), Q = {
+      name: Y,
+      type: d,
+      groupID: Z,
+      avatar: N,
+      memberList: X
+    }, K = (r == null ? void 0 : r(Q)) || Q;
+    l(K).then((M) => {
+      o == null || o(M);
+    }).catch((M) => {
+      ze.error({ message: M.message });
+    });
+  };
+  return t !== Xe.GROUP_TYPE ? /* @__PURE__ */ C(Ce, { children: [
+    /* @__PURE__ */ C("div", { className: ae.conversationCreateGroupDetail__main, children: [
+      /* @__PURE__ */ a("div", { className: `${ae.conversationCreateGroupDetail__box} ${ae.conversationCreateGroupDetail__name}`, children: /* @__PURE__ */ a(
+        it,
+        {
+          maxLength: 15,
+          value: Y,
+          onChange: (X) => {
+            J(X, "name");
+          },
+          border: "bottom",
+          inputClassName: ae.conversationCreateGroupDetail__inputText,
+          clearable: !0,
+          placeholder: s("TUIConversation.Group Name")
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: ae.conversationCreateGroupDetail__box, children: /* @__PURE__ */ a(
+        it,
+        {
+          border: "bottom",
+          inputClassName: ae.conversationCreateGroupDetail__inputText,
+          clearable: !0,
+          value: Z,
+          onChange: (X) => {
+            J(X, "id");
+          },
+          placeholder: s("TUIConversation.Group ID")
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: ae.conversationCreateGroupDetail__box, onClick: D, children: /* @__PURE__ */ a(
+        it,
+        {
+          readOnly: !0,
+          border: "bottom",
+          inputClassName: ae.conversationCreateGroupDetail__inputText,
+          prefix: /* @__PURE__ */ a("div", { className: ae.conversationCreateGroupDetail__inputTitle, children: s("TUIConversation.Group Type") }),
+          suffix: /* @__PURE__ */ a(Wt, {}),
+          value: s(`TUIConversation.${d}`),
+          onChange: (X) => {
+            J(X, "type");
+          }
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: ae.conversationCreateGroupDetail__illustrate, children: s(`TUIConversation.${T()}`) }),
+      /* @__PURE__ */ C("div", { className: ae.conversationCreateGroupDetail__portrait, children: [
+        /* @__PURE__ */ a("div", { className: ae.conversationCreateGroupDetail__portraitTitle, children: s("TUIConversation.Participants") }),
+        /* @__PURE__ */ a("div", { className: ae.conversationCreateGroupDetail__portraitInfoContainer, children: e.map(({ avatar: X, userID: N, nick: Q }) => /* @__PURE__ */ C("div", { className: ae.conversationCreateGroupDetail__portraitInfo, children: [
+          /* @__PURE__ */ a(z, { src: X || Ln }),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: ae.conversationCreateGroupDetail__portraitInfoNick,
+              children: Q || N
+            }
+          )
+        ] }, N)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: ae.conversationCreateGroupDetail__nextContainer, children: /* @__PURE__ */ a(ne, { onClick: h, children: s("TUIConversation.Create") }) })
+  ] }) : /* @__PURE__ */ a(
+    Sn,
+    {
+      groupType: d,
+      setGroupType: L,
+      setPageState: i
+    }
+  );
+}
+const Za = "uikit-conversationCreateSelectView", ua = "uikit-conversationCreateSelectView__item", Ca = "uikit-conversationCreateSelectView__close", La = "uikit-conversationCreateSelectView__nick", at = {
+  conversationCreateSelectView: Za,
+  conversationCreateSelectView__item: ua,
+  conversationCreateSelectView__close: Ca,
+  conversationCreateSelectView__nick: La
+};
+function Sa(n) {
+  const { selectList: e, setSelectList: t } = n, i = (r) => {
+    e.splice(r, 1), t([...e]);
+  };
+  return /* @__PURE__ */ a("div", { className: at.conversationCreateSelectView, children: e.map((r, o) => {
+    const { nick: s, userID: l, avatar: c } = r;
+    return /* @__PURE__ */ C("div", { className: at.conversationCreateSelectView__item, children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: at.conversationCreateSelectView__close,
+          onClick: () => {
+            i(o);
+          },
+          children: /* @__PURE__ */ a(zt, {})
+        }
+      ),
+      /* @__PURE__ */ a(z, { src: c }),
+      /* @__PURE__ */ a("div", { className: at.conversationCreateSelectView__nick, children: s || l })
+    ] }, l);
+  }) });
+}
+const da = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQBYXZLDWRDJRWYSRLDZJPCBZJJBRCFTLECZSTZFXXZHTRQHYBDLYCZSSYMMRFMYQZPWWJJYFCRWFDFZQPYDDWYXKYJAWJFFXYPSFTZYHHYZYSWCJYXSCLCXXWZZXNBGNNXBXLZSZSBSGPYSYZDHMDZBQBZCWDZZYYTZHBTSYYBZGNTNXQYWQSKBPHHLXGYBFMJEBJHHGQTJCYSXSTKZHLYCKGLYSMZXYALMELDCCXGZYRJXSDLTYZCQKCNNJWHJTZZCQLJSTSTBNXBTYXCEQXGKWJYFLZQLYHYXSPSFXLMPBYSXXXYDJCZYLLLSJXFHJXPJBTFFYABYXBHZZBJYZLWLCZGGBTSSMDTJZXPTHYQTGLJSCQFZKJZJQNLZWLSLHDZBWJNCJZYZSQQYCQYRZCJJWYBRTWPYFTWEXCSKDZCTBZHYZZYYJXZCFFZZMJYXXSDZZOTTBZLQWFCKSZSXFYRLNYJMBDTHJXSQQCCSBXYYTSYFBXDZTGBCNSLCYZZPSAZYZZSCJCSHZQYDXLBPJLLMQXTYDZXSQJTZPXLCGLQTZWJBHCTSYJSFXYEJJTLBGXSXJMYJQQPFZASYJNTYDJXKJCDJSZCBARTDCLYJQMWNQNCLLLKBYBZZSYHQQLTWLCCXTXLLZNTYLNEWYZYXCZXXGRKRMTCNDNJTSYYSSDQDGHSDBJGHRWRQLYBGLXHLGTGXBQJDZPYJSJYJCTMRNYMGRZJCZGJMZMGXMPRYXKJNYMSGMZJYMKMFXMLDTGFBHCJHKYLPFMDXLQJJSMTQGZSJLQDLDGJYCALCMZCSDJLLNXDJFFFFJCZFMZFFPFKHKGDPSXKTACJDHHZDDCRRCFQYJKQCCWJDXHWJLYLLZGCFCQDSMLZPBJJPLSBCJGGDCKKDEZSQCCKJGCGKDJTJDLZYCXKLQSCGJCLTFPCQCZGWPJDQYZJJBYJHSJDZWGFSJGZKQCCZLLPSPKJGQJHZZLJPLGJGJJTHJJYJZCZMLZLYQBGJWMLJKXZDZNJQSYZMLJLLJKYWXMKJLHSKJGBMCLYYMKXJQLBMLLKMDXXKWYXYSLMLPSJQQJQXYXFJTJDXMXXLLCXQBSYJBGWYMBGGBCYXPJYGPEPFGDJGBHBNSQJYZJKJKHXQFGQZKFHYGKHDKLLSDJQXPQYKYBNQSXQNSZSWHBSXWHXWBZZXDMNSJBSBKBBZKLYLXGWXDRWYQZMYWSJQLCJXXJXKJEQXSCYETLZHLYYYSDZPAQYZCMTLSHTZCFYZYXYLJSDCJQAGYSLCQLYYYSHMRQQKLDXZSCSSSYDYCJYSFSJBFRSSZQSBXXPXJYSDRCKGJLGDKZJZBDKTCSYQPYHSTCLDJDHMXMCGXYZHJDDTMHLTXZXYLYMOHYJCLTYFBQQXPFBDFHHTKSQHZYYWCNXXCRWHOWGYJLEGWDQCWGFJYCSNTMYTOLBYGWQWESJPWNMLRYDZSZTXYQPZGCWXHNGPYXSHMYQJXZTDPPBFYHZHTJYFDZWKGKZBLDNTSXHQEEGZZYLZMMZYJZGXZXKHKSTXNXXWYLYAPSTHXDWHZYMPXAGKYDXBHNHXKDPJNMYHYLPMGOCSLNZHKXXLPZZLBMLSFBHHGYGYYGGBHSCYAQTYWLXTZQCEZYDQDQMMHTKLLSZHLSJZWFYHQSWSCWLQAZYNYTLSXTHAZNKZZSZZLAXXZWWCTGQQTDDYZTCCHYQZFLXPSLZYGPZSZNGLNDQTBDLXGTCTAJDKYWNSYZLJHHZZCWNYYZYWMHYCHHYXHJKZWSXHZYXLYSKQYSPSLYZWMYPPKBYGLKZHTYXAXQSYSHXASMCHKDSCRSWJPWXSGZJLWWSCHSJHSQNHCSEGNDAQTBAALZZMSSTDQJCJKTSCJAXPLGGXHHGXXZCXPDMMHLDGTYBYSJMXHMRCPXXJZCKZXSHMLQXXTTHXWZFKHCCZDYTCJYXQHLXDHYPJQXYLSYYDZOZJNYXQEZYSQYAYXWYPDGXDDXSPPYZNDLTWRHXYDXZZJHTCXMCZLHPYYYYMHZLLHNXMYLLLMDCPPXHMXDKYCYRDLTXJCHHZZXZLCCLYLNZSHZJZZLNNRLWHYQSNJHXYNTTTKYJPYCHHYEGKCTTWLGQRLGGTGTYGYHPYHYLQYQGCWYQKPYYYTTTTLHYHLLTYTTSPLKYZXGZWGPYDSSZZDQXSKCQNMJJZZBXYQMJRTFFBTKHZKBXLJJKDXJTLBWFZPPTKQTZTGPDGNTPJYFALQMKGXBDCLZFHZCLLLLADPMXDJHLCCLGYHDZFGYDDGCYYFGYDXKSSEBDHYKDKDKHNAXXYBPBYYHXZQGAFFQYJXDMLJCSQZLLPCHBSXGJYNDYBYQSPZWJLZKSDDTACTBXZDYZYPJZQSJNKKTKNJDJGYYPGTLFYQKASDNTCYHBLWDZHBBYDWJRYGKZYHEYYFJMSDTYFZJJHGCXPLXHLDWXXJKYTCYKSSSMTWCTTQZLPBSZDZWZXGZAGYKTYWXLHLSPBCLLOQMMZSSLCMBJCSZZKYDCZJGQQDSMCYTZQQLWZQZXSSFPTTFQMDDZDSHDTDWFHTDYZJYQJQKYPBDJYYXTLJHDRQXXXHAYDHRJLKLYTWHLLRLLRCXYLBWSRSZZSYMKZZHHKYHXKSMDSYDYCJPBZBSQLFCXXXNXKXWYWSDZYQOGGQMMYHCDZTTFJYYBGSTTTYBYKJDHKYXBELHTYPJQNFXFDYKZHQKZBYJTZBXHFDXKDASWTAWAJLDYJSFHBLDNNTNQJTJNCHXFJSRFWHZFMDRYJYJWZPDJKZYJYMPCYZNYNXFBYTFYFWYGDBNZZZDNYTXZEMMQBSQEHXFZMBMFLZZSRXYMJGSXWZJSPRYDJSJGXHJJGLJJYNZZJXHGXKYMLPYYYCXYTWQZSWHWLYRJLPXSLSXMFSWWKLCTNXNYNPSJSZHDZEPTXMYYWXYYSYWLXJQZQXZDCLEEELMCPJPCLWBXSQHFWWTFFJTNQJHJQDXHWLBYZNFJLALKYYJLDXHHYCSTYYWNRJYXYWTRMDRQHWQCMFJDYZMHMYYXJWMYZQZXTLMRSPWWCHAQBXYGZYPXYYRRCLMPYMGKSJSZYSRMYJSNXTPLNBAPPYPYLXYYZKYNLDZYJZCZNNLMZHHARQMPGWQTZMXXMLLHGDZXYHXKYXYCJMFFYYHJFSBSSQLXXNDYCANNMTCJCYPRRNYTYQNYYMBMSXNDLYLYSLJRLXYSXQMLLYZLZJJJKYZZCSFBZXXMSTBJGNXYZHLXNMCWSCYZYFZLXBRNNNYLBNRTGZQYSATSWRYHYJZMZDHZGZDWYBSSCSKXSYHYTXXGCQGXZZSHYXJSCRHMKKBXCZJYJYMKQHZJFNBHMQHYSNJNZYBKNQMCLGQHWLZNZSWXKHLJHYYBQLBFCDSXDLDSPFZPSKJYZWZXZDDXJSMMEGJSCSSMGCLXXKYYYLNYPWWWGYDKZJGGGZGGSYCKNJWNJPCXBJJTQTJWDSSPJXZXNZXUMELPXFSXTLLXCLJXJJLJZXCTPSWXLYDHLYQRWHSYCSQYYBYAYWJJJQFWQCQQCJQGXALDBZZYJGKGXPLTZYFXJLTPADKYQHPMATLCPDCKBMTXYBHKLENXDLEEGQDYMSAWHZMLJTWYGXLYQZLJEEYYBQQFFNLYXRDSCTGJGXYYNKLLYQKCCTLHJLQMKKZGCYYGLLLJDZGYDHZWXPYSJBZKDZGYZZHYWYFQYTYZSZYEZZLYMHJJHTSMQWYZLKYYWZCSRKQYTLTDXWCTYJKLWSQZWBDCQYNCJSRSZJLKCDCDTLZZZACQQZZDDXYPLXZBQJYLZLLLQDDZQJYJYJZYXNYYYNYJXKXDAZWYRDLJYYYRJLXLLDYXJCYWYWNQCCLDDNYYYNYCKCZHXXCCLGZQJGKWPPCQQJYSBZZXYJSQPXJPZBSBDSFNSFPZXHDWZTDWPPTFLZZBZDMYYPQJRSDZSQZSQXBDGCPZSWDWCSQZGMDHZXMWWFYBPDGPHTMJTHZSMMBGZMBZJCFZWFZBBZMQCFMBDMCJXLGPNJBBXGYHYYJGPTZGZMQBQTCGYXJXLWZKYDPDYMGCFTPFXYZTZXDZXTGKMTYBBCLBJASKYTSSQYYMSZXFJEWLXLLSZBQJJJAKLYLXLYCCTSXMCWFKKKBSXLLLLJYXTYLTJYYTDPJHNHNNKBYQNFQYYZBYYESSESSGDYHFHWTCJBSDZZTFDMXHCNJZYMQWSRYJDZJQPDQBBSTJGGFBKJBXTGQHNGWJXJGDLLTHZHHYYYYYYSXWTYYYCCBDBPYPZYCCZYJPZYWCBDLFWZCWJDXXHYHLHWZZXJTCZLCDPXUJCZZZLYXJJTXPHFXWPYWXZPTDZZBDZCYHJHMLXBQXSBYLRDTGJRRCTTTHYTCZWMXFYTWWZCWJWXJYWCSKYBZSCCTZQNHXNWXXKHKFHTSWOCCJYBCMPZZYKBNNZPBZHHZDLSYDDYTYFJPXYNGFXBYQXCBHXCPSXTYZDMKYSNXSXLHKMZXLYHDHKWHXXSSKQYHHCJYXGLHZXCSNHEKDTGZXQYPKDHEXTYKCNYMYYYPKQYYYKXZLTHJQTBYQHXBMYHSQCKWWYLLHCYYLNNEQXQWMCFBDCCMLJGGXDQKTLXKGNQCDGZJWYJJLYHHQTTTNWCHMXCXWHWSZJYDJCCDBQCDGDNYXZTHCQRXCBHZTQCBXWGQWYYBXHMBYMYQTYEXMQKYAQYRGYZSLFYKKQHYSSQYSHJGJCNXKZYCXSBXYXHYYLSTYCXQTHYSMGSCPMMGCCCCCMTZTASMGQZJHKLOSQYLSWTMXSYQKDZLJQQYPLSYCZTCQQPBBQJZCLPKHQZYYXXDTDDTSJCXFFLLCHQXMJLWCJCXTSPYCXNDTJSHJWXDQQJSKXYAMYLSJHMLALYKXCYYDMNMDQMXMCZNNCYBZKKYFLMCHCMLHXRCJJHSYLNMTJZGZGYWJXSRXCWJGJQHQZDQJDCJJZKJKGDZQGJJYJYLXZXXCDQHHHEYTMHLFSBDJSYYSHFYSTCZQLPBDRFRZTZYKYWHSZYQKWDQZRKMSYNBCRXQBJYFAZPZZEDZCJYWBCJWHYJBQSZYWRYSZPTDKZPFPBNZTKLQYHBBZPNPPTYZZYBQNYDCPJMMCYCQMCYFZZDCMNLFPBPLNGQJTBTTNJZPZBBZNJKLJQYLNBZQHKSJZNGGQSZZKYXSHPZSNBCGZKDDZQANZHJKDRTLZLSWJLJZLYWTJNDJZJHXYAYNCBGTZCSSQMNJPJYTYSWXZFKWJQTKHTZPLBHSNJZSYZBWZZZZLSYLSBJHDWWQPSLMMFBJDWAQYZTCJTBNNWZXQXCDSLQGDSDPDZHJTQQPSWLYYJZLGYXYZLCTCBJTKTYCZJTQKBSJLGMGZDMCSGPYNJZYQYYKNXRPWSZXMTNCSZZYXYBYHYZAXYWQCJTLLCKJJTJHGDXDXYQYZZBYWDLWQCGLZGJGQRQZCZSSBCRPCSKYDZNXJSQGXSSJMYDNSTZTPBDLTKZWXQWQTZEXNQCZGWEZKSSBYBRTSSSLCCGBPSZQSZLCCGLLLZXHZQTHCZMQGYZQZNMCOCSZJMMZSQPJYGQLJYJPPLDXRGZYXCCSXHSHGTZNLZWZKJCXTCFCJXLBMQBCZZWPQDNHXLJCTHYZLGYLNLSZZPCXDSCQQHJQKSXZPBAJYEMSMJTZDXLCJYRYYNWJBNGZZTMJXLTBSLYRZPYLSSCNXPHLLHYLLQQZQLXYMRSYCXZLMMCZLTZSDWTJJLLNZGGQXPFSKYGYGHBFZPDKMWGHCXMSGDXJMCJZDYCABXJDLNBCDQYGSKYDQTXDJJYXMSZQAZDZFSLQXYJSJZYLBTXXWXQQZBJZUFBBLYLWDSLJHXJYZJWTDJCZFQZQZZDZSXZZQLZCDZFJHYSPYMPQZMLPPLFFXJJNZZYLSJEYQZFPFZKSYWJJJHRDJZZXTXXGLGHYDXCSKYSWMMZCWYBAZBJKSHFHJCXMHFQHYXXYZFTSJYZFXYXPZLCHMZMBXHZZSXYFYMNCWDABAZLXKTCSHHXKXJJZJSTHYGXSXYYHHHJWXKZXSSBZZWHHHCWTZZZPJXSNXQQJGZYZYWLLCWXZFXXYXYHXMKYYSWSQMNLNAYCYSPMJKHWCQHYLAJJMZXHMMCNZHBHXCLXTJPLTXYJHDYYLTTXFSZHYXXSJBJYAYRSMXYPLCKDUYHLXRLNLLSTYZYYQYGYHHSCCSMZCTZQXKYQFPYYRPFFLKQUNTSZLLZMWWTCQQYZWTLLMLMPWMBZSSTZRBPDDTLQJJBXZCSRZQQYGWCSXFWZLXCCRSZDZMCYGGDZQSGTJSWLJMYMMZYHFBJDGYXCCPSHXNZCSBSJYJGJMPPWAFFYFNXHYZXZYLREMZGZCYZSSZDLLJCSQFNXZKPTXZGXJJGFMYYYSNBTYLBNLHPFZDCYFBMGQRRSSSZXYSGTZRNYDZZCDGPJAFJFZKNZBLCZSZPSGCYCJSZLMLRSZBZZLDLSLLYSXSQZQLYXZLSKKBRXBRBZCYCXZZZEEYFGKLZLYYHGZSGZLFJHGTGWKRAAJYZKZQTSSHJJXDCYZUYJLZYRZDQQHGJZXSSZBYKJPBFRTJXLLFQWJHYLQTYMBLPZDXTZYGBDHZZRBGXHWNJTJXLKSCFSMWLSDQYSJTXKZSCFWJLBXFTZLLJZLLQBLSQMQQCGCZFPBPHZCZJLPYYGGDTGWDCFCZQYYYQYSSCLXZSKLZZZGFFCQNWGLHQYZJJCZLQZZYJPJZZBPDCCMHJGXDQDGDLZQMFGPSYTSDYFWWDJZJYSXYYCZCYHZWPBYKXRYLYBHKJKSFXTZJMMCKHLLTNYYMSYXYZPYJQYCSYCWMTJJKQYRHLLQXPSGTLYYCLJSCPXJYZFNMLRGJJTYZBXYZMSJYJHHFZQMSYXRSZCWTLRTQZSSTKXGQKGSPTGCZNJSJCQCXHMXGGZTQYDJKZDLBZSXJLHYQGGGTHQSZPYHJHHGYYGKGGCWJZZYLCZLXQSFTGZSLLLMLJSKCTBLLZZSZMMNYTPZSXQHJCJYQXYZXZQZCPSHKZZYSXCDFGMWQRLLQXRFZTLYSTCTMJCXJJXHJNXTNRZTZFQYHQGLLGCXSZSJDJLJCYDSJTLNYXHSZXCGJZYQPYLFHDJSBPCCZHJJJQZJQDYBSSLLCMYTTMQTBHJQNNYGKYRQYQMZGCJKPDCGMYZHQLLSLLCLMHOLZGDYYFZSLJCQZLYLZQJESHNYLLJXGJXLYSYYYXNBZLJSSZCQQCJYLLZLTJYLLZLLBNYLGQCHXYYXOXCXQKYJXXXYKLXSXXYQXCYKQXQCSGYXXYQXYGYTQOHXHXPYXXXULCYEYCHZZCBWQBBWJQZSCSZSSLZYLKDESJZWMYMCYTSDSXXSCJPQQSQYLYYZYCMDJDZYWCBTJSYDJKCYDDJLBDJJSODZYSYXQQYXDHHGQQYQHDYXWGMMMAJDYBBBPPBCMUUPLJZSMTXERXJMHQNUTPJDCBSSMSSSTKJTSSMMTRCPLZSZMLQDSDMJMQPNQDXCFYNBFSDQXYXHYAYKQYDDLQYYYSSZBYDSLNTFQTZQPZMCHDHCZCWFDXTMYQSPHQYYXSRGJCWTJTZZQMGWJJTJHTQJBBHWZPXXHYQFXXQYWYYHYSCDYDHHQMNMTMWCPBSZPPZZGLMZFOLLCFWHMMSJZTTDHZZYFFYTZZGZYSKYJXQYJZQBHMBZZLYGHGFMSHPZFZSNCLPBQSNJXZSLXXFPMTYJYGBXLLDLXPZJYZJYHHZCYWHJYLSJEXFSZZYWXKZJLUYDTMLYMQJPWXYHXSKTQJEZRPXXZHHMHWQPWQLYJJQJJZSZCPHJLCHHNXJLQWZJHBMZYXBDHHYPZLHLHLGFWLCHYYTLHJXCJMSCPXSTKPNHQXSRTYXXTESYJCTLSSLSTDLLLWWYHDHRJZSFGXTSYCZYNYHTDHWJSLHTZDQDJZXXQHGYLTZPHCSQFCLNJTCLZPFSTPDYNYLGMJLLYCQHYSSHCHYLHQYQTMZYPBYWRFQYKQSYSLZDQJMPXYYSSRHZJNYWTQDFZBWWTWWRXCWHGYHXMKMYYYQMSMZHNGCEPMLQQMTCWCTMMPXJPJJHFXYYZSXZHTYBMSTSYJTTQQQYYLHYNPYQZLCYZHZWSMYLKFJXLWGXYPJYTYSYXYMZCKTTWLKSMZSYLMPWLZWXWQZSSAQSYXYRHSSNTSRAPXCPWCMGDXHXZDZYFJHGZTTSBJHGYZSZYSMYCLLLXBTYXHBBZJKSSDMALXHYCFYGMQYPJYCQXJLLLJGSLZGQLYCJCCZOTYXMTMTTLLWTGPXYMZMKLPSZZZXHKQYSXCTYJZYHXSHYXZKXLZWPSQPYHJWPJPWXQQYLXSDHMRSLZZYZWTTCYXYSZZSHBSCCSTPLWSSCJCHNLCGCHSSPHYLHFHHXJSXYLLNYLSZDHZXYLSXLWZYKCLDYAXZCMDDYSPJTQJZLNWQPSSSWCTSTSZLBLNXSMNYYMJQBQHRZWTYYDCHQLXKPZWBGQYBKFCMZWPZLLYYLSZYDWHXPSBCMLJBSCGBHXLQHYRLJXYSWXWXZSLDFHLSLYNJLZYFLYJYCDRJLFSYZFSLLCQYQFGJYHYXZLYLMSTDJCYHBZLLNWLXXYGYYHSMGDHXXHHLZZJZXCZZZCYQZFNGWPYLCPKPYYPMCLQKDGXZGGWQBDXZZKZFBXXLZXJTPJPTTBYTSZZDWSLCHZHSLTYXHQLHYXXXYYZYSWTXZKHLXZXZPYHGCHKCFSYHUTJRLXFJXPTZTWHPLYXFCRHXSHXKYXXYHZQDXQWULHYHMJTBFLKHTXCWHJFWJCFPQRYQXCYYYQYGRPYWSGSUNGWCHKZDXYFLXXHJJBYZWTSXXNCYJJYMSWZJQRMHXZWFQSYLZJZGBHYNSLBGTTCSYBYXXWXYHXYYXNSQYXMQYWRGYQLXBBZLJSYLPSYTJZYHYZAWLRORJMKSCZJXXXYXCHDYXRYXXJDTSQFXLYLTSFFYXLMTYJMJUYYYXLTZCSXQZQHZXLYYXZHDNBRXXXJCTYHLBRLMBRLLAXKYLLLJLYXXLYCRYLCJTGJCMTLZLLCYZZPZPCYAWHJJFYBDYYZSMPCKZDQYQPBPCJPDCYZMDPBCYYDYCNNPLMTMLRMFMMGWYZBSJGYGSMZQQQZTXMKQWGXLLPJGZBQCDJJJFPKJKCXBLJMSWMDTQJXLDLPPBXCWRCQFBFQJCZAHZGMYKPHYYHZYKNDKZMBPJYXPXYHLFPNYYGXJDBKXNXHJMZJXSTRSTLDXSKZYSYBZXJLXYSLBZYSLHXJPFXPQNBYLLJQKYGZMCYZZYMCCSLCLHZFWFWYXZMWSXTYNXJHPYYMCYSPMHYSMYDYSHQYZCHMJJMZCAAGCFJBBHPLYZYLXXSDJGXDHKXXTXXNBHRMLYJSLTXMRHNLXQJXYZLLYSWQGDLBJHDCGJYQYCMHWFMJYBMBYJYJWYMDPWHXQLDYGPDFXXBCGJSPCKRSSYZJMSLBZZJFLJJJLGXZGYXYXLSZQYXBEXYXHGCXBPLDYHWETTWWCJMBTXCHXYQXLLXFLYXLLJLSSFWDPZSMYJCLMWYTCZPCHQEKCQBWLCQYDPLQPPQZQFJQDJHYMMCXTXDRMJWRHXCJZYLQXDYYNHYYHRSLSRSYWWZJYMTLTLLGTQCJZYABTCKZCJYCCQLJZQXALMZYHYWLWDXZXQDLLQSHGPJFJLJHJABCQZDJGTKHSSTCYJLPSWZLXZXRWGLDLZRLZXTGSLLLLZLYXXWGDZYGBDPHZPBRLWSXQBPFDWOFMWHLYPCBJCCLDMBZPBZZLCYQXLDOMZBLZWPDWYYGDSTTHCSQSCCRSSSYSLFYBFNTYJSZDFNDPDHDZZMBBLSLCMYFFGTJJQWFTMTPJWFNLBZCMMJTGBDZLQLPYFHYYMJYLSDCHDZJWJCCTLJCLDTLJJCPDDSQDSSZYBNDBJLGGJZXSXNLYCYBJXQYCBYLZCFZPPGKCXZDZFZTJJFJSJXZBNZYJQTTYJYHTYCZHYMDJXTTMPXSPLZCDWSLSHXYPZGTFMLCJTYCBPMGDKWYCYZCDSZZYHFLYCTYGWHKJYYLSJCXGYWJCBLLCSNDDBTZBSCLYZCZZSSQDLLMQYYHFSLQLLXFTYHABXGWNYWYYPLLSDLDLLBJCYXJZMLHLJDXYYQYTDLLLBUGBFDFBBQJZZMDPJHGCLGMJJPGAEHHBWCQXAXHHHZCHXYPHJAXHLPHJPGPZJQCQZGJJZZUZDMQYYBZZPHYHYBWHAZYJHYKFGDPFQSDLZMLJXKXGALXZDAGLMDGXMWZQYXXDXXPFDMMSSYMPFMDMMKXKSYZYSHDZKXSYSMMZZZMSYDNZZCZXFPLSTMZDNMXCKJMZTYYMZMZZMSXHHDCZJEMXXKLJSTLWLSQLYJZLLZJSSDPPMHNLZJCZYHMXXHGZCJMDHXTKGRMXFWMCGMWKDTKSXQMMMFZZYDKMSCLCMPCGMHSPXQPZDSSLCXKYXTWLWJYAHZJGZQMCSNXYYMMPMLKJXMHLMLQMXCTKZMJQYSZJSYSZHSYJZJCDAJZYBSDQJZGWZQQXFKDMSDJLFWEHKZQKJPEYPZYSZCDWYJFFMZZYLTTDZZEFMZLBNPPLPLPEPSZALLTYLKCKQZKGENQLWAGYXYDPXLHSXQQWQCQXQCLHYXXMLYCCWLYMQYSKGCHLCJNSZKPYZKCQZQLJPDMDZHLASXLBYDWQLWDNBQCRYDDZTJYBKBWSZDXDTNPJDTCTQDFXQQMGNXECLTTBKPWSLCTYQLPWYZZKLPYGZCQQPLLKCCYLPQMZCZQCLJSLQZDJXLDDHPZQDLJJXZQDXYZQKZLJCYQDYJPPYPQYKJYRMPCBYMCXKLLZLLFQPYLLLMBSGLCYSSLRSYSQTMXYXZQZFDZUYSYZTFFMZZSMZQHZSSCCMLYXWTPZGXZJGZGSJSGKDDHTQGGZLLBJDZLCBCHYXYZHZFYWXYZYMSDBZZYJGTSMTFXQYXQSTDGSLNXDLRYZZLRYYLXQHTXSRTZNGZXBNQQZFMYKMZJBZYMKBPNLYZPBLMCNQYZZZSJZHJCTZKHYZZJRDYZHNPXGLFZTLKGJTCTSSYLLGZRZBBQZZKLPKLCZYSSUYXBJFPNJZZXCDWXZYJXZZDJJKGGRSRJKMSMZJLSJYWQSKYHQJSXPJZZZLSNSHRNYPZTWCHKLPSRZLZXYJQXQKYSJYCZTLQZYBBYBWZPQDWWYZCYTJCJXCKCWDKKZXSGKDZXWWYYJQYYTCYTDLLXWKCZKKLCCLZCQQDZLQLCSFQCHQHSFSMQZZLNBJJZBSJHTSZDYSJQJPDLZCDCWJKJZZLPYCGMZWDJJBSJQZSYZYHHXJPBJYDSSXDZNCGLQMBTSFSBPDZDLZNFGFJGFSMPXJQLMBLGQCYYXBQKDJJQYRFKZTJDHCZKLBSDZCFJTPLLJGXHYXZCSSZZXSTJYGKGCKGYOQXJPLZPBPGTGYJZGHZQZZLBJLSQFZGKQQJZGYCZBZQTLDXRJXBSXXPZXHYZYCLWDXJJHXMFDZPFZHQHQMQGKSLYHTYCGFRZGNQXCLPDLBZCSCZQLLJBLHBZCYPZZPPDYMZZSGYHCKCPZJGSLJLNSCDSLDLXBMSTLDDFJMKDJDHZLZXLSZQPQPGJLLYBDSZGQLBZLSLKYYHZTTNTJYQTZZPSZQZTLLJTYYLLQLLQYZQLBDZLSLYYZYMDFSZSNHLXZNCZQZPBWSKRFBSYZMTHBLGJPMCZZLSTLXSHTCSYZLZBLFEQHLXFLCJLYLJQCBZLZJHHSSTBRMHXZHJZCLXFNBGXGTQJCZTMSFZKJMSSNXLJKBHSJXNTNLZDNTLMSJXGZJYJCZXYJYJWRWWQNZTNFJSZPZSHZJFYRDJSFSZJZBJFZQZZHZLXFYSBZQLZSGYFTZDCSZXZJBQMSZKJRHYJZCKMJKHCHGTXKXQGLXPXFXTRTYLXJXHDTSJXHJZJXZWZLCQSBTXWXGXTXXHXFTSDKFJHZYJFJXRZSDLLLTQSQQZQWZXSYQTWGWBZCGZLLYZBCLMQQTZHZXZXLJFRMYZFLXYSQXXJKXRMQDZDMMYYBSQBHGZMWFWXGMXLZPYYTGZYCCDXYZXYWGSYJYZNBHPZJSQSYXSXRTFYZGRHZTXSZZTHCBFCLSYXZLZQMZLMPLMXZJXSFLBYZMYQHXJSXRXSQZZZSSLYFRCZJRCRXHHZXQYDYHXSJJHZCXZBTYNSYSXJBQLPXZQPYMLXZKYXLXCJLCYSXXZZLXDLLLJJYHZXGYJWKJRWYHCPSGNRZLFZWFZZNSXGXFLZSXZZZBFCSYJDBRJKRDHHGXJLJJTGXJXXSTJTJXLYXQFCSGSWMSBCTLQZZWLZZKXJMLTMJYHSDDBXGZHDLBMYJFRZFSGCLYJBPMLYSMSXLSZJQQHJZFXGFQFQBPXZGYYQXGZTCQWYLTLGWSGWHRLFSFGZJMGMGBGTJFSYZZGZYZAFLSSPMLPFLCWBJZCLJJMZLPJJLYMQDMYYYFBGYGYZMLYZDXQYXRQQQHSYYYQXYLJTYXFSFSLLGNQCYHYCWFHCCCFXPYLYPLLZYXXXXXKQHHXSHJZCFZSCZJXCPZWHHHHHAPYLQALPQAFYHXDYLUKMZQGGGDDESRNNZLTZGCHYPPYSQJJHCLLJTOLNJPZLJLHYMHEYDYDSQYCDDHGZUNDZCLZYZLLZNTNYZGSLHSLPJJBDGWXPCDUTJCKLKCLWKLLCASSTKZZDNQNTTLYYZSSYSSZZRYLJQKCQDHHCRXRZYDGRGCWCGZQFFFPPJFZYNAKRGYWYQPQXXFKJTSZZXSWZDDFBBXTBGTZKZNPZZPZXZPJSZBMQHKCYXYLDKLJNYPKYGHGDZJXXEAHPNZKZTZCMXCXMMJXNKSZQNMNLWBWWXJKYHCPSTMCSQTZJYXTPCTPDTNNPGLLLZSJLSPBLPLQHDTNJNLYYRSZFFJFQWDPHZDWMRZCCLODAXNSSNYZRESTYJWJYJDBCFXNMWTTBYLWSTSZGYBLJPXGLBOCLHPCBJLTMXZLJYLZXCLTPNCLCKXTPZJSWCYXSFYSZDKNTLBYJCYJLLSTGQCBXRYZXBXKLYLHZLQZLNZCXWJZLJZJNCJHXMNZZGJZZXTZJXYCYYCXXJYYXJJXSSSJSTSSTTPPGQTCSXWZDCSYFPTFBFHFBBLZJCLZZDBXGCXLQPXKFZFLSYLTUWBMQJHSZBMDDBCYSCCLDXYCDDQLYJJWMQLLCSGLJJSYFPYYCCYLTJANTJJPWYCMMGQYYSXDXQMZHSZXPFTWWZQSWQRFKJLZJQQYFBRXJHHFWJJZYQAZMYFRHCYYBYQWLPEXCCZSTYRLTTDMQLYKMBBGMYYJPRKZNPBSXYXBHYZDJDNGHPMFSGMWFZMFQMMBCMZZCJJLCNUXYQLMLRYGQZCYXZLWJGCJCGGMCJNFYZZJHYCPRRCMTZQZXHFQGTJXCCJEAQCRJYHPLQLSZDJRBCQHQDYRHYLYXJSYMHZYDWLDFRYHBPYDTSSCNWBXGLPZMLZZTQSSCPJMXXYCSJYTYCGHYCJWYRXXLFEMWJNMKLLSWTXHYYYNCMMCWJDQDJZGLLJWJRKHPZGGFLCCSCZMCBLTBHBQJXQDSPDJZZGKGLFQYWBZYZJLTSTDHQHCTCBCHFLQMPWDSHYYTQWCNZZJTLBYMBPDYYYXSQKXWYYFLXXNCWCXYPMAELYKKJMZZZBRXYYQJFLJPFHHHYTZZXSGQQMHSPGDZQWBWPJHZJDYSCQWZKTXXSQLZYYMYSDZGRXCKKUJLWPYSYSCSYZLRMLQSYLJXBCXTLWDQZPCYCYKPPPNSXFYZJJRCEMHSZMSXLXGLRWGCSTLRSXBZGBZGZTCPLUJLSLYLYMTXMTZPALZXPXJTJWTCYYZLBLXBZLQMYLXPGHDSLSSDMXMBDZZSXWHAMLCZCPJMCNHJYSNSYGCHSKQMZZQDLLKABLWJXSFMOCDXJRRLYQZKJMYBYQLYHETFJZFRFKSRYXFJTWDSXXSYSQJYSLYXWJHSNLXYYXHBHAWHHJZXWMYLJCSSLKYDZTXBZSYFDXGXZJKHSXXYBSSXDPYNZWRPTQZCZENYGCXQFJYKJBZMLJCMQQXUOXSLYXXLYLLJDZBTYMHPFSTTQQWLHOKYBLZZALZXQLHZWRRQHLSTMYPYXJJXMQSJFNBXYXYJXXYQYLTHYLQYFMLKLJTMLLHSZWKZHLJMLHLJKLJSTLQXYLMBHHLNLZXQJHXCFXXLHYHJJGBYZZKBXSCQDJQDSUJZYYHZHHMGSXCSYMXFEBCQWWRBPYYJQTYZCYQYQQZYHMWFFHGZFRJFCDPXNTQYZPDYKHJLFRZXPPXZDBBGZQSTLGDGYLCQMLCHHMFYWLZYXKJLYPQHSYWMQQGQZMLZJNSQXJQSYJYCBEHSXFSZPXZWFLLBCYYJDYTDTHWZSFJMQQYJLMQXXLLDTTKHHYBFPWTYYSQQWNQWLGWDEBZWCMYGCULKJXTMXMYJSXHYBRWFYMWFRXYQMXYSZTZZTFYKMLDHQDXWYYNLCRYJBLPSXCXYWLSPRRJWXHQYPHTYDNXHHMMYWYTZCSQMTSSCCDALWZTCPQPYJLLQZYJSWXMZZMMYLMXCLMXCZMXMZSQTZPPQQBLPGXQZHFLJJHYTJSRXWZXSCCDLXTYJDCQJXSLQYCLZXLZZXMXQRJMHRHZJBHMFLJLMLCLQNLDXZLLLPYPSYJYSXCQQDCMQJZZXHNPNXZMEKMXHYKYQLXSXTXJYYHWDCWDZHQYYBGYBCYSCFGPSJNZDYZZJZXRZRQJJYMCANYRJTLDPPYZBSTJKXXZYPFDWFGZZRPYMTNGXZQBYXNBUFNQKRJQZMJEGRZGYCLKXZDSKKNSXKCLJSPJYYZLQQJYBZSSQLLLKJXTBKTYLCCDDBLSPPFYLGYDTZJYQGGKQTTFZXBDKTYYHYBBFYTYYBCLPDYTGDHRYRNJSPTCSNYJQHKLLLZSLYDXXWBCJQSPXBPJZJCJDZFFXXBRMLAZHCSNDLBJDSZBLPRZTSWSBXBCLLXXLZDJZSJPYLYXXYFTFFFBHJJXGBYXJPMMMPSSJZJMTLYZJXSWXTYLEDQPJMYGQZJGDJLQJWJQLLSJGJGYGMSCLJJXDTYGJQJQJCJZCJGDZZSXQGSJGGCXHQXSNQLZZBXHSGZXCXYLJXYXYYDFQQJHJFXDHCTXJYRXYSQTJXYEFYYSSYYJXNCYZXFXMSYSZXYYSCHSHXZZZGZZZGFJDLTYLNPZGYJYZYYQZPBXQBDZTZCZYXXYHHSQXSHDHGQHJHGYWSZTMZMLHYXGEBTYLZKQWYTJZRCLEKYSTDBCYKQQSAYXCJXWWGSBHJYZYDHCSJKQCXSWXFLTYNYZPZCCZJQTZWJQDZZZQZLJJXLSBHPYXXPSXSHHEZTXFPTLQYZZXHYTXNCFZYYHXGNXMYWXTZSJPTHHGYMXMXQZXTSBCZYJYXXTYYZYPCQLMMSZMJZZLLZXGXZAAJZYXJMZXWDXZSXZDZXLEYJJZQBHZWZZZQTZPSXZTDSXJJJZNYAZPHXYYSRNQDTHZHYYKYJHDZXZLSWCLYBZYECWCYCRYLCXNHZYDZYDYJDFRJJHTRSQTXYXJRJHOJYNXELXSFSFJZGHPZSXZSZDZCQZBYYKLSGSJHCZSHDGQGXYZGXCHXZJWYQWGYHKSSEQZZNDZFKWYSSTCLZSTSYMCDHJXXYWEYXCZAYDMPXMDSXYBSQMJMZJMTZQLPJYQZCGQHXJHHLXXHLHDLDJQCLDWBSXFZZYYSCHTYTYYBHECXHYKGJPXHHYZJFXHWHBDZFYZBCAPNPGNYDMSXHMMMMAMYNBYJTMPXYYMCTHJBZYFCGTYHWPHFTWZZEZSBZEGPFMTSKFTYCMHFLLHGPZJXZJGZJYXZSBBQSCZZLZCCSTPGXMJSFTCCZJZDJXCYBZLFCJSYZFGSZLYBCWZZBYZDZYPSWYJZXZBDSYUXLZZBZFYGCZXBZHZFTPBGZGEJBSTGKDMFHYZZJHZLLZZGJQZLSFDJSSCBZGPDLFZFZSZYZYZSYGCXSNXXCHCZXTZZLJFZGQSQYXZJQDCCZTQCDXZJYQJQCHXZTDLGSCXZSYQJQTZWLQDQZTQCHQQJZYEZZZPBWKDJFCJPZTYPQYQTTYNLMBDKTJZPQZQZZFPZSBNJLGYJDXJDZZKZGQKXDLPZJTCJDQBXDJQJSTCKNXBXZMSLYJCQMTJQWWCJQNJNLLLHJCWQTBZQYDZCZPZZDZYDDCYZZZCCJTTJFZDPRRTZTJDCQTQZDTJNPLZBCLLCTZSXKJZQZPZLBZRBTJDCXFCZDBCCJJLTQQPLDCGZDBBZJCQDCJWYNLLZYZCCDWLLXWZLXRXNTQQCZXKQLSGDFQTDDGLRLAJJTKUYMKQLLTZYTDYYCZGJWYXDXFRSKSTQTENQMRKQZHHQKDLDAZFKYPBGGPZREBZZYKZZSPEGJXGYKQZZZSLYSYYYZWFQZYLZZLZHWCHKYPQGNPGBLPLRRJYXCCSYYHSFZFYBZYYTGZXYLXCZWXXZJZBLFFLGSKHYJZEYJHLPLLLLCZGXDRZELRHGKLZZYHZLYQSZZJZQLJZFLNBHGWLCZCFJYSPYXZLZLXGCCPZBLLCYBBBBUBBCBPCRNNZCZYRBFSRLDCGQYYQXYGMQZWTZYTYJXYFWTEHZZJYWLCCNTZYJJZDEDPZDZTSYQJHDYMBJNYJZLXTSSTPHNDJXXBYXQTZQDDTJTDYYTGWSCSZQFLSHLGLBCZPHDLYZJYCKWTYTYLBNYTSDSYCCTYSZYYEBHEXHQDTWNYGYCLXTSZYSTQMYGZAZCCSZZDSLZCLZRQXYYELJSBYMXSXZTEMBBLLYYLLYTDQYSHYMRQWKFKBFXNXSBYCHXBWJYHTQBPBSBWDZYLKGZSKYHXQZJXHXJXGNLJKZLYYCDXLFYFGHLJGJYBXQLYBXQPQGZTZPLNCYPXDJYQYDYMRBESJYYHKXXSTMXRCZZYWXYQYBMCLLYZHQYZWQXDBXBZWZMSLPDMYSKFMZKLZCYQYCZLQXFZZYDQZPZYGYJYZMZXDZFYFYTTQTZHGSPCZMLCCYTZXJCYTJMKSLPZHYSNZLLYTPZCTZZCKTXDHXXTQCYFKSMQCCYYAZHTJPCYLZLYJBJXTPNYLJYYNRXSYLMMNXJSMYBCSYSYLZYLXJJQYLDZLPQBFZZBLFNDXQKCZFYWHGQMRDSXYCYTXNQQJZYYPFZXDYZFPRXEJDGYQBXRCNFYYQPGHYJDYZXGRHTKYLNWDZNTSMPKLBTHBPYSZBZTJZSZZJTYYXZPHSSZZBZCZPTQFZMYFLYPYBBJQXZMXXDJMTSYSKKBJZXHJCKLPSMKYJZCXTMLJYXRZZQSLXXQPYZXMKYXXXJCLJPRMYYGADYSKQLSNDHYZKQXZYZTCGHZTLMLWZYBWSYCTBHJHJFCWZTXWYTKZLXQSHLYJZJXTMPLPYCGLTBZZTLZJCYJGDTCLKLPLLQPJMZPAPXYZLKKTKDZCZZBNZDYDYQZJYJGMCTXLTGXSZLMLHBGLKFWNWZHDXUHLFMKYSLGXDTWWFRJEJZTZHYDXYKSHWFZCQSHKTMQQHTZHYMJDJSKHXZJZBZZXYMPAGQMSTPXLSKLZYNWRTSQLSZBPSPSGZWYHTLKSSSWHZZLYYTNXJGMJSZSUFWNLSOZTXGXLSAMMLBWLDSZYLAKQCQCTMYCFJBSLXCLZZCLXXKSBZQCLHJPSQPLSXXCKSLNHPSFQQYTXYJZLQLDXZQJZDYYDJNZPTUZDSKJFSLJHYLZSQZLBTXYDGTQFDBYAZXDZHZJNHHQBYKNXJJQCZMLLJZKSPLDYCLBBLXKLELXJLBQYCXJXGCNLCQPLZLZYJTZLJGYZDZPLTQCSXFDMNYCXGBTJDCZNBGBQYQJWGKFHTNPYQZQGBKPBBYZMTJDYTBLSQMPSXTBNPDXKLEMYYCJYNZCTLDYKZZXDDXHQSHDGMZSJYCCTAYRZLPYLTLKXSLZCGGEXCLFXLKJRTLQJAQZNCMBYDKKCXGLCZJZXJHPTDJJMZQYKQSECQZDSHHADMLZFMMZBGNTJNNLGBYJBRBTMLBYJDZXLCJLPLDLPCQDHLXZLYCBLCXZZJADJLNZMMSSSMYBHBSQKBHRSXXJMXSDZNZPXLGBRHWGGFCXGMSKLLTSJYYCQLTSKYWYYHYWXBXQYWPYWYKQLSQPTNTKHQCWDQKTWPXXHCPTHTWUMSSYHBWCRWXHJMKMZNGWTMLKFGHKJYLSYYCXWHYECLQHKQHTTQKHFZLDXQWYZYYDESBPKYRZPJFYYZJCEQDZZDLATZBBFJLLCXDLMJSSXEGYGSJQXCWBXSSZPDYZCXDNYXPPZYDLYJCZPLTXLSXYZYRXCYYYDYLWWNZSAHJSYQYHGYWWAXTJZDAXYSRLTDPSSYYFNEJDXYZHLXLLLZQZSJNYQYQQXYJGHZGZCYJCHZLYCDSHWSHJZYJXCLLNXZJJYYXNFXMWFPYLCYLLABWDDHWDXJMCXZTZPMLQZHSFHZYNZTLLDYWLSLXHYMMYLMBWWKYXYADTXYLLDJPYBPWUXJMWMLLSAFDLLYFLBHHHBQQLTZJCQJLDJTFFKMMMBYTHYGDCQRDDWRQJXNBYSNWZDBYYTBJHPYBYTTJXAAHGQDQTMYSTQXKBTZPKJLZRBEQQSSMJJBDJOTGTBXPGBKTLHQXJJJCTHXQDWJLWRFWQGWSHCKRYSWGFTGYGBXSDWDWRFHWYTJJXXXJYZYSLPYYYPAYXHYDQKXSHXYXGSKQHYWFDDDPPLCJLQQEEWXKSYYKDYPLTJTHKJLTCYYHHJTTPLTZZCDLTHQKZXQYSTEEYWYYZYXXYYSTTJKLLPZMCYHQGXYHSRMBXPLLNQYDQHXSXXWGDQBSHYLLPJJJTHYJKYPPTHYYKTYEZYENMDSHLCRPQFDGFXZPSFTLJXXJBSWYYSKSFLXLPPLBBBLBSFXFYZBSJSSYLPBBFFFFSSCJDSTZSXZRYYSYFFSYZYZBJTBCTSBSDHRTJJBYTCXYJEYLXCBNEBJDSYXYKGSJZBXBYTFZWGENYHHTHZHHXFWGCSTBGXKLSXYWMTMBYXJSTZSCDYQRCYTWXZFHMYMCXLZNSDJTTTXRYCFYJSBSDYERXJLJXBBDEYNJGHXGCKGSCYMBLXJMSZNSKGXFBNBPTHFJAAFXYXFPXMYPQDTZCXZZPXRSYWZDLYBBKTYQPQJPZYPZJZNJPZJLZZFYSBTTSLMPTZRTDXQSJEHBZYLZDHLJSQMLHTXTJECXSLZZSPKTLZKQQYFSYGYWPCPQFHQHYTQXZKRSGTTSQCZLPTXCDYYZXSQZSLXLZMYCPCQBZYXHBSXLZDLTCDXTYLZJYYZPZYZLTXJSJXHLPMYTXCQRBLZSSFJZZTNJYTXMYJHLHPPLCYXQJQQKZZSCPZKSWALQSBLCCZJSXGWWWYGYKTJBBZTDKHXHKGTGPBKQYSLPXPJCKBMLLXDZSTBKLGGQKQLSBKKTFXRMDKBFTPZFRTBBRFERQGXYJPZSSTLBZTPSZQZSJDHLJQLZBPMSMMSXLQQNHKNBLRDDNXXDHDDJCYYGYLXGZLXSYGMQQGKHBPMXYXLYTQWLWGCPBMQXCYZYDRJBHTDJYHQSHTMJSBYPLWHLZFFNYPMHXXHPLTBQPFBJWQDBYGPNZTPFZJGSDDTQSHZEAWZZYLLTYYBWJKXXGHLFKXDJTMSZSQYNZGGSWQSPHTLSSKMCLZXYSZQZXNCJDQGZDLFNYKLJCJLLZLMZZNHYDSSHTHZZLZZBBHQZWWYCRZHLYQQJBEYFXXXWHSRXWQHWPSLMSSKZTTYGYQQWRSLALHMJTQJSMXQBJJZJXZYZKXBYQXBJXSHZTSFJLXMXZXFGHKZSZGGYLCLSARJYHSLLLMZXELGLXYDJYTLFBHBPNLYZFBBHPTGJKWETZHKJJXZXXGLLJLSTGSHJJYQLQZFKCGNNDJSSZFDBCTWWSEQFHQJBSAQTGYPQLBXBMMYWXGSLZHGLZGQYFLZBYFZJFRYSFMBYZHQGFWZSYFYJJPHZBYYZFFWODGRLMFTWLBZGYCQXCDJYGZYYYYTYTYDWEGAZYHXJLZYYHLRMGRXXZCLHNELJJTJTPWJYBJJBXJJTJTEEKHWSLJPLPSFYZPQQBDLQJJTYYQLYZKDKSQJYYQZLDQTGJQYZJSUCMRYQTHTEJMFCTYHYPKMHYZWJDQFHYYXWSHCTXRLJHQXHCCYYYJLTKTTYTMXGTCJTZAYYOCZLYLBSZYWJYTSJYHBYSHFJLYGJXXTMZYYLTXXYPZLXYJZYZYYPNHMYMDYYLBLHLSYYQQLLNJJYMSOYQBZGDLYXYLCQYXTSZEGXHZGLHWBLJHEYXTWQMAKBPQCGYSHHEGQCMWYYWLJYJHYYZLLJJYLHZYHMGSLJLJXCJJYCLYCJPCPZJZJMMYLCQLNQLJQJSXYJMLSZLJQLYCMMHCFMMFPQQMFYLQMCFFQMMMMHMZNFHHJGTTHHKHSLNCHHYQDXTMMQDCYZYXYQMYQYLTDCYYYZAZZCYMZYDLZFFFMMYCQZWZZMABTBYZTDMNZZGGDFTYPCGQYTTSSFFWFDTZQSSYSTWXJHXYTSXXYLBYQHWWKXHZXWZNNZZJZJJQJCCCHYYXBZXZCYZTLLCQXYNJYCYYCYNZZQYYYEWYCZDCJYCCHYJLBTZYYCQWMPWPYMLGKDLDLGKQQBGYCHJXY", Xa = (n, e) => {
+  const [
+    t,
+    i
+  ] = R({}), r = (c) => {
+    const Y = c.trim(), u = Y.charCodeAt(0);
+    return u > 40869 || u < 19968 ? Y.charAt(0) : da.charAt(u - 19968);
+  }, o = (c, Y) => {
+    const u = {
+      "#": Y || []
+    };
+    for (let Z = 65; Z <= 90; Z += 1)
+      u[String.fromCharCode(Z)] = [];
+    return c == null || c.forEach((Z) => {
+      const { nick: S, userID: d } = Z, L = r(S || d);
+      L >= "a" && L <= "z" ? u[L.toLocaleUpperCase()].push(Z) : L < "A" || L > "z" ? u["#"].push(Z) : u[L].push(Z);
+    }), Object.keys(u).forEach((Z) => {
+      u[Z].sort((S, d) => {
+        const { nick: L, userID: J } = S, { nick: D, userID: p } = d;
+        return L || J <= D || p ? 1 : -1;
+      });
+    }), u;
+  }, s = O((c, Y) => {
+    const u = o(
+      c,
+      Y
+    );
+    i(u);
+  }, []), l = async (c) => {
+    var Y;
+    if (!c)
+      return t;
+    const { data: u } = await An.getUserProfile({
+      userIDList: [c]
+    }), Z = {};
+    let S = !1;
+    return Object.keys(t).forEach((d) => {
+      Z[d] = t[d].filter(
+        ({ nick: L, userID: J }) => {
+          var D;
+          const p = L == null ? void 0 : L.toLocaleLowerCase(), T = c.toLocaleLowerCase(), h = J.toLocaleLowerCase();
+          let X;
+          return ((D = process.env) == null ? void 0 : D.REACT_APP_ONLINE) === "TencentCloudDemo" ? X = p ? p.includes(T) : h.includes(T) : X = h === T, S = S || X, X;
+        }
+      );
+    }), ((Y = process.env) == null ? void 0 : Y.REACT_APP_ONLINE) === "TencentCloudDemo" || S ? Z : o(u);
+  };
+  return V(() => {
+    let c = [];
+    n && n.length > 0 && (c = n.filter(
+      (Y) => (Y == null ? void 0 : Y.type) === re.TYPES.CONV_C2C
+    ).slice(0, 5).map((Y) => Y == null ? void 0 : Y.userProfile)), s(e, c);
+  }, [e, n, s]), {
+    getFirstLetter: r,
+    queryFriendList: s,
+    getFriendListSortSearchResult: l,
+    friendListSortResult: t
+  };
+}, pa = "uikit-conversationCreateUserSelectList__searchInput", Ja = "uikit-conversationCreateUserSelectList__user", Ta = "uikit-conversationCreateUserSelectList__userName", Da = "uikit-conversationCreateUserSelectList__userCheckbox", ma = "uikit-conversationCreateUserSelectList__activeIcon", Qa = "uikit-conversationCreateUserSelectList__nextContainer", _a = "uikit-conversationCreateUserSelectList__container", va = "uikit-conversationCreateUserSelectList__list", Ha = "uikit-conversationCreateUserSelectList__groupContainer", ha = "uikit-conversationCreateUserSelectList__title", ce = {
+  conversationCreateUserSelectList__searchInput: pa,
+  conversationCreateUserSelectList__user: Ja,
+  conversationCreateUserSelectList__userName: Ta,
+  "conversationCreateUserSelectList__userName--active": "uikit-conversationCreateUserSelectList__userName--active",
+  conversationCreateUserSelectList__userCheckbox: Da,
+  conversationCreateUserSelectList__activeIcon: ma,
+  conversationCreateUserSelectList__nextContainer: Qa,
+  conversationCreateUserSelectList__container: _a,
+  conversationCreateUserSelectList__list: va,
+  conversationCreateUserSelectList__groupContainer: Ha,
+  conversationCreateUserSelectList__title: ha
+};
+function Ma(n) {
+  const { friendList: e } = he(), {
+    isCreateGroup: t,
+    selectList: i,
+    setSelectList: r,
+    className: o,
+    conversationList: s,
+    setIsCreateGroup: l,
+    setPageState: c,
+    onBeforeCreateConversation: Y,
+    onConversationCreated: u
+  } = n, { t: Z } = b(), [S, d] = R(""), [L, J] = R({}), {
+    friendListSortResult: D,
+    getFriendListSortSearchResult: p
+  } = Xa(
+    s,
+    e
+  );
+  V(() => {
+    J(D);
+  }, [D]);
+  const { createC2CConversation: T } = Te(), h = U(/* @__PURE__ */ new Map()), X = async (W) => {
+    const { value: I } = W.target;
+    d(I), J(await p(I));
+  }, N = () => {
+    l(!0), h.current.clear(), r([]);
+  }, Q = (W) => {
+    const { userID: I } = W;
+    i.find((_) => _.userID === I) ? i.splice(i.findIndex((_) => _.userID === I), 1) : i.push(W), r([...i]);
+  }, K = async (W) => {
+    if (t)
+      return;
+    const { userID: I } = W;
+    Y == null || Y(I), T(I).then((_) => {
+      u == null || u(_);
+    }).catch((_) => {
+      ze.error({ message: _.message });
+    });
+  }, M = (W) => {
+    t ? Q(W) : K(W);
+  }, F = () => {
+    if (i && i.length === 0) {
+      ze.error({ message: Z("TUIConversation.Participant cannot be empty") });
+      return;
+    }
+    c(Xe.CREATE_DETAIL);
+  };
+  return /* @__PURE__ */ C(Ce, { children: [
+    /* @__PURE__ */ a(
+      it,
+      {
+        className: ce.conversationCreateUserSelectList__searchInput,
+        placeholder: Z("TUIConversation.Search"),
+        clearable: !0,
+        value: S,
+        onChange: X,
+        prefix: /* @__PURE__ */ a(en, {})
+      }
+    ),
+    t && /* @__PURE__ */ a(Sa, { selectList: i, setSelectList: r }),
+    !t && /* @__PURE__ */ C("div", { role: "presentation", className: ce.conversationCreateUserSelectList__user, onClick: N, children: [
+      /* @__PURE__ */ a(Kt, { size: "24px" }),
+      /* @__PURE__ */ a("div", { className: P(ce.conversationCreateUserSelectList__userName, ce["conversationCreateUserSelectList__userName--active"]), children: Z("TUIConversation.New group chat") })
+    ] }),
+    /* @__PURE__ */ a("div", { className: P(ce.conversationCreateUserSelectList__container, o), children: /* @__PURE__ */ a("div", { className: ce.conversationCreateUserSelectList__list, children: /* @__PURE__ */ a("div", { className: ce.conversationCreateUserSelectList__groupContainer, children: Object.keys(L).map(
+      (W) => L[W].length !== 0 && /* @__PURE__ */ C("div", { className: ce.conversationCreateUserSelectList__groupBox, children: [
+        /* @__PURE__ */ a("div", { className: ce.conversationCreateUserSelectList__title, children: W }),
+        L[W].map((I) => {
+          const { userID: _, nick: m, avatar: v } = I;
+          return /* @__PURE__ */ C(
+            "label",
+            {
+              role: "presentation",
+              className: ce.conversationCreateUserSelectList__user,
+              htmlFor: `userChecked-${W}-${_}`,
+              onClick: () => {
+                M(I);
+              },
+              children: [
+                /* @__PURE__ */ a(z, { src: v }),
+                /* @__PURE__ */ a("div", { className: ce.conversationCreateUserSelectList__userName, children: m || `${_}` }),
+                t && /* @__PURE__ */ a(
+                  "div",
+                  {
+                    className: ce.conversationCreateUserSelectList__userCheckbox,
+                    children: i.find((w) => w.userID === _) ? /* @__PURE__ */ a(
+                      tn,
+                      {
+                        className: ce.conversationCreateUserSelectList__activeIcon
+                      }
+                    ) : /* @__PURE__ */ a(nn, {})
+                  }
+                )
+              ]
+            },
+            _
+          );
+        })
+      ] }, W)
+    ) }) }) }),
+    t && /* @__PURE__ */ a("div", { className: ce.conversationCreateUserSelectList__nextContainer, children: /* @__PURE__ */ a(ne, { onClick: F, children: Z("TUIConversation.Next") }) })
+  ] });
+}
+const fa = "uikit-conversationCreate__container", Pa = "uikit-conversationCreate__main", Ga = "uikit-conversationCreate__header", Na = "uikit-conversationCreate__title", Ba = "uikit-conversationCreate__icon", Ue = {
+  conversationCreate__container: fa,
+  conversationCreate__main: Pa,
+  conversationCreate__header: Ga,
+  conversationCreate__title: Na,
+  conversationCreate__icon: Ba
+};
+function Fa(n) {
+  const {
+    visible: e = !0,
+    className: t,
+    style: i,
+    onChangeCreateModelVisible: r,
+    conversationList: o = [],
+    onBeforeCreateConversation: s,
+    onConversationCreated: l
+  } = n, { t: c } = b(), [Y, u] = R(!1), [Z, S] = R(!1), [d, L] = R(Xe.USER_SELECT), [J, D] = R([]), p = (X) => {
+    u(!1), h(), ot.switchConversation(X.conversationID), l == null || l(X);
+  };
+  V(() => {
+    r == null || r(Y);
+  }, [r, Y]);
+  const T = () => {
+    if (Z)
+      switch (d) {
+        case Xe.USER_SELECT:
+          S(!1);
+          break;
+        case Xe.CREATE_DETAIL:
+          L(Xe.USER_SELECT), D([]);
+          break;
+        case Xe.GROUP_TYPE:
+          L(Xe.CREATE_DETAIL);
+          break;
+      }
+    else
+      u(!1), h();
+  };
+  function h() {
+    S(!1), L(Xe.USER_SELECT), D([]);
+  }
+  return et(() => e ? /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(
+        Ue.conversationCreate__container,
+        t
+      ),
+      style: i,
+      children: [
+        !Y && /* @__PURE__ */ a(
+          zn,
+          {
+            onClick: () => u(!0)
+          }
+        ),
+        Y && /* @__PURE__ */ C("div", { className: Ue.conversationCreate__main, children: [
+          /* @__PURE__ */ C("div", { className: Ue.conversationCreate__header, children: [
+            /* @__PURE__ */ a("div", { className: Ue.conversationCreate__icon, onClick: T, children: /* @__PURE__ */ a(an, { size: "24px" }) }),
+            /* @__PURE__ */ a("div", { className: Ue.conversationCreate__title, children: c(Z ? "TUIConversation.Add Participants" : "TUIConversation.Start chat") })
+          ] }),
+          d === Xe.USER_SELECT ? /* @__PURE__ */ a(
+            Ma,
+            {
+              isCreateGroup: Z,
+              setIsCreateGroup: S,
+              selectList: J,
+              setSelectList: D,
+              conversationList: o,
+              onBeforeCreateConversation: s,
+              onConversationCreated: p,
+              setPageState: L
+            }
+          ) : /* @__PURE__ */ a(
+            Ya,
+            {
+              pageState: d,
+              setPageState: L,
+              profileList: J,
+              onBeforeCreateConversation: s,
+              onConversationCreated: p
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null, [
+    e,
+    t,
+    i,
+    Y,
+    T,
+    c,
+    Z,
+    d,
+    J,
+    o,
+    s,
+    p
+  ]);
+}
+const ga = "data:image/png;base64,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";
+function Wa() {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "tui-kit-icon tui-kit-icon-cry",
+      children: /* @__PURE__ */ a("img", { className: "icon-image icon-image-cry", src: ga })
+    }
+  );
+}
+const Ka = "data:image/png;base64,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";
+function Ra() {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "tui-kit-icon tui-kit-icon-effort",
+      children: /* @__PURE__ */ a("img", { className: "icon-image icon-image-effort", src: Ka })
+    }
+  );
+}
+const Je = {
+  LOADING: "LOADING",
+  NO_CONVERSATIONS: "NO_CONVERSATIONS",
+  WRONG: "WRONG"
+};
+function Yt({
+  className: n = "",
+  type: e,
+  iconSize: t = 42,
+  searchString: i = "",
+  retry: r
+}) {
+  const { t: o } = b(), s = {
+    [Je.LOADING]: "",
+    [Je.NO_CONVERSATIONS]: o("TUIConversation.No conversation"),
+    [Je.WRONG]: o("TUIConversation.Something was wrong")
+  };
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(
+        n,
+        "tui-place-holder"
+      ),
+      children: [
+        /* @__PURE__ */ C("div", { className: "tui-place-holder__icon", children: [
+          e === Je.LOADING && /* @__PURE__ */ a(on, { className: "tui-place-holder-loading", size: t ? `${t}px` : "auto" }),
+          e === Je.NO_CONVERSATIONS && /* @__PURE__ */ a(Ra, {}),
+          e === Je.WRONG && /* @__PURE__ */ a(Wa, {})
+        ] }),
+        s[e] && /* @__PURE__ */ a("div", { className: "tui-place-holder__label", children: i ? `${s[e]}  '${i}' ` : s[e] }),
+        e === Je.WRONG && r && /* @__PURE__ */ a("div", { className: "tui-place-holder__button", children: /* @__PURE__ */ a("button", { onClick: r, children: "Retry" }) })
+      ]
+    }
+  );
+}
+const Ia = "uikit-conversationListContent", ka = {
+  conversationListContent: Ia
+};
+function Aa(n) {
+  const {
+    children: e,
+    empty: t = !1,
+    loading: i = !1,
+    error: r = !1,
+    PlaceholderEmptyList: o = /* @__PURE__ */ a(Yt, { type: Je.NO_CONVERSATIONS }),
+    PlaceholderLoading: s = /* @__PURE__ */ a(Yt, { type: Je.LOADING }),
+    PlaceholderLoadError: l = /* @__PURE__ */ a(Yt, { type: Je.WRONG }),
+    className: c,
+    style: Y
+  } = n;
+  let u;
+  return r ? u = l : i ? u = s : t ? u = o : u = e, /* @__PURE__ */ a(
+    "div",
+    {
+      className: P(ka.conversationListContent, c),
+      style: Y,
+      children: u
+    }
+  );
+}
+const Ea = "uikit-conversationListHeader", ya = "uikit-conversationListHeader__left", Ua = "uikit-conversationListHeader__right", Zt = {
+  conversationListHeader: Ea,
+  conversationListHeader__left: ya,
+  conversationListHeader__right: Ua
+};
+function ba(n) {
+  const {
+    children: e,
+    left: t,
+    right: i,
+    className: r,
+    style: o
+  } = n;
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(
+        Zt.conversationListHeader,
+        r
+      ),
+      style: o,
+      children: [
+        /* @__PURE__ */ a("div", { className: Zt.conversationListHeader__left, children: t }),
+        e,
+        /* @__PURE__ */ a("div", { className: Zt.conversationListHeader__right, children: i })
+      ]
+    }
+  );
+}
+function wa(n) {
+  const [e, t] = R(!1), i = () => {
+    t(!0);
+  }, r = () => {
+    t(!1);
+  };
+  return V(() => {
+    const o = n == null ? void 0 : n.current;
+    return o && (o.addEventListener("mouseenter", i), o.addEventListener("mouseleave", r)), () => {
+      o && (o.removeEventListener("mouseenter", i), o.removeEventListener("mouseleave", r));
+    };
+  }, [n]), e;
+}
+const Gt = {
+  "[草稿]": "[Drafts]",
+  "[自定义消息]": "[Custom Message]",
+  "[图片]": "[Image]",
+  "[语音]": "[Voice]",
+  "[视频]": "[Video]",
+  "[文件]": "[File]",
+  "[位置]": "[Location]",
+  "[地理位置]": "[Location]",
+  "[动画表情]": "[Animated Sticker]",
+  "[群提示消息]": "[Group Notification]",
+  "[聊天记录]": "[Chat History]"
+}, xa = (n, e) => {
+  const t = n.getShowName();
+  if (!e)
+    return [{ text: t, isHighlight: !1 }];
+  const i = e.toLowerCase();
+  return t.split(new RegExp(`(${e})`, "gi")).map((r) => ({ text: r, isHighlight: r.toLowerCase() === i }));
+}, Oa = (n, e) => {
+  var t;
+  if (n.draftText) {
+    const s = Lt(n.draftText);
+    return s.abstract || s;
+  }
+  if (n.operationType === 4)
+    return e("TUIConversation.You have been removed from the group by the group administrator");
+  if (n.operationType === 5)
+    return e("TUIConversation.The group chat has been disbanded");
+  if (n.operationType === 8)
+    return e("TUIConversation.You have left the group chat");
+  const { lastMessage: i } = n;
+  let r = "", o = "";
+  if (n.type === re.TYPES.CONV_GROUP)
+    if ((i == null ? void 0 : i.fromAccount) === re.getMyUserID())
+      r = e("TUIConversation.Me");
+    else {
+      const s = (i == null ? void 0 : i.fromAccount) || "";
+      r = En.getFriendRemark([s])[s] || (i == null ? void 0 : i.nameCard) || (i == null ? void 0 : i.nick) || s;
+    }
+  if ((i == null ? void 0 : i.type) === re.TYPES.MSG_TEXT)
+    o = It(i == null ? void 0 : i.payload.text);
+  else if ((i == null ? void 0 : i.type) === re.TYPES.MSG_CUSTOM) {
+    const s = Lt((t = i == null ? void 0 : i.payload) == null ? void 0 : t.data);
+    if ((s == null ? void 0 : s.businessID) === 1)
+      return o = re.TUIChat.messageHandler.handleCallKitSignaling(i), o;
+    const l = Gt[`${(i == null ? void 0 : i.messageForShow) || ""}`];
+    o = l ? e(`TUIChat.${l}`) : i == null ? void 0 : i.messageForShow;
+  } else {
+    const s = Gt[`${(i == null ? void 0 : i.messageForShow) || ""}`];
+    o = s ? e(`TUIChat.${s}`) : i == null ? void 0 : i.messageForShow;
+  }
+  return i != null && i.isRevoked && (o = e("TUIChat.recalled a message")), n.type === re.TYPES.CONV_GROUP && (i == null ? void 0 : i.type) === re.TYPES.MSG_GRP_TIP ? o : `${r ? `${r}:` : ""}${o}`;
+}, Va = "uikit-conversationPreview", $a = "uikit-conversationPreview__title", qa = "uikit-conversationPreview__unread", ja = "uikit-conversationPreview__avatar", za = "uikit-conversationPreview__content", ei = "uikit-conversationPreview__abstract", ti = "uikit-conversationPreview__drafts", ni = "uikit-conversationPreview__external", ai = "uikit-conversationPreview__time", ii = "uikit-textEllipsis", te = {
+  conversationPreview: Va,
+  "conversationPreview--mobile": "uikit-conversationPreview--mobile",
+  "conversationPreview--pin": "uikit-conversationPreview--pin",
+  conversationPreview__title: $a,
+  "conversationPreview__title--normal": "uikit-conversationPreview__title--normal",
+  "conversationPreview__title--highlight": "uikit-conversationPreview__title--highlight",
+  conversationPreview__unread: qa,
+  "conversationPreview--active": "uikit-conversationPreview--active",
+  "conversationPreview--unread": "uikit-conversationPreview--unread",
+  conversationPreview__avatar: ja,
+  conversationPreview__content: za,
+  conversationPreview__abstract: ei,
+  conversationPreview__drafts: ti,
+  conversationPreview__external: ni,
+  conversationPreview__time: ai,
+  textEllipsis: ii
+};
+function oi(n) {
+  const { conversation: e, highlightMatchString: t } = n;
+  return /* @__PURE__ */ a("div", { className: P(te.conversationPreview__title, te.textEllipsis), children: xa(e, t).map((i, r) => /* @__PURE__ */ a(
+    "span",
+    {
+      className: P({
+        [te["conversationPreview__title--highlight"]]: i.isHighlight,
+        [te["conversationPreview__title--normal"]]: !i.isHighlight
+      }),
+      children: i.text
+    },
+    r
+  )) });
+}
+function ri(n) {
+  var e;
+  const { conversation: t } = n, { language: i } = b();
+  return /* @__PURE__ */ a("div", { className: te.conversationPreview__time, children: mn(+(((e = t.lastMessage) == null ? void 0 : e.lastTime) || 0) * 1e3, i) });
+}
+function ci(n) {
+  var e;
+  const { conversation: t } = n, { t: i } = b(), { draftText: r } = t, o = ((e = Lt(r)) == null ? void 0 : e.abstract) || r;
+  return /* @__PURE__ */ a("div", { className: te.conversationPreview__abstract, children: o ? /* @__PURE__ */ C(Ce, { children: [
+    /* @__PURE__ */ a("label", { className: te.conversationPreview__drafts, children: i("TUIChat.[Drafts]") }),
+    " ",
+    o
+  ] }) : Oa(t, i) });
+}
+function si(n) {
+  const { conversation: e } = n;
+  let t;
+  return e.isMuted ? t = /* @__PURE__ */ a(rn, {}) : e.unreadCount > 99 ? t = "99+" : e.unreadCount > 0 ? t = e.unreadCount : e.markList.includes(re.TYPES.CONV_MARK_TYPE_UNREAD) ? t = "1" : t = null, /* @__PURE__ */ a("div", { className: te.conversationPreview__unread, children: t });
+}
+function li(n) {
+  const {
+    conversation: e,
+    isSelected: t = !1,
+    enableActions: i = !0,
+    highlightMatchString: r,
+    Preview: o = wt,
+    Avatar: s = z,
+    ConversationActions: l = Tt,
+    Title: c = oi({ conversation: e, highlightMatchString: r }),
+    LastMessageTimestamp: Y = ri({ conversation: e }),
+    LastMessageAbstract: u = ci({ conversation: e }),
+    Unread: Z = si({ conversation: e }),
+    onSelectConversation: S,
+    actionsConfig: d,
+    className: L,
+    style: J,
+    children: D
+  } = n;
+  return /* @__PURE__ */ a(
+    o,
+    {
+      conversation: e,
+      isSelected: t,
+      enableActions: i,
+      highlightMatchString: r,
+      Avatar: s,
+      ConversationActions: l,
+      Title: c,
+      LastMessageTimestamp: Y,
+      LastMessageAbstract: u,
+      Unread: Z,
+      onSelectConversation: S,
+      actionsConfig: d,
+      className: L,
+      style: J,
+      children: D
+    }
+  );
+}
+function wt(n) {
+  const {
+    conversation: e,
+    isSelected: t,
+    enableActions: i,
+    Avatar: r = z,
+    ConversationActions: o = Tt,
+    Title: s,
+    LastMessageTimestamp: l,
+    LastMessageAbstract: c,
+    Unread: Y,
+    onSelectConversation: u,
+    actionsConfig: Z,
+    className: S,
+    style: d,
+    children: L
+  } = n, {
+    activeConversation: J,
+    setActiveConversation: D
+  } = Te(), p = U(null), [T, h] = R(!1), X = wa(p), N = () => {
+    u == null || u(e), D(e.conversationID);
+  }, Q = Dn(() => {
+    He && h(!0);
+  })();
+  V(() => {
+    He || h(X);
+  }, [X]);
+  const K = () => {
+    h(!1);
+  };
+  return /* @__PURE__ */ C(Ce, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: p,
+        className: P(te.conversationPreview, S, {
+          [te["conversationPreview--mobile"]]: He,
+          [te["conversationPreview--active"]]: t || e.conversationID === (J == null ? void 0 : J.conversationID),
+          [te["conversationPreview--unread"]]: !e.isMuted && (e.unreadCount > 0 || e.markList.includes(re.TYPES.CONV_MARK_TYPE_UNREAD)),
+          [te["conversationPreview--pin"]]: e.isPinned,
+          [te["conversationPreview--mute"]]: e.isMuted
+        }),
+        style: d,
+        onClick: N,
+        ...Q,
+        children: L || /* @__PURE__ */ C(Ce, { children: [
+          /* @__PURE__ */ a("div", { className: te.conversationPreview__avatar, children: /* @__PURE__ */ a(
+            r,
+            {
+              src: e.getAvatar(),
+              unreadCount: e.isMuted && e.markList.includes(re.TYPES.CONV_MARK_TYPE_UNREAD)
+            }
+          ) }),
+          /* @__PURE__ */ C("div", { className: te.conversationPreview__content, children: [
+            s,
+            c
+          ] }),
+          /* @__PURE__ */ C("div", { className: te.conversationPreview__external, children: [
+            Y,
+            i && T && !He ? /* @__PURE__ */ a(
+              o,
+              {
+                conversation: e,
+                ...Z,
+                onClose: K
+              }
+            ) : l
+          ] })
+        ] })
+      }
+    ),
+    He && i && T && /* @__PURE__ */ a(
+      o,
+      {
+        conversation: e,
+        ...Z,
+        onClose: K
+      }
+    )
+  ] });
+}
+const Yi = "uikit-conversationSearch", Zi = "uikit-conversationSearch__box", ui = "uikit-conversationSearch__advanced", Qe = {
+  conversationSearch: Yi,
+  "conversationSearch--active": "uikit-conversationSearch--active",
+  conversationSearch__box: Zi,
+  conversationSearch__advanced: ui,
+  "conversationSearch__advanced--h5": "uikit-conversationSearch__advanced--h5"
+}, Ci = (n = {}) => {
+  const {
+    visible: e = !0,
+    SearchBar: t,
+    Search: i,
+    SearchResultsPresearch: r,
+    SearchResultsLoading: o,
+    SearchResultsEmpty: s,
+    SearchResultItem: l,
+    className: c,
+    style: Y,
+    onKeywordChange: u,
+    onResultItemClick: Z,
+    onSearchComplete: S,
+    onError: d,
+    ...L
+  } = n, [J, D] = R(!1), [p, T] = R(!1), [h, X] = R(ve.MINI), { t: N } = b(), { keyword: Q, setKeyword: K, setSelectedType: M } = kt(), F = () => {
+    T(!1), X(ve.MINI), K("");
+  }, W = (B) => {
+    D(!!B);
+    const H = !B && h === ve.MINI, E = !Be && h === ve.STANDARD && !B;
+    (H || E) && F(), u == null || u(B);
+  };
+  if (V(() => {
+    W(Q);
+  }, [Q]), !e)
+    return null;
+  const I = (B) => {
+    const { profile: H } = B || {}, E = `C2C${H.userID}`;
+    ot.switchConversation(E), F();
+  }, _ = (B) => {
+    const { conversation: H } = B || {};
+    H ? ot.switchConversation(H.conversationID) : ze.error({
+      message: N("TUIConversation.You are not in the group, please join the group first")
+    }), F();
+  }, m = (B) => {
+    const { conversationID: H = "" } = B || {}, { conversationID: E = "" } = (B == null ? void 0 : B.conversation) || {}, g = E || H;
+    g && (ot.switchConversation(g), F());
+  }, v = (B, H) => {
+    if (Z) {
+      Z(B, H);
+      return;
+    }
+    switch (H) {
+      case qe.USER:
+        I(B);
+        break;
+      case qe.GROUP:
+        _(B);
+        break;
+      case qe.CHAT_MESSAGE:
+        m(B);
+        break;
+      default:
+        h === ve.MINI && (T(!0), X(ve.STANDARD), M(H));
+        break;
+    }
+  }, w = i || Et, y = t || At;
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(Qe.conversationSearch, c, {
+        [Qe["conversationSearch--active"]]: J && !p
+      }),
+      style: Y,
+      children: [
+        p && /* @__PURE__ */ a(y, {}),
+        !p && /* @__PURE__ */ a("div", { className: Qe.conversationSearch__box, children: /* @__PURE__ */ a(
+          w,
+          {
+            className: P({
+              [Qe.conversationSearch__content]: Be,
+              [Qe["searchContainer--h5"]]: !Be
+            }),
+            variant: ve.MINI,
+            SearchBar: y,
+            SearchResultsPresearch: r || (() => /* @__PURE__ */ a("div", {})),
+            SearchResultsLoading: o,
+            SearchResultsEmpty: s,
+            SearchResultItem: l,
+            onResultItemClick: v,
+            ...S && { onSearchComplete: S },
+            ...d && { onError: d },
+            ...L
+          }
+        ) }),
+        /* @__PURE__ */ a(
+          Rt,
+          {
+            className: P({
+              [Qe.conversationSearch__advanced]: Be,
+              [Qe["conversationSearch__advanced--h5"]]: !Be
+            }),
+            visible: p,
+            showClose: !1,
+            showConfirm: !1,
+            showCancel: !1,
+            onClose: F,
+            children: /* @__PURE__ */ a(
+              w,
+              {
+                className: P({
+                  [Qe.conversationSearch__content]: Be,
+                  [Qe["searchContainer--h5"]]: !Be
+                }),
+                variant: ve.STANDARD,
+                SearchBar: y,
+                SearchResultsPresearch: r,
+                SearchResultsLoading: o,
+                SearchResultsEmpty: s,
+                SearchResultItem: l,
+                onResultItemClick: v,
+                ...S && { onSearchComplete: S },
+                ...d && { onError: d },
+                ...L
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, Li = "uikit-conversationList", ut = {
+  conversationList: Li
+};
+function Si(n) {
+  const {
+    enableSearch: e,
+    enableCreate: t,
+    enableActions: i = !0,
+    actionsConfig: r,
+    Header: o = ba,
+    List: s = Aa,
+    Preview: l = wt,
+    ConversationCreate: c = Fa,
+    ConversationSearch: Y = Ci,
+    ConversationActions: u = Tt,
+    PlaceholderEmptyList: Z,
+    PlaceholderLoading: S,
+    PlaceholderLoadError: d,
+    Avatar: L = z,
+    onSelectConversation: J,
+    onBeforeCreateConversation: D,
+    onConversationCreated: p,
+    className: T,
+    style: h,
+    filter: X,
+    sort: N
+  } = n, { searchConfig: Q, conversationListConfig: K } = b(), { enableCreateConversation: M, conversationActionList: F } = K, W = (e || !(Q != null && Q.hideSearch)) ?? !0, I = (t || M) ?? !0, {
+    conversationList: _ = [],
+    setActiveConversation: m
+  } = Te(), [v, w] = R(!1), [
+    y,
+    B
+  ] = R({
+    enableDelete: !0,
+    enableMute: !0,
+    enableMarkUnread: !0,
+    enablePin: !0
+  });
+  V(() => {
+    if (!r && !F && B({
+      enableDelete: !0,
+      enableMute: !0,
+      enableMarkUnread: !0,
+      enablePin: !0
+    }), r && B(r), F && F.length > 0) {
+      const g = {};
+      for (let $ = 0; $ < F.length; $ += 1) {
+        const Ye = F[$], Me = `enable${Ye == null ? void 0 : Ye.replace(Ye[0], Ye[0].toUpperCase())}`;
+        g[`${Me}`] = g[`${Me}`] ?? !0;
+      }
+      B(g);
+    }
+  }, [r, F]);
+  const H = et(() => {
+    let g = _;
+    return X && (g = X(g)), N && (g = N(g)), g;
+  }, [_, X, N]), E = (g) => {
+    m(g.conversationID), J == null || J(g);
+  };
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(T, ut.conversationList, {
+        [ut["conversationList--mobile"]]: He
+      }),
+      style: h,
+      children: [
+        /* @__PURE__ */ C(o, { children: [
+          W && /* @__PURE__ */ a(Y, {}),
+          /* @__PURE__ */ a(
+            c,
+            {
+              className: P({
+                [ut.conversationList__headerCreating]: v
+              }),
+              conversationList: _,
+              visible: I,
+              onChangeCreateModelVisible: (g) => w(g),
+              onBeforeCreateConversation: D,
+              onConversationCreated: p
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a(
+          s,
+          {
+            empty: H.length === 0,
+            loading: !_,
+            error: !1,
+            PlaceholderEmptyList: Z,
+            PlaceholderLoadError: d,
+            PlaceholderLoading: S,
+            children: H.map((g) => /* @__PURE__ */ a(
+              li,
+              {
+                conversation: g,
+                enableActions: i,
+                Preview: l,
+                Avatar: L,
+                ConversationActions: u,
+                onSelectConversation: E,
+                actionsConfig: y
+              },
+              g.conversationID
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function nr(n) {
+  return /* @__PURE__ */ a(Si, { ...n });
+}
+var f = /* @__PURE__ */ ((n) => (n.FRIEND = "friend", n.BLACK = "black", n.GROUP = "group", n.FRIEND_REQUEST = "friendRequest", n.GROUP_REQUEST = "groupRequest", n.SEARCH_USER = "searchUser", n.SEARCH_GROUP = "searchGroup", n))(f || {}), di = /* @__PURE__ */ ((n) => (n[n.USER_JOIN_REQUEST = 0] = "USER_JOIN_REQUEST", n[n.INVITE_MEMBER_REQUEST = 2] = "INVITE_MEMBER_REQUEST", n))(di || {});
+const Xi = "uikit-blacklistItem", pi = "uikit-blacklistItem__avatar", Ji = "uikit-blacklistItem__content", Ti = "uikit-blacklistItem__name", be = {
+  blacklistItem: Xi,
+  "blacklistItem--active": "uikit-blacklistItem--active",
+  blacklistItem__avatar: pi,
+  blacklistItem__content: Ji,
+  blacklistItem__name: Ti
+}, Di = ({
+  profile: n,
+  isActive: e,
+  onClick: t,
+  className: i,
+  style: r
+}) => {
+  const o = () => t == null ? void 0 : t(n);
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(be.blacklistItem, i, e && be["blacklistItem--active"]),
+      style: r,
+      onClick: o,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (s) => (s.key === "Enter" || s.key === " ") && o(),
+      children: [
+        /* @__PURE__ */ a("div", { className: be.blacklistItem__avatar, children: /* @__PURE__ */ a(
+          z,
+          {
+            ...n.avatar && { src: n.avatar },
+            alt: n.nick || n.userID
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: be.blacklistItem__content, children: /* @__PURE__ */ a("div", { className: be.blacklistItem__name, children: n.nick || n.userID }) })
+      ]
+    }
+  );
+}, mi = "uikit-friendApplicationItem", Qi = "uikit-friendApplicationItem__avatar", _i = "uikit-friendApplicationItem__content", vi = "uikit-friendApplicationItem__name", Hi = "uikit-friendApplicationItem__text", hi = "uikit-friendApplicationItem__actions", Fe = {
+  friendApplicationItem: mi,
+  "friendApplicationItem--active": "uikit-friendApplicationItem--active",
+  friendApplicationItem__avatar: Qi,
+  friendApplicationItem__content: _i,
+  friendApplicationItem__name: vi,
+  friendApplicationItem__text: Hi,
+  friendApplicationItem__actions: hi
+}, Mi = ({
+  application: n,
+  isActive: e,
+  onClick: t,
+  onAction: i,
+  className: r,
+  style: o
+}) => {
+  const { t: s } = b(), l = () => t == null ? void 0 : t(n), c = (Y, u) => {
+    u.stopPropagation(), i == null || i(Y, n);
+  };
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(Fe.friendApplicationItem, r, e && Fe["friendApplicationItem--active"]),
+      style: o,
+      onClick: l,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (Y) => (Y.key === "Enter" || Y.key === " ") && l(),
+      children: [
+        /* @__PURE__ */ a("div", { className: Fe.friendApplicationItem__avatar, children: /* @__PURE__ */ a(
+          z,
+          {
+            ...n.avatar && { src: n.avatar },
+            alt: n.nick || n.userID
+          }
+        ) }),
+        /* @__PURE__ */ C("div", { className: Fe.friendApplicationItem__content, children: [
+          /* @__PURE__ */ a("div", { className: Fe.friendApplicationItem__name, children: n.nick || n.userID }),
+          /* @__PURE__ */ a("div", { className: Fe.friendApplicationItem__text, children: s("TUIContact.Request to add you as friend") })
+        ] }),
+        /* @__PURE__ */ a("div", { className: Fe.friendApplicationItem__actions, children: /* @__PURE__ */ a(
+          ne,
+          {
+            type: "primary",
+            size: "small",
+            onClick: (Y) => c("accept", Y),
+            children: s("TUIContact.Agree")
+          }
+        ) })
+      ]
+    }
+  );
+}, fi = "uikit-friendItem", Pi = "uikit-friendItem__avatar", Gi = "uikit-friendItem__content", Ni = "uikit-friendItem__name", we = {
+  friendItem: fi,
+  "friendItem--active": "uikit-friendItem--active",
+  friendItem__avatar: Pi,
+  friendItem__content: Gi,
+  friendItem__name: Ni
+}, Bi = ({
+  friend: n,
+  isActive: e,
+  onClick: t,
+  className: i,
+  style: r
+}) => {
+  const o = () => t == null ? void 0 : t(n);
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(we.friendItem, i, e && we["friendItem--active"]),
+      style: r,
+      onClick: o,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (s) => (s.key === "Enter" || s.key === " ") && o(),
+      children: [
+        /* @__PURE__ */ a("div", { className: we.friendItem__avatar, children: /* @__PURE__ */ a(
+          z,
+          {
+            ...(n == null ? void 0 : n.avatar) && { src: n.avatar },
+            alt: n.remark || (n == null ? void 0 : n.nick) || n.userID
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: we.friendItem__content, children: /* @__PURE__ */ a("div", { className: we.friendItem__name, children: n.remark || (n == null ? void 0 : n.nick) || n.userID }) })
+      ]
+    }
+  );
+}, Fi = "uikit-groupApplicationItem", gi = "uikit-groupApplicationItem__avatar", Wi = "uikit-groupApplicationItem__content", Ki = "uikit-groupApplicationItem__name", Ri = "uikit-groupApplicationItem__text", Ii = "uikit-groupApplicationItem__actions", ge = {
+  groupApplicationItem: Fi,
+  "groupApplicationItem--active": "uikit-groupApplicationItem--active",
+  groupApplicationItem__avatar: gi,
+  groupApplicationItem__content: Wi,
+  groupApplicationItem__name: Ki,
+  groupApplicationItem__text: Ri,
+  groupApplicationItem__actions: Ii
+}, ki = ({
+  application: n,
+  isActive: e,
+  onClick: t,
+  onAction: i,
+  className: r,
+  style: o
+}) => {
+  const { t: s } = b(), l = () => t == null ? void 0 : t(n), c = (S, d) => {
+    d.stopPropagation(), i == null || i(S, n);
+  }, Y = n.applicantNick || n.applicant, u = n.groupName || n.groupID, Z = n.applicationType === 0 ? `${s("TUIContact.Apply to join group")}"${u}"` : `${s("TUIContact.Invite you to join group")}"${u}"`;
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(ge.groupApplicationItem, r, e && ge["groupApplicationItem--active"]),
+      style: o,
+      onClick: l,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (S) => (S.key === "Enter" || S.key === " ") && l(),
+      children: [
+        /* @__PURE__ */ a("div", { className: ge.groupApplicationItem__avatar, children: /* @__PURE__ */ a(z, { alt: Y }) }),
+        /* @__PURE__ */ C("div", { className: ge.groupApplicationItem__content, children: [
+          /* @__PURE__ */ a("div", { className: ge.groupApplicationItem__name, children: Y }),
+          /* @__PURE__ */ a("div", { className: ge.groupApplicationItem__text, children: Z })
+        ] }),
+        /* @__PURE__ */ a("div", { className: ge.groupApplicationItem__actions, children: /* @__PURE__ */ a(
+          ne,
+          {
+            type: "primary",
+            size: "small",
+            onClick: (S) => c("accept", S),
+            children: s("TUIContact.Agree")
+          }
+        ) })
+      ]
+    }
+  );
+}, Ai = "uikit-groupItem", Ei = "uikit-groupItem__avatar", yi = "uikit-groupItem__content", Ui = "uikit-groupItem__name", xe = {
+  groupItem: Ai,
+  "groupItem--active": "uikit-groupItem--active",
+  groupItem__avatar: Ei,
+  groupItem__content: yi,
+  groupItem__name: Ui
+}, bi = ({
+  group: n,
+  isActive: e,
+  onClick: t,
+  className: i,
+  style: r
+}) => {
+  const o = () => t == null ? void 0 : t(n);
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: P(xe.groupItem, i, e && xe["groupItem--active"]),
+      style: r,
+      onClick: o,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (s) => (s.key === "Enter" || s.key === " ") && o(),
+      children: [
+        /* @__PURE__ */ a("div", { className: xe.groupItem__avatar, children: /* @__PURE__ */ a(
+          z,
+          {
+            ...n.avatar && { src: n.avatar },
+            alt: n.name || n.groupID
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: xe.groupItem__content, children: /* @__PURE__ */ a("div", { className: xe.groupItem__name, children: n.name || n.groupID }) })
+      ]
+    }
+  );
+}, wi = ({
+  contactItem: n,
+  activeContactItem: e,
+  onClick: t,
+  onFriendApplicationAction: i,
+  onGroupApplicationAction: r,
+  className: o,
+  style: s
+}) => {
+  const { type: l, data: c } = n, { type: Y, data: u } = e || { type: null, data: null };
+  switch (l) {
+    case f.FRIEND:
+      return /* @__PURE__ */ a(
+        Bi,
+        {
+          friend: c,
+          isActive: Y === f.FRIEND && u === c,
+          ...t && { onClick: (Z) => t(f.FRIEND, Z) },
+          ...o && { className: o },
+          ...s && { style: s }
+        }
+      );
+    case f.GROUP:
+      return /* @__PURE__ */ a(
+        bi,
+        {
+          group: c,
+          isActive: Y === f.GROUP && u === c,
+          ...t && {
+            onClick: (Z) => t(f.GROUP, Z)
+          },
+          ...o && { className: o },
+          ...s && { style: s }
+        }
+      );
+    case f.BLACK:
+      return /* @__PURE__ */ a(
+        Di,
+        {
+          profile: c,
+          isActive: Y === f.BLACK && u === c,
+          ...t && {
+            onClick: (Z) => t(f.BLACK, Z)
+          },
+          ...o && { className: o },
+          ...s && { style: s }
+        }
+      );
+    case f.FRIEND_REQUEST:
+      return /* @__PURE__ */ a(
+        Mi,
+        {
+          application: c,
+          isActive: Y === f.FRIEND_REQUEST && u === c,
+          ...t && {
+            onClick: (Z) => t(f.FRIEND_REQUEST, Z)
+          },
+          ...i && { onAction: i },
+          ...o && { className: o },
+          ...s && { style: s }
+        }
+      );
+    case f.GROUP_REQUEST:
+      return /* @__PURE__ */ a(
+        ki,
+        {
+          application: c,
+          isActive: Y === f.GROUP_REQUEST && u === c,
+          ...t && {
+            onClick: (Z) => t(f.GROUP_REQUEST, Z)
+          },
+          ...r && { onAction: r },
+          ...o && { className: o },
+          ...s && { style: s }
+        }
+      );
+    default:
+      return console.warn(`Unknown contact type: ${l}`), null;
+  }
+}, xi = "uikit-contactSearch", Oi = "uikit-contactSearch__preSearch", Vi = "uikit-contactSearch__add", $i = "uikit-contactSearch__label", qi = "uikit-contactSearch__search", ji = "uikit-contactSearch__searchBarBox", zi = "uikit-contactSearch__searchBar", eo = "uikit-contactSearch__cancel", Ge = {
+  contactSearch: xi,
+  contactSearch__preSearch: Oi,
+  contactSearch__add: Vi,
+  contactSearch__label: $i,
+  contactSearch__search: qi,
+  contactSearch__searchBarBox: ji,
+  contactSearch__searchBar: zi,
+  contactSearch__cancel: eo
+}, to = ({
+  className: n,
+  style: e,
+  onResultClick: t,
+  onKeywordChange: i
+}) => {
+  const { t: r } = b(), [o, s] = R(!1), { setKeyword: l } = kt(), c = O((d, L) => {
+    L === qe.USER && (t == null || t({
+      type: f.SEARCH_USER,
+      data: d.profile
+    })), L === qe.GROUP && (t == null || t({
+      type: f.SEARCH_GROUP,
+      data: d.groupInfo
+    }));
+  }, [t]), Y = () => {
+    l(""), s(!1);
+  }, u = O(() => {
+    s(!0);
+  }, []), Z = () => /* @__PURE__ */ a("div", {}), S = (d) => /* @__PURE__ */ C("div", { className: Ge.contactSearch__searchBarBox, children: [
+    /* @__PURE__ */ a(At, { className: Ge.contactSearch__searchBar, ...d }),
+    /* @__PURE__ */ a("span", { className: Ge.contactSearch__cancel, onClick: Y, children: r("TUIContact.Cancel") })
+  ] });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: P(
+        Ge.contactSearch,
+        o && Ge.contactSearch__search,
+        n
+      ),
+      style: e,
+      children: o ? /* @__PURE__ */ a(
+        Et,
+        {
+          variant: ve.EXACT,
+          SearchBar: S,
+          onKeywordChange: (d) => {
+            i == null || i(d);
+          },
+          onResultItemClick: c,
+          SearchResultsPresearch: Z
+        }
+      ) : /* @__PURE__ */ C("div", { className: Ge.contactSearch__preSearch, onClick: u, children: [
+        /* @__PURE__ */ a("label", { htmlFor: "contactSearch__label", className: Ge.contactSearch__add, children: /* @__PURE__ */ a(Kt, {}) }),
+        /* @__PURE__ */ a("span", { className: Ge.contactSearch__label, children: r("TUIContact.Add friend/group") })
+      ] })
+    }
+  );
+}, no = "uikit-contactList", ao = "uikit-contactList__container", io = "uikit-contactList__main", oo = "uikit-contactList__search", ro = "uikit-contactList__content", co = "uikit-contactList__groupHeader", so = "uikit-contactList__groupTitle", lo = "uikit-contactList__groupIcon", Yo = "uikit-contactList__groupName", Zo = "uikit-contactList__unreadBadge", uo = "uikit-contactList__groupContent", Co = "uikit-contactList__empty", Lo = "uikit-contactList__emptyText", se = {
+  contactList: no,
+  contactList__container: ao,
+  contactList__main: io,
+  contactList__search: oo,
+  contactList__content: ro,
+  contactList__groupHeader: co,
+  contactList__groupTitle: so,
+  contactList__groupIcon: lo,
+  contactList__groupName: Yo,
+  contactList__unreadBadge: Zo,
+  contactList__groupContent: uo,
+  contactList__empty: Co,
+  contactList__emptyText: Lo
+}, ar = (n) => {
+  const { t: e, language: t } = b(), i = lt.useMemo(() => ({
+    [f.FRIEND_REQUEST]: e("TUIContact.New contacts"),
+    [f.GROUP_REQUEST]: e("TUIContact.Group applications"),
+    [f.FRIEND]: e("TUIContact.My friends"),
+    [f.GROUP]: e("TUIContact.My groups"),
+    [f.BLACK]: e("TUIContact.Blacklist")
+  }), [e, t]), {
+    activeContactItem: r,
+    enableSearch: o = !0,
+    groupConfig: s = {},
+    className: l,
+    style: c,
+    searchPlaceholder: Y = e("TUIContact.Search contacts"),
+    emptyText: u = e("TUIContact.No contacts"),
+    ContactItem: Z,
+    ContactSearchComponent: S,
+    GroupHeader: d,
+    PlaceholderEmptyList: L,
+    onContactItemClick: J,
+    onFriendApplicationAction: D,
+    onGroupApplicationAction: p
+  } = n, {
+    friendList: T,
+    groupList: h,
+    blackList: X,
+    friendApplicationList: N,
+    groupApplicationList: Q,
+    friendApplicationUnreadCount: K,
+    acceptFriendApplication: M,
+    refuseFriendApplication: F,
+    acceptGroupApplication: W,
+    refuseGroupApplication: I
+  } = he(), { setActiveContact: _ } = yt(), [m, v] = lt.useState(
+    /* @__PURE__ */ new Set()
+  ), w = (G) => {
+    const k = new Set(m);
+    k.has(G) ? k.delete(G) : k.add(G), v(k);
+  }, y = lt.useMemo(() => {
+    const G = [
+      {
+        type: f.FRIEND_REQUEST,
+        title: i[f.FRIEND_REQUEST],
+        items: N,
+        unreadCount: K,
+        order: 1
+      },
+      {
+        type: f.GROUP_REQUEST,
+        title: i[f.GROUP_REQUEST],
+        items: Q,
+        order: 2
+      },
+      {
+        type: f.FRIEND,
+        title: i[f.FRIEND],
+        items: T,
+        order: 3
+      },
+      {
+        type: f.GROUP,
+        title: i[f.GROUP],
+        items: h,
+        order: 4
+      },
+      {
+        type: f.BLACK,
+        title: i[f.BLACK],
+        items: X,
+        order: 5
+      }
+    ], k = s;
+    return G.filter((A) => {
+      var De;
+      return !((De = k[A.type]) != null && De.hidden);
+    }).map((A) => {
+      var De, fe;
+      return {
+        key: A.type,
+        type: A.type,
+        title: ((De = k[A.type]) == null ? void 0 : De.title) ?? A.title ?? "",
+        items: A.items,
+        ...A.unreadCount !== void 0 && { unreadCount: A.unreadCount },
+        isExpanded: m.has(A.type),
+        order: ((fe = k[A.type]) == null ? void 0 : fe.order) ?? A.order
+      };
+    }).sort((A, De) => A.order - De.order);
+  }, [
+    i,
+    N,
+    K,
+    Q,
+    T,
+    h,
+    X,
+    s,
+    m
+  ]), B = (G) => "userID" in G ? G.userID : "groupID" in G ? G.groupID : "", H = (G, k) => {
+    const A = { type: G, data: k };
+    J == null || J(A), _(A);
+  }, E = async (G, k) => {
+    try {
+      G === "accept" ? await M({
+        userID: k.userID,
+        type: k.type
+      }) : await F(k.userID), D == null || D(G, k);
+    } catch (A) {
+      console.error(`Failed to ${G} friend application:`, A);
+    }
+  }, g = async (G, k) => {
+    try {
+      const A = {
+        handleMessage: "",
+        application: k
+      };
+      G === "accept" ? await W(A) : await I(A), p == null || p(G, k);
+    } catch (A) {
+      console.error(`Failed to ${G} group application:`, A);
+    }
+  }, $ = (G) => d ? /* @__PURE__ */ a(d, { data: G }) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: se.contactList__groupHeader,
+      onClick: () => w(G.key),
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (k) => {
+        (k.key === "Enter" || k.key === " ") && w(G.key);
+      },
+      children: /* @__PURE__ */ C("div", { className: se.contactList__groupTitle, children: [
+        /* @__PURE__ */ a("span", { className: se.contactList__groupIcon, children: G.isExpanded ? /* @__PURE__ */ a(cn, {}) : /* @__PURE__ */ a(Wt, {}) }),
+        /* @__PURE__ */ a("span", { className: se.contactList__groupName, children: G.title }),
+        G.unreadCount !== void 0 && G.unreadCount > 0 && /* @__PURE__ */ a("div", { className: se.contactList__unreadBadge, children: G.unreadCount > 99 ? "99+" : G.unreadCount })
+      ] })
+    }
+  ), Ye = (G, k, A) => /* @__PURE__ */ a(
+    Z || wi,
+    {
+      contactItem: {
+        data: G,
+        type: k
+      },
+      activeContactItem: r,
+      onClick: H,
+      onFriendApplicationAction: E,
+      onGroupApplicationAction: g
+    },
+    `${k}_${B(G)}_${A}`
+  ), Me = (G) => /* @__PURE__ */ C("div", { className: se.contactList__group, children: [
+    $(G),
+    G.isExpanded && /* @__PURE__ */ a("div", { className: se.contactList__groupContent, children: G.items.map((k, A) => Ye(k, G.type, A)) })
+  ] }, G.key), Ke = () => L || /* @__PURE__ */ a("div", { className: se.contactList__empty, children: /* @__PURE__ */ a("div", { className: se.contactList__emptyText, children: u }) }), ke = () => {
+    if (!o)
+      return null;
+    const G = S || to;
+    return /* @__PURE__ */ a("div", { className: se.contactList__search, children: /* @__PURE__ */ a(
+      G,
+      {
+        onResultClick: (k) => {
+          H == null || H(k.type, k.data);
+        },
+        placeholder: Y
+      }
+    ) });
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: P(
+        se.contactList,
+        l
+      ),
+      style: c,
+      children: /* @__PURE__ */ a("div", { className: se.contactList__container, children: /* @__PURE__ */ C("div", { className: se.contactList__main, children: [
+        ke(),
+        /* @__PURE__ */ a("div", { className: se.contactList__content, children: y.length > 0 ? y.map(Me) : Ke() })
+      ] }) })
+    }
+  );
+}, Ne = {
+  "contact-blacklist-info": "uikit-contact-blacklist-info",
+  "contact-blacklist-info__header": "uikit-contact-blacklist-info__header",
+  "contact-blacklist-info__main-info": "uikit-contact-blacklist-info__main-info",
+  "contact-blacklist-info__name": "uikit-contact-blacklist-info__name",
+  "contact-blacklist-info__id": "uikit-contact-blacklist-info__id",
+  "contact-blacklist-info__intro": "uikit-contact-blacklist-info__intro",
+  "contact-blacklist-info__avatar-wrap": "uikit-contact-blacklist-info__avatar-wrap",
+  "contact-blacklist-info__actions": "uikit-contact-blacklist-info__actions"
+}, So = ({
+  profile: n,
+  showActions: e = !0,
+  onRemoveFromBlacklist: t,
+  onClose: i,
+  className: r,
+  style: o
+}) => {
+  const { t: s } = b(), {
+    removeFromBlacklist: l
+  } = he(), c = () => {
+    l([n.userID]), t == null || t(n), i == null || i();
+  };
+  return /* @__PURE__ */ C("div", { className: P(Ne["contact-blacklist-info"], r), style: o, children: [
+    /* @__PURE__ */ C("div", { className: Ne["contact-blacklist-info__header"], children: [
+      /* @__PURE__ */ C("div", { className: Ne["contact-blacklist-info__main-info"], children: [
+        /* @__PURE__ */ a("div", { className: Ne["contact-blacklist-info__name"], children: n.nick || n.userID }),
+        /* @__PURE__ */ C("div", { className: Ne["contact-blacklist-info__id"], children: [
+          s("TUIContact.ID"),
+          "：",
+          n.userID
+        ] }),
+        /* @__PURE__ */ C("div", { className: Ne["contact-blacklist-info__intro"], children: [
+          s("TUIContact.Personal signature"),
+          "：",
+          n.selfSignature || ""
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: Ne["contact-blacklist-info__avatar-wrap"], children: /* @__PURE__ */ a(
+        z,
+        {
+          ...n.avatar && { src: n.avatar },
+          alt: n.nick || n.userID,
+          size: "xl"
+        }
+      ) })
+    ] }),
+    e && /* @__PURE__ */ a("div", { className: Ne["contact-blacklist-info__actions"], children: /* @__PURE__ */ a(
+      ne,
+      {
+        type: "primary",
+        size: "big",
+        onClick: c,
+        children: s("TUIContact.Remove from blacklist")
+      }
+    ) })
+  ] });
+}, de = {
+  "contact-friend-application-info": "uikit-contact-friend-application-info",
+  "contact-friend-application-info__header": "uikit-contact-friend-application-info__header",
+  "contact-friend-application-info__main-info": "uikit-contact-friend-application-info__main-info",
+  "contact-friend-application-info__name": "uikit-contact-friend-application-info__name",
+  "contact-friend-application-info__id": "uikit-contact-friend-application-info__id",
+  "contact-friend-application-info__avatar-wrap": "uikit-contact-friend-application-info__avatar-wrap",
+  "contact-friend-application-info__rows": "uikit-contact-friend-application-info__rows",
+  "contact-friend-application-info__row": "uikit-contact-friend-application-info__row",
+  "contact-friend-application-info__row-label": "uikit-contact-friend-application-info__row-label",
+  "contact-friend-application-info__row-value": "uikit-contact-friend-application-info__row-value",
+  "contact-friend-application-info__actions": "uikit-contact-friend-application-info__actions"
+}, Xo = ({
+  application: n,
+  showActions: e = !0,
+  onClose: t,
+  onAccept: i,
+  onRefuse: r,
+  className: o,
+  style: s
+}) => {
+  const { t: l } = b(), {
+    acceptFriendApplication: c,
+    refuseFriendApplication: Y
+  } = he(), u = () => {
+    i == null || i(n), c(n), t == null || t();
+  }, Z = () => {
+    r == null || r(n), Y(n.userID), t == null || t();
+  };
+  return /* @__PURE__ */ C("div", { className: P(de["contact-friend-application-info"], o), style: s, children: [
+    /* @__PURE__ */ C("div", { className: de["contact-friend-application-info__header"], children: [
+      /* @__PURE__ */ C("div", { className: de["contact-friend-application-info__main-info"], children: [
+        /* @__PURE__ */ a("div", { className: de["contact-friend-application-info__name"], children: (n == null ? void 0 : n.nick) || (n == null ? void 0 : n.userID) }),
+        /* @__PURE__ */ C("div", { className: de["contact-friend-application-info__id"], children: [
+          l("TUIContact.ID"),
+          "：",
+          n == null ? void 0 : n.userID
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: de["contact-friend-application-info__avatar-wrap"], children: /* @__PURE__ */ a(
+        z,
+        {
+          ...(n == null ? void 0 : n.avatar) && { src: n == null ? void 0 : n.avatar },
+          alt: (n == null ? void 0 : n.nick) || n.userID,
+          size: "xl"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: de["contact-friend-application-info__rows"], children: /* @__PURE__ */ C("div", { className: de["contact-friend-application-info__row"], children: [
+      /* @__PURE__ */ C("div", { className: de["contact-friend-application-info__row-label"], children: [
+        l("TUIContact.Verification info"),
+        "："
+      ] }),
+      /* @__PURE__ */ a("div", { className: de["contact-friend-application-info__row-value"], children: n == null ? void 0 : n.wording })
+    ] }) }),
+    e && /* @__PURE__ */ C("div", { className: de["contact-friend-application-info__actions"], children: [
+      /* @__PURE__ */ a(
+        ne,
+        {
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: Z,
+          children: l("TUIContact.Refuse")
+        }
+      ),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          type: "primary",
+          size: "big",
+          onClick: u,
+          children: l("TUIContact.Agree")
+        }
+      )
+    ] })
+  ] });
+}, oe = {
+  "contact-friend-info": "uikit-contact-friend-info",
+  "contact-friend-info__header": "uikit-contact-friend-info__header",
+  "contact-friend-info__main-info": "uikit-contact-friend-info__main-info",
+  "contact-friend-info__name": "uikit-contact-friend-info__name",
+  "contact-friend-info__id": "uikit-contact-friend-info__id",
+  "contact-friend-info__intro": "uikit-contact-friend-info__intro",
+  "contact-friend-info__avatar-wrap": "uikit-contact-friend-info__avatar-wrap",
+  "contact-friend-info__rows": "uikit-contact-friend-info__rows",
+  "contact-friend-info__row": "uikit-contact-friend-info__row",
+  "contact-friend-info__row-label": "uikit-contact-friend-info__row-label",
+  "contact-friend-info__row-value": "uikit-contact-friend-info__row-value",
+  "contact-friend-info__actions": "uikit-contact-friend-info__actions"
+}, po = ({
+  friend: n,
+  showActions: e = !0,
+  onClose: t,
+  onSendMessage: i,
+  onDeleteFriend: r,
+  onAddToBlacklist: o,
+  onUpdateFriendRemark: s,
+  className: l,
+  style: c
+}) => {
+  const { t: Y } = b(), {
+    deleteFriend: u,
+    addToBlacklist: Z,
+    removeFromBlacklist: S,
+    setFriendRemark: d,
+    blackList: L
+  } = he(), {
+    setActiveConversation: J
+  } = Te(), [D, p] = R(!1), [T, h] = R(n.remark || ""), [X, N] = R(n.remark || ""), [Q, K] = R(!1), [M, F] = R(!1), W = et(
+    () => L.some((y) => y.userID === n.userID),
+    [L, n.userID]
+  ), I = async () => {
+    if (X.trim() === T) {
+      p(!1);
+      return;
+    }
+    K(!0);
+    try {
+      d({ userID: n.userID, remark: X.trim() }), h(X.trim()), p(!1), s == null || s({
+        ...n,
+        remark: X.trim()
+      }, X.trim());
+    } catch (y) {
+      console.error(y);
+    } finally {
+      K(!1);
+    }
+  }, _ = async (y) => {
+    F(!0);
+    try {
+      y ? (await Z([n.userID]), o == null || o(n)) : await S([n.userID]);
+    } catch (B) {
+      console.error(B);
+    } finally {
+      F(!1);
+    }
+  }, m = async () => {
+    try {
+      await u({ userIDList: [n.userID] }), r == null || r(n);
+    } catch (y) {
+      console.error(y);
+    }
+    t == null || t();
+  }, v = (y) => {
+    i == null || i(y), J(`C2C${y.userID}`);
+  }, w = T || (n == null ? void 0 : n.nick) || n.userID;
+  return /* @__PURE__ */ C("div", { className: P(oe["contact-friend-info"], l), style: c, children: [
+    /* @__PURE__ */ C("div", { className: oe["contact-friend-info__header"], children: [
+      /* @__PURE__ */ C("div", { className: oe["contact-friend-info__main-info"], children: [
+        /* @__PURE__ */ a("div", { className: oe["contact-friend-info__name"], children: w }),
+        /* @__PURE__ */ C("div", { className: oe["contact-friend-info__id"], children: [
+          Y("TUIContact.ID"),
+          "：",
+          n.userID
+        ] }),
+        /* @__PURE__ */ C("div", { className: oe["contact-friend-info__intro"], children: [
+          Y("TUIContact.Personal signature"),
+          "：",
+          (n == null ? void 0 : n.selfSignature) || ""
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: oe["contact-friend-info__avatar-wrap"], children: /* @__PURE__ */ a(
+        z,
+        {
+          ...(n == null ? void 0 : n.avatar) && { src: n.avatar },
+          alt: w,
+          size: "xl"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ C("div", { className: oe["contact-friend-info__rows"], children: [
+      /* @__PURE__ */ C("div", { className: oe["contact-friend-info__row"], children: [
+        /* @__PURE__ */ a("div", { className: oe["contact-friend-info__row-label"], children: Y("TUIContact.Remark name") }),
+        /* @__PURE__ */ a("div", { className: oe["contact-friend-info__row-value"], children: D ? /* @__PURE__ */ C(Ce, { children: [
+          /* @__PURE__ */ a(
+            sn,
+            {
+              value: X,
+              onChange: (y) => N(y.target.value),
+              onBlur: I,
+              onKeyDown: (y) => y.key === "Enter" && I(),
+              autoFocus: !0,
+              disabled: Q,
+              maxLength: 30
+            }
+          ),
+          /* @__PURE__ */ a(
+            ne,
+            {
+              size: "small",
+              type: "primary",
+              loading: Q,
+              onClick: I,
+              style: { marginLeft: 4 },
+              children: Y("TUIContact.Save")
+            }
+          )
+        ] }) : /* @__PURE__ */ C(Ce, { children: [
+          /* @__PURE__ */ a("span", { children: T || /* @__PURE__ */ a("span", { style: { color: "#bbb" }, children: Y("TUIContact.None") }) }),
+          /* @__PURE__ */ a(
+            ln,
+            {
+              style: { marginLeft: 4, cursor: "pointer", fontSize: 16 },
+              onClick: () => {
+                N(T), p(!0);
+              }
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ C("div", { className: oe["contact-friend-info__row"], children: [
+        /* @__PURE__ */ a("div", { className: oe["contact-friend-info__row-label"], children: Y("TUIContact.Add to blacklist") }),
+        /* @__PURE__ */ a("div", { className: oe["contact-friend-info__row-value"], children: /* @__PURE__ */ a(
+          Yn,
+          {
+            value: W,
+            disabled: M,
+            onChange: _
+          }
+        ) })
+      ] })
+    ] }),
+    e && /* @__PURE__ */ C("div", { className: oe["contact-friend-info__actions"], children: [
+      /* @__PURE__ */ a(
+        ne,
+        {
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: m,
+          children: Y("TUIContact.Delete friend")
+        }
+      ),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          type: "primary",
+          size: "big",
+          onClick: () => v == null ? void 0 : v(n),
+          children: Y("TUIContact.Send message")
+        }
+      )
+    ] })
+  ] });
+}, ue = {
+  "contact-group-application-info": "uikit-contact-group-application-info",
+  "contact-group-application-info__header": "uikit-contact-group-application-info__header",
+  "contact-group-application-info__main-info": "uikit-contact-group-application-info__main-info",
+  "contact-group-application-info__name": "uikit-contact-group-application-info__name",
+  "contact-group-application-info__id": "uikit-contact-group-application-info__id",
+  "contact-group-application-info__intro": "uikit-contact-group-application-info__intro",
+  "contact-group-application-info__avatar-wrap": "uikit-contact-group-application-info__avatar-wrap",
+  "contact-group-application-info__rows": "uikit-contact-group-application-info__rows",
+  "contact-group-application-info__row": "uikit-contact-group-application-info__row",
+  "contact-group-application-info__row-label": "uikit-contact-group-application-info__row-label",
+  "contact-group-application-info__row-value": "uikit-contact-group-application-info__row-value",
+  "contact-group-application-info__actions": "uikit-contact-group-application-info__actions"
+}, Jo = ({
+  application: n,
+  showActions: e = !0,
+  onClose: t,
+  onAccept: i,
+  onRefuse: r,
+  className: o,
+  style: s
+}) => {
+  const { t: l } = b(), {
+    acceptGroupApplication: c,
+    refuseGroupApplication: Y
+  } = he(), u = () => {
+    i == null || i(n), c({ application: n }), t == null || t();
+  }, Z = () => {
+    r == null || r(n), Y({ application: n }), t == null || t();
+  }, S = n.applicantNick || n.applicant, d = n.groupName || n.groupID, L = n.applicationType === 0 ? `${l("TUIContact.Apply to join group")}"${d}"` : `${l("TUIContact.Invite you to join group")}"${d}"`;
+  return /* @__PURE__ */ C("div", { className: P(ue["contact-group-application-info"], o), style: s, children: [
+    /* @__PURE__ */ C("div", { className: ue["contact-group-application-info__header"], children: [
+      /* @__PURE__ */ C("div", { className: ue["contact-group-application-info__main-info"], children: [
+        /* @__PURE__ */ a("div", { className: ue["contact-group-application-info__name"], children: S }),
+        /* @__PURE__ */ C("div", { className: ue["contact-group-application-info__id"], children: [
+          l("TUIContact.ID"),
+          "：",
+          n.applicant
+        ] }),
+        /* @__PURE__ */ a("div", { className: ue["contact-group-application-info__intro"], children: L })
+      ] }),
+      /* @__PURE__ */ a("div", { className: ue["contact-group-application-info__avatar-wrap"], children: /* @__PURE__ */ a(z, { alt: S, size: "xl" }) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: ue["contact-group-application-info__rows"], children: /* @__PURE__ */ C("div", { className: ue["contact-group-application-info__row"], children: [
+      /* @__PURE__ */ C("div", { className: ue["contact-group-application-info__row-label"], children: [
+        l("TUIContact.Application note"),
+        "："
+      ] }),
+      /* @__PURE__ */ a("div", { className: ue["contact-group-application-info__row-value"], children: n.note || l("TUIContact.None") })
+    ] }) }),
+    e && /* @__PURE__ */ C("div", { className: ue["contact-group-application-info__actions"], children: [
+      /* @__PURE__ */ a(
+        ne,
+        {
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: Z,
+          children: l("TUIContact.Refuse")
+        }
+      ),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          type: "primary",
+          size: "big",
+          onClick: u,
+          children: l("TUIContact.Agree")
+        }
+      )
+    ] })
+  ] });
+}, _e = {
+  "contact-group-info": "uikit-contact-group-info",
+  "contact-group-info__header": "uikit-contact-group-info__header",
+  "contact-group-info__main-info": "uikit-contact-group-info__main-info",
+  "contact-group-info__name": "uikit-contact-group-info__name",
+  "contact-group-info__id": "uikit-contact-group-info__id",
+  "contact-group-info__intro": "uikit-contact-group-info__intro",
+  "contact-group-info__avatar-wrap": "uikit-contact-group-info__avatar-wrap",
+  "contact-group-info__actions": "uikit-contact-group-info__actions"
+}, To = ({
+  group: n,
+  showActions: e = !0,
+  onClose: t,
+  onEnterGroup: i,
+  onLeaveGroup: r,
+  onDismissGroup: o,
+  className: s,
+  style: l
+}) => {
+  const { t: c } = b(), {
+    quitGroup: Y,
+    dismissGroup: u,
+    hasPermission: Z
+  } = pt(), {
+    setActiveConversation: S
+  } = Te(), { type: d = "", selfInfo: L = {} } = n || {}, J = L.role || Qn.COMMON, D = Z(Pt.DISMISS_GROUP, J, d), p = Z(Pt.QUIT_GROUP, J, d), T = async () => {
+    try {
+      Y(n.groupID), r == null || r(n);
+    } catch (N) {
+      console.error(N);
+    }
+    t == null || t();
+  }, h = async () => {
+    try {
+      u(n.groupID), o == null || o(n);
+    } catch (N) {
+      console.error(N);
+    }
+    t == null || t();
+  }, X = () => {
+    S(`GROUP${n.groupID}`), i == null || i(n);
+  };
+  return /* @__PURE__ */ C("div", { className: P(_e["contact-group-info"], s), style: l, children: [
+    /* @__PURE__ */ C("div", { className: _e["contact-group-info__header"], children: [
+      /* @__PURE__ */ C("div", { className: _e["contact-group-info__main-info"], children: [
+        /* @__PURE__ */ a("div", { className: _e["contact-group-info__name"], children: n.name || n.groupID }),
+        /* @__PURE__ */ C("div", { className: _e["contact-group-info__id"], children: [
+          c("TUIContact.Group ID"),
+          "：",
+          n.groupID
+        ] }),
+        /* @__PURE__ */ C("div", { className: _e["contact-group-info__id"], children: [
+          c("TUIContact.Group type"),
+          "：",
+          n.type
+        ] }),
+        /* @__PURE__ */ C("div", { className: _e["contact-group-info__intro"], children: [
+          c("TUIContact.Group introduction"),
+          "：",
+          n.introduction || c("TUIContact.No introduction")
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: _e["contact-group-info__avatar-wrap"], children: /* @__PURE__ */ a(
+        z,
+        {
+          ...n.avatar && { src: n.avatar },
+          alt: n.name || n.groupID,
+          size: "xl"
+        }
+      ) })
+    ] }),
+    e && /* @__PURE__ */ C("div", { className: _e["contact-group-info__actions"], children: [
+      D && /* @__PURE__ */ a(
+        ne,
+        {
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: h,
+          children: c("ChatSetting.dismiss_group")
+        }
+      ),
+      p && /* @__PURE__ */ a(
+        ne,
+        {
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: T,
+          children: c("ChatSetting.quit_group")
+        }
+      ),
+      /* @__PURE__ */ a(
+        ne,
+        {
+          type: "primary",
+          size: "big",
+          onClick: X,
+          children: c("TUIContact.Enter group chat")
+        }
+      )
+    ] })
+  ] });
+}, ee = {
+  "contact-search-group-info": "uikit-contact-search-group-info",
+  "contact-search-group-info__header": "uikit-contact-search-group-info__header",
+  "contact-search-group-info__main-info": "uikit-contact-search-group-info__main-info",
+  "contact-search-group-info__name": "uikit-contact-search-group-info__name",
+  "contact-search-group-info__id": "uikit-contact-search-group-info__id",
+  "contact-search-group-info__intro": "uikit-contact-search-group-info__intro",
+  "contact-search-group-info__avatar-wrap": "uikit-contact-search-group-info__avatar-wrap",
+  "contact-search-group-info__form": "uikit-contact-search-group-info__form",
+  "contact-search-group-info__form-item": "uikit-contact-search-group-info__form-item",
+  "contact-search-group-info__form-label": "uikit-contact-search-group-info__form-label",
+  "contact-search-group-info__form-input-wrapper": "uikit-contact-search-group-info__form-input-wrapper",
+  "contact-search-group-info__form-input": "uikit-contact-search-group-info__form-input",
+  "contact-search-group-info__form-counter": "uikit-contact-search-group-info__form-counter",
+  "contact-search-group-info__actions": "uikit-contact-search-group-info__actions",
+  "contact-search-group-info__status": "uikit-contact-search-group-info__status",
+  "contact-search-group-info__status--success": "uikit-contact-search-group-info__status--success",
+  "contact-search-group-info__status--error": "uikit-contact-search-group-info__status--error"
+}, Do = ({
+  group: n,
+  showActions: e = !0,
+  onJoinGroup: t,
+  className: i,
+  style: r
+}) => {
+  const { t: o } = b(), { joinGroup: s } = he(), [l, c] = R(""), [Y, u] = R(!1), [Z, S] = R("idle"), [d, L] = R(""), J = async () => {
+    if (!Y) {
+      if (u(!0), S("idle"), L(""), t) {
+        S("success"), u(!1), t == null || t(n, l.trim() || o("TUIContact.Apply to join group"));
+        return;
+      }
+      try {
+        await s({
+          groupID: n.groupID,
+          applyMessage: l.trim() || o("TUIContact.Apply to join group")
+        }), S("success");
+      } catch (T) {
+        S("error"), L((T == null ? void 0 : T.message) || o("TUIContact.Apply to join group failed"));
+      } finally {
+        u(!1);
+      }
+    }
+  }, D = (T) => {
+    switch (T) {
+      case ye.TYPES.GRP_WORK:
+        return o("TUIContact.Work group");
+      case ye.TYPES.GRP_PUBLIC:
+        return o("TUIContact.Public group");
+      case ye.TYPES.GRP_MEETING:
+        return o("TUIContact.Meeting group");
+      case ye.TYPES.GRP_AVCHATROOM:
+        return o("TUIContact.Live group");
+      case ye.TYPES.GRP_COMMUNITY:
+        return o("TUIContact.Community");
+      default:
+        return o("TUIContact.Unknown");
+    }
+  }, p = n.name || n.groupID;
+  return /* @__PURE__ */ C("div", { className: P(ee["contact-search-group-info"], i), style: r, children: [
+    /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__header"], children: [
+      /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__main-info"], children: [
+        /* @__PURE__ */ a("div", { className: ee["contact-search-group-info__name"], children: p }),
+        /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__id"], children: [
+          o("TUIContact.Group ID"),
+          "：",
+          n.groupID
+        ] }),
+        /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__intro"], children: [
+          o("TUIContact.Group type"),
+          "：",
+          D(n.type)
+        ] }),
+        /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__intro"], children: [
+          " ",
+          o("TUIContact.Group introduction"),
+          "：",
+          n.introduction || o("TUIContact.No introduction")
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: ee["contact-search-group-info__avatar-wrap"], children: /* @__PURE__ */ a(
+        z,
+        {
+          ...n.avatar && { src: n.avatar },
+          alt: p,
+          size: "xl"
+        }
+      ) })
+    ] }),
+    Z !== "idle" ? /* @__PURE__ */ a(
+      "div",
+      {
+        className: P(
+          ee["contact-search-group-info__status"],
+          ee[`contact-search-group-info__status--${Z}`]
+        ),
+        children: Z === "success" ? o("TUIContact.Group application sent, waiting for admin approval") : d
+      }
+    ) : /* @__PURE__ */ a("div", { className: ee["contact-search-group-info__form"], children: /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__form-item"], children: [
+      /* @__PURE__ */ a("label", { className: ee["contact-search-group-info__form-label"], children: o("TUIContact.Application info") }),
+      /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__form-input-wrapper"], children: [
+        /* @__PURE__ */ a(
+          "textarea",
+          {
+            className: ee["contact-search-group-info__form-input"],
+            name: "joinGroupNote",
+            value: l,
+            onChange: (T) => c(T.target.value),
+            placeholder: o("TUIContact.Please enter application info..."),
+            maxLength: 200
+          }
+        ),
+        /* @__PURE__ */ C("div", { className: ee["contact-search-group-info__form-counter"], children: [
+          l.length,
+          "/200"
+        ] })
+      ] })
+    ] }) }),
+    e && Z !== "success" && /* @__PURE__ */ a("div", { className: ee["contact-search-group-info__actions"], children: /* @__PURE__ */ a(
+      ne,
+      {
+        type: "primary",
+        size: "big",
+        loading: Y,
+        onClick: J,
+        children: o("TUIContact.Apply to join group")
+      }
+    ) })
+  ] });
+}, ie = {
+  "contact-search-user-info": "uikit-contact-search-user-info",
+  "contact-search-user-info__header": "uikit-contact-search-user-info__header",
+  "contact-search-user-info__main-info": "uikit-contact-search-user-info__main-info",
+  "contact-search-user-info__name": "uikit-contact-search-user-info__name",
+  "contact-search-user-info__id": "uikit-contact-search-user-info__id",
+  "contact-search-user-info__intro": "uikit-contact-search-user-info__intro",
+  "contact-search-user-info__avatar-wrap": "uikit-contact-search-user-info__avatar-wrap",
+  "contact-search-user-info__form": "uikit-contact-search-user-info__form",
+  "contact-search-user-info__form-item": "uikit-contact-search-user-info__form-item",
+  "contact-search-user-info__form-label": "uikit-contact-search-user-info__form-label",
+  "contact-search-user-info__form-input-wrapper": "uikit-contact-search-user-info__form-input-wrapper",
+  "contact-search-user-info__form-input": "uikit-contact-search-user-info__form-input",
+  "contact-search-user-info__form-counter": "uikit-contact-search-user-info__form-counter",
+  "contact-search-user-info__actions": "uikit-contact-search-user-info__actions",
+  "contact-search-user-info__status": "uikit-contact-search-user-info__status",
+  "contact-search-user-info__status--success": "uikit-contact-search-user-info__status--success",
+  "contact-search-user-info__status--error": "uikit-contact-search-user-info__status--error"
+}, mo = ({
+  user: n,
+  showActions: e = !0,
+  onAddFriend: t,
+  className: i,
+  style: r
+}) => {
+  const { t: o } = b(), { addFriend: s } = he(), [l, c] = R(""), [Y, u] = R(!1), [Z, S] = R("idle"), [d, L] = R(""), J = async () => {
+    if (!Y) {
+      if (u(!0), S("idle"), L(""), t) {
+        S("success"), u(!1), t == null || t(n, l.trim() || o("TUIContact.Apply to add friend"));
+        return;
+      }
+      try {
+        await s({
+          userID: n.userID,
+          addSource: "AddSource_Type_Web",
+          wording: l.trim() || o("TUIContact.Apply to add friend")
+        }), S("success");
+      } catch (p) {
+        S("error"), L((p == null ? void 0 : p.message) || o("TUIContact.Add friend failed"));
+      } finally {
+        u(!1);
+      }
+    }
+  }, D = n.nick || n.userID;
+  return /* @__PURE__ */ C("div", { className: P(ie["contact-search-user-info"], i), style: r, children: [
+    /* @__PURE__ */ C("div", { className: ie["contact-search-user-info__header"], children: [
+      /* @__PURE__ */ C("div", { className: ie["contact-search-user-info__main-info"], children: [
+        /* @__PURE__ */ a("div", { className: ie["contact-search-user-info__name"], children: D }),
+        /* @__PURE__ */ C("div", { className: ie["contact-search-user-info__id"], children: [
+          o("TUIContact.ID"),
+          "：",
+          n.userID
+        ] }),
+        /* @__PURE__ */ C("div", { className: ie["contact-search-user-info__intro"], children: [
+          o("TUIContact.Personal signature"),
+          "：",
+          n.selfSignature || ""
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: ie["contact-search-user-info__avatar-wrap"], children: /* @__PURE__ */ a(
+        z,
+        {
+          ...n.avatar && { src: n.avatar },
+          alt: D,
+          size: "xl"
+        }
+      ) })
+    ] }),
+    Z !== "idle" ? /* @__PURE__ */ a(
+      "div",
+      {
+        className: P(
+          ie["contact-search-user-info__status"],
+          ie[`contact-search-user-info__status--${Z}`]
+        ),
+        children: Z === "success" ? o("TUIContact.Friend request sent, waiting for confirmation") : d
+      }
+    ) : /* @__PURE__ */ a("div", { className: ie["contact-search-user-info__form"], children: /* @__PURE__ */ C("div", { className: ie["contact-search-user-info__form-item"], children: [
+      /* @__PURE__ */ a("label", { className: ie["contact-search-user-info__form-label"], children: o("TUIContact.Application info") }),
+      /* @__PURE__ */ C("div", { className: ie["contact-search-user-info__form-input-wrapper"], children: [
+        /* @__PURE__ */ a(
+          "textarea",
+          {
+            className: ie["contact-search-user-info__form-input"],
+            name: "addFriendWording",
+            value: l,
+            onChange: (p) => c(p.target.value),
+            placeholder: o("TUIContact.Please enter application info..."),
+            maxLength: 200
+          }
+        ),
+        /* @__PURE__ */ C("div", { className: ie["contact-search-user-info__form-counter"], children: [
+          l.length,
+          "/200"
+        ] })
+      ] })
+    ] }) }),
+    e && Z !== "success" && /* @__PURE__ */ a("div", { className: ie["contact-search-user-info__actions"], children: /* @__PURE__ */ a(
+      ne,
+      {
+        type: "primary",
+        size: "big",
+        loading: Y,
+        onClick: J,
+        children: o("TUIContact.Apply to add friend")
+      }
+    ) })
+  ] });
+}, Qo = "uikit-contactInfo", _o = {
+  contactInfo: Qo
+}, ir = ({
+  contactItem: n,
+  showActions: e = !0,
+  PlaceholderEmpty: t,
+  FriendInfoComponent: i = po,
+  GroupInfoComponent: r = To,
+  BlacklistInfoComponent: o = So,
+  FriendApplicationInfoComponent: s = Xo,
+  GroupApplicationInfoComponent: l = Jo,
+  SearchGroupInfoComponent: c = Do,
+  SearchUserInfoComponent: Y = mo,
+  onClose: u,
+  onSendMessage: Z,
+  onDeleteFriend: S,
+  onAddToBlacklist: d,
+  onUpdateFriendRemark: L,
+  onRemoveFromBlacklist: J,
+  onEnterGroup: D,
+  onLeaveGroup: p,
+  onDismissGroup: T,
+  onFriendApplicationAction: h,
+  onGroupApplicationAction: X,
+  onAddFriend: N,
+  onJoinGroup: Q,
+  className: K,
+  style: M
+}) => {
+  const { friendList: F, groupList: W, blackList: I } = he(), { activeContact: _, setActiveContact: m } = yt(), [v, w] = R(void 0), y = (H) => {
+    const E = H;
+    if ((H == null ? void 0 : H.type) === f.SEARCH_USER) {
+      const g = I.find((Ye) => Ye.userID === (H == null ? void 0 : H.data).userID), $ = F.find((Ye) => Ye.userID === (H == null ? void 0 : H.data).userID);
+      g && E ? (E.type = f.BLACK, E.data = g) : $ && E && (E.type = f.FRIEND, E.data = $);
+    } else if ((H == null ? void 0 : H.type) === f.SEARCH_GROUP) {
+      const g = W.find(($) => $.groupID === (H == null ? void 0 : H.data).groupID);
+      g && E && (E.type = f.GROUP, E.data = g);
+    }
+    if ((H == null ? void 0 : H.type) === f.FRIEND) {
+      const g = I.find(($) => $.userID === (H == null ? void 0 : H.data).userID);
+      g && E && (E.type = f.BLACK, E.data = g);
+    }
+    w(H);
+  };
+  if (V(() => {
+    y(n || _);
+  }, [_, n]), V(() => {
+    if (W.length > 0 && _ && (_ == null ? void 0 : _.type) === f.GROUP) {
+      const H = W.find((E) => {
+        var g;
+        return (E == null ? void 0 : E.groupID) === ((g = _ == null ? void 0 : _.data) == null ? void 0 : g.groupID);
+      });
+      H ? (_ == null ? void 0 : _.data) !== H && m({
+        type: f.GROUP,
+        data: H
+      }) : m(void 0);
+    }
+  }, [W, _]), V(() => {
+    if (_) {
+      const H = I == null ? void 0 : I.find((g) => {
+        var $;
+        return (g == null ? void 0 : g.userID) === (($ = _ == null ? void 0 : _.data) == null ? void 0 : $.userID);
+      }), E = F == null ? void 0 : F.find((g) => {
+        var $;
+        return (g == null ? void 0 : g.userID) === (($ = _ == null ? void 0 : _.data) == null ? void 0 : $.userID);
+      });
+      H && _.type !== f.BLACK ? m({
+        type: f.BLACK,
+        data: H
+      }) : E && _.type === f.FRIEND && _.data !== E && m({
+        type: f.FRIEND,
+        data: E
+      });
+    }
+  }, [I, F, _]), !v && t)
+    return t;
+  const B = () => {
+    m(void 0), u == null || u();
+  };
+  return /* @__PURE__ */ C("div", { className: P(_o.contactInfo, K), style: M, children: [
+    f.FRIEND === (v == null ? void 0 : v.type) && /* @__PURE__ */ a(
+      i,
+      {
+        friend: v.data,
+        showActions: e,
+        onClose: B,
+        ...Z && { onSendMessage: Z },
+        ...S && { onDeleteFriend: S },
+        ...d && { onAddToBlacklist: d },
+        ...L && { onUpdateFriendRemark: L }
+      }
+    ),
+    f.GROUP === (v == null ? void 0 : v.type) && /* @__PURE__ */ a(
+      r,
+      {
+        group: v == null ? void 0 : v.data,
+        showActions: e,
+        onClose: B,
+        ...D && { onEnterGroup: D },
+        ...p && { onLeaveGroup: p },
+        ...T && { onDismissGroup: T }
+      }
+    ),
+    f.BLACK === (v == null ? void 0 : v.type) && /* @__PURE__ */ a(
+      o,
+      {
+        profile: v == null ? void 0 : v.data,
+        showActions: e,
+        onClose: B,
+        ...J && { onRemoveFromBlacklist: J }
+      }
+    ),
+    f.FRIEND_REQUEST === (v == null ? void 0 : v.type) && /* @__PURE__ */ a(
+      s,
+      {
+        application: v == null ? void 0 : v.data,
+        showActions: e,
+        onClose: B,
+        ...h && {
+          onAccept: (H) => h("accept", H)
+        },
+        ...h && {
+          onRefuse: (H) => h("refuse", H)
+        }
+      }
+    ),
+    f.GROUP_REQUEST === (v == null ? void 0 : v.type) && /* @__PURE__ */ a(
+      l,
+      {
+        application: v == null ? void 0 : v.data,
+        showActions: e,
+        onClose: B,
+        ...X && {
+          onAccept: (H) => X("accept", H)
+        },
+        ...X && {
+          onRefuse: (H) => X("refuse", H)
+        }
+      }
+    ),
+    f.SEARCH_USER === (v == null ? void 0 : v.type) && /* @__PURE__ */ a(
+      Y,
+      {
+        user: v == null ? void 0 : v.data,
+        showActions: e,
+        onClose: B,
+        ...N && { onAddFriend: N }
+      }
+    ),
+    f.SEARCH_GROUP === (v == null ? void 0 : v.type) && /* @__PURE__ */ a(
+      c,
+      {
+        group: v == null ? void 0 : v.data,
+        showActions: e,
+        onClose: B,
+        ...Q && { onJoinGroup: Q }
+      }
+    )
+  ] });
+}, le = {
+  "attachment-picker": "uikit-attachment-picker",
+  "attachment-picker__icon": "uikit-attachment-picker__icon",
+  "attachment-picker__popup": "uikit-attachment-picker__popup",
+  "attachment-picker__item": "uikit-attachment-picker__item",
+  "attachment-picker__item-icon": "uikit-attachment-picker__item-icon",
+  "attachment-picker--expanded": "uikit-attachment-picker--expanded"
+}, vo = {
+  ACCEPT_TYPE: "*/*"
+}, Dt = ({
+  label: n,
+  onClose: e,
+  className: t,
+  style: i
+}) => {
+  const { sendMessage: r } = Ie(), o = U(null), s = (l) => {
+    var c;
+    const Y = (c = l.target.files) == null ? void 0 : c[0];
+    Y && (r([{ type: x.FILE, content: Y }]), l.target.value = "", e == null || e());
+  };
+  return /* @__PURE__ */ C(Ce, { children: [
+    n ? /* @__PURE__ */ C(
+      Jt,
+      {
+        className: P(le["attachment-picker__item"], t),
+        style: i,
+        onClick: () => {
+          var l;
+          return (l = o.current) == null ? void 0 : l.click();
+        },
+        children: [
+          /* @__PURE__ */ a(
+            ht,
+            {
+              className: le["attachment-picker__item-icon"],
+              size: "28px"
+            }
+          ),
+          /* @__PURE__ */ a(q, { children: n })
+        ]
+      }
+    ) : /* @__PURE__ */ a(q, { children: /* @__PURE__ */ a(
+      ht,
+      {
+        className: P(le["attachment-picker__item-icon"], t),
+        style: i,
+        onClick: () => {
+          var l;
+          return (l = o.current) == null ? void 0 : l.click();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "file",
+        accept: vo.ACCEPT_TYPE,
+        ref: o,
+        hidden: !0,
+        onChange: s
+      }
+    )
+  ] });
+}, Ho = {
+  ACCEPT_TYPE: ".jpg,.jpeg,.gif,.png,.bmp,.webp"
+}, mt = ({
+  label: n,
+  onClose: e,
+  className: t,
+  style: i
+}) => {
+  const { sendMessage: r } = Ie(), o = U(null), s = (l) => {
+    var c;
+    const Y = (c = l.target.files) == null ? void 0 : c[0];
+    Y && (r([{ type: x.IMAGE, content: Y }]), l.target.value = "", e == null || e());
+  };
+  return /* @__PURE__ */ C(Ce, { children: [
+    n ? /* @__PURE__ */ C(
+      Jt,
+      {
+        className: P(le["attachment-picker__item"], t),
+        style: i,
+        onClick: () => {
+          var l;
+          return (l = o.current) == null ? void 0 : l.click();
+        },
+        children: [
+          /* @__PURE__ */ a(
+            Mt,
+            {
+              className: le["attachment-picker__item-icon"],
+              size: "28px"
+            }
+          ),
+          /* @__PURE__ */ a(q, { children: n })
+        ]
+      }
+    ) : /* @__PURE__ */ a(q, { children: /* @__PURE__ */ a(
+      Mt,
+      {
+        className: P(le["attachment-picker__item-icon"], t),
+        style: i,
+        onClick: () => {
+          var l;
+          return (l = o.current) == null ? void 0 : l.click();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "file",
+        accept: Ho.ACCEPT_TYPE,
+        ref: o,
+        hidden: !0,
+        onChange: s
+      }
+    )
+  ] });
+}, ho = {
+  ACCEPT_TYPE: ".mp4,.mov,.qt"
+}, Qt = ({
+  label: n,
+  onClose: e,
+  className: t,
+  style: i
+}) => {
+  const { sendMessage: r } = Ie(), o = U(null), s = (l) => {
+    var c;
+    const Y = (c = l.target.files) == null ? void 0 : c[0];
+    Y && (r([{ type: x.VIDEO, content: Y }]), l.target.value = "", e == null || e());
+  };
+  return /* @__PURE__ */ C(Ce, { children: [
+    n ? /* @__PURE__ */ C(
+      Jt,
+      {
+        className: P(le["attachment-picker__item"], t),
+        style: i,
+        onClick: () => {
+          var l;
+          return (l = o.current) == null ? void 0 : l.click();
+        },
+        children: [
+          /* @__PURE__ */ a(
+            ft,
+            {
+              className: le["attachment-picker__item-icon"],
+              size: "28px"
+            }
+          ),
+          /* @__PURE__ */ a(q, { children: n })
+        ]
+      }
+    ) : /* @__PURE__ */ a(q, { children: /* @__PURE__ */ a(
+      ft,
+      {
+        className: P(le["attachment-picker__item-icon"], t),
+        style: i,
+        onClick: () => {
+          var l;
+          return (l = o.current) == null ? void 0 : l.click();
+        }
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "file",
+        accept: ho.ACCEPT_TYPE,
+        ref: o,
+        hidden: !0,
+        onChange: s
+      }
+    )
+  ] });
+}, Nt = {
+  COLLAPSED: 18,
+  EXPANDED: 24
+};
+function dt({ className: n, style: e = {}, attachmentPickerMode: t = "collapsed" }) {
+  const [i, r] = R(null), o = t === "collapsed", { t: s } = b(), l = () => [
+    { type: "File", Component: Dt },
+    { type: "Image", Component: mt },
+    { type: "Video", Component: Qt }
+  ].map(({ type: u, Component: Z }) => ({
+    Component: Z,
+    props: {
+      label: o ? s(`TUIChat.${u}`) : "",
+      iconSize: o ? Nt.COLLAPSED : Nt.EXPANDED
+    }
+  })), c = /* @__PURE__ */ a(
+    gt,
+    {
+      className: le["attachment-picker__icon"],
+      size: "28px",
+      onClick: (u) => r(u.currentTarget)
+    }
+  ), Y = /* @__PURE__ */ a(q, { className: o ? le["attachment-picker__popup"] : le["attachment-picker--expanded"], children: l().map(({ Component: u, props: Z }, S) => /* @__PURE__ */ a(u, { ...Z, onClose: () => r(null) }, S)) });
+  return /* @__PURE__ */ a(q, { className: P(le["attachment-picker"], n), style: e, children: o ? /* @__PURE__ */ C(Ce, { children: [
+    c,
+    /* @__PURE__ */ a(
+      Xt,
+      {
+        open: !!i,
+        anchor: i,
+        placement: "top-start",
+        disablePortal: !0,
+        slotProps: { root: { style: { zIndex: 1 } } },
+        children: /* @__PURE__ */ a(Ut, { onClickAway: () => r(null), children: Y })
+      }
+    )
+  ] }) : Y });
+}
+const Ct = {
+  "emoji-picker__icon": "uikit-emoji-picker__icon",
+  "emoji-picker__list": "uikit-emoji-picker__list",
+  "emoji-picker__list-item": "uikit-emoji-picker__list-item"
+};
+function xt({
+  className: n = "",
+  style: e = {}
+}) {
+  const { t } = b(), { insertContent: i } = Ie(), [r, o] = R(null);
+  V(() => {
+    Object.values(nt).forEach((c) => {
+      const Y = new Image();
+      Y.src = ct + c;
+    });
+  }, []);
+  function s(c) {
+    c && i([{
+      type: x.EMOJI,
+      content: {
+        url: ct + nt[c],
+        key: c,
+        text: It(c)
+      }
+    }]);
+  }
+  function l() {
+    o(null);
+  }
+  return /* @__PURE__ */ C(q, { children: [
+    /* @__PURE__ */ a(
+      Zn,
+      {
+        className: P(Ct["emoji-picker__icon"], n),
+        style: e,
+        size: "28px",
+        onClick: (c) => {
+          o(c.currentTarget);
+        }
+      }
+    ),
+    /* @__PURE__ */ a(Xt, { open: !0, anchor: r, placement: "top-start", children: /* @__PURE__ */ a(Ut, { onClickAway: l, children: /* @__PURE__ */ a(q, { className: Ct["emoji-picker__list"], children: Object.keys(nt).map((c) => /* @__PURE__ */ a(
+      q,
+      {
+        className: Ct["emoji-picker__list-item"],
+        onClick: () => {
+          s(c), o(null);
+        },
+        children: /* @__PURE__ */ a(
+          "img",
+          {
+            src: ct + nt[c],
+            alt: t(`Emoji.${c}`)
+          }
+        )
+      },
+      c
+    )) }) }) })
+  ] });
+}
+const Bt = {
+  "send-button": "uikit-send-button",
+  "send-button--disabled": "uikit-send-button--disabled"
+};
+function Mo({
+  className: n = "",
+  style: e = {},
+  onClick: t,
+  disabled: i = !1
+}) {
+  function r(o) {
+    !i && t && t(o);
+  }
+  return /* @__PURE__ */ a(
+    un,
+    {
+      className: P(Bt["send-button"], {
+        [Bt["send-button--disabled"]]: i
+      }, n),
+      size: "28px",
+      style: e,
+      onClick: r
+    }
+  );
+}
+var fo = Object.defineProperty, Po = (n, e, t) => e in n ? fo(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Go = (n, e, t) => Po(n, e + "", t);
+let No = class {
+  constructor() {
+    Go(this, "handlers", {});
+  }
+  /**
+   * Get a specific content handler by type
+   */
+  getHandler(e) {
+    return this.handlers[e];
+  }
+  /**
+   * Get all registered content handlers
+   */
+  getAllHandlers() {
+    return { ...this.handlers };
+  }
+  /**
+   * Register a new content handler
+   */
+  registerHandler(e, t) {
+    this.handlers[e] = t;
+  }
+  /**
+   * Get an array of all extensions from handlers
+   */
+  getExtensions() {
+    return Object.values(this.handlers).filter((e) => !!e.createExtension).map((e) => e.createExtension && e.createExtension());
+  }
+  /**
+   * Convert editor content to application format
+   */
+  convertContent(e) {
+    return e != null && e.content ? e.content.flatMap((t) => {
+      const i = t.type || "", r = this.getHandler(i);
+      return r != null && r.convertContent ? r.convertContent(t) : t.content ? this.convertContent(t) : [];
+    }) : [];
+  }
+  /**
+   * Format content array as plain text
+   */
+  formatContentAsText(e) {
+    return e.map((t) => {
+      const i = this.getHandler(t.type);
+      return i != null && i.convertToText ? i.convertToText(t.content) : "";
+    }).join("");
+  }
+};
+var Bo = Object.defineProperty, Fo = (n, e, t) => e in n ? Bo(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Oe = (n, e, t) => Fo(n, typeof e != "symbol" ? e + "" : e, t);
+class je {
+  /**
+   * Create a new EditorCore instance
+   */
+  constructor(e) {
+    Oe(this, "editor", null), Oe(this, "options"), Oe(this, "contentRegistry"), Oe(this, "fileMap", /* @__PURE__ */ new Map()), Oe(this, "fileIconDomMap", /* @__PURE__ */ new Map()), this.options = e, this.contentRegistry = new No(), this.registerDefaultContentHandlers();
+  }
+  /**
+   * Register default content type handlers
+   */
+  registerDefaultContentHandlers() {
+    this.registerContentHandler(x.TEXT, {
+      convertContent: (e) => e.text ? [{
+        type: x.TEXT,
+        content: e.text
+      }] : [],
+      convertToText: (e) => e
+    }), this.registerContentHandler(x.IMAGE, {
+      convertContent: (e) => {
+        var t, i, r, o, s;
+        const l = ((t = e.attrs) == null ? void 0 : t["data-type"]) || e.type;
+        return l === x.IMAGE ? [{
+          type: l,
+          content: (i = e.attrs) == null ? void 0 : i.src
+        }] : l === x.EMOJI ? [{
+          type: l,
+          content: {
+            url: (r = e.attrs) == null ? void 0 : r.src,
+            key: (o = e.attrs) == null ? void 0 : o.alt,
+            text: (s = e.attrs) == null ? void 0 : s.title
+          }
+        }] : [];
+      },
+      convertToText: () => "[Image]",
+      createExtension: () => je.createImageExtension()
+    }), this.registerContentHandler(x.EMOJI, {
+      convertContent: (e) => {
+        var t, i, r;
+        return [{
+          type: x.EMOJI,
+          content: {
+            url: (t = e.attrs) == null ? void 0 : t.src,
+            key: (i = e.attrs) == null ? void 0 : i.alt,
+            text: (r = e.attrs) == null ? void 0 : r.title
+          }
+        }];
+      },
+      convertToText: (e) => e.text || "",
+      createExtension: () => je.createEmojiExtension()
+    }), this.registerContentHandler("hardBreak", {
+      convertContent: () => [{
+        type: x.TEXT,
+        content: `
+`
+      }],
+      convertToText: (e) => `
+`
+    }), this.registerContentHandler(x.FILE, {
+      convertContent: (e) => {
+        var t;
+        return [{
+          type: x.FILE,
+          content: (t = e.attrs) == null ? void 0 : t["file-data"]
+        }];
+      },
+      convertToText: () => "[File]",
+      createExtension: je.createFileExtension
+    });
+  }
+  /**
+   * Register a new content type handler
+   */
+  registerContentHandler(e, t) {
+    this.contentRegistry.registerHandler(e, t);
+  }
+  /**
+   * Handle file drop or paste events
+   */
+  handleFileDropOrPaste(e, t) {
+    var i, r;
+    if (e.preventDefault(), e.stopPropagation(), t === "drop" && !this.options.enableDragUpload)
+      return;
+    const o = t === "paste" && "clipboardData" in e;
+    if (t === "drop" && "dataTransfer" in e || o) {
+      const s = o ? (i = e.clipboardData) == null ? void 0 : i.files : (r = e.dataTransfer) == null ? void 0 : r.files;
+      if (!s || s.length === 0)
+        return;
+      this.processFiles(s);
+    }
+  }
+  /**
+   * Process files from drop or paste event
+   */
+  processFiles(e) {
+    if (!e.length)
+      return;
+    const t = Array.from(e);
+    Promise.all(t.map(async (i) => {
+      const r = i.type.startsWith("image/"), o = r ? URL.createObjectURL(i) : await this.drawFileCanvasToImageUrl(i);
+      return { file: i, fileSrc: o, isImage: r };
+    })).then((i) => {
+      var r, o;
+      const s = i.map(({ file: l, fileSrc: c, isImage: Y }) => ({
+        type: Y ? x.IMAGE : x.FILE,
+        content: {
+          file: l,
+          src: c,
+          alt: l.name,
+          title: l.name
+        }
+      }));
+      (o = (r = this.options).onPaste) == null || o.call(r, s);
+    });
+  }
+  /**
+   * Draw file canvas to create a preview image URL
+   */
+  async drawFileCanvasToImageUrl(e) {
+    const { name: t, type: i } = e, r = document.createElement("canvas"), o = 160, s = 50;
+    r.style.width = `${o}px`, r.style.height = `${s}px`;
+    const l = window.devicePixelRatio;
+    r.width = Math.floor(o * l), r.height = Math.floor(s * l);
+    const c = r.getContext("2d");
+    if (!c)
+      return "";
+    c.scale(l, l);
+    const { iconSrc: Y, iconType: u } = this.getFileIconInfo(i), Z = await this.getImageForIcon(Y, u);
+    c.drawImage(Z, 10, 10, 30, 30);
+    const S = this.formatFileNameForDisplay(t);
+    return c.fillText(S, 45, 22), r.toDataURL();
+  }
+  /**
+   * Create and cache file icon images
+   */
+  getImageForIcon(e, t) {
+    return new Promise((i, r) => {
+      if (this.fileIconDomMap.has(t))
+        i(this.fileIconDomMap.get(t));
+      else {
+        const o = document.createElement("img");
+        o.crossOrigin = "anonymous", o.onload = () => {
+          this.fileIconDomMap.set(t, o), i(o);
+        }, o.onerror = r, o.src = e;
+      }
+    });
+  }
+  /**
+   * Generate file icon URL based on file type
+   */
+  getFileIconInfo(e) {
+    const t = "https://web.sdk.qcloud.com/component/TUIKit/assets/file-", i = [
+      "image",
+      "pdf",
+      "text",
+      "ppt",
+      "presentation",
+      "sheet",
+      "zip",
+      "word",
+      "video",
+      "unknown"
+    ];
+    let r = "", o = "";
+    return i.forEach((s) => {
+      e.includes(s) && (r = `${t + s}.svg`, o = s);
+    }), {
+      iconSrc: r || `${t}unknown.svg`,
+      iconType: o || "unknown"
+    };
+  }
+  /**
+   * Format filename for display (truncate if too long)
+   */
+  formatFileNameForDisplay(e) {
+    if (!e)
+      return e;
+    let t = "", i = 0;
+    for (let r = 0; r < e.length; r += 1) {
+      if (i > 16) {
+        t += "...";
+        break;
+      }
+      t += e[r], /[a-z]|[0-9]|[,;.!@#\-+/\\$%^*()<>?:"'{}~]/i.test(e[r]) ? i += 1 : i += 2;
+    }
+    return t;
+  }
+  /**
+   * Create editor instance
+   */
+  createEditor() {
+    const e = [
+      _n,
+      this.createKeyboardShortcutsExtension(),
+      vn.configure({
+        placeholder: this.options.placeholder || "",
+        showOnlyWhenEditable: !0
+      }),
+      ...this.contentRegistry.getExtensions()
+    ];
+    return this.editor = new Hn({
+      element: this.options.element,
+      autofocus: this.options.autoFocus || !1,
+      extensions: e,
+      onUpdate: ({ editor: t }) => {
+        var i, r;
+        const o = this.contentRegistry.convertContent(t.getJSON());
+        (r = (i = this.options).onUpdate) == null || r.call(i, o);
+      },
+      onPaste: (t, i) => {
+        t.preventDefault(), t.stopPropagation(), this.handleFileDropOrPaste(t, "paste");
+      },
+      onDrop: (t) => {
+        t.preventDefault(), t.stopPropagation(), this.handleFileDropOrPaste(t, "drop");
+      }
+    }), this.editor;
+  }
+  /**
+   * Create emoji extension
+   */
+  static createEmojiExtension() {
+    return st.extend({
+      name: x.EMOJI,
+      inline: !0,
+      group: "inline",
+      draggable: !0,
+      addOptions() {
+        var e;
+        return {
+          ...(e = this.parent) == null ? void 0 : e.call(this),
+          HTMLAttributes: {
+            class: "message-emoji",
+            "data-type": x.EMOJI
+          }
+        };
+      },
+      addAttributes() {
+        var e;
+        return {
+          ...(e = this.parent) == null ? void 0 : e.call(this),
+          "data-type": {
+            default: null,
+            parseHTML: (t) => t.getAttribute("data-type"),
+            renderHTML: (t) => t["data-type"] ? { "data-type": t["data-type"] } : {}
+          }
+        };
+      }
+    });
+  }
+  /**
+   * Create file extension
+   */
+  static createFileExtension() {
+    return st.extend({
+      name: x.FILE,
+      inline: !0,
+      group: "inline",
+      draggable: !0,
+      addOptions() {
+        var e;
+        return {
+          ...(e = this.parent) == null ? void 0 : e.call(this),
+          HTMLAttributes: {
+            class: "message-file",
+            "data-type": x.FILE
+          }
+        };
+      },
+      addAttributes() {
+        var e;
+        return {
+          ...(e = this.parent) == null ? void 0 : e.call(this),
+          "data-type": {
+            default: x.FILE,
+            parseHTML: (t) => t.getAttribute("data-type"),
+            renderHTML: (t) => t["data-type"] ? { "data-type": t["data-type"] } : {}
+          },
+          "file-data": {
+            default: null,
+            parseHTML: (t) => t.getAttribute("file-data"),
+            renderHTML: (t) => t.fileData ? { "file-data": t.fileData } : {}
+          }
+        };
+      }
+    });
+  }
+  /**
+   * Create image extension
+   */
+  static createImageExtension() {
+    return st.extend({
+      addOptions() {
+        var e;
+        return {
+          ...(e = this.parent) == null ? void 0 : e.call(this),
+          HTMLAttributes: {
+            "data-type": x.IMAGE
+          }
+        };
+      },
+      addAttributes() {
+        var e;
+        return {
+          ...(e = this.parent) == null ? void 0 : e.call(this),
+          class: {
+            default: "message-image",
+            parseHTML: (t) => `message-${t.getAttribute("data-type") || x.IMAGE}`,
+            renderHTML: (t) => {
+              const i = t["data-type"] || x.IMAGE;
+              return i ? { class: `message-${i}` } : {};
+            }
+          },
+          fileData: {
+            default: null,
+            parseHTML: (t) => t.getAttribute("file-data"),
+            renderHTML: (t) => t.fileData ? { "file-data": t.fileData } : {}
+          },
+          "data-type": {
+            default: null,
+            parseHTML: (t) => t.getAttribute("data-type"),
+            renderHTML: (t) => t["data-type"] ? { "data-type": t["data-type"] } : {}
+          }
+        };
+      }
+    }).configure({
+      inline: !0
+    });
+  }
+  /**
+   * Create keyboard shortcuts extension for handling Enter, copy, cut, paste and other keyboard operations
+   */
+  createKeyboardShortcutsExtension() {
+    const { onEnter: e } = this.options;
+    return hn.create({
+      addKeyboardShortcuts() {
+        return {
+          Enter: () => (e == null || e(), !0),
+          "Mod-Enter": ({ editor: t }) => (t.commands.setHardBreak(), !0)
+        };
+      }
+    });
+  }
+  /**
+   * Clear resources and reset state
+   */
+  destroy() {
+    var e;
+    (e = this.editor) == null || e.destroy(), this.editor = null, this.fileMap.clear(), this.fileIconDomMap.clear();
+  }
+}
+function go(n) {
+  return new je(n).createEditor();
+}
+const Ve = {
+  "input-wrapper": "uikit-input-wrapper",
+  "input-wrapper--disabled": "uikit-input-wrapper--disabled",
+  "input-wrapper__tiptap-editor": "uikit-input-wrapper__tiptap-editor",
+  "input-wrapper__input-prefix": "uikit-input-wrapper__input-prefix",
+  "input-wrapper__input-subfix": "uikit-input-wrapper__input-subfix"
+};
+function Wo({
+  autoFocus: n = !0,
+  disabled: e = !1,
+  placeholder: t = "",
+  prefix: i,
+  suffix: r,
+  className: o = "",
+  style: s = {}
+}) {
+  const { t: l, language: c } = b(), { activeConversation: Y } = Te(), u = U(""), Z = U(null), S = e ? "" : t || l("TUIChat.Enter a message"), {
+    editor: d,
+    updateRawValue: L,
+    sendMessage: J,
+    setEditorInstance: D,
+    setContent: p,
+    insertContent: T
+  } = Ie();
+  return V(() => {
+    const h = Z.current;
+    if (!h)
+      return;
+    let X = null;
+    return h.dataset.editorCreated || (X = go({
+      element: h,
+      placeholder: S,
+      autoFocus: n,
+      enableDragUpload: !0,
+      onUpdate: (N) => {
+        L(N);
+      },
+      onEnter: () => {
+        J(), p("");
+      },
+      onPaste: (N) => {
+        T(N);
+      }
+    }), h.dataset.editorCreated = "true", D(X)), () => {
+      X && (X.destroy(), h.removeAttribute("data-editor-created"), D(null));
+    };
+  }, [S]), V(() => {
+    (!Y || (Y == null ? void 0 : Y.conversationID) !== u.current) && (p(""), u.current = Y == null ? void 0 : Y.conversationID);
+  }, [Y, p]), V(() => {
+    d && d.setEditable(!e);
+  }, [e, d]), /* @__PURE__ */ C(
+    q,
+    {
+      className: P(Ve["input-wrapper"], {
+        [Ve["input-wrapper--disabled"]]: e
+      }, o),
+      style: s,
+      children: [
+        /* @__PURE__ */ a("div", { className: Ve["input-wrapper__input-prefix"], children: (i == null ? void 0 : i()) ?? null }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            ref: Z,
+            className: Ve["input-wrapper__tiptap-editor"]
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: Ve["input-wrapper__input-subfix"], children: (r == null ? void 0 : r()) ?? null })
+      ]
+    }
+  );
+}
+const $e = {
+  "message-input": "uikit-message-input",
+  "message-input__wrapper": "uikit-message-input__wrapper",
+  "message-input__toolbar": "uikit-message-input__toolbar",
+  "message-input__leftInline": "uikit-message-input__leftInline",
+  "message-input__rightInline": "uikit-message-input__rightInline"
+}, Ft = [
+  { key: "EmojiPicker", component: xt },
+  { key: "AttachmentPicker", component: dt },
+  { key: "FilePicker", component: Dt },
+  { key: "ImagePicker", component: mt },
+  { key: "VideoPicker", component: Qt }
+], Ko = (n, e) => Object.fromEntries(
+  e.map((t) => [t, n[t]]).filter(([t, i]) => i !== void 0)
+), Ro = (n = ["EmojiPicker", "AttachmentPicker"]) => {
+  const e = (i) => {
+    const { component: r = () => null } = Ft.find(({ key: o }) => o === i) ?? {};
+    return { Component: r, props: {} };
+  }, t = (i) => {
+    var r;
+    const { key: o, component: s, ...l } = i, c = ((r = Ft.find(({ key: Y }) => Y === o)) == null ? void 0 : r.component) ?? (() => null);
+    return {
+      Component: s ?? c,
+      props: Ko(l, ["label", "className", "style", "iconSize"])
+    };
+  };
+  return n.map((i) => typeof i == "string" ? e(i) : t(i)).filter(({ Component: i }) => i !== null);
+};
+function rr({
+  autoFocus: n,
+  disabled: e,
+  hideSendButton: t,
+  placeholder: i,
+  className: r = "",
+  style: o = {},
+  attachmentPickerMode: s,
+  actions: l,
+  slots: c,
+  TextEditor: Y,
+  EmojiPicker: u,
+  AttachmentPicker: Z,
+  FilePicker: S,
+  ImagePicker: d,
+  VideoPicker: L,
+  AttachmentDrag: J
+}) {
+  var D, p, T, h;
+  const {
+    inputRawValue: X,
+    setContent: N,
+    sendMessage: Q
+  } = Ie(), { groupID: K, isInGroup: M } = pt(), { messageInputConfig: F } = b(), W = !!(K && !M), I = n ?? (F == null ? void 0 : F.autoFocus) ?? !0, _ = e ?? W ?? (F == null ? void 0 : F.disabled) ?? !1, m = t ?? (F == null ? void 0 : F.hideSendButton) ?? !1, v = i ?? (F == null ? void 0 : F.placeholder) ?? "", w = s ?? (F == null ? void 0 : F.attachmentPickerMode) ?? "collapsed", y = O(() => {
+    X && (Q(), N(""));
+  }, [X, Q, N]);
+  return /* @__PURE__ */ a(Ce, { children: /* @__PURE__ */ C(q, { className: P($e["message-input"], r), style: o, children: [
+    ((D = c == null ? void 0 : c.headerToolbar) == null ? void 0 : D.call(c)) ?? null,
+    /* @__PURE__ */ C("div", { className: $e["message-input__wrapper"], children: [
+      /* @__PURE__ */ a(Mn, {}),
+      /* @__PURE__ */ a("div", { className: $e["message-input__leftInline"], children: ((p = c == null ? void 0 : c.leftInline) == null ? void 0 : p.call(c)) ?? /* @__PURE__ */ a(q, { className: $e["message-input__toolbar"], children: Ro(l).map(({ Component: B, props: H }, E) => B === xt && u ? u : B === dt && Z ? Z : B === Dt && S ? S : B === mt && d ? d : B === Qt && L ? L : /* @__PURE__ */ a(B, { ...H, ...B === dt ? { attachmentPickerMode: w } : {} }, E)) }) }),
+      Y || /* @__PURE__ */ a(
+        Wo,
+        {
+          autoFocus: I,
+          disabled: _,
+          placeholder: v,
+          prefix: c == null ? void 0 : c.inputPrefix,
+          suffix: c == null ? void 0 : c.inputSuffix
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: $e["message-input__rightInline"], children: ((T = c == null ? void 0 : c.rightInline) == null ? void 0 : T.call(c)) ?? (!m && /* @__PURE__ */ a(Mo, { disabled: _, onClick: y })) })
+    ] }),
+    ((h = c == null ? void 0 : c.footerToolbar) == null ? void 0 : h.call(c)) ?? null
+  ] }) });
+}
+const Io = (n) => {
+  const {
+    behavior: e = "enter",
+    onIntersect: t,
+    root: i = null,
+    rootMargin: r = "0px",
+    threshold: o = 0,
+    enabled: s = !0
+  } = n, l = U(null);
+  return V(() => {
+    if (!s || !t)
+      return;
+    const c = new IntersectionObserver(
+      (u) => {
+        u.forEach((Z) => {
+          Z.isIntersecting ? e === "enter" && t() : e === "leave" && t();
+        });
+      },
+      {
+        root: i,
+        rootMargin: r,
+        threshold: o
+      }
+    ), Y = l.current;
+    return Y && c.observe(Y), () => {
+      Y && c.unobserve(Y);
+    };
+  }, [s, t, i, r, o, e]), l;
+}, ko = (n) => {
+  const {
+    onClick: e,
+    onVisible: t,
+    children: i,
+    className: r,
+    style: o
+  } = n, s = () => {
+    e == null || e();
+  }, l = () => {
+    t == null || t();
+  }, c = Io({
+    root: document.getElementById("message-list-container"),
+    onIntersect: l,
+    enabled: !!t,
+    threshold: 1
+  });
+  return /* @__PURE__ */ a(
+    q,
+    {
+      ref: c,
+      className: P(
+        r
+      ),
+      style: o,
+      onClick: s,
+      children: i
+    }
+  );
+};
+function Ao(n) {
+  const {
+    open: e,
+    onClose: t,
+    className: i
+  } = n, { t: r } = b(), { conversationList: o = [] } = Te(), [s, l] = R(!0), c = U(o).current.map((d) => {
+    const { type: L, remark: J, groupProfile: D, userProfile: p } = d, T = {
+      key: d.conversationID,
+      label: "",
+      avatarUrl: d.getAvatar() || ""
+    };
+    if (L === re.TYPES.CONV_C2C) {
+      const h = J || (p == null ? void 0 : p.nick) || (p == null ? void 0 : p.userID);
+      T.label = h || "";
+    }
+    if (L === re.TYPES.CONV_GROUP) {
+      const h = (D == null ? void 0 : D.name) || (D == null ? void 0 : D.groupID);
+      T.label = h || "";
+    }
+    return T;
+  }), {
+    forwardMessageIDList: Y,
+    forwardMessage: u
+  } = bt(), Z = U(null), S = O(() => {
+    var d;
+    const L = (d = Z.current) == null ? void 0 : d.getSelectedItems();
+    L && L.length > 0 && (u({
+      messageIDList: Y,
+      conversationIDList: L.map((J) => J.key),
+      isMergeForward: !1
+    }), t());
+  }, [Y]);
+  return /* @__PURE__ */ a(
+    Rt,
+    {
+      visible: e,
+      title: r("TUIChat.Forward to"),
+      onClose: t,
+      className: i || "",
+      onCancel: t,
+      onConfirm: S,
+      confirmDisabled: s,
+      style: {
+        height: "80vh"
+      },
+      children: /* @__PURE__ */ a(
+        fn,
+        {
+          ref: Z,
+          displayMode: "list",
+          dataSource: c,
+          maxCount: 10,
+          onMaxCountExceed: () => {
+            ze.error({
+              message: r("TUIChat.Max Count Exceed")
+            });
+          },
+          onSelectedChange: (d) => {
+            l(d.length === 0);
+          }
+        }
+      )
+    }
+  );
+}
+function Eo(n) {
+  const { onScroll: e } = n, t = U(null), i = U(), r = U(!1), o = U(), s = U(0), l = U(), c = U(0), Y = U(0), u = U("down"), Z = U(0), S = O(() => {
+    t.current && (c.current = t.current.scrollHeight);
+  }, []), d = O(() => {
+    if (!t.current || !c.current)
+      return;
+    const Q = t.current.scrollHeight - c.current;
+    Q > 0 && (t.current.scrollTop = Q);
+  }, []), L = O(() => {
+    if (!t.current)
+      return 0;
+    const { scrollHeight: Q, scrollTop: K, clientHeight: M } = t.current;
+    return Math.max(0, Q - (K + M));
+  }, []), J = O(({ top: Q, behavior: K = "smooth" }) => {
+    if (!t.current)
+      return;
+    const M = K === "smooth" || K === "auto" || K === "instant" ? K : "smooth";
+    t.current.scrollTo({ top: Q, behavior: M });
+  }, []), D = O((Q = "smooth") => {
+    if (!t.current)
+      return;
+    const K = Q === "smooth" || Q === "auto" || Q === "instant" ? Q : "smooth";
+    J({
+      top: t.current.scrollHeight,
+      behavior: K
+    });
+  }, [J]), p = O((Q, K) => {
+    const M = document.querySelector(`[data-message-id="${Q}"]`);
+    if (!t.current || !M)
+      return;
+    const {
+      behavior: F = "smooth",
+      offset: W,
+      skipIfVisible: I = !1
+    } = K || {}, _ = M.getBoundingClientRect(), m = t.current.getBoundingClientRect(), v = _.top >= m.top && _.bottom <= m.bottom;
+    if (!(I && v))
+      if (!W && W !== 0)
+        M.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      else {
+        const { scrollTop: w } = t.current, y = _.top - m.top, B = w + y - W;
+        J({
+          top: B,
+          behavior: F
+        });
+      }
+  }, [J]), T = O(() => {
+    r.current = !1, Z.current = 0, i.current && (cancelAnimationFrame(i.current), i.current = void 0), l.current && (cancelAnimationFrame(l.current), l.current = void 0);
+  }, []), h = O(() => {
+    if (!r.current || !o.current || !t.current)
+      return;
+    if (Date.now() - s.current > 100) {
+      T();
+      return;
+    }
+    const Q = L(), K = t.current.scrollTop, M = K - Y.current;
+    Z.current += M, Math.abs(Z.current) > 2 && (u.current = Z.current > 0 ? "down" : "up", Z.current = 0), Y.current = K, e == null || e({
+      event: o.current,
+      distance: Q,
+      direction: u.current
+    }), i.current = requestAnimationFrame(h);
+  }, [L, e, T]), X = O((Q) => {
+    o.current = Q, s.current = Date.now(), r.current || (r.current = !0, i.current = requestAnimationFrame(h));
+  }, [h]), N = O((Q) => {
+    Q.currentTarget === t.current && X(Q);
+  }, [X]);
+  return V(() => () => {
+    T();
+  }, [T]), {
+    messageListRef: t,
+    scrollTo: J,
+    scrollToBottom: D,
+    scrollToMessage: p,
+    getScrollDistanceFromBottom: L,
+    onScroll: N,
+    saveScrollPosition: S,
+    restoreScrollPosition: d
+  };
+}
+function yo({
+  enabled: n,
+  containerSelector: e,
+  messageSelector: t = "[data-message-id]",
+  getMessageIDFromDom: i,
+  shouldSendReadReceipt: r = (l) => l.flow === "in",
+  intersectionThreshold: o = 0.5,
+  delay: s = 1e3
+}) {
+  const l = U(null), c = U(/* @__PURE__ */ new Map()), Y = U(/* @__PURE__ */ new Set()), u = O(
+    Pn(() => {
+      if (c.current.size === 0)
+        return;
+      const L = Array.from(c.current.values());
+      yn.sendMessageReadReceipt(L).then(() => {
+      }).catch(() => {
+      }), c.current.clear();
+    }, s, { leading: !1, trailing: !0 }),
+    [s]
+  ), Z = O((L) => {
+    if (Y.current.has(L))
+      return !1;
+    const J = St.getMessageModel(L);
+    return J && r(J) ? (c.current.set(L, J), Y.current.add(L), u(), !0) : !1;
+  }, [r, u]);
+  V(() => {
+    if (n)
+      return l.current = new IntersectionObserver(
+        (L) => {
+          L.forEach((J) => {
+            var D;
+            if (J.isIntersecting && J.intersectionRatio >= o) {
+              const p = i(J.target);
+              p && Z(p), (D = l.current) == null || D.unobserve(J.target);
+            }
+          });
+        },
+        {
+          threshold: o,
+          root: document.querySelector(e)
+        }
+      ), () => {
+        var L;
+        (L = l.current) == null || L.disconnect(), u.flush();
+      };
+  }, [n, e, i, o, Z, u]);
+  const S = O(() => {
+    if (!l.current || !n)
+      return;
+    const L = document.querySelector(e);
+    L && L.querySelectorAll(t).forEach((J) => {
+      var D;
+      const p = i(J);
+      if (!p || Y.current.has(p))
+        return;
+      const T = St.getMessageModel(p);
+      T && r(T) && ((D = l.current) == null || D.observe(J));
+    });
+  }, [n, e, t, i, r]), d = O(() => {
+    if (!n)
+      return;
+    const L = document.querySelector(e);
+    if (!L)
+      return;
+    const J = L.getBoundingClientRect();
+    L.querySelectorAll(t).forEach((D) => {
+      const p = i(D);
+      if (!p || Y.current.has(p))
+        return;
+      const T = D.getBoundingClientRect();
+      T.top < J.bottom && T.bottom > J.top && T.height > 0 && Z(p);
+    });
+  }, [n, e, t, i, r, Z]);
+  return {
+    /**
+     * Observe new messages, should be called when message list updates
+     */
+    observeMessageList: S,
+    /**
+     * Manually mark visible messages as read, e.g. after initial load
+     */
+    manuallyMarkVisibleMessagesAsRead: d,
+    /**
+     * Reset processed message records, e.g. when switching conversation
+     */
+    resetProcessedMessages: () => {
+      Y.current.clear(), c.current.clear();
+    }
+  };
+}
+const Uo = {
+  "message-time-divider": "uikit-message-time-divider"
+}, bo = (n) => {
+  const { prevMessage: e, currentMessage: t } = n, i = e == null ? void 0 : e.time, r = t == null ? void 0 : t.time, { getTimeStampAuto: o } = Gn();
+  return et(() => i ? r ? !Nn(i * 1e3, r * 1e3) : !1 : !0, [i, r]) ? /* @__PURE__ */ a(q, { className: P(Uo["message-time-divider"]), children: o(r) }) : null;
+}, Re = {
+  "message-list": "uikit-message-list",
+  "message-list__container": "uikit-message-list__container",
+  "message-list__container--chunk": "uikit-message-list__container--chunk",
+  "message-list__load-more": "uikit-message-list__load-more",
+  "unread-notification": "uikit-unread-notification"
+}, cr = (n) => {
+  const {
+    messageAggregationTime: e,
+    messageActionList: t,
+    filter: i,
+    className: r,
+    style: o,
+    Message: s = Bn,
+    MessageTimeDivider: l = bo,
+    LocalNoticeMessage: c = null,
+    alignment: Y,
+    enableReadReceipt: u
+  } = n, { t: Z, messageListConfig: S } = b(), d = Y ?? (S == null ? void 0 : S.alignment) ?? "two-sided", L = u ?? (S == null ? void 0 : S.enableReadReceipt) ?? !1, J = e ?? (S == null ? void 0 : S.messageAggregationTime) ?? 5 * 60, D = Fn(S == null ? void 0 : S.messageActionList), p = t ?? D, T = J > 0, { groupType: h } = pt(), { activeConversation: X } = Te(), N = O((j) => !X || j.needReadReceipt === !1 ? !1 : (X == null ? void 0 : X.type) === "GROUP" ? j.flow === "in" : (X == null ? void 0 : X.type) === "C2C" ? j.flow === "in" && j.readReceiptInfo.isPeerRead === !1 : !1, [X]), Q = O((j) => j.getAttribute("data-message-id") || "", []), {
+    activeConversationID: K,
+    messageList: M,
+    loadMoreMessage: F,
+    hasMoreOlderMessage: W,
+    enableReadReceipt: I,
+    setEnableReadReceipt: _,
+    isDisableScroll: m
+  } = gn(), {
+    resetProcessedMessages: v,
+    observeMessageList: w
+  } = yo({
+    enabled: I ?? !1,
+    containerSelector: "#message-list-container",
+    messageSelector: "[data-message-id]",
+    getMessageIDFromDom: Q,
+    shouldSendReadReceipt: N
+  }), { setScrollableDomRef: y, setScrollMethods: B } = Wn(), { isForwardMessageSelectionDone: H, resetMessageActionState: E } = bt(), [g, $] = R(0), [Ye, Me] = R(!1), Ke = U(""), ke = U(0), G = U(!1), k = U(!1), A = U(!1);
+  V(() => {
+    L && h !== We.COMMUNITY && h !== We.AVCHATROOM ? _(!0) : _(!1);
+  }, [L, _, h]), V(() => {
+    k.current = m;
+  }, [m]);
+  const De = () => {
+    $(0), Me(!1), Ke.current = "", ke.current = 0, G.current = !1, k.current = !1, A.current = !1, v();
+  }, {
+    messageListRef: fe,
+    onScroll: Ot,
+    scrollTo: _t,
+    scrollToBottom: Ae,
+    scrollToMessage: vt,
+    getScrollDistanceFromBottom: rt,
+    saveScrollPosition: Vt,
+    restoreScrollPosition: $t
+  } = Eo({
+    onScroll: O((j) => {
+      const {
+        distance: Le,
+        direction: Pe
+      } = j;
+      Pe === "up" && Le > 20 ? (k.current = !0, Me(!0)) : Pe === "down" && Le <= 20 && (k.current = !1, Me(!1), $(0));
+    }, [])
+  });
+  V(() => {
+    y(fe), B({
+      scrollTo: _t,
+      scrollToBottom: Ae,
+      scrollToMessage: vt,
+      getScrollDistanceFromBottom: rt
+    });
+  }, [_t, Ae, vt, rt]), Rn(() => {
+    K !== Ke.current && De(), M !== void 0 && (!G.current && K && M.length > 0 && (ke.current = M.length, Ke.current = K || ""), !G.current && fe.current && M.length > 0 && (Ae("instant"), w(), G.current = !0));
+  }, [K, M == null ? void 0 : M.length]);
+  const Ht = O(() => {
+    !A.current && W && fe.current && (A.current = !0, Vt(), F().then(() => {
+      $t();
+    }).finally(() => {
+      A.current = !1;
+    }));
+  }, [W, F, fe, rt]), qt = et(() => {
+    if (M === void 0)
+      return [];
+    const j = i ? M.filter(i) : M;
+    if (!T) {
+      const Ze = [];
+      return j.forEach((Se) => {
+        Ze.push({
+          timestamp: Se.time,
+          messages: [Se],
+          key: `chunk-${Se.ID}`
+        });
+      }), Ze;
+    }
+    const Le = [], Pe = J;
+    return j.forEach((Ze, Se, tt) => {
+      const Ee = Ze.time, pe = Le[Le.length - 1];
+      !pe || Ee - pe.timestamp > Pe || pe.messages[0].from !== Ze.from || Ze.isRevoked || Se > 0 && tt[Se - 1].isRevoked ? Le.push({
+        timestamp: Ee,
+        messages: [Ze],
+        key: `chunk-${Ze.ID}`
+      }) : pe.messages.push(Ze);
+    }), Le;
+  }, [M, T, J]);
+  return V(() => {
+    if (M !== void 0 && (X == null ? void 0 : X.conversationID) === Ke.current) {
+      const j = M.length - ke.current;
+      j > 0 && !A.current && G.current && (w(), M.slice(M.length - j, M.length).forEach((Le) => {
+        const Pe = M[M.length - 1];
+        (!k.current || Pe.flow === "out") && Ae("smooth"), k.current && Le.flow;
+      }));
+    }
+  }, [M == null ? void 0 : M.length]), M === void 0 ? /* @__PURE__ */ a(q, { className: P(Re["message-list"], r), style: o }) : /* @__PURE__ */ C(q, { className: P(Re["message-list"], r), style: o, children: [
+    /* @__PURE__ */ C(
+      q,
+      {
+        id: "message-list-container",
+        className: Re["message-list__container"],
+        ref: fe,
+        onScroll: Ot,
+        children: [
+          /* @__PURE__ */ a(ko, { onVisible: Ht, children: /* @__PURE__ */ a(
+            "button",
+            {
+              className: Re["message-list__load-more"],
+              disabled: !W,
+              onClick: Ht,
+              children: Z(W ? "TUIChat.Load More" : "TUIChat.No More")
+            }
+          ) }),
+          qt.map((j, Le, Pe) => {
+            var Ze;
+            return /* @__PURE__ */ C(In, { children: [
+              /* @__PURE__ */ a(
+                l,
+                {
+                  prevMessage: (Ze = Pe[Le - 1]) == null ? void 0 : Ze.messages[0],
+                  currentMessage: j.messages[0]
+                }
+              ),
+              /* @__PURE__ */ a(q, { className: Re["message-list__container--chunk"], children: j.messages.map((Se, tt, Ee) => {
+                const pe = T && tt !== Ee.length - 1;
+                return /* @__PURE__ */ a(
+                  s,
+                  {
+                    isLastInChunk: tt === Ee.length - 1,
+                    message: Se,
+                    messageActionList: p,
+                    alignment: d,
+                    isHiddenMessageAvatar: d === "two-sided" ? pe || Se.flow === "out" : pe,
+                    isHiddenMessageMeta: pe,
+                    isAggregated: d === "two-sided" ? pe && Se.flow === "in" : pe
+                  },
+                  Se.ID
+                );
+              }) }, j.key)
+            ] }, j.key);
+          })
+        ]
+      }
+    ),
+    !!c && /* @__PURE__ */ a(c, {}),
+    Ye && /* @__PURE__ */ a(
+      Kn,
+      {
+        className: Re["unread-notification"],
+        unreadCount: g,
+        onClick: Ae
+      }
+    ),
+    /* @__PURE__ */ a(
+      Ao,
+      {
+        open: H,
+        onClose: () => E()
+      }
+    )
+  ] });
+};
+function sr(n) {
+  const { onSuccess: e } = n, [t, i] = R(null);
+  return V(() => {
+    t || Un.login(n).then(() => {
+      i(re), e == null || e();
+    }).catch(() => {
+    });
+  }, []), t;
+}
+new Cn();
+export {
+  dt as AttachmentPicker,
+  z as Avatar,
+  nc as C2CChatSetting,
+  pr as Chat,
+  Lr as ChatHeader,
+  dr as ChatHeaderActions,
+  xr as ChatProvider,
+  ac as ChatSetting,
+  Tr as Checkbox,
+  ir as ContactInfo,
+  f as ContactItemType,
+  ar as ContactList,
+  wi as ContactListItem,
+  to as ContactSearch,
+  Tt as ConversationActions,
+  Fa as ConversationCreate,
+  zn as ConversationCreateButton,
+  Ya as ConversationCreateGroupDetail,
+  Sa as ConversationCreateSelectView,
+  Ma as ConversationCreateUserSelectList,
+  Sn as ConversationGroupTypeInfo,
+  nr as ConversationList,
+  Aa as ConversationListContent,
+  ba as ConversationListHeader,
+  li as ConversationPreview,
+  wt as ConversationPreviewUI,
+  Ci as ConversationSearch,
+  ic as DateRangePicker,
+  mr as DivWithEdit,
+  xt as EmojiPicker,
+  oc as EmptyResult,
+  _r as EmptyStateIndicator,
+  Dt as FilePicker,
+  di as GroupApplicationType,
+  rc as GroupChatSetting,
+  cc as GroupInviteType,
+  Qn as GroupMemberRole,
+  Pt as GroupPermission,
+  We as GroupType,
+  Hr as Icon,
+  fr as IconTypes,
+  mt as ImagePicker,
+  Lt as JSONStringToParse,
+  ko as LoadMore,
+  sc as Loading,
+  lc as LoginStatus,
+  Bn as Message,
+  Yc as MessageAdvanced,
+  x as MessageContentType,
+  Ao as MessageForward,
+  rr as MessageInput,
+  cr as MessageList,
+  bo as MessageTimeDivider,
+  Gr as Model,
+  Xe as PageStateTypes,
+  Yt as PlaceHolder,
+  Je as PlaceHolderTypes,
+  Br as Plugins,
+  gr as Popup,
+  Kr as Profile,
+  Et as Search,
+  Zc as SearchAdvanced,
+  At as SearchBar,
+  uc as SearchConversation,
+  Cc as SearchGroup,
+  Lc as SearchMessage,
+  Sc as SearchResultItem,
+  dc as SearchResults,
+  Xc as SearchTab,
+  bc as SearchType,
+  pc as SearchUser,
+  Jc as SettingItem,
+  Tc as Slider,
+  Ar as Switch,
+  yr as TUIContactContext,
+  Ur as TUIContactContextProvider,
+  Ir as TUIProfileDefault,
+  Wo as TextEditor,
+  Zr as UIKitProvider,
+  Kn as UnreadNotification,
+  Dc as UserAdvanced,
+  fn as UserPicker,
+  ve as VariantType,
+  Qt as VideoPicker,
+  q as View,
+  mc as ageToBirthday,
+  Qc as birthdayToAge,
+  _c as blobUrlToFile,
+  hr as changeTypeToIconClassName,
+  vc as convertInputContentToEditorNode,
+  Hc as copyTextToClipboard,
+  hc as debounce,
+  Mc as defaultTypeLabels,
+  fc as enableSampleTaskStatus,
+  Pc as forwardMessage,
+  Gc as getImageDimensionsFromBlobImage,
+  mn as getTimeStamp,
+  Nc as highlightText,
+  Bc as isCallMessage,
+  He as isH5,
+  Fc as isJSON,
+  gc as isMobile,
+  Be as isPC,
+  Wc as loginState,
+  Kc as parseTextWithEmoji,
+  Rc as safeJSONParse,
+  Ic as setPlatform,
+  kc as startCall,
+  $r as tagDoNotDelete,
+  tr as throttle,
+  It as transformTextWithEmojiKeyToName,
+  Ac as transformTextWithEmojiNameToKey,
+  dn as typeInfoList,
+  Ec as useC2CSettingState,
+  Or as useChatContext,
+  ec as useChatHeaderState,
+  he as useContactListState,
+  Xa as useConversationCreate,
+  Te as useConversationListState,
+  sr as useCreateClient,
+  pt as useGroupSettingState,
+  Io as useIntersectionObserver,
+  yc as useLoginState,
+  Dn as useLongPress,
+  bt as useMessageActionState,
+  Fn as useMessageActions,
+  Ie as useMessageInputState,
+  gn as useMessageListState,
+  wa as useMouseHover,
+  Wn as useScrollActionState,
+  kt as useSearchState,
+  br as useTUIContactContext,
+  Gn as useTime,
+  ur as useUIKit,
+  jr as useUIManagerState,
+  yt as useUIOpenControlState
+};