@tencentcloud/chat-uikit-react 3.0.3 → 3.4.2

package/dist/components/ChatHeader/VideoCallPicker/VideoCallPicker.js

@@ -0,0 +1,135 @@
+import { jsx as s, Fragment as F, jsxs as T } from "react/jsx-runtime";
+import { useState as B, useRef as j, useMemo as n, useCallback as l } from "react";
+import { useUIKit as z, IconVideoFilled as K, Dialog as X } from "@tencentcloud/uikit-base-component-react";
+import { c as Y } from "../../../external_modules/classnames-HRMVOjAa.js";
+import { b as Z, a as $, y as q, C as P, s as S, V as H, O as J } from "../../../index-UBuvRM8r-DTXQB6zV.js";
+import '../../../styles/VideoCallPicker.css';const u = {
+  "video-call-picker__button": "uikit-video-call-picker__button",
+  "video-call-picker__button--disabled": "uikit-video-call-picker__button--disabled",
+  "video-call-picker__icon": "uikit-video-call-picker__icon",
+  "group-call-dialog": "uikit-group-call-dialog"
+}, E = 2, Q = 80, W = 8, ee = 1, ae = (L) => {
+  const {
+    label: R = "",
+    iconSize: V = 20,
+    disabled: a = !1,
+    className: U,
+    style: v,
+    children: x
+  } = L, { t: d } = z(), { loginUserInfo: i } = Z(), { activeConversation: e } = $(), { allMembers: t, getGroupMemberList: _, memberCount: g } = q(), [A, b] = B(!1), p = j(null), k = n(() => i == null ? void 0 : i.userId, [i]), I = n(() => (e == null ? void 0 : e.type) === P.C2C, [e]), N = n(() => (t == null ? void 0 : t.map((o) => ({
+    key: o.userID,
+    label: o.nick || o.userID,
+    avatarUrl: o.avatar
+  }))) ?? [], [t]), M = n(() => !(!e || a), [e, a]), y = l(() => {
+    var r;
+    const o = (r = e == null ? void 0 : e.userProfile) == null ? void 0 : r.userID;
+    if (!o) {
+      console.warn("No peer user ID found for C2C call");
+      return;
+    }
+    try {
+      S({
+        userIDList: [o],
+        type: E
+      });
+    } catch (m) {
+      console.error("Failed to start private video call:", m);
+    }
+  }, [e]), f = l(() => {
+    if ((e == null ? void 0 : e.type) !== P.GROUP)
+      return;
+    const o = (t == null ? void 0 : t.length) || 0;
+    o < (g || 0) && _({
+      count: Q,
+      offset: o
+    });
+  }, [e, t, g, _]), h = l(() => {
+    f(), b(!0);
+  }, [f]), c = l(() => {
+    b(!1);
+  }, []), G = l(() => {
+    var D;
+    const o = (D = e == null ? void 0 : e.groupProfile) == null ? void 0 : D.groupID;
+    if (!p.current || !o) {
+      console.warn("Missing group information for group call");
+      return;
+    }
+    const r = p.current.getSelectedItems();
+    if (!Array.isArray(r) || r.length === 0) {
+      console.warn("No members selected for group call");
+      return;
+    }
+    const m = r.map((C) => C.key);
+    try {
+      S({
+        userIDList: m,
+        chatGroupID: o,
+        type: E
+      }), c();
+    } catch (C) {
+      console.error("Failed to start group video call:", C);
+    }
+  }, [e, c]), w = l(() => {
+    if (!M) {
+      console.warn("Cannot start video call");
+      return;
+    }
+    I ? y() : h();
+  }, [M, I, y, h]), O = l(() => {
+    G();
+  }, [G]);
+  return /* @__PURE__ */ s(F, { children: /* @__PURE__ */ T(H, { children: [
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: Y(
+          u["video-call-picker__button"],
+          {
+            [u["video-call-picker__button--disabled"]]: a
+          },
+          U
+        ),
+        style: v,
+        onClick: w,
+        disabled: a,
+        "aria-label": R || "Video Call",
+        children: x || /* @__PURE__ */ s(
+          K,
+          {
+            className: u["video-call-picker__icon"],
+            size: `${V}px`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ s(
+      X,
+      {
+        visible: A,
+        title: d("MessageInput.select_call_members"),
+        cancelText: d("MessageInput.cancel"),
+        onCancel: c,
+        onClose: c,
+        confirmText: d("MessageInput.initiate_call"),
+        onConfirm: O,
+        className: u["group-call-dialog"],
+        children: /* @__PURE__ */ s(
+          J,
+          {
+            ref: p,
+            displayMode: "list",
+            dataSource: N,
+            lockedItems: k ? [{ key: k }] : [],
+            maxCount: W,
+            minCount: ee,
+            onReachEnd: f
+          }
+        )
+      }
+    )
+  ] }) });
+};
+export {
+  ae as VideoCallPicker
+};

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

@@ -0,0 +1 @@
+export { VideoCallPicker } from './VideoCallPicker';

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

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

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

@@ -1,2 +1,3 @@
 export * from './ChatHeader';
-export * from './ChatHeaderActions';
+export * from './AudioCallPicker';
+export * from './VideoCallPicker';

package/dist/components/ChatHeader/index.js

@@ -1,6 +1,8 @@
 import { ChatHeader as o } from "./ChatHeader.js";
-import { ChatHeaderActions as a } from "./ChatHeaderActions/ChatHeaderActions.js";
+import { AudioCallPicker as i } from "./AudioCallPicker/AudioCallPicker.js";
+import { VideoCallPicker as t } from "./VideoCallPicker/VideoCallPicker.js";
 export {
+  i as AudioCallPicker,
   o as ChatHeader,
-  a as ChatHeaderActions
+  t as VideoCallPicker
 };

package/dist/components/Checkbox/index.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { useState as k } from "react";
 import { Icon as p } from "../Icon/Icon.js";
 import { IconTypes as l } from "../Icon/type.js";
-import '../../styles/index.css';function g(a) {
+import '../../styles/index2.css';function g(a) {
   const {
     checked: n = !1,
     className: s,

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { jsx as a, Fragment as k } from "react/jsx-runtime";
 import { forwardRef as v, useState as m, useRef as p, useEffect as b } from "react";
 import { c as u } from "../../external_modules/classnames-HRMVOjAa.js";
-import { M as x } from "../../external_modules/mui-BcA3SBHM.js";
+import { M as x } from "../../external_modules/mui-BhvHeL5-.js";
 import { C as A } from "../../external_modules/react-vendors-3raCpd-g.js";
 import '../../styles/Modal.css';const E = "uikit-root", N = "uikit-backdrop", R = "uikit-backdropEnterActive", t = {
   root: E,

package/dist/components/Model/index.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import '../../styles/index2.css';function i(e) {
+import '../../styles/index3.css';function i(e) {
   const {
     className: n,
     onClick: o,

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-LYkP2NWu.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-LYkP2NWu.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-LYkP2NWu.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
 };