@arcblock/ux 3.1.28 → 3.1.31

package/lib/SessionUser/components/logged-in.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as r, Fragment as W } from "react/jsx-runtime";
-import { useRef as z, useEffect as j } from "react";
-import { useMemoizedFn as n, useCreation as T, useReactive as _ } from "ahooks";
+import { useRef as z, useEffect as T } from "react";
+import { useMemoizedFn as n, useCreation as _, useReactive as j } from "ahooks";
 import f from "@arcblock/bridge";
-import { Box as S, IconButton as H, Popper as N, ClickAwayListener as Q, Fade as V, Paper as q, Divider as k, MenuList as G, MenuItem as J } from "@mui/material";
+import { Box as k, IconButton as G, Popper as H, ClickAwayListener as N, Fade as Q, Paper as V, Divider as S, MenuList as q, MenuItem as J } from "@mui/material";
 import { Icon as K } from "@iconify/react";
 import X from "@iconify-icons/material-symbols/person-outline-rounded";
 import Y from "@iconify-icons/material-symbols/filter-vintage-outline-rounded";
@@ -15,33 +15,35 @@ import te from "../../Avatar/index.js";
 import { getUserAvatar as oe } from "../../Util/index.js";
 import ie from "./user-info.js";
 import { DASHBOARD_URL as ne, PROFILE_URL as ce } from "../../Util/constant.js";
-import ae from "../../SessionPermission/index.js";
-import { translations as le } from "../libs/translation.js";
+import le from "../../SessionPermission/index.js";
+import { translations as ae } from "../libs/translation.js";
 import { translate as se } from "../../Locale/util.js";
 import pe from "./did-space.js";
 import { mergeSx as ue } from "../../Util/style.js";
 import { createDebug as de } from "../../Util/logger.js";
-const me = (e) => {
+import { GA_LAST_ROLE as me } from "../../withTracker/constant/index.js";
+const fe = (e) => {
   const c = new URL(window.location.href);
   return c.searchParams.set("inviter", e), c.toString();
 }, g = de("did-connect");
-function We({
+function Te({
   session: e,
   onBindWallet: c = h,
-  isBlocklet: a = !0,
+  isBlocklet: l = !0,
   locale: u = "en",
   size: b = 24,
   popperType: I = "click",
   sx: y,
   ...R
 }) {
-  const l = n((t, o = {}) => se(le, t, u, "en", o)), C = T(() => !!globalThis?.blocklet?.settings?.invite?.enabled, []), P = z(null), d = _({
+  const a = n((t, o = {}) => se(ae, t, u, "en", o)), C = _(() => !!globalThis?.blocklet?.settings?.invite?.enabled, []), P = z(null), d = j({
     open: !1
   }), i = n((t = !d.open) => {
     d.open = t;
-  }), B = I === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() }, D = oe(e.user?.avatar?.replace(/\s/g, encodeURIComponent(" "))), L = e.useOAuth(), O = typeof e.usePasskey == "function" ? e.usePasskey() : null, v = n(({ inArcSphere: t = !1 } = {}) => {
+  }), L = I === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() }, B = oe(e.user?.avatar?.replace(/\s/g, encodeURIComponent(" "))), D = e.useOAuth(), O = typeof e.usePasskey == "function" ? e.usePasskey() : null, v = n(({ inArcSphere: t = !1 } = {}) => {
+    localStorage.setItem(me, e?.user?.role);
     const o = {};
-    t && e?.user?.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e?.user?.sourceProvider === "passkey" ? O.switchPassport(e.user) : ["google", "apple", "email", "github"].includes(e?.user?.sourceProvider) ? L.switchOAuthPassport(e.user) : e.switchPassport(h, o);
+    t && e?.user?.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e?.user?.sourceProvider === "passkey" ? O.switchPassport(e.user) : ["google", "apple", "email", "github"].includes(e?.user?.sourceProvider) ? D.switchOAuthPassport(e.user) : e.switchPassport(h, o);
   }), x = n(({ userSession: t, inArcSphere: o = !1 } = {}) => new Promise((F) => {
     const A = {};
     o && e.user.sourceAppPid && (A.sourceAppPid = e.user.sourceAppPid);
@@ -56,16 +58,16 @@ function We({
   })), w = n(({ inArcSphere: t = !1 } = {}) => {
     const o = {};
     t && e.user.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e.switchProfile(h, o);
-  }), M = n(() => {
-    i(!1), e.logout();
   }), E = n(() => {
+    i(!1), e.logout();
+  }), M = n(() => {
     i(!1), e.bindWallet(c);
   }), U = n(() => {
     i(!1);
-    const t = me(e.user.did);
-    ee(t), re.success(l("inviteCopied"));
+    const t = fe(e.user.did);
+    ee(t), re.success(a("inviteCopied"));
   });
-  return j(() => {
+  return T(() => {
     f.registerBlocklet("callSwitchPassport", () => {
       g("bridge registerBlocklet: callSwitchPassport"), v({ inArcSphere: !0 });
     }), f.registerBlocklet("callSwitchDid", () => {
@@ -74,7 +76,7 @@ function We({
       g("bridge registerBlocklet: callSwitchProfile"), w({ inArcSphere: !0 });
     });
   }, []), /* @__PURE__ */ s(
-    S,
+    k,
     {
       sx: ue(
         {
@@ -88,19 +90,19 @@ function We({
       ...R,
       children: [
         /* @__PURE__ */ r(
-          H,
+          G,
           {
             ref: P,
             size: "medium",
             "data-cy": "sessionManager-logout-popup",
             className: "arc-session-user-logged-in",
             "aria-label": "User info button",
-            ...B,
-            children: /* @__PURE__ */ r(te, { variant: "circle", did: e.user.did, src: D, size: b, shape: "circle" })
+            ...L,
+            children: /* @__PURE__ */ r(te, { variant: "circle", did: e.user.did, src: B, size: b, shape: "circle" })
           }
         ),
         /* @__PURE__ */ r(
-          N,
+          H,
           {
             open: d.open,
             anchorEl: P.current,
@@ -110,13 +112,13 @@ function We({
               zIndex: 1600
             },
             children: ({ TransitionProps: t }) => /* @__PURE__ */ r(
-              Q,
+              N,
               {
                 onClickAway: (o) => {
                   o.preventDefault(), o.stopPropagation(), i(!1);
                 },
-                children: /* @__PURE__ */ r(V, { ...t, timeout: 350, children: /* @__PURE__ */ s(
-                  q,
+                children: /* @__PURE__ */ r(Q, { ...t, timeout: 350, children: /* @__PURE__ */ s(
+                  V,
                   {
                     variant: "outlined",
                     sx: {
@@ -129,22 +131,22 @@ function We({
                         ie,
                         {
                           locale: u,
-                          isBlocklet: a,
+                          isBlocklet: l,
                           session: e,
                           onSwitchPassport: v,
                           onSwitchAccount: x,
                           onSwitchProfile: w,
-                          onBindWallet: E
+                          onBindWallet: M
                         }
                       ),
-                      /* @__PURE__ */ r(k, { sx: { m: "0 !important" } }),
-                      /* @__PURE__ */ s(G, { sx: { p: 0 }, children: [
-                        a ? /* @__PURE__ */ s(W, { children: [
-                          /* @__PURE__ */ r(ae, { session: e, children: /* @__PURE__ */ r(
+                      /* @__PURE__ */ r(S, { sx: { m: "0 !important" } }),
+                      /* @__PURE__ */ s(q, { sx: { p: 0 }, children: [
+                        l ? /* @__PURE__ */ s(W, { children: [
+                          /* @__PURE__ */ r(le, { session: e, children: /* @__PURE__ */ r(
                             p,
                             {
                               icon: Y,
-                              title: l("dashboard"),
+                              title: a("dashboard"),
                               component: "a",
                               href: ne,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
@@ -154,7 +156,7 @@ function We({
                             p,
                             {
                               icon: X,
-                              title: l("profile"),
+                              title: a("profile"),
                               component: "a",
                               href: ce,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
@@ -164,23 +166,23 @@ function We({
                             p,
                             {
                               icon: $,
-                              title: l("invite"),
+                              title: a("invite"),
                               component: "div",
                               onClick: U,
                               sx: { display: "block", color: "inherit" }
                             }
                           ),
-                          /* @__PURE__ */ r(k, { sx: { m: "0 !important" } }),
+                          /* @__PURE__ */ r(S, { sx: { m: "0 !important" } }),
                           /* @__PURE__ */ r(pe, { session: e, locale: u })
                         ] }) : null,
                         /* @__PURE__ */ r(
                           p,
                           {
                             icon: Z,
-                            title: l("logout"),
+                            title: a("logout"),
                             component: "div",
                             sx: { color: "error.main" },
-                            onClick: M,
+                            onClick: E,
                             "data-cy": "sessionManager-logout-trigger"
                           }
                         )
@@ -199,9 +201,9 @@ function We({
 function p({
   icon: e,
   title: c,
-  ...a
+  ...l
 }) {
-  return /* @__PURE__ */ r(S, { ...a, sx: { p: 0.5, ...a?.sx }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(k, { ...l, sx: { p: 0.5, ...l?.sx }, children: /* @__PURE__ */ s(
     J,
     {
       sx: {
@@ -222,5 +224,5 @@ function p({
   ) });
 }
 export {
-  We as default
+  Te as default
 };

package/lib/UserCard/Cards/avatar-only.js

@@ -1,29 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
-import { InfoType as d } from "../types.js";
-import l from "../Content/tooltip-avatar.js";
-function u(i) {
-  const { user: r, infoType: n, avatarSize: o = 48, shouldShowHoverCard: f = !1, renderCardContent: e, ...t } = i;
-  return n === d.NameOnly ? /* @__PURE__ */ a(
-    l,
+import { jsx as s } from "react/jsx-runtime";
+import d from "../Content/tooltip-avatar.js";
+function p(r) {
+  const { user: o, infoType: f, avatarSize: t = 48, shouldShowHoverCard: a = !1, renderCardContent: e, ...n } = r;
+  return /* @__PURE__ */ s(
+    d,
     {
-      user: r,
-      avatarSize: o,
-      shouldShowHoverCard: !1,
+      user: o,
+      avatarSize: t,
+      shouldShowHoverCard: a,
       renderCardContent: e,
-      tooltipTitle: r.fullName || r.email || r.did,
-      ...t
-    }
-  ) : /* @__PURE__ */ a(
-    l,
-    {
-      user: r,
-      avatarSize: o,
-      shouldShowHoverCard: f,
-      renderCardContent: e,
-      ...t
+      ...n
     }
   );
 }
 export {
-  u as default
+  p as default
 };

package/lib/UserCard/Cards/index.js

@@ -1,16 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { InfoType as a } from "../types.js";
-import i from "./name-only.js";
-import m from "./basic-info.js";
-function l({ ...r }) {
-  const { infoType: e = a.Minimal } = r;
-  switch (e) {
-    case a.NameOnly:
-      return /* @__PURE__ */ t(i, { ...r });
-    default:
-      return /* @__PURE__ */ t(m, { ...r });
-  }
+import a from "./basic-info.js";
+function i({ ...r }) {
+  return /* @__PURE__ */ t(a, { ...r });
 }
 export {
-  l as default
+  i as default
 };

package/lib/UserCard/Cards/social-actions.d.ts

@@ -0,0 +1,7 @@
+import { User, UserCardProps } from '../types';
+type SocialActionsProps = Pick<UserCardProps, 'showSocialActions' | 'session'> & {
+    user: User;
+};
+declare function SocialActions({ showSocialActions, session, user }: SocialActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export default SocialActions;
+export declare const ButtonWrapper: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "action" | "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/UserCard/Cards/social-actions.js

@@ -0,0 +1,112 @@
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+import { styled as C, Button as F, Box as M } from "@mui/material";
+import { useMemoizedFn as u } from "ahooks";
+import { joinURL as N } from "ufo";
+import w from "lodash/noop";
+import { Icon as U } from "@iconify/react";
+import k from "@mui/icons-material/Notifications";
+import v from "@mui/icons-material/NotificationsOff";
+import z from "../use-follow.js";
+import { useLocaleContext as h } from "../../Locale/context.js";
+import { translate as g } from "../../Locale/util.js";
+import { isSupportFollow as L } from "../../Util/index.js";
+const _ = {
+  zh: {
+    chat: "聊天",
+    follow: "关注",
+    unfollow: "取消关注",
+    follow_success: "关注成功",
+    unfollow_success: "取消关注成功"
+  },
+  en: {
+    chat: "Chat",
+    follow: "Follow",
+    unfollow: "Unfollow",
+    follow_success: "Follow success",
+    unfollow_success: "Unfollow success"
+  }
+}, P = () => {
+  const { componentMountPoints: o = [] } = window.blocklet || {};
+  return o.find((n) => n.name === "did-comments")?.mountPoint;
+};
+function j({
+  user: o,
+  showSocialActions: t,
+  session: n
+}) {
+  const { locale: i } = h() || { locale: "en" }, e = u((a, f = {}) => g(_, a, i, "en", f)), d = r(() => !!n?.user?.did, [n?.user?.did]), l = r(() => P(), []), c = u(() => {
+    if (!d) {
+      n?.login(w, {
+        openMode: "redirect",
+        redirect: window.location.href
+      });
+      return;
+    }
+    window.open(N(l, `/chat/dm/${o?.did}`), "_blank");
+  });
+  return r(() => (typeof t == "boolean" ? !!t : t?.chat) && !!l, [t, l]) ? /* @__PURE__ */ m(
+    x,
+    {
+      className: "user-card__social-actions-chat",
+      variant: "outlined",
+      color: "inherit",
+      onClick: c,
+      children: [
+        /* @__PURE__ */ s(U, { icon: "tabler:message-dots", style: { marginRight: 4 } }),
+        e("chat")
+      ]
+    }
+  ) : null;
+}
+function B({
+  user: o,
+  showSocialActions: t,
+  session: n
+}) {
+  const { locale: i } = h() || { locale: "en" }, e = u((b, y = {}) => g(_, b, i, "en", y)), d = r(() => !!n?.user?.did, [n?.user?.did]), l = r(() => typeof t == "boolean" ? !!t : t?.follow, [t]), { followed: c, followUser: p, unfollowUser: a } = z({
+    user: o,
+    t: e,
+    isMySelf: !1,
+    visible: !!l
+  }), f = u(() => {
+    if (!d) {
+      n?.login(w, {
+        openMode: "redirect",
+        redirect: window.location.href
+      });
+      return;
+    }
+    c ? a(o.did) : p(o.did);
+  });
+  return l ? /* @__PURE__ */ m(
+    x,
+    {
+      className: "user-card__social-actions-follow",
+      variant: "outlined",
+      color: "inherit",
+      onClick: f,
+      children: [
+        c ? /* @__PURE__ */ s(v, { sx: { fontSize: 14, mr: 0.5 } }) : /* @__PURE__ */ s(k, { sx: { fontSize: 14, mr: 0.5 } }),
+        e(c ? "unfollow" : "follow")
+      ]
+    }
+  ) : null;
+}
+function Q({ showSocialActions: o, session: t, user: n }) {
+  const i = r(() => t?.user?.did === n?.did, [t?.user?.did, n?.did]), e = r(() => L(), []);
+  return i || !e || !o ? null : /* @__PURE__ */ m(M, { className: "user-card__social-actions", sx: { display: "flex", gap: 1 }, children: [
+    /* @__PURE__ */ s(j, { session: t, user: n, showSocialActions: o }),
+    /* @__PURE__ */ s(B, { session: t, user: n, showSocialActions: o })
+  ] });
+}
+const x = C(F)`
+  color: ${({ theme: o }) => o.palette.text.primary};
+  font-weight: 500;
+  border-color: ${({ theme: o }) => o.palette.grey[300]};
+  line-height: 1.5;
+`;
+export {
+  x as ButtonWrapper,
+  Q as default
+};

package/lib/UserCard/Content/minimal.js

@@ -1,27 +1,28 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { memo as x } from "react";
-import { Box as o, Typography as g } from "@mui/material";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { memo as u } from "react";
+import { Box as r, Typography as g } from "@mui/material";
 import { DID as y } from "../../DID/index.js";
 import C from "./tooltip-avatar.js";
 import { renderTopRight as b } from "../components.js";
-import v from "./shorten-label.js";
-function W({ ...n }) {
+import S from "./shorten-label.js";
+import v from "../Cards/social-actions.js";
+function w({ ...a }) {
   const {
     user: e,
-    showDid: a,
+    showDid: s,
     didProps: l,
-    avatarSize: s,
-    shouldShowHoverCard: d,
-    renderCardContent: m,
+    avatarSize: d,
+    shouldShowHoverCard: m,
+    renderCardContent: c,
     renderTopRightContent: p,
-    topRightMaxWidth: c,
-    avatarProps: f,
-    shortenLabelProps: h,
-    renderName: i,
-    ...u
-  } = n;
-  return /* @__PURE__ */ r(
-    o,
+    topRightMaxWidth: f,
+    avatarProps: h,
+    shortenLabelProps: x,
+    renderName: n,
+    ...i
+  } = a;
+  return /* @__PURE__ */ o(
+    r,
     {
       className: "user-card__avatar-content",
       sx: {
@@ -30,56 +31,70 @@ function W({ ...n }) {
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ r(
-          o,
+        /* @__PURE__ */ o(
+          r,
           {
             sx: {
               display: "flex",
-              justifyContent: "flex-start",
+              justifyContent: "space-between",
               alignItems: "center",
               gap: 1,
               flex: 1,
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ t(
-                C,
-                {
-                  user: e,
-                  avatarSize: s,
-                  shouldShowHoverCard: d,
-                  renderCardContent: m,
-                  avatarProps: f,
-                  ...u
-                }
-              ),
-              /* @__PURE__ */ r(o, { children: [
+              /* @__PURE__ */ o(r, { sx: { display: "flex", justifyContent: "flex-start", alignItems: "center", gap: 1, flex: 1 }, children: [
                 /* @__PURE__ */ t(
-                  g,
+                  C,
                   {
-                    variant: "subtitle1",
-                    className: "user-card__full-name-label",
-                    noWrap: !0,
-                    sx: {
-                      fontWeight: 500,
-                      color: "text.primary",
-                      fontSize: 18,
-                      lineHeight: 1.1
-                    },
-                    children: i ? i(e) : /* @__PURE__ */ t(v, { sx: { fontWeight: 500 }, ...h, children: e.fullName || e.email || e.did })
+                    user: e,
+                    avatarSize: d,
+                    shouldShowHoverCard: m,
+                    renderCardContent: c,
+                    avatarProps: h,
+                    ...i
                   }
                 ),
-                a && e.did ? /* @__PURE__ */ t(y, { did: e.did, size: 14, copyable: !0, compact: !0, locale: "en", sx: { lineHeight: 1.5 }, ...l ?? {} }) : null
-              ] })
+                /* @__PURE__ */ o(r, { children: [
+                  /* @__PURE__ */ t(
+                    g,
+                    {
+                      variant: "subtitle1",
+                      className: "user-card__full-name-label",
+                      noWrap: !0,
+                      sx: {
+                        fontWeight: 500,
+                        color: "text.primary",
+                        fontSize: 18,
+                        lineHeight: 1.1
+                      },
+                      children: n ? n(e) : /* @__PURE__ */ t(S, { sx: { fontWeight: 500 }, ...x, children: e.fullName || e.email || e.did })
+                    }
+                  ),
+                  s && e.did ? /* @__PURE__ */ t(
+                    y,
+                    {
+                      did: e.did,
+                      size: 14,
+                      copyable: !0,
+                      compact: !0,
+                      locale: "en",
+                      sx: { lineHeight: 1.5 },
+                      ...l ?? {}
+                    }
+                  ) : null
+                ] })
+              ] }),
+              /* @__PURE__ */ t(v, { showSocialActions: i.showSocialActions, user: e, session: i.session })
             ]
           }
         ),
-        b(p, c)
+        b(p, f)
       ]
     }
   );
 }
-const D = x(W);
+const D = u(w);
 export {
   D as default
 };

package/lib/UserCard/index.d.ts

@@ -1,4 +1,6 @@
 import { User, UserCardProps } from './types';
+import { default as SocialActions } from './Cards/social-actions';
 export declare function createNameOnlyAvatar(user: User): string | null;
 declare function UserCard(props: UserCardProps): import("react/jsx-runtime").JSX.Element;
 export default UserCard;
+export { SocialActions };

package/lib/UserCard/index.js

@@ -1,11 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useRef as v, useState as C, useEffect as y, useMemo as P } from "react";
-import { CardType as o } from "./types.js";
-import A from "./Cards/avatar-only.js";
-import m from "./Cards/index.js";
-import D from "./Container/dialog.js";
-import S from "./Container/card.js";
-import w from "../Avatar/index.js";
+import { useRef as v, useState as A, useEffect as C, useMemo as S } from "react";
+import { CardType as d } from "./types.js";
+import y from "./Cards/avatar-only.js";
+import c from "./Cards/index.js";
+import w from "./Container/dialog.js";
+import P from "./Container/card.js";
+import D from "../Avatar/index.js";
+import { default as j } from "./Cards/social-actions.js";
 import { isUserDid as x, getUserByDid as U } from "./utils.js";
 function L(e) {
   if (!e) return null;
@@ -13,64 +14,66 @@ function L(e) {
   return e.fullName ? r = e.fullName.charAt(0).toUpperCase() : e.email ? r = e.email.split("@")[0].charAt(0).toUpperCase() : r = e.did ? e.did.charAt(0).toUpperCase() : "?", r;
 }
 function B(e) {
-  const { cardType: r = o.Detailed, showHoverCard: l } = e, u = l !== void 0 ? l : r === o.AvatarOnly, c = v(null), [i, f] = C(() => e.user || null);
-  y(() => {
+  const { cardType: r = d.Detailed, showHoverCard: l } = e, u = l !== void 0 ? l : r === d.AvatarOnly, m = v(null), [i, s] = A(() => e.user || null);
+  C(() => {
     let a = !0;
-    return e.user ? f(e.user) : e.did && x(e.did) && !e.user && U(e.did).then((d) => {
-      a && f(d || { fullName: "Anonymous", did: e.did, avatar: "" });
+    return e.user ? s(e.user) : e.did && x(e.did) && !e.user && U(e.did).then((n) => {
+      a && s(n || { fullName: "Anonymous", did: e.did, avatar: "" });
     }), () => {
       a = !1;
     };
   }, [e.did, e.user]);
-  const n = P(() => {
+  const o = S(() => {
     if (!i)
       return null;
-    const { avatar: a = "", ...d } = i;
+    const { avatar: a = "", ...n } = i;
     if (a) {
       const h = a.split("?")[1] || "";
       return {
-        ...d,
+        ...n,
         avatar: h ? a : `${a}?imageFilter=resize&w=48&h=48`
       };
     }
     return i;
   }, [i]);
-  if (!n)
-    return /* @__PURE__ */ t(w, { did: e.did, size: e.avatarSize, useProxyFallback: !0, ...e.avatarProps });
-  const s = () => /* @__PURE__ */ t(D, { sx: e.popupSx, children: /* @__PURE__ */ t(
-    m,
+  if (!o)
+    return /* @__PURE__ */ t(D, { did: e.did, size: e.avatarSize, useProxyFallback: !0, ...e.avatarProps });
+  const f = () => /* @__PURE__ */ t(w, { sx: e.popupSx, children: /* @__PURE__ */ t(
+    c,
     {
       ...e,
       shouldShowHoverCard: !1,
-      user: n,
+      user: o,
       avatarProps: e.popupAvatarProps,
       shortenLabelProps: e.popupShortenLabelProps || e.shortenLabelProps,
       renderFields: e.popupRenderFields,
       renderName: e.popupRenderName,
       infoType: e.popupInfoType || e.infoType,
       didProps: e.popupDidProps || e.didProps,
-      showDid: e.popupShowDid || e.showDid
+      showDid: e.popupShowDid || e.showDid,
+      showSocialActions: e.popupShowSocialActions === void 0 ? e.showSocialActions : e.popupShowSocialActions
     }
   ) });
-  return r === o.AvatarOnly ? /* @__PURE__ */ t(
-    A,
+  return r === d.AvatarOnly ? /* @__PURE__ */ t(
+    y,
     {
       ...e,
       shouldShowHoverCard: u,
-      renderCardContent: s,
-      user: n
+      renderCardContent: f,
+      user: o
     }
-  ) : /* @__PURE__ */ t(S, { containerRef: c, cardType: r, sx: e.sx, children: /* @__PURE__ */ t(
-    m,
+  ) : /* @__PURE__ */ t(P, { containerRef: m, cardType: r, sx: e.sx, children: /* @__PURE__ */ t(
+    c,
     {
       ...e,
       shouldShowHoverCard: u,
-      renderCardContent: s,
-      user: n
+      renderCardContent: f,
+      user: o
     }
   ) });
 }
 export {
+  j as SocialActions,
   L as createNameOnlyAvatar,
   B as default
 };