@arcblock/ux 3.0.9 → 3.0.11

package/lib/SessionUser/components/session-user-switch.js

@@ -1,50 +1,46 @@
-import { jsx as t, jsxs as c, Fragment as M } from "react/jsx-runtime";
-import { useTheme as T, Box as S, Popper as D, ClickAwayListener as N, Fade as $, Paper as z, MenuList as L, MenuItem as I, LinearProgress as F, Divider as U } from "@mui/material";
-import { useRef as j } from "react";
-import { useMemoizedFn as l, useReactive as E, useMount as H, useCreation as _, useSize as O } from "ahooks";
-import { Icon as f } from "@iconify/react";
-import V from "@iconify-icons/material-symbols/add-circle-outline-rounded";
-import q from "@iconify-icons/material-symbols/expand-more-rounded";
-import B from "@iconify-icons/material-symbols/swap-horiz-rounded";
-import G from "lodash/pick";
-import h from "./session-user-item.js";
-import { getVisitorId as J } from "../../Util/index.js";
-import { translate as K } from "../../Locale/util.js";
-import { translations as Q } from "../libs/translation.js";
-function sr({
-  session: o,
-  onSwitch: g,
-  isBlocklet: x = !0,
-  locale: P = "en"
+import { jsx as r, jsxs as d, Fragment as w } from "react/jsx-runtime";
+import { useTheme as I, Box as x, Popper as P, ClickAwayListener as A, Fade as R, Paper as M, MenuList as T, MenuItem as b, LinearProgress as z, Divider as D } from "@mui/material";
+import { useRef as N } from "react";
+import { useMemoizedFn as p, useReactive as $, useMount as L, useCreation as F, useSize as U } from "ahooks";
+import { Icon as l } from "@iconify/react";
+import j from "@iconify-icons/material-symbols/add-circle-outline-rounded";
+import E from "@iconify-icons/material-symbols/expand-more-rounded";
+import H from "@iconify-icons/material-symbols/swap-horiz-rounded";
+import _ from "lodash/pick";
+import u from "./session-user-item.js";
+import { getVisitorId as O } from "../../Util/index.js";
+import { translate as V } from "../../Locale/util.js";
+import { translations as q } from "../libs/translation.js";
+function ne({
+  session: s,
+  onSwitch: m,
+  isBlocklet: f = !0,
+  locale: v = "en"
 }) {
-  const d = j(null), { palette: n } = T(), A = l((r, e = {}) => K(Q, r, P, "en", e)), i = E({
+  const t = N(null), { palette: n } = I(), y = p((e, o = {}) => V(q, e, v, "en", o)), i = $({
     open: !1,
     userSessions: [],
     loadingSessionId: null
   });
-  H(async () => {
-    if (x) {
-      const r = await o.getUserSessions();
-      i.userSessions = r;
+  L(async () => {
+    if (f) {
+      const e = await s.getUserSessions();
+      i.userSessions = e;
     }
   });
-  const u = _(() => {
-    var e, s, a, v, y;
-    const r = (i.userSessions || []).find(
-      (C) => {
-        var k, w;
-        return C.appPid === ((k = globalThis == null ? void 0 : globalThis.blocklet) == null ? void 0 : k.appPid) && C.userDid === ((w = o == null ? void 0 : o.user) == null ? void 0 : w.did);
-      }
+  const c = F(() => {
+    const e = (i.userSessions || []).find(
+      (o) => o.appPid === globalThis?.blocklet?.appPid && o.userDid === s?.user?.did
     );
-    return r || {
+    return e || {
       __isDefault: !0,
-      appName: ((e = globalThis == null ? void 0 : globalThis.blocklet) == null ? void 0 : e.appName) || ((s = globalThis == null ? void 0 : globalThis.env) == null ? void 0 : s.appName),
-      appPid: ((a = globalThis == null ? void 0 : globalThis.blocklet) == null ? void 0 : a.appPid) || ((v = globalThis == null ? void 0 : globalThis.env) == null ? void 0 : v.appPid),
-      userDid: (y = o == null ? void 0 : o.user) == null ? void 0 : y.did,
-      visitorId: J(),
+      appName: globalThis?.blocklet?.appName || globalThis?.env?.appName,
+      appPid: globalThis?.blocklet?.appPid || globalThis?.env?.appPid,
+      userDid: s?.user?.did,
+      visitorId: O(),
       // passportId: '', // 无法从当前 session 获取 passportId 的值
       // updatedAt: '', // 当前 session 拼凑的信息无法得到 userSession 的更新时间
-      user: G(o == null ? void 0 : o.user, [
+      user: _(s?.user, [
         "did",
         "sourceProvider",
         "fullName",
@@ -55,27 +51,27 @@ function sr({
         "role"
       ])
     };
-  }, [i.userSessions, o == null ? void 0 : o.user]), p = l((r = !i.open) => {
-    i.open = r;
-  }), m = O(d.current), b = l(() => {
-    p(!1), g();
-  }), R = l(async (r) => {
+  }, [i.userSessions, s?.user]), a = p((e = !i.open) => {
+    i.open = e;
+  }), S = U(t.current), h = p(() => {
+    a(!1), m();
+  }), C = p(async (e) => {
     try {
-      i.loadingSessionId = r == null ? void 0 : r.id, await g({ userSession: r }), p(!1);
+      i.loadingSessionId = e?.id, await m({ userSession: e }), a(!1);
     } finally {
       i.loadingSessionId = null;
     }
   });
-  return x ? /* @__PURE__ */ c(M, { children: [
-    /* @__PURE__ */ t(
-      h,
+  return f ? /* @__PURE__ */ d(w, { children: [
+    /* @__PURE__ */ r(
+      u,
       {
-        sessionItem: u,
-        statusContent: /* @__PURE__ */ t(
-          S,
+        sessionItem: c,
+        statusContent: /* @__PURE__ */ r(
+          x,
           {
-            component: f,
-            icon: q,
+            component: l,
+            icon: E,
             className: "session-user-switch-icon",
             sx: {
               transform: "scale(1.5) rotate(-90deg)",
@@ -95,33 +91,33 @@ function sr({
             }
           }
         },
-        onClick: () => p(),
-        ref: d
+        onClick: () => a(),
+        ref: t
       }
     ),
-    /* @__PURE__ */ t(D, { open: i.open, anchorEl: d.current, transition: !0, sx: { zIndex: 1600 }, children: ({ TransitionProps: r }) => /* @__PURE__ */ t(
-      N,
+    /* @__PURE__ */ r(P, { open: i.open, anchorEl: t.current, transition: !0, sx: { zIndex: 1600 }, children: ({ TransitionProps: e }) => /* @__PURE__ */ r(
+      A,
       {
-        onClickAway: (e) => {
-          e.preventDefault(), e.stopPropagation(), p(!1);
+        onClickAway: (o) => {
+          o.preventDefault(), o.stopPropagation(), a(!1);
         },
-        children: /* @__PURE__ */ t($, { ...r, timeout: 350, children: /* @__PURE__ */ t(
-          z,
+        children: /* @__PURE__ */ r(R, { ...e, timeout: 350, children: /* @__PURE__ */ r(
+          M,
           {
             variant: "outlined",
             sx: {
               borderRadius: 3,
-              width: (m == null ? void 0 : m.width) || 0,
+              width: S?.width || 0,
               borderColor: "divider",
               mt: 0.5,
               border: "0 !important",
               boxShadow: `0px 8px 16px 0px ${n.grey[100]}, 0px 0px 0px 1px ${n.grey[100]}`
             },
-            children: /* @__PURE__ */ c(L, { sx: { p: 0.5 }, children: [
-              i.userSessions.map((e) => {
-                const s = i.loadingSessionId === e.id, a = e.id === u.id;
-                return /* @__PURE__ */ c(
-                  I,
+            children: /* @__PURE__ */ d(T, { sx: { p: 0.5 }, children: [
+              i.userSessions.map((o) => {
+                const k = i.loadingSessionId === o.id, g = o.id === c.id;
+                return /* @__PURE__ */ d(
+                  b,
                   {
                     sx: {
                       position: "relative",
@@ -131,11 +127,11 @@ function sr({
                       }
                     },
                     onClick: () => {
-                      a || R(e);
+                      g || C(o);
                     },
                     children: [
-                      s && /* @__PURE__ */ t(
-                        F,
+                      k && /* @__PURE__ */ r(
+                        z,
                         {
                           sx: {
                             height: "2px",
@@ -146,15 +142,15 @@ function sr({
                           }
                         }
                       ),
-                      /* @__PURE__ */ t(h, { sessionItem: e, active: a })
+                      /* @__PURE__ */ r(u, { sessionItem: o, active: g })
                     ]
                   },
-                  e.id
+                  o.id
                 );
               }),
-              i.userSessions.length > 0 ? /* @__PURE__ */ t(U, { sx: { m: "0!important", borderColor: "divider" } }) : null,
-              /* @__PURE__ */ c(
-                I,
+              i.userSessions.length > 0 ? /* @__PURE__ */ r(D, { sx: { m: "0!important", borderColor: "divider" } }) : null,
+              /* @__PURE__ */ d(
+                b,
                 {
                   sx: {
                     color: "secondary.main",
@@ -166,21 +162,21 @@ function sr({
                     py: 1.5,
                     lineHeight: 1
                   },
-                  onClick: b,
+                  onClick: h,
                   "data-cy": "sessionManager-switch-trigger",
                   children: [
-                    /* @__PURE__ */ t(
-                      S,
+                    /* @__PURE__ */ r(
+                      x,
                       {
-                        component: f,
-                        icon: V,
+                        component: l,
+                        icon: j,
                         sx: {
                           fontSize: 20,
                           mr: 0.5
                         }
                       }
                     ),
-                    A("addAnotherAccount")
+                    y("addAnotherAccount")
                   ]
                 }
               )
@@ -189,11 +185,11 @@ function sr({
         ) })
       }
     ) })
-  ] }) : /* @__PURE__ */ t(
-    h,
+  ] }) : /* @__PURE__ */ r(
+    u,
     {
-      sessionItem: u,
-      statusContent: /* @__PURE__ */ t(f, { icon: B, color: n.text.hint }),
+      sessionItem: c,
+      statusContent: /* @__PURE__ */ r(l, { icon: H, color: n.text.hint }),
       sx: {
         borderRadius: 1,
         cursor: "pointer",
@@ -201,11 +197,11 @@ function sr({
         px: 1.5
       },
       "data-cy": "sessionManager-switch-trigger",
-      onClick: b,
-      ref: d
+      onClick: h,
+      ref: t
     }
   );
 }
 export {
-  sr as default
+  ne as default
 };

package/lib/SessionUser/components/un-login.js

@@ -1,9 +1,9 @@
-import { jsxs as s, Fragment as I, jsx as r } from "react/jsx-runtime";
-import { useTheme as P, IconButton as B, Popper as F, Fade as R, Paper as U, Box as z, MenuList as T, MenuItem as M, LinearProgress as $, Divider as D } from "@mui/material";
-import { Icon as W } from "@iconify/react";
-import _ from "@iconify-icons/tabler/user";
-import { useRef as j, useEffect as A, Fragment as N } from "react";
-import { useMemoizedFn as a, useReactive as O } from "ahooks";
+import { jsxs as i, Fragment as I, jsx as r } from "react/jsx-runtime";
+import { useTheme as P, IconButton as A, Popper as B, Fade as F, Paper as R, Box as U, MenuList as z, MenuItem as T, LinearProgress as M, Divider as $ } from "@mui/material";
+import { Icon as D } from "@iconify/react";
+import W from "@iconify-icons/tabler/user";
+import { useRef as _, useEffect as j, Fragment as N } from "react";
+import { useMemoizedFn as s, useReactive as O } from "ahooks";
 import Q from "lodash/noop";
 import H from "@arcblock/icons/lib/DidBrandLogo";
 import { useBrowser as K } from "@arcblock/react-hooks";
@@ -15,52 +15,52 @@ import J from "../../Typography/index.js";
 import Y from "./quick-login-item.js";
 import { getFederatedEnabled as Z, getMaster as oo } from "../../Util/federated.js";
 import { BLOCKLET_SERVICE_PATH_PREFIX as eo } from "../../Util/constant.js";
-function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d = "en" }) {
-  const { palette: u } = P(), x = a((o, n = {}) => q(G, o, d, "en", n)), L = new URLSearchParams(window.location.search), b = K(), c = j(null), e = O({
+function wo({ session: a, onLogin: f = Q, size: g = 24, dark: h = !1, locale: p = "en" }) {
+  const { palette: u } = P(), x = s((o, n = {}) => q(G, o, p, "en", n)), b = new URLSearchParams(window.location.search), L = K(), d = _(null), e = O({
     open: !1,
     userSessions: [],
     loadingSessionId: null,
     loadAppLogoError: !1
-  }), w = a((o = !e.open) => {
+  }), w = s((o = !e.open) => {
     e.open = o;
-  }), v = a(({ openMode: o } = {}) => {
-    l.login(f, { openMode: o });
-  }), i = window == null ? void 0 : window.blocklet, S = Z(i), p = oo(i), t = S && p ? p : i, y = (t == null ? void 0 : t.appName) || "DID Connect", m = V(
-    (t == null ? void 0 : t.appUrl) || "/",
-    (t == null ? void 0 : t.appLogo) || `${eo}/blocklet/logo?imageFilter=convert&f=png&h=80`
+  }), v = s(({ openMode: o } = {}) => {
+    a.login(f, { openMode: o });
+  }), t = window?.blocklet, S = Z(t), c = oo(t), l = S && c ? c : t, y = l?.appName || "DID Connect", m = V(
+    l?.appUrl || "/",
+    l?.appLogo || `${eo}/blocklet/logo?imageFilter=convert&f=png&h=80`
   );
-  A(() => {
+  j(() => {
     let o;
-    return !b.arcSphere && L.get("showQuickConnect") !== "false" && (o = setTimeout(async () => {
-      e.userSessions = await l.getUserSessions(), e.userSessions.length > 0 && (e.open = !0);
+    return !L.arcSphere && b.get("showQuickConnect") !== "false" && (o = setTimeout(async () => {
+      e.userSessions = await a.getUserSessions(), e.userSessions.length > 0 && (e.open = !0);
     }, 1500)), () => {
       clearTimeout(o);
     };
   }, []);
-  const E = a(async (o) => {
+  const k = s(async (o) => {
     e.loadingSessionId = o.id;
     try {
-      await l.loginUserSession({ ...o, appPid: i == null ? void 0 : i.appPid });
+      await a.loginUserSession({ ...o, appPid: t?.appPid });
     } catch (n) {
       console.error("session.loginUserSession.error", n);
     } finally {
       e.loadingSessionId = null;
     }
   });
-  return /* @__PURE__ */ s(I, { children: [
+  return /* @__PURE__ */ i(I, { children: [
     /* @__PURE__ */ r(
-      B,
+      A,
       {
-        ref: c,
+        ref: d,
         "data-cy": "sessionManager-login",
         className: "arc-session-user-unlogin",
         size: "medium",
         onClick: v,
         "aria-label": "Login button",
         children: /* @__PURE__ */ r(
-          W,
+          D,
           {
-            icon: _,
+            icon: W,
             fontSize: g,
             color: h ? "#fff" : "inherit",
             style: { transform: "scale(1.25)" }
@@ -69,10 +69,10 @@ function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d
       }
     ),
     /* @__PURE__ */ r(
-      F,
+      B,
       {
         open: e.open,
-        anchorEl: c.current,
+        anchorEl: d.current,
         transition: !0,
         sx: {
           zIndex: (o) => o.zIndex.appBar
@@ -87,8 +87,8 @@ function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d
             }
           }
         ],
-        children: ({ TransitionProps: o }) => /* @__PURE__ */ r(R, { ...o, children: /* @__PURE__ */ s(
-          U,
+        children: ({ TransitionProps: o }) => /* @__PURE__ */ r(F, { ...o, children: /* @__PURE__ */ i(
+          R,
           {
             variant: "outlined",
             sx: {
@@ -101,8 +101,8 @@ function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ s(
-                z,
+              /* @__PURE__ */ i(
+                U,
                 {
                   sx: {
                     display: "flex",
@@ -149,11 +149,11 @@ function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d
                   ]
                 }
               ),
-              /* @__PURE__ */ r(T, { sx: { p: 0, overflow: "hidden" }, children: e.userSessions.map((n, C) => {
-                const k = e.loadingSessionId === n.id;
-                return /* @__PURE__ */ s(N, { children: [
-                  /* @__PURE__ */ s(
-                    M,
+              /* @__PURE__ */ r(z, { sx: { p: 0, overflow: "hidden" }, children: e.userSessions.map((n, E) => {
+                const C = e.loadingSessionId === n.id;
+                return /* @__PURE__ */ i(N, { children: [
+                  /* @__PURE__ */ i(
+                    T,
                     {
                       sx: {
                         overflow: "hidden",
@@ -165,11 +165,11 @@ function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d
                         }
                       },
                       onClick: () => {
-                        E(n);
+                        k(n);
                       },
                       children: [
-                        k && /* @__PURE__ */ r(
-                          $,
+                        C && /* @__PURE__ */ r(
+                          M,
                           {
                             sx: {
                               height: "2px",
@@ -180,13 +180,13 @@ function wo({ session: l, onLogin: f = Q, size: g = 24, dark: h = !1, locale: d
                             }
                           }
                         ),
-                        /* @__PURE__ */ r(Y, { userSession: n, locale: d })
+                        /* @__PURE__ */ r(Y, { userSession: n, locale: p })
                       ]
                     },
                     n.id
                   ),
-                  C < e.userSessions.length - 1 ? /* @__PURE__ */ r(
-                    D,
+                  E < e.userSessions.length - 1 ? /* @__PURE__ */ r(
+                    $,
                     {
                       sx: {
                         mx: 2,

package/lib/SessionUser/components/user-info.js

@@ -1,34 +1,30 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Box as a, Typography as k, Chip as A, alpha as R } from "@mui/material";
-import { Icon as y } from "@iconify/react";
-import U from "@iconify-icons/material-symbols/swap-horiz-rounded";
-import W from "@iconify-icons/material-symbols/arrow-right-alt-rounded";
-import { useMemoizedFn as j, useCreation as b } from "ahooks";
-import w from "lodash/noop";
-import D from "../../Avatar/index.js";
-import { getUserAvatar as M } from "../../Util/index.js";
-import H from "./session-user-switch.js";
-import { getWallet as E } from "../libs/utils.js";
-import { translations as F } from "../libs/translation.js";
-import { translate as N } from "../../Locale/util.js";
-function Y({
+import { Box as n, Typography as b, Chip as w, alpha as v } from "@mui/material";
+import { Icon as p } from "@iconify/react";
+import S from "@iconify-icons/material-symbols/swap-horiz-rounded";
+import C from "@iconify-icons/material-symbols/arrow-right-alt-rounded";
+import { useMemoizedFn as I, useCreation as s } from "ahooks";
+import d from "lodash/noop";
+import z from "../../Avatar/index.js";
+import { getUserAvatar as R } from "../../Util/index.js";
+import k from "./session-user-switch.js";
+import { getWallet as A } from "../libs/utils.js";
+import { translations as U } from "../libs/translation.js";
+import { translate as W } from "../../Locale/util.js";
+function K({
   session: r,
-  onSwitchPassport: p,
-  onSwitchAccount: v,
-  onBindWallet: S,
-  onSwitchProfile: C = w,
-  locale: c = "en",
+  onSwitchPassport: a,
+  onSwitchAccount: m,
+  onBindWallet: u,
+  onSwitchProfile: f = d,
+  locale: l = "en",
   isBlocklet: o = !0
 }) {
-  var m, f, u, h, g;
-  const d = j((t, n = {}) => N(F, t, c, "en", n)), I = M((f = (m = r.user) == null ? void 0 : m.avatar) == null ? void 0 : f.replace(/\s/g, encodeURIComponent(" ")), 64), l = b(() => {
-    var t, n;
-    return (n = (t = r.user) == null ? void 0 : t.passports) == null ? void 0 : n.find(
-      (x) => x.name === r.user.role || x.role === r.user.role
-    );
-  }, [(u = r == null ? void 0 : r.user) == null ? void 0 : u.passports, (h = r == null ? void 0 : r.user) == null ? void 0 : h.role]), z = b(() => E(r == null ? void 0 : r.user), [r == null ? void 0 : r.user]);
+  const c = I((t, y = {}) => W(U, t, l, "en", y)), h = R(r.user?.avatar?.replace(/\s/g, encodeURIComponent(" ")), 64), g = s(() => r.user?.passports?.find(
+    (t) => t.name === r.user.role || t.role === r.user.role
+  ), [r?.user?.passports, r?.user?.role]), x = s(() => A(r?.user), [r?.user]);
   return /* @__PURE__ */ i(
-    a,
+    n,
     {
       sx: {
         py: 2,
@@ -40,7 +36,7 @@ function Y({
       },
       children: [
         /* @__PURE__ */ i(
-          a,
+          n,
           {
             sx: {
               display: "flex",
@@ -51,7 +47,7 @@ function Y({
             },
             children: [
               /* @__PURE__ */ i(
-                a,
+                n,
                 {
                   sx: {
                     display: "flex",
@@ -60,9 +56,9 @@ function Y({
                   },
                   children: [
                     /* @__PURE__ */ e(
-                      a,
+                      n,
                       {
-                        onClick: o ? w : C,
+                        onClick: o ? d : f,
                         "data-cy": "sessionManager-switch-profile-trigger",
                         sx: {
                           cursor: o ? "default" : "pointer",
@@ -73,7 +69,7 @@ function Y({
                           flexShrink: 0,
                           "&:hover": o ? {} : {
                             "&::after": {
-                              content: `"${d("switch")}"`,
+                              content: `"${c("switch")}"`,
                               position: "absolute",
                               bottom: 0,
                               background: "rgba(0, 0, 0, 0.2)",
@@ -88,11 +84,11 @@ function Y({
                           }
                         },
                         children: /* @__PURE__ */ e(
-                          D,
+                          z,
                           {
                             variant: "circle",
                             did: r.user.did,
-                            src: I,
+                            src: h,
                             size: 48,
                             shape: "circle",
                             sx: {
@@ -102,14 +98,14 @@ function Y({
                         )
                       }
                     ),
-                    /* @__PURE__ */ e(k, { variant: "h6", sx: { wordBreak: "break-word" }, children: r.user.fullName })
+                    /* @__PURE__ */ e(b, { variant: "h6", sx: { wordBreak: "break-word" }, children: r.user.fullName })
                   ]
                 }
               ),
               /* @__PURE__ */ e(
-                A,
+                w,
                 {
-                  label: (l == null ? void 0 : l.title) || ((g = r.user) == null ? void 0 : g.role.toUpperCase()),
+                  label: g?.title || r.user?.role.toUpperCase(),
                   size: "small",
                   variant: "outlined",
                   clickable: !0,
@@ -125,22 +121,22 @@ function Y({
                       boxShadow: "none"
                     }
                   },
-                  deleteIcon: /* @__PURE__ */ e(y, { icon: U, color: "inherit" }),
-                  onDelete: p,
-                  onClick: p,
+                  deleteIcon: /* @__PURE__ */ e(p, { icon: S, color: "inherit" }),
+                  onDelete: a,
+                  onClick: a,
                   "data-cy": "sessionManager-switch-passport-trigger"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(H, { session: r, onSwitch: v, isBlocklet: o, locale: c }),
-        z ? null : /* @__PURE__ */ i(
-          a,
+        /* @__PURE__ */ e(k, { session: r, onSwitch: m, isBlocklet: o, locale: l }),
+        x ? null : /* @__PURE__ */ i(
+          n,
           {
             sx: {
               color: "secondary.main",
-              bgcolor: ({ palette: t }) => R(t.secondary.main, 0.05),
+              bgcolor: ({ palette: t }) => v(t.secondary.main, 0.05),
               borderRadius: 1,
               display: "flex",
               justifyContent: "space-between",
@@ -151,11 +147,11 @@ function Y({
               cursor: "pointer",
               mt: -0.75
             },
-            onClick: S,
+            onClick: u,
             "data-cy": "sessionManager-bind-trigger",
             children: [
-              d("connectDIDWallet"),
-              /* @__PURE__ */ e(y, { icon: W, color: "inherit", fontSize: 16 })
+              c("connectDIDWallet"),
+              /* @__PURE__ */ e(p, { icon: C, color: "inherit", fontSize: 16 })
             ]
           }
         )
@@ -164,5 +160,5 @@ function Y({
   );
 }
 export {
-  Y as default
+  K as default
 };

package/lib/SessionUser/index.js

@@ -10,7 +10,7 @@ function b({
   size: t = 24,
   popperType: i = "click"
 }) {
-  const m = p(() => !!(globalThis != null && globalThis.blocklet), []);
+  const m = p(() => !!globalThis?.blocklet, []);
   return r.user ? /* @__PURE__ */ n(
     u,
     {