@tencentcloud/chat-uikit-react 3.0.2 → 3.4.2

package/dist/components/Plugins/index.js

@@ -4,7 +4,7 @@ import { Icon as B } from "../Icon/Icon.js";
 import { IconTypes as D } from "../Icon/type.js";
 import { Popup as H } from "../Popup/index.js";
 import { usePluginsElement as L } from "./hooks/usePluginsElement.js";
-import '../../styles/index3.css';function M(g, f) {
+import '../../styles/index4.css';function M(g, f) {
   const {
     plugins: N = [],
     showNumber: x,

package/dist/components/Popup/index.js

@@ -1,6 +1,6 @@
 import { jsx as f, Fragment as P } from "react/jsx-runtime";
 import { useRef as I, useState as x, useLayoutEffect as h } from "react";
-import '../../styles/index4.css';function N(g) {
+import '../../styles/index5.css';function N(g) {
   const {
     show: o,
     close: c,

package/dist/components/PopupNew/Popup.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { P as u } from "../../external_modules/mui-BcA3SBHM.js";
+import { P as u } from "../../external_modules/mui-BhvHeL5-.js";
 function m(t) {
   const {
     anchor: o,

package/dist/components/Profile/Profile.js

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

package/dist/components/Profile/ProfileDefault.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
-import { Profile } from '@tencentcloud/chat';
-import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine';
+import { Profile } from '@tencentcloud/lite-chat';
+import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine-lite';
 export interface TUIProfileDefaultProps {
     userInfo?: Profile | undefined;
     update?: ((option: UpdateMyProfileParams) => void) | undefined;
+    onClose?: () => void;
     className?: string | undefined;
 }
 export declare function TUIProfileDefault(props: TUIProfileDefaultProps): React.ReactElement;

package/dist/components/Profile/ProfileDefault.js

@@ -1,21 +1,19 @@
 import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import W, { useState as x } from "react";
-import a from "@tencentcloud/chat-uikit-engine";
+import a from "@tencentcloud/chat-uikit-engine-lite";
 import { useUIKit as R, IconChevronLeft as F } from "@tencentcloud/uikit-base-component-react";
-import { i as G, V as B } from "../../ChatSetting-BtQwjHr0.js";
-import "@tencentcloud/tui-core";
-import "@tencentcloud/chat";
-import { DivWithEdit as L } from "../DivWithEdit/DivWithEdit.js";
-import { DatePicker as z } from "./DatePicker/DatePicker.js";
+import { A as G } from "../../index-UBuvRM8r-DTXQB6zV.js";
+import { DivWithEdit as S } from "../DivWithEdit/DivWithEdit.js";
+import { DatePicker as B } from "./DatePicker/DatePicker.js";
 const c = {
   [a.TYPES.GENDER_UNKNOWN]: "Unknown",
   [a.TYPES.GENDER_MALE]: "male",
   [a.TYPES.GENDER_FEMALE]: "female"
-}, h = {
+}, E = {
   [a.TYPES.ALLOW_TYPE_ALLOW_ANY]: "allowAny",
   [a.TYPES.ALLOW_TYPE_NEED_CONFIRM]: "needConfirm",
   [a.TYPES.ALLOW_TYPE_DENY_ANY]: "denyAny"
-}, E = [
+}, N = [
   {
     label: "Unknown",
     value: a.TYPES.GENDER_UNKNOWN
@@ -28,7 +26,7 @@ const c = {
     label: "Female",
     value: a.TYPES.GENDER_FEMALE
   }
-], N = [
+], y = [
   {
     label: "AllowAny",
     value: a.TYPES.ALLOW_TYPE_ALLOW_ANY
@@ -42,43 +40,44 @@ const c = {
     value: a.TYPES.ALLOW_TYPE_DENY_ANY
   }
 ];
-function K(p) {
-  var P, _, D, Y, b, A;
+function z(h) {
+  var _, A, D, Y, b, L;
   const {
     userInfo: e,
-    className: S,
-    update: y
-  } = p, { t: r } = R(), { setProfileOpen: f } = G(), [T, o] = x(""), $ = (t) => {
+    update: T,
+    onClose: p,
+    className: v
+  } = h, { t: r } = R(), [u, o] = x(""), $ = (t) => {
     const l = String(t);
     if (l.length === 8) {
-      const n = l.substring(0, 4), d = l.substring(4, 6), O = l.substring(6, 8);
-      return `${n}/${d}/${O}`;
+      const n = l.substring(0, 4), m = l.substring(4, 6), O = l.substring(6, 8);
+      return `${n}/${m}/${O}`;
     }
     return `${t}`;
-  }, v = (t) => {
+  }, f = (t) => {
     if ((t == null ? void 0 : t.length) === 8) {
-      const l = Number(t.slice(0, 4)), n = Number(t.slice(4, 6)), d = Number(t.slice(-2));
-      return new Date(l, n - 1, d);
+      const l = Number(t.slice(0, 4)), n = Number(t.slice(4, 6)), m = Number(t.slice(-2));
+      return new Date(l, n - 1, m);
     }
     return /* @__PURE__ */ new Date();
   }, k = (t) => {
     const l = t.getDate() > 9 ? t.getDate() : `0${t.getDate()}`, n = t.getMonth() > 8 ? t.getMonth() + 1 : `0${t.getMonth() + 1}`;
     return `${t.getFullYear()}${n}${l}`;
-  }, u = (t) => {
+  }, g = (t) => {
     o(t);
-  }, m = (t) => {
-    y && y(t), o("");
+  }, d = (t) => {
+    T && T(t), o("");
   }, U = (t) => {
-    m({ gender: t.value });
+    d({ gender: t.value });
   }, w = (t) => {
-    m({ allowType: t.value });
+    d({ allowType: t.value });
   };
-  function C(t) {
-    m({
+  function M(t) {
+    d({
       birthday: Number(k(t))
     });
   }
-  const g = (t) => {
+  const P = (t) => {
     let l = "";
     switch (t == null ? void 0 : t.name) {
       case "nick":
@@ -94,8 +93,8 @@ function K(p) {
     const n = {
       [l]: t.value
     };
-    m(n);
-  }, M = [
+    d(n);
+  }, C = [
     {
       name: "Signature",
       value: e == null ? void 0 : e.selfSignature,
@@ -104,15 +103,15 @@ function K(p) {
     },
     {
       name: "Gender",
-      value: r(e != null && e.gender && ((_ = c[e == null ? void 0 : e.gender]) != null && _.replace(
+      value: r(e != null && e.gender && ((A = c[e == null ? void 0 : e.gender]) != null && A.replace(
         c[e == null ? void 0 : e.gender][0],
-        (P = c[e == null ? void 0 : e.gender][0]) == null ? void 0 : P.toLocaleUpperCase()
+        (_ = c[e == null ? void 0 : e.gender][0]) == null ? void 0 : _.toLocaleUpperCase()
       )) ? `TUIProfile.${(Y = c[e == null ? void 0 : e.gender]) == null ? void 0 : Y.replace(
         c[e == null ? void 0 : e.gender][0],
         (D = c[e == null ? void 0 : e.gender][0]) == null ? void 0 : D.toLocaleUpperCase()
       )}` : ""),
       type: "select",
-      children: /* @__PURE__ */ i("ul", { className: "select-list", children: E == null ? void 0 : E.map((t, l) => {
+      children: /* @__PURE__ */ i("ul", { className: "select-list", children: N == null ? void 0 : N.map((t, l) => {
         const n = `${t.value}${l}`;
         return /* @__PURE__ */ i(
           "li",
@@ -131,12 +130,12 @@ function K(p) {
     },
     {
       name: "AllowType",
-      value: r(`TUIProfile.${(A = h[(e == null ? void 0 : e.allowType) || ""]) == null ? void 0 : A.replace(
-        e && h[e == null ? void 0 : e.allowType][0],
-        e && ((b = h[e == null ? void 0 : e.allowType][0]) == null ? void 0 : b.toLocaleUpperCase())
+      value: r(`TUIProfile.${(L = E[(e == null ? void 0 : e.allowType) || ""]) == null ? void 0 : L.replace(
+        e && E[e == null ? void 0 : e.allowType][0],
+        e && ((b = E[e == null ? void 0 : e.allowType][0]) == null ? void 0 : b.toLocaleUpperCase())
       )}`),
       type: "select",
-      children: /* @__PURE__ */ i("ul", { className: "select-list", children: N == null ? void 0 : N.map((t, l) => {
+      children: /* @__PURE__ */ i("ul", { className: "select-list", children: y == null ? void 0 : y.map((t, l) => {
         const n = `${t.value}${l}`;
         return /* @__PURE__ */ i(
           "li",
@@ -158,24 +157,24 @@ function K(p) {
       value: e != null && e.birthday ? $(e.birthday) : "",
       type: "select",
       children: /* @__PURE__ */ i(
-        z,
+        B,
         {
           className: "tui-profile-birthday",
           isOpen: !0,
           format: "y-MM-dd",
-          onChange: C,
-          value: v(`${e == null ? void 0 : e.birthday}`)
+          onChange: M,
+          value: f(`${e == null ? void 0 : e.birthday}`)
         }
       )
     }
   ];
-  return /* @__PURE__ */ s("div", { className: `${S} tui-profile`, children: [
+  return /* @__PURE__ */ s("div", { className: `${v} tui-profile`, children: [
     /* @__PURE__ */ s(
       "header",
       {
         className: "tui-profile-header",
         onClick: () => {
-          f(!1);
+          p == null || p();
         },
         children: [
           /* @__PURE__ */ i(F, { size: "24px" }),
@@ -185,22 +184,22 @@ function K(p) {
     ),
     /* @__PURE__ */ s("main", { className: "tui-profile-main", children: [
       /* @__PURE__ */ i("div", { className: "tui-profile-avatar", children: /* @__PURE__ */ i(
-        B,
+        G,
         {
           src: (e == null ? void 0 : e.avatar) || "",
           size: "xl"
         }
       ) }),
       /* @__PURE__ */ i(
-        L,
+        S,
         {
           name: "nick",
           className: "tui-profile-nick",
           value: e == null ? void 0 : e.nick,
           type: "text",
-          toggle: u,
-          isEdit: T === "nick",
-          confirm: g,
+          toggle: g,
+          isEdit: u === "nick",
+          confirm: P,
           close: () => {
             o("");
           }
@@ -211,21 +210,21 @@ function K(p) {
         /* @__PURE__ */ i("span", { children: e == null ? void 0 : e.userID })
       ] })
     ] }),
-    /* @__PURE__ */ i("ul", { className: "tui-profile-list", children: M.map((t) => {
+    /* @__PURE__ */ i("ul", { className: "tui-profile-list", children: C.map((t) => {
       const l = `${t.name}`;
       return /* @__PURE__ */ s("li", { className: "tui-profile-list-item", children: [
         /* @__PURE__ */ i("h4", { children: r(`TUIProfile.${t.name}`) }),
         /* @__PURE__ */ i(
-          L,
+          S,
           {
             className: "tui-profile-div-with-edit",
             classEditName: "tui-profile-edit",
             name: t.name,
             value: t.value,
             type: t.type,
-            toggle: u,
-            isEdit: T === t.name,
-            confirm: g,
+            toggle: g,
+            isEdit: u === t.name,
+            confirm: P,
             close: () => {
               o("");
             },
@@ -236,11 +235,11 @@ function K(p) {
     }) })
   ] });
 }
-const j = W.memo(K);
-function te(p) {
-  const e = { ...p };
-  return /* @__PURE__ */ i(j, { ...e });
+const K = W.memo(z);
+function Z(h) {
+  const e = { ...h };
+  return /* @__PURE__ */ i(K, { ...e });
 }
 export {
-  te as TUIProfileDefault
+  Z as TUIProfileDefault
 };

package/dist/components/Profile/hooks/useMyProfile.d.ts

@@ -1,5 +1,4 @@
-import { Profile } from '@tencentcloud/chat';
-import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine';
+import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine-lite';
 export interface ProfileParams {
     nick?: string;
     avatar?: string;
@@ -16,6 +15,6 @@ export interface ProfileParams {
     profileCustomField?: Array<any>;
 }
 export declare function useMyProfile(): {
-    myProfile: Profile | undefined;
+    myProfile: any;
     updateMyProfile: (options: UpdateMyProfileParams) => void;
 };

package/dist/components/Profile/hooks/useMyProfile.js

@@ -1,5 +1,5 @@
 import { useState as i, useEffect as s } from "react";
-import { TUIStore as u, StoreName as c, TUIUserService as n } from "@tencentcloud/chat-uikit-engine";
+import { TUIStore as u, StoreName as c, TUIUserService as n } from "@tencentcloud/chat-uikit-engine-lite";
 function P() {
   const [r, o] = i(), t = (e) => {
     n.updateMyProfile(e);

package/dist/components/Profile/myProfile/MyProfile.d.ts

@@ -1,4 +1,4 @@
-import { Profile as TProfile } from '@tencentcloud/chat';
+import { Profile as TProfile } from '@tencentcloud/lite-chat';
 export interface ProfileProps {
     profile?: TProfile | undefined;
     className?: string | undefined;

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

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

package/dist/components/index.js

@@ -1,31 +1,33 @@
 import { ChatHeader as e } from "./ChatHeader/ChatHeader.js";
-import { ChatHeaderActions as p } from "./ChatHeader/ChatHeaderActions/ChatHeaderActions.js";
-import { Chat as m } from "./Chat/Chat.js";
-import { Checkbox as a } from "./Checkbox/index.js";
-import { DivWithEdit as c } from "./DivWithEdit/DivWithEdit.js";
+import { AudioCallPicker as p } from "./ChatHeader/AudioCallPicker/AudioCallPicker.js";
+import { VideoCallPicker as m } from "./ChatHeader/VideoCallPicker/VideoCallPicker.js";
+import { Chat as i } from "./Chat/Chat.js";
+import { Checkbox as l } from "./Checkbox/index.js";
+import { DivWithEdit as d } from "./DivWithEdit/DivWithEdit.js";
 import { EmptyStateIndicator as n } from "./EmptyStateIndicator/EmptyStateIndicator.js";
-import { Icon as d, changeTypeToIconClassName as s } from "./Icon/Icon.js";
-import { IconTypes as I } from "./Icon/type.js";
-import { Model as T } from "./Model/index.js";
-import { Plugins as y } from "./Plugins/index.js";
-import { Popup as D } from "./Popup/index.js";
-import { Profile as H } from "./Profile/Profile.js";
-import { TUIProfileDefault as b } from "./Profile/ProfileDefault.js";
-import { Switch as v } from "./Switch/Switch.js";
+import { Icon as P, changeTypeToIconClassName as I } from "./Icon/Icon.js";
+import { IconTypes as u } from "./Icon/type.js";
+import { Model as k } from "./Model/index.js";
+import { Plugins as g } from "./Plugins/index.js";
+import { Popup as E } from "./Popup/index.js";
+import { Profile as b } from "./Profile/Profile.js";
+import { TUIProfileDefault as w } from "./Profile/ProfileDefault.js";
+import { Switch as H } from "./Switch/Switch.js";
 export {
-  m as Chat,
+  p as AudioCallPicker,
+  i as Chat,
   e as ChatHeader,
-  p as ChatHeaderActions,
-  a as Checkbox,
-  c as DivWithEdit,
+  l as Checkbox,
+  d as DivWithEdit,
   n as EmptyStateIndicator,
-  d as Icon,
-  I as IconTypes,
-  T as Model,
-  y as Plugins,
-  D as Popup,
-  H as Profile,
-  v as Switch,
-  b as TUIProfileDefault,
-  s as changeTypeToIconClassName
+  P as Icon,
+  u as IconTypes,
+  k as Model,
+  g as Plugins,
+  E as Popup,
+  b as Profile,
+  H as Switch,
+  w as TUIProfileDefault,
+  m as VideoCallPicker,
+  I as changeTypeToIconClassName
 };

package/dist/context/ChatContext.d.ts

@@ -1,4 +1,4 @@
-import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine-lite';
 interface IChatProps {
     children?: React.ReactNode;
 }

package/dist/context/ChatContext.js

@@ -1,27 +1,22 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as i, useMemo as s, useContext as u } from "react";
 import { useUIManagerState as a } from "../states/UIManagerState.js";
-import "@tencentcloud/chat-uikit-engine";
-import "../ChatSetting-BtQwjHr0.js";
-import "@tencentcloud/uikit-base-component-react";
-import "@tencentcloud/tui-core";
-import "@tencentcloud/chat";
-const r = i(null);
-function v(t) {
+const o = i(null);
+function m(t) {
   const {
-    conversation: o
-  } = a(), e = s(() => ({
-    currentConversation: o
-  }), [o]);
-  return /* @__PURE__ */ n(r.Provider, { value: e, children: t.children });
+    conversation: e
+  } = a(), r = s(() => ({
+    currentConversation: e
+  }), [e]);
+  return /* @__PURE__ */ n(o.Provider, { value: r, children: t.children });
 }
-function l() {
-  const t = u(r);
+function x() {
+  const t = u(o);
   if (!t)
     throw new Error("useChatContext must be used within a ChatProvider");
   return t;
 }
 export {
-  v as ChatProvider,
-  l as useChatContext
+  m as ChatProvider,
+  x as useChatContext
 };

package/dist/context/ContactContext.d.ts

@@ -1,5 +1,5 @@
 import { default as React, PropsWithChildren } from 'react';
-import { Friend, Profile, FriendApplication } from '@tencentcloud/chat';
+import { Friend, Profile, FriendApplication } from '@tencentcloud/lite-chat';
 export interface TUIContactContextValue {
     friendList?: Friend[];
     blocklistProfile?: Profile[];