@arcblock/ux 3.0.9 → 3.0.10

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

@@ -1,127 +1,122 @@
-import { jsxs as m, jsx as t, Fragment as j } from "react/jsx-runtime";
-import { useRef as T, useEffect as _ } from "react";
-import { useMemoizedFn as n, useCreation as H, useReactive as N } from "ahooks";
-import g from "@arcblock/bridge";
-import { Box as y, IconButton as Q, Popper as V, ClickAwayListener as q, Fade as G, Paper as J, Divider as I, MenuList as K, MenuItem as X } from "@mui/material";
-import { Icon as Y } from "@iconify/react";
-import Z from "@iconify-icons/material-symbols/person-outline-rounded";
-import $ from "@iconify-icons/material-symbols/filter-vintage-outline-rounded";
-import ee from "@iconify-icons/material-symbols/account-circle-off-outline-rounded";
-import re from "@iconify-icons/material-symbols/featured-seasonal-and-gifts-rounded";
-import te from "copy-to-clipboard";
-import P from "lodash/noop";
-import oe from "../../Toast/index.js";
-import ie from "../../Avatar/index.js";
-import { getUserAvatar as ne } from "../../Util/index.js";
-import ce from "./user-info.js";
-import { DASHBOARD_URL as ae, PROFILE_URL as le } from "../../Util/constant.js";
-import pe from "../../SessionPermission/index.js";
-import { translations as ue } from "../libs/translation.js";
-import { translate as de } from "../../Locale/util.js";
-import me from "./did-space.js";
-import { mergeSx as se } from "../../Util/style.js";
-import { createDebug as fe } from "../../Util/logger.js";
-const he = (e) => {
-  const l = new URL(window.location.href);
-  return l.searchParams.set("inviter", e), l.toString();
-}, v = fe("did-connect");
-function je({
+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 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 { 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";
+import Z from "@iconify-icons/material-symbols/account-circle-off-outline-rounded";
+import $ from "@iconify-icons/material-symbols/featured-seasonal-and-gifts-rounded";
+import ee from "copy-to-clipboard";
+import h from "lodash/noop";
+import re from "../../Toast/index.js";
+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 { 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) => {
+  const c = new URL(window.location.href);
+  return c.searchParams.set("inviter", e), c.toString();
+}, g = de("did-connect");
+function We({
   session: e,
-  onBindWallet: l = P,
-  isBlocklet: c = !0,
-  locale: f = "en",
-  size: R = 24,
-  popperType: C = "click",
-  sx: B,
-  ...D
+  onBindWallet: c = h,
+  isBlocklet: a = !0,
+  locale: u = "en",
+  size: b = 24,
+  popperType: I = "click",
+  sx: y,
+  ...R
 }) {
-  var S, b;
-  const u = n((r, o = {}) => de(ue, r, f, "en", o)), L = H(() => {
-    var r, o, a;
-    return !!((a = (o = (r = globalThis == null ? void 0 : globalThis.blocklet) == null ? void 0 : r.settings) == null ? void 0 : o.invite) != null && a.enabled);
-  }, []), x = T(null), h = N({
+  const l = n((t, o = {}) => se(le, t, u, "en", o)), C = T(() => !!globalThis?.blocklet?.settings?.invite?.enabled, []), P = z(null), d = _({
     open: !1
-  }), i = n((r = !h.open) => {
-    h.open = r;
-  }), O = C === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() }, M = ne((b = (S = e.user) == null ? void 0 : S.avatar) == null ? void 0 : b.replace(/\s/g, encodeURIComponent(" "))), E = e.useOAuth(), U = typeof e.usePasskey == "function" ? e.usePasskey() : null, w = n(({ inArcSphere: r = !1 } = {}) => {
-    var a, d, p;
+  }), 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 } = {}) => {
     const o = {};
-    r && (a = e == null ? void 0 : e.user) != null && a.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), ((d = e == null ? void 0 : e.user) == null ? void 0 : d.sourceProvider) === "passkey" ? U.switchPassport(e.user) : ["google", "apple", "email", "github"].includes((p = e == null ? void 0 : e.user) == null ? void 0 : p.sourceProvider) ? E.switchOAuthPassport(e.user) : e.switchPassport(P, o);
-  }), A = n(({ userSession: r, inArcSphere: o = !1 } = {}) => new Promise((a) => {
-    const d = {};
-    o && e.user.sourceAppPid && (d.sourceAppPid = e.user.sourceAppPid);
-    const p = {};
-    r ? p.userSession = r : (i(!1), p.showQuickConnect = !1), e.switchDid(
+    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);
+  }), x = n(({ userSession: t, inArcSphere: o = !1 } = {}) => new Promise((F) => {
+    const A = {};
+    o && e.user.sourceAppPid && (A.sourceAppPid = e.user.sourceAppPid);
+    const m = {};
+    t ? m.userSession = t : (i(!1), m.showQuickConnect = !1), e.switchDid(
       () => {
-        i(!1), a();
+        i(!1), F();
       },
-      d,
-      p
+      A,
+      m
     );
-  })), k = n(({ inArcSphere: r = !1 } = {}) => {
+  })), w = n(({ inArcSphere: t = !1 } = {}) => {
     const o = {};
-    r && e.user.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e.switchProfile(P, o);
-  }), F = n(() => {
+    t && e.user.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e.switchProfile(h, o);
+  }), M = n(() => {
     i(!1), e.logout();
-  }), W = n(() => {
-    i(!1), e.bindWallet(l);
-  }), z = n(() => {
+  }), E = n(() => {
+    i(!1), e.bindWallet(c);
+  }), U = n(() => {
     i(!1);
-    const r = he(e.user.did);
-    te(r), oe.success(u("inviteCopied"));
+    const t = me(e.user.did);
+    ee(t), re.success(l("inviteCopied"));
   });
-  return _(() => {
-    g.registerBlocklet("callSwitchPassport", () => {
-      v("bridge registerBlocklet: callSwitchPassport"), w({ inArcSphere: !0 });
-    }), g.registerBlocklet("callSwitchDid", () => {
-      v("bridge registerBlocklet: callSwitchDid"), A({ inArcSphere: !0 });
-    }), g.registerBlocklet("callSwitchProfile", () => {
-      v("bridge registerBlocklet: callSwitchProfile"), k({ inArcSphere: !0 });
+  return j(() => {
+    f.registerBlocklet("callSwitchPassport", () => {
+      g("bridge registerBlocklet: callSwitchPassport"), v({ inArcSphere: !0 });
+    }), f.registerBlocklet("callSwitchDid", () => {
+      g("bridge registerBlocklet: callSwitchDid"), x({ inArcSphere: !0 });
+    }), f.registerBlocklet("callSwitchProfile", () => {
+      g("bridge registerBlocklet: callSwitchProfile"), w({ inArcSphere: !0 });
     });
-  }, []), /* @__PURE__ */ m(
-    y,
+  }, []), /* @__PURE__ */ s(
+    S,
     {
-      sx: se(
+      sx: ue(
         {
           display: "inline-flex",
           alignItems: "center",
           justifyContent: "center"
         },
         // @ts-ignore
-        B
+        y
       ),
-      ...D,
+      ...R,
       children: [
-        /* @__PURE__ */ t(
-          Q,
+        /* @__PURE__ */ r(
+          H,
           {
-            ref: x,
+            ref: P,
             size: "medium",
             "data-cy": "sessionManager-logout-popup",
             className: "arc-session-user-logged-in",
             "aria-label": "User info button",
-            ...O,
-            children: /* @__PURE__ */ t(ie, { variant: "circle", did: e.user.did, src: M, size: R, shape: "circle" })
+            ...B,
+            children: /* @__PURE__ */ r(te, { variant: "circle", did: e.user.did, src: D, size: b, shape: "circle" })
           }
         ),
-        /* @__PURE__ */ t(
-          V,
+        /* @__PURE__ */ r(
+          N,
           {
-            open: h.open,
-            anchorEl: x.current,
+            open: d.open,
+            anchorEl: P.current,
             transition: !0,
             placement: "bottom-end",
             sx: {
               zIndex: 1600
             },
-            children: ({ TransitionProps: r }) => /* @__PURE__ */ t(
-              q,
+            children: ({ TransitionProps: t }) => /* @__PURE__ */ r(
+              Q,
               {
                 onClickAway: (o) => {
                   o.preventDefault(), o.stopPropagation(), i(!1);
                 },
-                children: /* @__PURE__ */ t(G, { ...r, timeout: 350, children: /* @__PURE__ */ m(
-                  J,
+                children: /* @__PURE__ */ r(V, { ...t, timeout: 350, children: /* @__PURE__ */ s(
+                  q,
                   {
                     variant: "outlined",
                     sx: {
@@ -130,62 +125,62 @@ function je({
                       maxWidth: "90vw"
                     },
                     children: [
-                      /* @__PURE__ */ t(
-                        ce,
+                      /* @__PURE__ */ r(
+                        ie,
                         {
-                          locale: f,
-                          isBlocklet: c,
+                          locale: u,
+                          isBlocklet: a,
                           session: e,
-                          onSwitchPassport: w,
-                          onSwitchAccount: A,
-                          onSwitchProfile: k,
-                          onBindWallet: W
+                          onSwitchPassport: v,
+                          onSwitchAccount: x,
+                          onSwitchProfile: w,
+                          onBindWallet: E
                         }
                       ),
-                      /* @__PURE__ */ t(I, { sx: { m: "0 !important" } }),
-                      /* @__PURE__ */ m(K, { sx: { p: 0 }, children: [
-                        c ? /* @__PURE__ */ m(j, { children: [
-                          /* @__PURE__ */ t(pe, { session: e, children: /* @__PURE__ */ t(
-                            s,
+                      /* @__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(
+                            p,
                             {
-                              icon: $,
-                              title: u("dashboard"),
+                              icon: Y,
+                              title: l("dashboard"),
                               component: "a",
-                              href: ae,
+                              href: ne,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ) }),
-                          /* @__PURE__ */ t(
-                            s,
+                          /* @__PURE__ */ r(
+                            p,
                             {
-                              icon: Z,
-                              title: u("profile"),
+                              icon: X,
+                              title: l("profile"),
                               component: "a",
-                              href: le,
+                              href: ce,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ),
-                          L && /* @__PURE__ */ t(
-                            s,
+                          C && /* @__PURE__ */ r(
+                            p,
                             {
-                              icon: re,
-                              title: u("invite"),
+                              icon: $,
+                              title: l("invite"),
                               component: "div",
-                              onClick: z,
+                              onClick: U,
                               sx: { display: "block", color: "inherit" }
                             }
                           ),
-                          /* @__PURE__ */ t(I, { sx: { m: "0 !important" } }),
-                          /* @__PURE__ */ t(me, { session: e, locale: f })
+                          /* @__PURE__ */ r(k, { sx: { m: "0 !important" } }),
+                          /* @__PURE__ */ r(pe, { session: e, locale: u })
                         ] }) : null,
-                        /* @__PURE__ */ t(
-                          s,
+                        /* @__PURE__ */ r(
+                          p,
                           {
-                            icon: ee,
-                            title: u("logout"),
+                            icon: Z,
+                            title: l("logout"),
                             component: "div",
                             sx: { color: "error.main" },
-                            onClick: F,
+                            onClick: M,
                             "data-cy": "sessionManager-logout-trigger"
                           }
                         )
@@ -201,13 +196,13 @@ function je({
     }
   );
 }
-function s({
+function p({
   icon: e,
-  title: l,
-  ...c
+  title: c,
+  ...a
 }) {
-  return /* @__PURE__ */ t(y, { ...c, sx: { p: 0.5, ...c == null ? void 0 : c.sx }, children: /* @__PURE__ */ m(
-    X,
+  return /* @__PURE__ */ r(S, { ...a, sx: { p: 0.5, ...a?.sx }, children: /* @__PURE__ */ s(
+    J,
     {
       sx: {
         display: "flex",
@@ -220,12 +215,12 @@ function s({
         py: 1
       },
       children: [
-        /* @__PURE__ */ t(Y, { icon: e, fontSize: 24 }),
-        l
+        /* @__PURE__ */ r(K, { icon: e, fontSize: 24 }),
+        c
       ]
     }
   ) });
 }
 export {
-  je as default
+  We as default
 };

package/lib/SessionUser/components/quick-login-item.js

@@ -1,20 +1,19 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { useTheme as g, useMediaQuery as v, Box as o, Typography as n, Chip as y } from "@mui/material";
-import b from "lodash/noop";
-import w from "../../RelativeTime/index.js";
-import u from "../../WalletOSIcon/index.js";
-import { DID as z } from "../../DID/index.js";
-import k from "../../Avatar/index.js";
-import { getSourceProvider as I } from "../libs/utils.js";
-function M({
-  userSession: t,
-  locale: a = "en",
-  onClick: p = b
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useTheme as m, useMediaQuery as x, Box as r, Typography as a, Chip as f } from "@mui/material";
+import h from "lodash/noop";
+import s from "../../RelativeTime/index.js";
+import g from "../../WalletOSIcon/index.js";
+import { DID as u } from "../../DID/index.js";
+import v from "../../Avatar/index.js";
+import { getSourceProvider as y } from "../libs/utils.js";
+function T({
+  userSession: e,
+  locale: i = "en",
+  onClick: l = h
 }) {
-  var l, i, d, c;
-  const { palette: m } = g(), x = v((h) => h.breakpoints.down("md")), f = I(t == null ? void 0 : t.user) === "wallet";
-  return /* @__PURE__ */ e(
-    o,
+  const { palette: n } = m(), d = x((p) => p.breakpoints.down("md")), c = y(e?.user) === "wallet";
+  return /* @__PURE__ */ o(
+    r,
     {
       sx: {
         p: 2,
@@ -32,10 +31,10 @@ function M({
         },
         width: "100%"
       },
-      onClick: p,
+      onClick: l,
       children: [
-        /* @__PURE__ */ e(
-          o,
+        /* @__PURE__ */ o(
+          r,
           {
             sx: {
               display: "flex",
@@ -45,12 +44,12 @@ function M({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ r(k, { src: t.user.avatar, did: t.user.did, size: 44, variant: "circle", shape: "circle" }),
-              /* @__PURE__ */ e(o, { sx: { flex: 1, overflow: "hidden" }, children: [
-                /* @__PURE__ */ e(
-                  n,
+              /* @__PURE__ */ t(v, { src: e.user.avatar, did: e.user.did, size: 44, variant: "circle", shape: "circle" }),
+              /* @__PURE__ */ o(r, { sx: { flex: 1, overflow: "hidden" }, children: [
+                /* @__PURE__ */ o(
+                  a,
                   {
-                    component: o,
+                    component: r,
                     sx: {
                       fontSize: "16px",
                       fontWeight: 500,
@@ -60,11 +59,11 @@ function M({
                       color: "text.primary"
                     },
                     children: [
-                      t.user.fullName,
-                      /* @__PURE__ */ r(
-                        y,
+                      e.user.fullName,
+                      /* @__PURE__ */ t(
+                        f,
                         {
-                          label: ((l = t.user) == null ? void 0 : l.roleTitle) || ((i = t.user) == null ? void 0 : i.role),
+                          label: e.user?.roleTitle || e.user?.role,
                           size: "small",
                           variant: "outlined",
                           sx: () => ({
@@ -79,8 +78,8 @@ function M({
                     ]
                   }
                 ),
-                f ? /* @__PURE__ */ e(
-                  o,
+                c ? /* @__PURE__ */ o(
+                  r,
                   {
                     sx: {
                       display: "flex",
@@ -88,19 +87,19 @@ function M({
                       gap: 0.5
                     },
                     children: [
-                      /* @__PURE__ */ r(
-                        u,
+                      /* @__PURE__ */ t(
+                        g,
                         {
-                          provider: (d = t == null ? void 0 : t.extra) == null ? void 0 : d.provider,
-                          walletOS: (c = t == null ? void 0 : t.extra) == null ? void 0 : c.walletOS,
-                          color: m.text.secondary
+                          provider: e?.extra?.provider,
+                          walletOS: e?.extra?.walletOS,
+                          color: n.text.secondary
                         }
                       ),
-                      /* @__PURE__ */ r(
-                        z,
+                      /* @__PURE__ */ t(
+                        u,
                         {
-                          locale: a,
-                          did: t.user.did,
+                          locale: i,
+                          did: e.user.did,
                           size: 12,
                           sx: {
                             lineHeight: 1,
@@ -115,16 +114,16 @@ function M({
                       )
                     ]
                   }
-                ) : /* @__PURE__ */ r(n, { sx: { fontSize: "12px", color: "text.secondary" }, children: t.user.email })
+                ) : /* @__PURE__ */ t(a, { sx: { fontSize: "12px", color: "text.secondary" }, children: e.user.email })
               ] })
             ]
           }
         ),
-        t.updatedAt && !x && /* @__PURE__ */ r(o, { component: "span", sx: { color: "text.hint", fontSize: "12px", flexShrink: 0 }, children: /* @__PURE__ */ r(w, { value: t.updatedAt, locale: a }) })
+        e.updatedAt && !d && /* @__PURE__ */ t(r, { component: "span", sx: { color: "text.hint", fontSize: "12px", flexShrink: 0 }, children: /* @__PURE__ */ t(s, { value: e.updatedAt, locale: i }) })
       ]
     }
   );
 }
 export {
-  M as default
+  T as default
 };

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

@@ -1,25 +1,24 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { useTheme as u, Box as e, Tooltip as x, Typography as h, IconButton as v } from "@mui/material";
-import { Icon as y } from "@iconify/react";
-import m from "@iconify-icons/material-symbols/lens";
-import w from "../../WalletOSIcon/index.js";
-import S from "../../Avatar/index.js";
-import { DID as g } from "../../DID/index.js";
-import { getSourceProvider as z } from "../libs/utils.js";
-function R({
-  ref: p = void 0,
-  sessionItem: r,
-  statusContent: c = null,
-  active: n = !1,
-  ...a
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useTheme as c, Box as o, Tooltip as s, Typography as f, IconButton as m } from "@mui/material";
+import { Icon as u } from "@iconify/react";
+import x from "@iconify-icons/material-symbols/lens";
+import h from "../../WalletOSIcon/index.js";
+import v from "../../Avatar/index.js";
+import { DID as y } from "../../DID/index.js";
+import { getSourceProvider as w } from "../libs/utils.js";
+function T({
+  ref: a = void 0,
+  sessionItem: e,
+  statusContent: n = null,
+  active: d = !1,
+  ...i
 }) {
-  var i, d;
-  const { palette: o } = u(), f = z(r == null ? void 0 : r.user) === "wallet";
+  const { palette: l } = c(), p = w(e?.user) === "wallet";
   return /* @__PURE__ */ t(
-    e,
+    o,
     {
-      ...a,
-      ref: p,
+      ...i,
+      ref: a,
       sx: {
         display: "flex",
         alignItems: "center",
@@ -27,11 +26,11 @@ function R({
         py: 0.75,
         px: 1,
         width: "100%",
-        ...a == null ? void 0 : a.sx
+        ...i?.sx
       },
       children: [
         /* @__PURE__ */ t(
-          e,
+          o,
           {
             sx: {
               display: "flex",
@@ -43,33 +42,33 @@ function R({
               }
             },
             children: [
-              /* @__PURE__ */ l(e, { sx: { mr: 0.5, fontSize: 0 }, children: /* @__PURE__ */ l(S, { did: r.userDid, size: 36 }) }),
-              /* @__PURE__ */ l(
-                w,
+              /* @__PURE__ */ r(o, { sx: { mr: 0.5, fontSize: 0 }, children: /* @__PURE__ */ r(v, { did: e.userDid, size: 36 }) }),
+              /* @__PURE__ */ r(
+                h,
                 {
-                  color: o.text.secondary,
-                  loading: r.__isDefault,
-                  provider: (i = r == null ? void 0 : r.extra) == null ? void 0 : i.provider,
-                  walletOS: (d = r == null ? void 0 : r.extra) == null ? void 0 : d.walletOS
+                  color: l.text.secondary,
+                  loading: e.__isDefault,
+                  provider: e?.extra?.provider,
+                  walletOS: e?.extra?.walletOS
                 }
               ),
-              f ? /* @__PURE__ */ l(g, { did: r.userDid, copyable: !1, size: 14, responsive: !1, compact: !0, sx: { lineHeight: 1 } }) : r.user.email && /* @__PURE__ */ l(
-                x,
+              p ? /* @__PURE__ */ r(y, { did: e.userDid, copyable: !1, size: 14, responsive: !1, compact: !0, sx: { lineHeight: 1 } }) : e.user.email && /* @__PURE__ */ r(
+                s,
                 {
-                  title: r.user.email,
+                  title: e.user.email,
                   sx: {
                     zIndex: 1600
                   },
                   placement: "top",
-                  children: /* @__PURE__ */ l(
-                    h,
+                  children: /* @__PURE__ */ r(
+                    f,
                     {
                       sx: {
                         fontSize: 14,
                         overflow: "hidden",
                         textOverflow: "ellipsis"
                       },
-                      children: r.user.email
+                      children: e.user.email
                     }
                   )
                 }
@@ -77,11 +76,11 @@ function R({
             ]
           }
         ),
-        c || n && /* @__PURE__ */ l(v, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(y, { icon: m, fontSize: 6, color: o.success.main }) })
+        n || d && /* @__PURE__ */ r(m, { size: "small", disableRipple: !0, children: /* @__PURE__ */ r(u, { icon: x, fontSize: 6, color: l.success.main }) })
       ]
     }
   );
 }
 export {
-  R as default
+  T as default
 };